.row{
  max-width: 100%;
  margin-left:0px;
  overflow: hidden;
  padding:0px 0px !important;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
.sec-top-pad{
  padding-top:30px !important;
}
.sec-bottom-pad{
  padding-bottom:30px !important;
}
.sec-bottom-pad80{
  padding-bottom:80px !important;
}
.section-bg{
  background-color:#f3f5f4;
  padding-bottom: 30px!important;
  padding-top:30px !important;
}
.statement-line{
  background-color: var(--primary-color);
  padding-top: 30px;
  margin-top: 60px;
}
.index-content p {
  font-size:18px;
  line-height:25px;
  margin: 0 auto;

}
.w-banner{
  height:500px !important;
}
.w-banner img{
  height:500px;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 35%;
}
.w-content{
  margin-top: 50px;
  margin-bottom: 40px;
}.
.trans-banner{
  height:250px !important;

}
.trans-banner img{
  height:450px;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 95%;
}
.o3-banner{
  height:450px !important;
}
.o3-banner img{
  height:450px;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 45%;
}
.supp-banner{
  max-height:100%;
  height:1000px;
  position:relative;
}
.supp-banner img{
  max-width: 100%;
  height:900px;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% -200px;
  z-index: -1;
}

.lipo-banner{
  height:450px !important;
}
.lipo-banner img{
  height:450px;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 15%;
}
.lipo-details2{
    margin-top: 60px !important;
}
.lipo-details2 p {
  font-size:18px;
  line-height:25px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.lipo-details2 h5 {
font-family: 'Open Sans', sans-serif;

}
.supp-details{
  margin-top: -600px !important;
  z-index: 1;
  margin-bottom: 20px;

}
.o3-details{
  margin-top: 80px !important;
}
.o3-details p, .supp-details p {
  font-size:18px;
  line-height:25px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.o3-details h5, .supp-details h5 {
font-family: 'Open Sans', sans-serif;

}
.trans2-details{
  margin-top: -520px !important;
  background-color:#F3F5F4;
  padding-top: 200px;
  padding-bottom: 40px;

}
.trans2-details p {
  font-size:18px;
  line-height:25px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.trans2-details h5 {
  font-family: 'Open Sans', sans-serif;
  font-size:24px;

}


}
.o3-bg{
  height:auto!important;
  z-index:-1!important;
  position: relative;  top:-20px;
}
.o3-bg img{
  height: auto;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 80%;
  z-index: -1;
}
.o3-mid-img, .trans-mid-img{
  height:auto!important;
}
.lipo-mid-img{
  height:auto!important;

}
.trans-top{
  z-index: 1!important;
  margin-bottom: 90px;
}
.o3-top{
  z-index: 1!important;

}


.lipo-mid-img{
  height:auto!important;

}
.lipo-top{
  z-index: 1!important;
}


.o3-ftr{
  padding-left:0;
  padding-right: 0;
  margin-top:280px;
}


.trans-shop{
  position: relative;
  top:-120px !important;

  }

.o3-shop{
  position: relative;
  top:-120px !important;
  z-index:1;
  }

.o3-title{
  margin-top:0px;
}
.supp-title{
  margin-top:0px;
}
.o3-mid-title{
  padding-top: 20px;
  font-family: 'Open Sans', sans-serif !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size:16px;
  letter-spacing: 0.1em;
}

.detail-blocks{
  display:inline-flex;
  flex-wrap: nowrap;

}
.block-group{
    display:flex;
    height:250px;
    max-height: auto;
    padding-bottom: 10px;
}
.prod-carousel{
  background-color:#F5F6F8;
  height:auto;
  width:100%;
  margin-bottom: 100px;
  margin-top:-30px;
  position: relative;
  padding-bottom:10px!important;
}
.prod-carousel h2{
  padding-top: 20px;
  padding-bottom: 20px;
}

.block-group img{
  height:20%;
  max-height:50%;
  margin-right:20px;
  margin-top: 20px;
}

.block-line{
    border-top: 1px solid var(--secondary-color);
    margin-left:0;

}
.contact-line{
    border-top: 1px solid var(--secondary-color);
    margin-left:100;
    margin-bottom:40px;
}

.form-contact-flex{
  display: flex;
}
.form-contact{
  margin-right:20px;
}

.footer-callout{
  height:auto;
  margin-top: 50px;
  position:relative;

}
.footer-callout img{
  height:500px;
  width:100%;
  overflow: hidden;
  position:relative;
  object-fit:cover;
}
.prop-callout{
  height:50% !important;
  position:relative;
}
.prop-callout img{
  height:350px;
  width:100%;
  overflow: hidden;
  position:relative;
  object-fit:cover;
}

.bio-video{
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 35%;
  margin-bottom: 50px;
}
.video-js .vjs-big-play-button {
    background-color: none;
    color:var(--secondary-color);
    border-color: var(--secondary-color)!important;
    height:100px!important;
    width:100px !important;
    border-radius:50% !important;
    background-color: transparent !important;
    font-size: 60px !important;
}

.q-callout{
  height:450px !important;
  padding-top: 40px;

}
.q-callout img{
  height:450px;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 35%;
}
.q-margin{
  margin-top:20px !important;
}






.index-card{
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0);
   padding: 20px;
   text-align: center;
   background-color: #F5F6F8;
}
.column {
  float: left;
  padding:0;
  width:auto;
}

.landing-card{
display: flex;
justify-content: center;
align-items: center;
position:relative;
top:-30px;
margin-bottom: 10px;
}
.arrow-stepper{
  position: relative;
  top:420px;
  display: flex;
  left:-10%;
}
.arrow-stepper a{
  padding: 0 20px 0 20px;
  left:95%;
  position: relative;
}
.prom-section{
  margin-top:60px;
  padding-bottom: 60px;
}
.q-section{
  margin-top:60px;
  padding-bottom: 60px;
}
.who-section{
  margin-top:60px;
  padding-bottom: 60px;
}
.q-section2{
  margin-top:100px;
  padding-bottom: 40px;
}
.prop-section{
  margin-top:60px;
  padding-bottom:60px;
}
.p-bg{
  background-color: #F3F5F4!important;
  padding-top:40px;
  padding-bottom:30px;
  margin-bottom: -20px;
}
.team-bg{
  background-color: #F3F5F4!important;
  padding-top:40px;
}
.q-bg{
  background-color: #F3F5F4!important;
  padding-top:30px;
  padding-bottom:30px;
}
.prp-bg{
  background-color: #F3F5F4!important;
  padding-top:10px;
  padding-bottom:30px;
  margin-top:60px;
}

.caption-blue{
  color: var(--primary-color) !important;
}
.caption-white{
  color: white !important;
}
.block-flex{
  display:inline-flex;
  padding-top: 20px;
}
.lipo-flex{
  display:inline-flex;
  padding-top: 20px;
  padding-bottom: 40px;
}
.block-row{
  width:50%;
}
.block2-row{
  width:50%;
}
.supp-row{
  width:80%;
}
.supp-flex{
  display:inline-flex;
  padding-top: 20px;
}
.supp-block{
  padding-bottom:30px;
  background-color:var(--secondary-color);
  color:white;
  margin-top: -50px;
  padding-top:40px;
}
.supp-block-header h4{
  color: white;
  text-transform: uppercase;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif !important;
  letter-spacing:5px;
  padding-top: 30px;
  font-size:20px;
}
.lipo-block{
  background-color:var(--secondary-color);
  color:white;
  margin-top: -50px;
  padding-top:30px;

}
@media only screen and (max-width:600px){
  .lipo-block{
    padding-bottom:30px;
  }
}
.lipo-block-header h4{
  color: white;
  text-transform: uppercase;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif !important;
  letter-spacing:5px;
  padding-top: 30px;
  font-size:20px;
}
.o3-block{
  background-color:var(--secondary-color);
  color:white;
  margin-top: -50px;
  padding-top:30px;
  padding-bottom:30px;
}
.o3-block-header h4{
  color: white;
  text-transform: uppercase;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif !important;
  letter-spacing:5px;
  padding-top: 30px;
  font-size:20px;
}
.lipo_line {
  border-left: 1px solid white;
  height: 90px;
  top: 0;
  margin-left: 10px;
  margin-right: 30px;
}
.o3_line {

  height: 120px;
  top: 0;
  margin-left: 10px;
  margin-right: 30px;
}
.o3_block_title{
  font-weight:600;
  margin-bottom: 2px;
}
.wh-block-gray{
  background-color: #F3F5F4;
  color:white;
  padding: 20px 30px;
}
.wh-block-blue{
  background-color: var(--secondary-color);
  color:white;
  padding: 20px 50px;
}

.wh-blue-inner{
    display:flex;
    align-items: center;
    margin-left: -40px;
}
.wh-blue-inner img{
  width:12% !important;
  height:auto;
  margin-right:30px;
}

.wh-blue-inner h4 {
    font-family: 'Open Sans', sans-serif !important;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.03em;
    color:white;
    margin-left:-15px !important;
}
.wh-gray-inner{
    display:flex;
    align-items: center;
    position: relative;
    margin-left:25px;
    justify-content:space-between;
}
.wh-gray-inner img{
  width:12% !important;
  height:auto;
  margin-left: 80px;
}

.wh-gray-inner h4 {
    font-family: 'Open Sans', sans-serif !important;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.03em;
    color:var(--primary-color);

}

li> div{
    display:inline-block;
    vertical-align:top;
    padding-bottom: 15px;
}
.one{
    width:80%;
    color:white;
}
.one-gray{
    width:80%;
    color:var(--primary-color);
}
.check-ic{
  display: inline-block;
  width: 1em;
  margin-left: -0.9em;
  margin-right:20px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size:1.2rem;
  color: var(--primary-color);}

  .check-ic-blue{
    display: inline-block;
    width: 1em;
    margin-left: -0.9em;
    margin-right:20px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size:1.2rem;
    color: var(--primary-color);}


.w-list-flexbox{
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;

}
.wh-img2{
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}





  .caption{
    width:auto;
    position:absolute;
    z-index:1;
    text-align:right;
    top:350px !important;
    left:10px !important;
    }
  .caption p{
    color:white;
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-align: right;
  }
  .caption h1{
    font-size:40px;
    color:white;
    text-align: right;
  }
  .lipo-details2 button {
     padding:5px 15px;
     border: none;
     border-radius: 30px;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     display: table;
  }
  .index-content button {
     padding:5px 15px;
     border: none;
     border-radius: 30px;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     display: table;
  }
  .index-bg {

    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
    }
    .index-bullet {
       text-align: center;
       margin-left: auto;
       margin-right: auto;
       display:inline-table;
       }
       .index-icon{
         width:40%;
         height:auto;
       }
       .index-card{
         background-color:#F5F6F8;
         height:auto;
         width:100%;
         position: relative;

       }

}


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



  .carousel-flex{
    display: flex;
  }
  .column {
      width: 100%;
      display: block;
    }
  .landing-card{
    margin:10px;
    position:relative;
    top:-80px;

  }
  .caption{
    width:auto;
    position:absolute;
    z-index:1;
    text-align:right;
    top:50px !important;
    left:10px !important;
    }
  .caption p{
    color:white;
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
  }
  .caption h1{
    font-size:40px;
    color:white;
  }
  .carousel-indicators {
    position: absolute;
    top:-10px;
    left:750px;
    margin-right: 10px;
  }
  .index-content button {
     padding:5px 15px;
     border: none;
     border-radius: 30px;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     display: table;
  }
  .index-bg{

    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
    }
    .index-bullet {
       text-align: center;
       margin-left: auto;
       margin-right: auto;
       display:inline-block;
       }
       .index-icon{
         width:40%;
         height:auto;
       }
       .index-card{
         background-color:#F5F6F8;
         height:auto;
         width:100%;
         position: relative;


       }

}

