/*global*/
html{font-family: 'Montserrat', sans-serif;-webkit-tap-highlight-color: transparent;font-weight: 500}
.scroll-to-form{cursor: pointer;    color: inherit;}

.justify{text-align:justify}
.no-margin{margin:0px}
.noscroll {overflow: hidden;}
.center-margin{margin: 0px auto !important}
.stop-scrolling {
  overflow-x: hidden;
}
.uppercase{text-transform: uppercase;}
.clr-back-darkgrey{background-color:#404040 !important}
.clr-back-lightpink{background-color:#fbd2d6 !important}
.clr-back-pink{background-color:#d28480 !important}

::-webkit-scrollbar {width: 14px;height: 14px;}
::-webkit-scrollbar-button {width: 0px;height: 0px;}
::-webkit-scrollbar-thumb {background: #404040;border: 0px none #ffffff;border-radius: 0px;}
::-webkit-scrollbar-thumb:hover {background: #404040;}
::-webkit-scrollbar-thumb:active {background: #404040;}
::-webkit-scrollbar-track {background: #e6e6e6;border: 0px none #ffffff;border-radius: 0px;}
::-webkit-scrollbar-track:hover {background: #a8a8a8;}
::-webkit-scrollbar-track:active {background: #cfcfcf;}
::-webkit-scrollbar-corner {background: transparent;}

.main-text{font-size:18px}

@media only screen and (min-width: 1200px) {/*med desktop*/
  .container{width:60%}
}
@media only screen and (max-width: 600px) {/*small mobile*/
  .container{width:100%}
}
:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

/*fonts

font-family: 'Architects Daughter', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

*/

/*svg icons*/
.svg-icon{display:block}
.svg-icon.pink-icon path{fill:#ec4657}
.svg-icon.lighpink-icon path{fill:#d28480}
.svg-icon.black-icon path{fill:#000}
.white-icon path{fill:#fff}

.feature-icon-color path{fill:#d28480}
  @media only screen and (max-width: 992px) {/*mobile*/
    .feature-icon-color path{fill:#fff}
  }


/*nav*/
nav {height:auto;line-height: 40px;background-color: rgb(255 255 255 / 76%) !important;box-shadow: none}
nav ul a {color: #000;text-transform: none;font-weight: 300}
nav ul a:hover {background-color: #fff;}

nav .sidenav-trigger{height: 40px;}
.navbar-fixed  .collection,.navbar-fixed ul{text-transform: uppercase;font-weight: bold;}

@media only screen and (min-width: 993px) {/*desktop*/
  .nav-wrapper ul{display: flex;justify-content: center;}
}
@media only screen and (max-width: 992px){/*mobile*/
  .nav-wrapper{max-width: 100%;margin: 0px auto;}
}


.brand-logo svg{    height: 40px;padding: 7px;}
/*mobile nav*/
.sidenav-trigger  svg {height: 40px;padding: 2px;}
.navbar-fixed  .collapsible{margin:0px;box-shadow: none !important;    -webkit-box-shadow:none !important}
.navbar-fixed  .collapsible-header{display:none !important;line-height: 0px !important;border-bottom:0px}
.navbar-fixed{height:0px;}

.collapsible li.active{background-color: rgb(255 255 255 / 90%);box-shadow: 0px 10px 8px 1px rgb(0 0 0 / 15%);}


@media only screen and (min-width: 993px) {/*desktop*/
  #nav-mobile {display: none}
}
/*buttons*/

.btn-row{display: flex;flex-wrap:wrap}
.btn-row .btn-buy-new {  margin: 0px auto !important;}
.btn-buy-new,.btn-buy-new:hover{  -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn-buy-new{
  background-image:url('../images/back0-btn.png');background-color: #eb000d;border:2px solid #eb000d;background-size: 150%;
padding: 10px;
border-radius: 5px;
display: flex;
align-items: center;
text-align: center;
color: white;
text-decoration: none;
text-transform: uppercase;
font-weight: bolder;
font-size: 14px;
}
.btn-buy-new:hover{color: #eb000d;background-color: white;background-image:none;border:2px solid #eb000d}

.btn-nav{padding: 0px 10px;}

@media only screen and (min-width: 993px) {/*desktop*/
  .btn-nav{transform: scale(0.9);}
}
@media only screen and (max-width: 992px) {/*mobile*/
  .btn-nav{border-radius:0px }
}

/*main header*/
.main-header{text-align: center;color:#333;font-family: 'Roboto', sans-serif;}
.main-header h5{text-transform: uppercase;font-size: 40px;margin: 0px;font-weight: 800;font-family: "Montserrat", sans-serif;}
.main-header span{font-weight: 500;font-size: 21px;line-height: 26px;margin-top: 5px;display: block;font-family: "Montserrat", sans-serif;}

@media only screen and (max-width: 992px) {/* mobile*/
.main-header h5{font-size: 30px;}
.main-header span{font-size:18px}
}
.main-header-fancy{position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color:#445358;font-family: 'Architects Daughter', cursive;    width: 100%;}
.main-header-fancy h5{font-size:2.5vw;text-transform: uppercase;margin: 0px;font-weight: 300;}
.main-header-fancy h4{font-size:3.5vw;text-transform: uppercase;margin: 0px;font-weight: 600;}
@media only screen and (max-width: 992px) {/* mobile*/
.main-header-fancy h5{font-size:25px;}
.main-header-fancy h4{font-size:35px;}
}

/*backgrounds*/
.background1{background: url('../images/back1.jpg');background-color: #fff;background-repeat: no-repeat; background-size: cover;    background-position-x: 15%;background-position-y: top;    min-height: 934px;padding-top: 50px;}
@media only screen and (max-width: 1200px) {/* mobile*/
    .background1{background-size: contain;}
}

@media only screen and (max-width: 600px) {/*x mobile*/
.background1 {
    background-size: 160%;padding-top:82px}
  }



.background2{background: url('../images/back2.jpg');background-color: #fff;background-repeat: no-repeat; background-size: cover;    background-position-x: center;background-position-y: top;}
@media only screen and (min-width: 1201px) {/* mobile*/
    .background2{min-height: 1134px;}
}
@media only screen and (max-width: 1200px) {/* mobile*/
    .background2{    background-position-x: 80%;min-height: 930px}
}

@media only screen and (max-width: 600px) {/*x mobile*/

  }
@media only screen and (max-width: 400px) {/*xs mobile*/

}


.background5,.background4,.background3{position: relative;display: flex;align-items: center;}


.background44{background: url('../images/back4.jpg');background-color: #fff;background-repeat: no-repeat; background-size: cover;    background-position-x: center;background-position-y: top;    min-height: 898px;}


@media only screen and (max-width: 600px) {/*x mobile*/
.background44{    min-height: 610px;}
}

.background6{background: url('../images/back6.jpg');background-color: #fff;background-repeat: no-repeat; background-size: cover;    background-position-x: center;background-position-y: top;    min-height: 1030px;padding-top: 200px;}
@media only screen and (max-width: 992px) {/* mobile*/
    .background6{background-position-x: 15%;}
}
@media only screen and (max-width: 600px) {/*x mobile*/
.background6 {
    background-size: 160%;padding-top:100px}
  }
@media only screen and (max-width: 400px) {/*xs mobile*/
  .background6 {background-position-x: 12%;
    background-position-y: 5%;}
}

/*header fancy*/

.header-fancy {position: relative;width:100%;text-align: center;}
.uppercase{text-transform:uppercase}
.hf-top{text-align: center;margin-left: -16%;position: relative;}
.hf-line1{color:white;display:block;font-size:40px;font-family: 'Roboto ', sans-serif;}
.hf-line2{color:#ff9b02;display:block;font-size:42px;    line-height: 30px;font-weight:600;font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px 2px black;}

.hf-line3{color:white;display:block;   margin-top: 0px;font-size: 35px;font-weight: 300;    right: 50%;position:absolute;font-family: 'Roboto Condensed', sans-serif;}
.hf-line3 img{width: 45px;display: block;margin-top: -10px;}

.hf-line4{    color: #ff9b02;
    text-shadow: 1px 1px 4px black;
    display: block;
    font-style: italic;
    letter-spacing: -4px;
    transform: skew(0deg, -6deg);
    position: relative;
    top: 0px;
    font-size: 40px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    font-size: 100px;}
.hf-line4 span{font-size: 130%;}




.hf-line5{margin-top: -35px;margin-left: 8vw;color: black;position: initial;font-size: 25px;text-align: center;    font-weight: 600;}
@media only screen and (min-width: 1200px) {/*desktop*/
 .hf-line4{letter-spacing: -10px; }
}
@media only screen and (min-width: 993px) {/*desktop*/
 .hf-line4{margin-bottom: -34px;}
}



@media only screen and (max-width: 992px) {/*mobile*/
  .hf-line1{font-size: 4vw;}
  .hf-line2{font-size: 4.4vw; line-height: 13px}
  .hf-line3{margin-top: 1vw;font-size: 3vw;}
  .hf-line4{font-size: 8vw;margin-top: 5%;}
  .hf-line5{margin-top: 0.6vw;right: 3%;font-size: 2vw;}
  .header-fancy{margin-bottom:10px}
}
@media only screen and (max-width: 600px) {/*x mobile*/
  .header-fancy{padding-left: 110px}
  .hf-line1{font-size: 20px;}
  .hf-line2{font-size: 25px;}
  .hf-line3{margin-top: 0px;font-size: 23px;}
  .hf-line4{font-size: 48px;margin-top: 5px;}
  .hf-line5{font-size: 15px;margin-top:-10px;display: block;}
  .header-fancy{margin-bottom:0px}
}
@media only screen and (max-width: 390px) {/*x mobile*/
  .header-fancy{    transform: scale(0.85);
    left: 7%;}
  .header-fancy{padding-left: 0px}
  .hf-top{    margin-left: 7%;}
}

/*home section*/
#home .container,#form .container{width: 95%;}
#home .form-arrow{right:-20px}
.arr-form2{display:none}

@media only screen and (max-width: 1200px){
    #form .form-arrow{right:00px}
}
@media only screen and (max-width: 600px){
    #home .form-arrow{display:none}
    #form .arr-form1{display:none}
    #form .arr-form2{display:block;    top: -182px;right: -13px;}
}
@media only screen and (max-width: 400px){
    #home .container{width: 100%;}

    #form .arr-form2{    max-width: 70px;}
}


.form-img-prod-top{position: absolute;left: 0px;width: 100%;max-width: 40%;z-index: 3;max-height: 430px;    object-fit: contain; }
.head-list li{background: url('../images/head-back.png');background-repeat: no-repeat; background-size: 100% 100%;display: flex;align-items:center;min-height:125px;padding-right: 35px;    margin-bottom: -10px;}
.head-list span{margin:0px;font-size:18px;text-align: left;}
.head-list b{display:block;font-size:20px}
.head-list p{margin:0px;font-size:14px;line-height: 15px}
.head-list {padding-left:21% !important}

@media only screen and (min-width: 710px) {/* desktop*/
    .head-list li{padding-left:18% !important}
}
@media only screen and (max-width: 709px) {/* mobile*/
    .form-img-prod-top{max-width: 37%;min-height: 284px;}
    .head-list li{min-height:90px;padding: 0px;    padding-left: 17%;    background-size: 100% 100%;}
    .head-list b {font-size: 17px;}
    .head-list li img{width:20px !important}
}
@media only screen and (min-width: 1201px) {/*x desktop*/
    .head-list{padding-left:40% !important}
    .head-list li{padding-left:11% !important}
    .form-img-prod-top {left: -210px;max-width: initial;max-height: 461px;margin-top: -10px;}
}
@media only screen and (max-width: 992px) {/* mobile*/
  .head-list li{ min-height: 86px;}
  .form-img-prod-top{max-height: 320px;    object-fit: contain; }
}
@media only screen and (max-width: 600px) {/*x mobile*/
  .head-list li{ min-height: 50px;margin-bottom: -5px;    padding-left: 14%;}
  .head-list b {font-size: 14px;    line-height: 13px;    text-align: center;    padding-right: 31px;}
  .form-img-prod-top{margin-top:0%;min-height: 190px;    object-fit: contain;    margin-left: -20px;}
}
@media only screen and (max-width: 400px) {/* mobile*/
    .head-list b{width: 196px;}
        .head-list{padding-left:28% !important}

}
@media only screen and (max-width: 362px){
    .head-list b{width: 100%;}
}


.claim-head-mobile{position:relative}
.claim-head-mobile img{position:absolute;right:0px;width:50px;    top: -130px;}
.claim-head-mobile h5{font-weight: 800;color:#1f96d1;    letter-spacing: -2px;
    font-size: 27px;
    margin: 25px 0px 10px;}

.limited-head{font-family: 'Architects Daughter', cursive;font-size: 20px;color: #ff0553;transform: skew(0deg, -6deg);position: absolute;z-index: 9;font-weight: 400;right: 40px;text-align: right;text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;}

.arr-right{clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);}
.arr-left{clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 5% 100%, 0% 50%, 5% 0%);}
@media only screen and (min-width: 1201px) {/* desktop*/
    .arr-left{    width: 100%;
    max-width: 350px;}
  }
.arrow-box{background-color:#ff0553;display:block;text-align: center;color:white;padding:10px 16px;margin:10px 0px;position: relative;z-index: 1;}
.arrow-box h5{font-weight:800;font-size:34px;margin:0px;text-transform:uppercase;}
.arrow-box .arr-btm-text{color:black;font-size:22px;text-transform:uppercase;}
.arrow-box .arr-top-text{color:white;font-size:17px}



@media only screen and (min-width: 401px) {/* mobile*/
  .form-img-prod-top-mob{display: none}
    .form-img-prod-top-desk{display: block}
}
@media only screen and (max-width: 400px) {/* mobile*/
  .form-img-prod-top-desk{display: none}
  .claim-head-mobile h5{font-size: 21px;}
        .claim-head-mobile img {
    position: absolute;
    right: -6px;
    width: 65px;
    top: -172px;

}



.form-img-prod-top {
  margin-top: -2%;
  min-height: 167px;
  object-fit: contain;
  margin-left: -2px;
  max-width: 39%;
}}

@media only screen and (max-width: 380px){
        .claim-head-mobile img {
            position: absolute;
            right: -6px;
            width: 60px;
            top: -133px;
        }
}


@media only screen and (max-width: 992px) {

  .arrow-box h5{font-size:5vw}
  .arrow-box .arr-btm-text{font-size:3vw}
  .arrow-box .arr-top-text{font-size:3vw}
}

/*about section*/
#about {padding:40px 0px}


#about .sub-header-blue{font-size:25px;color:#32bcf9;text-align: left;text-transform: initial;margin:0px;   font-family: "Montserrat", sans-serif;font-weight:800; }
#about .sub-header-orange{color:#ff9a03;text-align: left;margin:0px;font-weight:400;    font-family: "Montserrat", sans-serif;}
#about .sub-header-orange b{font-weight: 600}

#about .row{    display: flex;
    flex-wrap: wrap;
    align-items: center;}
.product-about{width: 100%;
    margin: 10px auto;
    padding: 20px;
    display: block;max-width: 400px;    }
    @media only screen and (min-width: 1201px) {
      .product-about{transform: scale(1.3);}
    }
    @media only screen and (max-width: 992px) {
      #about p{text-align: justify;}
      #about .sub-header-blue,#about .sub-header-orange{text-align: center;    display: block;}
      #about {padding:10px 0px}
      .product-about-img{
          max-width: 300px;}
    }


    /*proof section*/
    #proof .container {
    width: 95%;
}
    #proof{position: relative;    display: flex;align-items: center;}
    #proof h2{color:white;font-style:italic;font-weight:800;margin:0px;  }
    @media only screen and (min-width: 993px) {
      #proof h2{font-size: 88px;
    letter-spacing: -2px;}
      .proof-p1,.proof-p2{padding:0px 120px}
    }
.proof-p1{font-weight: 300;
    font-family: "Roboto Condensed";margin-top: 0px;
    font-size: 25px;
    line-height: 25px;
}
.proof-p2{font-weight: 500;
font-family: "Roboto Condensed";font-size:15px;
}
    #proof-prod{margin-top: -12%;;position: relative;    padding-bottom: 55px;}
    #proof-prod .container{display: flex;align-items: center;    justify-content: center;}
    @media only screen and (max-width: 992px) {
      #proof-prod{margin-top: -25%; padding-bottom: 50px;}
    }
    @media only screen and (max-width: 700px) {
      #proof-prod{margin-top: -35%; padding-bottom: 50px;}
    }
    @media only screen and (max-width: 500px) {
      #proof-prod{margin-top: -55%; padding-bottom: 50px;}
    }
/*how it works section*/
.work-img-mob{max-width:350px;width:100%;margin:0px auto;display:block}
.work-head-btm{font-size: 25px;font-weight:300;font-family: "Montserrat", sans-serif}
.work-head-btm span{color:#ff6601;font-weight:bold;display:block;margin-top:10px}

    .divider-vs{text-align:center;margin:10px auto;display:block}
    .divider-vs span{background:#02c3ff;color:white;border-radius:100%;padding:10px;text-align:center;font-size:20px;line-height:20px;font-weight:bold;margin:0px auto;position:relative;z-index:9}
    .divider-vs hr{border-color: #02c3ff;position: relative;top: -18px;z-index: 3;border-width: 1px;border-style: solid;}



/*burn section*/
#burn .container{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);    display: flex;align-items: center; }
.back3-img{width:100%;position:relative}
@media only screen and (max-width: 992px) {
  .back3-img{min-height: 503px;object-fit: cover;}
  #burn .container{flex-wrap: wrap;    justify-content: center;}
}


.burn-product{max-height:300px;object-fit:contain}
.main-header-burn{text-align: center;background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,0.6362920168067228) 0%, rgba(255,0,4,0) 21%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,0.6362920168067228) 0%, rgba(255,0,4,0) 21%);
background: radial-gradient(circle, rgba(255,255,255,0.6362920168067228) 0%, rgba(255,0,4,0) 21%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ff0004",GradientType=1);}
.main-header-burn h5{font-size: 28px;margin: 13px;margin-top: -10px;font-weight: 800;font-family: "Roboto Condensed", sans-serif;}
.main-header-burn h4{font-size: 4vw;margin: 0px;font-weight: 800;font-family: "Montserrat", sans-serif;    background: -webkit-linear-gradient(#1958a9, #2095cd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
@media only screen and (max-width: 992px) {
  .burn-product{width:40%;object-fit:contain}
  .main-header-burn h4{font-size: 35px;}
  .main-header-burn{text-align: center;;}
}


/*get section*/
#get{margin-top: -170px;      bottom: -80px;
    position: relative;}
#get .sub-header-blue{font-weight: 800;text-align: center;}
#get .btn-buy-new{max-width:200px;margin:10px auto;text-align:center;font-size: 22px;display: block;}
.product3-girl{max-width:400px;width:100%;margin:10px auto;display:block}
.checktick{width: 20px;height: 20px;margin-top: -4px;display: inline-block;vertical-align: middle;}
@media only screen and (max-width: 992px) {/*x mobile*/

  #get .sub-header-blue{text-align: left;}
  #get ul{    padding-inline-start: 20px;}
}
@media only screen and (max-width: 600px) {/*x mobile*/
#get .main-header span {
  padding: 0px 28px;}
  #get .main-header span span{display: block}
}
/*ingr section*/
#ingr{display: flex;align-items: center;    width: 100%;    top: -60px;

    z-index: -1;
}

#ingr .container{ width: 85%;}
.ingr-row{display: flex;align-items: center;justify-content: center;margin-top:30px;flex-wrap: wrap;}
.ingr-box{text-align: center;font-size:18px;font-weight: 600;width:100%}



@media only screen and (min-width: 601px) {/*x mobile*/
  .ingr-box{width:18%;margin:10px}
}
.ingr-box img{border-radius: 100%;box-shadow: 5px 5px 10px black;width:100%;max-width: 230px;margin:0px auto;display:block;margin-bottom:10px}


.slick-nav{display: none;}
@media only screen and (max-width: 1200px) {/*x mobile*/
  .slick-nav{display: block;}
}
.prev_slick{position: absolute;left: 0px;top: -190px;}
.next_slick{position: absolute;right: 0px;top: -190px;}
@media only screen and (max-width: 1200px) {/*x mobile*/
  .slick-nav{display: block;}
}
@media only screen and (max-width: 600px) {/*x mobile*/
  .prev_slick{left: -20px}
  .next_slick{right: -20px}
  .ingr-box img{ max-width: 200px;}
}


.back4-img{width:100%;position:relative}
@media only screen and (max-width: 992px) {
  .back4-img{min-height: 503px;object-fit: cover;}
}

/*cert section*/
#how{    margin-top: -50px;
    position: relative;}

#how .btn-buy-new{max-width:200px;margin:10px auto;text-align:center;font-size: 22px;display: block;}
.sub-header-blue{font-size:25px;color:#32bcf9;text-align: left;text-transform: uppercase;margin:0px;font-weight:400;    font-family: "Montserrat", sans-serif;}
.cert-img{width: 100%;
    margin: 10px auto;
    padding: 20px;
    display: block;}

    @media only screen and (max-width: 992px) {
      #how {padding:10px 0px}
      .cert-img{
          max-width: 300px;}
    }

/*natural section*/
.back5-stamp{max-width:350px;width:100%;margin:10px auto;display:block}
.back5-img{width:100%;position:relative}
@media only screen and (max-width: 992px) {
  .back5-stamp{max-width:300px;width:100%;margin:10px auto;display:block}
  .back5-img{min-height: 503px;object-fit: cover;}
}
/*reviews*/
#reviews{margin-top: -70px;
    position: relative;}

/*form bottm*/
.form-img-prod{max-width: 400px;width: 100%;}
.form-img-stamp{max-width: 260px;width: 100%;}
@media only screen and (min-width: 1201px) {/*desktop*/
#home   .form-img-stamp{margin-top:-100px}
  #home #billing_fname{margin-top:10px !important}
    #home input{margin: 0 0 25px 0 !important;}
  #home  .form-middle {
    margin: 16px auto;}
}
@media only screen and (min-width: 993px) {/*desktop*/
  .form-row-bottom{display: flex;flex-wrap: wrap;align-items: center;}
  input{    height: 46px !important;
      font-size: 18px !important;
      margin: 0 0 16px 0 !important;}
}
@media only screen and (max-width: 992px) {/*mobile*/
.form-img-prod{float:right}
}
.form-container{position: relative}
.form-arrow{position: absolute;top: -120px;right: -60px;width:100%;max-width: 100px;}
@media only screen and (max-width: 600px) {/*x mobile*/
  .form-arrow{right: 0px;}
}
/*footer*/
footer{margin:50px 0px 20px}

@media only screen and (min-width: 993px) {/*desktop*/
  footer p{padding:0px 100px}
}