/* RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}

/* include padding and border in height and width for display elements */
* { box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
}

body {
        line-height: 1;
	margin: 0;
}

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* END RESETS */




/* FONTS */

@font-face {
	font-family: 'museo300';
	src: url('/assets/fonts/museosansw01rounded300-webfont.eot');
	src: url('/assets/fonts/museosansw01rounded300-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/assets/fonts/museosansw01rounded300-webfont.woff2') format('woff2'),
	     url('/assets/fonts/museosansw01rounded300-webfont.woff') format('woff'),
	     url('/assets/fonts/museosansw01rounded300-webfont.ttf') format('truetype'),
	     url('/assets/fonts/museosansw01rounded300-webfont.svg#museosansw01-rounded300Rg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
        font-family: 'museo500';
        src: url('/assets/fonts/museosansw01rounded500-webfont.eot');
        src: url('/assets/fonts/museosansw01rounded500-webfont.eot?#iefix') format('embedded-opentype'),
             url('/assets/fonts/museosansw01rounded500-webfont.woff2') format('woff2'),
             url('/assets/fonts/museosansw01rounded500-webfont.woff') format('woff'),
             url('/assets/fonts/museosansw01rounded500-webfont.ttf') format('truetype'),
             url('/assets/fonts/museosansw01rounded500-webfont.svg#museosansw01-rounded500Rg') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'museo700';
        src: url('/assets/fonts/museosansw01rounded700-webfont.eot');
        src: url('/assets/fonts/museosansw01rounded700-webfont.eot?#iefix') format('embedded-opentype'),
             url('/assets/fonts/museosansw01rounded700-webfont.woff2') format('woff2'),
             url('/assets/fonts/museosansw01rounded700-webfont.woff') format('woff'),
             url('/assets/fonts/museosansw01rounded700-webfont.ttf') format('truetype'),
             url('/assets/fonts/museosansw01rounded700-webfont.svg#museosansw01-rounded700Rg') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'museo900';
        src: url('/assets/fonts/museosansw01rounded900-webfont.eot');
        src: url('/assets/fonts/museosansw01rounded900-webfont.eot?#iefix') format('embedded-opentype'),
             url('/assets/fonts/museosansw01rounded900-webfont.woff2') format('woff2'),
             url('/assets/fonts/museosansw01rounded900-webfont.woff') format('woff'),
             url('/assets/fonts/museosansw01rounded900-webfont.ttf') format('truetype'),
             url('/assets/fonts/museosansw01rounded900-webfont.svg#museosansw01-rounded900Rg') format('svg');
        font-weight: normal;
        font-style: normal;
}

/* END FONTS */







.printOnly {
	display: none;
}

h1, h2, h3, h4, h5, h6, p, li, input, select, a, div {
	margin: 0;
	font-family: 'museo500', sans-serif;
}

#video {
	outline: none;
	font-family: Arial !important;
	max-width: 580px;
	margin: 0 auto;
}

html, body {
	height: 100%;
}

body {
	background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
        padding: 10px;
}

.yellowHighlight, .yellowHighlight2 {
	background-color: yellow;
	display: inline-block;
}

h3 {
        text-align: center;
	font-size: 28px;
	color: #444;
}

h4 {
        text-transform: uppercase;
}

p {
        width: 100%;
        padding: 10px;
        font-size: 15px;
        line-height: 17px;
}

.wwBreakWords {
	word-wrap: break-word;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.center {
	text-align: center;
}

.indent {
	text-indent: 18px;
}

.margin-auto {
        margin: 0 auto;
        display: block;
}

.clearfix:after {
	content: "";
  	display: table;
  	clear: both;
}

.clearleft { clear: left; }
.clearright { clear: right; }

.pull-left { float: left; }
.pull-right { float: right; }


.warn {
	background-color: #ff3a3a;
	color: #FFF;
	border-radius: 3px;
	padding: 10px;
	margin: 20px auto;
}


/* Fix video-js background */
.video-js, .vjs-poster {
	background-color: rgba(0,0,0,0) !important;
}
/* Fix VideoJS height rules in IE11 */
.video-js .vjs-tech {
	height: auto !important;
}
/* Center Play Button */
.video-js .vjs-big-play-button {
        top: 50% !important;
        left: 50% !important;
        margin-left: -45px !important;
        margin-top: -22px !important;
}


/* Structural Page Elements */

#geotop {
	display: none;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 900px;
	margin: 0 auto -40px;
}

