body{
    padding:0;
    font-family: 'poppinsregular';
}
html {
    scroll-behavior: smooth;
}
/* common */
b{
    font-family: 'poppinsmedium';
}
a {
    color: #0991cc;
}
/*.control-error*/
/*{*/
/*  display:none;*/
/*}*/
.white{
    color: #ffffff;
    text-align:left;
}
.black{
    color: #000000;
}
.yellow {
    color: #f6b430;
}
.w-72 {
    width: 17px;
    margin: 3px 6px;
}
.w-20{
    width: 40%;
}
.w-60{
    width: 40%;
}
.slick-slide{
    height:auto !important;
}
.socail_nav {
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    margin-right: 8px !important;
}
.btn-checkout{
    padding: 7px 13px !important;
}
.btn-theme a,.btn-checkout{
    background-color: #0991cc ;
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    transition: all 0.4s linear;
    border: 1px solid transparent;
    padding: 7px 29px;
    border-radius: 7px;
    box-shadow: inset 0 0px 0 0 #0991cc ;
    border:1px solid transparent
}
.btn-theme a:hover, .btn-checkout:hover{
    background-color: transparent;
    color: #0991cc  !important;
    box-shadow: inset 0 100px 0 0 #ffffff !important;
    border-color: #0991cc ;
}
a,a:hover{
    text-decoration: none;
}
.list-none{
    list-style: none;
    text-align: left;
}
.fw-400{
    font-weight: 400;
}
p {
    line-height: 1.5;
    color: #000000;
    font-weight: 500;
}


/*for seo*/

h1{
    font-weight: 700;
    font-family: 'poppinsmedium';
    position: relative;
}
h1:after{
    content:'';
    position: absolute;
    bottom:-4px;
    left:0;
    right:0;
    margin:auto;
    width:100px;
    height:3px;
    background-color: #0991CC;
}

h2{
    font-weight: 700;
    font-family: 'poppinsmedium';
    position: relative;
}

h2:after{
    content:'';
    position: absolute;
    bottom:-4px;
    left:0;
    right:0;
    margin:auto;
    width:100px;
    height:3px;
    background-color: #0991CC;
}

h4{
    font-weight: 700;
    font-family: 'poppinsmedium';
    position: relative;
}

.product-desc .right .info h1 {
    font-size: 23;
    font-weight: 300;
    padding: 0;
}

.product-desc .right .info h1:after{
    content:'';
    position: absolute;
    bottom:-4px;
    left:0;
    right:0;
    margin:auto;
    width:100px;
    height:3px;
}

.product-desc .description h2 ,.product-desc .accordian-header h2{
    font-size: 23px;
    font-weight:300;
    padding-left:0;
}



.product-desc .right .info h1:after {
    display: none;
}


.product-desc .description h2:after
{
  display: none;  
}

/*end for seo*/

/*.product-desc .description h3 ,.product-desc .accordian-header h3{*/
/*    font-size: 23px;*/
/*    font-weight:300;*/
/*    padding-left:0;*/
/*}*/

h3{
    font-weight: 700;
    font-family: 'poppinsmedium';
    position: relative;
}

/*h3:after{*/
/*    content:'';*/
/*    position: absolute;*/
/*    bottom:-4px;*/
/*    left:0;*/
/*    right:0;*/
/*    margin:auto;*/
/*    width:100px;*/
/*    height:3px;*/
/*    background-color: #0991CC;*/
/*}*/
.font-35{
   font-size: 28px;
}
.font-20{
    font-size: 20px;
 }
.font-13{
    font-size: 13px;
}
.font-14{
    font-size: 14px;
}
.font-15{
    font-size:15px;
}
.font-16{
    font-size:16px;
}
.font-20{
    font-size:20px;
}

.font-17{
    font-size: 17px;
}
.font-18{
    font-size:18px;
}
.font-25{
    font-size: 25px;
}
.font-28{
    font-size: 28px;
    line-height: 1.4;
}

.font-50{
    font-size:50px;
    font-weight: 900;
}
.hero{
    background-color: #eac0b1;
}
button:focus{
    outline:0;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}

/* header */
/* navbar */
.navbar .sticky_logo {
    display: none;
}
.sticky .sticky_logo {
    display: block;
}
.sticky .logo_main{
    display: none;
}
.bg-light {
    background-color: #ffffff !important;
    z-index: 9;
    position: relative;
    padding: 15px 0;
}
.navbar-brand img{
    width: 31%;
    margin: 0 auto;
    display: block;
}
.navbar-brand{
    width:100%;
    padding: 0;
    text-align: center;
}
.hdr-social {
    position: absolute;
    top: 0;
}
ul.navbar-nav li.nav-item a.nav-link.active,ul.navbar-nav li.nav-item a.nav-link:hover{
    color: #ffffff !important;
    position: relative;
}
.second-header ul li a:hover,.second-header ul li a.active{
    color: #ffffff;
}
ul.navbar-nav li.nav-item a.nav-link {
    transition: all 0.3s linear;
    display: block;
    white-space: nowrap;
    color: #ffffff !important;
    text-transform: capitalize;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
}
ul.navbar-nav li.nav-item {
    padding: 1px 20px;
    border-bottom: 1px solid gainsboro;
}
.second-header {
    /* background-color: #1bb1f5; */
    background-color: #1b88b9;
}
.sticky {
    position: fixed !important;
    bottom: 0;
    z-index: 999;
    box-shadow: 0px 0px 8px rgb(0 152 218 / 38%);
    background-color: #ffffff !important;
    margin-top: 0;
    width: 100%;
    left: 0;
    padding: 5px 0!important;
    background-image: none !important
}
.sp-active .navbar{
    background-image: none !important
}
.sp-sticky.sp-active .sticky_logo{
    display: block !important;
}
.sp-sticky.sp-active .logo_main{
    display: none;
}
.cart_sctn a.nav-link[aria-expanded="true"] {
    color: #000000 !important;
    background: transparent !important;
}
.sticky .cart_sctn {
    margin-bottom: -7px;
    justify-content: flex-end;
    margin-right: -14px;
}
.sticky .socail_nav{
    display: none !important;
}
.sticky .mobile-barr {
    flex-direction: row !important;
}
.sticky .navbar-brand img {
    width: auto;
    margin: 0 auto !important;
}
.sticky ul.col-sm-6{
    display: none !important;
}
/*.sp-sticky.sp-active .web-show{*/
/*    display: none;*/
/*}*/
.sticky .navbar-nav{
    justify-content: center !important;
    margin-right: auto !important;
    margin-top: 0 !important;
}
.buy_onbutton {
    display: flex;
}
.buy_on {
    display: flex;
    align-content: center;
}
.buy_on h5{
    font-size: 10px;
    margin: 0;
}
.buy_on a{
    margin:0 !important
}

#sidebar {
   width: 240px;
    position: fixed;
    top: 84px;
    left: -350px;
    height: 100vh;
    z-index: 999;
    background: #ffffff;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgb(90 74 74 / 20%);
    padding: 4px 0;
    transition: all 0.5s linear;
     background-image: url(../images1/sidebar-bg.png);
         background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
#sidebar img{
    transition: all 0.5s linear;
}
#sidebar a{
    color:#000000 !important;
}
#sidebar.active {
    left: 0;
}
.sp-active #sidebar {
    top: 58px;
}

#dismiss {
    width: 20px !important;
    height: 18px !important;
    text-align: center;
    text-align: right;
    margin-left: auto;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 18px;
}



.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #0991CC;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}
#sidebar ul li a:hover, #sidebar ul li a.active{
    color:#0991CC !important;
}
#sidebar ul li a {
       padding: 6px 10px 4px;
    font-size:14px;
    display: block;
    font-family: 'poppinsregular';
    position: relative;
     transition: all 0.5s linear;
}
/*#sidebar ul li a:after{*/
/*    background: #5ab4da;*/
/*    content:'';*/
/*    position: absolute;*/
   /* transform: translateX(-400px); */
/*   width:15%;*/
/*   height:2px;*/
/*   transition: all 0.5s linear;*/
/*   bottom:0;*/
/*   left: 15px;*/
/*   transform: scale(0);*/
/*}*/
/*#sidebar ul li a:hover:after{*/
/*    transform: scale(1.1);*/
/*}*/

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #0991CC;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%);
    bottom: 0;
    margin: auto;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #0991CC;
}
/*.btn-bar {*/
/*    position: fixed !important;*/
/*    left: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    background-color: transparent;*/
/*    width: 50px;*/
/*    margin: auto;*/
/*    padding: 8px;*/
/*    background: #0991cc;*/
/*    height: 52px;*/
/*    border-radius: 0 4px 4px 0px;*/
/*}*/
.btn-bar{
    background-color: transparent;
    width: 31px;
    margin: 0;
    padding: 0;
}
.font-12 {
    font-size: 12.7px;
    padding: 0px 0 0 !important;
    font-family: 'poppinsmedium';
}
.navbar {
    background-image: -ms-linear-gradient(to right, #ffffff 26%, #03a9f4 50%, #ffffff 70%);
    background-image: -moz-linear-gradient(to right, #ffffff 26%, #03a9f4 50%, #ffffff 70%);
    background-image: -o-linear-gradient(to right, #ffffff 26%, #03a9f4 50%, #ffffff 70%);
    background-image: -webkit-gradient(to right, #ffffff 26%, #03a9f4 50%, #ffffff 70%);
    background-image: -webkit-linear-gradient(to right, #ffffff 26%, #03a9f4 50%, #ffffff 70%);
    background-image: linear-gradient(to right, #fff 18%, #03a9f4 47%, #fff 81%);
}

/* banner */
.slick-dots{
    display: none !important;
}
.banner{
    background: #ffffff;
    margin-top: -2px;
}
/* end */
a{
    cursor:pointer !important;
    }
/* product-listing */
.product-list {
    background-color: #ffffff;
    margin-top: -7px;
    position: relative;
    overflow: hidden;
}
.product-detail {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px;
    transition: all 0.5s linear;
    overflow: hidden;
}
.product-detail:hover{
    border-radius: 10px;
}
.product-detail p{
  color: #644d5f;
  transition: all 0.5s linear;
}
.purple .product-detail{
    background-color: #cea2c5;
}
.pink .product-detail{
    background-color: #f49ea7;
}
.green .product-detail{
    background-color: #b4d65e;
}
.orange .product-detail{
    background-color: #f89e5f;
}
.sky .product-detail{
    background-color: #75cfd7;
}
.middle a.btn {
    text-decoration: none;
    color: #fff;
    position: relative;
    /* background: #bf4242; */
    background: #f78c40;
    border-radius: 7px;
    padding: 3px 29px;
    margin: 0;
    overflow: hidden;
    transition: .3s all ease-in-out;
    /* box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); */
}
a.btn .wave {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 50%;
    background: #0991cc;
    width: 500px;
    height: 500px;
    margin-left: -250px;
    margin-top: -485px;
    transform-origin: 50% 49%;
    border-radius: 43%;
    /* box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); */
    animation: drift 8000ms infinite linear;
}
a.btn.rumble {
    animation: rumbleinthejungle 300ms linear;
}
a.btn .text {
    position: relative;
    z-index: 2;
    font-size: 15px;
    text-transform: capitalize;
}
.middle   a.btn:hover {
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.1), 0 6px 10px 5px rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.3);
}
.main-img{
    transition: all 0.5s linear;
    position: relative;
}
.main-img img{
    transform:scale(0.99);
     transition: all 0.5s linear;
}
.main-img:hover img{
    transform:scale(1);
}
.sub_images .inner_img{
    width: 78%;
    overflow: hidden;
    position: relative;
    display: flex;
    background-color: #ffffff;
    margin: 6px 0;
    align-items: center;
    margin-left: auto;
}
/*.overlay{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background-color: rgb(255 255 255 / 15%);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
.icn_absolute{
    transition: all 0.5s linear;
    opacity:0;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index: 9;
    width:30%;
}
.sub_images .inner_img img{
    width:100%;
    height: 100%;
    object-fit: contain;
}
/*.main-img:hover .sub_images{*/
/*    opacity: 1;*/
/*    transform: scale(1.4);*/
/*}*/
/*.main-img .product-front{*/
/*    transition: all 0.5s linear;*/
/*}*/
/*.main-img:hover .product-front {*/
/*    transform: scale(1.1);*/
/*}*/
@media only screen and (min-width:2000px){
    #sidebar {
    top: 114px !important;
    }
}
@media only screen and (min-width:1900px){
    #sidebar {
    top: 104px !important;
    }
   .sp-active #sidebar {
    top: 78px !important;
    }
     .floating-icns {
    bottom: 0 !important;
   }
}


@media only screen and (min-width:1600px){
    #sidebar {
    top: 94px;
    }
    .floating-icns {
    bottom: 0 !important;
   }

}
@media only screen and (min-width:1200px){
    .sticky .col-md-3 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .sticky .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .sticky .justify-content-md-end {
        justify-content: flex-start !important;
    }
    .sticky .first_drop {
        width: auto;
    }
    .sticky #navbarDropdown,.sticky .cart-dropdown .nav-link{
        padding: 0 16px !important;
    }
    .sticky span.digit_quan {
        top: 0;
    }
    .sticky .dropdown{
        margin-top: -7px;
    }
    .first_drop{
        /* width: 155px; */
        text-align: right;
    }
}