.img-banner2{
  width:100%;
  max-width: auto;
  overflow: hidden;
  position:absolute;
  background-size:contain;
  top:0px;

}

.carousel-banner{
  width: 100%;
  height: 500px;
  max-width: 100% !important;
  }


  @media only screen and (max-width: 768px) {
    .o3-banner img{
      height:300px;
      width:100%;
      position: absolute;
      overflow: hidden;
      object-fit: cover;
      object-position: 100% 80%;
    }
    .trans-banner img{
      height:300px;
      width:100%;
      position: absolute;
      overflow: hidden;
      object-fit: cover;
      object-position: 100% 80%;
    }

    .banner-inner{
      position:relative;
      width:auto;
    }
    .img-banner2{
      width:180vw;
      position:absolute;
      left:-260px;
      height:auto;
    }
    .caption{
       width:auto;
       position:absolute;
        z-index:1;
        text-align:left;
        top:200px !important;
        left:0px !important;

         }

        .caption h1 {
            font-size: 40px;
            color:white;
          }
          .landing-card{
            margin:10px;
            position:relative;
            top:-70px !important;

          }
          .column {
              width: 100%;
              display: block;
            }
            .index-bg {
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              display: table;
            }
            .container, .container-md, .container-sm{
              max-width: auto;
            }
            .index-content button {
               padding:5px 15px;
               border: none;
               border-radius: 30px;
               text-align: center;
               margin-left: auto;
               margin-right: auto;
               display: table;
            }
            .index-bio{
              overflow: hidden;
              padding-left:0;
              padding-right:0;
              margin-left: auto;
              margin-right: auto;
              position:relative;
              top:-10px;
              padding-bottom:120px;
            }
            .prac-bio{
              overflow: hidden;
              padding-left:0;
              padding-right:0;
              margin-left: auto;
              margin-right: auto;
              position:relative;
              top:-10px;

            }

        .prac-button{
          position: relative;
          left:175px !important;
        }


  }


  @media only screen and (max-width: 600px) {
    .img-banner2{
      width:300vw;
      position:absolute;
      left:-400px;
      height:auto;
      top:0;
    }



  }

      @media only screen and (min-width: 1440px){
        .col-1 {width: 8.33%;}
        .col-2 {width: 16.66%;}
        .col-3 {width: 25%;}
        .col-4 {width: 33.33%;}
        .col-5 {width: 41.66%;}
        .col-6 {width: 50%;}
        .col-7 {width: 58.33%;}
        .col-8 {width: 66.66%;}
        .col-9 {width: 75%;}
        .col-10 {width: 83.33%;}
        .col-11 {width: 91.66%;}
        .col-12 {width: 100%;}

        .caption{
           width:auto;
           position:absolute;
            z-index:1;
            text-align:right;
            top:340px !important;
            left:70px !important;

             }
        .caption button{
               padding:10px 120px 10px 120px;
               border: none;
               border-radius: 30px;
               text-align: center;
               margin-top:20px;
            }
            .caption h1 {
                font-size: 40px;
                color:white;
              }
      }

      @media only screen and (max-width:1024px){
        .col-1 {width: 8.33%;}
        .col-2 {width: 16.66%;}
        .col-3 {width: 25%;}
        .col-4 {width: 33.33%;}
        .col-5 {width: 41.66%;}
        .col-6 {width: 50%;}
        .col-7 {width: 58.33%;}
        .col-8 {width: 66.66%;}
        .col-9 {width: 75%;}
        .col-10 {width: 83.33%;}
        .col-11 {width: 91.66%;}
        .col-12 {width: 100%;}


        .landing-card{
          margin-bottom:-50px;
          position:relative;
          top:-100px;
        }

}
.call-out{
   border-right: 1px solid #4EB7F2;
   height: auto;
   padding-right: 20px;
   margin-right:-20px;

}

