/* ==========================================================================
Normalize
==========================================================================*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}audio:not([controls]) {display: none;height: 0;}[hidden] {display: none;}html {font-size: 100%; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}html,button,input,select,textarea {font-family: sans-serif;}body {margin: 0;font-family: sans-serif;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}h2 {font-size: 1.5em;margin: 0.83em 0;}h3 {font-size: 1.17em;margin: 1em 0;}h4 {font-size: 1em;margin: 1.33em 0;}h5 {font-size: 0.83em;margin: 1.67em 0;}h6 {font-size: 0.75em;margin: 2.33em 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}blockquote {margin: 1em 40px;}dfn {font-style: italic;}mark {background: #ff0;color: #000;}p,pre {margin: 1em 0;}code,kbd,pre,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}q {quotes: none;}q:before,q:after {content: '';content: none;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}dl,menu,ol,ul {margin: 1em 0;}dd {margin: 0 0 0 40px;}menu,ol,ul {padding: 0 0 0 40px;}nav ul,nav ol {list-style: none;list-style-image: none;}img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}svg:not(:root) {overflow: hidden;}figure {margin: 0;}form {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; /* 1 */padding: 0;white-space: normal; /* 2 */*margin-left: -7px; /* 3 */}button,input,select,textarea {font-size: 100%; /* 1 */margin: 0; /* 2 */vertical-align: baseline; /* 3 */*vertical-align: middle; /* 3 */}button,input {line-height: normal;}button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */*overflow: visible;  /* 4 */}button[disabled],input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */*height: 13px; /* 3 */*width: 13px; /* 3 */}input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}table {border-collapse: collapse;border-spacing: 0;}/* meyer reset  */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;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}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;}/* HTML5 Boilerplate */html,button,input,select,textarea {color: #000;}body {font-size: 1em;line-height: 1.4;}a:active, a:focus {outline: 0;}/* A better looking default horizontal rule */hr {display: block;height: 1px;border: 0;border-top: 1px solid #ffffff;border-bottom: 1px solid #dae2e5; margin: 0 auto; margin: 4em 0 4em 0;padding: 0;clear: both; width: 100%;}hr.lesspadded {display: block;height: 1px;border: 0;border-top: 1px solid #eefbff;border-bottom: 1px solid #dae2e5; margin: 0 auto; margin: 1em 0 1em 0;padding: 0;clear: both; width: 100%;}hr.dim {display: block;height: 1px;border: 0;border-top: 1px solid #fff;border-bottom: 1px solid #f0f5f6; margin: 0 auto; margin: 0 0 4em 0;padding: 0;clear: both; width: 100%;}img {vertical-align: middle;}fieldset {border: 0;margin: 0;padding: 0;}textarea {resize: vertical;}.bold{font-weight: bold;}.underlined{text-decoration: underline;}.br {clear:both;}

/* ==========================================================================
Load Fonts
==========================================================================*/
/* Open Sans Light*/
@font-face {font-family: 'OpenSansLight';src: url('fonts/OpenSans-Light-webfont.eot');src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Light-webfont.woff') format('woff'),url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');font-weight: normal;font-style: normal;}

/* Open Sans Bold */
@font-face {font-family: 'open_sansbold';src: url('fonts/OpenSans-Bold-webfont.eot');src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Bold-webfont.woff') format('woff'),url('fonts/OpenSans-Bold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}