@media only screen and (min-width:1200px) and (max-width:1400px){
    .pcd-images {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width:1023px){
   /*.sp-active .cart_sctn{*/
   /*     display:none !important;*/
   /* }*/
    .banner .slick-slide {
        height: auto;
    }
    .mobile-webb{
        display: flex !important;
    }
    header .row {
        width: 100%;
        padding-left: 5%;
    }
    header ul.col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%;
    }
    .sticky .mobile-barr .navbar-brand {
        width: 27%;
    }

    .sticky .mobile-barr  {
        border-top: none;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .sticky .PX-3{
        padding: 0 !important;
    }
    .sticky .row{
        width: 100% !important;
    }
    .sticky .navbar-brand img {
        width: 100%;
    }
    .sticky .mobile-show {
        display: none !important;
    }
    .navbar-toggler{
        display: block;
    }
    .sticky {
        padding: 8px 0 8px 9% !important;
    }
    .mobile-barr {
        position: relative;
        border-top: 1px solid #ebebeb;
        padding-top: 9px;
        margin-top: 10px;
    }
    .mobile-barr .navbar-brand{
        position: absolute;
        width: 30%;
    }
    .web-show{
        display: none !important;
    }
    .mobile-show{
        display: block !important;
    }
    ul.navbar-nav li a.active:after, ul.navbar-nav li a:hover:after {
        bottom: 0;
        margin: 0;
    }
    ul.navbar-nav {
        width: 100%;
        margin-bottom: 0;
        align-items: flex-start !important;
        padding: 0;
    }
    ul.navbar-nav li.nav-item a.nav-link {
        padding: 14px 0;
    }
    ul.navbar-nav  li.nav-item{
        width:100%;
    }
    .second-header {
        padding-bottom: 0;
    }

}

@media only screen and (min-width:1024px) and (max-width:1200px){
    .sticky .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%;
        justify-content: flex-end;
    }
    .banner .slick-slide {
        height: auto;
    }
    .product-list  .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .sticky {
        padding: 2% 9% !important;
    }
    .sticky .navbar-brand img {
        width: 58%;
    }
 }

