body { min-height: 100%; }
body, html { height:100%; margin:0; padding:0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*spacing*/
.m-auto { margin: auto !important; }
.m-0 { margin:0 !important; } .m-1 { margin:1rem !important; } .m-2 { margin:2rem !important; } .m-3 { margin:3rem !important; } .m-4 { margin:4rem !important; } .m-5 { margin:5rem !important; } .m-6 { margin:6rem !important; }
.mb-0 { margin-bottom:0 !important; } .mb-1 { margin-bottom:1rem !important; } .mb-2 { margin-bottom:2rem !important; } .mb-3 { margin-bottom:3rem !important; } .mb-4 { margin-bottom:4rem !important; } .mb-5 { margin-bottom:5rem !important; } .mb-6 { margin-bottom:6rem !important; }
.mt-0 { margin-top:0 !important; } .mt-1 { margin-top:1rem !important; } .mt-2 { margin-top:2rem !important; } .mt-3 { margin-top:3rem !important; } .mt-4 { margin-top:4rem !important; } .mt-5 { margin-top:5rem !important; } .mt-6 { margin-top:6rem !important; }
.ml-0 { margin-left:0 !important; } .ml-1 { margin-left:1rem !important; } .ml-2 { margin-left:2rem !important; } .ml-3 { margin-left:3rem !important; } .ml-4 { margin-left:4rem !important; } .ml-5 { margin-left:5rem !important; } .ml-6 { margin-left:6rem !important; }
.mr-0 { margin-right:0 !important; } .mr-1 { margin-right:1rem !important; } .mr-2 { margin-right:2rem !important; } .mr-3 { margin-right:3rem !important; } .mr-4 { margin-right:4rem !important; } .mr-5 { margin-right:5rem !important; } .mr-6 { margin-right:6rem !important; }
.mx-0 { margin-right: 0rem !important; margin-left: 0rem !important; } .mx-1 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-2 { margin-right: 2rem !important; margin-left: 2rem !important; } .mx-3 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-4 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-5 { margin-right: 5rem !important; margin-left: 5rem !important; } .mx-6 { margin-right: 6rem !important; margin-left: 6rem !important; }
.my-0 { margin-bottom: 0rem !important; margin-top: 0rem !important; } .my-1 { margin-bottom: 1rem !important; margin-top: 1rem !important; } .my-2 { margin-bottom: 2rem !important; margin-top: 2rem !important; } .my-3 { margin-bottom: 3rem !important; margin-top: 3rem !important; } .my-4 { margin-bottom: 4rem !important; margin-top: 4rem !important; } .my-5 { margin-bottom: 5rem !important; margin-top: 5rem !important; } .my-6 { margin-bottom: 6rem !important; margin-top: 6rem !important; }
.p-0 { padding:0 !important; } .p-1 { padding:1rem !important; } .p-2 { padding:2rem !important; } .p-3 { padding:3rem !important; } .p-4 { padding:4rem !important; } .p-5 { padding:5rem !important; } .p-6 { padding:6rem !important; }
.pb-0 { padding-bottom:0 !important; } .pb-1 { padding-bottom:1rem !important; } .pb-2 { padding-bottom:2rem !important; } .pb-3 { padding-bottom:3rem !important; } .pb-4 { padding-bottom:4rem !important; } .pb-5 { padding-bottom:5rem !important; } .pb-6 { padding-bottom:6rem !important; }
.pt-0 { padding-top:0 !important; } .pt-1 { padding-top:1rem !important; } .pt-2 { padding-top:2rem !important; } .pt-3 { padding-top:3rem !important; } .pt-4 { padding-top:4rem !important; } .pt-5 { padding-top:5rem !important; } .pt-6 { padding-top:6rem !important; }
.pl-0 { padding-left:0 !important; } .pl-1 { padding-left:1rem !important; } .pl-2 { padding-left:2rem !important; } .pl-3 { padding-left:3rem !important; } .pl-4 { padding-left:4rem !important; } .pl-5 { padding-left:5rem !important; } .pl-6 { padding-left:6rem !important; }
.pr-0 { padding-right:0 !important; } .pr-1 { padding-right:1rem !important; } .pr-2 { padding-right:2rem !important; } .pr-3 { padding-right:3rem !important; } .pr-4 { padding-right:4rem !important; } .pr-5 { padding-right:5rem !important; } .pr-6 { padding-right:6rem !important; }
.px-0 { padding-right: 0rem !important; padding-left: 0rem !important; } .px-1 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-2 { padding-right: 2rem !important; padding-left: 2rem !important; } .px-3 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-4 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-5 { padding-right: 5rem !important; padding-left: 5rem !important; } .px-6 { padding-right: 6rem !important; padding-left: 6rem !important; }
.py-0 { padding-bottom: 0rem !important; padding-top: 0rem !important; } .py-1 { padding-bottom: 1rem !important; padding-top: 1rem !important; } .py-2 { padding-bottom: 2rem !important; padding-top: 2rem !important; } .py-3 { padding-bottom: 3rem !important; padding-top: 3rem !important; } .py-4 { padding-bottom: 4rem !important; padding-top: 4rem !important; } .py-5 { padding-bottom: 5rem !important; padding-top: 5rem !important; } .py-6 { padding-bottom: 6rem !important; padding-top: 6rem !important; }
/* Overflow */
.overflow-visible { overflow:visible !important; } .overflow-hidden { overflow:hidden !important; } .overflow-auto { overflow:auto !important; }
/* Containers */
.sectionContainer, .container{ width:100%; height:100%; font-size:1.6rem;}
.fullContainer { width:100%; min-height:100vh;}
.fullWidth { width:100%; }
.centerContainer { position:relative; height:auto; width:100%; max-width:1280px; margin:0 auto; zoom: 1; } /* overflow-y:auto; overflow-x:auto; ms-overflow-x:auto; */
.videowrapper, .videoWrap { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 1em; }
.videowrapper iframe, .videoWrap iframe { position: absolute; top: 0; left: 0;width: 100%;height: 100%; }
.videoWrapper {
position: relative; padding-bottom: 56.25%; height:0; overflow: hidden;
max-width: 100%;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
cursor: pointer !important;
}
/* imageContainers */
.image1-1 { height:0; width:100%; padding-bottom:100%; overflow:hidden; }
.imageSquare { height:0; width:100%; padding-bottom:100%; overflow:hidden; }
.image16-9 { height:0; width:56.25%; padding-bottom:100%; overflow:hidden; }
/* padding */
.padding1 { padding:1rem !important; } .padding2 { padding:2rem !important; } .padding3 { padding:3rem !important; }.padding4 { padding:4rem !important; }
/* padding */
.margin1 { padding:1rem !important; } .margin2 { padding:2rem !important; } .margin3 { padding:3rem !important; } .margin4 { padding:4rem !important; }
/* Navigation Bar */
nav { position:relative; z-index:10000000; height:auto; overflow:auto;}
#navBar { position:relative; max-width:1280px; margin:0 auto; height:auto; }
#navBar ul { display:block; list-style-type: none; margin:0; padding: 0; }
#navBar ul li { float:left; position: relative;}
#navBar li ul { display:none; position:absolute; width:auto; left:auto; top:100%; clear:left; border: 0 solid #ccc; margin:0; padding:0; border-width: 0 0 1px 1px; }
#navBar ul li:hover > ul { display:block; }
#navBar ul li ul li { display:block; margin:0; border: 0 solid #ccc; border-width: 1px 1px 0 0; width:100%; background:#fff; }
#navBar li>a { display:block; }
#navBar #mobileNav { display:none; position:relative; width:100%; height:auto; clear:all; padding:1rem 0;}
#navBar li:hover {}
@media screen and (max-width:75em) {
nav { zoom:1;}
#navBar { height:auto !important; }
#navBar ul { display:none; clear:left; overflow:hidden; zoom:1;}
#navBar li { float: left; width: 50%; box-sizing: border-box; }
#navBar li:nth-child(-n+2) { border-top: 1px solid #ccc;}
#navBar li:nth-of-type(2n+1) { box-sizing: border-box; border-right: 1px solid #ccc; clear:left;}
#navBar li { border-bottom: 1px solid #ccc; }
#navBar li:last-child,
#navBar li:nth-last-of-type(-n+2):not(:nth-child(even)) { border-bottom: 0px}
#navBar #mobileNav { display:block; }
#navBar a#mobilePull:after { content:"\f0c9"; font-family: FontAwesome; background: url('') no-repeat; width: 30px; position:absolute; right: 10px; top: 12px; }
#navBar ul li> ul { display:none; }
#navBar ul li:hover > ul { display:none; }
}
@media screen and (max-width: 640px) {
#navBar li:nth-child(-n+2),
#navBar li { display:block; width: 100%; border-right:0 !important; border-bottom:0 !important; border-top: 1px solid #ccc;}
}
/*
h1, h2, h3, h4, h5, h6
{ margin-top: 0; margin-bottom: 1rem; line-height:120%; font-weight: 300; }*/
h1 { font-size: 3.2rem; }
h2 { font-size: 3.0rem; }
h3 { font-size: 2.8rem; }
h4 { font-size: 2.6rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 2.0rem; }
p { margin-top: 0; line-height:120%; }
.containerPad,
.spaced>div { padding:.5em;}
.gridPadSm { padding: .5em 0 .5em .5em; }
.gridPadSm [class*='col-'] { padding-right: .5em; }
.gridPadSm [class*='col-']:last-of-type { padding-right: .5em; }
.gridPadSm .gridRow [class*='col-']:last-of-type { padding-right: 0;}
.gridPad { padding: 1em 0 1em 1em; }
.gridPad>[class*='col-'] { padding-right: 1em !important; }
.gridPad[class*='col-']:last-of-type { padding-right: 1em; }
.gridPad .griRow [class*='col-']:last-of-type { padding-right: 0;}
.gridPadLG { padding: 2em 0 2em 2em !important; }
.gridPadLG>[class*='col-'] { padding-right: 2em; padding-bottom: 2em;}
.gridPadLG[class*='col-']:last-of-type { padding-right: 2em; }
.gridPadLG .griRow [class*='col-']:last-of-type { padding-right: 0;}
.gridTmp { padding: 1em 1em 1em 1em; }
.gridTmp>[class*='col-'] { padding-right: 2em; margin-right:0em; }
.gridTmp .griRow [class*='col-']:last-of-type { padding-right: 0;}
.gridPadLr { padding: 0 1em 1em 1em !important; }
.gridPadLr>[class*='col-'] { padding-right: 1em; }
.gridPadLr[class*='col-']:last-of-type { padding-right: 1em; }
.gridPadLr .griRow [class*='col-']:last-of-type { padding-right: 0;}
.gridPadh { padding: 0 0 0 1em; }
.gridPadh>[class*='col-'] { padding-right: 1em; }
.gridPadh[class*='col-']:last-of-type { padding-right: 1em; }
.gridPadh .griRow [class*='col-']:last-of-type { padding-right: 0;}
.module { padding: 10px; background: #eee; }
.fullRow { height:auto; width:100%; margin:0 auto; zoom: 1; overflow-y:auto; overflow-x:auto; ms-overflow-x:auto; }
.gridRow { height:auto; width:100%; max-width:1280px; margin:0 auto; zoom: 1; overflow-y:auto; overflow-x:auto; ms-overflow-x:auto; }
.gridRow>div, .fullRow>div
{ float:left; box-sizing: border-box; min-height: 1px;}
.tgridFull { display:table; position:relative; width:100%; max-width:100%; margin:0 auto; zoom: 1; overflow-y:auto; overflow-x:auto; ms-overflow-x:auto; clear:both;}
.tgrid { display:table; position:relative; width:100%; max-width:1280px; margin:0 auto; zoom: 1; overflow-y:auto; overflow-x:auto; ms-overflow-x:auto; clear:both;}
.tgrid>div,
.tgridFull>div { display:table-cell; height:100%; box-sizing: border-box;}
.rowCenter { display:table-row; max-width:1280px; margin:0 auto;}
.row { display:table-row; }
.cell { display:table-cell; width:auto; }
.fixed { position: fixed; top: 1em; z-index: 1; }
.flexRow { max-width:1280px; display:flex; display:-webkit-flex; flex-wrap:wrap; width:100%; margin:auto;}
.flexContainer { display:flex; display:-webkit-flex; flex-wrap:wrap; width:100%;}
.flexColumn { -webkit-flex-direction: column; flex-direction: column; }
.flex-lg-1,.flex-lg-2,.flex-lg-3,.flex-lg-4,.flex-lg-5,.flex-lg-6,.flex-lg-7,.flex-lg-8,.flex-lg-9,.flex-lg-10,.flex-lg-11,.flex-lg-12 {
/* FILL WIDTH */
/*-ms-flex: 1 1 auto; -webkit-box-flex: 1 1 auto; flex: 1 1 auto;*/
padding:1.6em;
}
.flexCenter { align-items:center; justify-content:center; }
.flexStart { align-self: flex-start; }
.flexEnd { align-self: flex-end; }
.flexRow>div { display:flex; }
.justifyCenter {
justify-content:center;
}
.flex-12 { width: 100%; flex-basis:100%; -ms-flex-preferred-size:100%; }
.flex-11 { width: 91.666%; flex-basis:91.666%; -ms-flex-preferred-size:91.666%; }
.flex-10 { width: 83.333%; flex-basis:83.333%; -ms-flex-preferred-size:83.333%; }
.flex-9 { width: 75%; flex-basis:75%; -ms-flex-preferred-size:75%; }
.flex-8 { width: 66.666%; flex-basis:66.666%; -ms-flex-preferred-size:66.666%; }
.flex-7 { width: 58.333%; flex-basis:58.333%; -ms-flex-preferred-size:58.333%; }
.flex-6 { width: 50%; flex-basis:50%; -ms-flex-preferred-size:50%; }
.flex-5 { width: 41.666%; flex-basis:41.666%; -ms-flex-preferred-size:41.666%; }
.flex-4 { width: 33.333%; flex-basis:33.333%; -ms-flex-preferred-size:33.333%; }
.flex-3 { width: 25%; flex-basis:25%; -ms-flex-preferred-size:25%; }
.flex-2 { width: 16.666%; flex-basis:16.666%; -ms-flex-preferred-size:16.666%; }
.flex-1 { width: 8.333%; flex-basis:8.333% ; -ms-flex-preferred-size:8.333%; }
.col-12 { width: 100%;}
.col-11 { width: 91.666%; }
.col-10 { width: 83.333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.666%; }
.col-7 { width: 58.333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.666%; }
.col-4 { width: 33.333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.666%; }
.col-1 { width: 8.333%; }
@media screen and (min-width: 20em) {
.flex-xsm-12 { width: 100%; flex-basis:100%; -ms-flex-preferred-size:100%; }
.flex-xsm-11 { width: 91.666%; flex-basis:91.666%; -ms-flex-preferred-size:91.666%; }
.flex-xsm-10 { width: 83.333%; flex-basis:83.333%; -ms-flex-preferred-size:83.333%; }
.flex-xsm-9 { width: 75%; flex-basis:75%; -ms-flex-preferred-size:75%; }
.flex-xsm-8 { width: 66.666%; flex-basis:66.666%; -ms-flex-preferred-size:66.666%; }
.flex-xsm-7 { width: 58.333%; flex-basis:58.333%; -ms-flex-preferred-size:58.333%; }
.flex-xsm-6 { width: 50%; flex-basis:50%; -ms-flex-preferred-size:50%; }
.flex-xsm-5 { width: 41.666%; flex-basis:41.666%; -ms-flex-preferred-size:41.666%; }
.flex-xsm-4 { width: 33.333%; flex-basis:33.333%; -ms-flex-preferred-size:33.333%; }
.flex-xsm-3 { width: 25%; flex-basis:25%; -ms-flex-preferred-size:25%; }
.flex-xsm-2 { width: 16.666%; flex-basis:16.666%; -ms-flex-preferred-size:16.666%; }
.flex-xsm-1 { width: 8.333%; flex-basis:8.333% ; -ms-flex-preferred-size:8.333%; }
.col-xsm-12 { width: 100%; }
.col-xsm-11 { width: 91.666%; }
.col-xsm-10 { width: 83.333%; }
.col-xsm-9 { width: 75%; }
.col-xsm-8 { width: 66.666%; }
.col-xsm-7 { width: 58.333%; }
.col-xsm-6 { width: 50%; }
.col-xsm-5 { width: 41.666%; }
.col-xsm-4 { width: 33.333%; }
.col-xsm-3 { width: 25%; }
.col-xsm-2 { width: 16.666%; }
.col-xsm-1 { width: 8.333%; }
}
@media screen and (min-width: 36em) {
.flex-sm-12 { width: 100%; flex-basis:100%; -ms-flex-preferred-size:100%; }
.flex-sm-11 { width: 91.666%; flex-basis:91.666%; -ms-flex-preferred-size:91.666%; }
.flex-sm-10 { width: 83.333%; flex-basis:83.333%; -ms-flex-preferred-size:83.333%; }
.flex-sm-9 { width: 75%; flex-basis:75%; -ms-flex-preferred-size:75%; }
.flex-sm-8 { width: 66.666%; flex-basis:66.666%; -ms-flex-preferred-size:66.666%; }
.flex-sm-7 { width: 58.333%; flex-basis:58.333%; -ms-flex-preferred-size:58.333%; }
.flex-sm-6 { width: 50%; flex-basis:50%; -ms-flex-preferred-size:50%; }
.flex-sm-5 { width: 41.666%; flex-basis:41.666%; -ms-flex-preferred-size:41.666%; }
.flex-sm-4 { width: 33.333%; flex-basis:33.333%; -ms-flex-preferred-size:33.333%; }
.flex-sm-3 { width: 25%; flex-basis:25%; -ms-flex-preferred-size:25%; }
.flex-sm-2 { width: 16.666%; flex-basis:16.666%; -ms-flex-preferred-size:16.666%; }
.flex-sm-1 { width: 8.333%; flex-basis:8.333% ; -ms-flex-preferred-size:8.333%; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.666%; }
.col-sm-10 { width: 83.333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.666%; }
.col-sm-7 { width: 58.333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.666%; }
.col-sm-4 { width: 33.333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.666%; }
.col-sm-1 { width: 8.333%; }
}
@media screen and (min-width: 60em) {
.flex-md-12 { width: 100%; flex-basis:100%; -ms-flex-preferred-size:100%; }
.flex-md-11 { width: 91.666%; flex-basis:91.666%; -ms-flex-preferred-size:91.666%; }
.flex-md-10 { width: 83.333%; flex-basis:83.333%; -ms-flex-preferred-size:83.333%; }
.flex-md-9 { width: 75%; flex-basis:75%; -ms-flex-preferred-size:75%; }
.flex-md-8 { width: 66.666%; flex-basis:66.666%; -ms-flex-preferred-size:66.666%; }
.flex-md-7 { width: 58.333%; flex-basis:58.333%; -ms-flex-preferred-size:58.333%; }
.flex-md-6 { width: 50%; flex-basis:50%; -ms-flex-preferred-size:50%; }
.flex-md-5 { width: 41.666%; flex-basis:41.666%; -ms-flex-preferred-size:41.666%; }
.flex-md-4 { width: 33.333%; flex-basis:33.333%; -ms-flex-preferred-size:33.333%; }
.flex-md-3 { width: 25%; flex-basis:25%; -ms-flex-preferred-size:25%; }
.flex-md-2 { width: 16.666%; flex-basis:16.666%; -ms-flex-preferred-size:16.666%; }
.flex-md-1 { width: 8.333%; flex-basis:8.333% ; -ms-flex-preferred-size:8.333%; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.666%; }
.col-md-10 { width: 83.333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.666%; }
.col-md-7 { width: 58.333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.666%; }
.col-md-4 { width: 33.333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.666%; }
.col-md-1 { width: 8.333%; }
}
@media screen and (min-width: 75em) {
.flex-lg-12 { width: 100%; flex-basis:100%; -ms-flex-preferred-size:100%; }
.flex-lg-11 { width: 91.666%; flex-basis:91.666%; -ms-flex-preferred-size:91.666%; }
.flex-lg-10 { width: 83.333%; flex-basis:83.333%; -ms-flex-preferred-size:83.333%; }
.flex-lg-9 { width: 74.999%; flex-basis:74.999%; -ms-flex-preferred-size:74.999%; }
.flex-lg-8 { width: 66.666%; flex-basis:66.666%; -ms-flex-preferred-size:66.666%; }
.flex-lg-7 { width: 58.333%; flex-basis:58.333%; -ms-flex-preferred-size:58.333%; }
.flex-lg-6 { width: 50%; flex-basis:50%; -ms-flex-preferred-size:50%; }
.flex-lg-5 { width: 41.666%; flex-basis:41.666%; -ms-flex-preferred-size:41.666%; }
.flex-lg-4 { width: 33.333%; flex-basis:33.333%; -msf-tsablelex-preferred-size:33.333%; }
.flex-lg-3 { width: 25%; flex-basis:25%; -ms-flex-preferred-size:25%; }
.flex-lg-2 { width: 16.666%; flex-basis:16.666%; -ms-flex-preferred-size:16.666%; }
.flex-lg-1 { width: 8.333%; flex-basis:8.333% ; -ms-flex-preferred-size:8.333%; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.666%; }
.col-lg-10 { width: 83.333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.666%; }
.col-lg-7 { width: 58.333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.666%; }
.col-lg-4 { width: 33.333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.666%; }
.col-lg-1 { width: 8.333%; }
.col-lg-20 { width: 20%; }
}
.push-12 { margin-left: 100%; }
.push-11 { margin-left: 91.666%; }
.push-10 { margin-left: 83.333%; }
.push-9 { margin-left: 75%; }
.push-8 { margin-left: 66.666%; }
.push-7 { margin-left: 58.333%; }
.push-6 { margin-left: 50%; }
.push-5 { margin-left: 41.666%; }
.push-4 { margin-left: 33.333%; }
.push-3 { margin-left: 25%; }
.push-2 { margin-left: 16.666%; }
.push-1 { margin-left: 8.333%; }
.pull-12 { margin-left: -100%; }
.pull-11 { margin-left: -91.666%; }
.pull-10 { margin-left: -83.333%; }
.pull-9 { margin-left: -75%; }
.pull-8 { margin-left: -66.666%; }
.pull-7 { margin-left: -58.333%; }
.pull-6 { margin-left: -50%; }
.pull-5 { margin-left: -41.666%; }
.pull-4 { margin-left: -33.333%; }
.pull-3 { margin-left: -25%; }
.pull-2 { margin-left: -16.666%; }
.pull-1 { margin-left: -8.333%; }
@media screen and (max-width: 75em) {
.pullResetDesktop, .pushResetDesktop { margin-left:0; }
}
@media screen and (max-width: 60em) {
.pullResetTablet, .pushResetTablet { margin-left:0; }
}
@media screen and (max-width: 60em) {
.pullResetMobile, .pushResetMobile { margin-left:0; }
}
.widthTest { float:left; width:48rem;background:#ccc; line-height:1.5; }
/* Alignment and Positioning */
.fixedElement { position:fixed;}
.centerVAlign { vertical-align:middle; }
.bottomVAlign { vertical-align:bottom; }
.bottomVTop { vertical-align:top; }
.centerAlign { text-align: center; }
.middleAlign { text-align: center; vertical-align:middle; }
.rightAlign { text-align: right; }
.fullHeight { height:100%; margin-bottom:-20px;}
.marginAuto { margin:auto; }
.hidden { display:none; }
.hiddenImp { display:none !important; }
/* images */
.resImage{ width:100%; height:100%; }
.fullImae{ width:100%; height:100%; }
/* Forms */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="email"], textarea, select
{ padding: 8px 10px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: none; display:block; width:100%; outline: none; margin:.5rem 0;
-webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;}
/*button*/
button,
input[type="submit"]
{ border-radius: 5px; padding: 10px 20px 10px 20px;text-decoration: none; border:0; }
input[type="submit"]:active, button:active
{ background: #ddd;text-decoration: none; }
textarea { min-height: 80px; padding-top: 6px; padding-bottom: 6px; }
label, legend { display: block; font-weight: bold; margin:.5rem 0;}
label * {clear:both;}
/* buttons and switches */
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input { display:none; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; }
.slider:before { position: absolute; content: ""; height:26px; width:26px; left:4px; bottom:4px; background-color:#fff; transition:.4s; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
input:checked + .slider { background-color: #3498db; }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.btnBlue { color:#fff; text-decoration: none;background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #ffffff; margin:8px 0; padding: 10px 20px 10px 20px; text-decoration: none; clear:both; display:inline-block;}
.btnBlue:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; }
.btnGreen { color:#fff; background: #5a6e27; background-image: -webkit-linear-gradient(top, #759329, #5a6e27); background-image: -moz-linear-gradient(top, #759329, #5a6e27); background-image: -ms-linear-gradient(top, #759329, #5a6e27); background-image: -o-linear-gradient(top, #759329, #5a6e27); background-image: linear-gradient(to bottom, #759329, #5a6e27); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #ffffff; margin:8px 0; padding: 10px 20px 10px 20px; text-decoration: none; clear:both; display:inline-block;}
.btnGreen:hover { background: #759329; background-image: -webkit-linear-gradient(top, #759329, #759329); background-image: -moz-linear-gradient(top, #759329, #759329); background-image: -ms-linear-gradient(top, #759329, #759329); background-image: -o-linear-gradient(top, #759329, #759329); background-image: linear-gradient(to bottom, #759329, #759329); text-decoration: none; }
/* Tables */
table { width:100%; border-radius: 6px; padding:0; margin:0; overflow:hidden; border-spacing:0px; border:1px solid #ddd !important;}
th { background:#eee; padding:2em; color:#555; font-weight: normal;}
th, td { padding: .5rem; margin:0; text-align: left; border-bottom: 1px solid #ccc !important; vertical-align: top;}
tr:last-child td { border:0 !important; }
tr:nth-child(even) { background:#f8f8f8 !important; }
tr:hover { background: #ddd !important; }
/* Modal */
.modalBox { position:fixed; top: 0; left: 0; width:100%; height:100%; background: rgba(0, 0, 0, 0.6); z-index: 999999999; opacity:0; padding:1rem; box-sizing: border-box;
-webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
.modalBox:target { opacity:1; pointer-events: auto; }
.modalBox > .modalWrap { position:relative; box-sizing: border-box; width:100%; height:100%; max-width:1240px; margin:0 auto; text-align:center; vertical-align: middle; }
.modalBox > .modalWrap:before { content: ""; /* new line hack - */ margin-left:-4px; box-sizing: border-box; display: inline-block; vertical-align: middle; height:inherit; }
.modalBox .modalContent { position:relative; text-align:left; display:inline-block; box-sizing: border-box; max-width: 95%; margin: auto; padding: 2rem; background: #fff; }
.modalBox img { width:auto; max-height: 100%; max-width: 99%; box-sizing: border-box; vertical-align: middle; border: 4px solid #fff; }
.modalBox .close { background: #ccc; color: #fff; line-height: 25px; position: absolute; right: -12px; text-align: center; top:-10px; width: 24px; text-decoration: none; font-weight: bold; border-radius: 12px; }
.modalBox .close:hover { background: #3498db }
/* Action Overlay */
.actionOverlay { display:table; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,.8); z-index:10000001; max-width:auto; }
.actionContent { width:300px; margin:0 auto; text-align:center; }
.actionOverlay>div {vertical-align: middle; display:table-cell; text-align:center; }
/* Sortable Rows */
.sortableRow { list-style: none; margin:1rem 0; padding:0;}
.sortableRow label { font-weight:normal; font-size: 1rem; margin:0; padding:0; display:inline;}
.sortableRow li { margin-bottom:4px; padding:10px; background-color:#ddd;cursor:move; height:36px;}
.sortableRow li.sortableRowHighlight { height: 1.0rem; background-color:#f8f8f8;border:#ddd 2px dotted; height:36px;}
.sortableRow input[type="checkbox"] { zoom:1.2; }
.sortableRow i { font-style: normal; font-weight:bold; margin-top:-3px; float:right; cursor:pointer; padding:.2rem; color:#00a000;}
.sortableRow i.fa-close { color:#a00000 !important; }
.sortableRow i:hover { background:#fff; border-radius: 6px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); }
/* Accordian */
.accordion button { cursor: pointer; display:block; width:100%; text-align:left; border:0; outline:0; }
.accordion button:active, button:hover { background: #666; color:#fff; transition: 0.3s; }
.accordion button + div { padding: 1em; display: none; }
.accordion button + .panel.show { display: block; }
.accordion button:before { content: "\f078"; font-family: "Font Awesome 5 Free"; float:right; }
.accordion button.expand { background:#666; color:#fff; }
.accordion button.expand:before { content: "\f077"; font-family: "Font Awesome 5 Free"; float:right; }
/*
.accordion>div p:nth-child(even) { background: #f8f8f8; }
.accordion>div p:nth-child(odd) { background: #f0f0f0; }
*
.accordion p { display:block; text-decoration:none; border-radius: 5px; margin:2px 0; padding: 1em; }
.accordion p i { }
.accordion a { display:block; text-decoration:none; }
.accordion>div p:hover { background-color:#999; color:#fff !important; text-decoration:none !important; }
.accordion>div p:hover a { color:#fff !important; text-decoration:none; }
*/
/* images */
.thumbImage { position: relative; display:block; width: 100%; max-width:400px;overflow:hidden; clear:both; }
.thumbImage:after { content: ""; display: block; padding-bottom: 100%; }
.thumbImage img { position: absolute; margin: auto; min-height: 100%; min-width: 100%; max-width:200%; max-height:200%; left: -100%; right: -100%; top: -100%; bottom: -100%; }
.thumbImage169 { position: relative; display:block; width: 100%; max-width:400px;overflow:hidden; clear:both; }
.thumbImage169:after { content: ""; display: block; padding-bottom: 56.25%; }
.thumbImage169 img { position: absolute; margin: auto; min-height: 100%; min-width: 100%; max-width:200%; max-height:200%; left: -100%; right: -100%; top: -100%; bottom: -100%; }
.thumbSelect { background:#ccc; background-image:url('../../images/thumbBack.png'); background-position: center; background-repeat: no-repeat; cursor: pointer; }
.roundOutline { -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; border:1px solid #ccc; overflow:auto; box-sizing: border-box; background:#f8f8f8; padding:.5em;}
/* Alert Boxes */
.alertBlock { background:#f5dede; box-sizing: border-box; border-left: 4px solid #a00000; color:#a00000; padding:15px; display:block; }
.successBlock { background:#eeffcc; box-sizing: border-box; border-left: 4px solid #5a6e27; color:#5a6e27; padding:15px; display:block; }
/* LIGHTBOX */
.galleryContainer { display: block; overflow:auto; padding: 20px 0 40px 0; }
.galleryContainer div { float:left; position:relative; height:100%; width:25%; padding: 0px .5%; box-sizing: border-box; overflow: none; }
.galleryContainer div img { width:100%; filter: contrast(1) brightness(1) sepia(0); -webkit-filter: contrast(1) brightness(1) sepia(0); transition: transform .4s; box-sizing: border-box; }
#lgtboxOverlay { position:fixed; top:0; left:0; display:none; width:100%; height:100%; z-index:1000001; margin: 0 auto; background:#fff; clear:both; }
#lgtboxContainer { position:fixed; top:0; left:0; display:none; width:100%; height:100%; z-index:1000002; margin: 0 auto; clear:both; }
#lgtboxImage { position:absolute; display:none; max-height: 100%; max-width: 100%; z-index:1000000; box-sizing:border-box; border:1px solid #fff; }
#lgtboximageContainer { position:relative; text-align: center; width:100%; height:100%; max-width:1280px; margin:auto; }
#lgtboximageContainer #lgtboxImage { position:absolute; display:none; max-height:96%; max-width:96%; z-index:1000006; box-sizing:border-box; border:.2rem solid #fff; box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.20);}
#lgtboxImgOverlay { position:absolute; max-height: 100%; max-width: 100%; box-sizing:border-box; z-index:1000006; pointer-events: none; }
#lgtboxImgOverlay .caption { position:absolute; background:rgba(0,0,0,.6); color:#fff; bottom:0; left:0; right:0; display:block; text-align:left; margin:4px; padding:4px 6px; font-size:.8em; line-height:1.2em; box-sizing:border-box; }
#lgtboxImage:hover { cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
#fadeInOverlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000001; margin: 0 auto; background:#fff; clear:both; }
.closeLgtbox { position:absolute; top:0; right:0; color:#fff; margin:10px; height:2em; width:2em; z-index:1000010; text-shadow: rgba(0,0,0,1) 0 1px 0;cursor:pointer; pointer-events: auto !important; }
.closeLgtbox:hover { transition: transform .3s ease-in-out; }
#lgtboxContainer .loading { width:100px; position:absolute; top:50%; left:50%; margin: -22px 0 0 -50px;}
#lgtboxContainer .imgBack, #lgtboxContainer .imgNext
{ position:absolute; color:#fff; color:rgba(0,0,0,.3); font-size:2.5em; top :50%; margin-top:-.5em; z-index:1000008; cursor: pointer; }
#lgtboxContainer .imgBack { left:2%; }
#lgtboxContainer .imgNext { right:2%; }
#lgtboxContainer .imgNext:hover, #lgtboxContainer .imgBack:hover
{ color:#fff; color:rgba(0,0,0,6); }
.parascroll {
position: relative;
transform: translate3d(0px, 0px, 0px);
}
.content { position: relative }
.clearfix:after {
content: "";
display: table;
clear: both;
}
.block {
display: block !important;
}
/*# sourceMappingURL=base.css.map */