/* lato black */
@font-face {font-family: 'latoblack';src: url('fonts/lato-bla-webfont.eot');src: url('fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lato-bla-webfont.woff') format('woff'),url('fonts/lato-bla-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}


/* ==========================================================================
Change Highlight Colors
==========================================================================*/
::selection {background-color: #00A1E4;color: #ffffff;} /*** Works on common browsers ***/
::-moz-selection {background-color: #00A1E4;color: #ffffff;} /*** Mozilla based browsers ***/
::-o-selection {background-color: #00A1E4;color: #ffffff;} /***For Other Browsers ***/
::-ms-selection {background-color: #00A1E4;color: #ffffff;} /***For Other Browsers ***/
::-webkit-selection {background-color: #00A1E4;color: #ffffff;} /*** For Webkit ***/

/* ==========================================================================
Main Setup
==========================================================================*/
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body,html{
font-family: "OpenSansLight", sans-serif;
color:#58585b;
margin: 0;
padding: 0;
background-color: #fff;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}



/* ==========================================================================
Font Setup
========================================================================== */
/* Main Headlines */
h1, h2, h3, h4, h5, h6 {font-family: "open_sansbold", sans-serif;font-weight: normal;color: #0582c0;margin:0;margin: 0.2em 0 0.2em 0;text-align: center;}
h1 {font-size: 2.9em;line-height: 1.1em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}


@media only screen and (max-width: 35em) {
/* h1 {font-size: 2em;line-height: 1.1em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;} */
}



/* Paragraph General Links */
p {font-size: 1.2em;line-height: 2em;text-align: center; color: #58585b;margin-bottom:1em;}
p a:link, p a:active, p a:visited {color: #008aab;font-weight: regular;text-decoration: underline;}
p a:hover {color: #6ab4c6;text-decoration: none;}





/* ==========================================================================
Helper Classes
==========================================================================*/
/* colors */
.green {color: #00833e;} /* class="green" */
.black {color: #000;} /* class="black" */
.blue {color: #008aab;} /* class="blue" */
.white {color: #ffffff;} /* class="white" */

/* For Missing Copy
<p class="red">
*/
.red {color: #ff0000;}

/* minimum heights */
.changeheight300 {min-height: 300px;}
.changeheight600 {min-height: 600px;}
.changeheight800 {min-height: 800px;}
.changeheight1000 {min-height: 1000px;}
/* column containers */
.container1200 {max-width: 1200px;margin: 0 auto;margin-bottom:1.2em;}
.container1020 {max-width: 1020px;margin: 0 auto;margin-bottom:1.2em;}
.container900 {max-width: 900px;margin: 0 auto;margin-bottom:1.2em;}
.container800 {max-width: 600px;margin: 0 auto;margin-bottom:1.2em;}
/* row padding top and bottom together */
.row.pad1em {padding-top:1em;padding-bottom:1em;}
.row.pad15em {padding-top:1.5em;padding-bottom:1.5em;}
.row.pad2em {padding-top:2em;padding-bottom:2em;}
.row.pad25em {padding-top:2.5em;padding-bottom:2.5em;}
/* col padding top and bottom together */
.pad1em {padding-top:1em;padding-bottom:1em;}
.pad15em {padding-top:1.5em;padding-bottom:1.5em;}
.pad2em {padding-top:2em;padding-bottom:2em;}
.pad25em {padding-top:2.5em;padding-bottom:2.5em;}
/* col padding top and bottom separate */
.pad1emTop {padding-top:1em;}
.pad1emBottom {padding-bottom:1em;}
.pad2emTop {padding-top:2em;}
.pad2emBottom {padding-bottom:2em;}
.pad4emBottom {padding-bottom:4em;}

.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
/* Change to italic */
.textitalic {font-style: italic;}



@media only screen and (max-width: 74em) {
.textleft, .textright {text-align: center;}
}


/* used to control pipe and break on mobile */
@media all and (min-width:69em) {
.desktop-br {display: inline;padding:0 20px 0 20px;}
.mobile-br {display: none;}
}
@media all and (max-width:74em) {
.desktop-br {display: none;}
.mobile-br {display: inline;text-align:left;}
}



/* show and hide desktop mobile */
.showdesktop {display: block}
.showmobile {display: none;}

@media only screen and (max-width: 40em) {
.showdesktop {display: none;}
.showmobile {display: block;}
}

/* scrollUp Button */
#scrollUp {bottom: 50px;right: 50px;height: 38px;width: 38px;background: url("../../images/go-to-top.svg") no-repeat;opacity:0.5;filter:alpha(opacity=50);}



/* ==========================================================================
12-column responsive grid
==========================================================================*/
.row {clear: both;max-width: 1400px;margin: 0 auto;}
[class^="col-"] {float: left;margin: 0 3.84615384615% 0 0;list-style: none;position: relative;}
[class^="col-"]:last-child {margin: 0;}

/* the columns */
.col-1 { width: 4.8076923077%; }
.col-2 { width: 13.4615384615%; }
.col-3 { width: 22.1153846154%; }
.col-4 { width: 30.7692307692%; }
.col-5 { width: 39.4230769231%; }
.col-6 { width: 48.0769230769%; }
.col-7 { width: 56.7307692308%; }
.col-8 { width: 65.3846153846%; }
.col-9 { width: 74.0384615385%; }
.col-10 { width: 82.6923076923%; }
.col-11 { width: 91.3461538462%; }
.col-12 { width: 100%; margin: 0; }

/* column responsive images */
.col-1 img, .col-2 img, .col-3 img, .col-4 img, .col-5 img, .col-6 img, .col-7 img, .col-8 img, .col-9 img, .col-10 img, .col-11 img, .col-12 img {
width: 100%;}


@media only screen and (max-width: 35em) {
.row, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
margin-bottom:10px; display:table; width: 100%;}

.col-1 img, .col-2 img, .col-3 img, .col-4 img, .col-5 img, .col-6 img, .col-7 img, .col-8 img, .col-9 img, .col-10 img, .col-11 img, .col-12 img {
width: 100%;}
}


@media only screen and (max-width: 74em) {
.row, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
display:table; width: 100%;}
}





/* ==========================================================================
Buttons
==========================================================================*/

/* default button */
.btn {
border: none;
background: #0582c0;
color: #fff;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

/* button states */
.btn:hover, .btn:focus {
background-color: #71b2d3;
color: #fff;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.btn:active, .btn.active {
background-color: #71b2d3;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn.disabled, .btn[disabled] {
background-color: #d2dcdd;
color: white;
}

.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.btnMargin20 {margin: 20px 0 20px 0;}
.btnMargin50 {margin: 50px 0 50px 0;}


/* button sizes */
.btn.btn-xsmall {padding: 5px 5px 5px 10px; font-size: .7em;}
.btn.btn-small {padding: 6px 6px 6px 10px; font-size: .9em;}
.btn.btn-medium {padding: 12px;}
.btn.btn-large {padding: 14px;}
.btn.btn-Xlarge {padding: 22px;}


.btn-Blue {
font-family: "OpenSansLight", sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
margin: 20px 0 20px 0;
background-color: #0582c0;
color: #fff;
padding: 25px;
text-decoration: none;
border-radius:4px;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
display: block;
width: 100%;
text-align: center;
}

.btn-btn-Blue:hover, .btn-btn-Blue:focus {background-color: #71b2d3;color: #fff;}
.btn-btn-Blue:active {background-color: #71b2d3;color: #fff;}



.btn-White {
font-family: "open_sansbold", sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
margin: 20px 0 20px 0;
background-color: #fff;
color: #0582c0;
padding: 25px;
text-decoration: none;
border-radius:4px;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
display: block;
width: 100%;
text-align: center;
}

.btn-btn-White:hover, .btn-btn-White:focus {background-color: #f1f1f1;color: #0582c0;}
.btn-btn-White:active {background-color: #f1f1f1;color: #0582c0;}

/* spans for buttons */
.span100 {width: 100%;}
.span75 {width: 75%;}
.span50 {width: 50%;}
.span25 {width: 25%;}

@media only screen and (max-width: 74em) {
.btn-Orange {text-align: center;margin: 10px 0 10px 0;}
.span100, .span75, .span50, .span25 {width: 50%;margin:0 auto;padding:20px 0 20px 0;}
}

@media all and (max-width: 35em) {
.span100, .span75, .span50, .span25 {width: 100%;}
}


.btnCenter {
margin:0 auto;
}



/* ==========================================================================
Header Panel
========================================================================== */
.headerpanel {
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
height: 890px;
overflow-x: hidden;
overflow-y: auto;
clear: both;
}

.mask {
position:relative;
background-attachment: fixed;
overflow: hidden;
}

.headerpanel{
background-image:url("../../images/headers/home-header.jpg");
}

.headerpanel #background  {
width: 55%;
height: 300px; /* as the half of the width */
background-image:url("../../images/circle.svg");
background-position: right;
background-repeat:no-repeat;
background-size: cover;
}

.headerpanel #textHolder  {
max-width: 600px;
margin: 0 auto;
position: relative;
margin-top: 200px;
left: 10%;
padding-top: 20px;
}

.headerpanel h1{
font-family: "open_sansbold", sans-serif;
font-size: 2em;
line-height: 1.4em;
font-weight: normal;
color: #0582c0;
margin:0;
margin: 0.2em 0 0.2em 0;
text-align: left;
}


.headerpanel h1 br {
display: inline-block;
}

.headerpanel p {
font-size: 1.2em;
line-height: 2em;
text-align: left;
color: #594a42;
/* margin-bottom:1em; */
}

.headerpanel p br {
display: inline-block;
}

    
@media only screen and (max-width: 74em) {

.headerpanel {
background-image:url("../../images/headers/home-header-md.jpg");
height: 490px;
}

/* set to make image scale on medium screens */
.headerpanel {
background-attachment: scroll;
}

.headerpanel #background  {
background-image:none;
width: 100%;
}

.headerpanel #textHolder  {
max-width: 80%;
padding: 0 20px 0 20px;
left: 0%;
margin: 0 auto;
position: relative;
margin-top: 100px;
/* border: 1px solid #ffcc00; */
}

.headerpanel h1 {
font-family: "latoblack", sans-serif;
font-size: 2em;
line-height: 1.4em;
font-weight: normal;
color: #fff;
margin:0;
margin: 0.2em 0 0.2em 0;
text-align: center;
}

.headerpanel h1 br {
display: none;
}

.headerpanel p {
font-size: 1.2em;
line-height: 2em;
text-align: center;
color: #ffffff;
margin-bottom:0;
font-weight: bold;
}

.headerpanel p br {
display: none;
}

}/* End Tablets Horizontal -- */

    
    

    
    

@media only screen and (max-width: 35em) {

.headerpanel {
background-image:url("../../images/headers/home-header-sm.jpg");
}

/* set to make image scale on small screens */
.headerpanel {
background-attachment: scroll;
}

.headerpanel #textHolder  {
max-width: 100%;
padding: 0 20px 0 20px;
left: 0%;
margin: 0 auto;
position: relative;
margin-top: 100px;
/* border: 1px solid #ffcc00; */
}


.headerpanel h1 {
font-family: "latoblack", sans-serif;
font-size: 1.6em;
line-height: 1.4em;
font-weight: normal;
color: #fff;
margin:0;
margin: 0.2em 0 0.2em 0;
text-align: center;
}

}/* End Mobile Phones -- */




/* ==========================================================================
Gradient Band
========================================================================== */

#gradientband {
position: relative;
width: 100%;
/* height: 200px; */
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
/* opacity: .8; */
margin: 0;
padding: 40px 20px 40px 20px;
margin-top: 10px;
}

#gradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
margin-top: 10px;
}

#gradientband h1 {
font-size: 2.5em;
line-height: 1.2em;
font-family: "open_sansbold", sans-serif;
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: left;
}

#gradientband h4 {
font-size: 1.5em;
line-height: 1.2em;
font-family: "open_sansbold", sans-serif;
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: left;
}

#gradientband p {
font-size: 1em;
font-family: "OpenSansLight", sans-serif;
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: left;
}

img.whiteLogo {
height: 107px;
width: 262px;
position:relative; 
top:-10px; 
left: 20px; 
}


@media only screen and (max-width: 74em) {

#gradientband {
position: relative;
width: 100%;
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
margin: 0;
padding: 0;
margin-top: 10px;
}

#gradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
margin-top: 10px;
min-height: 200px;
height: auto;
}

#gradientband .col-3 {
padding-bottom: 10px;
}

#gradientband .span1 {
max-width: 50%;
margin: 0 auto;
}

#gradientband h4 {
font-size: 1.5em;
text-align: center;
}

#gradientband p {
font-family: "OpenSansLight";
text-align: center;
max-width: 600px;
margin: 0 auto;
}

#gradientband br {
display: none;
}

#gradientband .span1 {
margin-top: 0px;
}

#gradientband p {
margin-bottom: 0px;
}

img.whiteLogo {
height: 107px;
width: 200px;
margin: 0 auto;
text-align: center;
display: block;
top:10px; 
left: 0; 
}

}


@media only screen and (max-width: 35em) {
#gradientband {
position: relative;
width: 100%;
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
margin: 0;
padding: 20px 20px 20px 20px;
margin-top: 10px;
}

#gradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
height: auto;
}