@media only screen and (min-width:768px) and (max-width:1023px){
    .account-content {
    height: auto !important;
    }
     .w-20 {
    width: 14%;
}
    .cart_sctn {
          width: 40% !important;
    }
    .fixed-bar {
        padding: 10px 0;
    }
    .floating-icns,p.right_endd {
    z-index: 9;
}
    .font-25 {
        font-size: 18px;
    }
    .font-18 {
        font-size: 13px;
    }
    .why li{
        margin-bottom: 3px !important;
    }
    .font-17 {
        font-size: 14px;
    }
    .navbar-brand img {
        width: 48%;
        margin-left: auto !important;
        display: flex;
        justify-content: flex-end;
        margin: 0;
    }
    #sidebar {
        padding-top:10px;
        top: 72px;
    }
    .quality  .col-md-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .navbar {
        background-image: -ms-linear-gradient(to right, #fff 0, #03a9f4 47%, #fff 78%);
        background-image: -moz-linear-gradient(to right, #fff 0, #03a9f4 47%, #fff 78%);
        background-image: -o-linear-gradient(to right, #fff 0, #03a9f4 47%, #fff 78%);
        background-image: -webkit-gradient(to right, #fff 0, #03a9f4 47%, #fff 78%);
        background-image: -webkit-linear-gradient(to right, #fff 0, #03a9f4 47%, #fff 78%);
        background-image: linear-gradient(to right, #fff 0, #03a9f4 47%, #fff 78%);
    }
    .navbar-brand {
           width: 42%;
    }
    .mobile-webb{
        display: flex !important;
        flex-direction: row !important;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        align-items: center !important;
    }
    .mobile-barr{
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
    }
    .product-list .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 19px auto 0;
    }
    .product-list .flex-column-reverse{
        flex-direction: column-reverse !important;
    }

    .product-list  .px-md-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .product-detail {
        width: 465px;
        height: 465px;
        padding: 25px;
    }
    .font-35 {
        font-size: 30px;
    }
    .cntc_icn {
        width: 15%;
        margin-right: 5px;
    }
    footer .px-md-4{
        padding:0 !important
    }
    .product-list  .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .sticky .mobile-barr .navbar-brand {
        top: 3px;
    }
    header .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mobile-barr .navbar-brand {
        left: 0;
        top: 15px;
    }

}

@media only screen and (max-width:767px){
    .account-content .account-layout {
    padding: 15px 0 !important;
    padding-left: 0 !important;
}
    .account-content {
    height: auto !important;
    }
   .auth-content p {
        margin: 0;
    }
    .sign_text p:before,.sign_text p:after {
    width: 38px !important;
    }
    .signin-bg,.signup-bg {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: unset !important;
    }
    .signin-bg {
       padding-top: 50px;
    }
    .form-container .container .body {
        padding: 0 !important;
    }
    p.right_endd {
       bottom: 0 !important;
    }
      .navbar {
        background-image: -ms-linear-gradient(to right, #fff -18%, #03a9f4 100%, #FF9 0%);
        background-image: -moz-linear-gradient(to right, #fff -18%, #03a9f4 100%, #FF9 0%);
        background-image: -o-linear-gradient(to right, #fff -18%, #03a9f4 100%, #FF9 0%);
        background-image: -webkit-gradient(to right, #fff -18%, #03a9f4 100%, #FF9 0%);
        background-image: -webkit-linear-gradient(to right, #fff -18%, #03a9f4 100%, #FF9 0%);
        background-image: linear-gradient(to right, #fff -18%, #03a9f4 100%, #FF9 0%);
    }
     .fixed-bar {
        display: none;
    }
    .why {
        background-size: cover !important;
    }
    .stars{
        margin:-5px 0'
    }
    .product_description{
        margin-top:8px;
    }
    .socail_nav{
        padding:0;
    }
    .col-md-6:nth-child(2n) .main-img:hover .product-front {
        margin-left: -65px !important;
    }
    .col-md-6:nth-child(2n+1) .main-img .sub_images,  .col-md-6:nth-child(2n) .main-img .sub_images  {
        left: 0 !important;
    }
   .main-container-wrapper .sub_images .inner_img .social_pro img {
        width: 13px !important;
    }
    .main-container-wrapper .sub_images .text {
        font-size: 7px !important;
    }
    .main-img .sub_images{
        display:block;
    }
    .sub_images .inner_img {
        width: 50%;
    }
    .parah_text p {
        font-size: 10px !important;
    }
    .mobile-webb{
        display: flex !important;
    }
    .dropdown{
        text-align: right;
    }
    .dropdown-menu {
        left: -75% !important;
        min-width: 18rem !important;
    }
    .shipping-img {
        margin-bottom: 20px;
    }
    .cntc_icn {
        width: 12%;
        margin-right: 6px;
    }
    .product-detail {
        margin: 15px auto;
    }
    .font-25 {
        font-size: 20px;
    }
    .why  ul {
        margin: 0 0 0 20px !important;
    }
    .font-18 {
        font-size: 14px;
    }
    .custom-social-proof {
        bottom: 5px !important;
        left: 5px !important;
    }
   .dropdown-menu.drop-search{
    left: 6% !important;
    min-width: 18rem !important;
}
}

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

    .w-72 {
        width: 12px !important;
        margin: 3px 3px;
    }
    .w-20 {
        width: 20%;
    }
    .navbar-brand {
       width: 72%;
    }
    .container {
        width: 95%;
    }
     .font-20 {
        font-size: 14px;
    }
    .cntc_icn {
       width: 20px !important;
    }
    #sidebar {
        top: 113px;
    }
    .font-17 {
        font-size: 13px;
    }
    .floating-icns {
      bottom: 0 !important;
    }
    .about p{
        text-align:justify;
    }
    .quality  .font-17 {
        font-size: 14px;
        margin-top: 6px;
    }

    .main-img:hover .product-front {
        transform: scale(0.9);
    }
    .sub_images .inner_img {
        width: 50%;
    }
    .main-img:hover .sub_images {
        transform: scale(1.7);
    }
    .cnt223 {
        min-width: 100% !important;
        width: 100%  !important;
        text-align: left !important;
    }
    .popup img {
        margin: 0 !important;
    }
    .content h2 {
        transform: translate(0,-35%) !important;
    }
    .navbar-brand img {
         width: 61%;
        margin: 0 auto !important;
        display: block;
    }
    .sticky .mobile-barr .navbar-brand {
        width: 54% !important;
    }

    .product-detail {
        width: 330px;
        height: 330px;
        padding: 20px;
        margin: 15px auto;
    }
    .cart_sctn {
        width: 100%;
        text-align: center;
        margin: 12px 0 5px;
        justify-content: center !important;
    }
    .font-35 {
        font-size: 21px;
    }
    .font-15 {
        font-size: 13px;
    }
    .review-inner{
        width: 100%;
    }
}

@keyframes drift {
    from {
     transform: rotate(0deg);
    }
    from {
     transform: rotate(360deg);
    }
   }

   @keyframes rumbleinthejungle {
    0% {
     transform: translatex(0);
    }
    25% {
     transform: translatex(-5px);
    }
    50% {
     transform: translatex(0);
    }
    75% {
     transform: translatex(5px);
    }
    100% {
     transform: translatex(0);
    }
   }

 .product-detail p {
    overflow:hidden;
   transition: all 5s linear;
  }
  .product-detail:hover p {
    border-right: .15em solid transparent; /* The typwriter cursor */
    animation:
      typing 6.5s steps(150, end),
      blink-caret .75s step-end infinite;
    transition: all 1s linear;

  }

  /* The typing effect */
  @keyframes typing {
    from { height: 0 }
    to { height: 100% }
  }

  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: transparent; }
  }

  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
    }
    .cnt223 a{
    text-decoration: none;
    }
    .popup{
        width: 100%;
        margin: auto;
        display: none;
        position: fixed;
        z-index: 9999999;
        top: 0;
        background: #000000f1;
        height: 100vh;
        bottom:0;
        left:0;
        right:0;
    }
    .cnt223{
    min-width: 600px;
    width: 600px;
    min-height: 150px;
    margin: 100px auto;
    background: #accbd6;
    position: relative;
    z-index: 103;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    }
    .cnt223 p{
    clear: both;
        color: #555555;
        /* text-align: justify; */
        font-size: 20px;
        font-family: sans-serif;
    }
    .popup img{
        width:35%;
        margin:10px auto 0;
        display:block;
    }
    .popup .btn-theme{
        position: relative;
        z-index:999;
    }
    .cnt223 p a{
    color: #d91900;
    font-weight: bold;
    }
    .cnt223 .x{
    float: right;
    height: 35px;
    left: 22px;
    position: relative;
    top: -25px;
    width: 34px;
    }
    .cnt223 .x:hover{
    cursor: pointer;
    }


.content{
	position: relative;
    width:600px;
    height:70px
}
.content h2{
	position: absolute;
	color: #fff;
	transform: translate(60%,-35%);
	font-size: 3rem;
    top: 30px;
}
.content h2:nth-child(1){
	color: transparent;
	-webkit-text-stroke: 1px #201e1e;
}
.content h2:nth-child(2){
	color: #201e1e;
	animation: animate 2s ease-in-out infinite;
}
@keyframes animate{
	0%,100%{
		clip-path: polygon(0 46%, 15% 48%, 29% 53%, 47% 59%, 61% 60%, 77% 58%, 89% 53%, 100% 51%, 99% 99%, 1% 99%, 0% 100%);
	}
	50%{
		clip-path: polygon(0 54%, 12% 60%, 30% 59%, 46% 57%, 59% 52%, 71% 45%, 85% 40%, 100% 41%, 100% 100%, 1% 99%, 0% 100%);
	}
}
.wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 120px;
  }
  .bgWave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat;
    background-position: left bottom;
    transform-origin: left bottom;
  }
  .waveOne {
    background-size: 50% 120px;
    background-image: url(https://upload.cc/i1/2020/05/14/A2kBfn.png);
    animation: wave 12s linear infinite;
  }
  .waveTwo {
    background-size: 50% 120px;
    background-image: url(https://upload.cc/i1/2020/05/14/A2kBfn.png);
    animation: wave-reverse 6s linear infinite;
    right: 0;
    left: auto;
  }
  @keyframes wave {
      0% {
          transform: translateX(0)
      }
      50% {
          transform: translateX(-25%)
      }
      100% {
          transform: translateX(-50%)
      }
  }
  @keyframes wave-reverse {
      0% {
          transform: translateX(0) scaleY(1)
      }
      50% {
          transform: translateX(25%) scaleY(0.55)
      }
      100% {
          transform: translateX(50%) scaleY(1)
      }
  }


  /******custom css**********************/
  .right{
    flex-direction: row-reverse;
  }

  .dropdown-menu{
    padding: 1.2rem;
    left: -97px;
  }
.dropdown-menu  button#close-btn {
    border: none;
    background-color: transparent;
    font-size: 19px;
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 999;
    cursor: pointer;
}
span.product_img {
    width: 42px;
    height: 42px;
    background-color: gray;
    border-radius: 50%;
    margin-right: 9px;
    overflow: hidden;
    border:1px solid gray;
}
span.product_img img{
  width:100%;
  height:100%;
  object-fit: contain;
}
.cart-dropdown{
    padding-top: 4px;
}
.cart-dropdown .dropdown-menu{
  left:-100%;
  min-width: 18rem;
}
  .dropdown-menu .btn-theme {
   margin:0 8px
  }
  .box-quantity{
    margin-left: 6px;
    width:20px;
    height:26px;
    border:1px solid gray;
    text-align: center;
  }
  .cart_sctn .dropdown a:hover{
    color:#000000 ;
  }
 .mobile-webb{
     display: none;
 }


 /*************velocity css**********************/
 .checkout-process {
    padding: 40px 20px;
  }

  .checkout-process .col-lg-7 .coupon-container,
  .checkout-process .col-lg-7 > div:not(:first-child) {
    margin-top: 20px;
  }

  .checkout-process h1 {
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 30px;
  }

  .checkout-process .scrollable, .checkout-process .layered-filter-wrapper {
    padding-top: 25px;
  }

  .checkout-process .order-summary-container {
    top: 75px;
  }

  .checkout-process .order-summary-container .theme-btn, .checkout-process .order-summary-container .cart-details .continue-shopping-btn, .cart-details .checkout-process .order-summary-container .continue-shopping-btn, .checkout-process .order-summary-container .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .checkout-process .order-summary-container button.btn, .checkout-process .order-summary-container .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity .checkout-process .order-summary-container button, .checkout-process .order-summary-container .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .checkout-process .order-summary-container button, .checkout-process .order-summary-container .account-content .account-layout .bottom-toolbar .pagination .page-item, .account-content .account-layout .bottom-toolbar .pagination .checkout-process .order-summary-container .page-item {
    display: none;
  }

  .checkout-process .order-summary-container.bottom h3 {
    display: none;
  }

  .checkout-process input[type=radio] {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }

  .checkout-process .styled-select {
    cursor: pointer;
  }

  .checkout-process .styled-select + .select-icon {
    top: 55%;
    left: 92%;
    font-size: 20px;
    position: absolute;
  }

  .checkout-process .coupon-container input {
    max-width: 200px;
  }

  .checkout-process .coupon-container button {
    margin: 20px 0 30px 0;
  }

  .checkout-process .coupon-container .applied-coupon-details {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .checkout-process .coupon-container .applied-coupon-details label:nth-of-type(1) {
    color: #0991cc;
  }

  .checkout-process .coupon-container .rango-close {
    cursor: pointer;
    margin-left: 5px;
  }

  .address-container .address-holder {
    margin-top: 15px;
  }

  .address-container .address-holder > div {
    margin: 5px 0;
    padding-left: 0;
  }

  .address-container .address-holder .card {
    height: 100%;
  }

  .address-container .address-holder .card h5 {
    font-size: 14px;
  }

  .address-container .address-holder .card ul li {
    display: inline-block;
  }

  .address-container .address-holder .card .add-address-button {
    height: 100%;
    display: table;
    text-align: center;
  }

  .address-container .address-holder .card .add-address-button > div {
    display: table-cell;
    vertical-align: middle;
  }

  .address-container .address-holder .card .add-address-button > div span {
    vertical-align: super;
  }

  .custom-form .form-field {
    padding: 0;
    margin-bottom: 20px;
  }

  .custom-form label {
    font-weight: 500;
    font-size: 15px;
  }

  .custom-form input[type=text],
  .custom-form input[type=password],
  .custom-form input[type=search],
  .custom-form select {
    width: 100%;
    resize: none;
    font-size: 14px;
    padding: 5px 16px;
    border-radius: 1px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
  }

  .custom-form input[type=checkbox] {
    position: relative;
    /* top: 3px; */
    margin-right:3px;
  }

  .custom-form input:active,
  .custom-form input:focus,
  .custom-form select:focus,
  .custom-form select:active {
    border-color: #0991cc;
  }

  .shipping-form h3,
  .payment-form h3,
  .review-checkout-conainer h3 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 300;
  }

  .shipping-form .shipping-methods > .row,
  .shipping-form .payment-methods > .row,
  .payment-form .shipping-methods > .row,
  .payment-form .payment-methods > .row,
  .review-checkout-conainer .shipping-methods > .row,
  .review-checkout-conainer .payment-methods > .row {
    margin-bottom: 20px;
  }

  .shipping-form .shipping-methods .instructions,
  .shipping-form .payment-methods .instructions,
  .payment-form .shipping-methods .instructions,
  .payment-form .payment-methods .instructions,
  .review-checkout-conainer .shipping-methods .instructions,
  .review-checkout-conainer .payment-methods .instructions {
    margin-top: 5px;
    margin-left: -13px;
  }

  .shipping-form .shipping-methods .instructions label,
  .shipping-form .payment-methods .instructions label,
  .payment-form .shipping-methods .instructions label,
  .payment-form .payment-methods .instructions label,
  .review-checkout-conainer .shipping-methods .instructions label,
  .review-checkout-conainer .payment-methods .instructions label {
    font-weight: 600;
    font-size: 14px;
  }

  .shipping-form .shipping-methods .instructions p,
  .shipping-form .payment-methods .instructions p,
  .payment-form .shipping-methods .instructions p,
  .payment-form .payment-methods .instructions p,
  .review-checkout-conainer .shipping-methods .instructions p,
  .review-checkout-conainer .payment-methods .instructions p {
    margin: 0;
    font-size: 14px;
    color: #777777;
    font-style: italic;
  }

  .shipping-form .address-summary li,
  .payment-form .address-summary li,
  .review-checkout-conainer .address-summary li {
    display: inline-block;
  }

  .shipping-form .cart-item-list,
  .payment-form .cart-item-list,
  .review-checkout-conainer .cart-item-list {
    padding: 20px 0;
    border-bottom: 1px solid #E5E5E5;
  }

  .shipping-form .cart-item-list h4,
  .payment-form .cart-item-list h4,
  .review-checkout-conainer .cart-item-list h4 {
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px !important;
    font-size: 22px;
    font-weight: 300;
  }

  .shipping-form .cart-item-list > .row:first-child,
  .payment-form .cart-item-list > .row:first-child,
  .review-checkout-conainer .cart-item-list > .row:first-child {
    margin-top: 50px;
  }

  .shipping-form .cart-item-list > .row,
  .payment-form .cart-item-list > .row,
  .review-checkout-conainer .cart-item-list > .row {
    margin-bottom: 20px;
  }

  .shipping-form .cart-details,
  .payment-form .cart-details,
  .review-checkout-conainer .cart-details {
    padding: 40px 0;
  }

  .order-summary-container {
    top: 50px;
    padding-top: 25px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: sticky !important;
    max-width: 500px !important;
  }

  .order-summary-container > div {
    width: 100%;
  }

  .order-summary-container .order-summary {
    padding: 25px 30px;
    border: 1px solid #E5E5E5;
    font-size: 15px;
    text-align:center;
  }

  .order-summary-container .order-summary > h3 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 300;
  }

  .order-summary-container .order-summary > .row:not(:last-child) {
    margin-bottom: 10px;
  }

  .order-summary-container .order-summary #grand-total-detail {
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 25px;
    border-top: 1px solid #E5E5E5;
  }

  .order-success-content {
    padding: 40px 20px;
    font-size: 16px;
    margin-bottom: 109px;
  }

  .search-result-status {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  #address-section .form-header h3 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 300;
  }

  .attached-products-wrapper {
    margin-top: 20px;
  }

  #related-products-carousel .product-card-new:first-child {
    margin-left: 0px !important;
  }

  .price-label {
    margin-right: 6px;
  }

  .product-price {
    height: 72px;
    /*
         for bundle product content is more so adjusting in particular div
         by using default behaviour i.e. inline
      */
  }

  .product-price .price-label {
    margin-right: 6px;
  }

  .product-price .regular-price {
    font-weight: 500;
    margin-right: 10px;
    text-decoration: line-through;
    display: block;
  }

  .product-price .price-from .bundle-regular-price {
    font-size: 12px !important;
    font-weight: 500;
    margin-right: 10px;
    text-decoration: line-through;
  }

  .product-price .price-from .bundle-special-price {
    font-size: 15px !important;
    font-weight: 600;
  }

  .product-price .price-from .bundle-to {
    display: block;
    font-size: 15px !important;
    font-weight: 500;
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .product-price span.price-label {
    font-size: 16px;
  }

  .product-price span.final-price {
    font-size: 24px;
  }
  span.digit_quan {
    width: 15px;
    height: 15px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: 32px;
    /* top: 0;
    left: 38px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #ffffff;
}

/* cart */
.cart-header {
    max-height: 45px;
    margin-bottom: 20px;
    padding-bottom: 20px !important;
    border-bottom: 2px solid #e5e5e5;
}
.fs20, .product-detail .right .info .price {
    font-size: 20px;
}
.fw6, .product-detail .right .info .price, .product-detail .right h3, .product-detail .right h4 {
    font-weight: 600;
}
.cart-details .cart-content .product-details-content .row {
    font-size: 16px;
}

.link-color {
    color: #0991cc;
}
.cart-details .cart-content .cart-item-list > .row {
    margin-bottom: 40px;
}
.cart-details .cart-content .cart-item-list > .row:last-child {
    padding-bottom: 20px;
    border-bottom: 2px solid #e5e5e5;
}
.theme-btn:hover.light {
    border: 1px solid #0991cc !important;
}
.theme-btn:hover {
    border-color: #0991cc !important;
    background-color: #ffffff !important;
    color: #0991cc !important;
}
.cart-details .coupon-container {
    margin-top: 20px;
}
.order-summary-container > div {
    width: 100%;
}
.theme-btn {
    background-color: #0991cc;
    border: 1px solid;
    color: #fff;
    padding: 9px 22px;
    border-radius:5px;
}
.theme-btn:hover{
    color: #0991cc;
    background-color:#ffffff;
}
.quantity {
    width: unset;
    float: right;
}
.quantity button, .quantity input {
    height: 35px;
    border-radius: 2px;
    vertical-align: top;
    padding: 0 10px !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    color: #000 !important;
    background-color: #fff;
    border: 1px solid #ccc !important;
}
.product-quantity.col-3.no-padding {
	padding: 0;
}
.quantity.control-group label
{
    width: 100%;
}
.quantity input {
    max-width: 50px;
    cursor: default;
    font-size: 15px !important;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
    width: 30px;
    font-weight: 300 !important;
}

.align-vertical-super {
    color: #fff;
    background-color: #000;
    padding: 7px 13px;
    font-size: 13px;
}
.main-content-wrapper {
    font-size: 13px;
    font-weight: 300;
}
.pl30 {
    padding-left: 30px;
    font-size: 13px;
    font-weight: 300;
}
.radio-container{
    padding-top:5px;
}
.pl40{
    padding-left:40px;
}
.payment-method.method-label,.method-summary {
    font-size: 13px;
    font-weight: 300;
}
.billing-address .card-title {
    font-size: 15px;
}
.card-content ul{
    margin:0;
    padding-left: 10px;
}
.card-content ul li{
    font-size: 13px;
}
.cart-item-list img{
    /*max-width: 110px;*/
    /*max-height: 110px;*/
}

.max-sm-img-dimention img{
    max-width: 110px;
    max-height: 110px;
}
.cart-item-list .fs20{
    font-size: 16px;
    font-weight: 300;
}
.cart-item-list .fw6{
    font-weight: 300;
}
.cart-item-list .row{
    font-size: 15px;
    font-weight:300 !important;
}
.fs16 {
    padding-left: 30px;
}
.fs18 {
    font-size: 18px;
    font-weight:300;
}
.info {
    font-size: 15px !important;
}
.mb20 {
    margin-bottom: 20px;
}

/* 10th aug */
.form-container .container .heading h2 {
    line-height: 4rem;
    display: inline-block;
    font-size: 28px;
}
.form-container .container .heading .btn-new-customer {
    float: right;
    font-size: 16px;
}
.theme-btn.light {
    color: #0991cc !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 1px 0 0 #cfcfcf;
    box-shadow: 0 1px 0 0 #cfcfcf;
    border: 1px solid #0991cc;
}
.form-container .container .body {
    font-size: 16px;
    padding: 0 55px 0 55px;
    /*margin-bottom: 60px;*/
    /*border: 1px solid #ccc;*/
}
.form-container .container .body form > div {
    padding-bottom: 20px;
}
.auth-content .social-login-links .control-group {
    float: left;
    width: 100%;
    margin-bottom: 10px !important;
}
.social-login-links .link {
    min-width: 220px;
    max-width: 100%;
    margin: 0;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    float: left;
    font-size: 14px;

}
.social-login-links .link.facebook-link {
    background-color: #5272b3;
}
.social-login-links .link.twitter-link {
    background-color: #0597e6;
}
.social-login-links .link.google-link {
    background-color: #e45e52;
}
.social-login-links .link.linkedin-link {
    background-color: #007bb6;
}
.social-login-links .link.github-link {
    background-color: #24292e;
}
.social-link-seperator {
    position: relative;
    border-top: 1px solid #d3d3d3;
    margin: 30px 0 25px;
    display: inline-block;
    width: 100%;
    display: none;
}
.form-container .container .body form > div {
    /*padding-bottom: 20px;*/
    padding-bottom:0;
}
.social-link-seperator span {
    background-color: #fff;
    position: absolute;
    left: 20px;
    top: -12px;
    padding: 0 15px;
    text-align: center;
}
.label-style {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: 100 !important;
    font-size: 15px !important;
}
.mandatory, .required {
    width: 100%;
}
.form-container .container .body form > div input {
    border: 1px solid #dcdcdc;
}
.form-style {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.float-right {
    float: right !important;
}
.form-header h3{
    font-size: 23px;
    font-weight:300 !important;
}
.form-header p{
    font-size: 14px;
}
.auth-content h3{
    font-size: 23px;
    font-weight:300 !important;
}
.auth-content p{
    font-size: 14px !important;
    padding-left: 0 !important;
}

.col-md-6:nth-child(odd) .main-img:hover .product-front {
    margin-left: -145px;
}
.col-md-6:nth-child(even) .main-img:hover .product-front {
    margin-left: 50%;
}
.col-md-6:nth-child(odd) .main-img .sub_images {
left: 34%;
}

.sub_images .inner_img .social_pro img {
    width: 25px !important;
}
.sub_images .inner_img a{
  margin:0 4px;
}
.font-11{
  font-size: 11px;
}
.sub_images .middle a.btn {
    padding: 4px 13px !important;
}
.sub_images .text {
  font-size: 11px !important;
}

.parah_text p{
    font-size:13px;
}

.main-img a{
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

.product-desc .right .info h2 {
    font-size: 23;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 0;
}
.product-desc .right .info div {
    padding-left: 0;
}
.product-desc .right .info .availability button.active {
    background: #4d7ea8;
}
.product-desc .right .info .availability button {
    border: none;
    color: #fff;
    font-weight: 600;
    cursor: default;
    padding: 2px 11px;
    background: #f05153;
}
.product-desc .right .info .price {
    font-size: 20px;
    font-weight:600;
    padding-left: 0;
}
.product-desc .right .info div {
    padding-left: 0;
    margin-bottom: 10px;
}
.product-desc .compare-icon,.product-desc  .wishlist-icon {
    display: none;
}
.product-desc .product-actions {
    display: flex;
    align-content: center;
}
.product-desc  .theme-btn {
    height: 42px;
}
.product-desc  .product-price{
    font-size: 23px  !important;
    font-weight: 300 !important;
}


.product-desc  .description {
    padding-top: 15px;
    margin-left: -15px !important;
}
.product-desc .accordian {
    margin-left: -15px;
    padding: 15px 0;
    border-top: 1px solid #ccc;
}

.product-desc .accordian.active .accordian-header {
    padding-bottom: 0px;
  }

  .product-desc .description {
    overflow: auto;
  }

  .product-desc .accordian-content div {
    overflow: auto;
  }

  .product-desc .full-description {
    /*font-size: 14px;*/
  }
  .product-desc .full-specifications tr td{
      font-size: 14px;
      font-weight:300 !important;
  }
  .product-desc .full-specifications tr td:first-child {
    width: 100px;
  }
  .product-desc .quantity {
    width: unset;
    float: none !important;
    padding: 12px 0 19px;
    margin-left: -15px;
    border-top: 1px solid #ccc;
    }
    .product-desc .customer-rating {
        margin-left: -15px;
    }
  .product-desc select[disabled=disabled] {
    cursor: not-allowed;
    border-color: #DCDCDC;
    background-color: #DCDCDC;
  }
  .product-desc .product-price {
    height: auto !important;
}
.image-container{
    margin:0 auto;
}
  .store-meta-images {
    margin-top: 20px;
  }

  .store-meta-images img {
    width: 100%;
    height: 100%;
    max-height: 300px;
  }

  .related-products {
    margin-bottom: 60px;
  }

  .vc-small-screen {
    display: none !important;
  }
  #product-gallery-carousel .bg-image{
      height:120px;
      width:100px;
  }

  .VueCarousel {
    margin-top: 15px;
}
.sticky .col-md-3{
    justify-content: flex-start !important;
}
.social-login-links .control-group {
	display: none;
}

.product-slider .slick-slide{
    height:auto;
}
marquee{
    padding-top: 2px;
}

.second-header,.navbar{
    transition: all 0.5s linear !important;
  }


/* 13th aug */
/* product slider */
.product_show{
    padding: 10px;
}
.product-inner img{
    width:100%;
}
.btn-transparent img {
    width: 20px;
}
.product_show .product-inner .hover_detail{
    position: absolute;
    top: 0;
    text-align: center;
    opacity: 0;
    transition: 0.9s ease-out;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 14px;
    cursor: pointer;
}
.pl-10{
    padding-left: 10px;
}
.product_show .product-inner {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.hover_detail p{
    font-size: 13px;
}

.product_show .product-inner,.product-slider .product-inner img{
    transition: 0.9s ease-out;
}
.product_show .product-inner:hover .hover_detail{
    opacity:1;
}
.product_show .product-inner:hover img{
    opacity: 0.26;
}
.product_show .product-inner img{
    transition: 0.9s ease-out;
}
.product_show .btn-theme {
    padding: 7px 14px;
    background-color: #0991CC;
    color: #ffffff;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #0991CC;
    transition: 0.9s ease-out;
    margin: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:110px;
}
.product_show .btn-theme-outline{
    color: #0991CC !important;
    background-color: #ffffff !important;
}
.product_show .btn-theme-outline:hover{
    background-color: #0991CC !important;
    color: #ffffff !important;
 }
.product_show .btn-theme:hover{
   color: #0991CC;
   background-color: #ffffff;
}

/* about */
 .why{
    background-image: url(../images1/why-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:#ffffff;
}
.about p{
    line-height: 1.8;
}
.theme_clr{
    color: #0991CC;
}

/* quality */
.quality{
    background-color: #0991cc;
}
.quality img{
   width:74%;
   transition: all 0.4s linear;
   margin: 0 auto;
   display: block;
}
.quality img:hover{
    transform: scale(1.1);
}

/* why */
/* .sky_bg{
    background-color: #f1faff;
} */
.cart_sctn img {
    width: 21px;
}
.n-header-search  img{
    width:19px !important;
}
/* ingredients */
.ingredients .product-inner .hover_detail{
    transform: translateY(210px);
}
.ingredients .product-inner {
    overflow: hidden;
    transition: all 0.5s linear;
}
.ingredients .product-inner:hover{
    box-shadow: 0px 4px 13px 2px rgba(0, 0, 0, 0.18);
    /* border: none !important; */
}
.ingredients .product-inner:hover .hover_detail{
    transform: translateY(0px);
}
.ingredients .pl-10{
    padding: 0 20px;
}
.ingredients img{
    margin:0 auto;
    display: block;
}
.ingredients img:hover{
    transform: scale(1.4);
}
.slick-arrow{
    border-radius: 0;
    text-indent: -9999px;
    background: #0991CC;
    border: none;
    width: 36px;
    height: 36px;
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 9;
    cursor: pointer;
}
.slick-next{
    left:0;
}
.slick-prev{
    right:0;
}
.slick-next:after {
    background-image:url("../images1/left-arrow.png") !important;
    background-repeat: no-repeat;
    background-size: 24px;
    width:24px;
    background-position: center;
    left:0;
    content:'';
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.slick-prev:after {
    content:'';
    background-image:url("../images1/left-arrow.png");
    transform: scale(-1);
    background-repeat: no-repeat;
    background-size: 24px;
    width:24px;
    background-position: center;
    left:0;
    content:'';
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}

/* testimonial */
.testimonial .slick-slide{
    margin-top:4px;
}
.testimonial .slick-list{
    padding:6px 0;
}
.testimonial .slick-dots{
    display: flex !important;
    justify-content: center;
}
.testimonial .slick-dots button{
    text-indent: -9999px;
    border: none;
    background-color: transparent;
}
.testimonial .slick-dots li::marker{
    color: #75caee;
    font-size: 42px;
}
.testimonial .slick-dots li{
    margin:0 5px;
    cursor: pointer;
}
.testimonial .slick-active::marker{
    color: #0991CC !important;
}
.name_client{
 background-color: #d8f3ff;
 padding: 33px 0 63px;
 text-align: center;
 border-radius: 20px;
}
.client-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: gray;
    margin: -45px auto 0;
    overflow: hidden;
    border: 3px solid #0991CC;
}
.client-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.review-inner p{
    padding: 0 20px;
}
.review-inner{
    width:92%;
    border-radius: 16px;
    padding: 15px 20px;
    transition: all 0.4s linear;
    background-color: #ffffff;
}
.btn-star {
    background: transparent;
    padding: 0 4px;
}

/* footer */
footer .font-12{
    font-size: 11px;
    letter-spacing: 0.6px;
}
footer .font-13 {
    font-size: 11px;
}

footer {
    background-color: #237194;
}
footer .top-footer ul li{
    margin-bottom: 10px;
}
footer  a {
    transition: all 0.3s linear;
    font-weight: 400;
    color: #ffffff;
    font-size: 12px;
}

.copyright{
    color: #ffffff;
    border-top: 1px solid #e2e2e2;
    margin-top: -21px !important;
}
.cntc_icn{
    margin-right: 5px;
}
.link li {
    margin-bottom: 0 !important;
    padding: 2px 0;
}
footer .top-footer ul li a:hover{
   margin-left: 2px;
   background-color: transparent;
}
footer a:hover{
   color:#ffffff
}
.mobile-show{
    display: none;
}
footer .ftr-logo{
    margin-top: -8px;
    width: 72%;
    margin-bottom: -4px;
}


@media only screen and (min-width:1200px) and (max-width:1500px){
    .container{
        max-width: calc(100% - 100px);
    }
    .second-header .container{
        margin-left: 55px;
    }
}
@media only screen and (min-width:1501px) and (max-width:1800px){
    .container{
        max-width: calc(100% - 180px);
    }
    .second-header .container{
        margin-left: 88px;
    }
}
@media only screen and (min-width:1801px){
    .container{
        max-width: calc(100% - 240px);
    }
    .second-header .container{
        margin-left: 120px;
    }

}

.sp-sticky.sp-active {
    box-shadow: 0 2px 4px 0px rgb(0 0 0 / 40%) !important;
}

/* search bar css */
.dropdown-menu.drop-search.show {
    min-width: 30%;
    width: 30%;
    max-width: 100%;
    border-radius: 0;
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 13%);
    padding: 0px 0 0;
    left: 60%;
}
.n-header-item.n-header-search{
    position: static !important;
}
.search_input {
    width: 100%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid;
      padding: 11px 45px 9px;
    font-size: 14px;
}
.search_input:focus{
    border:none !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.n-header-search-link.active,.n-header-search-link:focus{
    background-color: transparent;
}
.drop-search .serach-icn {
    position: absolute;
    left: 15px;
    top: 11px;
}

/***************popup css*****************/
.custom-social-proof {
    position: fixed;
    bottom: 70px;
    left: 20px;
    z-index: 9999999999999 !important;
    font-family: "Open Sans", sans-serif;
  }
  .custom-social-proof .custom-notification {
    width: 320px;
    border: 0;
    text-align: left;
    z-index: 99999;
    box-sizing: border-box;
    font-weight: 400;
    border-radius: 6px;
    box-shadow: 2px 2px 10px 2px rgba(11, 10, 10, 0.2);
    background-color: #fff;
    position: relative;
    cursor: pointer;
  }
  .custom-social-proof .custom-notification .custom-notification-container {
    display: flex !important;
    align-items: center;
    height: auto;
  }
  .custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper img {
    max-height: 75px;
    width: 90px;
    overflow: hidden;
    border-radius: 6px 0 0 6px;
    object-fit: cover;
  }

  .table-cell-top.infors {
    padding: 12px 25px 12px 10px;
    font-size: 13px;
    width: calc(100% - 85px);
}

.table-cell-top.infors .product-title{
    letter-spacing: .3px;
    text-decoration: none;
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #000000;
}
.mb__5 {
    margin-bottom: 5px;
}
.dib {
    display: inline-block;
}
  .custom-social-proof .custom-notification .custom-close {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 12px;
    width: 12px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    transform: rotate(45deg);
    opacity: 0;
  }
  .custom-social-proof .custom-notification .custom-close::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: gray;
    position: absolute;
    left: 0;
    top: 5px;
  }
  .custom-social-proof .custom-notification .custom-close::after {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    background-color: gray;
    position: absolute;
    left: 5px;
    top: 0;
  }
  .custom-social-proof .custom-notification:hover .custom-close {
    opacity: 1;
  }

  /* top button */
  p.right_endd {
    background: transparent;
    position: fixed;
    bottom: 8%;
    right: 1%;
    padding: 0;
    z-index: 99;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    flex-direction: column;
}
  .myTop {
    background: transparent;
    border:none;
    padding:0;
    margin-top:15px;

}
button.myTop {
    margin-bottom: 20px;
}
.floating-icns {
      position: fixed;
    right: 0.4%;
    bottom: 0%;
    margin: auto;
    height: auto;
    z-index: 99;
}

/*
  .custom-social-proof{
      display: none !important;
  } */
/*  .offer-text{*/
/*        position: absolute;*/
/*    right: -31px;*/
/*    top: -44px;*/
/*    background-color: red;*/
/*    color: #fff;*/
/*    padding: 3px 6px 1px;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    height: 17px;*/
/*    display: flex;*/
/*    contain: content;*/
/*    justify-content: center;*/
/*}*/
  .offer-text {

    position: absolute;
   right: -38px;
    top: -30px;
    background-color: red;
    color: #fff;
    padding: 3px 6px 1px;
     bottom: 0;
    margin: auto;
    height: 17px;
    display: flex;
    contain: content;
    justify-content: center;
}
.offer-text h6{
    margin: 0;
    font-size:10px;
    font-weight: 700;
}
.bset_text {
    position: absolute;
    background-color: #33b9f6;
    font-size: 11px;
    padding: 2px 17px 2px 9px;
    transform: rotate(-40deg);
    left: -25px;
    top: 12px;
    color: #fff;
    font-weight: bold;
    width: 127px;
    text-align: center;
    z-index: 99;
}
.sale {
    position: absolute;
    right: 10px;
    font-size: 12px;
    background-color: #d71b1b;
    padding: 3px 13px 0;
    color: #fff;
    top: 12px;
    z-index: 99;
}
.fixed-bar {
    background-color: #fff;
    align-items: center;
    box-shadow: 1px 0px 9px 0px rgba(0, 0, 0, 0.38);
    z-index: 99999;
    position: sticky;
    bottom: 0px;
    display: none;
}
.fixed-bar  img{
    /*width:75%;*/
        width: 100%;
    height: 72px;
}
.fixed-bar .btn-theme {
    background-color: #0991cc ;
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    transition: all 0.4s linear;
    border: 1px solid transparent;
    padding: 7px 18px;
    border-radius: 7px;
    box-shadow: inset 0 0px 0 0 #0991cc ;
    border:1px solid transparent;
    margin-left: 10px;
}

.popupbutton
{
  background-color: #0991cc ;
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    transition: all 0.4s linear;
    border: 1px solid transparent;
    padding: 7px 29px;
    border-radius: 7px;
    box-shadow: inset 0 0px 0 0 #0991cc ;
    border:1px solid transparent;
    margin-left: 10px;   
}

.fixed-bar .btn-theme:hover{
    background-color: transparent;
    color: #0991cc  !important;
    box-shadow: inset 0 100px 0 0 #ffffff !important;
    border-color: #0991cc ;
}
.btn-black {
background-color: #000000 ;
color: #ffffff;
font-size: 15px;
text-transform: capitalize;
transition: all 0.4s linear;
border: 1px solid transparent;
padding: 7px 29px;
border-radius: 7px;
box-shadow: inset 0 0px 0 0 #000000 ;
border:1px solid transparent;
margin-left: 10px;
}
.fixed-bar .btn-black:hover{
background-color: transparent;
color: #000000  !important;
box-shadow: inset 0 100px 0 0 #ffffff !important;
border-color: #000000 ;
}

#search-form #navbarDropdown:after{
    display: none !important;
}
#search-form{
    margin-bottom:0;
}


/* wishlist */

.account-content .sidebar .customer-sidebar {
    border: 1px solid #e5e5e5;
}
.account-content .sidebar .customer-sidebar .account-details {
    text-align: center;
    padding: 25px 20px;
}
.account-content .sidebar .customer-sidebar .account-details .customer-name {
    width: 60px;
    height: 60px;
    margin: 0 auto;
        margin-bottom: 0px;
    font-size: 24px;
    margin-bottom: 5px;
    display: inline-block;
}
.customer-name {
    display: table-cell;
    height: 54px;
    width: 56px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #0991cc;
    color: #fff;
    padding: 16px;
    font: 18px josefin sans,arial;
        font-size: 18px;
}
.account-content .sidebar .customer-sidebar .account-details .customer-name-text {
    color: rgba(0,0,0,.83);
}
.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.account-content .sidebar .customer-sidebar .account-details .customer-email {
    color: #9e9e9e;
    font-size:13px;
}
.account-content .sidebar .customer-sidebar .navigation, .account-content .sidebar .customer-sidebar .navigation li {
    width: 100%;
}
.account-content .sidebar .customer-sidebar .navigation li a {
    display: block;
    padding: 10px 15px;
}
.text-down-3 {
    top: 3px;
    position: relative;
}
.account-content .sidebar .customer-sidebar .navigation li:last-child {
    margin-bottom: 0;
}
.velocity-divide-page .right {
    width: 100%;
}
.account-content .account-layout {
    color: rgba(0,0,0,.83);
    padding: 15px 20px;
        padding-bottom: 15px;
        padding-left: 20px;
    /*padding-bottom: 60px;*/
}
.mt10 {
    margin-top: 10px;
}
.account-content .account-layout .account-head {
    margin-bottom: 20px;
}
.account-content .account-layout .account-heading {
    font-size: 13px;
    font-weight: bolder;
    font-family: 'poppinsmedium';
}
.float-right {
    float: right !important;
}
.account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn, .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item, .account-content .account-layout .bottom-toolbar .pagination .page-item, .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item, .cart-details .light.continue-shopping-btn, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light, .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item, .theme-btn.light {
    color: #0991cc !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 1px 0 0 #cfcfcf;
    box-shadow: 0 1px 0 0 #cfcfcf;
    border: 1px solid rgb(9 145 204);
    font-size:14px;
}
a.remove-decoration, a.remove-decoration:active, a.remove-decoration:focus, a.remove-decoration:hover {
    text-decoration: none !important;
}
.account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn, .account-content .account-layout .bottom-toolbar .pagination .page-item, .cart-details .continue-shopping-btn, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button, .theme-btn {
    z-index: 10;
    cursor: pointer;
    font-weight: 600;
    padding: 10px 20px;
    vertical-align: top;
}
.lg-card-container.list-card {
    margin-left: 0;
    padding-left: 0;
}
.lg-card-container {
    cursor: pointer;
}
.lg-card-container.list-card .product-image {
    float: left;
    width: 30%;
    height: 270px;
    max-width: 200px;
    max-height: 200px;
    position: relative;
}
.lg-card-container a {
    color: rgba(0,0,0,.83);
    text-decoration: none;
}
.main-container-wrapper .product-card .product-image img {
    max-width: 100%;
}
.lg-card-container.grid-card img, .lg-card-container.list-card img {
    width: 100%;
}
.lg-card-container.list-card .product-information {
    height: 200px;
    display: table;
}
.lg-card-container.list-card .product-information {
    width: 70%;
    float: right;
    padding-left: 20px;
}
.lg-card-container.list-card .product-information > div {
    display: table-cell;
}
.product-price {
    height: 72px;
}
.account-content .account-layout .account-table-content #datagrid-filters ~ table.table tbody tr .action a, .account-content .account-layout .bottom-toolbar .pagination a.page-item, a.unset {
    color: unset !important;
    text-decoration: none !important;
}
.product-price span:first-child, .product-price span:last-child {
    font-size: 18px;
    font-weight: 600;
}
.product-price span:first-child, .product-price span:last-child {
    font-size: 18px;
    font-weight: 600;
}
.lg-card-container.list-card .product-rating .stars {
    display: inline-block;
}
.mr5 {
    margin-right: 5px;
}
.material-icons, .material-icons-outlined {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}
.lg-card-container.list-card .product-rating span {
    vertical-align: top;
}
.no-padding, .product-detail .right h3 {
    padding: 0 !important;
}
.lg-card-container.list-card .compare-icon {
    padding-left: 0;
    display: inline-table;
}
.lg-card-container.list-card .wishlist-icon {
    height: 40px;
    vertical-align: top;
    display: inline-table;
    padding-left: 0 !important;
}
.lg-card-container.list-card .add-to-cart-btn {
    float: left;
    display: inline-block;
}
.pl0 {
    padding-left: 0 !important;
}
.lg-card-container.list-card:not(:first-child) {
    margin-top: 20px;
}
.lg-card-container.list-card {
    margin-left: 0;
    padding-left: 0;
}
.lg-card-container {
    cursor: pointer;
}
.lg-card-container.list-card .product-image {
    float: left;
    width: 30%;
    height: 270px;
    max-width: 200px;
    max-height: 200px;
    position: relative;
}
.lg-card-container a {
    color: rgba(0,0,0,.83);
    text-decoration: none;
}
.main-container-wrapper .product-card .product-image img {
    max-width: 100%;
}
.lg-card-container.grid-card img, .lg-card-container.list-card img {
    width: 100%;
}
.quick-view-btn-container {
    left: -20px;
    width: 100%;
    bottom: 10px;
    display: none;
    position: absolute;
}
.quick-view-btn-container span {
    left: 32%;
    top: -26px;
    z-index: 1;
    font-size: 16px;
    color: #fff;
    position: absolute;
}
.lg-card-container.list-card .product-image .quick-view-btn-container button {
    left: calc(50% - 40px);
}
.lg-card-container.list-card .product-information {
    height: 200px;
    display: table;
}
.lg-card-container.list-card .product-information {
    width: 70%;
    float: right;
    padding-left: 20px;
}
.medium-padding {
    padding: 3px 10px !important;
}
.btn-add-to-cart {
    padding: 3px 14px !important;
    border-radius: 0 !important;
    color: #fff !important;
    border-color: #0991cc !important;
    background-color: #0991cc !important;
}
.unset.compare-icon.text-right {
    display: none;
}
.wishlist-container .product-information .fs16 {
    padding-left: 0px;
}
.why img {
    width:100%;
     margin: 0 auto;
    display: block;
    border-radius: 4px;
}
.form-header h3:after {
    margin: 0 !important;
}
.sign_text p{
    position:relative;
}
.sign_text p:after{
       width: 121px;
    height: 1px;
    right: 25px;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-color: #0991cc;
}
.sign_text p:before{
      width: 121px;
    height: 1px;
    left: 25px;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-color: #0991cc;
}
.signup-bg{
    background-image:url("../images1/signup-banner.jpg");
    background-size: cover;
    background-attachment:fixed;
}
.forgot-bg{
    background-image:url("../images1/forgot-banner.jpg");
    background-size: cover;
    background-attachment:fixed;
}
.signin-bg{
      background-image: url(../images1/signin-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
}
span.control-error {
    color: #ff0000;
    font-size: 12px;
}

/*profile page*/
.navigation{
    margin:0;
    padding:0;
}
 .navigation li.active, .navigation li:hover{
    background-color: #0991cc;
    color: #fff;
}
 .navigation li span{
     font-weight:400 !important;
     font-size:15px;
 }
.navigation li{
    padding:0 20px;
    border-bottom:1px solid #eaeaea;
    position:relative;
}
.account-content  .table td,.account-content  .table th {
    font-size: 15px;
}
.account-content input#search-field {
    border: 1px solid #0991cc;
    padding: 7px 20px 5px;
    border-radius: 4px;
    font-size: 14px;
}
 .account-content .filter-right label.per-page-label {
    font-size: 14px;
    margin-right: 8px;
}
.filter-right select {
    font-size: 14px;
    padding: 6px 3px;
}
#datagrid-filters {
    /*display: flex;*/
    justify-content: space-between;
    margin-bottom:15px;
}
#datagrid-filters  .filter-right {
      display: flex;
    justify-content: flex-end;
}
.filter-left {
    display: inline-block;
    float: left;
}
.dropdown-filters {
    margin-left: 20px;
}
[type=search] {
    outline-offset: 0;
}
.filter-right ul{
    list-style:none;
    padding:0;
}
.apply-filter {
    background-color: #0991cc;
    padding: 5px 18px !important;
    font-size: 14px !important;
    margin-top: 4px;
}
.dropdown-toggle {
    position: relative;
}
.filter-right .dropdown-toggle::after {
    top: 4px;
    right: -15px;
}
.filter-right .name {
    font-size: 14px;
    margin-top: 5px !important;
    display: block;
}
.display-inbl:after,.description h3:after{
    display:none;
}
.no-margin {
    margin:0;
}
section.search-container,.cart-details  {
    padding: 40px 0;
    text-align: center;
}
.navigation li a{
    position:relative;
    display:block;
}
.navigation li a:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    background-image:url("../images1/right-arw.png");
    width:16px;
    height:16px;
    background-size:16px;
}
input,select{
    font-size: 14px;
}
.account-content{
    background-image:url("../images1/profile-bg.png");
    background-size: cover;
    background-attachment:fixed;
}
@media only screen and (min-width:501px) and (max-width:767px){
    .dropdown-menu {
        left: -137px !important;
    }
    .container {
        max-width: 96%;
    }
    #sidebar {
       top: 72px;
    }
    .sp-active #sidebar {
        top: 47px !important;
    }
    .w-20 {
        width: 10%;
    }
    .n-header-search img {
        width: 15px !important;
    }
    .cart_sctn img {
        width: 15px;
    }
    .floating-icns {
    bottom: 0;
    }
    span.digit_quan {
        width: 13px;
        height: 13px;
        left: 27px;
        font-size: 7px;
    }
    .cart_sctn {
          width: 40% !important;
    }
    .font-35 {
        font-size: 22px;
        margin-bottom: 17px;
    }
   .navbar-brand img {
    width: 50%;
    margin-left: auto !IMPORTANT;
    margin: 0;
}
    .navbar-brand {
        width: 45%;
    }
}
.alert-wishlist i{
    display:none;
}
.cart_produtpage{
    background-image:url("../images1/cart-bg.png");
    background-size: cover;
    background-position:center;
    background-attachment:fixed;
    /*height: 100vh;*/
    height: 100%;
}
.order-summary .col-8{
    text-align:left;
}