#center_content {
        background-color: #FFF;
        margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*
#footer, #footer_push {
	height: 32px;
}

#footer {
        width: 100%;
        color: #CCC;
	background-color: #222;
        text-align: center;
}

#footer #footer_links {
	text-align: center;
	padding: 10px;
	font-size: 11px;
}

#footer #footer_links a {
	color: #aaa;
	text-decoration: none;
	display: inline-block;
	min-width: 50px;
	padding: 0 5px;
}
*/

#footer, #footer_push {
        height: 155px;
}

#footer {
        width: 100%;
        color: #CCC;
        background-color: #222;
        text-align: center;
}

#footer #footer_links {
        text-align: center;
        padding: 10px;
        font-size: 11px;
}

#footer a {
        color: #aaa;
        text-decoration: none;
}

#footer #footer_links a {
        display: inline-block;
        min-width: 50px;
        padding: 0 5px;
}

#footer p {
	width: 100%;
	padding: 10px;
        font-size: 11px;
        line-height: 12px;
        margin-bottom: 0;
	margin-top: 0;
}

#support_info {
        margin: 10px;
        color: #AAA;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
}

#support_info a {
        color: #AAA;
}

#header {
	position: relative;
	margin: 0 auto;
        padding-top: 10px;
}

/* Class used to hide mobile-only elements */
.desktopHide {
	display: none !important;
}





/* Mobile Styles */

@media (max-width: 958px) {

body {
	min-width: 300px;
}

#wrapper {
	width: 100%;
}

#center_content {
	width: 100%;
}

.desktopHide {
	display: block !important;
}

.mobileHide {
	display: none !important;
}

#footer #footer_links {
	padding: 0;
}

#footer #footer_links a {
	font-size: 10px;
	margin-top: 10px;
	
}

}



/* Print Styles */

@media print {
        .printHide {display:none;}
	.printOnly {display:initial;}
}











/* FORMS */

form .formerror {
        color: #FFF;
        width: 90%;
        background-color: #DD0000;
        padding: 12px;
        padding-left: 36px;
        margin: 10px auto;
        font-size: 13px;
        border-radius: 2px;
        font-weight: bold;
        background-position: 6px 5px;
        background-size: 24px 24px;
        background-repeat: no-repeat;
}

form .formrow {
        line-height: 50px;
        margin: 10px 0;
}

input[type="number"] {
        -webkit-appearance: none;
        margin: 0; /*<-- Apparently some margin are still there even though it's hidden */
        -moz-appearance: textfield;
}

