* { box-sizing: border-box; margin: 0; padding: 0; line-height: 1; outline: none !important; transition: all .3s ease-out;}
.bx-wrapper * { transition: all 0s ease-out; } 

/* HTML, BODY, CONTAINER */
html {	width: 100%; height: 100%;	background-color: #fff;  font-size: 10px; min-width: 320px; }
body {	color: #000; width: 100%; position: relative; margin: 0px auto; font-weight: normal; font-size: 1rem;	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; }
html.loading body { }

#container {width: 100%; margin: 0 auto; display: block; position: relative; opacity: 1; transition: opacity 1s; overflow: hidden}
html.loading #container { opacity: 0; }
header, #body, footer { width: 100%;  position: relative; margin: 0px auto; display: block; }

/* LAYOUT */
article { width: 100%; position: relative; z-index: 2; background: #fff; left: 0; transition: left 0.5s; display: block;}
/*section { margin: 0px auto; display: block;}*/
article > div { display: block; width: 100%; margin: 0 auto;}
footer > section  { display: block; width: 100%; margin: 0 auto; }

/*HTML ELEMENTS*/
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
p {}
a {text-decoration: none; color: #000; }
a:hover { color: #666}

img {border: 0px; height: auto; max-width: 100%; }

ul {list-style-type: none; margin: 0px; padding: 0px; }

input, textarea { -webkit-appearance: none; -webkit-border-radius: 0;}
input[type="radio"] { -webkit-appearance: inherit;} 
input[type="submit"] { cursor: pointer;}

/* GENERIC STYLES */
.center {text-align: center; }
.left {text-align: left; }
.right {text-align: right; }
.bold {font-weight: bold }
.italic {font-style: italic }
.normal {font-weight: normal }
.hidden {display: none;}
.block {display: block;}
.iblock {display: inline-block;}
.inline {display: inline;}
.relative {position: relative;}
.absolute {position: absolute;}
.invisible {opacity: 0}
.visible {opacity: 1}
.floatl { float: left;}
.floatr { float: right;}
.nofloat { float: none;}
.valign { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);}

/* PADDING AND MARGIN OVERRIDES */
.no-padding-top {	padding-top: 0 !important; }
.no-padding-bottom {	padding-top: 0 !important; }
.no-margin-top {	padding-top: 0 !important; }
.no-margin-bottom {	padding-top: 0 !important; }


/*MISC*/
#debug { display: none;}
.bx-wrapper .bx-viewport { box-shadow: 0 !important}

/*GRID ELEMENTS*/


/* FORM + INPUT STYLING*/
p.inline-response { font-size: 13px; color: #000; height: 0; overflow: hidden; opacity: 0; margin: 0; padding: 0;}
form.form-done { display: none !important;}
p.reveal-response {margin: 0 auto; height: auto; opacity: 1; transition: opacity .5s}

/* PLACEHOLDER */
*::-webkit-input-placeholder { line-height: 38px; color: #435969; font-size: 14px; font-family:'Avenir LT W01 35 Light'; text-transform: uppercase;}
*.missing::-webkit-input-placeholder {  color: #ff3300!important; }
*::-moz-placeholder { line-height: 38px; color: #435969; font-size: 14px; font-family:'Avenir LT W01 35 Light'; text-transform: uppercase; }
*.missing::-moz-placeholder {   color: #ff3300!important;  }
*:-ms-input-placeholder { line-height: 38px; color: #435969; font-size: 14px; font-family:'Avenir LT W01 35 Light'; text-transform: uppercase; }
*.missing:-ms-input-placeholder { color: #ff3300!important;  }

/* CUSTOM RADIO AND CHECKBOX */
div.skin-radio { display: inline;}
div.skin-radio label { display: inline-block !important; cursor: pointer; position: relative !important; left: 0 !important; top: 0 !important; padding-left: 22px; }
div.skin-radio input[type="radio"] { display: none;}
div.skin-radio label:before { content: ""; display: inline-block; width: 17px; height: 17px; position: absolute; left: 0; background-image: url(/img2/icons/radio-off.png); background-size: cover;  background-repeat: no-repeat; background-position: center center; }
div.skin-radio input[type=radio]:checked + label:before { 	 background-image: url(/img2/icons/radio-on.png); }
div.skin-checkbox { display: inline;}
div.skin-checkbox label { display: inline-block !important; cursor: pointer; position: relative !important; left: 0 !important; top: 0 !important; padding-left: 30px; line-height: 20px; }
div.skin-checkbox input[type="checkbox"] { display: none !important;}
div.skin-checkbox label:before { content: ""; display: inline-block; width: 18px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #fff; border: 1px solid #707170; top: 0;  padding-top: 2px; }
div.skin-checkbox input[type="checkbox"]:checked + label:before { background-image: url(/lib/img/checkmark.svg); background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; font-size: 18px; color: #707170; text-align: center; line-height: 20px; }


/* STANDARD ALERTS */
.error-alert {min-width: 30em; min-height: 20em; font-size: 2em; color: #cc3333;}
.standard-alert {min-width: 30em; min-height: 20em; font-size: 2em; color: #000;}





@media only screen and (min-width: 768px) {
	.desktop-hide {display: none !important}
 }

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.tablet-hide {display: none !important} 
}

@media only screen and (max-width: 767px) {
	.mobile-hide {display: none !important}
}


div.burger { position: fixed; width: 33px; height: 20px; cursor: pointer; display: block; top: 20px; left: 15px; z-index: 100; transition: transform .2s ease-out;}
div.burger * { transition: transform .2s ease-out;}
div.burger div { display: block; width: 33px; position: absolute; top: 9px; left: 0px; background:rgba(255, 255, 255, 1); height: 0px; border: 0; }
div.burger:before { display: block; width: 33px; position: absolute; top: 9px; left: 0px; background:rgba(255, 255, 255, 1); height: 2px; border: 0; content: ""; border-bottom: 1px solid #fff; transition: transform .2s ease-out;}
div.burger:after { display: block; width: 33px; position: absolute; top: 9px; left: 0px; background:rgba(255, 255, 255, 1); height: 2px; border: 0; content: ""; border-bottom: 1px solid #fff; transition: transform .2s ease-out;}
div.burger div:before { content: ""; display: block; width: 33px; position: absolute; top: -8px; left: 0px; background:rgba(255, 255,255, 1); height: 2px; border: 0;border-bottom: 1px solid #fff; transition: transform .2s ease-out;} 
div.burger div:after { content: ""; display: block; width: 33px; position: absolute; top: 8px; left: 0px; background:rgba(255, 255, 255, 1); height: 2px; border: 0;border-bottom: 1px solid #fff; transition: transform .2s ease-out;}
header.active div.burger div:before, header.active div.burger div:after  { display: none; }
header.active div.burger:before { transform: rotate(45deg); width: 38px}
header.active  div.burger:after { transform: rotate(-45deg); width: 38px}
header.home div.burger:before, header.home div.burger:after, header.home div.burger div:before, header.home div.burger div:after { border-bottom: 1px solid #252525;}