/*10th sep*/
.below_content .btn-theme{
    color: #ffffff ;
    font-size: 13px;
    border-radius: 5px;
    background-color: #0991CC;
    transition: 0.9s ease-out;
    margin: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    padding:7px 14px;
    border:1px solid transparent;
}
.below_content .btn-theme:hover{
     background-color: #ffffff !important;
     border-color:#0991CC;
    color: #0991CC !important;
}
.below_content .btn-theme-outline{
    color: #0991CC ;
    background-color: #ffffff;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #0991CC;
    transition: 0.9s ease-out;
    margin: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    padding:7px 14px;
}
.below_content .btn-theme-outline:hover{
     background-color: #0991CC !important;
    color: #ffffff !important;
}




/* ingredients-inner start */

.help_list li {
  background-color: #0991cc;
  color: #ffffff;
  padding: 4px 10px;
  width: 12%;
  text-align: center;
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 9px;
}
table.tables {
    width: 100%;
    border: 1px solid;
    padding: 10px;
}
.tables tr{
  border: 1px solid;
  padding: 10px;
}
.tables th{
  border: 1px solid;
  padding: 12px;
  min-width: 149px;
  font-size: 18px;
}
.tables td{
  padding: 12px;
  font-size: 16px;
}
.font-35{
  font-size: 28px;
}
@media only screen and (min-width:768px) and (max-width:1023px){
  .help_list li {
  width: 22%;
  margin: 5px;
  }
  .help_list{
    justify-content: start !important;
  }
}
@media only screen and (min-width:500px) and (max-width:767px){
  .help_list li {
  width: 30%;
  margin: 5px;
  }
  .help_list{
    justify-content: start !important;
  }
}
@media only screen and (max-width:500px){
  .help_list li {
  width: 47%;
  margin: 5px 0;
}
}