.formrow input[type="text"], .formrow input[type="password"], .formrow input[type="number"], .formrow select, .formrow textarea {
        width: 90%;
        display: block;
        margin: 10px auto;
        margin-bottom: 0;
        padding: 10px;
        border: none;
        border-radius: 3px;
        font-size: 14px;
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.45);
        box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.45);
        font-family: 'museo300', sans-serif;
        background-color: #FFF;
        background-image: -moz-linear-gradient(top, #FFF, #FFF);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#FFF));
        background-image: -webkit-linear-gradient(top, #FFF, #FFF);
        background-image: -o-linear-gradient(top, #FFF, #FFF);
        background-image: linear-gradient(to bottom, #FFF, #FFF);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFF', GradientType=0);
        height: 45px;
}

.formrow select {
        padding: 10px;
}

.formrow input[type="text"].inline_field, .formrow input[type="number"].inline_field, .formrow input[type="password"].inline_field, .formrow select.inline_field {
        width: 33%;
        margin-top: 0;
        margin-left: 5%;
        margin-right: 0;
        display: inline-block;
        float:left;
}

.formrow input[type="text"]:focus, .formrow input[type="number"], .formrow input[type="password"]:focus , .formrow select:focus {
//      outline: none;
}

.formrow input[type="text"].inputerror,
.formrow input[type="number"].inputerror,
.formrow input[type="number"].inputerror.focus
.formrow select.inputerror,
.formrow input[type="text"].inputerror:focus,
.formrow input[type="password"].inputerror,
.formrow input[type="password"].inputerror:focus,
.formrow select.inputerror:focus{
        border-bottom: 2px solid #DD0000;
        border-radius: 3px 3px 0 0;
        color: #AA0000;
        border-color: #DD0000;
}

.formrow input[type="text"].inputvalid,
.formrow input[type="number"].inputvalid,
.formrow input[type="number"].inputvalid.focus
.formrow select.inputvalid,
.formrow input[type="text"].inputvalid:focus,
.formrow input[type="password"].inputvalid,
.formrow input[type="password"].inputvalid:focus,
.formrow select.inputvalid:focus{
        border-bottom: 1px solid #DD0000;
        border-radius: 3px 3px 0 0;
        color: #00AA00;
        border-color: #00AA00;
}

.formrow input[type="text"].inputwarning,
.formrow input[type="number"].inputwarning,
.formrow input[type="number"].inputwarning.focus
.formrow select.inputwarning,
.formrow input[type="text"].inputwarning:focus,
.formrow input[type="password"].inputwarning,
.formrow input[type="password"].inputwarning:focus,
.formrow select.inputvalid:focus{
        border-bottom: 1px solid #DD0000;
        border-radius: 3px 3px 0 0;
        color: #00AA00;
        border-color: #00AA00;
}

.formrow .inline_error {
        display: none;
        color: #FFF;
        width: 90%;
        background-color: #ff3a3a;
        padding: 5px 8px;
        margin: 5px auto;
        margin-top: 1px;
        font-size: 14px;
        border-radius: 0 0 3px 3px;
        position: relative;
        line-height: 20px;
        text-align: left;
}

.formrow .inline_error p {
        padding: 0;
}

.formrow input[type="submit"], .formrow .yellowButton {
        width: 90%;
        color: #1b1b1e;
        font-family: 'museo300', sans-serif;
        font-weight: normal;
        text-decoration: none;
        background: #ffe400; /* Old browsers */
        background: -moz-linear-gradient(top, #ffe400 0%, #fccb17 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffe400 0%,#fccb17 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffe400 0%,#fccb17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#fccb17',GradientType=0 ); /* IE6-9 */
        padding: 15px;
        display: block;
        margin: 10px auto 20px;
        font-size: 28px;
        font-weight: bold;
        border-radius: 3px;
        border: 1px solid #f1da36;
        box-shadow: 0 4px 10px rgba(0,0,0,0.5);
        text-align: center;
}

.formrow input[type="submit"]:hover, .formrow .yellowButton:hover {
        cursor: pointer;
        background-color: #f1da36;
}

.formrow input[type="submit"]:disabled, .formrow .yellowButton:disabled {
        cursor: not-allowed;
}

/* This places a "?" box inside a form element */
.questionmark {
        display: inline-block;
        width: 20px;
        height: 20px;
        color: #FFF;
        font-weight: bold;
        float: right;
        text-align: center;
        background-color: #BBB;
        padding: 5px;
        margin: 5px;
        margin-right: 0;
        line-height: 13px;
        border-radius: 3px;
}
.questionmark:hover {
        cursor: pointer;
        background-color: #BF004F;
}

@media (max-width: 958px) {

.formrow input[type="submit"] {
        font-size: 24px;
}

.formrow input[type="text"].inline_field, .formrow input[type="number"].inline_field, .formrow input[type="password"].inline_field, .formrow select.inline_field {
        width: 40%;
}

}

/* END FORMS */


/* LITY */
/* Core Lity */
.lity,.lity-wrap{z-index:9990;position:fixed;top:0;outline:0!important}.lity,.lity-content:after,.lity-wrap{bottom:0;right:0;left:0}
.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}
.lity,.lity-container,.lity-wrap{outline:0!important}.lity-content:after,.lity-wrap:before{content:''}
.lity{white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{text-align:center}
.lity-wrap:before{height:100%}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;white-space:normal;max-width:100%;max-height:100%}
.lity-close,.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);background:0 0;outline:0;border:0}
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.lity-content:after{position:absolute;top:0;display:block;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;-webkit-box-shadow:none;box-shadow:none}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{-webkit-box-shadow:none;box-shadow:none}
.lity-close:active{top:1px}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;max-width:964px}
.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}
/* Custom Lity */
.lightbox {
        background-color: #FFF;
        overflow: auto;
        padding: 20px;
        max-width: 500px;
        border-radius: 6px;
        max-height: 965px;
        background: rgb(253, 253, 246);
        margin: 10px;
}

.lightbox h2 {
        color: #C3161B;
        font-size: 22px;
}

.lightbox p {
        width: 100%;
}