/*global*/
html{font-family: 'Poppins', sans-serif;-webkit-tap-highlight-color: transparent;}
.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;
}

/*header + divider*/


.main-header{margin:10px 0px 20px}
.main-header h4{color:black;text-align: center;text-transform: uppercase;font-weight: bold;font-family: 'Montserrat', sans-serif;font-size:1.8rem}
.main-header span{color:#5c8be2}
@media only screen and (max-width: 992px) {/*mobile*/
  .main-header h4{font-size:1.6rem}
  .main-header{margin:0px}
}
  .main-header:after {
    content: "";
    display: table;
    clear: both;}
.divider-wow{width:100px;display:block;margin:10px auto}
.divider-wow span{background-color:#000;display:block;width:50%;height:6px;float: left;}
.divider-wow span:last-child{background-color:#5c8be2}

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

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


/*nav*/
nav {height:auto;line-height: 40px;}
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;}
}
.brand-logo svg{    height: 40px;padding: 7px;}
/*mobile nav*/
.sidenav-trigger  svg {height: 40px;padding: 2px;}
.navbar-fixed > .collapsible{margin:0px;}
.navbar-fixed  .collapsible-header{display:none !important;line-height: 0px !important;border-bottom:0px}
.navbar-fixed{height:40px}

@media only screen and (min-width: 993px) {/*desktop*/
  #nav-mobile {display: none}
}
/*buttons*/
.btn-buy-row{display: flex;margin: 20px 0px 65px;}

.btn-buy-nav{background-color:#f8f93c;}
.btn-buy-nav a{color:black}

.btn-buy-new {
      border: 0px;
  float: right;
      background-color: #f8f93c;
  border-radius: 15px;
      box-shadow: 0 0 0 1px #6f6f1a inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, -4px 4px 0 0 #6f6f1a, -4px 4px 0 1px rgba(0, 0, 0, 0.4), -4px 4px 4px 1px rgba(0, 0, 0, 0.5);
  color: black  !important;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 28px;
  padding: 15px 5px !important;
  margin: 15px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  -webkit-transition: all .2s linear;
  width: 186px;
  -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:hover {
  background-color: white;
  poisiton: relative;
  box-shadow: 0 0 0 1px #444 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, -2px 2px 0 0 rgba(0, 0, 0, 0.2), -2px 2px 0 1px rgba(0, 0, 0, 0.2), -2px 2px 4px 1px rgba(0, 0, 0, 0.2);
  -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:active {
  background-color: #white;
  box-shadow: 0 0 0 1px #444 inset, 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 4px 1px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 992px) {/* mobile*/
  .btn-buy-new{margin: 8px 0px;}
}

#home  .btn-buy-new{font-size: 20px;}


/*backgrounds*/


.background-ingr{background: url('img/back-ingr.jpg');background-size: contain;;background-repeat: no-repeat;background-position-x: left;height: 700px;}
.background1{background: url('img/back1.jpg');background-size: cover;background-repeat: no-repeat;background-position-x: center;height: 740px;overflow: hidden}

@media only screen and (max-width: 992px) {/* mobile*/
  .background1{background-position-x: 74%}
}
@media only screen and (max-width: 600px) {/*small mobile*/
  .background1{background-position-x: 57%;height: 600px;}
}


.background2{background: url('img/back2.jpg');background-color: #d28480;background-size: cover;background-repeat: no-repeat;background-position-x: center;height: 606px;}
@media only screen and (max-width: 992px) {/* mobile*/
  .background2{background-size: cover;height: initial;}
}

.background3{background: url('img/back3.jpg');background-color: #e3e3e5;background-size: cover;background-repeat: no-repeat;background-position-x: right;     background-position-y: bottom;}
@media only screen and (min-width: 1200px){
    .background3{background-size: contain;}
}
.background4{background: url('img/back4.jpg');background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position-x: center; }

.background5{background: url('img/back5.jpg');background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position-x: center; }

.background6{background: url('img/back6.jpg');background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position-x: center;    height: 730px;}
.background7{    background: url(img/back7.png);
    background-color: #fff;
    background-size: contain;
    height: 785px;
    position: relative;
    background-repeat: no-repeat;
    background-position-x: 20%;}
    @media only screen and (max-width: 992px){
        .background7{background:radial-gradient(circle, rgba(245,178,185,1) 0%, rgba(237,130,140,1) 100%);height:initial}
    }


@media only screen and (min-width: 1500px){
    #home .container{    width: 100%;}
}



/*section 0 home*/
#home .text-with-icon svg {
    fill: #000;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 100px;
    border:2px solid white;
    padding: 2px;
}

#home .logotop{    max-width: 200px;
    width: 100%;
    margin: 0px auto 10px;
    display: block;}


.home-big-text{    font-size: 80px;
    line-height: 57px;
    letter-spacing: -5px;
    color: white;
    font-weight: 900;
    text-align: center;
    position: absolute;
    bottom: 76px;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 2;
    -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom,  from(transparent), color-stop(52%, transparent), to(rgba(255, 255, 255, 0.64)))

    }



    @media only screen and (max-width: 992px){
      .home-big-text{    text-align: left;

          left: 20px;
          transform: none;}
    }
    @media only screen and (max-width: 1500px){
        #home .container{    width: 100%;}
    }
    .home-header h5{color:black;font-weight: bolder;margin: 30px 0px 35px;}

    .text-with-icon{display: flex;align-items: center;width:100%;    width: 100%;margin-left: auto;left: auto;right: auto;    float: left;margin-bottom:10px}
    .text-with-icon img{margin-right:5px;}
    .text-with-icon span{color:black;font-size:18px;    line-height: 16px;}
    .text-with-icon b{text-transform: uppercase;display: block;font-size:20px}

    @media only screen and (min-width: 993px) {/*desktop*/
      .home-product-img{
        width: 402px;
        margin:150px 0px 0px -125px;

      }
      .home-col-with-product{
        bottom: -45px;
position: relative;
      }
    }

    .home-product{position: relative;}

    .home-price{position:absolute;    top: -32px;
    z-index: -1;
    left: 39px;;background-size:cover}

    .home-price img{width:180px}
    @media only screen and (max-width: 992px) {/* mobile*/
      .home-price {    transform: scale(0.8);
    bottom: 0px;
    top: -55px;
    left: -10px;
    z-index: 1;
}

#buy .home-price{    bottom: 65px;
    left: 55% !important;
    transform: scale(0.8) translate(-92%, 0%) !important;}

      .home-price img{}
      .home-product{margin-top:80px}
      .home-product-img{width:250px;margin-left: -52px;    margin-top: 116px;    z-index: 99;
    position: relative;}
    }
    @media only screen and (min-width: 601px) {/* mobile*/
    #home  .home-product:before {content: '' !important;}
    }
    @media only screen and (max-width: 600px) {/* mobile*/
    #home    .home-product:before {
          width: 182px;
          position: absolute;
          top: -118px;
          left: -24px;
          text-align: right;
          letter-spacing: -2px;
          color: #0b2b67;
          font-weight: 900;
          line-height: 28px;
          font-size: 28px;
      }
            .home-product{margin-top:100px}
            .home-product-img{width:201px;}

    #buy  .home-product-img{width:230px;}
      .home-price {    transform: scale(0.65);
    bottom: 0px;
    top: -55px;
        left: -45px;
    z-index: 1;
}

#buy .home-price {
    bottom: 96px;}
}


    .home-100-img{position:absolute;bottom:0px;left:-20px}
    .home-price .price-tags{position: absolute;top: 40px;left: 45px;text-align: center;}

    .price-old{font-size:20px;line-height: 14px;font-weight: bold;text-decoration: line-through;color:black;display: block;}
    .price-new{font-size:38px;font-weight: bolder;color:red;display: block;}