/* ingredients-inner end */



/* ingredients-all start */


.ingredients_page{
background-image: url("/images/ingredients/bg-ingredient.png");
background-attachment: fixed;
background-size: 100% 100%;
}
.ingre-img img{
width:150px;
height:150px;
transform: scale(0.9);
object-fit: contain;
transition:all 0.5s linear;
}
.ingre_inner {
transition:all 0.5s linear;
padding-bottom: 15px;
}
.ingre_inner:hover {
box-shadow: 6px 6px 7px 0px rgb(0 0 0 / 20%);
}
.ingre_inner:hover img{
transform: scale(1);
}
.ingre_inner h5{
transition:all 0.5s linear;
}
.ingre_inner:hover h5{
color:#0991cc;
}

@media only screen and (min-width:1201px){
.ingredients_page  .col-md-2 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media only screen and (min-width:1024px) and (max-width:1200px){
.ingredients_page .col-md-2 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media only screen and (min-width:768px) and (max-width:1023px){
.ingredients_page  .col-md-2 {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}

/* ingredients-all end */



/*product-detail */

.single-product .btn-star {
    background: transparent;
    padding: 0 1px;
}
.red{
  color:#ff0000;
}
span.price-box {
    border: 1px solid #afafaf;
    display: block;
    width: 30%;
    padding: 12px 24px;
    box-shadow: 4px 5px 0px 0px rgb(0 0 0 / 27%);
}
img.sezzel-img {
    width: 75px;
    margin-top: -4px;
}
.btn-buy{
    background-color: #0991cc;
    color: #ffffff;
    font-size: 17px;
    padding: 10px 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    margin: 10px 0 15px;
    transition: all 0.4s linear;
    border-radius: 7px;
    border: 1px solid transparent;
}
.btn-buy:hover{
  color: #0991cc;
  border-color:#0991cc;
  background-color: #ffffff;
}
.fast-img{
    width: 26px;
    margin-top: -3px;
}
.theme-clr{
  color: #0991cc;
}
.benefits h4,.benefits li{
  font-family: 'poppinsmedium';
}
.warning .card-header {
    padding: 5px 0;
    margin-bottom: 0;
    background-color: rgb(71 116 136);
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 6px !important;
}
.warning .btn-link img {
    width: 18px;
}
.warning .btn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color:#ffffff !important;
    text-decoration: none;
}
.warning .card {
    background-color: #477488;
    border: none;
}
.warning .card .btn-link.collapsed img.add_icn {
    display: none;
}
.warning .card .btn-link img.add_icn {
    display: block;
}
.warning .card .btn-link.collapsed img.minimize_icn {
    display: block;
}
.warning .card .btn-link img.minimize_icn {
    display: none;
}
/* ingredients */

.information-product .ingredients-inner  img{
  border-radius: 7px 0px 7px 0px;
  transition:all 0.4s linear;
  transform: scale(0.9);
}
.information-product .ingredients-inner:hover img{
  border-radius: 7px;
  transform: scale(1);
}
.information-product .ingredients-inner h5{
  transition:all 0.4s linear;
  font-family: 'poppinsmedium';
}
.information-product .ingredients-inner:hover h5{
  color: #0991cc;
}
.information-product {
    background-color: #e4eaf5;
}
.border-radius{
  border-radius: 7px;
}
.benefit-inner h4{
  transition:all 0.4s linear;
  font-family: 'poppinsmedium';
  line-height: 1.7;
  text-align: center;
  margin-top:20px;
}
.benefit-inner img{
  width:30%;
  margin:0 auto;
  display: block;
}
.benefits-slider  .slick-next:after {
    width: 26px;
    left: 100%;
    background-color: #0991cc;
    height: 74px;
    transform: scaleX(-1);
    z-index: 99;
    cursor: pointer;
}
.benefits-slider  .slick-prev:after {
    width: 26px;
    right: 100%;
    background-color: #0991cc;
    height: 74px;
    z-index: 99;
    transform: rotate(0deg);
    cursor: pointer;
}
.benefits-slider  button{
  text-indent: -9999px;
  border: none;
  background-color: transparent;
}
.benefit-img {
    height: 150px;
    display: flex;
    align-items: flex-end;
}
.theme-bg {
    background-color: #0991cc;
    line-height: 1.7;
    text-align: center;
    font-weight: 500 ;
}
::selection{
  background-color: #0991cc;
  color:#ffffff;
}
/* faq */
.question .card .btn-link img {
    display: block;
    width: 15px;
}
.question .card .btn-link.collapsed img.add_icn {
    display: none;
}
.question .card .btn-link img.add_icn {
    display: block;
}
.question .card .btn-link.collapsed img.minimize_icn {
    display: block;
}
.question .card .btn-link img.minimize_icn {
    display: none;
}
.question button:hover {
    color: #444;
    text-decoration: underline;
    border-color: #0991cc;
    text-decoration: none !important;
}
.question button{
  background-color: #ffffff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    margin: 10px 2px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    transition: .4s;
    box-shadow: 0 5px 10px 1px rgb(0 0 0 / 10%);
    border: 2px solid #e4eaf5;
}
.question .card,.question .card-header{
  background-color: transparent;
  border: none;
}
/* customer review */
.bar-range {
    width: 120px;
    height: 17px;
    margin: 0 2px 0 4px;
    vertical-align: middle;
    border: 1px solid #c3c3c3;
}
.bar-range .background-color {
    height: 100%;
    background: #fbcd0a;
    display: block;
}
.row-rating .btn-star img{
  width:14px;
}
.row-rating .btn-star{
  padding:0 1px;
}
.w-22{
  width:22px;
}
.btn-black {
    background-color: #000000;
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    transition: all 0.4s linear;
    border: 1px solid transparent;
    padding: 7px 29px;
    border-radius: 7px;
    box-shadow: inset 0 0px 0 0 #000000;
    border: 1px solid transparent;
    margin-left: 10px;
    height:38px;
}
.fixed-bar .btn-black:hover {
    background-color: transparent;
    color: #000000 !important;
    box-shadow: inset 0 100px 0 0 #ffffff !important;
    border-color: #000000;
}
#review-form{display: none;}
.ls-0{
  letter-spacing: 0;
  font-weight: 400 !important;
  font-size: 14px !important;
  padding:7px 21px
}
.rating-form .form-control{
  font-size: 14px;
}
.rating-form label{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
}
.row-rating {
  transition: all 0.4s linear;
}
.row-rating:hover{
  opacity: 0.7;
}
.left-side  .stars img{
  width:17px;
}
.left-side  .stars .btn-star{
  padding:0 2px 0 0;
  margin-bottom: 5px;
}
.recent-option{
  width:150px;
}
.recent-option .form-control {
  outline: 0;
  box-shadow: none !important;
    padding: 7px 6px;
    font-size: 13px;
    height:auto !important;
    color: #000000;
    border: 2px solid #000000 !important;
}
.black-bg{
  background-color: #000000;
  height:16px;
  margin-right: 3px;
}
.review-display .client-picture {
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid;
    margin-right: 10px;
    margin-bottom: 9px;
}

/* product-slider */
.pro-sider  .item-slick.slick-slide.slick-current.slick-active {
  outline: none !important;
}

.pro-sider .slider-for {
  margin-bottom: 15px;
}
.pro-sider .slider-for img {
  width: 100%;
  min-height: 100%;
}

.pro-sider .slider-nav {
  margin: auto;
}
.pro-sider .slick-next:after {
  width: 28px;
    height: 40px;
    left: 94%;
    background-color: #0991cc91;
    transform: scaleX(-1);
}
.pro-sider .slick-prev:after {
  width: 28px;
    height: 40px;
    right: 94%;
    background-color: #0991cc91;
  transform: rotate(0);
}
.pro-sider .slider-nav .item-slick {
  max-width: 140px;
  margin-right: 15px;
  outline: none !important;
  cursor: pointer;
}
.pro-sider .slider-nav .item-slick img {
  max-width: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  opacity: 0.4;
}
.pro-sider .slick-active .item-slick img {
  opacity: 1 !important;
}
.pro-sider .slick-arrow {
  position: absolute;
    top: 38%;
    z-index: 50;
    margin-top: 0;
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    transform: rotate(0);
    width: 100%;
}
.pro-sider .slick-prev {
  left: 0;
}
.pro-sider .slick-next {
  right: 0;
}
img.lens {
    position: absolute;
    width: 50px !important;
    height: 50px !important;
    object-fit: contain;
    left: 18px;
    display: block;
    z-index: 9;
    margin: 0 !important;
    top: -43%;
}

/* end product detail */


/* contact-us page starts */

form#contact-form {
 background: #0991cc;
 padding: 46px;
 border-radius: 5px;
}
form#contact-form label {
 color: #ffffff;
 margin-bottom: 2px;
}
.btn-contact {
 padding: 7px 30px;
 font-size: 14px;
 color: #0991cc;
 font-weight: 500;
 display: flex;
 margin: 0 auto;
 border: 1px solid #ffffff;
 transition: all 0.3s linear;
 background-color: #ffffff;
}
.btn-contact:hover{
 color:#ffffff;
 background-color: transparent;
}
.contact_info i{
 font-size: 23px;
 margin-right: 13px;
 color:#000000;
 transition: all 0.4s linear;
}
.contact_info li{
 display: flex;
 align-items: baseline;
}
.contact_info p{
 text-align: left;
 font-size: 13px;
}
.contact_info p a{
 color:#000000;
 transition: all 0.4s linear;
}
.contact_info li:hover a,.contact_info li:hover i{
 color:#0991cc !important;
}

