@charset "utf-8";
/* All default css designed for mobile first */
/* reduce font to 1px for default ...1em/rem = 1px; adjust font size for each media size as desired */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%;min-height:101%;overflow-x:hidden}
/* adjust font size for each media size as desired; 1.4em - 14px default font size */
body{margin:0;font-size:1.4em;font-weight:400;-webkit-text-shadow:0 -1px 0 rgba(255,255,255,0.5);-moz-text-shadow:0 -1px 0 rgba(255,255,255,0.5);text-shadow:0 -1px 0 rgba(255,255,255,0.5);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;min-height:100vh}
html,body{font-family:Tahoma, sans-serif, Helvetica, 'Segoe UI';line-height:1.6} /* set line-height with unitless value. use this value x(times) the elements' font-size to get actual line-height size. */

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,section,summary,nav,hr{display:block}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
img{height:auto;border-style:none;border:0}.img{width:100%}.img-mw{max-width:100%}img,.img,img-mw {vertical-align:middle}
.tal{text-align:left !important}.tac{text-align:center !important}.tar{text-align:right !important}.taj{text-align:justify !important}
.no-wrap{white-space:nowrap}.wrap{white-space:normal}
.none{display:none !important}
.block{display:block !important;width:100%}.inline-block{display:inline-block !important}
.img-left{position:relative;float:left;margin:.5em 1em 0 0}.img-right{position:relative;float:right;margin:.5em 0 0 1em}
hr{height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;box-sizing:content-box;overflow:visible} /* set hr color and margin */
#to-top{position:fixed;bottom:20px;right:20px;font-size:1.5em;padding:0 8px;z-index: 2;}
.clearfix:after{content:"";display:table;clear:both;border-collapse:collapse}
.clear{clear:both;height:0;display:block}
.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
.sidebar{height:100%;background-color:#fff;position:fixed!important;z-index:3;overflow:auto;box-sizing:inherit}/* use .main with sidebar */
.sidebar.collapse{display:none}


/* table styles */
table{border-collapse:collapse;border-spacing:0;width:100%;display:table;margin-top:1.5rem}/* default table style */
table tr th {font-weight: bold}/* default bold for headers */
.table-ct,.table-b{border:1px solid #ccc} /* table border for custom table. table-b is a border table only */
.table-b-a tr th, .table-b-a tr td {border:1px solid #ddd}/* full borders around headers and cells */
.table-row-b tr,.table-ct tr{border-bottom:1px solid #ddd} /* row border for custom table, AND adding table-b to table element */
.table-c tbody tr:nth-child(even){background-color:#f1f1f1} /* set row color to normal table */
.table-ct tr:nth-child(odd){background-color:#fff} /* set odd row color for custom table */
.table-ct tr:nth-child(even){background-color:#f1f1f1} /* set even row color for custom table */
.table-center tr th,.table-center tr td{text-align:center} /* center table objects */
.table-center-h tr th{text-align:center} /* center table headings */
table td,table th{padding:.8rem .8rem;display:table-cell;text-align:left;vertical-align:top} /* table padding and alignment correction */
table th:first-child,table td:first-child{padding-left:16px} /* add left padding to first element only */
.table-nf {width:auto !important;}
.hoverable tbody tr:hover, .hoverable li:hover{background-color:#ccc} /* highlight a row or list item with mouse hover */
.border-c {border:1px solid #696969}/* used in a div to wrap a table, IF a different border color is desired. use with border-cc to create a custom color */
.border-c table tr th{border-top:0}
.border-c table tr:last-child td {border-bottom:0}
.border-c table tr th:first-child,.border-c table tr td:first-child {border-left:0}
.border-c table tr th:last-child,.border-c table tr td:last-child {border-right:0}
.border-cc {border:1px solid green !important}/* custom color for a table. use with border-c */
/* additional table styles */
.cell-row{display:table;width:100%}.cell{display:table-cell}/* not in use */
.cell-top{vertical-align:top}.cell-middle{vertical-align:middle}.cell-bottom{vertical-align:bottom}

/* this is the modal window which creates the simi transparent bg covering the whole page */
.modal{z-index:3;display:none;padding-top:50px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.6)}
.modal-box{position:relative;width:95%;margin:3rem auto;background-color: rgb(255, 255, 255);}

.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:2}
.margin{margin:.5em !important}.margin-top{margin-top:.5em !important}.margin-bottom{margin-bottom:.5em !important}.margin-left{margin-left:.5em !important}.margin-right{margin-right:.5em !important}

.circle{border-radius:50%}
.round-small{border-radius:2px}.round,.round-medium{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.round-xxlarge{border-radius:32px}


/* containment for sharing element location; new button over image, x in upper right corner, etc */
.display-container,.set-display-container{position:relative}.display-absolute{position:absolute}
.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
.display-top-left{position:absolute;left:0;top:0}
.display-top-middle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-top-right{position:absolute;right:0;top:0}
.display-middle-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-middle-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.display-bottom-left{position:absolute;left:0;bottom:0}
.display-bottom-middle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-bottom-right{position:absolute;right:0;bottom:0}

/* default settings for fixed header above body - templates; sidebar01, */
.sidebar + .overlay + .sidebarBody > header {padding-top:5.571428571428571em}

/* page/block-containers */
.cnt{width:100%;margin:0}
.cntBlock{width:100%;max-width:960px;margin:0 auto}
/* clear all floated blocks */
.cnt:after,.cntBlock:after,.row:after,.rowCnt:after,.clear:after{content: "";display:table;clear:both}
/* grid-row ---- used to equalize column heights */
.row{width:auto}
.rowCnt{width:inherit}
.row,.rowCnt{box-sizing:border-box;float:none}
.rest{overflow:hidden}
/* grid-default-column */
.col{margin:0;clear:none;float:left;overflow-wrap:break-word;box-sizing:border-box}
/* grid-column-widths */
.cnt.auto,.cntBlock.auto,.col.auto{width:inherit}
.col.max-one{max-width: 12.5;}
.col.one-tenth{width:9.99999%}
.col.one-eighth{width:12.5%}
.col.one-sixth{width:16.66666%}
.col.two-tenths{width:19.99999%}
.col.one-quarter{width:24.99999%}.push-25{margin-left:24.99999%}
.col.three-tenths{width:29.99999%}
.col.one-third{width:33.33333%}
.col.four-tenths{width:39.99999%}
.col.half,.col.five-tenths{width:49.99999%}
.col.six-tenths{width:59.99999%}
.col.two-thirds{width:66.66666%}
.col.seven-tenths{width:69.99999%}
.col.three-quarters{width:74.99999%}.push-75{margin-left:74.99999%}
.col.eight-tenths{width:79.99999%}
.col.five-sixths{width:83.33334%}
.col.nine-tenths{width:89.99999%}
.col.whole,.col.ten-tenths{width:99.99999%}
.float-left{float:left !important}.float-right{float:right !important}
.padding-reverse{margin:-.5em;width:auto;box-sizing:content-box;float:none}
.padding-reverse-inner{margin:0 -.5em;width:auto;box-sizing:content-box;float:none}
.padding{padding:.3em}
.padding-left{padding-left:.3em}.padding-right{padding-right:.3em}
.padding-top{padding-top:.3em}.padding-bottom{padding-bottom:.3em}
.padding-sides{padding:0 .3em}.padding-vertical{padding:.3em 0}
.padding-inner{padding:1em}.padding-inner-sides{padding:0 1em}

.transparent,.hover-none:hover{background-color:transparent!important}
.hover-none:hover{box-shadow:none!important}


/* Target Smartphones' LARGE size */
@media (min-width: 481px) {
.m-tal{text-align:left}.m-tac{text-align:center}.m-tar{text-align:right}
.m-push-0{margin-left:0}
.col.m-one-tenth{width:9.99999%}
.col.m-one-eighth{width:12.5%}
.col.m-one-sixth{width:16.66666%}
.col.m-two-tenths{width:19.99999%}
.col.m-one-quarter{width:24.99999%}
.col.m-three-tenths{width:29.99999%}
.col.m-one-third{width:33.33333%}
.col.m-four-tenths{width:39.99999%}
.col.m-half,.col.m-five-tenths{width:49.99999%}
.col.m-six-tenths{width:59.99999%}
.col.m-two-thirds{width:66.66666%}
.col.m-seven-tenths{width:69.99999%}
.col.m-three-quarters{width:74.99999%}
.col.m-eight-tenths{width:79.99999%}
.col.m-nine-tenths{width:89.99999%}
.col.m-whole,.col.m-tenth-tenths{width:99.99999%}
.m-float-left{float:left !important}.m-float-right{float:right !important}
.m-padding-reverse{margin:-.5em;width:auto;box-sizing:content-box;float:none}
.m-padding-reverse-inner{margin:0 -.5em;width:auto;box-sizing:content-box;float:none}
.m-padding{padding:.5em}
.m-padding-left{padding-left:.5em}.m-padding-right{padding-right:.5em}
.m-padding-top{padding-top:.5em}.m-padding-bottom{padding-bottom:.5em}
.m-padding-sides{padding:0 .5em}.m-padding-vertical{padding:.5em 0}
.m-padding-inner{padding:1em}.m-padding-inner-sides{padding:0 1em}
.m-margin{margin:1em !important}.m-margin-top{margin-top:1em !important}.m-margin-bottom{margin-bottom:1em !important}.m-margin-left{margin-left:1em !important}.m-margin-right{margin-right:1em !important}
.m-none{display:none !important}.m-block{display:block !important}.m-inline-block{display:inline-block !important}
.modal-box{width:85%;}
}

/* Target Tablets' size & UP ~~~ STANDARD SIZE STARTS HERE */
@media (min-width: 768px) {
.l-tal{text-align:left}.l-tac{text-align:center}.l-tar{text-align:right}
.l-push-0{margin-left:0}
.col.l-one-tenth{width:9.99999%}
.col.l-one-eighth{width:12.5%}
.col.l-one-sixth{width:16.66666%}
.col.l-two-tenths{width:19.99999%}
.col.l-one-quarter{width:24.99999%}
.col.l-three-tenths{width:29.99999%}
.col.l-one-third{width:33.33333%}
.col.l-four-tenths{width:39.99999%}
.col.l-half,.col.l-five-tenths{width:49.99999%}
.col.l-six-tenths{width:59.99999%}
.col.l-two-thirds{width:66.66666%}
.col.l-seven-tenths{width:69.99999%}
.col.l-three-quarters{width:74.99999%}
.col.l-eight-tenths{width:79.99999%}
.col.l-nine-tenths{width:89.99999%}
.col.l-whole,.col.l-tenth-tenths{width:99.99999%}
.l-float-left{float:left !important}.l-float-right{float:right !important}
.l-padding-reverse-inner{margin:0 -.5em;width:auto;box-sizing:content-box;float:none}
.l-padding-reverse{margin:-.5em;width:auto;box-sizing:content-box;float:none}
.l-padding{padding:1.5em}
.l-padding-left{padding-left:1.5em}.l-padding-right{padding-right:1.5em}
.l-padding-top{padding-top:1.5em}.l-padding-bottom{padding-bottom:1.5em}
.l-padding-sides{padding:0 1.5em}.l-padding-vertical{padding:1.5em 0}
.l-padding-inner{padding:1.5em}.l-padding-inner-sides{padding:0 1.5em}
.l-margin{margin:1.5em !important}.l-margin-top{margin-top:1.5em !important}.l-margin-bottom{margin-bottom:1.5em !important}.l-margin-left{margin-left:1.5em !important}.l-margin-right{margin-right:1.5em !important}
.sidebar.collapse,
.l-none{display:none !important}.l-block{display:block !important}.l-inline-block{display:inline-block !important}
.sidebar + .overlay + .sidebarBody > header {padding-top:1em}
.modal-box{width:80%;}
}



/* Target LARGE size ONLY */
@media (min-width: 1200px) {
.modal-box{width:1000px}
}


/* END wireframe styles. CSS continues in design.css from here. */