/* CSS Document */
#mobile:not( .mm-menu ) {display: none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
.EditMode img.mask {display:none;}
button:focus { outline:none !important;  }
.stButton .stLarge:hover {background-position:0px !important;}
.EditableTextEdit {width:100%;}
* {box-sizing: border-box; background-repeat:no-repeat;}

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p {font-size:18px; line-height:1.4em;}
p, li, a, input, label, select {font-family: "Montserrat", sans-serif; color:#706f6f; font-weight:300;}
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a ,h4 a, h5 a, h6 a {font-weight:normal; font-family: "Montserrat", sans-serif; color:#706f6f; line-height:1.3em; }
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}

#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left;}
#container>div, header, main, footer, main>div {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1400px; max-width: 100%;}
.content {float: left; width: 90%; max-width: 100%; margin:0 5%; position:relative;  }
.margin {padding:0 0 70px 0;}

body {background-color:#fff;}

header {}
header a.logo {background-image:url("/images/logo.png"); display:block; width:303px; max-width:100%; height:72px; float:left; margin-top:40px; background-size:contain;}
	
ul#mainNav {margin-top:30px; float:left; margin-bottom:30px; clear:left; }
ul#mainNav>li {}
ul#mainNav>li>a {font-size:15px; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}
ul#mainNav>li>a.active, ul#mainNav>li>a:hover {color:#00a3b5;}


@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1024px) {
ul#mainNav {margin-top:70px; float:right;  clear:none;}
ul#mainNav>li {float:left; margin-left:50px;}
header {height:150px;}
}

#banner {margin-bottom:70px;}
#banner .content {height:350px; background-image:url("/images/banner-home.jpg"); background-position:center center; background-size:cover; display:flex; align-items: center; }
#banner .content .middle {padding-left:5%;}
#banner .content .middle h1 {color:#fff; font-size:26px; font-weight:bold; width:60%;}

#bannerServices {float:left; margin-bottom:70px;}
#bannerServices .content {height:350px; background-image:url("/images/banner-services.jpg"); background-position:center center; background-size:cover; display:flex; align-items: center; }
#bannerServices .content .middle {padding-left:5%;}
#bannerServices .content .middle h1 {color:#fff; font-size:35px; font-weight:bold; width:100%;}

#bannerPortal {float:left; margin-bottom:70px;}

@media only screen and (min-width: 768px) {
#banner .content .middle h1 {font-size:35px; width:60%;}
#bannerServices .content .middle h1 {font-size:35px; width:60%;}
}

@media only screen and (min-width: 1024px) {
#banner .content {height:715px;}
#banner .content .middle {padding-left:5%;}
#banner .content .middle h1 {font-size:55px; width:60%;}
	
#bannerServices .content {height:715px;}
#bannerServices .content .middle {padding-left:5%;}
#bannerServices .content .middle h1 {font-size:55px; width:60%;}
	
#bannerPortal .content {height:715px; background-image:url("/images/banner-services.jpg"); background-position:center center; background-size:cover; display:flex; align-items: center; }
#bannerPortal .content .middle {padding-left:5%;}
#bannerPortal .content .middle h1 {color:#fff; font-size:35px; font-weight:bold; width:100%;}
}

.portal {float:left; background-color:rgba(0,163,181,0.8); padding:20px; width:100%;}
.portal h3 {color:#fff; font-size:32px; font-weight:bold; margin-bottom:30px;}
.portal p {color:#fff; font-size:18px; margin-bottom:30px;float:left; width:100%; font-weight:400;}
.portal a {color:#fff;}
.portal a:hover {text-decoration:underline;}
.portal p:last-child {margin-bottom:0px;}
.portal label {clear:left; width:100%; float:left; color:#fff; font-size:18px; margin-bottom:10px; font-weight:bold;}
.portal input[type=text] {clear:left; width:100%; float:left; color:#706f6f; padding:5px 10px; font-size:18px; margin-bottom:30px; }
.portal input[type=password] {clear:left; width:100%; float:left; color:#706f6f; padding:5px 10px; font-size:18px; margin-bottom:30px; }
.portal input[type=submit] {background-color:#ffc200; color:#fff; border-radius:10px; padding:5px 50px 5px 20px; margin-bottom:30px; font-size:18px; font-weight:bold;}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1024px) {
.portal {padding:20px 40px 40px 40px; width:50%; margin-left:5%;}
}

#contact {margin-bottom:70px;}
.contact form .blocks .block {margin-bottom:0px;}
.contact {background-color:rgba(0,163,181,0.8); padding:40px; width:100%; }
.contact h3 {color:#fff; font-size:32px; font-weight:bold; margin-bottom:30px;}
.contact p {color:#fff; font-size:18px; margin-bottom:30px;float:left; width:100%; font-weight:400;}
.contact p a {color:#fff;}
.contact p:last-child {margin-bottom:0px;}
.contact label {clear:left; width:100%; float:left; color:#fff; font-size:18px; margin-bottom:10px; font-weight:bold;}
.contact input[type=text] {clear:left; width:100%; float:left; color:#706f6f; padding:5px 10px; font-size:18px; margin-bottom:30px; }
.contact textarea {clear:left; width:100%; float:left; color:#706f6f; padding:5px 10px; font-size:18px; margin-bottom:30px; height:220px; resize:none; border:none;}
.contact input[type=submit] {background-color:#ffc200; color:#fff; border-radius:10px; padding:5px 50px 5px 20px; margin-bottom:30px; font-size:18px; font-weight:bold;}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1024px) {
}

.copy {float:left;}
.copy h2:before {display:block; content:''; width:100px; border-top:10px solid #ffc200; margin-bottom:30px; }
.copy h2 {color:#00a3b5; font-weight:bold; font-size:22px; margin-bottom:30px;}
.copy h3 {color:#00a3b5; font-weight:normal; font-size:18px; margin-bottom:30px;}

@media only screen and (min-width: 768px) {
.copy h2 {font-size:26px; margin-bottom:30px;}
.copy h3 {font-size:20px; margin-bottom:30px;}
}

@media only screen and (min-width: 1024px) {
.copy h2 {font-size:32px; margin-bottom:30px;}
.copy h3 {font-size:22px; margin-bottom:30px;}
}

.blocks {float:left; width:100%; margin-bottom:50px;}
.blocks .block {float:left; width:100%;}
.blocks .block:first-child {margin-bottom:50px;}
.blocks .block img {width:100%;}

.services .wide {margin-bottom:20px;}
.services .wide h2 {color:#03163d;}
.quarters {float:left; width:100%;}
.quarters .quarter {margin-bottom:30px;}
.quarters .quarter:last-child {margin-bottom:0px;}
.quarters .quarter.copy h3 {font-weight:bold;}

@media only screen and (min-width: 768px) {
.blocks .block {float:left; width:47.5%; margin-left:5%}
.blocks .block:first-child {margin-bottom:0px; margin-left:0;}
.quarters .quarter {float:left; width:45%; margin-left:10%;}
.quarters .quarter:nth-child(2n+1) {clear:left; margin-left:0px;}
}

@media only screen and (min-width: 1024px) {
.quarters .quarter {float:left; width:23%; margin-left:2.6666%;}
.quarters .quarter:nth-child(2n+1) {clear:none; margin-left:2.6666%; }
.quarters .quarter:first-child {margin-left:0;}
}

footer {background-color:#03163d; padding:50px 0 150px 0;}
footer a.logo {background-image:url("/images/logo-footer.png"); display:block; width:271px; height:66px; float:left; background-size:contain;}
footer ul#footerNav {clear:left; margin:50px 0 70px 0; float:left;}
footer ul#footerNav li {}
footer ul#footerNav li a {color:#fff; font-size:20px;}
footer .copy {float:left; clear:left;}
footer .copy p {color:#fff;}
footer .copy p a {color:#fff;}
footer .copy p a:hover {text-decoration:underline;}

@media only screen and (min-width: 768px) {
footer ul#footerNav li {float:left; margin-right:40px;}
}

@media only screen and (min-width: 1024px) {
	
}