/* contact-us page end */

/* product gallery image highlighter start*/

.product-image-group .VueCarousel-wrapper  .thumb-frame{
opacity:0.7 !important;
}
.product-image-group .VueCarousel-wrapper  .thumb-frame.active{

opacity: 1 !important;
    border: 2px solid #dddddd;
    padding: 4px;
}

/* product gallery image highlighter end*/


.zoomContainer {
    z-index: 1 !important;
}

.ingredients  .slick-track {
    height: 100;
}

.hover-cmpare {
    position: relative;
}
.bg-theme {
    background: #b2c9d3 !important;
    display: none !important;
    position: absolute;
    /*top: -26px;*/
    /*left: -19px;*/
    top: -38px;
    left: -41px;
    transition: all 0.5s linear;
}
.bg-theme .btn-transparent img {
    width: 15px !important;
    margin: 0 0 0 6px !important;
}


.hover-cmpare:hover .bg-theme {
    display: flex !important;
    z-index: 99;
    visibility: visible !important;
}

 .display {
      width: 300px;
      height: 200px;
      border: 2px solid #000;
    }
    
    .js .display {
      display: none;
    }
    
  
    
#message-purchased {
    margin-bottom: 50px;
    border: 0 none;
    border-radius: 0;
    bottom: 20px;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
    display: none;
    font-family: tahoma, sans-serif;
    /*/ left: 20px; /*/
    padding: 0;
    position: fixed;
    right: auto !important;
    text-align: left;
    top: auto !important;
    width: 240px;
    z-index: 99999;
    overflow: hidden;
}



