@charset "utf-8";
/* CSS Document */

/* CSS RESET */
html { min-height: 100%; margin-bottom: 1px;  }
html { overflow: -moz-scrollbars-vertical !important; }
html, body{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, ol, li{margin: 0px;padding: 0px;}
ol, ul {list-style: none;}
a{text-decoration:none;outline:none;}
img{border:0;border-style:none;}
.clearboth{clear:both;}
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}
.hide {display:none;}
*:focus {outline: 0;}
iframe {border:0;}
.aligncenter {text-align:center;}
.space10 {height:10px;}
.space15 {height:15px;}
.space20 {height:20px;}

/* GENERAL */
body {font-family: 'Opens Sans', sans-serif;font-size:14px;line-height:22px;color:#848484;background:#ffffff;}
.inner {width:90%;max-width:1150px;margin:0px auto;position:relative;}
#header {text-align:center;padding:20px 0px;}
.banner {width:100%;min-height:600px;position:relative;}
.overlay_text {position:absolute;top:180px;left:0px;padding:40px 60px;background-color:rgba(77,148,68, 0.5);color:#ffffff;font-size:26px;text-align:center;line-height:42px;font-weight:400;}

#content {text-align:center;padding:40px 0px;color:#000;}
#content h1 {font-size:26px;line-height:36px;font-weight:400;margin-bottom:10px;}
#content h2 {font-size:40px;line-height:60px;font-weight:400;margin-bottom:0px;color:#1b295b;}
#content h4 {font-size:22px;line-height:40px;margin-bottom:30px;font-weight:400;}
#content h4 span {font-size:32px;color:#159c49;}
#content h3 {font-size:22px;font-weight:400;color:#18abde;line-height:40px;}
#content p {font-size:22px;line-height:32px;margin-bottom:30px;}
#content a {text-decoration:underline;color:#159c49;}
.heading {line-height:60px;text-align: center;}
.heading span {display: inline-block;position: relative;}
.heading span:before,
.heading span:after {content: "";position: absolute;height: 5px;border-bottom: 1px solid #159c49;border-top: 1px solid #159c49;top:28px;width:60px;}
.heading span:before {right: 100%;margin-right: 15px;}
.heading span:after {left: 100%;margin-left: 15px;}

#popup-form-wrap {max-width:340px;width:100%;float:left;}
#popup-form {margin:0px auto 0 auto;}
#popup-form div {margin-bottom:8px;position:relative;}
label.error {position:absolute;color:#F00;top:8px;right:0px;width:80px;}
input[type=text], input[type=email]{background:#fff;width:320px;height:34px;line-height:34px;padding:0 8px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border:1px solid #ccc;-moz-box-shadow:inset 0 0 2px 0 rgba(50,50,50,0.25);-webkit-box-shadow:inset 0 0 2px 0 rgba(50,50,50,0.25);box-shadow:inset 0 0 2px 0 rgba(50,50,50,0.25);font-size:15px;}
select {background:#fff;width:338px;height:36px;line-height:34px;padding:0 8px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border:1px solid #ccc;-moz-box-shadow:inset 0 0 2px 0 rgba(50,50,50,0.25);-webkit-box-shadow:inset 0 0 2px 0 rgba(50,50,50,0.25);box-shadow:inset 0 0 2px 0 rgba(50,50,50,0.25);font-size:15px;}
input[type=submit] {background:#1b295b;color:#ffffff;border:none;width:338px;height:48px;margin:15px auto 50px auto;cursor:pointer;font-size:24px;text-transform:uppercase;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

.form_wrapper {max-width:768px;margin:0 auto;}
#content .contact_info {max-width:360px;width:100%;float:left;margin-left:57px;}
#content .contact_info p {text-align:left;}

@media only screen and (max-width: 768px) {
    #popup-form-wrap {margin:0 auto;float:none;}
    #content .contact_info {max-width:100%;margin-left:0px;}
    #content .contact_info p {text-align:center;}
}