@import 'reset.css';


.steps {
  color: #fff; }

.lgrey {
  color: #969696; }

.white {
  color: #fff; }

.btn {
  padding: 7px 30px;
  border-radius: 30px;
  font-size: 1rem;
  border: none;
  transition: .3s; }

.btn-2x {
  transform: scale(1.2); }

.btn-3x {
  transform: scale(1.3); }

.btn-medium {
  padding: 7px 45px;
  font-size: 18px; }

.btn-blue {
  background-color: #007bff;
  color: #fff;
  border: 1px solid #007bff; }

.btn-blue-contra {
  background-color: #007bff;
  color: #fff;
  border: 1px solid #007bff; }

.btn-purple {
  background-color: purple;
  color: #fff; }

.btn-clear-w {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff; }

.btn-clear-b {
  background-color: transparent;
  border: 1px solid #121212;
  color: #121212; }

.btn-clear-b:hover {
  background-color: #000!important;
  border: 1px solid #121212;
  color: #FFF; }

.btn-content {
  margin: 30px 0; }

.btn:hover {
  opacity: .9; }

.btn-clear-w:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.btn-clear-b:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.btn-blue:hover {
  background-color: transparent;
  color: #007bff;
  border: 1px solid #007bff; }

.btn-blue-contra:hover {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff; }

.container {
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 1140px; }


.steps { min-height: auto; }
.steps-content { padding-bottom: 20px; }
.steps-block { padding: 35px 15px 0 15px; }
p { margin-top: 10px; }

.price {
  vertical-align: middle;
  padding-left: 20px;
  display: inline-block; }

.disclaimer {
  max-width: 960px;
  margin: 0 auto;
  padding: 30px; }

.product-spec { padding: 20px 0; }
.product-image img { margin: 0 auto; }



.spec li.item {
  font-weight: 300; }

.spec li.item::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background-image: url('../img/tick_grey.png?');
  margin-right: 10px;
  opacity: .5;}

.spec li.item__empty::before, .spec-w li.item__empty::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background-image: none;
  margin-right: 10px; }

.spec-w li.item::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background-image: url('../img/tick_black.png?');
  margin-right: 10px;
  opacity: .2;}


.steps { color: #fff; }
.lgrey { color: #969696; }
.white { color: #fff; }




body, html {
  line-height: 1.45;
  font-family: "Nunito", sans-serif;
  font-size: 16px !important; }





.small { font-size: .85rem; }
.normal { font-size: 16px; }
.medium { font-size: 20px; }
.large { font-size: 27px; }
.xlarge { font-size: 2.25rem; }

.xthin { font-weight: 200; }
.thin { font-weight: 300; }
.regular { font-weight: 400; }
.semi { font-weight: 600; }
.bold { font-weight: 700; }
.thinw { font-weight: 200; }
.regularw { font-weight: 300; }
.semiw { font-weight: 500; }






.strike {
  text-decoration: line-through;
  opacity: .5; }


.steps { color: #fff; }
.lgrey { color: #969696; }
.white { color: #fff; }

.dots::before {
  content: ":";
  float: left;
  font-size: 40px;
  opacity: 1;
  padding-top: 10px; }

.hr-line { max-width: 80%; }





.landing-page {
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.steps {
  background-image: url("../img/123_bg.jpg?");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }

.logo-small {
  max-height: 85px; }

.logo-medium {
  max-height: 100px; }

.logo-large {
  max-height: 150px; }

.product-spec li:before {
  content: '- '; }

.bg-1 {
  background-image: url("../img/hero_bg_full.jpg?");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.bg-2 {
  background-image: url("../img/prod_2_bg_full.jpg?");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.bg-3 {
  background-image: url("../img/footer_bg_fulll.jpg?");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.bg-4 {
  background-image: url("../img/prod_4_bg_full.jpg?");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }


.bgc_1 {
  background: #f9f9f9;
}

.bgc_footer {
  background: #f9f9f9;
  position: relative;
}




.mw-12 {
  max-width: 1200px;
  margin: 0 auto; }

.hero-btn {
  position: relative;
  bottom: 100px;
}


.countdown__timer {
  color: #FFF;
}

.header__bar {
  background: #000; }

.img__lift {
  max-height: 620px;
  position: relative;
  transform: scale(1.15);
}

.img__lift--social {
  max-height: 500px;
  position: relative;
  transform: scale(1.15);
  bottom: 0;
  z-index: 10;
}

h2.days, h2.hours, h2.minutes, h2.seconds {
  font-size: 2.75rem;
}

.mobile__padding {
  padding: 200px 0; }

.section__spec {
  
}
 



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



@media (max-width: 991px) {
  .tcm {
    text-align: center !important; }

  ul li {
    justify-content: center; }

  body, html {
    line-height: 1.55;
    font-size: 14px !important; }

  .container {
    border: none; } 
  
  .bg-1 {
    background-image: url("../img/hero_bg_full.jpg?");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom; }

    .img__lift {
      max-height: 500px;
      position: relative;
      transform: scale(1);
      padding: 30px 0;
    }

    .img__lift--social {
      transform: scale(1);
    }

    .spec, .spec-w {
      font-size: .85rem;
      display: flex;
    }

    .bg-4 {
      background-image: url("../img/prod_4_bg_full_mobile.jpg?");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center right; }


}





@media (max-width: 768px) {

  .bg-1 {
    background-image: url("../img/hero_bg_full_mobile.jpg?");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom; }


  #countdown {
    transform: scale(.8);
  }

  .xlarge {
    font-size: 3rem;
  }

  .nobr	{ white-space:nowrap; }

  .resize__mobile--large {
    font-size: 28px; }

  .hero-btn {
    bottom: 40px!important; }

  .mobile__padding {
    padding-top: 10px;
    padding-bottom: 240px; }

}


@media (min-width: 768px) and (max-width: 991.98px) {
    /* .spacing {
      padding-top: 200px;
    } */

    .hero-btn {
      bottom: 75px!important; }
 }