#message-purchased.bottom_right {
left: auto !important;
right: 20px !important;
}
#message-purchased.top_right {
left: auto !important;
right: 20px !important;
top: 20px !important;
bottom: auto !important;
}
#message-purchased.top_left {
left: auto !important;
top: 20px !important;
bottom: auto !important;
}
#message-purchased img {
cursor: pointer;
float: left;
max-height: 85px;
max-width: 85px;
width: auto;
align-self: center;
}
#message-purchased.img-right img {
cursor: pointer;
float: right;
max-height: 85px;
max-width: 120px;
width: auto;
}
#message-purchased p {
    float: none;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 0 13px;
    padding: 10px 0px 5px 0;
    width: 58%;
    white-space: normal;
}
#message-purchased p a {
   color: #000;
    display: block;
    font-size: 11px;
    font-weight: 700;
    width: 100%;
    margin: 0;
}
#message-purchased p a:hover {
color: #000;
}
#message-purchased p small {
display: block;
font-size: 10px;
margin-bottom: 8px;
}
#message-purchased {
padding-right: 0px !important;
}
#message-purchased.img-right {
padding: 0;
}
#message-purchased #notify-close {
 background: rgba(0, 0, 0, 0) url(//www.healthbuffet.com/blog/wp-content/themes/images/close.png) repeat scroll 0 0 / cover;
    cursor: pointer;
    height: 12px;
    position: absolute;
    right: 0;
    top: -4px;
    width: 15px;
    font-size: 17px !important;
}
@media screen and (max-width: 767px) {
#message-purchased {
bottom: 0 !important;
box-sizing: border-box;
left: 0 !important;
top: auto !important;
width: 100%;
padding: 0;
}
#message-purchased.bottom_right {
right: 0 !important;
}
#message-purchased.top_right {
right: 0 !important;
}
#message-purchased img {
max-width: 20%;
}
#message-purchased a img {
max-width: 100%;
}
#message-purchased p {
font-size: 11px;
width: 70%;
}
#message-purchased p a {
font-size: 13px;
}
#message-purchased p small {
margin-bottom: 0;
}
}
#woocommerce-notification-audio {
display: none;
}
#message-purchased {
background-color: #f9eeee;
color: #0f0f0f;
border: 2px solid #0991cc
}
#message-purchased a {
color: #0f0f0f;
}
@keyframes nFadeIn {
0% {
opacity: 0;
transform: translate3d(0px, 100%, 0px);
}
100% {
opacity: 1;
transform: none;
}
}
#message-purchased.fade-in {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: nFadeIn;
opacity: 0;
}
@keyframes nFadeOut {
0% {
opacity: 1;
}
100% {
bottom: 0;
opacity: 0;
transform: translate3d(0px, 100%, 0px);
}
}
#message-purchased.fade-out {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: nFadeOut;
opacity: 1;
} @keyframes nbounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
#message-purchased.bounceIn {
animation-duration: 1s;
animation-name: nbounceIn;
} @keyframes nbounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
#message-purchased.bounceInDown {
animation-duration: 1s;
animation-name: nbounceInDown;
} @keyframes nbounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
#message-purchased.bounceInLeft {
animation-duration: 1s;
animation-name: nbounceInLeft;
} @keyframes nbounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
#message-purchased.bounceInRight {
animation-duration: 1s;
animation-name: nbounceInRight;
} @keyframes nbounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.bounceInUp {
animation-duration: 1.5s;
animation-name: nbounceInUp;
} @keyframes nbounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
#message-purchased.bounceOut {
animation-duration: 1.5s;
animation-name: nbounceOut;
opacity: 0;
} @keyframes nbounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
#message-purchased.bounceOutDown {
animation-duration: 1.5s;
animation-name: nbounceOutDown;
opacity: 0;
} @keyframes nbounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
#message-purchased.bounceOutLeft {
animation-duration: 1.5s;
animation-name: nbounceOutLeft;
opacity: 0;
} @keyframes nbounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
#message-purchased.bounceOutRight {
animation-duration: 1.5s;
animation-name: nbounceOutRight;
opacity: 0;
} @keyframes nbounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
#message-purchased.bounceOutUp {
animation-duration: 1.5s;
animation-name: nbounceOutUp;
opacity: 0;
} @keyframes nfadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInDown {
animation-duration: 1s;
animation-name: nfadeInDown;
} @keyframes nfadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInDownBig {
animation-duration: 1s;
animation-name: nfadeInDownBig;
} @keyframes nfadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInLeft {
animation-duration: 1s;
animation-name: nfadeInLeft;
} @keyframes nfadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInLeftBig {
animation-duration: 1s;
animation-name: nfadeInLeftBig;
} @keyframes nfadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInRight {
animation-duration: 1s;
animation-name: nfadeInRight;
} @keyframes nfadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInRightBig {
animation-duration: 1s;
animation-name: nfadeInRightBig;
} @keyframes nfadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInUp {
animation-duration: 1s;
animation-name: nfadeInUp;
} @keyframes nfadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInUpBig {
animation-duration: 1s;
animation-name: nfadeInUpBig;
} @keyframes nfadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
#message-purchased.fadeOutDown {
animation-duration: 1.5s;
animation-name: nfadeOutDown;
opacity: 0;
} @keyframes nfadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
#message-purchased.fadeOutDownBig {
animation-duration: 1.5s;
animation-name: nfadeOutDownBig;
opacity: 0;
} @keyframes nfadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
#message-purchased.fadeOutLeft {
animation-duration: 1.5s;
animation-name: nfadeOutLeft;
opacity: 0;
} @keyframes nfadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
#message-purchased.fadeOutLeftBig {
animation-duration: 1.5s;
animation-name: nfadeOutLeftBig;
opacity: 0;
} @keyframes nfadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
#message-purchased.fadeOutRight {
animation-duration: 1.5s;
animation-name: nfadeOutRight;
opacity: 0;
} @keyframes nfadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
#message-purchased.fadeOutRightBig {
animation-duration: 1.5s;
animation-name: nfadeOutRightBig;
opacity: 0;
} @keyframes nfadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
#message-purchased.fadeOutUp {
animation-duration: 1.5s;
animation-name: nfadeOutUp;
opacity: 0;
} @keyframes nfadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
#message-purchased.fadeOutUpBig {
animation-duration: 1.5s;
animation-name: nfadeOutUpBig;
opacity: 0;
} @keyframes nflipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
#message-purchased.flipInX {
animation-duration: 1s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: nflipInX;
} @keyframes nflipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
#message-purchased.flipInY {
animation-duration: 1s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: nflipInY;
} @keyframes nflipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
#message-purchased.flipOutX {
animation-duration: 1.5s;
animation-name: nflipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
opacity: 0;
} @keyframes nflipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
#message-purchased.flipOutY {
animation-duration: 1.5s;
animation-name: nflipOutY;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
opacity: 0;
} @keyframes nlightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
#message-purchased.lightSpeedIn {
animation-duration: 1s;
animation-name: nlightSpeedIn;
animation-timing-function: ease-out;
} @keyframes nlightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
#message-purchased.lightSpeedOut {
animation-duration: 1.5s;
animation-name: nlightSpeedOut;
animation-timing-function: ease-in;
opacity: 0;
} @keyframes nrotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateIn {
animation-duration: 1s;
animation-name: nrotateIn;
} @keyframes nrotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInDownLeft {
animation-duration: 1s;
animation-name: nrotateInDownLeft;
} @keyframes nrotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInDownRight {
animation-duration: 1s;
animation-name: nrotateInDownRight;
} @keyframes nrotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInUpLeft {
animation-duration: 1s;
animation-name: nrotateInUpLeft;
} @keyframes nrotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInUpRight {
animation-duration: 1s;
animation-name: nrotateInUpRight;
} @keyframes nrotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
#message-purchased.rotateOut {
animation-duration: 1.5s;
animation-name: nrotateOut;
opacity: 0;
} @keyframes nrotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
#message-purchased.rotateOutDownLeft {
animation-duration: 1.5s;
animation-name: nrotateOutDownLeft;
opacity: 0;
} @keyframes nrotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
#message-purchased.rotateOutDownRight {
animation-duration: 1.5s;
animation-name: nrotateOutDownRight;
opacity: 0;
} @keyframes nrotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
#message-purchased.rotateOutUpLeft {
animation-duration: 1.5s;
animation-name: nrotateOutUpLeft;
opacity: 0;
} @keyframes nrotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
#message-purchased.rotateOutUpRight {
animation-duration: 1.5s;
animation-name: nrotateOutUpRight;
opacity: 0;
} @keyframes nrollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.rollIn {
animation-duration: 1s;
animation-name: nrollIn;
} @keyframes nrollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
#message-purchased.rollOut {
animation-duration: 1.5s;
animation-name: nrollOut;
opacity: 0;
} @keyframes nzoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
#message-purchased.zoomIn {
animation-duration: 1s;
animation-name: nzoomIn;
} @keyframes nzoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInDown {
animation-duration: 1s;
animation-name: nzoomInDown;
} @keyframes nzoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInLeft {
animation-duration: 1s;
animation-name: nzoomInLeft;
} @keyframes nzoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInRight {
animation-duration: 1s;
animation-name: nzoomInRight;
} @keyframes nzoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInUp {
animation-duration: 1s;
animation-name: nzoomInUp;
} @keyframes nzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
#message-purchased.zoomOut {
animation-duration: 1.5s;
animation-name: nzoomOut;
opacity: 0;
} @keyframes nzoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomOutDown {
animation-duration: 1.5s;
animation-name: nzoomOutDown;
opacity: 0;
} @keyframes nzoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
#message-purchased.zoomOutLeft {
animation-duration: 1.5s;
animation-name: nzoomOutLeft;
opacity: 0;
} @keyframes nzoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
#message-purchased.zoomOutRight {
animation-duration: 1.5s;
animation-name: nzoomOutRight;
opacity: 0;
} @keyframes nzoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomOutUp {
animation-duration: 1.5s;
animation-name: nzoomOutUp;
opacity: 0;
} @keyframes nslideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInDown {
animation-duration: 1s;
animation-name: nslideInDown;
} @keyframes nslideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInLeft {
animation-duration: 1s;
animation-name: nslideInLeft;
} @keyframes nslideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInRight {
animation-duration: 1s;
animation-name: nslideInRight;
} @keyframes nslideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInUp {
animation-duration: 1s;
animation-name: nslideInUp;
} @keyframes nslideOutDown {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
opacity: 0;
}
}
#message-purchased.slideOutDown {
animation-duration: 1.5s;
animation-name: nslideOutDown;
opacity: 0;
} @keyframes nslideOutLeft {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
}
#message-purchased.slideOutLeft {
animation-duration: 1.5s;
animation-name: nslideOutLeft;
opacity: 0;
} @keyframes nslideOutRight {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
opacity: 0;
}
}
#message-purchased.slideOutRight {
animation-duration: 1.5s;
animation-name: nslideOutRight;
opacity: 0;
} @keyframes nslideOutUp {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
#message-purchased.slideOutUp {
animation-duration: 1.5s;
animation-name: nslideOutUp;
opacity: 0;
} #message-purchased .wn-nonajax {
display: flex;
} #message-purchased.extended {
width: 400px;
}
#message-purchased.extended.wn-boxing::before {
background-color: #c41c2f;
}
#message-purchased.extended::before {
right: 0;
position: absolute;
top: 0;
content: " ";
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: top right;
}
#message-purchased.extended > * {
z-index: 1;
}
#message-purchased.extended img {
padding: 7px 0 7px 5px;
}
#message-purchased.extended p {
width: 270px;
}
#message-purchased.extended p a {
width: 270px;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0;
}  #message-purchased.extended.wn-boxing::before {
background-color: #c41c2f;
} #message-purchased.extended.wn-christmas {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
background-color: #ec6a6f;
}
#message-purchased.extended.wn-christmas::before {
right: -47px;
background-position: bottom right;
} #message-purchased.extended.wn-black_friday::before {
background-size: auto 100%;
} #message-purchased.extended.wn-valentine::before {
background-position: bottom right;
background-color: #fce9f6;
}
@media only screen and (max-width: 767px) {
#message-purchased {display:none !important;}
}