@media only screen and (max-width:1024px){
  .q-section{
    margin-top:0px !important;
  }
  .prop-section{
    margin-top:0px !important;
  }
  .promises-section{
    margin-top:0px !important;
  }
}

@media only screen and (min-width:768px)
and (max-device-width: 768px){

    .q-section{
      margin-top:70px !important;
    }
    .prop-section{
      margin-top:70px !important;
    }
    .prom-section{
      margin-top:70px !important;
    }
}




@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {



    .check-ic{
      display: inline-block;
      width: 1em;
      margin-left: -0.9em;
      margin-right:15px;
      margin-bottom: 20px;
      font-weight: bold;
      font-size:1.2rem;
      color: var(--primary-color);}

      .check-ic-blue{
        display: inline-block;
        width: 1em;
        margin-left: -30px;
        margin-bottom: 20px;
        font-weight: bold;
        font-size:1.2rem;
        color: var(--primary-color);}

    .o3-banner{
      height:300px !important;

    }

        .trans-shop{
          position: relative;
          top:-80px !important;


          }
    .o3-shop{
      position: relative;
      top:-80px !important;
      z-index:1;

      }




    .o3-ftr{
      padding-left:0;
      padding-right: 0;
      margin-top:280px;
    }

    .o3-details{
      margin-top: 250px !important;
    }


    .o3-bg{
      height:50px!important;
      z-index:-1!important;
      position: relative;
      top:-20px;

    }
    .o3-bg img{
      height: 700px;
      width:100%;
      position: absolute;
      overflow: hidden;
      object-fit: cover;
      object-position: 100% 80%;
    }


    .q-section2{
      margin-top:70px !important;
    }
        /* For desktop: */
        .col-1 {width: 8.33%;}
        .col-2 {width: 16.66%;}
        .col-3 {width: 25%;}
        .col-4 {width: 33.33%;}
        .col-5 {width: 41.66%;}
        .col-6 {width: 50%;}
        .col-7 {width: 58.33%;}
        .col-8 {width: 66.66%;}
        .col-9 {width: 75%;}
        .col-10 {width: 83.33%;}
        .col-11 {width: 91.66%;}
        .col-12 {width: 100%;}

        .call-out{
           border-right: 1px solid #4EB7F2;
           height: auto;
           padding-right: 20px;
           margin-right:-20px;

        }
        .arrow-stepper{
          position:relative;

        }

        .banner-inner{
          position:relative;
          width:100vw;
        }
        .caption button{
               padding:10px 120px 10px 120px;
               border: none;
               border-radius: 30px;
               text-align: center;
               margin-top:20px;
            }
            .caption h1 {
                font-size: 40px;
                color:white;
              }
              .caption{
               width:auto;
              position:absolute;
              z-index:1;
              text-align:right;
              top:240px !important;
              left:70px !important;
              }
        .index-bg {
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          display: table;
                }

          .index-bio{
          overflow: hidden;
          padding-left:0;
          padding-right:0;
          margin-left: auto;
          margin-right: auto;
          position:relative;
          top:-10px;
          padding-bottom:120px;
          }
          .index-practioner{
              overflow: hidden;
              position:relative;
              top:-140px;
              background-size:cover;
          }
          .prac-bio{
          overflow: hidden;
          padding-left:0;
          padding-right:0;
          margin-left: auto;
          margin-right: auto;
          position:relative;
          top:-10px;
          padding-bottom:120px;
          }

            }

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

  .q-section{
    margin-top:0px !important;
  }
  .prom-section{
    margin-top:0px !important;
  }
  .q-section2{
    margin-top:50px !important;
      }
      .title-icon{
        margin-bottom:-80px !important;
      }
}
  @media only screen and (max-width: 320px){
    .q-section{
      margin-top:-80px !important;
    }

    .prop-section{
      margin-top:0px;
    }


    .caption{
    width:auto;
    position:absolute;
    z-index:1;
    text-align:left;
    top:100px !important;
    left:0px !important;
    }
    .landing-card{
      margin-bottom:-100px;
      position:relative;
      top:-140px !important;
    }
    .index-bio{
    overflow: hidden;
    padding-left:0;
    padding-right:0;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    top:-10px;
    padding-bottom:120px;
    }

  }

  @media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .trans2-details{
      margin-top: -280px !important;
      padding-top:180px !important;
      margin-bottom: 20px;
    }

    .caption{
      width:auto;
      position:absolute;
      z-index:1;
      text-align:right;
      top:300px !important;
      left:100px !important;
      }
    .caption p{
      color:white;
      font-size: 20px;
      letter-spacing: 5px;
      text-transform: uppercase;
    }
    .caption h1{
      font-size:40px;
      color:white;
    }
    .landing-card{
      margin-bottom:10px;
      position:relative;
      top:-40px !important;
    }
    .carousel-indicators {
      position: absolute;
      top:450px;
      left:750px;
      margin-right: 10px;
    }

    .index-content{
      display: block;
      position: relative;
      overflow:hidden;

    }
    .index-content h1{
      font-size:40px;

    }

      .index-content button {
         padding:5px 15px;
         border: none;
         border-radius: 30px;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         display: table;

      }
      .index-bg{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table;
        }
        .index-bullet {
           text-align: center;
           margin-left: auto;
           margin-right: auto;
           display: flex;
           }
        .index-icon{
          width:20%;
          height:auto;
        }

        .index-card{
          background-color:#F5F6F8;
          height:auto;
          width:100%;
          position: relative;



        }

        .praction-bg {
          background-color: #F4F5F7;
          width: 1680px;
          height: 300px;
          max-height: 100%;
          max-width: 100% !important;
          position: relative;
          top:-790px;

          }
          .index-bio{
            overflow: hidden;
            padding-left:0;
            padding-right:0;
            margin-left: auto;
            margin-right: auto;
            position:relative;
            top:-10px;
            padding-bottom:20px;

          }

}
.index-practioner{
    overflow: hidden;
    position:relative;
    top:-30px;
    background-size:cover;
}
.index-bio{
  overflow: hidden;
  padding-left:0;
  padding-right:0;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  top:90px;
  padding-bottom:120px;
}
.prac-content{
   position:relative;
   top:-140px;}

