@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,800,0,700;1,400&display=swap');

@keyframes slideinleft {
  from {
    transform: translateX(-10vw);
    opacity: 0;
  }

  to {
    transform: translateX(0vw);
    opacity:1;
  }
}

@keyframes slideinright {
  from {
    transform: translateX(10vw);
    opacity: 0;
  }

  to {
    transform: translateX(0vw);
    opacity:1;
  }
}

@keyframes slideinup {
  from {
    transform: translateY(15vw);
    opacity: 0;
  }

  to {
    transform: translateY(0vw);
    opacity:1;
  }
}

@media only screen and (max-width:800px){
  .site-main {padding-top:70px;}
}



body .product-single__tools .product-single__show-video {
    background-color: #2c5099;
    color: white;
}

body .product-single__tools .product-single__show-video:before {
    background-color: #55565b;
}




.slide-in-left {
	animation-duration: 2s;
  animation-name: slideinleft;
  animation-fill-mode: forwards;
}

.slide-in-right {
	animation-duration: 2s;
  animation-name: slideinright;
  animation-fill-mode: forwards;
}

.slide-in-right2 {
	animation-duration: 3s;
  animation-name: slideinright;
  animation-fill-mode: forwards;
}

.slide-in-up {
	animation-duration: 2s;
  animation-name: slideinup;
  animation-fill-mode: forwards;
}

.header__mobile {display: none !important;}


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

  .slide-in-left {
    animation-name: none;
    opacity:1 !important;

  }

  .slide-in-right {
    animation-name: none;
    opacity:1 !important;
  }

  .slide-in-right2 {
    animation-name: none;
    opacity:1 !important;
  }

  .slide-in-up {
    animation-name: none;
    opacity:1 !important;
  }
  s{
  color:red !important;
  }

}



html {
    width: 100%;
}




img.kl-private-reset-css-Xuajs1-2 {width:25px !important;}

.site-logo {width: 340px !important;}
.site-main {border-bottom: 0px !important;}

.main-logo-cont {position:absolute; margin-left:10%;} 
    
/* body h1,h2,h3,h4,h5,p {font-family: 'montserrat', 'helvetica', sans-serif !important;} */