/*section 1 about icons*/
    .about-row{    padding: 20px 0px;}
    .about-icon{text-align:center;font-size:18px;margin-top:20px;padding:0px 20px !important}
    .about-icon img{border-radius:100%;border:4px solid white;box-shadow: 0px 8px 20px 2px rgb(0 0 0 / 45%);max-width:150px;width:100%;display:block;margin:0px auto;margin-bottom: 20px}
    @media only screen and (max-width: 992px) {/* mobile*/
      .about-icon{font-size:18px}
    }
/*section 2 back2*/

.background2{
  display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}

.white-number{
  text-align:left;
  background:white;
  border-radius:100%;
  overflow:hidden;
  width: 150px;
  height: 150px;
  min-width: 150px;
  min-height: 150px;
}
.white-number span{
    font-size: 120px;
    font-weight: 900;
    color: #f6a2af;
    align-self: center;
    padding-left: 10px;


}



.row-section2{display: flex;justify-content: center;    flex-wrap: wrap;align-content: center;}
.section2-box{display: flex;flex-wrap: nowrap;margin-top:10px;position:relative}
.section2-box{color:white;text-align:left;font-size:18px}

    @media only screen and (max-width: 700px) {/* mobile*/
.background2 .container{width:100% !important;}
}
.section2-box .textspan{    align-self: center;margin:0px 20px}


    @media only screen and (max-width: 992px) {/* mobile*/
.white-number{    width: 89px;
    height: 89px;
    min-width: 89px;
    min-height: 89px;}
      .white-number span {
    font-size: 83px;}

      .section2-box .textspan {color:black; font-weight: 500;}
.flex-flip{flex-direction: row-reverse;}


    }


    @media only screen and (max-width: 992px){
      .white-number {
          width: 55px;
          height: 55px;
          min-width: 55px;
          min-height: 55px;
      }
        .white-number span {
      font-size: 55px;}

    }


    /*section 3 before and after*/
        .section3-text{margin:20px 0px;}
        .section3-text span{font-size: 18px;color:black;padding:20px 30px;display: block}
        .section3-text img{margin:0px auto;display: block;width:100%;    max-width: 350px;}
        @media only screen and (min-width: 993px) {/* desktop*/
          .section3-text span{padding:20px 30px;}
        }
        @media only screen and (min-width: 1300px) {/*big desktop*/
          .section3-text span{padding:20px 80px;}
        }
        @media only screen and (max-width: 992px) {/* mobile*/
          .section3-text span{font-size: 18px;}
        }


        .middle-text{font-size: 22px;text-align: center;margin: 50px 0px;padding:40px 0px}

  /*section 4 features with icons*/
        #features{margin: 40px auto; }

        .features-row{    display: flex;align-items: center;}

        .text-with-svgicon{    display: flex;align-items: center;width:100%;font-size:18px;color:black;width: 100%;margin-left: auto;left: auto;right: auto;    float: left;margin-bottom:10px}
        .text-with-svgicon i{float:left;    }
        .text-with-svgicon svg{    width: 60px;margin: 10px ;}
        .text-with-svgicon b{font-weight: normal !important;color:#5e8ae1}

        .features-photo{width:100%;max-width:500px;}

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

          .text-with-svgicon{font-size:18px}
          #features{width:100% }
          .features-row .feature-col-icons{background-color: #d28480;padding-top:20px}
          .text-with-svgicon b{color:white}
          .features-row{    display: flex;flex-wrap:wrap;align-items: center;}
          .features-photo{margin-top:20px;max-width: 350px}
        }

  /*section 5 ticks*/
        .text-with-svgicon2{    margin: 10px 0px;text-align:center;font-size:16px;color:black;padding:0px 10px}
        .text-with-svgicon2 i{display: block  }
        .text-with-svgicon2 svg{    width: 60px}
        .text-with-svgicon2 b{font-weight: normal !important;color:#d28480}

        @media only screen and (max-width: 600px) {/*small mobile*/
          .single-svgicon2{    margin-right: 50%;}
          .single-svgicon2:first-child{margin-top:0px}
          .text-with-svgicon2{font-size:16px}
        }
.background3 .main-header{padding-top:10px}
.background3 .main-header h4{    text-shadow: 0 0 12px #dcdcde;}
        @media only screen and (min-width: 993px){/* desktop*/
          .background3 .container{display: flex;align-items: center;width: 65%;}
        }
        @media only screen and (max-width: 992px){/* mobile*/
            .background3{background-position-x: 82%;}
            .background3 .main-header h4{ font-size:1.6rem !important}
            .background3 .main-header {
    padding-top: 5px;
}
        }


        @media only screen and (max-width: 600px){/*small mobile*/
          .single-svgicon2:last-child{margin-bottom:100px}
            .background3{background:none;    background-color: #e3e3e5;background-size: auto 40%;background-position-y: bottom;}
        }

        /*section 6 INGREDIENTS text*/
            .background4{padding:20px 0px}

            .background4 .row{    margin: 40px 0px;}



            .section6-text{font-size: 18px;color:black;margin:20px 0px;}
            .section6-text h5{font-weight: bold}
            .section6-text img{max-width: 300px;display: block;width:100%;margin:10px 0px}
            .section6-text-round{font-size: 18px;color:black;margin:20px 0px;border:5px solid #5c8be2;border-radius: 20px;padding: 20px}
            @media only screen and (max-width: 992px){/* mobile*/
              .section6-text img{margin:10px auto}
.section6-text-round{text-align: center;}
              .background4{padding:5px 0px}
              .background4 .row{    margin: 5px 0px 20px;}
              .section6-text{font-size:18px;text-align: center;}
            }
            /*section 7 INGREDIENTS photos*/

            #ingr{padding:20px 0px 50px}
            .ingr-row-photo{    display: flex;flex-wrap: wrap;align-items: flex-end;margin-bottom:40px}

            .ingr-with-photo {font-size: 20px;color:black;text-align: center;}
            .ingr-with-photo img{margin:0px auto;max-width:200px;width:100%;display: block;    box-shadow: 0px 0px 11px 7px white;}

            .bullet-with-svgicon{    display: flex;align-items: center;width:100%;font-size:20px;color:black;font-weight: 400px;width: 100%;margin-left: auto;left: auto;right: auto;    float: left;margin-bottom:10px}
            .bullet-with-svgicon i{float:left;font-size:0px}
            .bullet-with-svgicon svg{    width: 30px;margin: 5px ;}

            /*section 8 steps*/
            #steps{padding:20px 0px 50px}
            .steps-row{display: flex;justify-content: center;align-content: center;position: relative;}
            .steps-box{text-align: center;width:220px;z-index: 99}
            .steps-box img{display: block;height:390px;width: 100%;object-fit: cover;}
            .steps-box b{background:#5e8ae1;border-radius: 100%;padding:10px;color:white;text-align: center;margin:0px auto;font-size: 30px;width: 60px;height: 60px;line-height: 40px;display: flex;justify-content: center;    margin-top: -25px;    z-index: 99;
                position: relative;}
            .steps-box span{margin:10px 0px;display: block;color:black;font-size:20px;    line-height: 21px;}
            .steps-row .dotted-line{bottom: 120px;z-index:1;top: initial;border-top: dotted 8px #5880d7;    width: 50%;}

            /*section 9 Doctor*/
            #expert{padding:20px 0px 50px}
            #expert{overflow: hidden}
            #expert .container{width: 90%;    position: relative;}
            .expert-text{font-size:18px;color:black;border: 8px solid white;padding: 30px !important;padding-right: 73px !important;position: relative;}
            .expert-text:after{    content: '';
              background: url(img/expert-quote.png);
              display: inline-block;
              width: 60px;
              background-size: cover;
              height: 40px;
              background-repeat: no-repeat;
              position: absolute;
              top: 10px;
              right: 10px;
            }
            .expert-text span{color:#b36d72}
            .expert-img{position:relative;}
            .expert-img img{margin-top: -15px;    max-width: 370px;width:100%;bottom: 0px;}
            .expert-img span{font-size:20px;position:absolute;left: 20px;bottom:20px;}
            .expert-sign{
      display: flex;
      justify-content: center;
      align-content: center;

            }

        .expert-sign  span  {    font-size: 20px;align-self: center;
          justify-self: center;margin-right:15px}
            /*section 10 Reviews*/
            #reviews{padding:50px 0px;position: relative;}
            .reviews-row{display: flex;flex-wrap: wrap;}
            .reviews-row .col{display: flex;    margin: 10px 0px;}
            @media only screen and (max-width: 992px){
              .reviews-row .col{min-height:500px}
              #reviews{padding:5px 0px 10px;}
            }
            @media only screen and (max-width: 500px){
              .reviews-row .col{min-height:600px}
            }

            .review-box,.review-box:hover,.review-box:focus{-webkit-transition: background 0.4s ease-in-out;-moz-transition: background 0.4s ease-in-out;-ms-transition: background 0.4s ease-in-out;-o-transition: background 0.4s ease-in-out;transition: background 0.4s ease-in-out;}
            .review-box{border-radius: 10px;border:3px solid #d9e5f5;background-color: #f5f8ff;font-size:18px;    padding: 5px 15px;display: flex;flex-wrap: wrap;}
            .review-box:hover,.review-box:focus{background-color: #e7edfb}
            .review-with-photo {max-height: 100px;display: flex;align-items: center;width:100%;font-size:20px;color:black;font-weight:bold;width: 100%;margin-left: auto;left: auto;right: auto;    float: left;margin:10px 0px}
            .review-with-photo i{float:left;font-size:0px}
            .review-with-photo  img{    width: 70px;margin: 5px ;margin-right:15px;border-radius: 100%}
            .review-user-photo{max-width:300px;width:100%;margin:15px 0px 5px;    align-self: flex-end;}
            @media only screen and (max-width: 992px){
.review-box{font-size:18px}
            }
            /* slickslider*/



            .dots_slick{display: inline;}
            .slick-nav{display: flex;align-items: center;justify-content: center;}
            .slick-arrow{font-size: 0px;line-height: 0px;}
            ul:focus {outline: -webkit-focus-ring-color auto 0px;outline: 0px;}


            /*section 11 how to*/
            .icon-real{width: 30px;position: relative;left: 50%;}

            .icon-real1{margin-left: -20px;margin-top: 150px;}
            .icon-real2{margin-left:  15px;margin-top: 110px;visibility: hidden;}
            .icon-real3{margin-left: -35px;margin-top: 20px;visibility: hidden;}
            .icon-real4{margin-left: -15px;margin-top: 30px;visibility: hidden;}

            #howto{padding:20px 0px 50px;position: relative;}
            .howto-with-svgicon {    display: flex;align-items: center;width:100%;font-size:18px;color:black;width: 100%;margin-left: auto;left: auto;right: auto;    float: left;margin-top:10px;}
            .howto-with-svgicon i{float:left;font-size:0px}
            .howto-with-svgicon svg{    width: 85px;margin: 5px ;margin-right:35px}

            .howto-with-pngicon{    display: flex;align-items: center;width:100%;font-size:18px;color:black;width: 100%;margin-left: auto;left: auto;right: auto;    float: left;margin-bottom:10px}
            .howto-with-pngicon i{float:left;font-size:0px}
            .howto-with-pngicon img{wih:100%;max-width: 50px;margin: 5px ;}

            .howto-with-pngicon-col  {    display: flex;
    flex-wrap: wrap;padding: 10px !important;position: absolute !important;bottom: 0px;border-top-left-radius: 50px;background: rgb(245,178,185);
              background: -moz-radial-gradient(circle, rgba(245,178,185,1) 0%, rgba(237,130,140,1) 100%);
              background: -webkit-radial-gradient(circle, rgba(245,178,185,1) 0%, rgba(237,130,140,1) 100%);
              background: radial-gradient(circle, rgba(245,178,185,1) 0%, rgba(237,130,140,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5b2b9",endColorstr="#ed828c",GradientType=1);}


              @media only screen and (max-width: 992px){
                #howto{    padding: 25px 10px 0px;}
                .howto-with-pngicon-col{border-radius: 0px;position:relative !important;background:none}

              }

              @media only screen and (max-width: 400px){
                .howto-with-pngicon-col{padding:0px !important}
                .howto-with-pngicon-col:before{    margin-left: 5px;}
                .howto-with-pngicon{padding:0px !important}
              }

.iconpill{margin-right:10px}
.howto-with-svgicon{cursor:pointer;    padding: 10px !important;}
.howto-with-svgicon.active {color:white;    background-color: #5e8be1;
    border-radius: 50px;}
.howto-with-svgicon.active .iconpill{margin-right:10px;filter: brightness(10);}
            /*section 12 cert*/
            #cert{padding:50px 0px 50px;position: relative;margin-top:20px}
            .cert-box{background-color: #fff;border:2px solid #707070;border-radius:10px;padding-right:100px !important}
            @media only screen and (max-width: 992px){
              #cert{padding:0px;position: relative;margin-top:0px}
              #cert .row{margin-bottom:0px}
            }
            .cert-with-svgicon {    display: flex;align-items: center;width:100%;font-size:18px;color:black;width: 100%;margin-left: auto;left: auto;right: auto;    float: left;margin:30px 0px}
            .cert-with-svgicon i{float:left;font-size:0px}
            .cert-with-svgicon svg{    width: 70px;margin: 5px ;margin-right:15px}

            .cert-with-svgicon span span{color:#5789e0}

            .cert-img{    text-align: center;    }
            .cert-img img{max-width:300px;width:100%;margin:20px auto}

            .cert-img .materialboxed.active{border: 0px solid #5c8be2;border-radius: 0px;}
            #materialbox-overlay {background-color:  rgb(64 64 64);}
                .material-placeholder{font-size: 0px}
                .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .3s ease;background-color: rgb(70 170 236 / 25%);cursor: pointer;}
            @media only screen and (min-width: 993px){
              .cert-img{display: inline-block;position: absolute;top: 50%;right: -27%;;transform: translate(-50%, -50%);}
              .cert-img img{ max-width: 300px;width: 100%;margin: 0px;border-radius: 10px;border: 2px solid #5c8be2;}


            .cert-img:hover .overlay {opacity: 1;}
            .icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
            .icon svg{width:40px;}
            .icon path{fill:#5c8be2}
              }


          @media only screen and (min-width: 1500px){
            .cert-img{right: -15%;}
          }
            /*section 13 ship*/

@media only screen and (min-width: 993px){
#ship .main-header{margin-bottom:20px}
}
              .hovered.active img,.hovered img,.text-hovered,.hovered.active .text-hovered{-webkit-transition: all 0.3s ease-in;
              -moz-transition: all 0.3s ease-in;
              -ms-transition: all 0.3s ease-in;
              -o-transition: all 0.3s ease-in;
              transition: all 0.3s ease-in;}

            .hovered{position: relative;text-align:center;margin:10px 0px; }
            .hovered img{opacity:1;width:100%;max-width: 130px;margin:0px auto;display:block;border:5px solid #5880d7;    border-radius: 100%;    position: relative;
    z-index: -1;}
            .text-hovered{    font-size: 20px;
    opacity: 0;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px 15px;
    border: 5px solid #5880d7;
    border-radius: 20px;
}




.ship-row{position:relative;display:flex;    justify-content: center;    }
.dotted-line{    display: block;
    position: absolute;
    z-index: -2;
    top: 73px;
    border-top: dotted 10px #5880d7;
    width: 70%;}
            .hovered.active .text-hovered{opacity:1;text-align:center}
            .hovered.active img{opacity:0;border:0px solid #ed4658;}



            @media only screen and (max-width: 600px){
              .dotted-line{    transform: rotate(90deg);top: 50%;}
              .ship-row{flex-wrap: wrap}
              .hovered{margin:20px 0px}
            }

            @media only screen and (max-width: 992px){
              .text-hovered{    font-size: 16px;
              padding: 5px;    height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;}

            }
            @media only screen and (max-width: 600px){
              .hovered img {
              max-width: 60px;}

              .dotted-line {
              width: 46%;}

            }

            /* countdown in page*/
            .section-form .container{margin:40px auto}

            @media only screen and (max-width: 1500px){
              .section-form .container{width:90%}
            }
            .section-form h5{margin:0px auto 10px;text-align: center;font-weight: bold}
            .countdown_box_main{max-width: 300px;margin:10px auto}

            .countdown_box_main{overflow: hidden;}
            .countdown_box_main .cbox{border-radius: 5px;color: #c0232c;text-align: center;}

            .countdown_box_main .col{padding: 0 0.3rem !important}
            .countdown_box_main{width: 90%;margin: 0px auto;padding: 0 .75rem;}

            .countdown_box_main.red-count .cbox span:first-child{    font-size: 35px;
             display: block;
             background-color: #e30206;
             border-radius: 6px;
             border: 0px solid;
             color: #fff;
            }


            .countdown_box_main .cbox span:last-child{font-size: 15px;display: block;width:100%;color:black;text-transform: capitalize;}
            #home > div > div.col.s12.l8 > div > div > div:nth-child(4)

            @media only screen and (max-width: 992px){
              .countdown_box_main.white-count .cbox span:first-child{max-width: 80px;}
                 .countdown_box_main{width: 90%;}
                 .countdown_box_main .col{    padding: 0 4px !important}
                 .countdown_box_main .cbox span:last-child{font-size: 13px;}
            }



            @media only screen and (max-width: 500px){
                 .countdown_box_main .s4{padding:0px 2px}
               }

               @media only screen and (max-width: 400px){
                 .countdown_box_main{width: 100%;}
               }


/*footer*/
footer ul li a{cursor:pointer}
footer ul li:hover a{text-decoration:underline}

footer ul li:hover ,footer ul li a{-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;}

footer h5{font-weight:bold;font-size:1.4rem;text-transform:uppercase;color:white;background-color:#87a7e4;padding:20px 5px;position:relative;z-index:99}
footer li a,footer p{font-size:16px}

@media only screen and (min-width: 993px) {/*desktop*/
  footer .pinkbar{position: absolute;z-index: 9;background-color: #87a7e4;width: 100%;display: block;height: 67px;left: 0px;}
}

@media only screen and (max-width: 992px) {/*mobile*/
  footer .container{width: 100%;}
  footer h5,footer ul,footer p{padding-left:30px !important}
}