.prac-content h1{
    font-size: 24px;
}
.prac-content p{
    font-size: 18px;
    text-transform:capitalize;
}

.prac-button{
  padding:5px 10px 5px 10px !important;
}

.play-button {
    padding: 0 10px;
    border-style: solid ;
    border-color:var(--secondary-color);
    border-width: 0.2px;
    color: var(--secondary-color);
    display: block;
    font-size: 30px;
    left: 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    border-radius: 100%;

}


.copy-style{
  padding-top:15px;
}

@media screen and (max-width: 500px){
  .col-s-1 {width: 8.33% !important;}
  .col-s-2 {width: 16.66% !important;}
  .col-s-3 {width: 25% !important;}
  .col-s-4 {width: 33.33% !important;}
  .col-s-5 {width: 41.66% !important;}
  .col-s-6 {width: 50% !important;}
  .col-s-7 {width: 58.33% !important;}
  .col-s-8 {width: 66.66% !important;}
  .col-s-9 {width: 75% !important;}
  .col-s-10 {width: 83.33% !important;}
  .col-s-11 {width: 91.66% !important;}
  .col-s-12 {width: 100% !important; }
  [class*="col-"] {
    width: 100%;
  }
  .footer-callout{
    margin-top:20px;
  }
  .lipo-details2 button {
     padding:5px 15px;
     border: none;
     border-radius: 30px;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     display: table;
  }
  .ic-svg{
    width:60px;
  }
  .q-title{
    font-size:35px !important;
  }
  .video-js .vjs-big-play-button {
      height:50px!important;
      width:50px !important;
      font-size: 30px !important;

  }
  .p-callout{
    height:250px !important;
    padding-top: 40px;
    margin-bottom: 100px;

  }

  .p-center-icon{
    margin:0 20px;
  }
  .contact-details{
    margin-top:150px;
  }
  .form-group{
    width:120% !important;

  }

  .form-contact-flex{
    display: inline-block;
  }

  .supp-flex{
    display:inline-block;
    padding-top: 20px;
  }
  .block-details2 img{
    max-width: 100%;
    width:100% !important;
    padding-top:20px;
    margin-left: -20px !important;
  }

  .transdermal-title-bar{
    position:relative;
    margin-top:-90px;
    margin-bottom: 60px;
    padding:10px 0;
  }
  .transdermal-title-bar h3{
    font-size: 24px;
  }
    .trans-top{
      margin-bottom: 10px !important;
    }



  h1{
    font-size:35px !important;
  }



  .s-par{
    margin:10px;
  }

  .prp-bg{
    background-color: #F3F5F4!important;
    padding-top:5px;
    padding-bottom:40px;
    margin-top:60px;
  }
  .statement-text{
    padding-left:10px;
    padding-top:5px;
    margin-bottom: 5px;
  }

    .global-btn{
    height:auto;
    padding:5px 5px 5px 5px;
    font-size:10px !important;
  }
  .index-content button {
     padding:5px 15px;
     border: none;
     border-radius: 30px;
     text-align: center;
     font-size: 10px;
  }
  .check-ic-blue{
    margin-left: -40px !important;
  }
  .w-list-flexbox{
    display: inline-block;
  }
  .w-banner{
    height:400px !important;
  }
  .w-banner img{
    height:500px;
    width:100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    object-position: 100% 40%;
  }
  .w-caption{
    margin-top: -40px;
  }
  .block-flex{
    display:block;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .lipo-flex{
    display:block;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .lipo_line{
    display:none;
  }
  .block-row{
    width:100%;
  }
  .block-row{
    width:100%;
  }
   /*
  .lipo-mid-img{
    margin-top:20px;
    margin-bottom: 20px;
    padding-bottom: 250px !important;
  }*/
  .o3_line {
    display:none;
  }
  .trans-mid-img{
    margin-top:20px;
    margin-bottom: 20px;
    padding-bottom: 250px !important;
  }
  .o3-mid-img{
    margin-top:20px;
    margin-bottom: 20px;
    padding-bottom: 250px !important;
  }

  .supp-details h1{
    font-size: 30px !important;
  }
  .o3-details{
    margin-top: 60px !important;
    padding-bottom: 50px !important;
  }
  .trans2-details{
    margin-top: 20px !important;
    padding-top:80px !important;
    margin-bottom: 20px;
  }
  .trans2-details h5{
    font-size: 20px !important;
  }
  .trans-shop button{
    z-index:2 !important;
    padding:5px 15px !important;
    border: none;
    border-radius: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    }
  .o3-title{
  text-align: left !important;
  font-size:35px;
  }
  .supp-title{
  text-align: left !important;
  font-size:28px;
  }
  .lipo2-title{
  text-align: left !important;
  font-size:30px;
  }
  .o3-shop button{
    position: relative;
    top:65px !important;
    z-index:1;
    padding:5px 15px !important;
    border: none;
    border-radius: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    }


  .o3-bg{
    height:40px!important;
    z-index:-1!important;
    position: relative;
    top:-20px;

  }
  .o3-bg img{
    height: 500px;
    width:100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    object-position: 100% 100%;
  }
  .o3-banner{
    height:200px !important;
  }
  .o3-banner img{
    height:200px;
    width:100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    object-position: 100% 40%;
  }



  .trans-banner img{
    height:200px;
    width:100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    object-position: 100% 40%;
  }
  .lipo-banner{
    height:200px !important;
  }
  .lipo-banner img{
    height:200px;
    width:100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    object-position: 100% 40%;
  }

  .bg-bio {
    margin-top:-80px;
    max-height: 100%;
    position: relative;
    }
  .index-prod{
    margin-bottom:0px;
  }
  .hide-content{
    display:none;
  }
  .detail-blocks{
    display:flex;
    flex-direction: column;

  }
  .prac-button{
    position: relative;
    left:-15px !important;
      padding:5px !important;
  }


  .index-content h1{
    font-size:30px;

  }
  .index-content p {
    font-size:14px;
    line-height:25px;

  }
  .block-group{
   display:inline-table;
  }

  .block-group img{
    margin:0px;
    width:20%;
  }




  .q-callout{
    height:200px !important;
    padding-top: 20px;


  }
  .q-callout img{
    height:200px;
    width:100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    object-position: 100% 40%;
  }


}

.for_prac{
  position:relative;
  top:560px;
}
.product-cards{
    border:none;
    background-color:red;
    border-radius:6px;
    overflow: hidden;
    margin:20px;
}

.carousel-product{
  padding:20px 0;
  z-index:1;
}
.block-details2 img{
  margin-top:-80px !important;
  width:100%;
  max-width: 100%;


}
.block-details2 {
  margin-right:20px;
  z-index: 1 !important;
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {



    .transdermal-title-bar{
      background-color:var(--secondary-color);
      position:relative;
      margin-top:-60px;
      margin-bottom: 60px;
      padding:10px 0;
    }

    .transdermal-title-bar h3{
      color:white;
    }
    .trans2-details{
      margin-top: -200px !important;
      padding-top:150px !important;
      margin-bottom: 20px;
    }
    .trans-top{
      margin-bottom: 10px !important;
    }
    .s-par{
      margin:10px;
    }


  .block-details2{
    padding-bottom: 80px;
  }


  .card-1 button{
    font-size: 10px;
    letter-spacing: 0.2em;
    padding:5px 5px;
  }
  .card-1 h4{
    font-size:18px;
  }
  .card-1 p{
    font-size:14px;
  }
  .bg-bio {
    max-height: 100%;
    position: relative;
    }

    .arrow-stepper {
    position: relative;
    top: 400px;
    display: flex;
    left: -15%;
}


.q-callout{
  height:300px !important;
    padding-top: 20px;


}
.q-callout img{
  height:300px;
  width:100%;
  position: absolute;
  overflow: hidden;
  object-fit: cover;
  object-position: 100% 40%;
}

}

@media screen
and (min-device-width: 500px)
and (max-device-width: 800px)
and (-webkit-min-device-pixel-ratio: 1){

.card-1 button{
  font-size: 8px;
  padding:px 10px;
  letter-spacing: 0.2em;
}
}

@media only screen and (max-width: 768px) {
  .o3-details{
    margin-top:80px !important;
  }


}


@media screen and (max-width: 640px) {
   /*
  .lipo-mid-img img{
    height: auto;
    position: absolute;
    overflow: hidden;
    width:400%;
    top:-40px;
    margin-left:-120px;
    max-width: 400%;
  }*/
  .o3-mid-img img{
    height: auto;
    position: absolute;
    overflow: hidden;
    width:400%;
    top:-50px;
    margin-left:-120px;
    max-width: 400%;
  }
  .trans-mid-img img{
    height: auto;
    position: absolute;
    overflow: hidden;
    width:400%;
    top:-40px;
    margin-left:-120px;
    max-width: 400%;
  }
  .detail-blocks{
    display:inline-flex;
    flex-wrap:wrap;

  }
  .call-content{
    left:0 !important;
  }
  .pract-title{
    padding-left:0!important;
    padding-right:20px !important;
  }
  .prop-div{
    top:50px !important;
  }
  .prop-title-line{
    max-width:100%;
    font-size: 28px !important;
  }


}

@media screen and (min-width: 375px) and (max-width:425px){
  .supp-banner img{
    height:700px ;
  }
   /*.lipo-mid-img img{
    height: auto;
    position: absolute;
    overflow: hidden;
    width:300%;
    margin-left:-120px;
    top:-40px;

  }*/

  .o3-mid-img img{
    height: auto;
    position: absolute;
    overflow: hidden;
    width:300%;
    margin-left:-120px;
    top:-40px;

  }
  .trans-mid-img img{
    height: auto;
    position: absolute;
    overflow: hidden;
    width:300%;
    margin-left:-120px;
    top:-40px;

  }
  .detail-blocks{
    display:inline-flex;
    flex-wrap:wrap;

  }
}


@media screen and (min-width: 650px) and (max-width: 1024px) {
   /*.lipo-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-130px;
    margin-top:20px;
  }*/
  .o3-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-130px;
    margin-top:20px;
  }

  .trans-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-120px !important;
    margin-top:20px;
  }
  .detail-blocks{
    display:inline-flex;
    flex-wrap:wrap;

  }
  .call-content{
    left:246px !important;

  }
.supp-details{
  margin-top: -650px !important;
}
}

@media screen and (min-width: 640px) {
   /*.lipo-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-90px;
    margin-top:20px;

  }*/
  .o3-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-100px;
    margin-top:20px;

  }
  .trans-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-150px;
    margin-top:20px;

  }
  .detail-blocks{
    display:inline-flex;
    flex-wrap: wrap;

  }
  .call-content{
    left:10px !important;
  }


}
@media (min-width: 768px) and (max-width: 1024px) {

  /* CSS */

}