#gradientband .span1 {
max-width: 100%;
margin: 0 auto;
}

#gradientband h4 {
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: center;
}

#gradientband p {
font-size: 1em;
text-align: center;
max-width: 100%;
padding: 0 20px 0 20px;
margin: 0 auto;
}

#gradientband br {
display: block;
}

#gradientband .span1 {
margin-top: 0px;
}
}








/* ====================================================================================================================================================
Light Panel
====================================================================================================================================================*/

/* Light Panel */
#lightcontainer {
max-width: 100%;
margin: 0 auto;
}

.light .row {
clear: both;
max-width: 1400px;
margin: 0 auto;
}

.light {
padding-top: 50px;
padding-bottom: 30px;
}

#lightcontainer .span50 {
margin: 0 auto;
}

.light hr {display: block;height: 1px;border: 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #fff;margin: 0 auto;margin: 20px 0 20px 0;padding: 0;float:left;clear: both;width: 100%;}
.light hr.Inner {display: block;height: 1px;border: 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #fff;margin: 0 auto;margin: 0px 0 40px 0;padding: 0;float:left;clear: both;width: 100%;}


@media only screen and (max-width: 74em) {
#lightcontainer {
padding: 0 20px 0 20px;
}

.light {
padding-top: 20px;
padding-bottom: 20px;
}

#lightcontainer h1 {
font-size: 2em;
}

#lightcontainer p {
font-size: 1em;
}
}


