body {
    font-family: 'Poppins', sans-serif;
    color: #444444;
}

.sec-1 {
    background: url(../images/top_bg.jpg) top center;
    background-size: cover;
}

.sec-1-prod {
    background: url(../images/prod-page-bg.jpg) top right;
    background-size: cover;
    height: 500px;
}
.contents {
    height: 300px;
}

.sec-1-checkout {
    background: url(../images/checkout-page-bg.jpg) top right;
    background-size: cover;
    height: 500px;
}

.sec-1-thankyou {
    background: url(../images/ty-bg.jpg) top right;
    background-size: cover;
    height: 500px;
}

ul, li {
    margin: 0px;
    list-style-type: none;
}

.list-group a {
    color: white;
    text-decoration: none;
}

.btn-buy {
    background: rgb(246,118,51);
    background: linear-gradient(0deg, rgba(246,118,51,1) 0%, rgba(236,64,87,1) 100%);
    padding: 15px 40px;
    transition: all 250ms ease-in-out;
    color: white;
    text-decoration: none;
    border: none;
}

.btn-buy:hover {
    background: rgb(246,118,51);
    background: linear-gradient(0deg, rgba(236,64,87,1) 0%,  rgba(246,118,51,1) 100%);
    
}


.btn-buy-mobile {
    background: rgb(246,118,51);
    background: linear-gradient(0deg, rgba(246,118,51,1) 0%, rgba(236,64,87,1) 100%);
    padding: 10px 30px;
    transition: all 250ms ease-in-out;
    color: white;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 0;
    top: -8px;
}

.head-links-toggle {
    background: none;
    border: none;
}


.dot {
    display: block;
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background: #fff;
    margin-right: 5px;
}
.mobile-head-link {
    position: relative;
}

.btn-buy-mobile:hover {
    background: rgb(246,118,51);
    background: linear-gradient(0deg, rgba(236,64,87,1) 0%,  rgba(246,118,51,1) 100%);
}

.dots {
    position: relative;
    right: -10px;
    /* background: rgb(0 0 0 / 50%); */
    padding: 10px;
}

.mobile-menu {
    padding: 20px;
    font-size: 14px;
}

.mobile-menu a {
    color: #4d4d4d;
    text-decoration: none;
}

/* .btn-minus::after {
    content:"+"
} */
.lSGallery {
    margin: 30px auto !important;
    display: block;
    width: 320px !important;
}

.qty-container {
    width: 200px;
    display: flex;
    margin: auto;
}
.input-number {
    width: 50px !important;
    flex: unset !important;
    margin: 0 10px !important;
}

.input-group-btn {
    background: #e7e7e7;
}

.navy-color, .Navy-color {
    background: #202A44;
    padding: 8px
}

.turquoise-color, .Turquoise-color {
    background: #36dfce;
    padding: 8px
}

.red-color, .Red-color {
    background: #C41E3A;
    padding: 8px
}


.pink-color, .Pink-color {
    background: #FFC0CB;
    padding: 8px
}


.lSGallery li {
    border: 1px solid #7e7e7e; 
    border-radius: 5px;
    margin: 0 5px;
}

.prod-specs li {
    list-style-type: disc !important;
}
.content-container {
    width: 100%;
    height: 60vh;
}

.content h2 {
    font-size: 77px;
    font-weight: 600;
    color: #fff;
}

.content h1 {
    font-size: 95px;
    font-weight: 700;
    color: #fff;
}

.bg-orange {
    background: rgba(246,118,51,1);

}

.text-red {
    color: rgba(236,64,87,1);
}

.sec-3 {
    background: url(../images/sec-3-bg.jpg) top left;

}

.sec-3-icon {
    background: rgba(246,118,51,1);
    padding: 15px;
    border-radius: 100%;
}

.sec-3, .sec-4 {
    padding: 150px 0 !important;
}

.sec-4 {
    background: #F5F5F5;
}
.prod-opt {
    background: #fff;
    padding: 50px 0 20px 0;
    position: relative;
}

.cart-btn {
    position: relative;
    bottom: -30px;
}

.cart-btn a {
    background: rgba(236,64,87,1);
    color: #fff;
    text-decoration: none;
    padding: 20px 80px;
    position: relative;
    transition: all 300ms ease-in-out;
}

.cart-btn a:hover {
    background: rgb(196, 34, 55);
}


.small-cart-img{
    position: absolute;
    right: 30px;
    top: 22px;
}

.sec-5 {
    padding-top: 150px;
}

.footer1 {
    background: rgb(246,118,51);
    background: linear-gradient(0deg, rgba(246,118,51,1) 0%, rgba(236,64,87,1) 100%);
    padding: 40px;
    color: #fff;
}

