@import url('./reset.css');
@import url('../fonts/fontface.css');


body{font-size: 16px !important;color: #4F4F4F !important;font-family: 'work_sans' , 'noto_sans' !important;font-weight: 400 !important;line-height: 1.4 !important;}
.preload { position:fixed; z-index:99999; top: 0; left: 0 ; width: 100%; height: 100%; background:url(../img/skin/logo.png) no-repeat center center #fff; background-size:100px; }

a{transition: all ease .3s !important;text-decoration: none !important;color: #000 !important;cursor: pointer !important;}
/* a:hover{  background-image: linear-gradient(to right, #CD2127, #F54047);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */
a:hover{color: #F54047 !important;}
.h1, .h2, .h3, .h4, h1, h2, h3, h4{color: #000;line-height: 1.4;}
h1,.h1{font-size: 48px;}
h2,.h2{font-size: 32px;}
h3,.h3{font-size: 28px;}
h4,.h4{font-size: 26px;}
h5,.h5{font-size: 24px;}
h6,.h6{font-size: 20px;}
p{font-size: 16px;margin-bottom: 10px;}
small{font-size: 14px;}
img{}
section{background-color: #fff;}
.over-size{font-size: 64px;}
.form-floating>.form-control { padding: 1rem 0.75rem; border: 0; border-bottom: 1px solid #D8D8D8; border-radius: 0;}
.form-control:focus{box-shadow: none;}
.wrapper{width: 100%;overflow: hidden;}
.box-content{width: 100%;float: left;margin-bottom: 10px;}
.box-content p{line-height: 1.6;}
.box-content ul{list-style-position: outside;list-style: inside;}
.box-content img{margin-bottom: 10px;width: 100%;}
.t-md{font-weight: 500;}
strong,b{font-weight: 600;}
.txt-primary{color: #CD2127;}
.txt-gray{color: #707070;}
.txt-dark{color: #000;}
.txt-success{color: #34A853;}

.bg-grey{background-color: #F7F7F7;}
.bg-dark-grey{background-color: #EFEEEE;}
.pd{padding: 50px 0;}
.mr{margin: 50px 0}
.fw{width: 100%;float: left;}

.btn-icon > span{display: flex;align-items: center;}

li.page-item {padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}
.page-item .page-link{border-color: #D8D8D8;color: #000;min-width: 36px;}
.page-item.active .page-link{background-color: #000;border-color: #000;color: #fff !important;}

.btn{padding:10px 15px;}
.btn-ctr-primary{border-color:#CD2127!important;background-color: #CD2127!important;min-width: 30%!important;color: #ffffff!important;}
.btn-ctr-primary:hover{border-color:#CD2127!important;background-color: #CD2127!important;color: #fff!important; }
.button-checkout{border-color:#CD2127!important;background-color: #CD2127!important;color: #fff!important; }
.button-checkout:hover{border-color:#c4272c!important;background-color: #c4272c!important;color: #fff!important; }
.btn-ctr-primary.round{border-radius: 50rem!important;}

.btn:focus {box-shadow: none;}

.sticky {position: -webkit-sticky;position: sticky;top: 0;background-color: #fff;}

.product-color.product-list ul{flex-flow:row;overflow-x: hidden;}
.product-color.product-list ul > li:last-child {
  margin-right: 8px;
}

#order_list_wrapper .dataTables_paginate .pagination{list-style: none;}
#order_list_wrapper .dataTables_paginate .pagination li{padding: 0;}

.form-control.is-invalid ~ .validate{ display: block;}
.box-group-menu .group-menu-end > .container ul{margin: 0;padding: 0;list-style: none;}
.box-group-menu > nav:first-child > .container .group-menu-end > ul{margin: 0;padding: 0;list-style: none;}
.shopping-cart-wrapper .container{ padding: 20vh 10vw;background-color: #EFEEEE;}
/* .product-color.product-list ul::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;  
  scrollbar
  -width: none;  
} */
.product-color.product-list ul > li{width: 100%;flex: 1 1 0;flex-grow: 1;}
.product-color.product-list ul > li label{width: 80px;}

.btn-outline-dark.override{background-color: unset; border-color: #7D7D7D;color: #212529;}
/* Button Checkout */
.chk-but{
  display: none;
}.chk-but.active{
  display: block;
  border-radius: 0;
}
.set-center{flex-direction: column;align-items: center;text-align: center;}
.form-control.postcode{background-color: unset;}
/* HEADER */
header {z-index: 20;}
header nav ul {list-style: none;}
.container-1360{max-width:1360px}
header nav a{text-decoration: none;color: #000;font-size: 14px;}
.box-search {width: 100%;background-color: #EFEEEE;border-radius: 100px;overflow: hidden;padding: 0 0 0 10px;display: flex;align-items: center;justify-content: space-between;}
.box-search input{width: 100%;background-color: #EFEEEE;border-radius: 100px;overflow: hidden;padding: 0px 10px 0px;border: 0;font-size: 12px;min-width: 200px;}
.box-search button{border: 0;background-color: #E0E0E0;padding: 10px 10px 11px;}
.box-search button span{display: flex;align-items: center;justify-content: center;}
.box-search button span img,.box-search button span svg{fill: #000;height: 16px;}
.menu-bar .active a{color: #CD2127;font-weight: 500; }

.btn-cart{position: relative;}
span.item-cart {position: absolute;background: #CD2127;font-size: 11px;color: #fff;min-width: 14.79px;min-height: 16px;z-index: 1;display: flex;align-items: center;justify-content: center;border-radius: 100px;line-height: 1;padding: 2px;top: -8px;right: -8px;}

.btn-menu { display:none; align-items:center; -webkit-display:flex; -webkit-align-items:center;  cursor:pointer; z-index:12;left: 20px;top: 40px;}
.btn-menu .groupMenu {margin: 0 auto;width: 26px; cursor:pointer; height:16px; position:relative; float:left;}
.btn-menu .groupMenu span { position:absolute;width: 26px;height: 2px;background-color: #000;float: left;margin-bottom: 4px; overflow:hidden;-webkit-transition:ease .4s; transition:ease .4s; }
.btn-menu .groupMenu span:last-child {margin-bottom: 0px;}
.btn-menu .pan1 { top:0px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .pan2 { top:7px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .pan3 { top:14px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .btn-menutext { color:#fff; float:right; text-transform:uppercase; font-size:10px; padding-top:3px; margin-right:15px; letter-spacing:1px;}
.btn-menu:hover span:before { left:0px; }
.closeMenu { position:absolute; top:20px; right:20px; width:50px; height:50px; z-index:-1; cursor:pointer;}
.menuActive .groupMenu .pan1 { left: 0; transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg); top:6px; z-index:2; height:2px;}
.menuActive .groupMenu .pan2 { left: 0; width:0px; height:0px;}
.menuActive .groupMenu .pan3 { left: 0; transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:6px; z-index:2; height:2px;}
.menuActive .closeMenu { z-index:12;}
.menuActive .btn-menu { z-index:12;}
.menuActive .btn-menu .groupMenu span { background-color:#000;}
.menuActive .btn-menu .groupMenu span:before { background-color:#000;}




.filter-body{width: 100%;float: left;padding: 30px 0;position: relative;height: calc(100vh - 78.8px );}
.filter-select {width: 100%;float: left;height: calc(100vh - (78.8px + 120px) );padding: 0 20px; overflow: hidden;overflow-y: scroll;}
.filter-wrap{transition: all ease-in-out .5s; position: fixed;width: 100%;opacity: 0;z-index: -2;pointer-events: none; height: 100%;left: 0;top: 0;background-color: #fff;}
.filter-wrap.active{opacity: 1;pointer-events: unset;z-index: 30;}
.filter-select-item{display: flex;width: 100%;align-items: center;justify-content: space-between;padding: 20px 0;}
.filter-wrap .dropdown-menu.check-group {right: 0;top: 40px;min-width: 10rem;}
.filter-select-item-h {width: 100%;float: left;}
.filter-select-item a.btn-filter{justify-content: space-between;width: 100%;}

.filter-child{width: 100%;height:calc(100vh - (87.8px + 87px)); max-height:calc(100vh - 87.8px); overflow: hidden; overflow-y: scroll; float: left;padding: 0;background-color: #fff;position: absolute;top: 0;left: 100vw;transition: all ease-in-out .5s;padding: 20px;}
.filter-child.active{left: 0;padding: 20px;}

.box-filter-child-check{width: 100%;float: left;}
.box-filter-child-check li{width: 100%;float: left;margin: 15px 0;}
.box-filter-child-check li label{font-size: 14px;}
.box-filter-child-check .fil-price{padding: 10px 20px;}

.box-filter-list{margin-bottom: 20px;}
.filter-close {position: absolute;right: 20px;}
.filterActive{overflow: hidden;}



/* Animate */
.tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.roll-in-left {
	-webkit-animation: roll-in-left 0.6s ease-out both;
	        animation: roll-in-left 0.6s ease-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-24 12:20:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */






/* HOME */
.pb-50px{padding-bottom: 50px;}
.pb-60px{padding-bottom: 60px;}
.pb-70px{padding-bottom: 70px;}
.sec-hero-banner{width: 100%;float: left;}
.swiper-pagination-bullet{background: linear-gradient(180deg, rgba(186,186,186,1) 0%, rgba(243,243,243,1) 100%);width: 13px;height: 13px;opacity: 1;}
.swiper-pagination-bullet-active {opacity: 1;    background: linear-gradient(180deg, rgba(145,145,145,1) 0%, rgba(186,186,186,1) 100%);}


.cont-banner{position: absolute;top:0;left: 0;display: flex;width: 100%;height: 100%;}

.sec-products a {text-decoration: none;color: #081323;}
.card-product-title{transition: all ease .3s;}
.sec-products a:hover .card-product-title{color: #F54047 !important;}
.box-img{width: 100%;position: relative; cursor: pointer;}
.box-img img{width: 100%;float: left;}
.box-img:hover .box-img-overlay{opacity: 1;z-index: 1;}
.box-img-overlay{transition: all ease-in-out .5s; opacity: 0;z-index: -1; position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.box-img-overlay a{color: #fff;min-width: 70%;}
.box-img-overlay a:hover{color: #fff;}
.box-tab {width: 100%;float: left;}
.tab-group {width: 100%;float: left;margin-bottom: 60px;}
.tab-group ul{display: flex;align-items: center;justify-content: center;list-style-type: none;padding: 0;}
.tab-group ul > li{padding: 0 20px;}
.tab-group ul > li a:hover{color: #707070;}
.tab-group ul > li .active{text-decoration: underline !important;text-underline-offset: 8px;}
.tab-item{display: none;}
.tab-list{width: 100%;float: left;}
.sec-product-cate .box-img-overlay{opacity: 1;z-index: 1;background: rgba(0, 0, 0, 0.2);}
.sec-product-cate .box-img-overlay h2{color: #fff;}

.box-tab.search-result > .tab-group > ul > li .active{text-decoration: underline !important;}
.box-tab.search-result{margin-bottom: 2vw;}

.box-cont {width: 100%;display: flex;align-items: center;justify-content: center;height: 100%;position: relative;}
.box-cont-l {width: 50%;position: relative;height: 100%;}
.box-cont-l img{width: 100%;}
.box-cont-l .cont-img {width: calc(50vw - 50px);position: relative;top: 0;left: calc(100% - 50vw);}
.box-cont-r {width: 50%;height: 100%;}

.box-subscribe {width: calc(100% - 50px);margin-left: 50px;padding: 7px;display: flex;align-items: center;}
.box-subscribe input {width: calc(100% - 10px);height: 100%;min-height: 46px;border-radius: 100px;border: 0;margin-right: 7px;background-color: #efeeee;border-color: #efeeee;outline: none;font-size: 20px;padding: 0 15px;}
.box-subscribe a.btn-ctr-primary {padding: 10px;color: #fff;}

.cart-list ul.insert-cart{margin: 0; list-style-type: none;padding: 0;}


.slider {color: #fff;}
.slider .swiper-container {width: 100%;height: 100%;}
.slider__flex {display: flex;align-items: flex-start;}
.slider__col {display: flex;flex-direction: column;width: 150px;margin-right: 10px;}
.slider__col .slider__image{cursor: pointer;}
.slider__prev,
.slider__next {cursor: pointer;text-align: center;font-size: 14px;height: 48px;display: flex;align-items: center;justify-content: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  .slider__prev:focus,
.slider__next:focus {outline: none;}
.slider__thumbs {height:600px}
/* .slider__thumbs {height: calc(400px - 96px);} */
.slider__thumbs .slider__image {transition: 0.25s;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.5;}
.slider__thumbs .slider__image:hover {opacity: 1;}
.slider__thumbs .swiper-slide-thumb-active .slider__image {-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;}
.slider__images {height: 600px;width: 100%;}
.slider__images .slider__image img {transition: 3s;}

.slider__image {width: 100%;height: 100%;overflow: hidden;}
.slider__image img {display: block;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}

.product-color{}
.product-color ul{display: flex;flex-wrap: wrap;list-style: none;margin: 0; padding: 0;}
.product-color ul li{margin-right: 8px; margin-bottom: 8px;}
.product-color ul li:last-child{margin-right: 0;}
.product-color ul label{font-size: 13px;padding: 8px 12px; border-radius: 0;border-color: #7D7D7D;}
.product-color .btn-check:active+.btn-outline-dark:focus,.product-color .btn-check:checked+.btn-outline-dark:focus,.product-color .btn-outline-dark.active:focus,.product-color .btn-outline-dark.dropdown-toggle.show:focus,.product-color .btn-outline-dark:active:focus{box-shadow: none;}
.product-color .btn-check:focus+.btn-outline-dark,.product-color .btn-outline-dark:focus{box-shadow: none;}

.btn-group-row{display: flex;}
.btn-group-row a{width: calc(50% - 5px);}
.btn-group-row a:nth-of-type(1){margin-right: 5px;}
.btn-group-row a:nth-of-type(2){margin-left: 5px;}
.btn-group{margin-bottom: 10px;}

.group-share{margin-top: 40px;}
.group-share ul li{margin-right: 20px;}
.group-share ul li:first-child{padding-right: 20px;border-right: 1px solid #D8D8D8;color: #121212;}
.group-share ul li span{display: flex;align-items: center;justify-content: center;}
.group-share ul li img,.group-share ul li svg{height: 20px;fill: #000;}

.sw-custom {width: 100%;margin-top: 20px;}
.sw-custom .swiper-pagination-progressbar{position: relative;width: 100%;height: 2px;background: #D8D8D8;}
.sw-custom  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transition: all ease-in-out .5s; background: #707070;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;transform: none !important;}

.border-es{border-left: 1px solid #dee2e6;border-right: 1px solid #dee2e6;}

.pop-addto-cart {display: none; position: fixed;z-index: 99;background-color: #fff;border: 1px solid #000;padding: 20px 30px 50px;top: 60.9453px; right: 85.1172px; overflow: auto; height: 45%; min-height: 50px; max-height: 300px; width: 100%;max-width: 300px;}
.cart-label {width: 100%;float: left;}
.cart-label span{display: flex;align-items: center; font-size: 14px;}
.cart-label span img,.cart-label svg{fill: #000;height: 20px;margin-right: 10px;}
.cart-list {width: 100%;float: left;margin: 15px 0;}
.cart-list ul{width: 100%;float: left;}
li.cart-item {width: 100%;float: left;margin-bottom: 5px;padding-bottom: 5px;border-bottom:1px solid #dee2e6 ;}
li.cart-item:last-child{margin: 0;padding: 0;border: 0;}
.cart-item-thumb {height: 70px;width: 70px;float: left;}
.cart-item-thumb img {float: left;height: 70px;width: 70px;object-fit: cover;}
.cart-item-cont {width: calc(100% - 80px);float: left;margin-left: 10px;}
.item-cont-name{font-size: 14px;}
.item-cont-color{font-size: 14px;}
.cart-btn-group{width: 100%;float: left;}
.cart-close{position: absolute;right: 16px;top: 16px;cursor: pointer;}
.cart-close svg,.cart-close img{height: 20px;fill: #000;}
footer ul li svg,footer ul li img{fill: #707070;height: 24px;}
footer ul{padding: 0;list-style: none;}
.btn-outline-dark.btn-icon svg{fill: #000;}
.btn-outline-dark.btn-icon:hover svg{fill: #fff;}

.box-filter-group{align-items: center;}
.box-filter-group  .dropdown-menu{min-width: 14rem;}
.dropdown-menu {border-radius: 0;border-color: #D8D8D8;padding: 0 15px 15px;z-index: 2;}
.dropdown-menu.check-group li:not(.filter-box-cont) {width: 100%;float: left;margin: 5px 0;}
.filter-box-cont {padding: 10px;width: calc(100% + 30px);margin-left: -15px;border-bottom: 1px solid #D8D8D8;margin-bottom: 10px;    display: flex;justify-content: space-between;align-items: center;}
.fil-price{width: 100%;float: left;border-radius: 0;font-size: 15px;border:1px solid #7D7D7D;}
.filter-title{font-size: 14px;}
.reset-filter{font-size: 14px;text-decoration: underline !important;}
.box-filter-group .open .dropdown-menu{display: block;}
.box-filter-group button{position: relative;padding: 0;text-align: left;}
.dropdown-toggle::after {background-image: url(../img/skin/arrow-down.svg);border: 0;width: 20px;height: 20px;background-repeat: no-repeat;background-size: 20px 20px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.filter-h{font-size: 16px;margin-right: 5px;} 

.check-group { float:left; width:100%; text-align:left;}
.check-group .check-title { float:left; margin-right:20px; width:auto;  margin-bottom:10px;}
.check-group .check-line { float:left; margin-right: 20px; color:#ccc}
.check-group .check-list { float:left; width:100%; margin-bottom:5px; }
.section-unsubscribe-newsletter .check-group .box-group-inner  ul.check-list{max-height: 500px;overflow: hidden;overflow-y: scroll;}
.check-group.checkinline .check-title { margin-bottom:0px;}
.check-group.checkinline .check-list { margin-bottom:0px;}
.check-group label { display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right: 15px;	margin-bottom:0px;}
.check-group input[type=checkbox] { display:none;}
.check-group label:before { content: "";	display: inline-block; width:20px; height:20px;position:absolute; left:0; top:2px; background-color:#fff; border:1px solid #000;}
.check-group input[type=checkbox]:checked + label:before { background: #fff;}
.check-group label:after { content:""; position:absolute;} 
.check-group input[type=checkbox]:checked + label:after {width:20px; height:20px;background-image: url(../img/skin/icon-check.svg); background-repeat: no-repeat;background-size: 20px 20px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-position: center;}
/* .check-group input[type=checkbox]:checked + label:after { width:10px; height:10px; background-image: url(../img/skin/icon-check.svg); background-repeat: no-repeat;background-size: 10px 10px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}  */
.check-group.checkinline .check-list { width:auto;}
.check-group label a { text-decoration: underline;}

.tiny{font-size: 10px;}

.check-group { float:left; width:100%; text-align:left;}
.check-group .check-title { float:left; margin-right:20px; width:auto;  margin-bottom:10px;}
.check-group .check-line { float:left; margin-right: 20px; color:#ccc}
.check-group .check-list { float:left; width:100%; margin-bottom:5px; }
.section-unsubscribe-newsletter .check-group .box-group-inner  ul.check-list{max-height: 500px;overflow: hidden;overflow-y: scroll;}
.check-group.checkinline .check-title { margin-bottom:0px;}
.check-group.checkinline .check-list { margin-bottom:0px;}
.check-group label { display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right: 15px;	margin-bottom:0px;}
.check-group input[type=radio] { display:none;}
.check-group label:before { content: "";	display: inline-block; width:20px; height:20px;position:absolute; left:0; top:2px; background-color:#fff; border:1px solid #000;}
.check-group input[type=radio]:checked + label:before { background: #fff;}
.check-group label:after { content:""; position:absolute;} 
.check-group input[type=radio]:checked + label:after {width:20px; height:20px;background-image: url(../img/skin/icon-check.svg); background-repeat: no-repeat;background-size: 20px 20px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-position: center;}
/* .check-group input[type=checkbox]:checked + label:after { width:10px; height:10px; background-image: url(../img/skin/icon-check.svg); background-repeat: no-repeat;background-size: 10px 10px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}  */
.check-group.checkinline .check-list { width:auto;}
.check-group label a { text-decoration: underline;}

.box-filter-list label{font-size: 14px;}
.box-filter-group .filter-sort .dropdown-menu{width: 10rem;}
.filter-sort label{width: 100%;margin: 0;text-align: center;}
.filter-sort  .check-group label::before{width: calc(100% + 30px);z-index: -1;left: -15px;height: 100%;top: 0;border: 0;}
.filter-sort  .dropdown-menu.check-group li:not(.filter-box-cont){margin: 0;}
.filter-sort .check-group input[type=radio]:checked + label:before {background: #eee;border: 0;width: calc(100% + 30px);z-index: -1;left: -15px;height: 100%;top: 0;}
.filter-sort .check-group label{padding:5px 0;}
.filter-sort .check-group label:hover:before{background-color: #eee;}
.filter-sort .check-group input[type=radio]:checked + label:after{content: none;}
.filter-sort  .check-group label:after{content: none;}
.filter-sort  .dropdown-menu{padding: 15px;min-width:10rem;}

.shopping-cart-item-count span {cursor:pointer; }
			
.shopping-cart{width: 100%;float: left;padding: 50px 0;}
.shopping-cart-item {width: 100%;float: left;display: flex;align-items: flex-start;padding:30px 0;border-bottom: 1px solid #D8D8D8;}
.shopping-cart-item:first-child{padding-top: 0;}
.shopping-cart-item-thumb{width: 120px;}
.shopping-cart-item img{width: 100%;}
.shopping-cart-item-cont {width: calc(75% - 40px);}
.shopping-cart-item-count {width: 30%;text-align: center;}
.shopping-cart-item-count .number {background-color: #EFEEEE;display: flex;align-items: center;justify-content: space-around;    width: calc(70% + 40px);}
.shopping-cart-item-count .minus, .plus {width: 20px;height: 100%;border-radius: 4px;padding: 8px 5px 8px 5px;display: inline-block;vertical-align: middle;text-align: center;}
.shopping-cart-item-count input {height: 53px;width: calc(50% - 20px);text-align: center;font-size: 16px;border: 0;border-radius: 0;display: inline-block;vertical-align: middle;background-color: #EFEEEE;}
.item-group {display: flex;flex-wrap: wrap;padding: 0 20px;}

.validate{font-size: 12px;margin-top: 10px;width: 100%;float: left;display: none;}
.form-floating>label {padding-left: 0;}
.bootstrap-select .dropdown-toggle:focus{outline: none !important;}

.from-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}
.from-select button.btn-light{padding-left: 0;color: #4f4f4f;background: #fff;border: 0;border-bottom: 1px solid #d8d8d8;border-radius: 0;}
.from-select.btn-check:active+.btn-light, .from-select.btn-check:checked+.btn-light, .from-select.btn-light.active, .from-select.btn-light:active, .from-select.show>.btn-light.dropdown-toggle{color: #4f4f4f; background: #fff;border-color: #d8d8d8;}
.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow: none;}
.from-select .dropdown-menu.show{padding: 0; max-height: 380px; max-width: 100%;}
.from-select .dropdown-item.active, .from-select .dropdown-item:active{background-color: #707070;color: #fff;}
.from-select .dropdown-item{padding: 10px 20px;}
.from-select.bootstrap-select .dropdown-toggle .filter-option-inner-inner{color: #707070;}
.form-floating{color: #707070;}
.dropup .dropdown-toggle::after{border: 0;}
.popup{position: fixed;top:0;left:0;width: 100%;height: 100%;display: none;align-items: center;justify-content: center;z-index: 99;}
.popup-bg{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2); top: 0;left: 0;}
.box-popup {border: 1px solid #000;background-color: #fff;width: auto;height: auto;z-index: 1;padding:50px 30px 40px;min-width: 390px;position: relative;}
.pop-close{position: absolute;right: 15px;top: 15px;}
.order-detail p{word-break: break-word;}
.alert-cart{width: 100%;background-color: #EFEFEF ;border-top: 2px solid #42bd41;}.alert-cart p{padding: 20px 40px;margin: 0;width: 100%;display: flex;align-items: center;}
.alert-cart span{background-color: #42bd41;border-radius: 100px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;margin-right: 10px;}.alert-cart span img,.alert-cart span svg{fill: #fff;height: 20px;}
@media (max-width: 767.98px) {
    .slider__flex {
      flex-direction: column-reverse;
    }
    .slider__col {
      flex-direction: row;
      align-items: center;
      margin-right: 0;
      margin-top: 24px;
      width: 100%;
    }
    .slider__images {
      width: 100%;height: unset;
    }
    .slider__image{height: auto;}
    .slider__thumbs {
      height: 100px;
      width: calc(100% - 96px);
      margin: 0 16px;
    }
    .slider__prev,
    .slider__next {
      height: auto;
      width: 32px;
    }
  }


@media (min-width: 1200px){
.g-xl-10, .gx-xl-10 {--bs-gutter-x: 9rem;}
}


@media (max-width: 1199.98px){
  h1,.h1{font-size: 36px;}
  h2,.h2{font-size: 28px;}
  h3,.h3{font-size: 26px;}
  h4,.h4{font-size: 24px;}
  h5,.h5{font-size: 22px;}
  h6,.h6{font-size: 18px;}
  .over-size{font-size: 42px;}

  .pop-addto-cart{right: 45.1172px;}


  .shopping-cart-item-count .number{    width: calc(100% + 20px);}
}
@media (max-width: 991.98px){



.box-cont{flex-wrap: wrap;}
.box-cont-l,.box-cont-r{width: 100%;}
.box-cont-l .cont-img{left: calc(0px - (100vw - 720px)/2);width: 100vw;}

.box-logo{text-align: center;}
.btn-menu{display: block;}
.menu-mobile {border-bottom: 1px solid #dee2e6!important; display: flex;justify-content: space-between;width: 100%;align-items: center;padding: 10px 15px;}
.menu-mobile > div{width: 33.33%;}
.menu-group-right{display: flex;align-items: center;justify-content: end;}

.box-logo img{height: 50px;}
.box-search-mobile {padding: 15px;border-bottom: 1px solid #dee2e6!important;display: none;}
.box-search input {padding: 5px 10px 5px;}

.group-menu-end li {padding: 12px 0;}
header nav a { font-size: 16px;}
.box-group-menu{width: 100%;overflow: hidden;overflow-y: scroll;display: none;}



.box-search-mobile.active ~ .box-group-menu{max-height: calc(100vh - (76.9px + 68px));}
.box-group-menu {max-height: calc(100vh - 76.9px);}

.border-es{border-left:0;border-right:0;}
footer .box-content{text-align:center;}

.pop-addto-cart {top: 57.4453px; right: 17px;}
.slider__col{display: none;}


.box-filter-apply{padding: 20px;position: absolute;bottom: 0;left: 0;background-color: #fff;}
.shopping-cart-item-cont {
  width: 100%;
}

.shopping-cart-item-count {width: 100%;text-align: center;}
.shopping-cart-item-count .number{width: calc(50% + 40px);}

h2.price-result{font-size: 24px;}
.alert-cart p{padding: 20px;}
}

@media (max-width: 767.98px){
  .pd{padding: 30px 0;}
  .shopping-cart{padding: 0;}
  .alert-cart{margin-bottom: 30px;}
  .box-cont-l .cont-img{left: calc(0px - (100vw - 540px)/2);}
  .box-subscribe{width: 100%;margin: 20px 0 0;}

  
  .shopping-cart-item-count.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 80px;}
  .shopping-cart-item-count.dropdown button{float: left;background-color: #efeeee;border-color: #efeeee;color: #707070;border-radius: 0;}
  .shopping-cart-item-count.dropdown .btn-check:active+.btn-light,.shopping-cart-item-count.dropdown .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle{background-color: #efeeee;border-color: #efeeee;color: #707070;}
  .shopping-cart-item-count.dropdown .dropdown-item{color: #707070;}
  .shopping-cart-item-count.dropdown .dropdown-menu.show {display: block;padding: 0;background-color: #efeeee;color: #707070;}
  .shopping-cart-item-count.dropdown .dropdown-item.active, .dropdown-item:active {text-decoration: none;background-color: #cecece;color: #707070;}
  .shopping-cart-item-count.dropdown .dropdown-item:focus,  .shopping-cart-item-count.dropdown .dropdown-item:hover{background-color: #E0E0E0;color: #707070;}
  
}

@media (max-width: 575.98px){

  
  .box-cont-l .cont-img{left:0;}
}

@media (max-width: 419.98px){
.pop-addto-cart{max-width: 90vw;}
.box-img-overlay .h1{font-size: 30px;}
}
@media (max-width: 325.98px){
h1,.h1{font-size: 28px;}
h2,.h2{font-size: 24px;}
h3,.h3{font-size: 20px;}
}
.setup-menu{
  padding-bottom: 10px;
}
.text-home-products{
  color: #081323;
}
.text-setup-image{
  font-size: 20px;
  color: #4F4F4F;
}
.text-tile{
 color: #081323;
}
.text-text{
  color: #000000 !important;
 }
 .text-detail{
  color: #4F4F4F;
 }
 .bg-subscribe{
  background-color: #F7F7F7;
  border-bottom: 1px #D8D8D8 solid ;
  border-top: 1px #D8D8D8 solid;
 }
 ::placeholder{
  color: #000000;
 }
 a.btn.btn-ctr-primary.rounded-pill {
  font-size: 20px;
}
.card:hover{
  color: #b21a1f;
}
.btn-outline-dark:hover .ms-2.text-dark{background-image: linear-gradient(to right, #CD2127, #F54047);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.set-un-point{
  list-style-type:none;
}
.set-up-fony-size{
  font-size: 20px;
  color: #000000;
}
.lineundertext{
  text-underline-offset: 8px;
}
.product-list-item:hover .card-body .card-product-title{
  color: #F54047 !important;

}
.product-list-item:hover .box-img-overlay{
  opacity: 1;
  z-index: 1;;
}
.button-1-set-u-p{
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

.show-demo{
  position: relative;
  z-index: 1000;
  background-repeat: round;
  background-image: url(../img/home/Pc-bg-1.png);
}

@media screen and (max-width:767px) {
  .show-demo{
    background-image: url(../img/home/M-bg-1.png);
  }
}


.show-demo img{
  max-width: 100%;
  animation: move 5s infinite ease-in-out alternate;
}

@keyframes move {
  0% {
    transform: translateY(-25px);
  }
  100% {
    transform: translateY(25px);
  }
}

/* .drop {
  position: relative;
	width: 20px;
	height: 20px;
  top: -30px;
  margin: 0 auto;
	background: #FFF;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
  -moz-animation-name: drip;
  -webkit-animation-name: drip;
  animation-name: drip;
  -moz-animation-timing-function: cubic-bezier(1,0,.91,.19);
  -webkit-animation-timing-function: cubic-bezier(1,0,.91,.19);
  animation-timing-function: cubic-bezier(1,0,.91,.19);
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.drop:before {
  content: "";
  position: absolute;
  width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 30px solid rgba(255,255,255,1);
  top: -22px;
}

.wave {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	width: 2px;
	height: 1px;
  border: #6092d0 7px solid;
	-moz-border-radius: 100%;
	-webkit-border-radius:  100%;
	border-radius: 100%;
  -moz-animation-name: ripple;
  -webkit-animation-name: ripple;
  animation-name: ripple;
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.wave:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: -5px;
  left: -5px;
	width: 2px;
	height: 1px;
  border: #6092d0 solid;
	-moz-border-radius:  100%;
	-webkit-border-radius:  100%;
	border-radius:  100%;
  -moz-animation-name: ripple-2;
  -webkit-animation-name: ripple-2;
  animation-name: ripple-2;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes ripple {
    from {
      opacity: 1;
    }
    to {
      width: 600px;
      height: 300px;
      border-width: 1px;
      top: 50%;
      opacity: 0;
    }
}

@keyframes ripple-2 {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  100% {
    width: 200px;
    height: 150px;
    border-width: 1px;
    top: 100px;
    left: 200px;
  }
}

@keyframes drip {
    to {
      top: 190px;
    }
} */