@media only screen and (max-width: 35em) {


}










/* ====================================================================================================================================================
Highlight Panel
====================================================================================================================================================*/

/* Highlight Panel */
#highlightcontainer {
max-width: 100%;
margin: 0 auto;
background-image: url("../../images/SwirlBG.jpg");
background-position: bottom center;
background-repeat: no-repeat;
}

.highlight .row {
clear: both;
max-width: 1400px;
margin: 0 auto;
}

.highlight {
padding-top: 50px;
padding-bottom: 30px;
}

#highlightcontainer h1 {
margin-bottom: 50px;
margin-top: 40px;
}

#highlightcontainer h1.morepad {
    margin-top: 70px;
    }

#highlightcontainer .span50 {
margin: 0 auto;
}

.highlight .col-4 {
background-color: #fff;
border-radius: 15px;
padding:20px;
}

.highlight .col-4 img {
border-radius: 12px;
}

.highlight hr {display: block;height: 1px;border: 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #fff;margin: 0 auto;margin: 20px 0 20px 0;padding: 0;float:left;clear: both;width: 100%;}



@media only screen and (max-width: 74em) {
#highlightcontainer {
padding: 0 20px 0 20px;
}

.highlight {
padding-top: 20px;
padding-bottom: 20px;
}

#highlightcontainer h1 {
font-size: 2em;
margin-bottom: 50px;
margin-top: 0px;
}

