@charset "utf-8";

/* CSS Document */
body {font-family: 'Open Sans', sans-serif; margin:0; padding:0;}
.clear {border: 0 none; clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0;}
p {font-size:18px; line-height:1.5em; font-weight:300;}
b, strong {font-weight:700;}

header {background:#f5ecef;}
.logo {margin:80px 0 0 0;}

h1 {margin:10px 0 10px 0; font-size:44px; color:#006853; text-transform:uppercase;  font-weight:700;}
.subline {font-size:28px; color:#222; font-weight:400;}
.preline {font-size:18px; color:#fff; font-weight:400; font-style:italic;}
.hero_cta {background:#c1ab55; border:1px solid #2a4d4f; border-radius:3px; padding:15px; color:#fff; text-transform:uppercase; font-size:14px; letter-spacing:5px; display:block; width:100%; margin-top:15px;}
.hero_cta:hover {text-decoration:none; background:#74b048; color:#fff;}
.form-control {background:#fff; padding:10px; margin:5px 0;}

.privacy_text {font-size:10px; color:#fff;}
.privacy_text a {color:#fff;}


a.orange_bt {border-radius:5px; background:#9bd60d; padding:15px; display:block; text-align:center; margin:20px auto 20px auto; font-size:18px; color:#222; width:300px; box-shadow:2px 2px #000; font-weight:700}
a.orange_bt:hover {text-decoration:none; background:#71a000;}

header a.orange_bt {margin:20px 0; background:#9bd60d; color:#222; font-weight:700;}
header a.orange_bt:hover {background:#71a000;}

.first_block {padding:40px 0;}
.first_block h2  {font-weight:700; margin:20px 0 20px 0; font-size:32px; color:#006853;}
.first_block h4 {font-weight:700; margin:20px 0 20px 0; font-size:22px;  }
.first_block p {font-size:16px; text-align:justify; font-weight:300;}
.white_bg {background:#fff; padding:15px;}
.second_block {background:#f5ecef; padding:40px 0 40px 0;}
.second_block h2 {color:#006853; font-size:32px; margin:0 0 30px 0;}
.second_block p { font-size:16px; line-height:1.8em; }
.third_block { background-size:cover; padding:60px 0 60px 0;}
.third_block h3 {color:#006853; font-size:32px; margin:0 0 30px 0; }
.third_block p { font-size:16px; line-height:1.8em; color:#222}

.testimonial_box {padding:20px; border:1px solid #dedede; margin:5px; border-radius:30px}
.testimonial_txt {font-style:italic;}
.testimonial_box .cite {font-weight:700;}
.yellow {color:#fba541}

#myslider, #myslider div{width:370px; height:449px;}




.green_link {color:#fff; padding:10px 0; font-size:14px; letter-spacing:5px; text-transform:uppercase; background:#c1ab55; border-radius:50px; padding:15px; display:inline-block; text-decoration:none;}
.green_link:hover {color:#fff; text-decoration:none; background:#70c949 }
.green_link_inverted {color:#fff; padding:10px 0; font-size:14px; letter-spacing:5px; text-transform:uppercase; background:#70c949; border-radius:3px; padding:15px; display:inline-block;}
.green_link_inverted:hover {color:#fff; text-decoration:none; background:#2a4d4f; }

.cta_block {padding:60px 0; border-bottom:1px solid #dedede; background:#202629; background-size:cover;}
.cta_block h3  { font-weight:700; margin:20px 0 20px 0; font-size:32px; color:#fff; letter-spacing:5px }
.cta_block .subline {padding-bottom:40px; font-size:22px; color:#fff; font-weight:400; }

.bt_download {color:#fff; padding:10px 0; font-size:14px; letter-spacing:5px; text-transform:uppercase; background:#2a4d4f; border-radius:3px; padding:15px; display:inline-block; margin:5px 0;}
.bt_download:hover {text-decoration:none; background:#71a000; color:#fff}


footer {padding:50px 0 50px 0;}
footer p {font-size:16px;}
footer a {color:#2a4d4f;}


@media screen and (max-width: 768px) {
  .logo {margin:0 auto;}
  h1 {margin:10px 0 10px 0; font-size:24px; color:#006853; text-transform:uppercase;  font-weight:700; text-align:center;}
.subline {font-size:20px; color:#222; font-weight:400; text-align:center;}
.preline {text-align:center; padding-top:30px;}
  .second_block img, .third_block img {max-height:250px;}
  #myslider {margin-top:20px}
  .third_block img {margin-top:20px}
  .hero_cta, .green_link, .green_link_inverted, .bt_download  {display:block; text-align:center; width:100%;}
  .first_block h2 {font-size:24px;}
  .first_block h2, .second_block h2, .third_block h3  {text-align:center;}
 .mobile_row {display:block;}	
 #myslider, #myslider div{width:100%; height:449px;}
}