.bg-gray {
    background: #f6f6f6;
}

/* Button */
.btn{border-radius:10px; font-size:15px; transition: all 0.4s ease;}

.btn-primary{background:#2687CB; border-color:#2687CB; color: #fff}
.btn-primary:hover{background:#2687CB; border-color:#2687CB; color: #fff}
.btn-primary:active{background:#2687CB!important; border-color:#2687CB!important; color: #fff}

.btn-outline-primary{border: 1px solid #2687CD; color:#000}
.btn-outline-primary:hover{background:#2687CB; border-color:#2687CB; color: #fff;}
.btn-outline-primary:active{background:#2687CB; border-color:#2687CB; color: #fff;}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link{background:#2687CB; border-color:#2687CB}

.page-link{color:#2687CB}
.active>.page-link,
.page-link.active{background:#2687CB; border-color:#2687CB}

/* Background */
#home-promo .container-fluid{padding-left:0; padding-right:0}
#home-promo .nav-promo {margin:0 0 20px; padding:0 0 10px; width:100%; overflow-x:auto}
#home-promo .nav-promo ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
#home-promo .nav-promo ul::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}
#home-promo h2 {font-size:26px}
#home-promo .nav-promo ul li{display:inline-block; margin:0 10px 0 0}
#home-promo .nav-promo .btn{font-weight:400}
#home-promo .nav-promo .btn-outline-primary:hover{color:#fff}
#home-promo .nav-promo .btn-outline-primary:active{color:#fff;background-color: #2687CB;}
#home-promo .owl-theme .owl-item{border-radius:15px; width:1140px; opacity:0.4; overflow:hidden}
#home-promo .owl-theme .owl-item.active{opacity:1}
#home-promo .owl-theme .owl-item.active + .active{opacity:0.4}
#home-promo .owl-theme .owl-nav{max-width:1140px; margin:-310px auto 310px}
#home-promo .promo-slider .slick-prev{height:25px; left:15px; z-index:99}
#home-promo .promo-slider .slick-next{height:25px; right:15px; z-index:99}
#home-promo .promo-slider .slick-prev:before{background:url(../images/icon-prev.png) center center; content:''; background-size: cover; height: 25px; width: 20px; display: block;}
#home-promo .promo-slider .slick-next:before{background:url(../images/icon-next.png) center center; content:''; background-size: cover; height: 25px; width: 20px; display: block;}

#home-sale .sale-box{background:#2787CA; border-radius:15px; color:#fff; padding:30px 60px;}
#home-sale .products-sale-slider .slick-list{margin:0 -15px}
#home-sale .products-sale-slider .slick-slide{padding:0 15px}
#home-sale .products-sale-slider .slick-prev{left:-40px; height:30px; width:30px;}
#home-sale .products-sale-slider .slick-prev:before{font-size:30px;}
#home-sale .products-sale-slider .slick-next{right:-40px; height:30px; width:30px;}
#home-sale .products-sale-slider .slick-next:before{font-size:30px}
#home-sale .products-sale-slider {color:#000}
#home-sale .products-sale-slider .previous-price{color:#000}

.is-countdown {max-width:300px; margin:0 auto 20px;}
.countdown-holding span {color: #888;}
.countdown-row {clear: both; width: 100%; padding: 0; text-align: center;}
.countdown-show1 .countdown-section {width: 98%;}
.countdown-show2 .countdown-section {width: 48%;}
.countdown-show3 .countdown-section {width: 32.5%;}
.countdown-show4 .countdown-section {width: 24.5%;}
.countdown-show5 .countdown-section {width: 19.5%;}
.countdown-show6 .countdown-section {width: 16.25%;}
.countdown-show7 .countdown-section {width: 14%;}
.countdown-section {display: block; float: left; font-size: 75%; position:relative; text-align: center;}
.countdown-section:after{content:':'; color:#fff; font-size:24px; position:absolute; top:0; right:0}
.countdown-section:last-child:after{display:none}
.countdown-amount {border-radius:5px; font-size: 200%; background:#F30302; color:#fff; padding:5px 10px;}
.countdown-period {display: block; margin:5px 0 0; }
.countdown-descr {display: block; width: 100%;}

#google-reviews .slick-slide{padding:0 40px}
#google-reviews .slick-slide .review-bubble{bottom: 0; box-shadow: rgba(0, 0, 0, .09) 2px 2px 3px 0; box-sizing: border-box; color: #777; height: auto; left: 0; position: relative; right: 0; text-size-adjust: 100%; top: 0; column-rule-color: #fff; perspective-origin: 277.5px 69px; transform-origin: 277.5px 69px; background: #fff none repeat scroll 0 0 / auto padding-box border-box; border: 1px solid #f5f5f5; font-style: italic; margin: 0 0 25px; outline: #fff none 0; padding: 20px 25px 20px 48px;}
#google-reviews .slick-slide .review-bubble:before{bottom: 47px; box-sizing: border-box; color: #bbb; content: '\201C'; display: block; height:70px; left: 55px; position: absolute; right: 515.391px; text-size-adjust: 100%; top: 35px; width: 24.6094px; column-rule-color: #bbb; perspective-origin: 12.2969px 48px; transform-origin: 12.2969px 48px; border: 0 none #bbb; font: normal normal normal normal 60px / 96px Georgia, serif; margin: -25px 0 0 -40px; outline: #bbb none 0;}
#google-reviews .slick-slide .review-bubble:after{bottom: -30px; box-sizing: border-box; color: #fff; content: ''; display: block; height: 30px; left: 80px; position: absolute; right: 445px; text-size-adjust: 100%; width: 30px; column-rule-color: #fff; perspective-origin: 15px 15px; transform-origin: 15px 15px; filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .0980392)); border-top: 30px solid #fff; border-right: 30px solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid transparent; font: normal normal normal normal 13px / 20.8px "Helvetica Neue", Helvetica, Arial, sans-serif; outline: #fff none 0;}
#google-reviews .slick-slide .review-bubble .star-wrapper{float:left;}
#google-reviews .slick-slide .review-bubble span.star{width: 18px; height: 18px; background: gold; display: inline-block; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: bottom; margin-bottom: -2px;}
#google-reviews .slick-slide .review-bubble span.star{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cpath d='M20.429 8.14c0 0.221-0.16 0.43-0.319 0.589l-4.456 4.346 1.056 6.138c0.012 0.086 0.012 0.16 0.012 0.246 0 0.319-0.147 0.614-0.503 0.614-0.172 0-0.344-0.061-0.491-0.147l-5.512-2.897-5.512 2.897c-0.16 0.086-0.319 0.147-0.491 0.147-0.356 0-0.516-0.295-0.516-0.614 0-0.086 0.012-0.16 0.025-0.246l1.056-6.138-4.469-4.346c-0.147-0.16-0.307-0.368-0.307-0.589 0-0.368 0.381-0.516 0.687-0.565l6.163-0.896 2.762-5.586c0.11-0.233 0.319-0.503 0.602-0.503s0.491 0.27 0.602 0.503l2.762 5.586 6.163 0.896c0.295 0.049 0.688 0.196 0.688 0.565z'%3E%3C/path%3E%3C/svg%3E%0A");}
#google-reviews .slick-slide .review-bubble span.star-o{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cpath d='M13.959 12.522l3.757-3.646-5.181-0.761-2.32-4.69-2.32 4.69-5.181 0.761 3.757 3.646-0.896 5.169 4.641-2.443 4.628 2.443zM20.429 8.14c0 0.221-0.16 0.43-0.319 0.589l-4.456 4.346 1.056 6.138c0.012 0.086 0.012 0.16 0.012 0.246 0 0.331-0.147 0.614-0.503 0.614-0.172 0-0.344-0.061-0.491-0.147l-5.512-2.897-5.512 2.897c-0.16 0.086-0.319 0.147-0.491 0.147-0.356 0-0.516-0.295-0.516-0.614 0-0.086 0.012-0.16 0.025-0.246l1.056-6.138-4.469-4.346c-0.147-0.16-0.307-0.368-0.307-0.589 0-0.368 0.381-0.516 0.687-0.565l6.163-0.896 2.762-5.586c0.11-0.233 0.319-0.503 0.602-0.503s0.491 0.27 0.602 0.503l2.762 5.586 6.163 0.896c0.295 0.049 0.688 0.196 0.688 0.565z'%3E%3C/path%3E%3C/svg%3E");}
#google-reviews .slick-slide .review-bubble span.star-empty{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361zM11 16.188l-4.801 2.524 0.917-5.346-3.884-3.786 5.368-0.78 2.4-4.864 2.401 4.864 5.368 0.78-3.884 3.786 0.917 5.346-4.801-2.524z'%3E%3C/path%3E%3C/svg%3E");}
#google-reviews .slick-slide .review-bubble span.star-full{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361z'%3E%3C/path%3E%3C/svg%3E%0A");}
#google-reviews .slick-slide .review-bubble span.star-half{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361zM11 16.188l-0.020 0.011 0.020-12.263 2.401 4.864 5.368 0.78-3.884 3.786 0.917 5.346-4.801-2.524z'%3E%3C/path%3E%3C/svg%3E");}
#google-reviews .slick-slide .review-user{display:flex; gap:20px; align-items:center; margin:40px 0 0}
#google-reviews .slick-slide .review-user .photo img{height:60px}
#google-reviews .slick-prev{left:0; height:30px; width:30px}
#google-reviews .slick-next{right:0; height:30px; width:30px}
#google-reviews .slick-prev:before,
#google-reviews .slick-next:before{font-size:30px; color:#D8D8D8}

#instagram-feed .instragram-icon i{font-size:44px}
#instagram-feed .ig-list{display:grid; grid-template-columns: repeat(5, 1fr); column-gap:5px; row-gap:5px; justify-items:start; margin:0 0 30px}
#instagram-feed .btn{border-radius:5px; margin:0 5px}
#instagram-feed .ig-list img {height: auto; max-width: 100%;}

.card-product{border:1px solid #ddd; border-radius:15px; overflow:hidden}
.card-product a img{min-height:211px}
.card-product .thumbnail{position: relative; display: inline-block; overflow: hidden;}
.card-product .thumbnail .badge{background:#FF160A; color:#fff; padding: 7px 7px; position: absolute; top: 15px; left: 15px; z-index: 99;}
.card-product .thumbnail img {width: 100%; transition: transform 0.5s ease;padding:15px;max-height: 211px;object-fit: scale-down;}
.card-product .thumbnail:hover img {transform: scale(1.2);}
.card-product .card-body{padding:10px}
.card-product .card-body{border-top:1px solid #ddd}
.card-product .card-body .card-title{
    text-align:center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.card-product .card-body .card-title a{color:#000}
.card-product .card-body .card-title a:hover{color:#2687CB}
.card-product .card-body .price{margin:0 0 5px; text-align:center}
.card-product .card-body .price .regular{font-size:80%; text-decoration: line-through; margin:0 5px 0 0}
.card-product .card-body .price .sale{color:#2688CA; font-weight:500}
.card-product .card-body .rating{margin:0 0 5px; text-align:center}
.card-product .card-body .rating .star{margin:0 10px 0 0}
.card-product .card-body .rating .star .fa-star{color:#EECC00}
.card-product .card-body .rating .star em{color:#666; font-style:normal; font-size:75%}
.card-product .card-body .btn-primary{font-weight:500; width:100%}

.card-product-category {border:0; border-radius:15px; position: relative; display: inline-block; overflow: hidden;}
.card-product-category img {width: 100%; transition: transform 0.5s ease;}
.card-product-category:hover img {transform: scale(1.2);}
.card-product-category h3 {position: absolute; bottom:0; left:0; color: white; font-size:18px; line-height:20px; padding:10px 15px; margin: 0; width: 100%;}

/* Responsive
--------------------------------------------------------------*/
@media (max-width: 991.98px) {
    /* Home */
    #home-sale .sale-box{padding:30px}
    #instagram-feed .ig-list{display:grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, auto); overflow: hidden;}
    #instagram-feed .ig-list > div:nth-child(n+10){display:none}

    .card-product .card-body .price{float:left; margin:0 0 5px; width:100%}
    .card-product .card-body .price .regular{float:left; margin:0; text-align:center; width:100%}
    .card-product .card-body .price .sale{float:left; text-align:center; width:100%}
}
@media (max-width: 767.98px){
    /* Home */
    .countdown-section:after{right:-3px; top:-2px}
    .countdown-amount{font-size:140%; padding:3px 5px}
    .countdown-period{font-size:8px!important}

    #home-sale .products-sale-slider .slick-prev{left:-28px; height:30px; width:30px;}
    #home-sale .products-sale-slider .slick-next{right:-28px; height:30px; width:30px;}

    #home-promo .promo-slider .slick-slide img{width: 100%;}
    #home-sale .products-sale-slider .slick-slide{padding: 0 20px}

    .card-product-category h3 {font-size:11px;}
}