@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
body {
  font-family: 'Open Sans', sans-serif;
}
.btn {
  border-radius: 0;
  color: #fff;
  background: #ffaa00;
  border: none;
  font-weight: 400;
  padding: 10px 50px;
  text-transform: uppercase;
}
.btn:hover,
.btn:active,
.btn:focus,
.btn:link {
  background: #ffc600 !important;
  color: #fff;
}
.navbar-brand {
  position: relative;
  z-index: 999;
}
.navbar-nav {
  margin-bottom: 0;
}
.navbar-nav li {
  text-transform: uppercase;
  margin-right: 1px;
  font-weight: 400;
  font-size: 15px;
}
.navbar-nav li a {
  padding: 40px;
  color: #7f7f7f;
  cursor: pointer;
}
.navbar-nav li a:hover {
  color: #fff;
  background: #56ac40;
}
.navbar-nav li.active a {
  color: #fff;
  background: #56ac40;
}
.navbar-toggle {
  border: 2px solid #56ac40;
}
.navbar-toggle .icon-bar {
  background: #56ac40;
}
.social {
  list-style-type: none;
}
.social li {
  display: inline-table;
  padding: 26px 0;
}
.container-fluid .about,
.container-fluid .presentation {
  min-height: 460px;
  background: #013870;
  /* For browsers that do not support gradients */

  background: -webkit-linear-gradient(#013870, #00bbf1);
  /* For Safari 5.1 to 6.0 */

  background: -o-linear-gradient(#013870, #00bbf1);
  /* For Opera 11.1 to 12.0 */

  background: -moz-linear-gradient(#013870, #00bbf1);
  /* For Firefox 3.6 to 15 */

  background: linear-gradient(#013870, #00bbf1);
  /* Standard syntax */

  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.container-fluid .about h3,
.container-fluid .presentation h3 {
  font-weight: 300;
  font-size: 24px;
  padding: 25px 0;
  max-width: 480px;
}
.container-fluid .about h3 small,
.container-fluid .presentation h3 small {
  margin-top: 15px;
  display: block;
  color: #fff;
  line-height: 1.2em;
}
.container-fluid .presentation {
  padding: 0;
}
.container-fluid .about {
  padding-top: 60px;
}
.container-fluid .bg {
  min-height: 460px;
  display: block;
  background: url('../img/img-banner-full.png') center left no-repeat;
  background-size: cover;
}
.subscriber {
  background-image: linear-gradient(to right, #ffaa00, #ffe300, #ffaa00);
  padding: 35px 0;
}
.subscriber .img-responsive {
  position: relative;
  top: 8px;
}
.subscriber h2 {
  font-size: 39px;
  color: #017d2a;
  font-weight: 600;
}
.subscriber p {
  font-size: 30px;
  font-weight: 300;
  color: #017d2a;
  max-width: 380px;
  line-height: 30px;
}
.subscriber .col-md-4 {
  position: relative;
}
.subscriber .col-md-4 .col-md-12 {
  position: absolute;
  top: -50px;
  border: 1px solid #e7e7e5;
  padding: 10px 30px 30px 30px;
  -webkit-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.23);
  box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.23);
  background: #fff;
  /* For browsers that do not support gradients */

  background: -webkit-linear-gradient(#ffffff, #eaeaea);
  /* For Safari 5.1 to 6.0 */

  background: -o-linear-gradient(#ffffff, #eaeaea);
  /* For Opera 11.1 to 12.0 */

  background: -moz-linear-gradient(#ffffff, #eaeaea);
  /* For Firefox 3.6 to 15 */

  background: linear-gradient(#ffffff, #eaeaea);
  /* Standard syntax */

}
.subscriber .col-md-4 .col-md-12 h4 {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 23px;
  color: #7f7f7f;
  text-align: center;
  border-bottom: 3px solid #ffaa00;
  margin-bottom: 20px !important;
  font-weight: 600;
  padding-bottom: 20px;
}
.subscriber .col-md-4 .col-md-12 form input[type=text],
.subscriber .col-md-4 .col-md-12 form input[type=email] {
  border-radius: 0;
  color: #fff;
  background: #1f5718;
  font-weight: 300;
  text-transform: uppercase;
}
.subscriber .col-md-4 .col-md-12 form ::-webkit-input-placeholder {
  color: #fff;
  font-weight: 300;
}
.features {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #e4e4e4;
  padding: 35px 0;
}
.features figure img {
  margin-bottom: 10px;
}
.features p {
  font-weight: 400;
  color: #696969;
  font-size: 15px;
}
.differential {
  background: #f2f2f2;
  padding: 35px 0;
}
.differential h2 {
  color: #017d2a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 35px;
  padding-bottom: 10px;
}
.differential h3 {
  background: url('../img/icn-play.png') 0 0 no-repeat #e44451;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 24px;
  padding: 8px 0 8px 75px;
  position: relative;
  left: -30px;
  top: 58px;
  display: inline-table;
}
.differential ul {
  position: relative;
  top: 65px;
  list-style-image: url('../img/icn-bullet.png');
}
.differential ul li {
  color: #696969;
  font-weight: 400;
  font-size: 15px;
}
.maps {
  background: #e4e4e4;
  min-height: 385px;
}
.maps h2 {
  color: #017d2a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 35px;
  padding-bottom: 10px;
  margin-top: 80px;
}
.maps p {
  font-size: 15px;
  font-weight: 400;
  color: #696969;
}
.maps iframe {
  border: 1px solid #d1d1d1 !important;
}
.sales {
  color: #017d2a;
  background-image: linear-gradient(to right, #ffc200, #ffd500, #ffc200);
  padding: 60px 0;
  border-top: 1px solid #fff;
}
.sales h2 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 35px;
  padding-bottom: 10px;
  letter-spacing: -1px;
}
.sales h3 {
  font-weight: 600;
  font-size: 24px;
}
.sales p {
  font-weight: 300;
}
.sales .col-md-8 .form {
  border: 1px solid #e7e7e5;
  padding: 30px;
  -webkit-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.23);
  box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.23);
  background: #fff;
  /* For browsers that do not support gradients */

  background: -webkit-linear-gradient(#ffffff, #eaeaea);
  /* For Safari 5.1 to 6.0 */

  background: -o-linear-gradient(#ffffff, #eaeaea);
  /* For Opera 11.1 to 12.0 */

  background: -moz-linear-gradient(#ffffff, #eaeaea);
  /* For Firefox 3.6 to 15 */

  background: linear-gradient(#ffffff, #eaeaea);
  /* Standard syntax */

}
.sales .col-md-8 .form h4 {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 23px;
  color: #7f7f7f;
  text-align: center;
  border-bottom: 3px solid #ffaa00;
  margin-bottom: 20px !important;
  font-weight: 600;
  padding-bottom: 20px;
}
.sales .col-md-8 .form form input[type=text],
.sales .col-md-8 .form form input[type=email],
.sales .col-md-8 .form form textarea {
  border-radius: 0;
  color: #fff;
  background: #1f5718;
  font-weight: 300;
  text-transform: uppercase;
}
.sales .col-md-8 .form form textarea {
  max-height: 132px;
}
.sales .col-md-8 .form form ::-webkit-input-placeholder {
  color: #fff;
  font-weight: 300;
}
.sales .col-md-8 .form form .col-md-6 {
  padding-left: 0;
}
.sales .col-md-8 .form form .col-md-6.even {
  padding-right: 0;
}
form label.error {
  font-weight: normal;
  font-weight: 300;
  color: #e44451;
  text-transform: uppercase;
  font-size: 11px;
}
.alert {
  display: none;
}
footer {
  padding: 20px 0;
  font-weight: 300;
  font-size: 13px;
  color: #696969;
}
footer p {
  padding: 40px 0;
}
footer .partners {
  list-style-type: none;
}
footer .partners li {
  display: inline-table;
  padding-left: 30px;
}
footer .partners li span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #9e9d9d;
  text-align: center;
  padding-bottom: 10px;
}
/*==========  Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .navbar-brand img {
    width: 90%;
    height: auto;
  }
  .navbar-nav {
    margin-top: 0;
  }
  .navbar-nav li {
    font-size: 90%;
  }
  .navbar-nav li a {
    padding: 40px 20px;
  }
  .social li a img {
    width: 90%;
    height: auto;
  }
  .container-fluid {
    text-align: center;
  }
  .container-fluid .about h3 {
    max-width: 100%;
  }
  .container-fluid .about .img-responsive {
    margin: 0 auto;
  }
  .differential h3 {
    font-size: 18px;
    padding: 8px 0 8px 75px;
    position: relative;
    left: -30px;
    top: 58px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .navbar-brand {
    padding: 0;
    margin: 0 auto !important;
    left: 0%;
    top: 10px;
  }
  .navbar-brand img {
    width: 70%;
    height: auto;
  }
  .navbar-nav {
    text-align: center;
  }
  .navbar-nav li {
    display: inline-table;
    padding: 10px;
    margin: 0;
    font-size: 80%;
  }
  .navbar-nav li a {
    padding: 30px 10px;
  }
  .social {
    display: none;
  }
  .social li a img {
    width: 50%;
    height: auto;
  }
  .subscriber .col-md-8 {
    text-align: center;
  }
  .subscriber .col-md-8 p {
    max-width: 100%;
    padding-bottom: 70px;
  }
  .subscriber .col-md-8 .img-responsive {
    margin: 0 auto;
  }
  .subscriber .col-md-4 .col-md-12 {
    position: inherit;
  }
  .differential h3 {
    position: inherit;
    top: auto;
    left: auto;
    font-size: 19px;
    padding: 25px 19px 24px 75px;
  }
  .differential ul {
    position: inherit;
    top: auto;
  }
  .sales .col-md-8 .form form .col-md-6 {
    padding-right: 0;
  }
  footer .pull-left,
  footer .pull-right {
    float: none !important;
    text-align: center;
    display: block;
    padding: 0;
  }
  footer .pull-left img,
  footer .pull-right img {
    max-width: 70%;
    height: auto;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .navbar-brand {
    padding: 0;
    margin: 0 auto !important;
    left: 35%;
    top: 10px;
  }
  .navbar-brand img {
    width: 70%;
    height: auto;
  }
  .navbar-nav {
    margin-top: 100px;
    text-align: center;
  }
  .navbar-nav li {
    display: inline-table;
    padding: 10px;
    margin: 0;
    font-size: 70%;
  }
  .navbar-nav li a {
    padding: 20px 5px;
  }
  .container-fluid .presentation {
    min-height: 260px;
  }
  .container-fluid .presentation .bg {
    min-height: 260px;
  }
}
/* Extra Small Devices, Phones */@media only screen and (max-width: 480px) {
  
}
/* Custom, iPhone Retina */@media only screen and (max-width: 320px) {
  
}