body {
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  min-width: 320px;
  overflow-x: hidden;
  color: #385b7b;
  background-color: #fff;
}

.header {
  padding-top: 20px;
  padding-bottom: 20px;
  background: url('../images/bannerbg.jpg') no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.logo {
  display: inline-block;
}

.header h2 {
  margin-bottom: 20px;
}

.header p {
  font-size: 18px;
}

.btn-action {
  width: 100%;
  padding: 16px 25px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color: #fd6638;

}
.btn-action:hover, .btn-action:focus {
  color: #fff;
  -webkit-box-shadow: 4px 3px 9px rgba(0,0,0, .26);
  -moz-box-shadow: 4px 3px 9px rgba(0,0,0, .26);
  box-shadow: 4px 3px 9px rgba(0,0,0, .26);
  outline: none;
}

.header .btn-action {
  margin-top: 20px;
}

.text-bonus-wrapper {
  position: relative;
}
.text-bonus {
  width: 235px;
  height: 235px;
  padding: 26px 7px;
  border-radius: 50%;
  text-align: center;
  background-color: #00b7ce;
  color: #fff;
}
.text-bonus h4 {
  margin-bottom: 5px;
}
.text-bonus .large {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}
.text-bonus::before {
  content: 'PLUS';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 62px;
  height: 62px;
  padding: 18px 5px;
  border-radius: 50%;
  background-color: #fff;
  color: #00b7ce;
  font-size: 18px;
  text-align: center;
}

.video-group {
  padding-top: 40px;
  padding-bottom: 40px;
}

.video-group h2 {
  margin-bottom: 40px;
}

hr.separator {
  border-top-color: #e8e8e8;
}

.advantages {
  padding: 40px 0 40px;
}

.advantages h2 {
  font-weight: 700;
}

.advantages-box {
  margin-top: 80px;
  position: relative;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  background-color: #eff0f5;
}

.advantages-box.one { border-color: #00c2f6; }
.advantages-box.two { border-color: #30bdaf; }
.advantages-box.three { border-color: #fd6638; }
.advantages-box.four { border-color: #00b7ce; }

.advantages-box .icon {
  position: absolute;
  top: -52px;
  left: 50%;
  margin-left: -50px;
}

.advantages-box .img-responsive {
  width: 100%;
}

.advantages-box p {
  padding: 20px;
  margin-bottom: 0;
  color: #5d7385;
}

.learn-more {
  padding-top: 60px;
  padding-bottom: 20px;
  color: #fff;
  background: url('../images/learnmorebg.jpg') no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.learn-more h2 {
  font-weight: 700;
  margin-bottom: 30px;
}

.fb-link {
  display: inline-block;
  margin-top: 120px;
  text-transform: uppercase;
  color: #fff;
}
.fb-link:hover, .fb-link:focus {
  color: #fff;
}

.footer {
  padding: 12px 0 13px;
  background-color: #383838;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.footer a {
  color: #fff;
}

.footer-bottom ul {
  margin-top: 5px;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}

.footer-bottom ul > li {
  display: inline-block;
  line-height: 1em;
}

.footer-bottom ul > li + li {
  border-left: 1px dotted #fff;
}

.footer-bottom ul > li > a {
  padding: 0 5px;
  font-size: 14px;
}

.modal-capture .modal-content{
  padding: 2px;
  color: #777;
}
.modal-capture .modal-content,
.modal-capture .modal-header,
.modal-capture .modal-footer {
  border-color: transparent;
}
.modal-capture .modal-content h4 {
  padding-top: 10px;
  font-size: 16px;
}
.modal-capture .modal-content form {
  border: 1px dashed #a2a2a2;
  border-radius: 10px;
}

.modal-capture .form-control {
  height: 46px;
  font-size: 18px;
  background-color: #ddd;
  border-radius: 10px;
  border-color: transparent;
}
.modal-capture .modal-header {
  padding-bottom: 0;
}
.modal-capture .modal-footer {
  padding-top: 0;
}
.modal-capture .btn {
  padding: 7px 15px;
  border-radius: 10px;
  font-size: 24px;
  color: #fff;
  background-color: #f56a3f;
}
.gradient-gray {
  background: #dfdfdf;
  background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 52%, #d7d7d7 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #dfdfdf), color-stop(52%, #f0f0f0), color-stop(100%, #d7d7d7));
  background: -webkit-linear-gradient(top, #dfdfdf 0%, #f0f0f0 52%, #d7d7d7 100%);
  background: -o-linear-gradient(top, #dfdfdf 0%, #f0f0f0 52%, #d7d7d7 100%);
  background: -ms-linear-gradient(top, #dfdfdf 0%, #f0f0f0 52%, #d7d7d7 100%);
  background: linear-gradient(to bottom, #dfdfdf 0%, #f0f0f0 52%, #d7d7d7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#d7d7d7', GradientType=0 );
}
@media only screen and (min-width: 768px) {
  .header {
    padding-top: 65px;
    padding-bottom: 110px;
  }
  h1 {
    font-size: 40px;
    margin-top: 55px;
  }
  .btn-action {
    max-width: 300px;
  }
  .video-group {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .advantages {
    padding: 50px 0 115px;
  }
  .advantages-box p {
    font-size: 20px;
  }
  .learn-more {
    padding-top: 100px;
  }
  .learn-more h2 {
    font-size: 36px;
  }
  .modal-capture .modal-dialog {
    max-width: 420px;
  }
  .text-bonus {
    position: absolute;
    top: -110px;
    right: 0;
  }
}