#highlightcontainer p {
font-size: 1em;
}
}


@media only screen and (max-width: 35em) {

#highlightcontainer h1 {
margin-bottom: 50px;
margin-top: 0px;
}
}






/* ====================================================================================================================================================
Highlight Cards
====================================================================================================================================================*/
.card {
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); */
transition: 0.3s;
max-width: 32%;
border-radius: 10px;
/* border: 1px solid #ccc; */
background-color: #fff;;
display: inline-block;
/* cursor: pointer; */
min-height: 350px;
margin: 0 auto;
margin: 0 1.5% 50px 0;
clear: both;
}

.card:nth-child(3n) {  
margin: 0;
}

/* 
.card:hover {
box-shadow: 0 0px 10px 0 rgba(193,83,27,0.9);
} */

.card h3 {
font-family: "open_sansbold", sans-serif;
font-weight: normal;
font-size: 1.7em;
color: #00833e;
margin: 0 0 10px 0;
padding: 0 0 0 5px;
text-align: center;
}

.card p {
font-family: "OpenSansLight", sans-serif;
font-weight: normal;
font-size: 1.1em;
line-height: 1.5em;
color: #58585b;
margin: 0 0 10px 0;
/* padding: 0 0 0 5px; */
text-align: center;
}

.card img {
border-radius: 20px;
/* height: 348px;
max-width: 269px; */
margin: 0 auto;
display: block;
padding: 12px;
}

.cardContainer {
padding: 10px 20px 10px 20px;
}

.card .span50 {
width: 50%;
margin:0;
padding:0;
}


.cardWrapper {
    padding: 0 20px 70px 20px;  
    }

/* @media only screen and (max-width: 74em) {
.card {
max-width: 32.1%;
margin: 0 1% 50px 0;
text-align: center;
}

} */

@media only screen and (max-width: 74em) {
.cardWrapper {
padding: 0 20px 70px 20px;  
}

.card .span50 {
width: 80%;
}
}

@media only screen and (max-width: 60em) {
.card {
max-width: 80%;
display: block;
margin: 0 auto;
text-align: center;
border: 1px solid #f1f1f1;
margin-bottom: 20px;
min-height: 250px;
}   

.card:nth-child(3n) {  
max-width: 80%;
display: block;
margin: 0 auto;
}

.card .span50 {
width: 80%;
padding: 20px 0 20px 0;
margin:0;
}
}

@media only screen and (max-width: 35em) {
.cardWrapper {
padding: 0;
}

.card {
max-width: 100%;
}

.card:nth-child(3n) { 
max-width: 100%;
margin: 0 0 50px 0;
}

.card .span50 {width: 100%;}
}









/* ==========================================================================
Small Gradient Band
========================================================================== */