/*mobile responsive of our product page start*/

@media only screen and (max-width: 500px){
.product-list  .main-img  .below_content  .hover_btns {
    flex-wrap: wrap;
}
.product-list  .main-img  .below_content  .hover_btns  .below_content .btn-theme-outline {
       width: 90px !important;
    padding: 7px 3px !important;
}

.product-list  .main-img   .hover_btns  .btn-theme {
    margin-top: 10px;
    display:block;
}
}



@media only screen and (min-width: 768px) and (max-width: 1023px){
.product-list  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
.product-list  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33% !important;
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
}
}


/*mobile responsive of our product page end*/






/* mobile responsive of product page start */


@media only screen and (max-width:767px){
  .product-desc .right  .info.row {
    margin: 0;
}
.product-desc .right .info div {
    margin-bottom: 0 !important;
}
.product-desc .right  .availability {
    margin-bottom: 10px !important;
}
span.price-box {
    width: 50% !important;
}
.product-desc .right .description,.product-desc .right .accordian {
    margin-left: 0 !important;
}
.information-product{
    width:100% !important;
}
.benefits-slider .benefit-inner h4 {
    margin-top: 0;
}
.benefit-inner{
    margin-top:15px !important;
}
.question button {
    white-space: normal;
}
.review-display {
    margin-top: 15px;
}
}


/*for tab view*/

@media only screen and (min-width:1024px) and (max-width:1200px){
    .image-container .magnifier > img {
        object-fit: contain;
        min-height: 100%;
        max-height: 500px;
    }
}
@media only screen and (min-width:768px) and (min-width:1200px){
    span.price-box {
        width: 56%;
    }
    .product-desc .quality ,.information-product{
        width: 100%;
    }
    .product-desc .quality .col-md-9{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/*mobile responsive of product page end */ 




/*text alignment*/

.why p {
    text-align: justify;
}

.ingre_dtl {
    text-align: justify;
}

.full-description {
    text-align: justify;
}

.description {
    text-align: justify;
}


/*text alignment end*/

.m
{
    display:none;
}



@media screen and (min-width: 481px) {
        /* styles for browsers larger than 960px; */
        
          img.img-fluid.m {
    display: none;
}
        
    }
    
     @media screen and (max-width: 480px)  {
    /*Put your CSS here for 200px to 767px width devices (cover all width between 200px to 767px //*/
    
    img.img-fluid.d {
    display: none;
   
    }
    
             img.img-fluid.m {
    display: block !important;
}

}


li.thumb-frame.mr5 {
    cursor: pointer;
}









.containerbuy {
  position: relative;
  width: 100%;
}

.imagebuy {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.containerbuy:hover .imagebuy {
  opacity: 0.3;
}

.containerbuy:hover .middle {
  opacity: 1;
}


.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}



.hover-showw:hover .middle{
    height: 100%;
    opacity: 1;
    display: flex;
    align-items: center;
    padding: 20px;
    font-size: 14px;
    width: 100%;
    justify-content: center;
}


.hover-showw {
    position: relative;
    overflow: hidden;
}
.hover-showw:hover img {
  opacity:0.4;
}


.about p {
    line-height: 1.8;
    text-align: justify;
    /*text-align-last: center;*/
}


.ingredients .product-inner .hover_detail {
    transform: translateY(210px);
    text-align: justify;
    text-align-last: center;
}


@media (min-width: 768px)
{
.pt-md-5, .py-md-5 {
    /*padding-top: 1rem!important;*/
        /*padding-top: 1px !important;*/
}
}


.centertext {
    padding-top: 100px!important;
    font-size: 24px;
}

/*remedies page css start*/

  .remedies{
      
      background-image: url("/images/remedies/remedy-bg.png");
      background-size: cover;
      background-attachment: fixed;
  }
  .remedy-inner .remedy-image{
    position:relative;
  }
  .remedy-inner .remedy-image:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:0%;
    height:100%;
    background-color: #0991cc4f;
    transition: all 0.5s linear;
  }
  .remedy-inner:hover .remedy-image::after{
   width:100%;
  }

  .remedies .remedy-inner:last-child{
     border-bottom:0 !important;
  }
  
  /*remedies page css ends*/
  
  
  /*sidebar menu start*/
  
  .testscroll
{
  display:none !important;
  /* position:fixed !important; */
}
  
  
  /*sidebar menu ends*/

 
div#why\ us {
    margin: 0px 0px 0px 0px !important;
}
div#about\ us {
    margin: 0px 0px 0px 0px !important;
}



/*remedies-blade page*/

  .remedies_inner {
    border: 4px solid #d9d9d9;
    padding: 40px;
    margin: 30px 0;
}
.remedies-descriptn{
  background-image: url("/images/remedies-descriptn-bg.png");
      background-size: cover;
      background-attachment: fixed;
}

/*remedies blade end*/




/*offer page css*/

.coupon_inner {
    position: relative;
    border: 7px solid #f4f4f4;
    background: #ffffff;
}
span.discount-coupon {
    background-color: red;
    position: absolute;
    right: 0;
    font-size: 9px;
    padding: 12px 4px;
    top:0;
}
.code_coupon {
    color: #000;
    font-weight: 700;
    height: 54px;
    font-size: 20px;
    border: 2px dashed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}
.w-65{
  width:65%;
}
.demo_3 .code_coupon {
    height: 37px;
    font-size: 17px;
}
.coupon{
  background-image: url("images/coupon-bg.png");
      background-size: cover;
      background-attachment: fixed;
      height:100vh !important;
}

/*offer page css end*/

.product-list .product_description h5 {
    min-height: 44px !important;
}

.product_description h5 {
    min-height: 44px;
}


#aboutpage
{
     margin: 0 auto;
    padding-top: 0px;
    text-align: justify !important;
}

#whyus
{
     margin: 0 auto;
    padding-top: 0px;
}


/*product page css*/

/*for mobile*/
@media only screen and (max-width:767px){
    .cart-details-header {
    padding: 0 !important;
}
.cart-item-list .col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 100%;
    max-width: 100%;
}
.cart-item-list .col-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.cart-item-list .row {
    margin: 0;
}
a.unset {
    text-align: center !important;
}
.cart-details .cart-content .product-details-content .row {
    display: flex;
    justify-content: center;
}
.quantity {
    float: none !important;
    margin: 0 0 24px;
}
.discount-control form .control-group{
    width:100%;
}
.discount-control button.theme-btn {
    margin: 10px auto 0;
}
}



/*for tab*/


@media only screen and (min-width:768px) and (max-width:1200px){
    .order-summary-container {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .cart-details-header {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cart_produtpage .container {
        max-width: 100% !important;
    }
}


@media only screen and (max-width:500px){
.product-list .main-img .btn-transparent img {
    margin-top: 10px;
}
}

/*product page css end*/


/*home page mobile*/

@media only screen and (max-width:767px){
.sp-sticky {
    position: relative !important;}
.sp-sticky.sp-active {
    position: fixed !important;
}
.font-35 {
    font-size: 21px !important;
}
}

/*home page mobile end*/

.ingre_inner a{
color:#000000;
transition: all 0.5s linear;
}
.ingre_inner:hover a{
color: #0991cc !important;}


.remedies_inner:nth-child(odd){
background-color:#0991cc;
}
.remedies_inner:nth-child(odd) h4,.remedies_inner:nth-child(odd) p{
color:#ffffff;}


/*sharing icons start*/
.bg-theme {
    background: #8d0632;
}
.bg-theme li a img {
    width:30px !important;
}


/*sharing icons close*/


/*remedies page css*/
.remediesbutton
{
display: flex;
align-items: center;
flex-wrap: wrap;
}

.remediesbutton .btn-theme a{
    padding: 7px 26px !Important;
}


.wishlist
{
  display: none !important;  
}



    i.rango-close.text-down-4 {
    margin-right: 14px;
}


/*customer profile address css start*/

 .account-content .account-layout .adding{
    color: rgba(0,0,0,.83);
    /* padding: 15px 20px; */
    /* padding-bottom: 15px; */
    /* padding-left: 20px; */
    /* padding-bottom: 60px; */
    background: #f0faff;
    padding: 24px;
}

.adding .control-group select {
    width: 100%;
    height: 27px;
}
.adding .control-group select {
    width: 100%;
    height: 27px;
}
.adding .control-group input {
    width: 100%;
}

/*customer profile address css ends*/


h1.text-capitalize.text-center.black.font-35.mb-md-4.mb-3.wow.fadeInUp {
    margin-top: 20px;
}


/*php debugger hide starts*/

div.phpdebugbar-panel.phpdebugbar-active
{
    display:none !important;
}

div.phpdebugbar-header, div.phpdebugbar-openhandler-header
{
    display:none !important;
}

.phpdebugbar.phpdebugbar-minimized div.phpdebugbar-resize-handle {
    cursor: default!important;
    display: none !important;
}

div.phpdebugbar
{
    display:none !important;
}

/*php debugger hide ends*/



.topstrip a{
color:black;

}

/*customer dashboard modification start*/

.dashboard-stats
{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  grid-auto-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 15px;
}

.dashboard-stats .dashboard-card {
    height: 100px;
    border: 1px solid hsla(0,0%,63.5%,.2);
    box-shadow: 0 5px 10px 2px hsl(0deg 0% 64% / 20%);
    border-radius: 5px;
    position: relative;
    padding: 15px;
}

.dashboard-stats .cshopping {
    margin-bottom: 10px;
    border: 1px solid hsla(0,0%,63.5%,.2);
    box-shadow: 0 5px 10px 2px hsl(0deg 0% 64% / 20%);
    border-radius: 5px;
    position: relative;
    padding: 15px;
    background-color: #1b88b9;
    
}




.one {
    background-color: #ff8c2a;
}
.two {
    background-color: #23a523;
}
.three {
    background-color: #a3a321;
}
.four {
    background-color: #7a00ff;
}
.six {
        background-color: #a33b3b;
}

.ctext
{
  color: white;
  padding: 20px;
}


/*customer dashboard modification ends*/


/*.account-content*/
/*{*/
/*    height: 700px !important;*/
/*}*/


/*top strip button*/


.topbutton {
    /*display: block;*/
    width: 115px;
    height: 25px;
    background: #fafabe;
    padding: 4px !important;
    text-align: center;
    border-radius: 6px;
    /*color: white;*/
    font-weight: bold;
    line-height: 25px;
}


#terms
{
    text-align:justify;
}

#more {display: none;}

.cs{
    margin-bottom: -4px !important;
}

/*footer short*/

.link li {
    margin-bottom: -12px !important;
    padding: 2px 0;
}

footer p {
    margin-top: -8px;
    text-align:left;
}

footer div a img{
    /*width: 85%;*/
}


/*footer short end*/


#content {
display: flex;
flex-wrap: wrap;
}

#content img {
width: 100%;
/*min-width: 100px;*/
}


.image-wrapper .footerstrip {
    width: 400% !important;
}

/*customer dashboard filter error*/

 .account-content {
    height: auto !important;
    }
    
    
    .customerorder{
         display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    }
    
    

span.customerorderlight {
    font-weight: 100;
}

/*.totals*/
/*{*/
/* display: flex;*/
/*    justify-content: flex-end;*/
/*    padding-right: 6%;   */
/*}*/

.totals {
    display: flex;
    justify-content: flex-end;
    padding-right: 6%;
    position: relative;
}


.totals:before{
content:'';
position:absolute;
top:0;
right:0;
background-color:black;
height:3px;
width:100px;}

.totaltd
{
        width: 195px;
    text-align: right;
}

table.sale-summary {
    border-top: 3px solid;
        padding-right: 0%;
}

.sale-section .table thead th {
   
    border-top: 3px solid #000000;
    border-bottom: 3px solid #000000;
}

.box-content {
    line-height: 1;
}


@media only screen and (min-width:1200px){
    footer {
    background-color: #237194;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0rem;
    text-align: center;
    z-index: 9999;
}

body {
    padding: 0;
    font-family: 'poppinsregular';
    padding-bottom: 12rem;
    min-height: 100%;
    position: relative;
}

}

.bbuy
{
    width:56px !important;
    font-size:10px !important;
}

.btn-cart
{
  width:72px !important;
    font-size:10px !important;  
}

div#app {
    min-height: 100vh;
}


@media only screen and (min-width:1024px){
.search-container  .card {
    width: 23.33%;
    margin: 0 7px;}}
    
    .porderbtn
    {
        margin-bottom:24px !important;
    }


.forgot-bg {
    background-image: url("../images1/forgot-banner.jpg");
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
}