/*========================================================
    1. Fonts, Variables and Mixins
========================================================*/
/*========================================================
    GLOBALS
========================================================*/
html, body {
  height: 100%;
  width: 100%;
}

body {
  color: #242424;
  font-family: "Open Sans", Helvetica, Arial, Sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: #EF3E36;
  font-family: "Open Sans", Helvetica, Arial, Sans-serif;
  font-weight: 600;
  line-height: 1.3em;
}

h1 {
  font-size: 2.25em;
  /* 36px */
}

h2 {
  font-size: 2.25em;
  /* 36px */
  margin-top: 30px;
}
h2.underline_header {
  margin-bottom: 65px;
  position: relative;
}
h2.underline_header:before {
  background-color: #EF3E36;
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 2px;
  width: 30px;
}

h3 {
  font-size: 1.4375em;
  /* 23px */
}

h4 {
  font-size: 1.25em;
  /* 20px */
}

h5 {
  font-size: 1.125em;
  /* 18px */
}

h6 {
  font-size: 1em;
  /* 16px */
}

a:hover, a:visited, a:link {
  text-decoration: none;
}

p {
  font-weight: 400;
  line-height: 1.8em;
  margin: 0 0 30px;
}

input,
button,
select,
textarea {
  outline: none;
}

section {
  position: relative;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
  clear: both;
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

.row-no-padding [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.img-placeholder {
  width: 100%;
}

.align-vcenter {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.btn {
  border-radius: 25px;
  border: 2px solid #EF3E36;
  font-weight: 600;
  margin: 0 5px 15px;
  padding: 10px 20px;
}
.btn_trans {
  background-color: transparent;
  color: #EF3E36;
}
.btn_white {
  background-color: #FFFFFF;
  color: #EF3E36;
}
.btn_orange {
  background-color: #EF3E36;
  color: #FFFFFF;
}
.btn_orange:hover {
  background-color: #242424;
  color: #FFFFFF;
  cursor: pointer;
}
.btn:hover {
  border-color: #242424;
}

.paddingLR-30 {
  padding-right: 30px;
  padding-left: 30px;
}

/*========================================================
    CONTENT
    headers, main content, footer etc...
========================================================*/
/*====== Header =====*/
.header-logo img {
  max-width: 127px;
  padding-top: 4px;
}

/*===== Main menu =====*/
.phone-mobile {
  position: absolute;
  top: 16px;
  right: 50px;
}
.phone-mobile a {
  color: #EF3E36;
  font-weight: 600;
}

.navbar-brand {
  height: 58px;
}

.navbar-toggle {
  margin-right: 0;
  margin-top: 12px;
}
.navbar-toggle.collapsed .icon-bar {
  background-color: #EF3E36;
}
.navbar-toggle .icon-bar {
  background-color: #EF3E36;
}

.navbar-fixed-top {
  background-color: #FFFFFF;
  border-bottom: 0;
  transition: background-color 1s ease;
}
.navbar-fixed-top .navbar-collapse {
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  height: auto !important;
  overflow: hidden !important;
}

.navbar-collapse a {
  color: #242424;
  font-weight: 400;
  text-transform: uppercase;
}
.navbar-collapse li.active > a,
.navbar-collapse li:hover > a {
  color: #EF3E36;
  font-weight: 600;
}
.navbar-collapse .nav {
  margin-top: 0;
}
.navbar-collapse .nav > li > a:hover,
.navbar-collapse .nav > li > a:focus {
  background-color: transparent;
  outline: none;
}
.navbar-collapse .nav .demo a {
  border: 2px solid #EF3E36;
  border-radius: 20px;
  color: #EF3E36;
  display: inline-block;
  font-weight: 700;
  margin: 5px 10px;
  padding: 3px 12px;
}
.navbar-collapse .nav .demo a:hover {
  border-color: #242424;
  color: #242424;
}
.navbar-collapse .nav .demo.aff a {
  font-weight: 400;
}
.navbar-collapse .nav .phone-call a {
  color: #EF3E36;
  font-weight: 600;
}
.navbar-collapse .nav .phone-call a:hover {
  color: #242424;
}

/*===== Homepage =====*/
.wrapper {
  padding-top: 100px;
  padding-bottom: 80px;
}

/*====== Banner =====*/
.banner {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 0;
  position: relative;
  height: 100%;
  width: 100%;
  margin-top: 58px;
}
.banner-home {
  background-image: url("../img/banner.jpg");
}
.banner h1 {
  color: #242424;
  font-size: 2.5em;
  /* 40px */
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.banner h2 {
  color: #EF3E36;
  font-weight: 400;
}
.banner-content {
  padding: 55px 30px;
}
.banner .contact-information h1.contact {
  color: #FFFFFF;
  letter-spacing: 8px;
  margin-bottom: 70px;
}
.banner .contact-information h1.contact:after {
  background-color: #FFFFFF;
}
.banner .contact-information a {
  color: #FFFFFF;
  font-size: 1.25em;
  /* 20px */
  font-weight: 600;
  letter-spacing: 3px;
}
.banner-logo {
  max-width: 300px;
  margin: 0 auto;
}

/*=====LANDING PAGE======*/
.landing {
    padding-top: 100px;
    padding-bottom: 0px;
    text-align: center;
    background-color:#EF3E36;
}

.landing div {
    padding-top: 30px;
    padding-bottom: 20px;
}

.landing div.border {
    border-style: solid;
    border-color: white;
    border-radius: 20px;
}

.landing label {
    font-size: 10px;
}

.landing input {
    background-color: white;
    border: 0;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-color: #EF3E36;
    color: #EF3E36;
    text-align: center;
}

.landingExtra {
    background-color: #F7F7F7;
    color: #202020;
}

.landingExtra h3 {
    color: #EF3E36;
      font-size: 1.25em;
      /* 20px */
      font-weight: 700;
      text-transform: uppercase;

}

/*===== What We Do =====*/
.video {
  background-color: #FFFFFF;
}
.video.wrapper {
  padding-bottom: 0;
}
.video h3 {
  color: #2A2A2A;
  font-style: italic;
  font-weight: 100;
}
.video .player {
  margin: 50px auto 0;
}

/*===== How it Works =====*/
.works .container {
  max-width: 480px;
}

.cycle {
  margin-bottom: 50px;
}
.cycle h3 {
  color: #202020;
  font-size: 1em;
  /* 16px */
  font-weight: 300;
}
.cycle .step,
.cycle .direction {
  display: inline-block;
  float: left;
  margin-top: 20px;
}
.cycle .step {
  width: 38.5%;
}
.cycle .direction {
  width: 20%;
}
.cycle .img_border {
  border: 2px solid #E0E0E0;
  border-radius: 10px;
  display: inline-block;
  height: 110px;
  width: 110px;
  position: relative;
}
.cycle .img_border img {
  max-width: 50px;
}
.cycle .no_border {
  width: 59px;
  height: 110px;
  margin: 0 auto;
  position: relative;
}

.arrow {
  background-image: url(../img/icon_arrows.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.arrow.up {
  background-position: -41px -80px;
  width: 19px;
  height: 41px;
}
.arrow.down {
  background-position: -2px -80px;
  width: 19px;
  height: 41px;
}
.arrow.right {
  background-position: -1px 0;
  width: 57px;
  height: 21px;
}
.arrow.left {
  background-position: -1px -36px;
  width: 57px;
  height: 21px;
}
.arrow.right_down {
  background-position: -18px -136px;
  width: 40px;
  height: 28px;
}
.arrow.left_up {
  background-position: -1px -172px;
  width: 40px;
  height: 28px;
}

/*===== Why Us =====*/
.why {
  background-color: #F7F7F7;
}
.why img {
  max-height: 100px;
}
.why h3,
.why p {
  color: #474747;
}
.why h3 {
  font-size: 1.25em;
  /* 20px */
}
.why .why_lists > div {
  margin-bottom: 30px;
  padding: 0 30px;
}

/*===== Schedule =====*/
.sched {
  background-color: #EF3E36;
  padding: 50px 0;
}
.sched h2 {
  color: #FFFFFF;
  font-size: 2em;
  /* 32px */
  font-weight: 400;
  margin-top: 0;
}
.sched .btn {
  margin: 15px 0 0;
}



/*===== Testimonials =====*/
.testi {
  background-color: #F7F7F7;
  color: #202020;
}
.testi h2 {
  margin-bottom: 100px;
}
.testi h3,
.testi h4,
.testi p {
  color: #202020;
}
.testi h3 {
  font-size: 1.25em;
  /* 20px */
  font-weight: 700;
  text-transform: uppercase;
}
.testi h4 {
  font-size: 0.9375em;
  /* 15px */
  font-weight: 400;
}
.testi .client {
  background-color: #FFFFFF;
  margin-bottom: 30px;
  padding: 60px 30px 30px;
  position: relative;
}
.testi .client-img {
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 98px;
  height: auto;
}
.testi .client.no_img {
  margin-bottom: 80px;
  padding-top: 30px;
}
.testi .quote-spacer {
  margin: 15px 0 25px;
  max-width: 40px;
}

/*===== Contact =====*/
.contact h2 {
  color: #474747;
  font-size: 2.3125em;
  /* 37px */
  margin-bottom: 0;
}
.contact h2 span {
  color: #EF3E36;
  font-weight: 700;
}
.contact h3 {
  color: #2A2A2A;
  margin-top: 10px;
  line-height: 1.5em;
}
.contact p {
  margin-top: 20px;
}
.contact label {
  color: #5C5F66;
  font-size: 0.78125em;
  /* 12.5px */
  font-weight: 600;
  letter-spacing: 2px;
}
.contact input,
.contact textarea {
  background-color: transparent;
  color: #2A2A2A;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #E0E0E0;
  font-size: 1.0625em;
  /* 17px */
  font-weight: 700;
  height: 45px;
  padding: 6px 0;
  margin-bottom: 30px;
  -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
  box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
}
.contact input:focus,
.contact textarea:focus {
  border-color: #EF3E36;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
  box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
}
.contact textarea {
  height: 60px;
  resize: none;
}

.contact-form {
  margin-top: 80px;
  margin-bottom: 50px;
}

/*===== Affiliate page ======*/
.affiliate .contact {
  background-color: #F7F7F7;
  padding-top: 120px;
}
.affiliate .contact h1 {
  color: #242424;
  font-size: 2.8em;
  /* 40px */
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.affiliate .contact h2 {
  color: #EF3E36;
  font-weight: 400;
}
.affiliate .contact .btn {
  margin-bottom: 0;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

footer {
  background-color: #242424;
  color: #FFFFFF;
  padding: 20px 15px;
}
footer img {
  max-height: 36px;
}
footer p {
  margin-top: 15px;
  margin-bottom: 0;
}

/*========================================================
    LAYOUT
    media queries
========================================================*/
/*****************************************************
    min-width 768px
******************************************************/
@media screen and (min-height: 730px) {
  .banner-content {
    padding: 150px 30px;
  }
}
@media only screen and (min-width: 768px) {
  /*====== Globals =====*/
  h1 {
    font-size: 2.875em;
    /* 46px */
  }

  p {
    font-size: 1.0625em;
    /* 17px | 1.25em 20px */
  }

  .wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  /*====== Header =====*/
  .header-logo {
    margin-left: 15px;
    padding: 19px 0;
  }
  .header-logo img {
    max-width: 127px;
    padding-top: 4px;
  }

  .main-menu {
    padding: 15px 0;
  }

  .navbar-brand {
    padding: 0;
    height: 28px;
  }

  .navbar-nav > li > a {
    font-size: 0.675em;
    /* 0.875em 14px */
    padding: 12px 5px 8px;
  }

  /*===== Main menu =====*/
  .navbar-fixed-top .navbar-collapse {
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-fixed-top .navbar-collapse .nav {
    background-color: transparent;
    border-top: none;
    margin-top: -4px;
    padding-right: 15px;
  }
  .navbar-fixed-top .navbar-collapse .nav .demo a {
    margin: 7px 5px 0;
  }

  /*====== Banner =====*/
  .banner {
    margin-top: 64px;
  }
  .banner h1 {
    font-size: 3em;
    /* 48px */
    margin-top: 10px;
  }
  .banner-content {
    margin: 0 auto;
    max-width: 765px;
    padding: 200px 30px 220px;
  }

  /*===== How it Works =====*/
  .works .container {
    max-width: 100%;
  }

  .cycle h3 {
    font-size: 1.125em;
    /* 18px */
  }
  .cycle .step,
  .cycle .direction {
    margin: 30px 0 20px;
  }
  .cycle .step {
    width: 20%;
  }
  .cycle .direction {
    width: 10%;
  }

  /*===== Why Us =====*/
  .why .why_lists > div {
    margin-bottom: 0;
  }

  /*===== Affiliate page =====*/
  .affiliate .outer-wrapper {
    min-height: 100vh;
  }
  .affiliate .contact {
    height: 100vh;
    margin-top: 0;
    padding: 0;
  }
  .affiliate .contact h1 {
    font-size: 3em;
    /* 48px */
    margin-top: 10px;
  }
  .affiliate .contact-content {
    margin: 0 auto;
    max-width: 765px;
    padding: 200px 30px 220px;
  }
  .affiliate .center_content {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .affiliate footer {
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  footer p {
    text-align: right;
    margin-top: 0;
  }
}
/*****************************************************
    min-width 992px
******************************************************/
@media only screen and (min-width: 992px) {
  /*====== Globals =====*/
  .wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /*====== Header =====*/
  .header-logo {
    margin-left: 30px;
  }

  /*** Main menu ***/
  .navbar-collapse .nav {
    margin-right: 0;
  }

  .navbar-nav > li > a {
    font-size: 0.825em;
    /* 1em 16px */
    padding: 10px 15px;
  }

  /*===== Main menu =====*/
  .navbar-fixed-top .navbar-collapse .nav .demo a {
    margin: 5px 10px 0;
  }

  /*====== Banner =====*/
  .banner {
    margin-top: 50px;
  }
  .banner h1 {
    font-size: 3.6em;
    /* 57.6px | 4.5em 72px */
  }
  .banner-content {
    max-width: 890px;
    padding: 230px 30px 250px;
  }

  /*===== How it Works =====*/
  .cycle .step,
  .cycle .direction {
    margin: 40px 0 20px;
  }

  /*===== Why Us =====*/
  .why h3 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  /*====== Footer =====*/
  footer {
    padding-left: 30px;
  }

  /*===== Affiliate page =====*/
  .affiliate .contact h1 {
    font-size: 3.6em;
    /* 57.6px | 4.5em 72px */
  }
}
/*****************************************************
    min-width 1200px
******************************************************/
@media only screen and (min-width: 1200px) {
  /*====== Globals =====*/
  /*====== Header =====*/
  .navbar-nav > li > a {
    font-size: 1.0625em;
    /* 17px */
  }

  /*====== Banner =====*/
  .banner {
    margin-top: 50px;
  }
  .banner h1 {
    font-size: 4em;
    /* 64px | 4.5em 72px */
  }
  .banner-content {
    max-width: 1000px;
    padding: 240px 30px 260px;
  }

  /*===== Schedule =====*/
  .sched .btn {
    margin: 0;
  }

  /*===== Affiliate page =====*/
  .affiliate .contact h1 {
    font-size: 4em;
    /* 64px | 4.5em 72px */
  }
  .affiliate .contact .intro_heading {
    margin: 0 auto;
    max-width: 1000px;
  }
}
/*****************************************************
    min-width 1300px and up
******************************************************/
@media screen and (min-width: 480px) {
  /*====== Header =====*/
  .header-logo img {
    max-width: 100%;
    padding-top: 0;
  }
}
/* iphone 5 landscape */
@media screen and (height: 320px) and (width: 568px) {
  .banner {
    height: 450px;
  }
}
@media screen and (max-height: 750px) {
  /*===== Affiliate page =====*/
  .affiliate .contact h1 {
    font-size: 2.5em;
    /* 32px */
  }
  .affiliate .contact h2 {
    font-size: 1.85em;
    /* 29.6px */
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1370px;
  }

  /*===== What We Do =====*/
  .video .player {
    max-width: 1450px;
  }
}
@media screen and (min-width: 1900px) {
  /*===== What We Do =====*/
  .video .player {
    max-width: 1700px;
  }
}
@media screen and (min-width: 2560px) {
  /*===== What We Do =====*/
  .video .player {
    max-width: 2300px;
  }
}

/*# sourceMappingURL=style.css.map */

.inputCalc{
    background-color: #EF3E36;
    border: 0;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-color: white;
    color: white;
    text-align: center;
}

.inputCalc::Placeholder{
    color: lightcoral;
    text-align: center;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.modal-header {
    text-align: center;
}

.modal-body {
    text-align:center;
}

.revenue {
    color: #EF3E36;
    font-weight:900;
    font-size:28px;
}