#BubblesTop {
margin-top: -41px;
height: 41px;
background: url("../../images/Bubbles-Top.svg") repeat-x;
background-size: 2500px 41px;
background-position: center center;
position: relative;
z-index: 1;
}

#BubblesTopWhite {
margin-top: -41px;
height: 41px;
background: url("../../images/Bubbles-Top-White.svg") repeat-x;
background-size: 2500px 41px;
background-position: center center;
position: relative;
z-index: 1;
}

#BubblesBottom {
margin-bottom: -41px;
height: 41px;
background: url("../../images/Bubbles-Bottom.svg") repeat-x;
background-size: 2500px 41px;
background-position: center center;
position: relative;
z-index: 1;
}

#smallGradientband {
position: relative;
width: 100%;
/* height: 200px; */
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
/* opacity: .8; */
margin: 0;
padding: 40px 20px 40px 20px;
margin-top: 0px;
}

#smallGradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
margin-top: 0px;
}

#smallGradientband h1 {
font-size: 2.5em;
line-height: 1.2em;
font-family: "open_sansbold", sans-serif;
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: left;
}

#smallGradientband p {
font-size: 1em;
font-family: "OpenSansLight", sans-serif;
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: left;
}


@media only screen and (max-width: 74em) {

#smallGradientband {
position: relative;
width: 100%;
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
margin: 0;
padding: 0;
margin-top: 0px;
}

#smallGradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
margin-top: 0px;
min-height: 200px;
height: auto;
}

#smallGradientband .col-3 {
padding-bottom: 10px;
}

#smallGradientband .span1 {
max-width: 70%;
margin: 0 auto;
}

#smallGradientband h1 {
font-size: 1.5em;
text-align: center;
margin-top: 40px;
}

#smallGradientband p {
font-family: "OpenSansLight";
text-align: center;
max-width: 600px;
margin: 0 auto;
}

#smallGradientband .span1 {
margin-top: 0px;
}

#smallGradientband p {
margin-bottom: 0px;
}

}


@media only screen and (max-width: 35em) {
#smallGradientband {
position: relative;
width: 100%;
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
margin: 0;
padding: 30px 20px 0px 20px;
margin-top: 0px;
}

#smallGradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
/* height: auto; */
}

#smallGradientband .span1 {
max-width: 100%;
margin: 0 auto;
}

#smallGradientband h1 {
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: center;
}

#smallGradientband p {
font-size: 1em;
text-align: center;
max-width: 100%;
padding: 0 20px 0 20px;
margin: 0 auto;
}

#smallGradientband .span1 {
margin-top: 0px;
}

#smallGradientband .btn-White {
    /* padding: 0; */
    margin: 0;
}
}





/* ==========================================================================
Map Gradient Band
========================================================================== */

#BubblesTopWhite {
margin-top: -41px;
height: 41px;
background: url("../../images/Bubbles-Top-White.svg") repeat-x;
background-size: 2500px 41px;
background-position: center center;
position: relative;
z-index: 1;
}

#mapGradientband {
position: relative;
width: 100%;
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
margin: 0;
padding: 10px 20px 10px 20px;
margin-top: 0px;
}

#mapGradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
margin-top: 0px;
}

#mapGradientband h1 {
font-size: 2.5em;

font-family: "open_sansbold", sans-serif;
font-weight: normal;
color: #fff;
margin:0;
margin-top: .5em;
text-align: left;
}

#mapGradientband p {
font-size: 1em;
font-family: "OpenSansLight", sans-serif;
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: left;
}


@media only screen and (max-width: 74em) {

#mapGradientband {
position: relative;
width: 100%;
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
margin: 0;
padding: 0;
margin-top: 0;
}

#mapGradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
margin-top: 0px;
/* min-height: 200px; */
height: auto;
}

#mapGradientband .col-3 {
padding-bottom: 10px;
}

#mapGradientband .span1 {
max-width: 70%;
margin: 0 auto;
}

#mapGradientband h1 {
font-size: 1.5em;
text-align: center;
margin-top: 40px;
}

#mapGradientband p {
font-family: "OpenSansLight";
text-align: center;
max-width: 600px;
margin: 0 auto;
}

#mapGradientband .span1 {
margin-top: 0px;
}

#mapGradientband p {
margin-bottom: 0px;
}

}


@media only screen and (max-width: 35em) {
#mapGradientband {
position: relative;
width: 100%;
background: rgb(204,51,51);
background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%);
margin: 0;
padding: 20px 20px 0px 20px;
margin-top: 0px;
}

#mapGradientband .container {
margin: 0 auto;
max-width: 100%;
text-align: left;
height: auto;
}