@media screen and (min-width: 1024px) {
   /*.lipo-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-130px ;
    margin-top:20px;
  }*/
  .o3-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-160px ;
    top:-50px;
  }
   /*
  .lipo-mid-img img{
    height: auto;
    width:200%;
    position: absolute;
    overflow: hidden;
    object-fit:cover;
    object-position: 0px 0px !important;
    margin-left:-130px ;
    margin-top:20px;
  }*/
  .detail-blocks{
    display:inline-flex;
    flex-wrap:nowrap;
  }
  .call-content{
    left:80px !important;
  }

}
.margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.display-table-cell-vertical-middle{
  vertical-align: middle;
  float: none;

}

.marg-middle{
  margin-left :-20px !important;
  margin-right :-20px !important;
}

@media (max-width: 767px){
.xs-equalize-auto>div {
  margin-bottom: 10% !important;

}
}

.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}

.img-responsive2{
  display: block;
  width:70%;
  max-width: 100%;
  height: auto;
}

.trans-img{
  display: block;
  max-width: 100%;
  width:80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  margin-top: 380px;

}
.pd-btm{
  padding-top:10px;
}
.title-flex-line{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom:20px;
}
.flex-line{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flex-right-line{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.title-line{
  display: block;
  max-width: 100%;
  height:auto;
  border-bottom: 2px solid var(--secondary-color);
  padding-bottom:10px;
}
.ex-title{
  padding-top: 20px;
}
.details-p{
  padding-top:20px;
}
.block-details{
  margin-left:0px !important;
  max-width: 100%;
  height: auto;

}
.header-title-line{
  display: block;
  max-width: 100%;
  height: auto;
  border-bottom: 1px solid var(--secondary-color);
  padding-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  width:470px;
}
.promise-title-line{
  display: block;
  max-width: 100%;
  height: auto;
  border-bottom: 1px solid var(--secondary-color);
  padding-bottom:10px !important;
  margin-left:auto;
  margin-right:auto;
  width:670px;
}
.whole-title-line{
  display: block;
  max-width: 100%;
  height: auto;
  border-bottom: 1px solid var(--secondary-color);
  padding-bottom:10px !important;
  margin-left:auto;
  margin-right:auto;
  width:640px;
}
.pract-title-line{
  display: block;
  max-width: 100%;
  height: auto;
  border-bottom: 2px solid var(--secondary-color);
  padding-bottom:10px;
  width:350px;
  padding-right:0px;

}
.pract-subtext{
  display: block;
  max-width: 100%;
  height: auto;
  width:380px;
}
.pract-btn{
  display: block;
  max-width: 100%;
  height: auto;
  width:380px;
}


.call-content h2{
  color:white;
  font-family: 'Open Sans', sans-serif;
  text-transform:uppercase;
  letter-spacing: 5px;
  font-size: 22px;
  font-weight:600;

}
.call-content p{
  color:white;
  font-size: 22px;
}
.call-content button{
  padding:5px 15px;
}
.call-content{
  position: absolute;
  z-index: 1;
  display: block;
  max-width: 100%;
  height: auto;
  width:360px;
  left:246px;
  top:150px;
}
.pract-title{
  padding-left:25px;
}

@media (min-width: 1281px) {

  .call-content{
    left:256px!important;
  }
  .pract-title{
    padding-left:25px!important;
  }

}
.prop-div{
  max-width: 100%;
  position:absolute;
  z-index:1;
  text-align:center;
  top:100px;
  margin-left:auto;
  margin-right:auto;
}

.prop-div p{
  color:white;
  font-size: 20px;
  padding-top: 20px;
}

@media screen and (max-width: 600px) {
  .prop-div p{
    font-size: 16px;
    padding-top: 20px;
    line-height: 26pt;
}
.prop-callout img {
  height:450px;
}
}
@media screen and (max-width: 768px) {
  .prop-div p{
    font-size:16px;
  }
}
.prop-title-line{
  border-bottom: 2px solid white;
  padding-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  color:white;
  font-size: 35px;

}
.prop-title-line h1{
  color:white;
}
.block-p{
  padding-top: 50px;
}
.sec-titles{
  padding-top:15px;
}

.prop-icon{
  display:block;
  max-width:100%;
  width:50%;
}
.chem-group{
  color:var(--primary-color);
  display:flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;

}

.chem-line{
  display: block;
  max-width: 100%;
  height: auto;
  border-bottom: 2px solid var(--secondary-color);
}
.chem-det{
  padding: 10px 0;
  max-width: 100%;

}
.chem-sec{
  display: flex;
  justify-content: space-evenly;

}

@media (min-width: 1281px) {
  .chem-sec{
  display: flex;
  }

}
@media screen and (max-width: 640px) {
  .chem-sec{
    display:inline-block;
  }
  .chem-line h2{
    font-size: 30px;
  }
  .flex-right-line{
    display:flex;
    align-items: flex-start;
  }
  .ftr-content{
    display:flex;
    flex-direction: column;
    padding-top:60px;
  }
  .ftr-in{
    padding-top: 10px;
  }
  .footer-bottom{
    position:relative;
  }
  .ftr-logo{
    position:absolute;
    top:-950px;

  }
}
@media (max-width: 768px){
  .chem-sec{
    display:inline-block;
  }
  .ftr-content{
    display:flex;
    flex-direction: column;
  }
  .ftr-in{
    padding-top: 10px;
  }

}

.footer-position{
  position:relative;
  margin-left: auto;
  margin-right: auto;
}
.footer-content{
  position:absolute;
  top:600px;
  margin-left: auto;
  margin-right: auto;
}
.ftr-content{
  display:flex;
  justify-content: space-between;

}
.fda-div{
  border-style: solid;
  border-width:1px;
  margin-left: auto;
  margin-right:auto;
  padding:0 10px;
}
.fda-div p {
  padding-top:10px;
  font-size:14px;
}
.footer-bottom{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top:70px;
}
.ftr-logo{
  padding-bottom: 20px;
}
.trans-section{
  position:relative;
  margin-left: auto;
  margin-right: auto;
}
.trans-details2{
  display: block;
  max-width: 100%;
  position:relative;
  margin-left: 0;
  margin-right: 0;
  margin-top:520px;
}
.trans-details2 p {
  font-size:18px !important;
  line-height:25px;
  margin: 0 auto;
  padding-bottom: 20px;

}
.trans-details2 h5 {
font-family: 'Open Sans', sans-serif;

}

.transp-flex{
  display: flex;
  flex-direction: column;
}
.transp-img{
  margin-bottom: -10px;
  z-index: 1;
}
.transp-content{
  background-color: #F3F5F4;
  padding-top:150px;
  padding-bottom:40px;
  margin-bottom: 20px;
}
.transp-content h5{
  font-size:24px;
}
.supp2{
  margin-bottom: 20px;
}
.o3-pad{
  padding-top:20px;
}
.o3-btn button{
  background-color:var(--secondary-color) !important;
}
.supp-bt button{
  display:block;
  border: none;
  border-radius: 30px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  top:-100px;
  background-color:var(--secondary-color) !important;

}
@media only screen and (max-width: 768px) {
    .trans-details2{
      margin-top: 380px !important;
    }
    .transp-content{
      margin-top: 60px;
      padding-top: 90px;
      padding-bottom: 20px;
    }

    .block-details2 img{
      display: block;
      max-width: 100%;
      margin-top:-100px !important;
      width:100%;
      margin-left:10px;
    }
    .supp-bt button {
      top:-80px;
    }
    .supp-details{
      margin-top: -700px !important;
    }
    .supp-banner img{
      height:900px;
    }



}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
  .trans-details2{
    margin-top: 380px !important;
    padding-bottom:30px;
  }
  .trans-details2 p{
    font-size: 14px !important;
  }

  .transp-content{
    margin-top: 80px;
    padding-top: 80px;

  }
  .transp-content h5{
    font-size:18px;
  }
  .supp-banner img{
    height:900px !important;
  }
}
@media only screen and (max-width: 500px) {
  .trans-details2{
    margin-top: 250px !important;
    margin-bottom: -130px;
  }

  .supp-bt button {
    top:-60px;
  }
  .supp-background{
      margin-top:-20px;
  }


}
.supp-section{
  position: relative;

}
.supp-ftr{
  display: block;
  max-width: 100%;
  padding-left:0;
  padding-right: 0;
  margin-bottom: 30px;
}
@media only screen
and (min-device-width: 420px)
and (max-device-width: 500px){
.supp-details{
  margin-top:-600px !important;
}

}
.sub-text {
  font-family: 'Open Sans', sans-serif !important;
  color: var(--primary-color);
  font-size:16px;
  font-weight:700;
  margin-bottom:2px !important;
}
.title-pad{
  padding-bottom: 20px;
}
.privacy-content{
  width: 100%;
  max-width:100%;
  display: block;
  word-wrap: break-word;
}
.privacy-content a{
  color:var(--secondary-color) !important;
}
.flex-parent {
  display: block;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 40px !important;
  margin-top:10px;
}

@media screen and (max-width: 600px){
  .flex-parent button {
    padding: 5px 20px !important;
  }
  .flex-parent{

    padding-bottom: 20px;
    display:grid;
    justify-content: center;
    margin-top:20px;
  }
}
@media screen and (min-width: 768px){
  .flex-parent button {
    padding: 5px 20px !important;
  }
  .flex-parent{
    padding-top:20px
    padding-bottom: 20px;
    display:grid;
    justify-content: center;

  }
}