.shop-btn {
    border: solid #fff 3px;
    background: none;
    padding: 10px 40px;
    color: #fff;
    font-size: 25px;
    margin-left: 40px;
    transition: all 250ms ease-out;
}
footer {
    color: #444444;
}
.shop-btn:hover {
    background: #fff;
    color: rgb(246,118,51);
}

.footer-links a {
    color: #575757;
    text-decoration: none;
}


.form-container input, select {
    border: 1px solid #e6e6e6 !important;
    width: 100%;
    font-size: 14px;
    background: none;
}

.coupon-fields {
    border: 1px solid #e6e6e6 !important;
    width: 100%;
    font-size: 14px;
    background: none;
    padding: 15px;
}

.btn-coupon {
    background: rgba(236,64,87,1);
    color: #fff;
    width: 100%;
    padding: 15px;
    border: none;
}

.coupon-fieldsf {
    border: 1px solid #e6e6e6 !important;
    width: 100%;
    font-size: 14px;
    background: none;
}


.checkout-container {
    padding: 40px;
}

.paypal-btn {
    width: 100%;
    background-color: #FFC439;
    padding: 15px;
    border: none;
}

.cc-btn {
    background:rgba(236,64,87,1);
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    border: none;
    padding: 15px 0;
}

.checkout-btn {
    background: rgb(246,118,51);
    background: linear-gradient(0deg, rgba(246,118,51,1) 0%, rgba(236,64,87,1) 100%);
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    border: none;
    padding: 15px 0;
}

.checkout-container {
    border: 2px solid #E0E0E0;
}

.order-sum {
    border: 2px solid #E0E0E0;
    padding: 40px;
}
.total {
    text-align: right;
}
.item {
    position: relative;

}

.order-sum-close {
    position: absolute;
    padding: 10px;
    border-radius: 100%;
    background:rgba(236,64,87,1);
    top: 8px;
    left: 17px;
    cursor: pointer;
}

.line1 {
    height: 14px;
    width: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 4px;
    right: 9px;
}

.line2 {
    height: 14px;
    width: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    top: 4px;
    right: 9px;
}


.guarantee-wrap, .common-border {
    border: 2px solid #E0E0E0;
    padding: 40px;
}






/* css img sprite */
.bg-calor {
    width: 60px;
    height: 60px;
    background: url('images/css_sprites.png') -10px -121px;
  }
  
  .bg-reminder {
    width: 60px;
    height: 60px;
    background: url('images/css_sprites.png') -90px -121px;
  }
  
  .bg-s2icon6 {
    width: 91px;
    height: 91px;
    background: url('images/css_sprites.png') -10px -10px;
  }
  
  .bg-star {
    width: 129px;
    height: 25px;
    background: url('images/css_sprites.png') -121px -10px;
  }
  
  
   /*fitness*/
   .health-fitness {
    background-image: url(img/wellness-bg.jpg);
    background-size: cover;
    padding: 30px 0;
  }
  
  .health-title {
    color: #5eccf5;
    font-weight: 300;
    font-size: 40px;
    font-family: arial;
  }
  
  .health-container {
    padding: 10px 0;
    margin: 10px 0;
  }
  
  .centro {
    margin: 0 auto;
    display: block;
  }
  
  .health-container h2 {
    font-size: 24px !important;
    color: #fff;
    font-family: arial;
  }
  
  .health-container h3 {
    color: #fff;
    font-size: 22px;
  }
  
  .health-container p {
    color: #fff;
    font-family: arial;
    text-align: center;
  }
  
  .email {
    width: 95% !important;
    float: right;
  }
  
  @media (max-width: 768px) {
    .email {
        width: 80% !important;
        float: right;
    }
  
    #lightSlider li img {
        width: 218px;
    }
  }













@media (max-width: 768px) {
    .cart-btn a {
        width: 100%;
        display: block;
        margin: auto;
        text-align: center;
    }
    .checkout-container, .order-sum, .guarantee-wrap, .common-border {
        padding: 20px;
    }
    .content-container {
        height: 70vh;
    }
    .sec-3, .sec-4 {
        padding: 80px 0 !important;
    }

    .lSGallery li {
        width: 50px !important;
    }

    .sec-1-prod, .sec-1-checkout, .sec-1-thankyou {
        height: 100%;
    }
    .sec-3 {
        background: url(../images/sec-3-bg.jpg) top right;
    }

    .sec-5 {
        padding: 80px 0;
    }

    .footer1{
        padding: 20px;
        text-align: center;
    }

    .shop-btn {
        width: 100%;
        margin: 0;
    }

    .content h2 {
        font-size: 40px;
        font-weight: 600;
        color: #fff;
    }

    .content h1 {
        font-size: 42px;
    }
}