#mapGradientband .span1 {
max-width: 100%;
margin: 0 auto;
}

#mapGradientband h1 {
font-weight: normal;
color: #fff;
margin:0;
margin-bottom: 0.1em;
text-align: center;
}

#mapGradientband p {
font-size: 1em;
text-align: center;
max-width: 100%;
padding: 0 20px 0 20px;
margin: 0 auto;
}

#mapGradientband .span1,
#mapGradientband .btn-White {
margin: 0px;

}
}





/* ==========================================================================
Footer
==========================================================================*/

#footerWrapper {
width: 100%;
height: auto;
background-color: #fff;
}

.footer {
font-size: .9em;
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 20px;
min-height: 200px;
}

.footer .row {
clear: both;
max-width: 1400px;
margin: 0 auto;
}

.footer [class^="col-"] {float: left;margin: 0 2.84615384615% 0 0;list-style: none;position: relative;}
.footer .col-2 { width: 17.6615384615%; }
.footer [class^="col-"]:last-child {margin: 0;}



#footerlist li.footerPhone a:link, #footerlist li.footerPhone a:active, #footerlist li.footerPhone a:visited {
color: #1b75bc;
font-weight: regular;
text-decoration: none;
}







/* ==========================================================================
Buttons
==========================================================================*/

/* default button */
.btn {
border: none;
background: #0582c0;
color: #fff;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

/* button states */
.btn:hover, .btn:focus {
background-color: #71b2d3;
color: #fff;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.btn:active, .btn.active {
background-color: #71b2d3;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn.disabled, .btn[disabled] {
background-color: #d2dcdd;
color: white;
}

.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.btnMargin20 {margin: 20px 0 20px 0;}
.btnMargin50 {margin: 50px 0 50px 0;}


/* button sizes */
.btn.btn-xsmall {padding: 5px 5px 5px 10px; font-size: .7em;}
.btn.btn-small {padding: 6px 6px 6px 10px; font-size: .9em;}
.btn.btn-medium {padding: 12px;}
.btn.btn-large {padding: 14px;}
.btn.btn-Xlarge {padding: 22px;}


.btn-Blue {
font-family: "OpenSansLight", sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
margin: 20px 0 20px 0;
background-color: #0582c0;
color: #fff;
padding: 25px;
text-decoration: none;
border-radius:4px;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
display: block;
width: 100%;
text-align: center;
}

.btn-btn-Blue:hover, .btn-btn-Blue:focus {background-color: #71b2d3;color: #fff;}
.btn-btn-Blue:active {background-color: #71b2d3;color: #fff;}



.btn-White {
font-family: "open_sansbold", sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
margin: 20px 0 20px 0;
background-color: #fff;
color: #0582c0;
padding: 25px;
text-decoration: none;
border-radius:4px;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
display: block;
width: 100%;
text-align: center;
}

.btn-btn-White:hover, .btn-btn-White:focus {background-color: #f1f1f1;color: #0582c0;}
.btn-btn-White:active {background-color: #f1f1f1;color: #0582c0;}

/* spans for buttons */
.span100 {width: 100%;}
.span75 {width: 75%;}
.span50 {width: 50%;}
.span25 {width: 25%;}

@media only screen and (max-width: 74em) {
.btn-Orange {text-align: center;margin: 10px 0 10px 0;}
.span100, .span75, .span50, .span25 {width: 50%;margin:0 auto;padding:20px 0 20px 0;}
}

@media all and (max-width: 35em) {
.span100, .span75, .span50, .span25 {width: 100%;}
}


.btnCenter {
margin:0 auto;
}



/* Change Footer to Hide Stuff and Turn On Mobile Items */
.logomobileonly {
display: none;
}

.textmobileonly {
display: none;
}


@media only screen and (max-width: 74em) {
.logomobileonly {
display: block;
height: 80px;
}

.textmobileonly {
display: block;
font-size: .8em;
}


.textmobileonly .facebooklogo {
padding: 0;
margin: 0;
float: none;
font-size:2em;
}
}



@media only screen and (max-width: 74em) {

.footer .row, .footer .col-1, .footer .col-2, .footer .col-3, .footer .col-4, .footer .col-5, .footer .col-6,
.footer .col-7, .footer .col-8, .footer .col-9, .footer .col-10, .footer .col-11, .footer .col-12 {
margin-bottom:10px;
display:table;
width: 100%;
}

.footer .content {
padding-bottom: 10px;
clear: right;
}
}





/* general list styles --------------------------------------------------------- */
#footerlist {
text-decoration: none;
margin-left: 0;
padding-left: 0;
list-style: none;
margin-top:10px;
}

#footerlist li {
line-height: 2em;
color: #666;
}

#footerlist li strong {
font-family: "open_sansbold", sans-serif;
}


#footerlist li h5 {
font-family: "open_sansbold", sans-serif;
font-weight: normal;
text-align: left;
font-size: 1.1em;
line-height: 1.2em;
color: #00833e;
border-bottom: 1px solid #00833e;
}


#footerlist li a {
border-bottom: none;
padding-bottom:0;
}