.site-header__main .header-main-row {align-items:center;}

    .site-nav__link {font-family: "montserrat", 'helvetica', sans-serif !important;}
    .head-right {position: static !important; right: 0 !important;}
    body .head-btn {font-size: .7rem; font-weight: 800; padding: 0.8rem 1rem; margin-left:20px; margin-right:5px;text-transform: capitalize;border: 2px solid #2C4F99;}
    a.bos-btn.head-btn:hover {
    background: transparent;
    color: #2C4F99 !important;
}
    .account-head {font-family:'montserrat', 'helvetica', sans-serif !important; text-transform: capitalize !important;}
/*     #site-content {margin-bottom: 475px !important;} */
    .mm-menu .listitem {margin-bottom: 2rem !important; overflow: visible !important;}
body .product__item .product__price {max-width:70%;}

body .blue-text {font-weight:700; color:#2C4F99;}


@media only screen and (max-width: 1355px) {
  body .header__widget .col-12 {display: block !important;}
  body .site-header__main {padding: 25px 50px 25px 0px !important;}
}

@media only screen and (max-width: 1450px) {
  body .site-nav--has-dropdown:not(.site-nav--has-dropdown-100) .site-nav__dropdown.d-position-left {left: -100px !important;}
}

@media only screen and (max-width: 990px) {
  .header__mobile {display: block !important;}
}

@media only screen and (max-width: 800px) {
  .mobile-header__logo img {max-height:none !important;}
}

  .site-nav__dropdown .column+.column {margin-top:0 !important;}
  .meg-links {text-align: left;}
  .meg-links h4 {font-size: 1rem; font-weight: 700; margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px solid lightgray; width: fit-content; text-align: left;}
  .meg-links li {font-size: .9rem; text-align: left;}
  body .meg-links a {color: black !important; transition: .2s; text-align: left;}
  body .meg-links a:hover {font-weight: 700; color: #6DA541 !important;}

    
   .mobile {display:none !important;}

    @media only screen and (max-width: 1025px) {
      .desk {display: none !important;}
      .mobile {display: block !important;}
      #site-content {margin-bottom: 0px !important;}
    }


@media only screen and (max-width:1025px) {
	.meg-links h4 {font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px solid lightgray; width: fit-content; text-align: left;}
    .meg-links li {font-size: 1.2rem; line-height: 2.5rem; text-align: left;}
}


.minicart.minicart-sidebar .cart__content {max-height: 80% !important;}

.site-navigation .site-nav__item a {transition: .2s;}
body .site-navigation .site-nav__item:hover a {
  color: #000000;
  font-weight:500;
}
.site-nav__dropdown .submenu>li a{
  font-weight:400 !important;
}
body .site-navigation .site-nav__item:hover{
  list-style:disc;
}

.site-nav__dropdown .submenu>li:hover{
  list-style:disc !important;
}
 .site-nav__dropdown .submenu>li:hover a{
   font-weight:500 !important;
 }

body .spacing-30 .site-navigation .site-nav__item { padding:10px; padding-right:15px;}

.product__item .product__price {text-align:left; margin: 15px 0; transition: .2s;}
.product:hover .product__item .product__price {color:#6DA541;}
.podcast-link {width: 25%; margin-left: 2rem; opacity: .5; transition:.2s;}
.podcast-link:hover {opacity:1; cursor: pointer;}


@media only screen and (max-width: 1600px) {
  .site-navigation .site-nav__item {font-size: 0.9vw; padding-right: 8px !important;}
  .site-header__main .customer__link {font-size: 1.1vw; margin-top:.4rem;}
}

@media only screen and (max-width: 1430px) {
    .site-header__main .container {
      padding-left: 15px;
        padding-right: 15px;
    }
  body .spacing-30 .site-navigation .site-nav__item {font-size:12px !important;}
  
  .spacing-30 .site-navigation .site-nav__item {padding-right:15px;}
  body .head-btn {padding: .8rem;}
  .header__widget:nth-of-type(2){display:none !important;}
  body .site-logo {width: 260px !important;}
  .header__widget .col-12 {display:none!important;}
  .head-right {top: -25% !important;}
}




.site-nav--has-dropdown:not(.site-nav--has-dropdown-100) .site-nav__dropdown.d-position-left {
  }
  .navprod-wrap {display: flex; justify-content: center; width: 100%;}
  .navprod {width: 9rem; margin:0 2%;}
  .navprod img {width: 90%; height: auto; margin-bottom: 1vw; transition: .2s;}
  .navprod h4 {font-size:1.2rem; font-weight: 700; margin-bottom: .5vw; text-align: left; white-space: normal !important; transition: .2s; color:#54565b;}
  .navprod p {font-size: .8rem; line-height: 1rem; white-space: normal !important; text-align: left; margin-bottom: 10px; font-weight:400;}
  .navprod:hover img {}
  .navprod:hover h4 {color: #2C4F99;}

  .shop-link {color: #54565b; text-align: left; font-size: 14px; font-weight: 700; transition: .2s;}
  .navprod:hover .shop-link {color: #2C4F99;}

  @media only screen and (max-width: 900px){
    .navprod-wrap {flex-wrap: wrap; margin-bottom: 120px;}
    .navprod {margin-bottom: 2rem;}
  }


 .t-box {}
  .t-box h3 {font-size: 1.2vw; margin: 0 0 .5vw 0; padding:0; letter-spacing: 0 !important; color: #54565b;}
  .t-box h1 {font-size: 2.2vw; font-weight: 100; margin: 0 0 1rem 0; padding:0; letter-spacing: 0 !important; color: #54565b;}
  .t-box h2 { fot-weight:600; font-size:28px; line-height: 38px; padding:0; letter-spacing: 0 !important; font-family: 'montserrat'; color: #54565b;}
  .t-box h4 {font-size: .1vw; font-family: 'montserrat'; letter-spacing: .1rem; color: #54565b;}
  .t-box p {font-size: 18px; padding:0; font-weight: 400; font-family: 'montserrat'; letter-spacing: 0 !important;}
  .bos-btn {display: inline-block; padding: 0.8rem 2rem; background-color: #2C4F99; color: white !important; text-align: center; font-size: .9rem; text-transform: uppercase; font-weight:400; border-radius: 5px; letter-spacing: 0 !important; font-weight:600; transition: .2s;}
  .bos-btn:hover {background-color: #24427f;}



/* @media only screen and (max-width: 1025px) {
    .t-box h3 {font-size: 3.4vw; margin: 0 0 .5vw 0; padding:0; letter-spacing: 0 !important;}
    .t-box h1 {font-size: 10vw; line-height:11vw; font-weight: 100; margin: 0 0 4vw 0; padding:0; letter-spacing: 0 !important;}
    .t-box h2 {font-size: 4vw; line-height: 4vw; padding:0; letter-spacing: 0 !important; font-family: 'montserrat';}
    .t-box h4 {font-size: 2.8vw; font-family: 'montserrat'; letter-spacing: .2vw;}
    .t-box p {font-size: 4vw; line-height:7vw; padding:0; font-weight: 400; font-family: 'montserrat'; letter-spacing: 0 !important;}
} */



  @media only screen and (max-width: 1075px) {
    .bos-btn {font-size: .6rem; cursor: pointer;}
}
  .green-text {color: #6DA541 !important;}


  .home-hero {width: 100%; height:39.7vw; background: url('/cdn/shop/files/Home-HeroShot5.jpg?v=1597340486'); background-size:cover; position: relative; border-bottom: 15px solid #2C4F99; border-top: 15px solid #2C4F99;}
  .hero-text {width: 36%; position: absolute; top: 10%; left: 10%;}
  .hero-text h3 {color: #54565b; font-size: 1.5vw; margin-bottom:1vw;}
  .hero-text .thin {font-weight: 100; color: #898986;}
  .hero-text h1 {color: #6DA541; text-transform: uppercase; font-size: 4vw; line-height: 4vw;}
  .hero-text h2 {color:#54565b; margin: 0 0 2vw 0; font-size: 1.4vw; line-height: 2vw;}
  .hero-text p {color:#54565b; margin: 0 0 0 0; font-size: 1vw;}
  .hero-text .bos-btn {margin: 0 0 .5vw 0; padding: 1vw 4vw; font-size: 1.4vw;}



/*   @media only screen and (max-width: 1510px) {
    .home-hero {height:515px;}
    .hero-text {top: 12%;}
    .hero-text h2 {margin-bottom: 2rem;}
  }

  @media only screen and (max-width: 1140px) {
    .home-hero {height:400px;}
    .hero-text {width: 20rem; top:5%;}
    .hero-text h3 {font-size: 1rem;}
    .hero-text h1 {font-size: 2.5rem;}
    .hero-text h2 {font-size: 1rem; line-height: 1.5rem;}
    .hero-text .bos-btn {padding: .8rem 1rem; font-size: 1rem;}
    .hero-text p {font-size: .6rem;}
  } */

/*  @media only screen and (max-width: 900px) {
    .home-hero {height: 360px;}
    .hero-text h3 {font-size: .8rem;}
    .hero-text h1 {margin-bottom: 0; line-height: 2.4rem; font-size: 2rem;}
    .hero-text h2 {font-size: .8rem;}
  }*/










.how-wrap {width:100%; margin: 5vw 0;}
  .how-title  {width: 100%; text-align: center; margin: 0 0 0 0;}

  .formula-wrap {position: relative; width: 100%; height: 30vw;}
  .formula-wrap .t-box {width: 30rem; position: absolute; top: 16%; left: 8%; text-align: left;}

  .formula-wrap .formula-video {width: 34%; position: absolute; right: 12%; top: 20%; z-index: 1; transition: .3s;}
  .formula-wrap .formula-video:hover {transform: scale(1.02);}
  .formula-wrap .metal-bottle {width: 13%; position: absolute; right: 6%; top: 13%; z-index: 2;}

  .steps-wrap {width:100%; margin: 5vw 0 10vw 0;}
  .steps-wrap h3 {font-size: 1.6rem; font-family: 'montserrat'; font-weight: 700; margin: 0 0 3rem 0; text-align: center; color: #54565b;}
  .steps-cont {display: flex; justify-content: center; width: 100%; height: 20rem;}
  .step {width: 12rem; margin: 0 2rem; position: relative;}
  .step p {text-align: center; position: absolute; top: 72%; font-size: .9rem; width: 100%; font-weight: 700; font-family: 'montserrat'; opacity: 1; transition: .1s;}
  .circle-img {border-radius: 999rem; width: 100%; position: absolute; transition: .2s;}
  .triangle {width: 2rem; position: absolute; top: 50%; left: 45%; transition: .2s;}

  .step:hover .circle-img {border: 4px solid #6DA541;}
  .step:hover .triangle {top: 58%;}
  .step:hover p {color: #6DA541;}

  .steps-wrap .t-box {width: 55rem; line-height: 2.2rem; text-align: center; margin: 0 auto;}


  @media only screen and (min-width: 1450px) {
    .formula-wrap .t-box {top: 18%; left: 12%;}

    .steps-cont {margin-bottom: 3rem;}
    .steps-wrap h3 {margin-bottom: 5rem;}
    .step {width:14rem; margin: 0 4rem;}
    .step:hover .triangle {top: 68%;}
    .step p {top:85%;}
  }

  @media only screen and (min-width: 1130px) {
    .formula-wrap {height: 36vw;}
    .formula-wrap .t-box {width: 38vw;}
    .formula-wrap .t-box p {font-size: 1.1vw; line-height: 2vw; width: 80%;}
  }
  
  @media only screen and (max-width: 1025px) {

    .how-wrap {background: url('/cdn/shop/files/How-bg2.jpg?v=1595289879'); background-size: cover; height:397vw; margin-top: 50vw; position: relative;} 
    .how-title {position: absolute; top: -25vw;}

    .formula-wrap {height: 150vw; }   
    .formula-wrap .formula-video {width: 80%; right: 10%; top: 5vw;}
    .formula-wrap .metal-bottle {width: 34%; right: 0%; top: -4%;}
    .formula-wrap .t-box {width:80%; top:70vw; color:white;}
    .formula-wrap .t-box h1 {color:white; margin: 5vw 0 8vw 0;}
    .formula-wrap .t-box .green-text {color:white !important;}

    .steps-wrap {margin: 32vw 0 10vw 0;}
    .steps-wrap h3 {font-size: 7vw; margin: 0 0 10vw 0; color: white;}
    .steps-cont {height: 40vw;}
    .step {width: 25vw; margin: 0 3vw;}
    .step:hover .circle-img {border: 0;}
    #circle1 {border: 4px solid white;}
    .step p {display: none;}
    .triangle {display: none;}

    .steps-wrap .t-box {width: 83%; color:white;}
    .steps-wrap .t-box h2 {color: white; font-size: 5vw; margin: 0 0 6vw 0; font-weight: 700; line-height: 8vw;}

  }


 .journey-wrap {background: url('/cdn/shop/files/featprod-banner1.jpg?v=1597685372'); background-size: cover; width: 100%; height: 40vw; position: relative;}
  .journey-wrap .t-box {position: absolute; top: 15%; left: 26%; width: 50%; text-align: center;}
  .journey-wrap .t-box h1 {color: white; margin: 0 0 1rem 0; text-align: center; font-size: 3vw;}
  .journey-wrap .t-box p {color: white; text-align: center; line-height: 2.2vw; font-size: 1.1vw; max-width: 46vw; margin: 0 auto;}
  .journey-wrap .bos-btn {margin-top: 3rem; margin-bottom: 1rem;}

  @media only screen and (min-width: 1450px) {
    .journey-wrap {height: 35vw;}
  }

  @media only screen and (min-width: 1700px) {
    .journey-wrap {height: 30vw; background-position: center;}
  }

  @media only screen and (max-width: 1215px) {
    .journey-wrap .t-box {top: 20%; left: 20%; width: 60%;}
    .journey-wrap .t-box h1 {font-size: 2.4rem; margin: 0 0 1.4rem 0;}
    .journey-wrap .t-box p {line-height: 1.6rem;}
  }
  
  @media only screen and (max-width: 1025px) {
    .journey-wrap {background: transparent; position: static; margin-top: -5vw; height:auto;}
    .journey-wrap .t-box {width: 80%; margin: 0 auto; position: static;}
    .journey-wrap .t-box h1 {color: black; text-align: left; font-size: 9vw; line-height: 10vw; font-weight: 700;
    margin: 0 0 1vw 0; padding: 0; letter-spacing: 0 !important;}
    .m-green {color: #6DA541 !important;}
    .journey-wrap .t-box p {color: black; text-align: left; font-size: 4vw; line-height: 7vw;
    padding: 0; font-weight: 400; font-family: 'montserrat'; letter-spacing: 0 !important; max-width: none;}
    .journey-wrap .bos-btn {}
  }


.featured-wrap {width: 100%; background-color:#F5F5F5; padding: 3vw 0;}
  .featured-wrap h1{font-size: 2vw; text-align: center; margin-bottom: 3vw; font-family: 'utile-display' !important; font-weight: 400; color: #54565B;}
  .feat-logo-wrap {display: flex; margin: 0 auto; align-items: center; justify-content: center;}
  .feat-logo {height: 4.5rem; padding: 0 2.5rem .5rem 2.5rem; opacity: .45; transition: .2s; border-bottom: 1px solid #24509A;}
  .feat-logo:hover {opacity: 1; border-bottom: 2px solid #24509A;}

  .quote-wrap {margin: 3rem 0;}
  .quote {text-align: center; transition: .2s;}

  @keyframes quoteshow {
    from {opacity:0;}
    to {opacity:1;}
  }

  .quote-active {opacity: 1 !important; display: block !important; animation-name: quoteshow;
  animation-duration: 1s; animation-fill-mode: forwards;}
  .quote-text {transition: .4s; opacity: 0; display: none;}
  .quote h3 {    
    max-width: 45rem;
    font-size: 1vw;
    line-height: 1.5vw;
    margin: 0 auto;
    font-family: 'montserrat';
  }

  @media only screen and (max-width: 1025px){
    .feat-logo {height:2.5rem; padding: 0 1rem;}
  }


  .doctor-wrap {width: 100%; height: 40vw; position: relative;}
  .doctor {position: absolute; bottom: 0; left: 10%; width: 35%;}
  .doctor-wrap .t-box {position: absolute; left: 50%; width: 34%; bottom: 15%;}
  .doctor-wrap .t-box h4 {margin-bottom: .5vw; font-size: 1vw;}
  .doctor-wrap .t-box h1 {font-size: 3vw; margin-bottom: 1vw;}
  .doctor-wrap .t-box p {margin-bottom: 2vw; font-size: 1.1vw; line-height: 2vw;}
  .icon-wrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .icon-wrap img {width: 14%; margin: 0 1% 2% 1%;}

  @media only screen and (min-width: 1600px){
    .doctor-wrap {height:35vw;}
    .doctor {left: 15%; width: 28%;}

  }

  @media only screen and (max-width: 1075px) {
    .doctor-wrap {height: 45vw;}
    .doctor {left:2%;}
    .doctor-wrap .t-box {left: 40%; bottom: 5%;}
  }
  
  @media only screen and (max-width: 1025px) {
    .featured-wrap { background-color: #F2F3F5; padding: 8vw 0; margin: 0 0;}
    .featured-wrap  h1 {font-size: 9vw; line-height: 10vw; font-weight: 700; margin: 0 0 3vw 0; padding: 0; letter-spacing: 0 !important;}
    .feat-logo-wrap {overflow-x: auto; white-space: nowrap; justify-content:flex-start; -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}
    .feat-logo-wrap::-webkit-scrollbar {display: none;}
    
    .quote-wrap {}
    .quote-wrap h3 {max-width: 90%; font-size: 3.5vw; line-height: 5vw;}
    .feat-logo {height: 20vw; padding: 0vw 1rem 1rem 1rem; margin: 5vw 0 0 0;  border-bottom: 2px solid #24509A; mix-blend-mode: multiply;}

    .doctor-wrap {height: auto; margin-bottom: 40px;}
    .doctor {display: none;}
    .doctor-avatar {width: 20vw; position: absolute; top: -7%; right: 4%;}
    .doctor-wrap .t-box {width: 80%; margin: 0 auto; position: static;}
    .doctor-wrap .t-box h4 {font-size: 2.8vw;}
    .doctor-wrap .t-box h1 {margin-bottom: 5vw; font-size: 8vw; width: 55vw;}
    .doctor-wrap .t-box p {font-size: 4vw; line-height: 7vw; margin-bottom: 8vw;}
    
    .icon-wrap {justify-content: space-between;}
    .icon-wrap img {width: 20vw; margin-bottom: 20px;}
    .icon-wrap h5 {margin: 0 1vw 8vw 1vw; padding: 0; width: 15vw; font-size: 3.5vw; font-family: 'montserrat';}
  }



  .cta-wrap {background: url('/cdn/shop/files/CTA-banner.jpg?v=1591127096'); background-size: cover; position: relative; width: 100%; height: 44vw; margin: 0 0 5vw 0;}
  .cta-wrap .t-box {width: 30%; position: absolute; top: 10%; left: 10%; color: white;}
  .cta-wrap .t-box h1 {color:white; font-size: 3vw;}
  .cta-wrap .t-box h2 {color:white;}
  .cta-wrap .t-box h3 {color:white; margin-bottom: 1rem; font-weight: 700; font-size: 1.1vw; line-height: 1.8vw;}
  .cta-wrap .t-box h4 {margin-bottom: .5vw; color: white; font-size: 1.1vw; letter-spacing: .1vw;}
  .cta-wrap .t-box p {font-size: 1.1vw; margin-bottom: 2vw;}
  .cta-wrap .bos-btn {margin-bottom: 1vw; font-size: 1.2vw; padding: 1vw 3vw;}
  .cta-bottle {position: absolute; width: 24%; left: 44%; bottom: -13%;}
  .cta-wrap .t-box .btn-caption {color: white; margin: 0 0 0 0; font-size: 1vw;}
  



.faq-wrap {width:50%; margin: 0 auto; padding: 4vw 0 2vw 0;}
  .faq-wrap .t-box {wdith:100%; text-align:center;}
  .faq-wrap h1 {font-size: 2.4vw; font-weight: 400; margin-bottom: 3rem; font-family: 'utile-display';}

  .faq-cont {width: 100%;}
  .faq {padding-bottom: 0.5rem; margin-bottom:1.5rem; border-bottom: 1px solid #e1e0e6; cursor: pointer;}
  .faq-title {display: flex; justify-content: space-between; cursor: pointer;}
  .faq-title h1 {text-overflow: ellipsis; width: 100%; font-size: 1.2rem; line-height:2rem; font-family: 'montserrat'; margin-bottom: 1rem; font-weight: 400;}
  .faq-title i {align-items: center; padding-left: 1rem;}
  .faq p {font-size: 1rem; margin-bottom: .5rem; overflow: hidden;
    -webkit-transition: max-height 350ms ease-in-out;
    transition: max-height 350ms ease-in-out; font-family: 'montserrat';}

  @media only screen and (max-width: 1025px) {
    .faq-wrap {width:100%; margin: 0 0 0 0; display: block; padding: 8vw 0 0 0;}
    .faq-wrap h1 {font-size: 10vw; margin-bottom: 0rem;}
    
    .faq-wrap .t-box {margin: 0 auto; width: 80%;}
    .faq-cont {width: 80%; margin: 10vw auto;}
    .faq-title h1 {font-size: 3.7vw;}
    .faq-title i {font-size: 4vw;}
    .faq p {font-size: 3vw;}
    
  }



.ig-wrap {width:50%; margin: 2vw auto 4vw auto;}

@media only screen and (max-width:1024px) {
 .ig-wrap {width:100%; margin: 2vw auto 4vw auto;}
}


.page-header .title-section .page-title-wrapper {overflow: visible !important;}
.product-widget__ryviu .ryviu-item {align-items: center;}
.ryviu-number-widget { font-size: 1rem;}
.product-single__price .product_price .price {font-size: 26px;}
.product-single__inview.no-anim {margin-top: 2rem;}
.product-single__inview {margin-top: 2rem;}
.product-single {min-height: 820px; overflow: hidden;}

body .pr-review-snapshot-faceoff {display:none !important;}

@media only screen and (max-width:1024px){
  body .cbb-frequently-bought-container { width:80%;}
  .cbb-frequently-bought-products {display: flex; flex-wrap: wrap; clear:both;}
  
  
}

.desc {width:100%; display: flex; align-items: center; justify-content: space-between; margin:2rem 0 4rem 0;}
.prod-wrap .t-box {width:50%; padding: 2%;}
.prod-wrap .t2 {padding-left: 10%; padding-right:0;}
.prod-wrap .t-box h1 {font-size: 1.6rem; text-transform: capitalize;}
.prod-wrap .t-box p {font-size: 1rem; line-height: 1.5rem;}
.prod-wrap .t-box ul {padding: 0 0 0 1rem;}
.prod-wrap .t-box ol {padding: 0 0 0 1rem;}
.prod-wrap .t-box li {font-size: 1rem; line-height: 1.5rem;}
.prod-wrap .desc-img {width: 50%;}
.mtop {margin-top:6rem}

.free-wrap {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; margin: 2rem auto 0 auto;}
.free {width: 12%; max-width: 80px;}
.free img {width: 100%; display: block; margin-bottom: .5rem;}
.free h6 {text-align: center; font-size: .8rem; font-weight: 700;}

.info {}
.info-title {display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px lightgrey; padding-bottom: 0rem; margin-bottom: 1rem;}
.info-title h3 {font-size:1.4rem; font-weight:700; transition: .2s;}
.info-title:hover h3 {color: #6DA541; cursor: pointer !important;}
.info-text {font-size:.9rem; line-height: 1.5rem; overflow: hidden; transition: .2s;}



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

.page-header .title-section .page-title-wrapper {overflow: visible !important;}
.product-widget__ryviu .ryviu-item {align-items: center;}
.ryviu-number-widget { font-size: 1rem;}
.product-single__price .product_price .price {font-size: 26px;}
.product-single__inview.no-anim {margin-top: 2rem;}
.product-single {max-height: none; min-height: 0; overflow: visible;}

.desc {width:100%; display: flex; align-items: center; justify-content: space-between; margin:0rem 0 2rem 0; flex-wrap:wrap;}
.prod-wrap .t-box {width:90%; padding: 0%; margin: auto}
.prod-wrap .t2 {padding-left: 0%; padding-right:0;}
.prod-wrap .t-box h1 {font-size: 1.6rem; text-transform: capitalize; margin-bottom:1rem; margin-top: 2rem;}
.prod-wrap .t-box p {font-size: 1rem; line-height: 1.5rem;}
.prod-wrap .t-box ul {padding: 0 0 0 1rem;}
.prod-wrap .t-box ol {padding: 0 0 0 1rem;}
.prod-wrap .t-box li {font-size: 1rem; line-height: 1.5rem;}
.prod-wrap .desc-img {width: 100%; margin: 2rem auto 0rem auto;}
.mtop {0px;}

.free-wrap {display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; margin: 2rem auto 0 auto; flex-wrap: wrap;}
.free {width: 27%; max-width: none; margin-bottom:2vw; margin-right:3vw;}
.free img {width: 100%; display: block; margin-bottom: .5rem;}
.free h6 {text-align: center; font-size: .6rem; font-weight: 700;}

.info {}
.info-title {display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px lightgrey; padding-bottom: 0rem; margin-bottom: 1rem;}
.info-title h3 {font-size:1.4rem; font-weight:700; transition: .2s;}
.info-title:hover h3 {color: #6DA541; cursor: pointer !important;}
.info-text {font-size:.9rem; line-height: 1.5rem; overflow: hidden; transition: .2s;}
  
}



body .mod {transition:.4s;}

  .g-wrap {width: 100%; display: flex;}
  .g-wrap .g-box1 {opacity:0; width: 50%; height: 46vw; background: url('/cdn/shop/files/gender-1.jpg?v=1612822287'); background-size: cover;}
  .g-wrap .g-box2 {width: 50%; display:flex; flex-wrap: wrap;}

  body .cta-btn {color: white !important; font-size: 1.2vw; background-color: #2C4F99; width: 12vw; height: 4vw; display: flex; align-items: center; justify-content: center;text-align: center; margin-right: 2vw;}
  body .cta-btn svg {margin-left: .5vw; width:1vw; height:1vw; transition: .2s;}
	
  .g-box1 .t-box {width: 40%; margin: 12% 0 0 8%; }
  .mod h1 {font-size: 2.2vw; line-height: 2.6vw; font-weight: 100; margin: 0 0 1vw 0;}
  .mod p {font-size: 1vw; line-height: 1.6vw; font-weight: 600;}
  .g-img1 {opacity:0; width: 50%; height: 23vw; background: url('/cdn/shop/files/women-box.jpg?v=1612823787'); background-size: cover;}
  .g-women {opacity:0; width:50%; height: 23vw; background-color: #B70465; color: white; padding: 5vw 6vw 0 3vw;}
  .mod .g-women h1 {color:white;}
  .mod .g-women a {font-size: 1vw; width: auto; display:inline; color: white;}
  .mod .g-women a svg {width: 1vw; height: 1vw;}
  .g-img2 {opacity:0; width: 50%; height: 23vw; background: url('/cdn/shop/files/men-box.jpg?v=1612823787'); background-size: cover;}
  .g-men {opacity:0; width: 50%; height: 23vw; background-color: #2C4F99; color: white; padding: 5vw 6vw 0 3vw;}
  .mod .g-men h1 {color:white;}
  .mod .g-men a {font-size: 1vw; width: auto; display:inline; color: white;}
  .mod .g-men a svg {width: 1vw; height: 1vw;}
  
  
@media only screen and (max-width:1024px){

  .g-wrap {flex-wrap: wrap;}
  .g-wrap .g-box1 {flex-wrap:wrap; width:100%; height:88vw; background: url('/cdn/shop/files/mobile-men-women.jpg?v=1612987701'); background-size: cover;}
  .mod h1 {font-size: 6vw; line-height: 8vw; font-weight: 100; margin: 0 0 4vw 0;}
  .mod p {font-size: 4vw; line-height: 6vw; font-weight: 100;}
  body .g-box1 .t-box h1 {font-size: 7vw; line-height: 10vw;}
  .g-box1 p {display:none;}
  body .g-wrap .g-box1 .cta-btn {width: 35vw; height: 12vw; font-size: 3.5vw;}
  
  .g-wrap .g-box2 {width:100%; flex-wrap: wrap;}
  .g-img1 {height:46vw;}
  .g-women {height:46vw; padding: 8vw 6vw 0 3vw;}
  .mod .g-women h1 {margin-bottom:0vw;}
  .mod .g-women a {font-size: 3vw;}
  .mod .g-women a svg {width:3vw; height:3vw;}
  .g-men {height:46vw; padding: 8vw 6vw 0 3vw;}
  .mod .g-men h1 {margin-bottom:0vw;}
  .mod .g-men a {font-size: 3vw;}
  .mod .g-men a svg {width:3vw; height:3vw;}
  .g-img2 {height:46vw;}
}



  .pre-mod {display:flex; width:100%;}
  .mod-wrap {width:75%; display:flex; flex-wrap:wrap;}
  .mod-long {width:25%;}
  .mod-long img {width:100%; display: block;}
  .mod-wrap .mod-double {width:66.66%; height: 27.35vw; color:white;}
  .mod-wrap .mod-double .t-box {width: 50%; margin: 10% 0 0 12%;}
  .mod-wrap .mod-double h1 {color:white; width:80%;}
  .pre-mod .mod-double {background-color: #BF9724;}
  .mod-wrap .mod-single {width:33.33%; height: 27.30vw; display:flex; align-items:center;}
  .mod-wrap .mod-single .t-box {width: 60%; margin: 0 auto;}
  .mod-wrap .mod-single img {width: 100%;}
  .grey-bg {background-color: #F6F7FB;}
  .gradient-bg {background-image: linear-gradient(#DDDFE3, #F6F7FB);}
  .pre-mod a {background-color: black;}
  .mod .home-link {font-size: 1.1vw; font-weight: 700; width: 13vw; display: flex; align-items: center; justify-content: center; text-align: center; height: 3vw;}
  .mod svg {width:1vw; height: 1vw; margin-left:.8vw;}
  
  .mod-wrap .mod-single h3 {font-size: 1.6vw; font-weight: 100; line-height: 2vw; margin-bottom:1vw;}
  .mod-wrap .mod-single ul {list-style: none; padding-left: 1vw;}

  .mod-wrap .mod-single ul li::before {
      content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: #BF9724; /* Change the color */
      font-weight: bold; /* If you want it to be bold */
      display: inline-block; /* Needed to add space between the bullet and the text */
      width: 1em; /* Also needed for space (tweak if needed) */
      margin-left: -1em; /* Also needed for space (tweak if needed) */
    }
  .mod-wrap .mod-single li {font-size: 1vw; font-weight: 400;}
  
  body .mod-single p {font-weight: 400;}
  
  
  
  @media only screen and (max-width:1024px){
  
    .pre-mod {flex-wrap:wrap;}
    .mod-wrap {flex-wrap: wrap; width:100%;}
    .mod-wrap .mod-double {width:100%; height: auto;}
    .mod-wrap .mod-double .t-box {width: 80%; margin: 10% 0 10% 10%;}
    .mod-wrap .mod-single {width:100%; overflow:hidden; height: auto;}
    .mod a {font-size: 4vw; height: 15vw; font-weight: 700; width: 55vw;}
    .mod a svg {width:3vw; height:3vw;}
    body .pre-mod h1 {font-size: 8vw; line-height:10vw;}
    
    .mod-wrap .mod-single .t-box {width:80%; margin:10% auto;}
    .mod-wrap .mod-single h3 {font-size: 7vw; width: 80%; font-weight: 400; line-height: 9vw; margin-bottom: 4vw;}
    .mod-wrap .mod-single li {font-size: 5vw; margin-bottom: 2vw; font-weight: 400;}
    .pre-mod .mod-with-img {width:50%;}
    .mod .home-link {font-size: 4vw; height: 15vw; font-weight: 700; width: 55vw;}
    
    .mod-long {width:100%;}
  }


  .regrow-intro {text-align: center; padding: 5vw 0; width: 48%; margin: 0 auto;}
  .regrow-intro h1 {font-size: 2.4vw; line-height: 3vw; font-weight: 100; margin-bottom:0;}
  
  .mod-wrap2 {width:100%; display:flex; flex-wrap:wrap;}
  .blue-bg {background-color:#2C4F99; color:white;}
  body .blue-bg h3 {color:white;}
  
  .regrow-mod .mod-double {background-color: #2C4F99;}
  .mod-wrap2 .mod-double {width:50%; height: 27.30vw; color:white;}
  .mod-wrap2 .mod-double .t-box {width: 50%; margin: 10% 0 0 12%;}
  .mod-wrap2 .mod-double h1 {color:white; width:80%;}
  .mod-wrap2 .pre-mod .mod-double {background-color: #BF9724;}
  .mod-wrap2 .mod-single {width:25%; height: 27.35vw; display:flex; align-items:center;}
  .mod-wrap2 .mod-single .t-box {width: 60%; margin: 0 auto;}
  .mod-wrap2 .mod-single img {width: 100%;}
  .regrow-mod .mod-double a {background-color: white; color: black;}
  .mod-wrap2 .mod a {font-size: 1.1vw; font-weight: 700; width: 13vw; display: flex; align-items: center; justify-content: center; text-align: center; height: 3vw;}
  .mod-wrap2 .mod svg {width:1vw; height: 1vw; margin-left:.8vw;}
  
  .mod-wrap2 .mod-single h3 {font-size: 1.6vw; font-weight: 100; line-height: 2vw; margin-bottom:1vw;}
  .mod-wrap2 .mod-single ul {list-style: none; padding-left: 1vw;}

  .mod-wrap2 .mod-single ul li::before {
      content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: #2C4F99; /* Change the color */
      font-weight: bold; /* If you want it to be bold */
      display: inline-block; /* Needed to add space between the bullet and the text */
      width: 1em; /* Also needed for space (tweak if needed) */
      margin-left: -1em; /* Also needed for space (tweak if needed) */
    }
  .mod-wrap2 .mod-single li {font-size: 1vw; font-weight: 400;}
  
  
  @media only screen and (max-width:1024px){
  
    .regrow-intro {padding: 8vw 0; width: 80%;}
    .regrow-intro h1 {font-size: 5vw; line-height: 7vw;}
    
    .mod-wrap2 .mod-double {width:100%; height: auto;}
    .mod-wrap2 .mod-double .t-box {width:80%; margin: 10% 0 10% 10%;}
    .mod-wrap2 .mod-single {width:100%; height:auto;}
    .mod-wrap2 .mod-single .t-box {width:80%; margin: 10% auto;}
    .mod-wrap2 .mod-single h3 {font-size: 7vw; width: 80%; font-weight: 400; line-height: 9vw; margin-bottom: 4vw;}
    .mod-wrap2 .mod-single li {font-size: 5vw; margin-bottom: 2vw; font-weight: 400;}
    .mod-wrap2 .mod-with-img {width:50%; height:auto;}
  }





.product__4738808578127, .product__4738808545359, .product__4738808512591, .product__4738808479823, .product__4738808447055, .product__4738808414287, .product__4738808250447, .product__4738808217679, .product__4738808152143, .product__4738808119375, .product__4738808741967, .product__4738808709199, .product__4738808381519, .product__4738808348751 {
	display: none !important;
}

.product__4738808086607, .product__4738808053839, .product__4738808676431, .product__4738808610895, .product__4738808315983, .product__4738808283215, .product__4738807889999, .product__4738807857231, .product__4738807824463, .product__4738808021071, .product__4738807988303, .product__4738807955535, .product__4738807922767 {	
  display: none !important;
}


body .tabs-layout-tabs .product-tabs {margin-bottom: 0px;}




.page-header.title-size-default .title-section .page-title {font-size: 40px;}

.header__announcement p {font-size: .8rem;}




.p-w-r .pr-war {width:80% !important; margin: 60px auto !important;}


.product__item .product__title {
	max-width: 100%;
}

.pr-snippet-rating-decimal {display:none !important;}

.p-w-r .pr-category-snippet {margin: 0 0;}



@media only screen and (max-width:1024px) {
  .p-w-r .pr-category-snippet__total {display:none !important;}
}




.footer__widget .newsletter .form-control {color:black;}


.order-value-wrap {max-width:600px; width:100%;}

@media only screen and (max-width:1300px){
  .order-value-wrap {max-width:335px; width:100%;}
}

@media only screen and (max-width:767px){
  .order-value-wrap {max-width:320px; width:100%;}
}

.t-box a:hover{
  background-color:black !important;
  color: white !important;
}

h2{
  font-size:28px;
  font-weight:600;
}
p{
  font-size:18px;
  font-weight:400;
}