#footerlist a:link, #footerlist a:active, #footerlist a:visited {
color: #666;
font-weight: regular;
text-decoration: none;
}

#footerlist a:hover {
color: #0582c0;
text-decoration: underline;
background-color: #fbfbfb;
}

/* for active */
#footerlist .active a {
color: #1b75bc;
text-decoration: none;
list-style-type: none;
}

#footerlist #active {
color: #1b75bc;
text-decoration: underline;
}

.facebooklogo {
padding: 0;
margin: 0;
float: right;
font-size: 3em;
}

@media only screen and (max-width: 74em) {

.footer {
text-align: center;
width:100%;
}

#footerlist li h5 {
text-align: center;
margin: 50px 0 0 0;
}

#footerlist li {
font-size: 1.2em;
width: 100%;
border: none;
}

#footerlist li a {
padding: 0;
font-size: 1em;
line-height:4em;
height: 4em;
width:100%;
display: block;
border-bottom: 1px solid #dedede;
padding-bottom:15px;
}

#footerlist li.noborder a {
border-bottom: none;
margin: 0px 0 20px 0;
border-bottom:0px solid #dedede;
}

.footer .row, .footer .col-1, .footer .col-2, .footer .col-3, .footer .col-4, .footer .col-5, .footer .col-6,
.footer .col-7, .footer .col-8, .footer .col-9, .footer .col-10, .footer .col-11, .footer .col-12 {
margin-bottom:0px;
display:table;
width: 100%;
}
}





/* ==========================================================================
Leagal
==========================================================================*/

#legalWrapper {
background-color: #fff;
width: 100%;
border-top: 1px solid #eee;
}

.legal {
font-size: .8em;
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 20px 0 20px 0;
min-height: 100px;
}


.legal img.logo {
display: inline-block;
height: 50px;
width: 150px;
}

.legal .content {
max-width: 1400px;
margin: 0 auto;
}

.legal .row {
clear: both;
max-width: 1400px;
margin: 0 auto;
}

.legal [class^="col-"] {
float: left;
margin: 0 1.84615384615% 0 0;
list-style: none;
position: relative;
}

.legal [class^="col-"]:last-child {
margin: 0;
}

.legal p {
color: #666;
font-size: .9em;
line-height: 1em;
margin-bottom: .7em;
}


.legal p {text-align: left; color: #58585b;margin-bottom:.5em;}
.legal p a:link, .legal p a:active, .legal p a:visited {color: #58585b;font-weight: regular;text-decoration: none;}
.legal p a:hover {color: #1b75bc;text-decoration: none;}

/* for php active state */
.legal p #active {
color: #1b75bc;
text-decoration: underline;
}



@media only screen and (max-width: 74em) {

#legalWrapper {
display: none;
}
}

.t3 a:link, .t3 a:active, .t3 a:visited {
font-size: 1em;
color: #888;
font-weight: regular;
text-decoration: none;
}

.t3 a:hover, a.madewith span:hover {
color: #00aeef;
text-decoration: none;
}

.redHeart {
color: #C0392B;
}

.pulse {
-webkit-animation: heart-thump 1s linear infinite;
animation: heart-thump 1s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}


@-webkit-keyframes heart-thump {
0% {-webkit-transform: scale3d(1, 1, 1)}
8% {-webkit-transform: scale3d(1.3, 1.3, 1)}
16% {-webkit-transform: scale3d(1, 1, 1)}
24% {-webkit-transform: scale3d(1.3, 1.3, 1)}
100%,32% {-webkit-transform: scale3d(1, 1, 1)}
}

@keyframes heart-thump {
0% {-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
8% {-webkit-transform: scale3d(1.3, 1.3, 1);
transform: scale3d(1.3, 1.3, 1)
}
16% {-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
1.34% {-webkit-transform: scale3d(1.3, 1.3, 1);
transform: scale3d(1.3, 1.3, 1)
}
100%,
32% {-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}