body{
	font-weight: 400;
	color: #666;
	font-size: 13px;
	line-height: 20px;
	width: 100%;
	background: #fff;
	padding: 0 !important;
}
html[dir=rtl] body {
	font-family: var(--fontfamilyarabic);
}
html[dir=ltr] body {
	font-family: var(--fontfamilyenglish);
}
.ribbon,.promo {
    left: 5px !important;
}
.pro_buttons {
    right: 5px !important;
}

.bannervideo
 {
    margin: 30px 0;
    display: flex;
}

.visitor_sec{
	margin: 10px 0;
	display: flex;
	align-items: center;
	gap: 5px;
	color: #000;
	font-size: 11px;
	font-weight: 700;
}
.visitor_sec span{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	color: var(--maincolor);
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	border-radius: 4px;
}





.countdown-container {
    /* background: linear-gradient(to right, #001f3f, #002f5f); */
	border-radius: 33.333px 33.333px 0px 0px;
	background: var(--maincolor);
	box-shadow: 0px -4.167px 20px 0px rgba(0, 0, 0, 0.23);
	color: white;
	text-align: center;
	padding: 20px;
	margin: 0 auto;
	/* border-radius: 15px; */
	width: 85%;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
	display: flex;
	justify-content: space-between;
}
.countdown-container .topcoumd{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}
.countdown-container .topcoumd p{
	margin:0;
	font-size: 24.394px;
	font-weight: 700;
}
.countdown-container .icon {
	font-size: 30px;
	filter: drop-shadow(2px 4px 6px black);
}

.countdown-container .countdown {
	display: flex;
	justify-content: space-around;
	margin-top: 0;
	font-size: 20px;
	font-weight: bold;
	gap: 22px;
}

.countdown-container .countdown div {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    gap: 10px;
    margin-top: 0;
}

.countdown-container span {
    font-size: 26px;
    font-weight: bold;
}



.two_blocks{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 30px auto;
	    padding: 15px 10px;
	border-radius: 16.667px;
	border: 1px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	width: 90%;
}

.deliverytime_sec{
    color: #000;
    text-align: center;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.deliverytime_sec svg path{
	fill: var(--maincolor);
}


.refundable_pro_sec{
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #000;
}
.refundable_pro_sec svg path{
	fill: var(--maincolor);
}
.refundable_pro_sec svg path:last-child{
	fill: #fff;
}

.stock-container {
    text-align: center; 
    margin: 30px 0;
}

.sold-text {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.stock-text {
    color: #FF1100;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
#progress-fill {
    height: 100%;
    width: 0;
    transition: width 0.5s ease-in-out;
    background: #FF0000;
        margin: 0 2px;
    border-radius: 5px;
        height: 7.5px;
}
.stock-container .progress{
	height: 10px;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	padding: 0 !important;
	border-radius: 20px;
	    margin-bottom: 5px;
}
.stock-container .topbarprog{
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.stock-container .progress-bar {
    width: 100%;
    height: 10px;
    line-height: 10px;
    background: rgba(255, 0, 0, 0.10);
    border-radius: 10px;
    overflow: hidden;
    margin:  0;
    padding: 0;
    position: relative;
        display: flex;
    align-items: center;
}
.qun-div{
	font-size: 18px;
	color: #000;
}
.qun-div label{
	font-size: 18px;
	color: #000;
}


.free_shipping_wrap{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	padding: 5px 5px !important;
	margin: 0 10px 10px;
	border-radius: 6.667px;
}
.free_shipping_wrap .alert{
	background: transparent !important; 
	justify-content: center;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding: 0 0 5px;
	font-size: 12px;
	font-weight: 600;
}
.free_shipping_wrap .progress{
	height: 10px;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	padding: 0 !important;
	border-radius: 20px;
	    margin-bottom: 5px;
}
.free_shipping_wrap svg path{
	    fill: var(--maincolor);
}
.free_shipping_wrap svg path:nth-child(2){
	fill: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
}

.free_shipping_wrap .progress-bar {
    width: 100%;
    height: 10px;
    line-height: 10px;
    background: linear-gradient(90deg,rgba(0, 51, 108, 1) 0%, rgba(var(--maincolor-rgb)) 100%);
    border-radius: 10px;
    overflow: hidden;
    margin:  0;
    padding: 0;
    position: relative;
}



@font-face {
    font-family: 'tajawal-regular';
    src: url('tajawal/tajawal-regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
	color: #6d6d6d;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
.checkout-success h1{
	margin-top: 17px;
    margin-bottom: 8.5px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #404553;
}
a:hover {
	text-decoration: none;
}
a:hover, a:focus {
    text-decoration: none;
        outline: none;
}
.form-control{
	height: 41px;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 13px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 13px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 13px;
}
.input-group .input-group-addon {
	font-size: 13px;
	height: 25px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
	    line-height: 2;
}
.container {
    max-width: 1400px;
    width: 100%;
}
.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	/*color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;*/
}
/* top */
#top {
	background-color: var(--maincolor);
	padding: 5px 0px;
	margin: 0;
	display: flex;
	align-items: center;
	color: #fff;
}
#top a{
	color: #fff;
}
#top .container {
	padding: 0 20px;
	max-width: 100%;
}
#top .contact-info a{
	font-size: 14px;
}
#top .contact-info .fa-envelope{
	font-weight: 100;
}
#top .contact-info a:hover{
	color: #1C274C !important;
}
#top .contact-info svg{
	vertical-align: middle;
}
html[dir=rtl] #top #form-currency .currency-select,
html[dir=rtl] #top #form-language .language-select {
	text-align: right;
}
html[dir=ltr] #top #form-currency .currency-select,
html[dir=ltr] #top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-btn{
	color: #fff;
}
#form-language .btn-group > .btn{
	color: #fff;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #1C274C;
}
#top .btn-link, #top-links li, #top-links a {
	color: #6d767d;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #1C274C !important;
}
#top .btn-group.dropdown > .btn{
	/*padding: 7px 0 0;*/
}
#top .btn-link strong {
	font-size: 14px;
	line-height: 14px;
}
.top-left .list-inline li{
	padding: 0;
}
#top-links {
	padding-top: 7px;
}
.btn-link{
	color: #6d767d;
}
.btn-link:hover, .btn-link:focus {
    color: #1C274C;
    text-decoration: none;
    background-color: transparent;
        outline: none;
}
#top-links a + a {
	margin-right: 15px;
}
.top-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-info p{
	margin: 0;
	font-size: 15px;
}
.top-info p a:hover{
	color: #1C274C;
}

/* Safari 10.1+ (alternate method) */
/*@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

    .apple-pay-alert{
        display: none !important;
    } 


    ::i-block-chrome,.apple-pay-alert{
        display: none !important;
    } 
}}*/
.apple-pay-alert{
	text-align: center;
	border: 1px solid #f3f3f4;
	margin-bottom: 0;
}
.apple-pay-alert button{
	float: none;
}
.top-alert{
	text-align: center;
	border: 1px solid #f3f3f4;
	margin-bottom: 0;
}
.top-alert button{
	float: none;
}
header{
	background: #fff;
}
header .list-inline{
	margin: 0;
	line-height: 0;
}
html[dir=rtl] #modal-quicksignup .modal-header .close,
html[dir=rtl] #modal-quicksignup2 .modal-header .close{
	float: left;
}
html[dir=ltr] #modal-quicksignup .modal-header .close,
html[dir=ltr] #modal-quicksignup2 .modal-header .close{
	float: right;
}
#modal-quicksignup .modal-header .close,
#modal-quicksignup2 .modal-header .close{
	display: flex;
	background: #C1BFCA;
	width: 28px;
	height: 28px;
	/* padding: 7px; */
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	color: #2F294D;
	text-shadow: none;
}
#modal-quicksignup .form-group .form-control,
#modal-quicksignup2 .form-group .form-control{
	height: 50px;
	border-radius: 9px;
}
#modal-quicksignup .modal-body label{
	color: #000;
}
#modal-quicksignup .modal-body .text_center a{
	color: var(--maincolor);
}
html[dir=rtl] #modal-quicksignup .modal-header{
	text-align: right;
	border: 0;
}
html[dir=ltr] #modal-quicksignup .modal-header{
	text-align: left;
	border: 0;
}
#modal-quicksignup .modal-header .modal-title,
#modal-quicksignup2 .modal-header .modal-title {
	margin: 0px 0 0;
	font-size: 18px;
	font-weight: 100;
	color: #000;
}
#modal-quicksignup .modal-header .modal-title span,
#modal-quicksignup2 .modal-header .modal-title span{
	color: var(--maincolor);
}
#modal-quicksignup .modal-header h3,
#modal-quicksignup2 .modal-header h3{
	font-weight: 800 !important;
	font-size: 26px !important;
	color: #000 !important;
	margin-top: 17px !important;
	margin-bottom: 8.5px !important;
}
.modal-content{
	    box-shadow: none;
	    border: 0;
}
#modal-quicksignup .btn-primary,
#modal-quicksignup2 .btn-primary {
    color: #fff;
    background: var(--maincolor);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.4s ease-in-out 0s;
    border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
    width: 100%;
    height: 47px;
}
#modal-quicksignup2 .btn-primary{
	margin-top: 15px;
}
.text_center{
	text-align: center;
}
.quick_signup2{
	    color: #3699FF;
	cursor: pointer;
}
@media (min-width: 768px){
	.modal-dialog {
		width: 400px;
	}
	#modal-quicksignup .modal-dialog,
	#modal-quicksignup2 .modal-dialog {
		width: 450px;
	}
	#modal-quicksignup .modal-dialog .modal-content,
	#modal-quicksignup2 .modal-dialog .modal-content{
		padding: 20px 10px;
		border-radius: 30px;
	}
}
html[dir=rtl] #modal-quicksignup2 .modal-header{
	text-align: right;
	border: 0;
}
html[dir=ltr] #modal-quicksignup2 .modal-header{
	text-align: left;
	border: 0;
}

#modal-quicksignup2 .modal-header h3{
	font-weight: 800;
	font-size: 21px;
	color: #000;
}
#modal-quicksignup2 .modal-body label{
	color: #000;
}
#modal-quicksignup2 .modal-body .pull-right{
	width: 100%;
}	
.quick_signup{
	    color: #3699FF;
	cursor: pointer;
}
.quick_signup > span:first-child{
	margin-inline-end: 10px;
}
.quick_signup:hover .gray-back{
	background: #fff;
	border: 1px solid var(--maincolor);
}
.gray-back{
	    width: 40px;
    	height: 40px;
	flex-shrink: 0;
	border-radius: 14px;
	background: #F1EEEE;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .25s ease;
	border: 1px solid transparent;
}
.gray-back:hover{
	background: #fff;
	border: 1px solid var(--maincolor);
}
.close{
	font-size: 24px;
	opacity: 1;
}

.shipping{
	padding-top: 7px;
}
.social .fa{
	font-size: 16px;
}
.dropdown .dropdown-menu{
	display: block;
	visibility: hidden;
	opacity: 0;
	margin-top: -10px;
	transition: all .25s ease;
	border: 0;
}
.dropdown.open .dropdown-menu{
	margin-top: 0px;
	visibility: visible;
	opacity: 1;
}
header .dropdown-menu:before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: white;
	pointer-events: none;
	margin: -25px auto 0;
	display: block;
}
.dropdown-menu-center{
	right: auto;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

 .header-classic  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 85px;
    margin: 10px 0;
}
.red{
	position: absolute;
	top: -9px;
	color: #fff;
	width: 22px;
	height: 22px;
	background: var(--maincolor);
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	z-index: 9;
}
.red-com{
	position: absolute;
	top: -9px;
	color: #fff;
	width: 22px;
	height: 22px;
	background: var(--maincolor);
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	z-index: 9;
}
.red-wish{
	position: absolute;
	top: -9px;
	color: #fff;
	width: 22px;
	height: 22px;
	background: var(--maincolor);
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	z-index: 9;
}

html[dir=rtl] .red{
	left: 30px;
}
html[dir=ltr] .red{
	right: 30px;
}
.cart2 .red{
	top: 0px;
	left: 10px !important;
}

html[dir=rtl] .red-com{
	left: 30px;
}
html[dir=ltr] .red-com{
	right: 30px;
}

html[dir=rtl] .red-wish{
	left: 30px;
}
html[dir=ltr] .red-wish{
	right: 30px;
}

.promo{
	background: #fff;
	color: var(--maincolor);
	padding: 7px 13px;
	font-size: 12px;
	border-radius: 7px;
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	line-height: 1.5em;

}
.product-thumb .promo:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.ribbon ~ .promo{
	top: 50px ;
}
/* logo */
#logo {
	/*width: 100px;*/
	margin: 0;
}
#logo img{
	max-width: 200px;
	max-height: 100px;
}
/* search */
#search {
	background: #fff;
	border: 1px solid var(--maincolor);
	border-radius: 20px;
}
#search .input-lg {
	height: 49px;
	line-height: 20px;
	padding: 0 10px;
	border: 2px solid #fff;
	box-shadow: none;
	border-radius: 20px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 9px 15px;
	background: transparent;
	color: #010100;
	border: 0;
	outline: none;
}
#search .btn-lg:active{
	box-shadow: none;
}
#search .btn-lg .fa{
	font-size: 19px;
}
#search .btn-lg svg path{
	stroke: var(--maincolor);
}
/* cart */
#cart {
	
}
#cart > .btn {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	padding: 0;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 14px;
	background: #F1EEEE;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .25s ease;
	border: 1px solid transparent;
}
#cart > .btn:hover{
	background: #fff;
	border: 1px solid var(--maincolor);
}
#cart > .btn .fa-shopping-cart{
	display: none !important;
}
#cart > .btn:after{
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.53335 3.62587C1.67103 3.21281 2.1175 2.98958 2.53056 3.12726L2.85052 3.23392C3.50894 3.45336 4.06535 3.63881 4.50288 3.84235C4.96795 4.05871 5.37148 4.32685 5.67747 4.75139C5.98346 5.17592 6.11023 5.64354 6.16842 6.15316C6.19813 6.41342 6.21171 6.70523 6.21791 7.02866H17.4712C19.6313 7.02866 20.7113 7.02866 21.1787 7.73741C21.646 8.44617 21.2206 9.4389 20.3697 11.4244L19.9192 12.4755C19.5219 13.4025 19.3233 13.8659 18.9283 14.1264C18.5334 14.3868 18.0292 14.3868 17.0207 14.3868H6.38414C6.49451 14.9543 6.66862 15.2864 6.91583 15.5336C7.20675 15.8245 7.61521 16.0142 8.38652 16.1179C9.18052 16.2246 10.2328 16.2263 11.7417 16.2263H19.0998C19.5352 16.2263 19.8882 16.5793 19.8882 17.0147C19.8882 17.4501 19.5352 17.803 19.0998 17.803H11.684C10.2465 17.8031 9.08774 17.8031 8.17642 17.6806C7.23027 17.5534 6.43362 17.2812 5.80091 16.6485C5.1682 16.0158 4.89606 15.2191 4.76885 14.273C4.64633 13.3617 4.64635 12.203 4.64637 10.7654L4.64637 7.95687C4.64637 7.2074 4.64518 6.71149 4.60185 6.33202C4.56083 5.97268 4.48919 5.79936 4.39835 5.67332C4.30751 5.54729 4.16573 5.42452 3.83781 5.27197C3.49151 5.11086 3.02143 4.95292 2.31042 4.71591L2.03196 4.62309C1.61889 4.4854 1.39566 4.03893 1.53335 3.62587ZM8.58822 9.39377C8.15281 9.39377 7.79985 9.74673 7.79985 10.1821C7.79985 10.6175 8.15281 10.9705 8.58822 10.9705H11.7417C12.1771 10.9705 12.5301 10.6175 12.5301 10.1821C12.5301 9.74673 12.1771 9.39377 11.7417 9.39377H8.58822Z" fill="%231C274C"/><path d="M8.06242 19.6426C8.93323 19.6426 9.63916 20.3485 9.63916 21.2194C9.63916 22.0902 8.93323 22.7961 8.06242 22.7961C7.19161 22.7961 6.48568 22.0902 6.48568 21.2194C6.48568 20.3485 7.19161 19.6426 8.06242 19.6426Z" fill="%231C274C"/><path d="M17.5229 19.6427C18.3937 19.6427 19.0996 20.3486 19.0996 21.2194C19.0996 22.0902 18.3937 22.7962 17.5229 22.7962C16.6521 22.7962 15.9461 22.0902 15.9461 21.2194C15.9461 20.3486 16.6521 19.6427 17.5229 19.6427Z" fill="%231C274C"/></svg>');
	background-position: center center;
	background-size: contain;
	margin: 0;
}
#cart.open > .btn {
	background-image: none;
	/*background-color: #FFFFFF;
	border: 1px solid #E6E6E6;*/
	color: #666;
	box-shadow: none;
	text-shadow: none;

}
#cart .btn:active, #cart .btn.active{
	box-shadow: none;
}
#cart .dropdown-menu:before{
	display: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
	padding: 0 0 5px;
	border-radius: 0;
}
@media (min-width: 992px) {
	#cart .dropdown-menu {
		/*min-width: 100%;*/
	}
}
/*@media (max-width: 992px) {*/
		#cart .dropdown-menu {
			/*width: 100%;*/
		}

		#cart .dropdown-menu {
		    background: #fff;
		    z-index: 99999;
		    position: fixed;
		    top: 0;
		    height: 100%;
		    visibility: hidden;
		    margin: 0;
		    border: 0;
		    border-radius: 0;
		    width: 360px;
		    transition: all 0.4s;
		    display: block;
		}
		html[dir=rtl] #cart .dropdown-menu{
			 right: -360px !important;
		}
		html[dir=ltr] #cart .dropdown-menu{
			 left: -360px !important;
		}

		#cart.open .dropdown-menu{
			visibility: visible;
		}
		html[dir=rtl] #cart.open .dropdown-menu{
			right: 0 !important;
		}
		html[dir=ltr] #cart.open .dropdown-menu{
			left: 0 !important;
		}
	/*}*/
#cart .dropdown-menu table {
	margin-bottom: 10px;
	border-collapse: separate; 
    border-spacing: 0 10px; 
}
#cart .dropdown-menu li > div {
	/*min-width: 427px;*/
	padding: 0 10px;
}


@media (max-width: 478px) {
		#cart .dropdown-menu li > div {
			/*min-width: 100%;*/
		}
		#cart .dropdown-menu {
			    width: 80% !important;
			    min-width: 280px !important;
		}
	}
.head-cart{
    display: flex;
    justify-content: space-between;
    margin: 0;
    align-items: center;
        padding: 15px 15px !important;
}
.head-cart b{
	font-weight: 700;
	color: #000;
	font-size: 13px;
}
.c-cart{
        display: flex;
    background: #C1BFCA;
    width: 28px;
    height: 28px;
    /* padding: 7px; */
    border-radius: 8px;
    justify-content: center;
    align-items: center;
}
.c-cart .fa{
    color: #2F294D;
}

#cart .dropdown-menu li p {
	margin:  0;
}
.cart-totals{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.cart-totals .table-bordered{
	color: #000;
	font-size: 12px;
}
.cart-totals .table-bordered tr:last-child td{
	border-top: 1px dashed #C4C4C4 !important;
}
.cart-products > .table-striped{
	max-height: 300px;
	overflow-y: auto;
	display: inline-block;
}
.cart-products{
	/*overflow: auto;
	max-height: 400px;*/
}
.cart-products button {
    color: #999;
    font-size: 15px;
    position: relative;
    background-color: transparent;
    padding: 2px 0 0;
    border: 0;
}
.cart-products img{
	padding: 10px;
}
.cart-products td{
	vertical-align: middle !important;
}
.table-striped > tbody > tr{
	border-radius: 16.667px;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	margin: 0 0 8px;
}
.table-striped > tbody > tr td {
    border: solid 1px #F1F1F2;
    border-style: solid none;
}
.table-striped > tbody > tr td:last-child {
    border-left-style: solid;
    border-top-left-radius: 16px; 
    border-bottom-left-radius: 16px;
}
.table-striped > tbody > tr td:first-child {
    border-right-style: solid;
    border-bottom-right-radius: 16px; 
    border-top-right-radius: 16px; 
    padding: 0;
    overflow: hidden;
}
.table-striped > tbody > tr td:nth-child(2){
	    width: 60%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}
.title_price > a{
	display: block;
	color: #2F294D;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 7px;
}
.flex_num{
	text-align: left;
	padding-inline-end: 10px;
}
.pricecarting{
	color: #2F294D;
	font-weight: 600;
}
.cart-totals td{
	border: 0 !important
}
.table-bordered {
    border: 0;
}
.cart-buttons {
	padding: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.btn-cart.btn {
	background-color: #ccc;
	color: #0a0a0a;
	border-radius: 5px;
	width: 100%;
	margin: 10px 0;
	padding: 12px 20px;
	font-size: 16px;
}
.btn-cart.btn:hover {
    background: #ccc !important;
}
.btn-checkout.btn {
	background: var(--maincolor);
	margin: 0 6px;
	width: 100%;
	margin: 10px 0;
	color: #fff;
	border-radius: 5px;
	padding: 12px 20px;
	font-size: 16px;
	border: 1px solid transparent;
}
.btn-checkout.btn:hover {
    background: #fff !important;
    color: var(--maincolor);
    border: 1px solid var(--maincolor);
}
.btn-cart{
	color: var(--maincolor);
}
.btn-cart svg path{
	fill: var(--maincolor);
}
.btn-cart svg{
	vertical-align: middle;
}
.empty_cart{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	display: flex;
	color: var(--maincolor);
	width: 90%;
	height: 95px;
	padding: 31.667px 92.5px;
	justify-content: center;
	align-items: center;
	gap: 8.333px;
	border-radius: 6.667px;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}

.main-menu{
	background: #fff;
	display: table;
	width: 100%;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	align-items: center;
	margin: 0 0 30px;
}
.main-menu .cat2{
	width: 100%;
}

.a-menu{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-inline-start: 10%;
}
.a-menu > li{
	padding: 0;
}
.a-menu > li > a {
	/*flex-direction: column;*/
	font-weight: bold;
	font-size: 14px;
	color: #000;
	/*padding: 10px;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.a-menu > li > a [class*="fa-"]{
	font-size: 16px;
	margin: 0 8px;
}
.a-menu > li > a:hover{
	color: var(--secondcolor);
}


.main-menu .row{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* menu */
#menu {
	background: #fff;
	min-height: auto;
	border: 0;
	margin: 0;
	border-top: 1px solid #00000026; 
	border-bottom: 1px solid #00000026; 
	/*box-shadow: 0px 1.667px 3.667px 0px rgba(0, 0, 0, 0.20);*/
}
.bold{
	font-weight: bold;
}
#menu .nav > li > a {
	font-size: 15.5px;
	color: #000;
	padding: 21.5px 15px;
	min-height: 15px;
	background-color: transparent;
	    display: inline-block;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	color: var(--maincolor);
}
#menu .dropdown:hover > .dropdown-menu {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
#menu .nav > li:after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 29px;
	background: #EBEBEB;
	vertical-align: middle;
}
#menu .nav > li:last-child:after{
	display: none;
}
#menu .dropdown-menu {
	padding-bottom: 0;
	display: table !important;
	width: 100%;
	margin: 0 !important;
	min-width: 185px;
}
#menu .dropdown {
	/*position: static;*/
}
#menu .c_children2 .dropdown-menu{
	top: 0 !important;
	right: 100%;
}
html[dir=ltr] #menu .c_children2 .dropdown-menu{
	top: 0 !important;
	left: 100%;
}
#menu .dropdown-menu > .dropdown-inner{
	
}
#menu .dropdown-inner > li{
	/*width: calc(100% / 5 - 0.01px);
	min-height: 80px;*/
}
/*#menu .dropdown-inner .row{
	display: table;
}
#menu .dropdown-inner .row > li{
	display: table-cell;
}*/
#menu .dropdown-inner ul {
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
}
#menu .dropdown-inner ul li{
	/*width: calc(100% / 3 - 0.01px);*/
}
#menu .dropdown-inner ul li a{
	min-width: 110px;
	padding: 10px 20px;
}
#menu .dropdown-inner ul li a:hover{
	color: var(--secondcolor) !important;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 26px;
	color: #333333;
	font-size: 14px;
}
#menu .nav > li.dropdown > a:after {
	font-family: FontAwesome;
	content: "\f107";
	display: inline-block;
	line-height: 1em;
}
html[dir=rtl] #menu .nav > li.dropdown > a:after{
	    margin-right: 5px;
}
html[dir=ltr] #menu .nav > li.dropdown > a:after{
	    margin-left: 5px;
}
#menu .c_children2 > .dropdown > a:after{
	font-family: FontAwesome;
	display: inline-block;
}
html[dir=rtl] #menu .c_children2 > .dropdown > a:after{
	content: "\f104";
	float: left;
}
html[dir=ltr] #menu .c_children2 > .dropdown > a:after{
	content: "\f105";
	float: right;
}
#menu .dropdown-inner li a:hover {
	color: var(--secondcolor);
}
#menu .dropdown-inner ul a:hover{
	color: var(--maincolor);
}
/*#menu .dropdown-inner li .bold:after{
	content: "";
	display: block;
	border-bottom: 1px solid var(--maincolor);
}*/
#menu #category {
	float: right;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: left;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
	#menu .navbar-nav {
	         float: none; 
	        margin: 0 auto;
	        display: table;
	    }
}
@media (max-width: 767px) {
    .modal-newsletter.modal.in .modal-dialog {
    width: 340px !important;
}
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-right: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
.cat-wrap{
	position: relative;
}
#dropdownMenuButton{
	padding: 14px 20px;
	cursor: pointer;
	width: 100%;
	color: var(--secondcolor);
	font-weight: bold;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}
#dropdownMenuButton .fa{
	font-size: 18px;
}

.sticking{
	-webkit-transition: top .25s ease-out;
	transition: top .25s ease-out;
	position: fixed;
	top: 0 !important;
	width: 100%;
	z-index: 999;
	background: #eee;
	box-shadow: 0 5px 60px -10px rgb(0 0 0 / 30%);
}
/*.common-home .main-menu:not(.sticking)  .all-cats  {
	display: block !important;
	transform: none;
	opacity: 1;
}*/
.all-cats{
	width: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	box-shadow: 0 0 85px -10px rgb(0 0 0 / 20%);
	border: 0;
	background-color: #fcfbf4;
}
.all-cats > ul > li a{
	padding: 10px 20px;
	display: block;
	color: #404553;
}
.all-cats > ul > li.dropdown > a:after{
	
	font-family: FontAwesome;
	color: #404553;
	font-size: 13px;
	display: block;
	
}	
html[dir=rtl] .all-cats > ul > li.dropdown > a:after{
	float: left;
	content: "\f104";
}
html[dir=ltr] .all-cats > ul > li.dropdown > a:after{
	float: right;
	content: "\f105";
}
.overlay.active{
	background-color: rgba(0, 0, 0, 0.55);
	position: fixed;
	inset: 0px;
	z-index: 15;
}
.top_title{
	border-bottom: 1px solid #f1f3f9;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 700;
	color: #404553;
	font-weight: 700;
}
.all-cats > ul {
	position: relative;
	margin: 0;
}
.all-cats .dropup, .all-cats .dropdown{
	position: static;
}
.all-cats > ul > .dropdown > .dropdown-menu{
	    box-shadow: none;
	top: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
html[dir=rtl] .all-cats > ul > .dropdown > .dropdown-menu{
	left: auto;
	right: 100%;
}
html[dir=ltr] .all-cats > ul > .dropdown > .dropdown-menu{
	right: auto;
	left: 100%;
}
.open > .dropdown-menu > ul > .dropdown:hover .dropdown-menu{
	visibility: visible !important;
	opacity: 1 !important;
}
.open > .dropdown-menu > ul > .dropdown .dropdown-menu{
	visibility: visible;
	opacity: 1;
}
.open > .dropdown-menu > ul > .dropdown ~ .dropdown .dropdown-menu{
	visibility: hidden;
	opacity: 0;
}



.all-cats > ul > .dropdown > .dropdown-menu.level2{
	width: 500px;
	overflow: hidden;
}
@media (min-width: 992px) {
	.side-column {
		width: 240px;
	}
	.two-column{
		width: calc(100% - 240px * 2);
	}
	.one-column {
	    width: calc(100% - 240px);
	}
	#common-home #column-left{
		margin: 450px 0 0;
	}
	#product-product .side-column {
		width: 340px;
	}
	#product-product .one-column {
	    width: calc(100% - 340px);
	}

}
.level2 img{
	/*top: 0;
	position: absolute;*/
}
html[dir=rtl] .level2 img{
	left: 0;
}
html[dir=ltr] .level2 img{
	right: 0;
}

.third-level1{
	width: 80%;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
}
.third-level1 > li{
	    width: calc(100% / 3 - 0.01px);
}
/* content */
#content {
	min-height: 600px;
}
.content_top{
	background: #fff;
}
.content_bottom{
	background: #fff;
}
.slide-layers{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
#slideshow0 img{
	width: 100%;
}
.slideshow .swiper-pager .swiper-button-next,
.slideshow .swiper-pager .swiper-button-prev {
    opacity: 1;
    width: 40px;
    height: 40px;
    background: transparent;
    color: #333;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    border-radius: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.slideshow:hover .swiper-pager .swiper-button-next,
.slideshow:hover .swiper-pager .swiper-button-prev {
    opacity: 1;
        
}
.slideshow .swiper-pager .swiper-button-next:hover,
.slideshow .swiper-pager .swiper-button-prev:hover {
        /*background: var(--maincolor);*/
        
}
.slideshow .swiper-pager .swiper-button-next:before,
.slideshow .swiper-pager .swiper-button-prev:before{
	/*color: var(--secondcolor);*/
}	
.slideshow .swiper-pager .swiper-button-next:hover:before,
.slideshow .swiper-pager .swiper-button-prev:hover:before{
	/*color: #fff;*/
}
.slideshow .swiper-pager .swiper-button-next:before{
	color: #000 !important;
	position: absolute;
	/*right: 50px;*/
	    transform: translate(-100%, 0%);
	z-index: 9;
	padding: 5px;
	transition: all .4s ease-out;
	background: rgba(255, 255, 255, 0.4);
	width: 40px;
	height: 40px;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	z-index: 2;
	transition: all 0.2s;
	display: flex;
	border-radius: 50%;
}
.slideshow .swiper-pager .swiper-button-next:hover:before{
	/*right: 20px;*/
	    transform: translate(-50%, 0%);
}
.slideshow .swiper-pager .swiper-button-next {
	    height: 100%;
    display: flex;
    flex-direction: row;
    flex-basis: max-content;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    background-image: none !important;
    top: 0px !important;
    right: 0px !important;
    left: auto !important;
}
.slideshow .swiper-pager .swiper-button-prev:before{
	color: #000 !important;
	position: absolute;
	/*left: 50px;*/
	transform: translate(100%, 0%);
	z-index: 9;
	padding: 5px;
	transition: all .4s ease-out;
	background: rgba(255, 255, 255, 0.4);
	width: 40px;
	height: 40px;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	z-index: 2;
	transition: all 0.2s;
	display: flex;
	border-radius: 50%;
}
.slideshow .swiper-pager .swiper-button-prev:hover:before{
	/*left: 20px;*/
	transform: translate(40%, 0%);
}
.slideshow .swiper-pager .swiper-button-prev {
	    height: 100%;
    display: flex;
    flex-direction: row;
    flex-basis: max-content;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    background-image: none !important;
    top: 0px !important;
    left: 0px !important;
    right: auto !important;
}
.slideshow{
	margin-bottom: 45px;
}
.slideshow .swiper-pagination {
    bottom: -25px;
}
.slideshow .swiper-pagination-bullet{
	width: 20px;
	height: 6px;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	border-radius: 0;
	box-shadow: none;
	border-radius: 5px;
	transition: all 0.3s;
}
.slideshow .swiper-pagination-bullet-active{
	background: var(--maincolor);
	width: 40px;
	height: 6px;
}
.slideshow .swiper-pagination-bullet:hover{
	background: var(--maincolor);
}
.eTEuVf {
   /* height: 100%;
    width: auto;*/
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
        /*max-height: 285px;*/
}
.swiper-button-next:hover .eTEuVf .wave {
    fill: rgb(255, 255, 255);
}
.eTEuVf .wave {
    transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
    transform: translateX(43%);
}
.swiper-button-next:hover .eTEuVf {
    transform: scaleX(2.5);
}

.AXFeE {
   /* height: 100%;
    width: auto;*/
    transform-origin: left center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
        /*max-height: 285px;*/
}
.swiper-button-prev:hover .AXFeE .wave {
    fill: rgb(255, 255, 255);
}
.AXFeE .wave {
    transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
    transform: translateX(-43%);
}
.swiper-button-prev:hover .AXFeE {
    transform: scaleX(2.5);
}


.slideshow{
	border-radius: 25px;
	overflow: hidden;
}
.slide-layers .s-title{
	color: #000;
	transition: all 0.5s ease;
	font-size: 21px;
	margin-bottom: 10px;
}
.slide-layers .s-describe{
	color: #000;
	font-size: 40px;
	transition: all 0.5s ease;
	line-height: 1.5em;
	margin: 0 0 30px;
}
.slide-layers .btn-more{
	color: var(--maincolor);
	background: #fff;
	padding: 12px 30px;
	display: inline-block;
	transition: all 0.5s ease;
	font-size: 18px;
	border-radius: 10px;
}
#slideshow0  .s-title {
    position: relative;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
#slideshow0 .swiper-slide-active .s-title{
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
#slideshow0 .s-describe{
    position: relative;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    overflow: hidden;
}
#slideshow0 .swiper-slide-active .s-describe {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
#slideshow0 .swiper-slide-active .btn-more{
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
#slideshow0 .btn-more{
    position: relative;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
#slideshow0 .slide-layers{
	overflow: hidden;
}
.mybanner .col-xs-12{
	margin: 0 0 20px;
}
.mybanner{
	margin: 40px 0 20px;
}
/*.banner1 .swiper-slide::after {
	content: '\f061' !important;
	font-family: 'fontawesome' !important;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all .12s ease-out;
	transition: all .12s ease-out;
	font-size: 28px;
	color: #fff;
	z-index: 4;
}*/
/*.banner1 .swiper-slide:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	pointer-events: none;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	z-index: 2;
	border-radius: inherit;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
}
.banner1 .swiper-slide:hover::before {
    opacity: 1;
}*/
.banner1 .swiper-slide img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
/*.banner1:hover img {
    transform: scale(1.15);
}*/

.banner2{
	display: flex;
	border: 0.833px solid #E4E7E9;
	border-radius: 5px;
}
/*.banner2 .swiper-slide:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	pointer-events: none;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	border-radius: inherit;
	background: rgba(6, 30, 187, 0.2);
	opacity: 0;
}
.banner2 .swiper-slide:hover::before {
    opacity: 1;
}*/
.slide-layers .b-title{
	color: #fff;
}
.banner2 .slide-layers .b-title{
	white-space: normal;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	background: rgba(60, 196, 114, 1);
	padding: 8px;
}
.banner2 img{
	width: 100%;
}
.side-column .banner3{
	display: block;
	margin: 0 ;
}
.side-column .info-block{
	width: 100%;
	margin: 0 0 20px;
}
/*[class^="product-product"] .one-column {
    width: calc(100% - 240px);
}*/

.banner3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -10px;
}
.banner3 .swiper-slide{
	height: auto !important;
}
.info-block {
	background: #fff;
	padding: 15px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 0;
	/*height: 100%;*/
}
.info-block:after{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	background: #E4E7E9;
	position: absolute;
	left: 10%;
	top: 24%;
}
.info-block:last-child:after{
	display: none;
}
html[dir=rtl] .info-block{
	text-align: right;
}
html[dir=ltr] .info-block{
	text-align: left;
}
.info-block img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1;
    text-align: center;
        align-self: center;
    width: 40px !important;
    height: 40px;
}
html[dir=rtl] .info-block img{
	margin-left: 10px;
}
html[dir=ltr] .info-block img{
	margin-right: 10px;
}
.info-block-content {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.info-block .info-block-title {
	color: #191C1F;
	font-weight: 700;
	display: block;
}
.info-block .info-block-describe {
	color: #5F6C72;
	font-size: 10.833px;
	font-style: normal;
	font-weight: 700;
}
.swiper-viewport{
	position: relative;
}
.cat{
	width: 240px;
	padding: 0;
	z-index: 9;
	position: absolute;
	top: 0;
}
.cats{
	padding: 30px 15px;
	background: #fff;
}
.cats .home-cats{
	padding: 0;
	margin-bottom: 10px;
}
.cats .home-cats img{
	margin: 0 auto;
    	width:100%;
}
.img-link{
	display: block;
	border-radius: 43px;
	padding: 0px;
	border: 6px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	position: relative;
	overflow: hidden;
	transition: all .15s ease-out;
}
.img-link:hover {
    border-color: var(--maincolor);
}

.cats .home-cats .cat-title{
	font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	display: block;
	margin: 10px 0 0;
	color: #000;
	line-height: 1.5em;
}
.cats .home-cats .image{
	padding: 0;
	/*background: #fff;*/
	border-radius: 3px;
}
.cats .home-cats .image:hover{
	/*background: #3cc472;*/
}
.cats .home-cats .image:hover a{
	/*color: #fff;*/
}
.swiper-viewport .swiper-button-next, .swiper-viewport .swiper-button-prev {
    opacity: 1 !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 35px !important;
    border-radius: 12px;
    text-align: center !important;
    background-color: #fff !important;
    transition: all linear .5s;
    border: 1px solid #DCDCDC;


box-shadow: 0px 0px 4.282px 0px rgba(0, 0, 0, 0.10);
}
.swiper-viewport .swiper-button-next:hover, .swiper-viewport .swiper-button-prev:hover {
    background-color: var(--maincolor) !important;
    color: #fff !important;
}
.swiper-button-next:before {
	content: "" !important;
	text-shadow: none;
	line-height: 33px !important;
	background-color: var(--maincolor) !important;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27" fill="none"><path d="M4.60181 13.3348H21.7282M21.7282 13.3348L15.3058 6.91235M21.7282 13.3348L15.3058 19.7572" stroke="%230064D2" stroke-width="1.6056" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	height: 40px;
	width: 25.69px !important;
	height: 25.69px !important;
	vertical-align: middle;
	display: inline-block !important;
	top: 2px;
	position: relative;
}
.swiper-button-prev:before {
	content: "" !important;
	text-shadow: none;
	line-height: 33px !important;
	background-color: var(--maincolor) !important;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><path d="M22.2285 13.3348H5.10208M5.10208 13.3348L11.5245 6.91235M5.10208 13.3348L11.5245 19.7572" stroke="white" stroke-width="1.6056" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	height: 40px;
	width: 25.69px !important;
	height: 25.69px !important;
	vertical-align: middle;
	display: inline-block !important;
	top: 2px;
	position: relative;
}
.swiper-viewport .swiper-button-next:hover:before, .swiper-viewport .swiper-button-prev:hover:before {
        background-color: #fff !important;
}
.swiper-pager {
    top: 43% !important;
}
.swiper-viewport .swiper-button-next {
    right: -10px !important;
}
.swiper-viewport .swiper-button-prev {
    left: -10px !important;
}

.gallery{
	margin: 50px -5px;
}
.gallery .gal{
	/*padding: 0 5px;*/
	margin: 0 0 10px;
}
#lightgallery{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#lightgallery a{
	width: calc(100% / 3 - 0.01px);
	position: relative;
	overflow: hidden;
	display: block;
}
.gallery a::after {
	content: '\f067' !important;
	font-family: 'fontawesome' !important;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all .12s ease-out;
	transition: all .12s ease-out;
	font-size: 18px;
	color: #fff;
	z-index: 4;
	opacity: 0;
}
.gallery a:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	pointer-events: none;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	z-index: 2;
	border-radius: inherit;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
}
.gallery a:hover::before,
.gallery a:hover::after {
    opacity: 1;
}
.gallery a img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.gallery a:hover img {
    transform: scale(1.15);
}

.lg-container{
	direction: ltr;
}
.featured .image{
	width: 30%;
}
.featured .product-thumb .caption{
	width: calc(100% - 30%);
	padding: 0 ;
}
html[dir=rtl] .featured .image{
	float: right;
}
html[dir=rtl] .featured .product-thumb .caption{
	padding-right: 6px;
	float: right;
}


html[dir=ltr] .featured .image{
	float: left;
}
html[dir=ltr] .featured .product-thumb .caption{
	padding-left: 6px;
	float: left;
}




.featured .product-thumb .price{
	font-size: 13px
}
.featured .product-thumb .price-new{
	display: inline;
}
.featured .product-thumb .price-old{
	font-size: 13px
}
.featured .product-thumb{
	border: 0 !important;
}
.featured .price-tax{
	display: none !important;
}
.featured .rating{
	display: none;
}
.featured .button-group{
	display: none;
}
.featured .desc{
	display: none;
}
.product-grid{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.caro-products .product-grid{
	display: block;
}
.m-title{
	color: var(--maincolor);
	font-size: 21px;
	font-weight: 700;
	line-height: 33.144px; 
	margin-bottom: 30px;
}
.m-title:before{
	display: inline-block;
	content: "";
	width: 4.09px;
	height: 31.667px;
	border-radius: 8.333px;
	background: var(--maincolor);
	margin-inline-end: 8px;
	vertical-align: middle;
}
.m-title a{
	color: var(--maincolor);
}
.flex-pro{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.latest{
	margin: 50px 0 30px;
	border-radius: 25px;
	border: 1px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 15px 20px;
}
.featured1{
	margin: 50px 0 30px;
	border-radius: 25px;
	border: 1px solid #F1F1F2;
	background: var(--maincolor);
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 60px 0px;
	position: relative;
}
.featured1_flex:before {
    content: " ";
    width: 150%;
    /*background-color: var(--maincolor);*/
    height: 100%;
    /* right: -90px; */
    z-index: 1;
    position: absolute;
    top: 0;
    pointer-events: none;
    background: var(--maincolor) url(group-359.svg) ;
    background-position: center center;
}
.featured1_flex{
	display: flex;
	    justify-content: center;
	overflow: hidden;
	border-radius: 25px;
}
.featured11{
	display: block;
}
.featured1_flex .featured1-title{
	color: #FFF;
	text-align: center;
	font-size: 45.148px;
	font-style: normal;
	font-weight: 700;
	transform: rotate(-180deg);
	/*height: 100%;*/
	writing-mode: vertical-rl;
	text-orientation: mixed;
	
}
html[dir=rtl] .featured1_flex .featured1-title{
	border-radius: 0px 25px 25px 0px;
}
html[dir=ltr] .featured1_flex .featured1-title{
	border-radius: 25px 0 0 25px ;
}
.featured1_wrap_title{
	/*float: right;*/
	display: flex;
	position: relative;
	z-index: 9;
	background: #fff;
	overflow: hidden;
	padding: 0;
	align-items: center;
	justify-content: center;
	/*padding-bottom: 9999px;
	margin-bottom: -9999px;*/
}
html[dir=rtl] .featured1_wrap_title{
	border-radius: 0px 25px 25px 0px;
}
html[dir=ltr] .featured1_wrap_title{
	border-radius: 25px 0 0 25px ;
}
.featured1_wrap_title:before{
	content: "";
	display: block;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-8));
	position: absolute;
	top: 0;
	width: 100%;
	height: 200%;
}
.featured1 .main-products-caro .product-thumb{
	border-radius: 0;
}
.featured1_flex .featured1_wrap{
	display: block;
	/*padding-bottom: 9999px;
	margin-bottom: -9999px;*/
	background: #fff;
	padding: 0;
}
.featured1 .main-products-caro .product-thumb .desc{
	display: block;
}
@media (min-width: 767px) {
	.featured1_flex .featured1_wrap{
		width: 85%;
	}
	.featured1_wrap_title{
		width: 15%;
	}
	.featured1 .product-thumb .caption .desc{
		width: 85%;
	}

}
.featured1 .product-thumb .caption{
	padding: 30px 0;
	text-align: unset;
}
.featured1 .product-thumb .price{
	justify-content: flex-start;
	margin-bottom: 25px;
}
.featured1 .product-thumb .caption a{
	color: #2F294D;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.featured1 .product-thumb .caption .desc{
	color: #000;
	line-height: 25px;
	font-size: 14px;
}
.featured1 .product-thumb .button-group{
	display: flex;
	gap: 10.034px;
}
.featured1 .product-thumb .button-group button{
	border-radius: 11.667px;
}
.featured1 .product-thumb .button-group button:first-child{
	width: 60%;
}
.featured1 .product-thumb .button-group button:last-child{
	width: 40%;
}
.featured1 .product-thumb .button-group button.btn-buynow{
	background: var(--maincolor);
	color: #fff;
}
.featured1 .product-thumb .button-group button.btn-buynow:hover{
	background: #fff;
	color: var(--maincolor);
}
.featured1 .product-thumb .button-group button:first-child:before{
	display: none;
}



.common-home .featured1 .main-products-caro .product-layout {
    margin: 0 0 0;
    padding: 0;
}
.common-home .main-products .product-layout{
	padding: 0 12px;
	/*width: 100%;*/
	width: calc(100% / 4 - 0.01px);
	margin: 0 0 25px;
}
.common-home .main-products-caro .product-layout{
	margin: 0 0 25px;
}

.main-products .product-thumb .desc,
.main-products .product-thumb .rating,
.main-products .product-thumb .price-tax{
	display: none;
}
.main-products .product-thumb{
	border-radius: 24.081px;
	border: 1.204px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
	height: 100%;
	margin: 0;
	overflow: hidden;
}


.main-products-caro .product-thumb .desc,
.main-products-caro .product-thumb .rating,
.main-products-caro .product-thumb .price-tax{
	display: none;
}
.main-products-caro .product-thumb{
	border-radius: 24.081px;
	border: 1.204px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
	height: 100%;
	margin: 0;
	overflow: hidden;
}
/*.main-products-caro .product-thumb .image::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
        left: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all .01s ease-out;
    transition: all .01s ease-out;
}
.main-products-caro .product-thumb:hover .image::before {
    background: rgba(0, 0, 0, 0.03);
}*/
.main-products-caro .product-thumb .image img{
	
}
/*.main-products-caro .product-thumb {
    background: rgba(221, 221, 221, 0.52);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(221, 221, 221, 0.52);
    border-radius: 5px;
}
.main-products-caro .product-thumb:hover {
        background: rgba(255, 0, 28, 0.15);
}*/
.main-products-caro .product-thumb .image a {
    display: block;
    
}
.main-products-caro .product-thumb{
	background: #fff;
	
}
.main-products-caro .swiper-slide{
	height: auto;
}
/*.main-products-caro .product-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
        height: 100%;
    padding: 0;
}*/
.swiper-pager .swiper-button-prev:hover,
.swiper-pager .swiper-button-next:hover{
	    background: transparent;
}

.add_image .swiper-pagination {
    bottom: 0px !important;
}
.add_image .swiper-pagination-bullet {
   width: 8px;
    height: 8px;
    border: 1px solid #b2b8ca;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    opacity: 1;
    box-shadow: none;
}
.add_image .swiper-pagination-bullet-active {
    background: var(--secondcolor);
    border: 1px solid var(--secondcolor);
}
.add_image .swiper-pagination-bullet:hover {
    background: var(--secondcolor);
}
.mfilter-widget-position-right .mfilter-free-button {
    display: block;
    position: absolute;
    margin: 10px 0 0 228px;
    cursor: pointer;
    width: 25px;
    height: 23px;
    border: 10px solid var(--maincolor);
    background: var(--maincolor) url(mf/images/icons.png?v8) no-repeat -69px 0;
}

.module-title{
	font-size: 21px;
	color: var(--maincolor);
	text-transform: uppercase;
	border-width: 0px;
	padding: 0px;
	margin: 20px 0 10px;
	font-weight: 700;
}
.module-title:before {
    display: inline-block;
    content: "";
    width: 4.09px;
    height: 31.667px;
    border-radius: 8.333px;
    background: var(--maincolor);
    margin-inline-end: 8px;
    vertical-align: middle;
}
/*.module-title::after{
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background: var(--maincolor);
	    margin-top: 8px;

}*/
.toast-title {
    font-weight: bold;
    margin: 0 0 15px;
    color: #fff;
}
.toast-message a, .toast-message label,
.toast-title a, .toast-title label {
    color: #fff;
}
.toast-message a:hover {
    color: #ddd;
    text-decoration: none;
}
#toast-container > div{
	opacity: .9;
}
/*#toast-container > div{
    max-width: 400px;
    margin: 20px;
    margin-bottom: 0px;
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 60px -10px rgb(0 0 0 / 30%);

}
#toast-container > div .btn{
	 color: #fff;
}
*/
#tab-description{
	font-size: 14px;
	line-height: 1.6em;
	color: #000;
}
#tab-description img{
	display: block;
	max-width: 100% !important;
}


.product-thumb .image {
	position: relative;
	overflow: hidden;
	border-radius: 18.061px;
	border: 0.543px solid  #F1F1F2;
	box-shadow: 0px 3.612px 4.816px 0px rgba(0, 0, 0, 0.03);
	margin: 15px 12px 20px;
}
/*.main-products .product-thumb .image::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
        left: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all .01s ease-out;
    transition: all .01s ease-out;
}
.main-products .product-thumb:hover .image::before {
    background: rgba(0, 0, 0, 0.03);
}*/
.caro-products > .m-title{
	margin-bottom: 0;
}
 .more_cat{
 	border-radius: 10px;
	padding: 6.5px 5px;
	margin-bottom: 20px;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	    transition: all 0.3s ease;
 }
.more_cat a{
	display: flex;
	/* width: 113.333px; */
	/* height: 43.333px; */
	padding: 10px 18.5px;
	justify-content: center;
	align-items: center;
	gap: 8.333px;
	border-radius: 8.333px;
	border: 0.833px solid var(--maincolor);
	background: var(--maincolor);
	color: #fff;
	font-size: 16px;
	    transition: all 0.3s ease;
}
.more_cat:hover a{
	color: var(--maincolor);
	background: #fff;
}
 
.special{
	background: #fff;
	border-radius: 25px;
	border: 1px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 15px 20px;
}
.popular{
	background: #fff;
	border-radius: 25px;
	border: 1px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 15px 20px;
}
.popular .product-thumb {
    /*background: rgba(255, 210, 0, 0.23);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 210, 0, 0.32);
    border-radius: 5px;*/
    width: 100%;
}
.popular .product-thumb:hover {
    /*background: rgba(255, 0, 28, 0.15);*/
}
.popular h4{
	
}
.popular .product-grid .product-thumb .image{
	/*background: #fff;*/
}
.popular .product-grid .product-thumb .price{
	margin: 10px 0;
	  /*  text-align: center;*/
}
.popular .product-thumb .image a {
    display: block;
    /*border: 3px solid transparent;*/
}
.main-products.popular .product-layout {
    padding: 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.bestseller{
	background: #fff;
	border-radius: 25px;
	border: 1px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 15px 20px;
}
.bestseller .product-thumb {
    /*background: rgba(221, 221, 221, 0.52);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 210, 0, 0.32);
    border-radius: 5px;*/
    width: 100%;
}
.bestseller .product-thumb:hover {
    /*background: rgba(255, 0, 28, 0.15);*/
}
.bestseller .product-thumb .image a {
    display: block;
    /*border: 3px solid transparent;*/
}
.bestseller h4{
	
}
.bestseller .product-grid .product-thumb .image{
	/*background: #fff;*/
}
.bestseller .product-grid .product-thumb .price{
	margin: 10px 0;
}
.main-products.bestseller .product-layout {
    padding: 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bann-image{
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	padding: 20px;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
}
.bann-image::before {
	content: '';
	display: block;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	position: absolute;
}
.banner-layers{
	text-align: center;
	position: relative;
	z-index: 9;
}
.banner-layers .b-title{
	font-size: 32px;
	margin-bottom: 15px;
	color: #fff;
}
.banner-layers .b-describe {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #fff;
	margin-top: 20px;
}
.banner-layers .btn-more{
	padding: 7px 12px;
	width: auto;
	color: #fff;
	background: var(--maincolor);
	transform: scale(calc(120 / 100));
	transform-origin: center;
	display: table;
	margin: 30px auto 0;
}
.help_center{
	border-top: 1px solid #e2e5f1;
	border-bottom: 1px solid #e2e5f1;
	background: #f7f7fa;
	    padding: 25px 15px;
}
.help_center .col-xs-4{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.help_center img{
	align-self: center;
	border: 1px solid #e2e5f1;
	background-color: white;
	border-radius: 50%;
	width: 36px !important;
	height: 36px;
	padding: 7px;
}
html[dir=rtl] .help_center img{
	margin-left: 10px;
}
html[dir=ltr] .help_center img{
	margin-right: 10px;
}
.desc{

}
.desc h4{
	font-size: 11px;
	color: #7e859b;
}
.desc h5{
	font-size: 17px;
}
.help h3{
	margin-top: 0;
}
.help h4{
	color: #7e859b;
	font-size: 13px;
}
.carousel{
	padding: 30px 0;
	background: #fff;
	display: flex;
	justify-content: center;
}
.carousel:before {
    content: " ";
    width: 150%;
    /* background-color: var(--maincolor); */
    height: 100%;
    /* right: -90px; */
    z-index: 1;
    position: absolute;
    top: 0;
    pointer-events: none;
    background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
    background-position: left;
}
#carousel0{
	padding: 10px 0;
}
.carousel img{
	margin: 0 auto 15px;
	width: 90%;
}
.carousel img{
	/*opacity: .3;*/
	-webkit-transition: all .18s ease;
	transition: all .18s ease;
}
.carousel img:hover{
	opacity: 1;
	transform: scale(1.1);
}
.swiper-pager div {
    width: 25px;
    height: 25px;
    background: transparent;
    border-radius: 50px;
    box-shadow: 0 5px 30px -5px rgb(0 0 0 / 15%);
}
.carousel .swiper-viewport .swiper-button-next,
.carousel .swiper-viewport .swiper-button-prev{
	opacity: 1;
}
.carousel .swiper-button-next:before,
.carousel .swiper-button-prev:before {
	width: auto;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 2;
	text-align: center;
	display: block;
	background: #fff;
	border-radius: 50%;
	height: 25px;
}
.payment-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	GAP: 10px;
}
.newsletter.contctseller h2{
	text-align: right;
	color: #fff;
	padding: 0;
	background: transparent;
}
.newsletter .btn {
	background: var(--maincolor);
	border-color: var(--maincolor);
	height: 45px;
}
.newsletter .btn:hover {
	color: #fff;
	background: #9c0b1b !important;
}

.newsletter{
	width: 100%;
	border-radius: 25px;
	border: 0.833px solid #F1F1F2;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 12px 0;
	margin: 40px 0 0;
}
.newsletter_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
}
.column{
	width: 50%;
	display: flex;
	padding-left: 15px;
	padding-right: 15px;
	gap: 40px;
	align-items: center;
}
.column svg path{
	fill: var(--maincolor);
}
.column .news_title{

}
.newsletter .far{
	font-size: 40px;
	margin-inline-end: 20px;
}
.newsletter-icon > .col-sm-12{
	padding: 0;
}
.newsletter h5{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.newsletter p{
	font-weight: 400;
	color: #000;
	font-size: 13px;
	margin: 0;
}
.newsletter .form-group, .newsletter .buttons{
	margin: 0;
}
.newsletter.contctseller h2{
	text-align: right;
	color: #fff;
	padding: 0;
	background: transparent;
}
.newsletter .btn {
	background: var(--maincolor);
	border-color: var(--maincolor);
	height: 50px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	border-radius: 12.5px !important;
}
.newsletter .btn:hover {
	color: #fff;
	background: var(--secondcolor) !important;
}
.newsletter .input-group {
	border-radius: 12px;
	padding: 7.5px 8.5px;
	background: #fff;
}

.newsletter #input-email{
	height: 45px;
	border: 0;
	box-shadow: none;
}
/*html[dir=rtl] .newsletter p{
	text-align: right;
}
html[dir=ltr] .newsletter p{
	text-align: left;
}*/
.seller-info, .newsletter .enquire{
	border: 0;
	padding: 0;
	width: 50%;
}
.footer-social a {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

    margin-bottom: 10px;
    color: #fff;
    border: 0.125rem solid #fff;
    box-shadow: 0 0 8px 0 rgb(50 50 50 / 15%);
    border-radius: 10px;
    transition: 250ms;
}


.footer-social a .fa,
.footer-social a .fab{
	font-size: 22px;
}
.footer-social a:hover {
    text-shadow: 0 5px 30px -5px rgb(0 0 0 / 15%);
    background: #fff;
}

.footer-social a.twitter:hover, .footer-social a.twitter:focus {
    color: #00ACED;
    box-shadow: 0 0 24px 0 #00aced;
}
.footer-social a.facebook:hover, .footer-social a.facebook:focus {
    color: #3b5998;
    box-shadow: 0 0 24px 0 #3b5998;
}
.footer-social a.pinterest:hover, .footer-social a.pinterest:focus {
    color: #bd081c;
    box-shadow: 0 0 24px 0 #bd081c;
}
.footer-social a.youtube:hover, .footer-social a.youtube:focus {
    color: #cd201f;
    box-shadow: 0 0 24px 0 #cd201f;
}
.footer-social a.linkedin:hover, .footer-social a.linkedin:focus {
    color: #0A66C2;
    box-shadow: 0 0 24px 0 #0A66C2;
}
.footer-social a.instagram:hover, .footer-social a.instagram:focus {
    color: #E4405F;
    box-shadow: 0 0 24px 0 #E4405F;
}
.footer-social a.whatsapp:hover, .footer-social a.whatsapp:focus {
    color: #25D366;
    box-shadow: 0 0 24px 0 #25D366;
}
.footer-social a.snapchat:hover, .footer-social a.snapchat:focus {
    color: #FFFC00;
    box-shadow: 0 0 24px 0 #FFFC00;
}
.footer-social a.tiktok:hover, .footer-social a.tiktok:focus {
    color: #EE1D51;
    box-shadow: 0 0 24px 0 #EE1D51;
}
.footer-social a.telegram:hover, .footer-social a.telegram:focus {
    color: #0088cc;
    box-shadow: 0 0 24px 0 #0088cc;
}


/* footer */



.floating {
  height: 4em;
  width: 4em;
  background: #eee;
  border-radius: 50%;
  position: fixed;
  z-index: 999;
  bottom : 2em;
  left: 2em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
	.floating{
		bottom : 60px;
	}
}
.floating .material-icons {
  font-size: 2.2em;
  color: white;
  transition: all, 0.2s;
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}
.floating-smoke .floating-main .fa-plus{
	opacity: 0;
}
.floating-smoke.float-open .floating-main .fa-plus{
	opacity: 1;
}
.floating-smoke .floating-main .fa-share{
	opacity: 1;
}
.floating-smoke.float-open .floating-main .fa-share{
	opacity: 0;
}
.floating-main {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e74c3c;
  opacity: 0.5;
  transition: all, 0.2s;
  z-index: 8;
}
.floating:hover .floating-main{
  opacity: 1;
}
.float-opt {
  position: absolute;
  height: 90%;
  width: 90%;
  border-radius: 50%;
  opacity: 0;
  transition: all, 0.3s;
  z-index: 7;
  transform: translate(0%, 0%);
      display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.float-opt .fa, .float-opt .fab{
	background: transparent;
	color: #fff;
	font-size: 18px;
}
.opt-text {
  background: blue;
}
.opt-media {
  background: orange;
}
.float-open {
  background-image: linear-gradient(to top, gray, transparent);
}
.float-open .floating-main{
  transform: rotate(315deg);
  opacity: 1;
}
.float-open .float-opt {
  opacity: 1;
  

}

.float-open .float-opt:nth-child(2) {
  transform: translate(0%, -115%);
}
.float-open .float-opt:nth-child(3) {
  transform: translate(0%, calc(-115% + (-105%)));
}
.float-open .float-opt:nth-child(4) {
	transform: translate(0%, calc(-220% + (-105%)));
}
.float-open .float-opt:nth-child(5) {
	transform: translate(0%, calc(-325% + (-105%)));
}
.float-open .float-opt:nth-child(6) {
	transform: translate(0%, calc(-430% + (-105%)));
}
.float-open .float-opt:nth-child(7) {
	transform: translate(0%, calc(-535% + (-105%)));
}
.float-open .float-opt:nth-child(8) {
	transform: translate(0%, calc(-640% + (-105%)));
}
.float-open .float-opt:nth-child(9) {
	transform: translate(0%, calc(-745% + (-105%)));
}
.float-open .float-opt:nth-child(10) {
	transform: translate(0%, calc(-850% + (-105%)));
}
.float-open .float-opt:nth-child(11) {
	transform: translate(0%, calc(-955% + (-105%)));
}
.facebook.float-opt{
	background: #3b5998;
}
.facebook.float-opt:hover{
	box-shadow: 0 0 12px 0 #3b5998;
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
}
.twitter.float-opt{
	background: #000;
}
.twitter.float-opt:hover{
	box-shadow: 0 0 12px 0 #000;
}
.pinterest.float-opt{
	background: #bd081c;
}
.pinterest.float-opt:hover{
	box-shadow: 0 0 12px 0 #bd081c;
}
.youtube.float-opt{
	background: #cd201f;
}
.youtube.float-opt:hover{
	box-shadow: 0 0 12px 0 #cd201f;
}
.linkedin.float-opt{
	background: #0A66C2;
}
.linkedin.float-opt:hover{
	box-shadow: 0 0 12px 0 #0A66C2;
}
.instagram.float-opt{
	background: #E4405F;
}
.instagram.float-opt:hover{
	box-shadow: 0 0 12px 0 #E4405F;
}
.whatsapp.float-opt{
	background: #25D366;
}
.whatsapp.float-opt:hover{
	box-shadow: 0 0 12px 0 #25D366;
}
.snapchat.float-opt{
	background: #FFFC00;
}
.snapchat.float-opt:hover{
	box-shadow: 0 0 12px 0 #FFFC00;
}
.tiktok.float-opt{
	background: #000;
}
.tiktok.float-opt:hover{
	box-shadow: 0 0 12px 0 #000;
}
.telegram.float-opt{
	background: #0088cc;
}
.telegram.float-opt:hover{
	box-shadow: 0 0 12px 0 #0088cc;
}




.top-footer{
	padding: 20px 0 40px;
}
.top-footer-flex{
	display: flex;
}
.top-footer-flex .col-sm-3:first-child{
	width: 40%;
}
.top-footer-flex .col-sm-3:last-child{
	width: 38%;
}
.footer_about p{
	font-weight: 400;
	font-size: 14px;
	color: #fff;
}
footer {
	margin-top: 30px;
	padding-top: 30px !important;
	background-color: var(--maincolor);
	color: #4a4a4a;
}
/*.common-home footer{
	margin-top: 0;
}*/

footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #2F294D;
}
footer h5 {
	/*font-family: Tahoma, Geneva, sans-serif;*/
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 25px;
}
footer h5:before{
	content: "\f068";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
}
footer h5 .faplmi{
	display: inline-block;
}
footer h5 .fa{
    display:none;
}
footer h5.collapsed{
    pointer-events: none;
}
footer .footer-list{
    display: block;
}
footer h5:hover{
	cursor: pointer;
}
footer ul.list-unstyled li{
	margin: 0 0 10px;
}
footer ul.list-unstyled{
	margin-bottom: 30px;
}
.extra{
	
}
.widget-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}
.call{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 0;
}
.call .call-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	line-height: 1;
	text-align: center;
	align-self: center;
	width: 40px;
	height: 40px;
}
.call .call-icon .fas{
	font-size: 20px;
	color: #000;
}
.call-phone {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.call-phone p{
	margin: 0 0 0;
}
.call-phone p:first-child{
	color: #fff;
	font-size: 15px;
}
.footer-list li a{
	font-size: 14px;
	font-weight: 400;
}
.call-phone .call-phone-number{
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.list-footer li{
	padding: 0 2px;
}
.list-footer li:after{
	display: inline-block;
	content: "-";
}
html[dir=rtl] .list-footer li:after{
	margin-right: 6px;
}
html[dir=ltr] .list-footer li:after{
	margin-left: 6px;
}
.list-footer li:last-child:after{
	display: none;
}
.tel {
    position: fixed;
       bottom: 20px;
    right: 20px;
    display: none;
    z-index: 9999;
}
.tel .fa {
	padding: 11px 14px;
	background: #3dc489;
	color: #fff;
	font-size: 34px;
	border-radius: 50%;
}
.tel:hover .fa {
    background: #04233e;
}
@media screen and (max-width: 767px){
	.tel {
	    bottom: 60px;
	    right: 20px;
	}
	
}
.flex_footer{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}
.maroof{
	display: table;
	margin: 0 auto;
	width: 90px;
}
.commercial{
	text-align: center;
	margin: 0;
}
.app_social p{
	text-align: center;
}
.app_social {
	margin: 30px 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.app_social.app_social_center{
	justify-content: center;
}
.left {
	display: flex;
	align-items: center;
	gap: 12px;
}
.left .payment-slide img{
	border-radius: 2.3px;
	max-width: 47px;
}

.taxnum img{
	width: 16px;
}
.footer-social{
	/*display: table;
	margin: 0 auto 15px;*/
}
.c_rights{
	margin: 0 0 0;
	text-align: center;
	font-weight: bold;
	color: var(--maincolor);
}
.c_rights a{
	color: var(--maincolor);
}
.copy{
	background: #f7f7fa;
	padding: 10px 3%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/*display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;*/
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #f56b6b !important;
}

[id^="banner"] img{
	width: 100%;
}
@media (min-width: 993px) {
	[class^="product-product"] .product-left{
		width: 45% !important;
	}
	[class^="product-product"] .product-right{
		width: 55% !important;
	}
}
@media (max-width: 992px) {
	[class^="product-product"] .product-left{
		width: 100% !important;
	}
	[class^="product-product"] .product-right{
		width: 100% !important;
	}
}
@media (min-width: 768px) {
	.product-col-wrap .col-sm-6:first-child{
		width: 44%;
	}
	.product-col-wrap .col-sm-6:last-child{
		width: 56%;
	}
}
.content_image{
	padding: 40px 30px 0;
	border-radius: 41.667px;
	border: 1px solid var(--maincolor);
	background: #FFF;
	height: fit-content;
	position: relative;
}
.content_image .ribbon{
	left: 45px;
	top: 55px;
}
.content_center{
	padding: 33px 33px 0;
	border-radius: 41.667px;
	border: 1px solid var(--maincolor);
	background: #FFF;
}
.content_center .promo{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	color: var(--maincolor);
	position: unset;
	display: inline-block;
	padding: 7px 13px;
	font-size: 12px;
	border-radius: 7px;
}
[class^="product-product"] .rating .fa-star-o {
    color: #ddd;
    font-size: 15px;
}
.fa-star-o:before {
    content: "\f005";
}
.product-col-wrap{
	/*display: flex;
	gap: 25px;*/
}
.content_center h2{
	margin-top: 10px;
	color: #000;
	font-size: 30px;
}
.content_center h2 span.special_cur{
	color: #C4C4C4;
	font-size: 21px;
}
.content_center h2 span.special_cur .currency-symbol{
	color: #C4C4C4;
}
.page-title {
	font-size: 28px;
	color: #2F294D;
	text-transform: uppercase;
	border-radius: 0px;
	margin: 0px;
	line-height: 2em;
}
/*html[dir=rtl] .page-title{
	text-align: right;
}
html[dir=ltr] .page-title{
	text-align: left;
}
*/
.price_list{

}
.brand-image a{
	color: #7e859b;
	display: block;
	font-size: 16px;
	    margin: 10px 0;
}
#product-product .rating a{
	color: #404553;
	font-size: 16px;
}
html[dir=rtl] #product-product .rating a{
	margin-left: 10px;
}
html[dir=ltr] #product-product .rating a{
	margin-right: 10px;
}
.main-options > h3{
	color: #000;
	font-size: 20.833px;
	margin-bottom: 20px;
}
.main-options label.control-label{
	color: #565656;
	font-size: 16px;
	margin: 0;
}
.main-options > hr{
	border-top: 1px solid #D9D9D9;
}
#product .radio{
	display: inline-block;
	    margin-inline-end: 10px;
}

#product .radio label, #product .checkbox label{
	padding: 0;
    	margin: 0;
}
#product [id^=input-option] {
	display: flex;
    	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap;
}
#product .radio img,
#product .checkbox img {
	display: inline-block;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	padding: 2px;
}
#product .radio .opt-title,
#product .checkbox .opt-title{
	padding: 12px 40px;
	border: 1px solid #D9D9D9;
	border-radius: 25px;
	display: inline-block;
	border-radius: 10.714px;
	font-size: 17.554px;
	color: #000;
}

#product input[type="radio"]:checked + img,
#product input[type="checkbox"]:checked + img {
    	border: 1px solid var(--maincolor);
}
#product input[type="radio"]:checked + .opt-title,
#product input[type="checkbox"]:checked + .opt-title{
	border: 1px solid var(--maincolor);
	color: #fff;
	background: var(--maincolor);
}

#product .radio input[type="radio"],
#product .checkbox input[type="checkbox"] {
    visibility: hidden;
}
#product > .form-group .disabled{
	pointer-events: none;
	cursor: not-allowed;
	position: relative;
}
#product > .form-group .disabled:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to top left, transparent calc(50% - 1px), black, transparent calc(50% + 1px));
}

.cart-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        
}
.buttons-wrapper button{
	height: 60px;
	border-radius: 10px;

}
#product-product .cart-group{
	/*width: 230px;*/
	width: 100%;
	flex-wrap: wrap;
	gap: 15px;
	flex-direction: column-reverse;
}
.buttons-wrapper {
	justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.buttons-wrapper2 {
	justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-quantity-wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 20px;
}
.main-options .input-quantity-wrap > label{
	font-size: 18px;
	color: #000;
}
.add_group {
	width: 180px;
	/* height: 50px; */
	border: 1px solid var(--maincolor);
	border-radius: 10px;
	overflow: hidden;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	padding: 5px 7px;
}
.add_group span{
	display: flex;
	align-items: center;
	justify-content: center;
}
.add_group span button{
	border: 0;
	background: #fff;
	color: #000;
	width: 60%;
	height: 38px;
	border-radius: 7.456px;
	-webkit-transition: all .05s ease-out;
	transition: all .05s ease-out;
}
.add_group span button:hover{
	color: #fff;
	background: var(--maincolor);
}
.add_group input{
	padding: 0;
	height: 38px;
	border: 0;
	text-align: center;
	background: transparent;
	color: #000;
	box-shadow: none;
	font-size: 18px !important;
}
/*html[dir=rtl] .add_group input{
	padding-right: 22px;
	width: 60px;
}
html[dir=ltr] .add_group input{
	padding-left: 22px;
	width: 60px;
}*/
.burger {
    padding: 0;
    line-height: 0;
}
.btn-block + .btn-block{
	margin: 0;
}
.cart-group #button-cart, .cart-group #button-cart2,
.cart-group #button-checkout, .cart-group #button-checkout2,
.cart-group #generateIframe11, .cart-group #generateIframe22{
	flex-grow: initial;
	/*height: 40px;*/
	display: inline-flex;
	/*width: auto;*/
	justify-content: center;
	margin-top: 0;
	padding: 15px 30px;
	font-size: 16px;
    	align-items: center;
    	font-weight: 700;
}
.cart-group #button-checkout, .cart-group #button-checkout2,
.cart-group #generateIframe11, .cart-group #generateIframe22{
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.wishlist-compare{
	position: absolute;
	top: 41px;
	right: 41px;
	z-index: 99;
}
html[dir=rtl] .wishlist-compare{
	margin-right: auto;
	margin-bottom: 20px;
}
html[dir=ltr] .wishlist-compare{
	margin-left: auto;
	margin-bottom: 20px;
}
.wishlist-compare .btn {
	background: var(--maincolor);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
	height: 55px;
	width: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px !important;
	border-radius: 18.688px !important;
	    transition: all 0.4s ease;
}
.wishlist-compare .btn svg{
	width: 28px;
	height: 28px;
}
.wishlist-compare .btn:hover {
    background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
    color: #fff;
}
.wishlist-compare .btn:hover svg path{
	fill: var(--maincolor);
}
.wishlist-compare .btn .fa{
	font-size: 16px;
}
/*html[dir=rtl] .xzoom{
	float: left;
	width: 80% !important;
}
html[dir=rtl] .xzoom-container .thumbnail{
	float: right;
}
html[dir=ltr] .xzoom{
	float: right;
	width: 80% !important;
}
html[dir=ltr] .xzoom-container .thumbnail{
	float: left;
}*/
html[dir=rtl] #pqv-content{
	text-align: right;
}
html[dir=ltr] #pqv-content{
	text-align: left;
}
.currency-symbol {
	color: #2F294D;
	font-size: 12.817px;
	font-weight: 700;
	opacity: 0.7; 
	vertical-align: middle;
	position: relative;
	top: -5px;
}
.image .btn-quick-view {
	position: relative !important;
	background: var(--maincolor) !important;
	height: 48.162px !important;
	width: 48.162px !important;
	line-height: 35px !important;
	opacity: 1 !important;
	align-items: center;
	justify-content: center;
	border-radius: 15.051px;
	border: 0;
	display: flex;
	transform: scale(1);
	    box-shadow: none;
}
.image .btn-quick-view:hover{
	background: #fff !important;
	border: 1px solid var(--maincolor);
}
.image .btn-quick-view:hover svg path{
	/*stroke: var(--maincolor);*/
	fill: var(--maincolor);
}
.btn-quick-view i {
	font-size: 16px !important;
}
.btn-quick-view {
	color: #000000 !important;
}
.xzoom-container {
	margin-bottom: 25px;
}
[class^="product-product"] .nav-tabs{
	text-align: center;
}
[class^="product-product"] .nav-tabs > li {
	float: none;
	display: inline-block;
}
.nav-tabs > li > a{
	border: 0;
	color: #5F6C72;
	font-size: 16px;
	font-weight: bold;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: var(--maincolor);
	background-color: transparent;
	border: 0;
	border-bottom: 4px solid var(--maincolor);
}
.nav > li > a:hover, .nav > li > a:focus {
	color: var(--maincolor);
	text-decoration: none;
	background-color: transparent;
}
.pro_tabs{
	margin: 50px 0;
	border-radius: 25.049px;
	border: 1px solid #E4E7E9;
	background: #FFF;
	padding: 0 30px 30px;
}
.pro_tabs .tab-content{
	
}
.category-tab{
	margin: 50px 0 30px;
	border-radius: 25px;
	border: 1px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 15px 20px;
}
.category-tab .nav-tabs{
	padding: 6.5px 0;
	border: 0;
	display: flex;
	gap: 8px;
	justify-content: flex-start;
	border-radius: 10px;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
}
.category-tab .nav-tabs > li > a{
	border: 0;
	color: var(--maincolor);
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px;
	border: 1px solid var(--maincolor);
	background: #FFF;
}
.category-tab .nav-tabs > li.active > a, .category-tab .nav-tabs > li.active > a:hover, .category-tab .nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: var(--maincolor);
	border-bottom: 1px solid var(--maincolor);
}
.category-tab .nav > li > a:hover, .category-tab .nav > li > a:focus {
	text-decoration: none;
	background-color: var(--maincolor);
	color: #fff;
	border: 1px solid var(--maincolor);
}

.tags a {
	padding: 6.667px 12.5px;
	border-radius: 6.667px;
	font-size: 12px;
	color: #000;
	font-weight: 400;
	text-transform: none;
	background: #F1F1F2;
}
.tags a:hover{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
}
.tags {
	margin-top: 15px;
	justify-content: flex-start;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8.333px;
}
.grid-row-bottom-1 {
	background: #F1F1F2;
	padding: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	border-width: 0;
	border-top-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
.product-stats {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	    margin-bottom: 20px;
}
.product-stats ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.product-stats .brand-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
        margin: -30px 0 20px;
}
.product-stats .brand-image span{
	display: block;
	text-align: center;
}
.product-stats .brand-image a {
    background: #ffffff;
    padding: 5px;
}
.product-features{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	border-radius: 35px;
	
}
.features-list{
	display: flex;
	justify-content: center;
	row-gap: 15px;
	column-gap: 50px;
	align-items: center;
	padding: 20px 5px;
	flex-wrap: wrap;
}
.features-list li{
	text-align: center;
}
.features-list p{
	font-size: 12px;
	font-weight: 700;
	margin: 10px 0 0;
	color: var(--maincolor);
}
#info-accordion .panel-default{
	border-radius: 16.667px;
	border: 1px solid var(--maincolor);
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	box-shadow: 0px 0px 3.333px 0px rgba(0, 0, 0, 0.11);
	overflow: hidden;
}
#info-accordion .panel-default > .panel-heading{
	background: var(--maincolor);
	color: #fff;
	padding: 0;
	border-color: var(--maincolor);
}
#info-accordion .panel-default > .panel-heading .panel-title{
	position: relative;
}
#info-accordion .panel-default > .panel-heading .panel-title a{
	display: block;
	padding: 15px 15px;
}
#info-accordion .panel-default > .panel-heading .panel-title:after{
	content: "\f107";
	display: inline-block;
	font: normal normal normal 21px / 1 FontAwesome;
	position: absolute;
	left: 15px;
	top: 14px;
}
#info-accordion .panel-collapse{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	color: #000;
}
#info-accordion .panel-body{
	padding: 20px 15PX;
}



#refine-categories {
    margin-bottom: 20px;
}
#carousel-refine-products .swiper-slide{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.refine-item{
	border: 3.5px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	display: block;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	transition: all .3s ease;
}
.refine-item a {
	background: rgba(255, 255, 255, 1);
	padding: 7px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(221, 221, 221, 1);
}
.refine-item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	-webkit-transition: all .075s ease-out;
	transition: all .075s ease-out;
}
.refine-item span {
	text-align: center;
	white-space: normal;
	overflow: visible;
	text-overflow: initial;
	padding: 7px;
	padding-bottom: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 3px;
	-webkit-transition: all .05s ease-out;
	transition: all .05s ease-out;
	font-size: 12px;
	font-weight: 700;
}
.refine-item:hover {
	border: 3.5px solid var(--maincolor);
}
.refine-item-title{
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.refine-item-title:hover{
	color: var(--maincolor);
}

#product-category .breadcrumb{
	display: none;
}
.grid-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.grid-list .compare-btn {
	display: inline-block;
	padding-right: 15px;
	color: var(--secondcolor);
}
.grid-list button {
    display: inline-block;
    height: 32px;
}
.grid-list .fa-sync{
	margin: 0 5px;
}
.grid-list.btn-group > .btn{
	 border-radius: 8px !important;
	border: 1px solid var(--maincolor) !important;
	height: 37px;
	background: transparent;
	box-shadow: none;
	outline: 0;
	padding: 4px 11px;
}
.btn-default.active{
	display: none;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle{
   
}
.products-filter {
    background: transparent;
    margin-bottom: 20px;
    padding: 0;
    
}
.products-filter label{
	color: #000;
	background: transparent;
	font-size: 12px;
	font-weight: bold;
}
.products-filter select.form-control{
	border-radius: 8.333px !important;    
	border: 1px solid var(--maincolor) ;
	height: 37px;
	color: #000;
}
.select-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
       
}
html[dir=rtl] .select-group{
	float: left;
}
html[dir=ltr] .select-group{
	float: right;
}
.select-group .input-group {
	margin: 0 10px;
}
.select-group label{
	border: 0;
}
.select-group select{
	border: 1px solid #ddd;
	box-shadow: none;
}
.main-products.pages .product-grid{
	width: calc(100% / 4 - 0.01px);
	    padding: 0 12px;
	        margin-bottom: 25px;
}
.pages{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.main-products.pages .product-grid .product-thumb{
	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-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background: #fff;
	/*padding: 0 10px;*/
	  /*  margin-bottom: 30px;*/
}
.main-products.pages .product-list .product-thumb {
	margin-bottom: 10px;
	background: #fff;
	display: table;
    width: 100%;
}
.cart-table table{
	margin: 0 0 30px;
	border-collapse: separate;
	border-spacing: 0 10px;
}
.cart-table .img-thumbnail{
	border: 0;
	padding: 0;
}
.cart-table .single{
	color: #cdcdcd;
	font-size: 12px;
}
.cart_p_name{
	color: #2F302C;
	font-size: 16.667px;
	font-style: normal;
	font-weight: 700;
	line-height: 23.333px;
	margin: 0 0 10px;
	display: block;
}
.total_prices{
	color: #2F302C;
	font-size: 16.667px;
	font-style: normal;
	font-weight: 800;
	line-height: 23.333px; /* 140% */
}
.cart-table small, .cart-table .small {
	margin: 0 0 5px;
	display: block;
	font-size: 12px;
}
.cart-page #accordion input{
	box-shadow: none;
	border: 0;
}
.cart-page #accordion .input-group{
	padding: 5px;
	border-radius: 10px;
	border: 1px solid  #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
}
.cart-page #accordion input.btn-primary{
	border-radius: 7.5px;
	background: #F1F1F2;
	color: #8C8888;
}
.cart-page #accordion {
    margin-bottom: 25px;
}
.cart-page .total_title{
	color: #7E7F7C;
	font-size: 14px;
}
.cart-page .total_text{
	color: #2F302C;
	font-size: 16px;
}
.cart-bottom table tr:last-child .total_text{
	color: #CE0000;
}
.cart-bottom .cart-buttons {
	padding: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.cart-bottom .btn-cart.btn {
	background-color: transparent;
	color: var(--maincolor);
	border-radius: 5px;
	width: 100%;
	margin: 10px 0;
	padding: 12px 20px;
	font-size: 14px;
	    border: 1px solid #F1F1F2;
	    transition: all 0.3s;
}
.cart-bottom .btn-cart.btn:hover {
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.cart-bottom .btn-checkout.btn {
	background: var(--maincolor);
	margin: 0 6px;
	width: 100%;
	margin: 10px 0;
	color: #fff;
	border-radius: 5px;
	padding: 12px 20px;
	font-size: 16px;
	border: 1px solid transparent;
	transition: all 0.3s;
}
.cart-bottom .btn-checkout.btn:hover {
	background: #fff !important;
	color: var(--maincolor);
	border: 1px solid var(--maincolor);
}

@media (min-width: 767px) {
	#search{
		width: 96%;
	}
	.cart-page {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.cart-table{
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.cart-bottom {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 450px;
	}
	html[dir=rtl] .cart-bottom{
		margin-right: 20px;
	}
	html[dir=ltr] .cart-bottom{
		margin-left: 20px;
	}
}
.cart-bottom{
	background: #fff;
	padding: 0 20px;
	border-width: 0;
	border-style: solid;
	border-color: #dddddd;
}
.cart-bottom h3{
	margin: 5px 0 20px;
	font-size: 26px;
	color: #2F302C;
	font-weight: 800;
	line-height: 33.333px; /* 125% */
}
.alert-dismissible .close{
	left: 0;
	top: -5px;
}
.cart-table table thead td {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	background: #fff;
	border: 0 !important;
	    
}
.cart-bottom .table-bordered{
	background: #fff;
	border: 0;
}
.cart-bottom .table-bordered tr td{
	border: 0 !important;
}
.cart-table table td{
	vertical-align: middle !important;
}
.quan > .btn-block{
	/*align-content: space-between;
	display: flex;*/
	width: 180px;
	border: 1px solid var(--maincolor);
	border-radius: 10px;
	overflow: hidden;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	padding: 4px 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin: 0 0 15px;
}
.quan .input-group-addon, .quan .input-group-btn{
	width: auto;
}
.quan button{
	color: #fff;
	background: var(--maincolor);
	border: 0;
	border-radius: 5px;
	padding: 6px 10px;
	line-height: 1.5em;
}
.quan button:hover{
	background: #fff;
	color: #3C3C3C;
}
.quan #number{
	height: 32px;
	border: 0;
	box-shadow: none;
	background: transparent;
	text-align: center;
	color: #000;
}
.quan .input-group-btn{
	font-size: unset;
}
.quan .btn-danger{
	background: #fff !important;
	border-radius: 50% !important;
	color: #fff;
	outline: none !important;
	margin: 1px !important;
	vertical-align: middle;
	padding: 0;
	float: left;
	clear: both;
	box-shadow: none !important;
	position: absolute;
	left: 0;
	bottom: 0;
}
.quan{
	position: relative;
	overflow: hidden;
	padding: 0 !important;
}
.quan .btn-danger .fa{
	display: none;
}
html[dir=rtl] .quan .btn-danger:before{
	content: "حذف";
}
html[dir=ltr] .quan .btn-danger:before{
	content: "remove";
}
.quan .btn-danger:before{
    display: flex;
    width: 90px;
    height: 40px;
    background: rgba(255, 18, 18, 0.10);
    border-radius: 0px 5px;
    color: #FF1212;
    justify-content: flex-start;
    align-items: center;
    padding: 0 15px;
}

.quan .btn-danger:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #FF1212;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M3 6.01984C3 5.6911 3.27226 5.4246 3.60811 5.4246H7.59823C7.60364 4.72358 7.67962 3.76253 8.37531 3.09723C8.9228 2.57365 9.6734 2.25 10.5 2.25C11.3266 2.25 12.0772 2.57365 12.6247 3.09723C13.3204 3.76253 13.3963 4.72358 13.4018 5.4246H17.3919C17.7277 5.4246 18 5.6911 18 6.01984C18 6.34858 17.7277 6.61508 17.3919 6.61508H3.60811C3.27226 6.61508 3 6.34858 3 6.01984Z" fill="%23FF1212"/><path opacity="0.5" d="M10.1628 18.9172H10.8368C13.1558 18.9172 14.3152 18.9172 15.0691 18.1789C15.823 17.4406 15.9001 16.2296 16.0543 13.8076L16.2766 10.3177C16.3603 9.00352 16.4022 8.34644 16.024 7.93006C15.6458 7.51367 15.0071 7.51367 13.7298 7.51367H7.26988C5.99256 7.51367 5.3539 7.51367 4.97571 7.93006C4.59752 8.34644 4.63937 9.00352 4.72307 10.3177L4.94533 13.8076C5.09958 16.2296 5.17671 17.4406 5.93058 18.1789C6.68445 18.9172 7.84391 18.9172 10.1628 18.9172Z" fill="%23FF1212"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.35436 10.1518C8.69783 10.1156 9.0041 10.3794 9.03845 10.7409L9.45512 15.1269C9.48946 15.4884 9.23887 15.8108 8.89541 15.847C8.55194 15.8831 8.24567 15.6194 8.21132 15.2578L7.79465 10.8718C7.76031 10.5103 8.0109 10.1879 8.35436 10.1518Z" fill="%23FF1212"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6454 10.1518C12.9889 10.1879 13.2395 10.5103 13.2051 10.8718L12.7884 15.2578C12.7541 15.6194 12.4478 15.8831 12.1044 15.847C11.7609 15.8108 11.5103 15.4884 11.5447 15.1269L11.9613 10.7409C11.9957 10.3794 12.3019 10.1156 12.6454 10.1518Z" fill="%23FF1212"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    vertical-align: middle;
    transition: all 0.3s ease;
    position: absolute;
    left: 15px;
    bottom: 10px;
}
#accordion .panel-default > .panel-heading{
	background: #fff;
}
#accordion .panel-title a:after{
	content: "\f060" ;
	font-family: fontawesome ;
	display: inline-block;
	/*transform: scaleX(-1);*/
	margin-left: 15px;
	font-size: 9px;
	float: left;
	margin-top: 3px;
}
html[dir=ltr] #accordion .panel-title a:after{
	float: right;
	transform: scaleX(-1);
}
#accordion .panel-title a .fa-caret-down{
	display: none;
}
#accordion #collapse-coupon .control-label,
#accordion #collapse-voucher .control-label{
	width: 100%;
	padding-top: 7px;
	padding-bottom: 5px;
	padding: 7px 0 5px;
}
#accordion #collapse-shipping .control-label{
	padding: 0;
}
.box-heading{
	display: none;
}
#mfilter-opts-price-min, #mfilter-opts-price-max {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    display: inline-block;
        border: 1px solid #E4E7E9;
    box-shadow: none;
}


.menu-trigger{
	position: relative;
}
.mobile-wrapper-header{
	position: relative;
	width: 100%;
	height: 45px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-width: 0;
}
#language-currency{
	line-height: .5;
}
.language-currency-mobile{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}
#collapse-menu .btn-group > .btn{
	color: #fff;
	padding-right: 0;
	padding-left: 0;
}
 .mobile-wrapper-header>span {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
}
#collapse-menu {
	width: 80%;
	max-width: 400px;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 9999;
	transition: all 0.5s;
}

html[dir=rtl] #collapse-menu{
	right: 0;
	transform: translateX(100%);
}
html[dir=ltr] #collapse-menu{
	left: 0;
	transform: translateX(-100%);
}
#collapse-menu.active {
    transform: none !important;
        /*right: auto;*/
}
#collapse-menu{
	background: #fff;
}
#collapse-menu{
	overflow: auto;
	height: 100vh;
}
#collapse-menu .mobile-wrapper-header{
	background: var(--maincolor);
	border-width: 0;
	border-bottom-width: 1px;
	border-color: #dddddd;
	height: 45px;
}
#collapse-menu .list-group-item {
	position: relative;
	display: block;
	padding: 0;
	margin-bottom: -1px;
	background-color: transparent;
	border: 0;
}
#collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after {
	content: "\f055";
	display: inline-block;
	font-family: fontawesome;
	font-size: 16px;
}
#collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after {
	content: "\f056";
	display: inline-block;
	font-family: fontawesome;
}
html[dir=rtl] #collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after,
html[dir=rtl] #collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after{
	float: left;
}
html[dir=ltr] #collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after,
html[dir=ltr] #collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after{
	float: right;
}
#collapse-menu  a{
	padding: 10px 15px;
	display: block;
	border: 0;
	color: var(--secondcolor);
	font-size: 16px;
}
.list-group-level1 > li:before{
	content: "\f068";
	display: inline-block;
	font-family: fontawesome;
	font-size: 7px;
	position: absolute;
	top: 30%;
}
html[dir=rtl] .list-group-level1 > li:before{
	right: 0;
}
html[dir=ltr] .list-group-level1 > li:before{
	left: 0;
}
#collapse-menu .close-nav{
	color: #fff;
}
#collapse-menu .close-nav:hover{
	background: transparent;
}

.mob{
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 5px 15px;
}
.burger:before{
	display: none !important;
}
.mobile-logo-wrapper img{
	margin: 0 auto;
	padding: 0;
	max-width: 100px;
	max-height: 60px;
}
.mobile-logo-wrapper{
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	/*flex-basis: 30%;*/
	padding: 5px 0;
	    justify-content: space-between;
}
 .mobile-bar-group {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
}
.mobile-cart-wrapper{
	flex-basis: 15%;
}
.mobile-search-wrapper {

	
}
.mobile-cart-wrapper #cart-total .red{
	left: 24px;
}
.nav-btn{
	padding: 12px;
}
.nav-btn .fa{
	font-size: 22px;
	cursor: pointer;
}
.mobile-search-wrapper #search{
	margin: 0;
	border-radius: 12px;
	border: 0;
	background: #F1EEEE;
}
.mobile-cart-wrapper #cart {
	margin-bottom: 0;
}
.mobile-cart-wrapper .fa-shopping-cart{
	font-size: 20px;
}


.info-success{
	padding: 15px;
}
.info-success .info-block-title{
	font-size: 14px;
	color: var(--secondcolor);
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}
html[dir=rtl] .info-success .fa{
	float: right;
	font-size: 40px;
	margin-left: 10px;
}
html[dir=ltr] .info-success .fa{
	float: left;
	font-size: 40px;
	margin-right: 10px;
}
[class^="product-product"] .info-block {
	background: #fff;
	border: 0;
	padding: 7px;
	margin: 0 0 10px;
}
[class^="product-product"] .info-block-title{
	color: #404553;
	font-size: 12px;
}
[class^="product-product"] .info-block .info-block-describe {
	color: #7e859b;
	font-size: 11px;
}
[class^="product-product"] .swiper-button-next:before {
    font-family: FontAwesome;
    content: "\f054";
    width: auto;
    height: auto;
    color: #777;
    font-size: 13px;
    line-height: 2;
    background: #fff;
    text-align: center;
    display: block;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 3px -1px;
    border-radius: 50%;
}
[class^="product-product"] .swiper-button-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    width: auto;
    height: auto;
    color: #777;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    display: block;
    background: #fff;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 3px -1px;
    border-radius: 50%;
}


/*#xzoom-products .swiper-button-next{
	opacity: 1;
	top: -10px;
	left: 50%;
	margin: 0 auto;
	transform: translateX(-50%);
}
html[dir=ltr] #xzoom-products .swiper-button-next{
	left: 30%;
}
#xzoom-products .swiper-button-prev{
	opacity: 1;
	bottom: -10px;
	right: 44%;
	transform: translateX(50%);
	top: unset;
}
html[dir=ltr] #xzoom-products .swiper-button-prev{
	transform: translateX(87%);
}*/
/*#xzoom-products .swiper-pager {
	height: 100%;
	width: 100px;
	position: absolute;
	top: 0;
}*/
/*#xzoom-products .swiper-button-next:before{
	content: "\f077";
}
#xzoom-products .swiper-button-prev:before{
	content: "\f078";
}*/
#xzoom-products .swiper-button-next:before,
#xzoom-products .swiper-button-prev:before{
	color: #404553;
}
.xzoom-container{
	display: block !important;
}
#xzoom-products{
	max-width: 80%;
	margin: 20px auto 0;
}
#xzoom-default{
	width: 100%;
	box-shadow: none ;
	border-radius: 25px;
	border: 1px solid #F1F1F2;
}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
    border: 1px solid #F1F1F2;
    margin-left: 5px;
    margin-bottom: 10px;
    border-radius: 25px;
}
.xactive {
    -webkit-box-shadow: 0px 0px 3px 0px var(--maincolor) !important;
    -moz-box-shadow: 0px 0px 3px 0px var(--maincolor) !important;
    box-shadow: 0px 0px 3px 0px var(--maincolor) !important;
    border: 1px solid var(--maincolor) !important;
}
.content_image .swiper-viewport .swiper-button-next {
    right: -25px !important;
}
.content_image .swiper-viewport .swiper-button-prev {
    left: -25px !important;
}
.thumbnail{
	border: 0;
	margin: 0;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 0 0;
	padding: 10px 0;
	/*border: 1px solid #ddd;*/
	position: relative;
	background-color: transparent;
	visibility: hidden;
	display: none;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	position: relative;
	word-break: break-all;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.breadcrumb a {
    color: #7e859b;
    }
.breadcrumb > li + li:before {
	content: '/';
	padding: 0 10px;
	color: #ccc;
}
/*.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	left: -5px;
	width: 26px;
	height: 26px;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}*/

[class^="product-product"]{
	overflow-x: hidden;
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 13px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	/*box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*/
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 13px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
	    line-height: 1.8;
}
.btn-primary {
	color: var(--maincolor);
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	padding: 10px 12px;
	border: 0;
	transition: all 0.4s ease-in-out 0s;
	border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background: var(--maincolor) !important;
	color: #fff !important;
}
#button-checkout, #button-checkout2,
.cart-group #generateIframe11, 
.cart-group #generateIframe22{
	background: var(--maincolor);
	color: #fff;
	border: 1px solid var(--maincolor);
}
#button-checkout:hover, #button-checkout2:hover,
.cart-group #generateIframe11:hover, 
.cart-group #generateIframe22:hover{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
	color: var(--maincolor) !important;
	border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
select option:disabled {
    color: #000;
    font-weight: bold;
    text-decoration: line-through;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #404553;
	border-radius: 0;
	outline: none !important;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #606060 !important;
	background-color: #fcf9f7;
	border: 0;
	border-radius: 0;
	padding: 12px 16px;
	/*background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;*/
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #fcf9f7;
	/*background-image: linear-gradient(to bottom, #333333, #111111);*/
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 30px;
	/*overflow: auto;*/
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .caption a{
	color: #2F294D;
	font-size: 16px;
	font-weight: 600;
}
/*.product-thumb .image a:hover {
	opacity: 0.8;
}*/
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
	.product-list .product-thumb .image {
		float: right;
		padding: 0 15px;
	}
}
.product-thumb h4 {
	font-weight: bold;
	margin: 10px 0 15px;
}
.product-thumb .caption {
	/*padding: 0 20px;
	min-height: 180px;*/
	    padding: 0 10px;
	        text-align: center;

}
.product-list .product-thumb .caption {
	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-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	    align-items: flex-start;
}
.product-list .product-thumb .price{
	justify-content: flex-start;
}
.product-list .product-thumb .caption{
	text-align: unset;
}
.main-products .product-list .product-thumb .caption {
	padding-right: 20px;
	gap: 15px;
}
.main-products.pages .product-list{
	margin: 0 0 20px;
}
.main-products .product-list .product-thumb h4 {
	margin: 30px 0 15px;
}
.main-products .product-list .product-thumb .image{
	margin: 15px 12px 5px;
}
.main-products .product-list .product-thumb .button-group button{
	width: 50%;
}
@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {
		/*min-height: 210px;*/
		padding: 0 10px;
	}
}
@media (max-width: 767px) {
	.product-list .product-thumb .caption {
		min-height: 0;
		margin-right: 0;
		padding: 0 10px;
	}
	.product-grid .product-thumb .caption {
		min-height: 0;
	}
}
.main-products .product-list .product-thumb .desc,
.main-products .product-list .product-thumb .rating,
.main-products .product-list .product-thumb .button-group{
	display: block;
}
.main-products .product-list .product-thumb .button-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	background: transparent;
	border: 0;
	padding: 0 20px;

}

.mfilter-content{
	border: 0 !important;
}
.mfilter-content > ul > li {
	list-style-type: none;
	margin: 0 0 15px !important;
	border-radius: 10px;
	border: 1px solid  #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
}
.mfilter-heading-text > span{
	color: var(--maincolor);
}
.mfilter-box .mfilter-counter{
	background: transparent !important;
	color: #000 !important;
}
.mfilter-box-48 .mfilter-counter:after{
	display: none;
}
.mfilter-heading {
    cursor: pointer;
    background: transparent !important;
    font-size: 13px;
}
.mfilter-opts-container {
    padding: 5px 0;
    border-top: 2px solid #F1F1F2 !important;
}
.mfilter-heading-text > span {
    font-weight: bold;
    font-size: 14px;
}

.mfilter-box input[type=checkbox] {
         position: relative;
         cursor: pointer;
    }
.mfilter-box input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
        top: -1px;
        left: -1px;
         border: 2px solid #E1E3EA;
         border-radius: 4px;
         background-color: #E1E3EA;
}
.mfilter-box input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 1px;
         left: 5px;
}
.mfilter-box input[type=checkbox]:checked:before{
        background-color: var(--maincolor);
            border: 2px solid var(--maincolor);
}
.mfilter-heading .mfilter-head-icon {
    background: none !important;
}
.mfilter-heading .mfilter-head-icon:after {
    content: "\f107";
font: normal normal normal 14px / 1 FontAwesome;
    display: inline-block;
    font-size: 23px;
    color: var(--maincolor);
}
.mfilter-heading.mfilter-collapsed .mfilter-head-icon:after {
    content: "\f106";
    font: normal normal normal 14px / 1 FontAwesome;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    color: var(--maincolor);
}
.mfilter-heading .mfilter-head-icon{
	margin-top: 0 !important;
}
.mfilter-heading.mfilter-collapsed .mfilter-head-icon{
	transform: none;
}
#mfilter-opts-search{
	border-radius: 6.667px;
	border: 1px solid var(--maincolor);
	background: rgb(143 143 143 / 10%);
}
.mfilter-price .mfilter-options .mfilter-slider-slider .ui-slider-handle, 
.mfilter-price .mfilter-options #mfilter-price-slider .ui-slider-handle{
	background: none !important;
	margin-top: -4px !important;
}

.mfilter-price .mfilter-options .mfilter-slider-slider .ui-slider-range, 
.mfilter-price .mfilter-options #mfilter-price-slider .ui-slider-range{
	    background: var(--maincolor) !important;
}
.mfilter-slider-slider .ui-slider-handle:after, 
#mfilter-price-slider .ui-slider-handle:after{
	content: "\f111";
	font-family: FontAwesome;
	font-size: 20px;
	border: 2px solid var(--maincolor);
	border-radius: 50px;
	width: 18px;
	height: 18px;
	display: inline-block;
	color: transparent;
	background: #fff;
}
.mfilter-price .mfilter-options .mfilter-slider-slider, 
.mfilter-price .mfilter-options #mfilter-price-slider{
	height: 3px !important;
	margin: 14px 2px 0 5px !important;
}
html[dir=ltr] .mfilter-rating .mfilter-option img{
	transform: scale(-1, 1);
}
.mfilter-heading-text > span{
	font-size: 12px;
}
.mfilter-heading-text > span:before{
	content: "";
	display: inline-block;
	width: 13px;
	height: 16px;
	background-color: var(--maincolor);
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none"><path opacity="0.3" d="M0.849977 14.0833C0.903044 14.0257 0.967467 13.9797 1.03918 13.9483C1.1109 13.9169 1.18834 13.9006 1.26664 13.9006C1.34494 13.9006 1.42239 13.9169 1.49411 13.9483C1.56582 13.9797 1.63024 14.0257 1.68331 14.0833L3.04998 15.4333V1.44992C3.03668 1.3627 3.04251 1.27363 3.06706 1.18889C3.09162 1.10415 3.13432 1.02576 3.19219 0.959171C3.25006 0.892578 3.32173 0.839369 3.40222 0.803236C3.4827 0.767103 3.57009 0.748909 3.65831 0.749918C3.73821 0.752077 3.8169 0.769959 3.88988 0.802542C3.96286 0.835126 4.02871 0.881772 4.08365 0.939814C4.1386 0.997857 4.18157 1.06616 4.21011 1.14082C4.23865 1.21547 4.2522 1.29502 4.24998 1.37492V15.2749L5.36664 14.0833C5.41971 14.0257 5.48413 13.9797 5.55585 13.9483C5.62756 13.9169 5.70501 13.9006 5.78331 13.9006C5.86161 13.9006 5.93906 13.9169 6.01077 13.9483C6.08249 13.9797 6.14691 14.0257 6.19998 14.0833C6.30948 14.2043 6.37012 14.3617 6.37012 14.5249C6.37012 14.6881 6.30948 14.8455 6.19998 14.9666L4.04164 17.2416C3.98858 17.2992 3.92416 17.3451 3.85244 17.3765C3.78073 17.408 3.70328 17.4242 3.62498 17.4242C3.54668 17.4242 3.46923 17.408 3.39751 17.3765C3.3258 17.3451 3.26138 17.2992 3.20831 17.2416L0.874978 14.9166C0.815044 14.8548 0.767976 14.7817 0.736504 14.7016C0.705032 14.6215 0.689785 14.536 0.691645 14.4499C0.701654 14.3134 0.757438 14.1842 0.849977 14.0833Z" fill="%230064D2"/><path d="M8.57466 3.17505L10.6663 0.933385C10.7239 0.870233 10.7951 0.820937 10.8745 0.789187C10.9539 0.757438 11.0394 0.744059 11.1247 0.750051C11.2041 0.750947 11.2826 0.767615 11.3555 0.799087C11.4285 0.830558 11.4945 0.876208 11.5497 0.933385L13.808 3.29172C13.9088 3.40712 13.9644 3.55515 13.9644 3.70839C13.9644 3.86162 13.9088 4.00965 13.808 4.12505C13.7537 4.18047 13.6888 4.22449 13.6173 4.25454C13.5457 4.28459 13.4689 4.30006 13.3913 4.30005C13.313 4.29996 13.2355 4.28362 13.1638 4.25206C13.0921 4.22051 13.0277 4.17442 12.9747 4.11672L11.783 2.91672V16.8084C11.783 16.9653 11.7207 17.1158 11.6097 17.2268C11.4987 17.3377 11.3482 17.4001 11.1913 17.4001C11.0344 17.4001 10.8839 17.3377 10.773 17.2268C10.662 17.1158 10.5997 16.9653 10.5997 16.8084V2.79172L9.41633 4.03338C9.36261 4.08986 9.29798 4.13483 9.22635 4.16556C9.15473 4.19629 9.0776 4.21214 8.99966 4.21214C8.92172 4.21214 8.84459 4.19629 8.77296 4.16556C8.70134 4.13483 8.6367 4.08986 8.58299 4.03338C8.47227 3.91843 8.40972 3.76547 8.40817 3.60587C8.40662 3.44628 8.46619 3.29213 8.57466 3.17505V3.17505Z" fill="%230064D2"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	vertical-align: middle;
	margin-inline-end: 5px;
}


.common-home #content{
	min-height: unset;
}
/*.product-compare .description{
	width: 20%;
}*/
.product-compare .table-bordered > thead > tr > th, 
.product-compare .table-bordered > tbody > tr > th, 
.product-compare .table-bordered > tfoot > tr > th, 
.product-compare .table-bordered > thead > tr > td, 
.product-compare .table-bordered > tbody > tr > td, 
.product-compare .table-bordered > tfoot > tr > td{
	width: 20%;
	border: 0;
}
.product-compare .table-bordered > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}
.product-compare .table-bordered > tbody > tr:nth-of-type(even) {
    background-color: #F2F4F5;
}
#product-compare h1{
	text-align: center;
	color: #000;
	font-size: 26.667px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#product-compare .img-thumbnail{
	border-radius: 0;
	border: 0;
}
.compare-title{
	color: #191C1F;
	text-align: center;
	font-size: 13.333px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; 
	margin: 15px 0;
	display: block;
}
.comp_buttons{
	display: flex;
	gap: 10px;
	padding: 0 11px;
	margin-bottom: 30px;
}
.price_comp{
	color:  var(--maincolor);
}
.cart-compare{
	width: 90%;
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	color: #fff;
	line-height: 38.5px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 5px;
	margin-bottom: 0;
	border-radius: 6.667px;
	border: 1px solid var(--maincolor);
	background: var(--maincolor);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease;
}
.cart-compare:hover{
	color: var(--maincolor);
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.cart-compare:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="35" viewBox="0 0 36 35" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.77863 4.67139C2.96482 4.11282 3.56857 3.81095 4.12714 3.99714L4.55981 4.14136C5.45016 4.43811 6.20258 4.68889 6.79423 4.96413C7.42313 5.2567 7.96882 5.6193 8.3826 6.19339C8.79637 6.76747 8.96781 7.39982 9.04649 8.08897C9.08667 8.44091 9.10503 8.8355 9.11342 9.27287H24.3308C27.2519 9.27287 28.7124 9.27287 29.3444 10.2313C29.9764 11.1897 29.401 12.5322 28.2504 15.217L27.6412 16.6385C27.104 17.892 26.8354 18.5187 26.3013 18.8709C25.7673 19.223 25.0854 19.223 23.7216 19.223H9.33821C9.48745 19.9904 9.72289 20.4395 10.0572 20.7738C10.4506 21.1672 11.0029 21.4237 12.046 21.5639C13.1197 21.7083 14.5427 21.7106 16.5831 21.7106H26.5332C27.122 21.7106 27.5993 22.1879 27.5993 22.7766C27.5993 23.3654 27.122 23.8427 26.5332 23.8427H16.5051C14.5611 23.8428 12.9942 23.8428 11.7619 23.6771C10.4824 23.5051 9.40512 23.1371 8.54952 22.2815C7.69393 21.4259 7.32592 20.3486 7.1539 19.0691C6.98822 17.8368 6.98824 16.2699 6.98827 14.3259L6.98827 10.5281C6.98827 9.51457 6.98666 8.84398 6.92808 8.33082C6.8726 7.8449 6.77573 7.61053 6.65289 7.44009C6.53004 7.26966 6.33833 7.10364 5.89489 6.89735C5.42659 6.6795 4.79092 6.46591 3.82944 6.14541L3.45288 6.01989C2.89431 5.83371 2.59244 5.22996 2.77863 4.67139ZM12.3187 12.4711C11.7299 12.4711 11.2526 12.9484 11.2526 13.5372C11.2526 14.126 11.7299 14.6033 12.3187 14.6033H16.5831C17.1718 14.6033 17.6491 14.126 17.6491 13.5372C17.6491 12.9484 17.1718 12.4711 16.5831 12.4711H12.3187Z" fill="%230064D2"/><path d="M11.6077 26.3303C12.7853 26.3303 13.7399 27.2849 13.7399 28.4625C13.7399 29.6401 12.7853 30.5947 11.6077 30.5947C10.4301 30.5947 9.47552 29.6401 9.47552 28.4625C9.47552 27.2849 10.4301 26.3303 11.6077 26.3303Z" fill="%230064D2"/><path d="M24.4007 26.3304C25.5783 26.3304 26.5329 27.285 26.5329 28.4626C26.5329 29.6402 25.5783 30.5948 24.4007 30.5948C23.2232 30.5948 22.2686 29.6402 22.2686 28.4626C22.2686 27.285 23.2232 26.3304 24.4007 26.3304Z" fill="%230064D2"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	vertical-align: middle;
	margin-inline-end: 10px;
	transition: all 0.3s ease;
}
.cart-compare:hover:before{
	background-color: var(--maincolor);
}

.remove-compare{
	width: 40px;
	height: 40px;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	border-radius: 6.667px;
	border: 0;
	margin: 0 auto;
}
.add_wish-compare{
	width: 40px;
	height: 40px;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	border-radius: 6.667px;
	border: 1.25px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	background: #fff;
}
.add_wish-compare svg path{
	stroke: var(--maincolor);
}

#account-wishlist .table-bordered > thead > tr > th, 
#account-wishlist .table-bordered > tbody > tr > th, 
#account-wishlist .table-bordered > tfoot > tr > th, 
#account-wishlist .table-bordered > thead > tr > td, 
#account-wishlist .table-bordered > tbody > tr > td, 
#account-wishlist .table-bordered > tfoot > tr > td {
	border: 1px solid #F1F1F2;
	border-left: 0;
	border-right: 0;
	width: 16%;
	color: #000;
}
#account-wishlist .table-bordered > thead > tr > td{
	color: #0E224D;
}
.account-wishlist .table-bordered > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}
.account-wishlist .table-bordered > tbody > tr:nth-of-type(even) {
    background-color: #F2F4F5;
}
.wishlist_buttons{
	display: flex;
	gap: 10px;
	padding: 0 11px;
}
#account-wishlist .price b{
	display: block;
}
.cart-wishlist{
	max-width: 150px;
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	color: #fff;
	line-height: 38.5px;
	text-align: center;
	text-transform: uppercase;
	padding: 4px 15px;
	margin-bottom: 0;
	border-radius: 6.667px;
	border: 1px solid var(--maincolor);
	background: var(--maincolor);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease;
}
.cart-wishlist:hover{
	color: var(--maincolor);
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.cart-wishlist:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="35" viewBox="0 0 36 35" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.77863 4.67139C2.96482 4.11282 3.56857 3.81095 4.12714 3.99714L4.55981 4.14136C5.45016 4.43811 6.20258 4.68889 6.79423 4.96413C7.42313 5.2567 7.96882 5.6193 8.3826 6.19339C8.79637 6.76747 8.96781 7.39982 9.04649 8.08897C9.08667 8.44091 9.10503 8.8355 9.11342 9.27287H24.3308C27.2519 9.27287 28.7124 9.27287 29.3444 10.2313C29.9764 11.1897 29.401 12.5322 28.2504 15.217L27.6412 16.6385C27.104 17.892 26.8354 18.5187 26.3013 18.8709C25.7673 19.223 25.0854 19.223 23.7216 19.223H9.33821C9.48745 19.9904 9.72289 20.4395 10.0572 20.7738C10.4506 21.1672 11.0029 21.4237 12.046 21.5639C13.1197 21.7083 14.5427 21.7106 16.5831 21.7106H26.5332C27.122 21.7106 27.5993 22.1879 27.5993 22.7766C27.5993 23.3654 27.122 23.8427 26.5332 23.8427H16.5051C14.5611 23.8428 12.9942 23.8428 11.7619 23.6771C10.4824 23.5051 9.40512 23.1371 8.54952 22.2815C7.69393 21.4259 7.32592 20.3486 7.1539 19.0691C6.98822 17.8368 6.98824 16.2699 6.98827 14.3259L6.98827 10.5281C6.98827 9.51457 6.98666 8.84398 6.92808 8.33082C6.8726 7.8449 6.77573 7.61053 6.65289 7.44009C6.53004 7.26966 6.33833 7.10364 5.89489 6.89735C5.42659 6.6795 4.79092 6.46591 3.82944 6.14541L3.45288 6.01989C2.89431 5.83371 2.59244 5.22996 2.77863 4.67139ZM12.3187 12.4711C11.7299 12.4711 11.2526 12.9484 11.2526 13.5372C11.2526 14.126 11.7299 14.6033 12.3187 14.6033H16.5831C17.1718 14.6033 17.6491 14.126 17.6491 13.5372C17.6491 12.9484 17.1718 12.4711 16.5831 12.4711H12.3187Z" fill="%230064D2"/><path d="M11.6077 26.3303C12.7853 26.3303 13.7399 27.2849 13.7399 28.4625C13.7399 29.6401 12.7853 30.5947 11.6077 30.5947C10.4301 30.5947 9.47552 29.6401 9.47552 28.4625C9.47552 27.2849 10.4301 26.3303 11.6077 26.3303Z" fill="%230064D2"/><path d="M24.4007 26.3304C25.5783 26.3304 26.5329 27.285 26.5329 28.4626C26.5329 29.6402 25.5783 30.5948 24.4007 30.5948C23.2232 30.5948 22.2686 29.6402 22.2686 28.4626C22.2686 27.285 23.2232 26.3304 24.4007 26.3304Z" fill="%230064D2"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	vertical-align: middle;
	margin-inline-end: 10px;
	transition: all 0.3s ease;
}
.cart-wishlist:hover:before{
	background-color: var(--maincolor);
}

.side-column .list-group a {
	padding: 8px 12px;
	border-radius: 6.667px;
	border: 1px solid #F1F1F2;
	background: #FFF;
	color: #787878;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	margin: 0 0 15px;
	font-size: 14px;
	transition: all 0.3s ease;
	text-shadow: none;
}
.side-column .list-group a:hover{
	background-color: var(--maincolor) !important;
	color: #fff !important;
}
.side-column .active{
	background-color: var(--maincolor) !important;
	color: #fff !important;
}

#account-account #content{
	padding-top: 100px;
}
#account-account #content h2{
	color: #000;
	font-size: 16.667px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 15px;
}
#account-account #content ul li a{
	color: #000;
	font-size: 13.333px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
[class^="account-"] h1{
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 15px;
}
[class^="account-"] legend{
	color: #000;
	font-size: 16px;
}
#account-edit fieldset{
	display: flex;
	gap: 15px;
}
#account-edit fieldset > .form-group{
	display: flex;
	flex-direction: column;
	flex-basis: 30%;
	gap: 10px;
}
@media (max-width: 768px) {
	#account-edit fieldset > .form-group{
		display: flex;
		flex-direction: column;
		flex-basis: 105%;
		gap: 0px;
	}
	#account-edit fieldset {
		flex-wrap: wrap;
	}
}
#account-edit fieldset > .form-group > div,
#account-edit fieldset > .form-group > label{
	width: 100%;
}
[class^="account-"]  fieldset > .form-group > label{
	color: #000;
	font-size: 14px;
	text-align: unset;
}
#account-edit .form-horizontal .control-label{
	text-align: unset;
}
.form-control{
	border-radius: 6.667px;
	border: 1px solid #ADADAD;
	background: #FFF;
	box-shadow: none;
}
.form-control:focus{
	border-color: var(--maincolor);
	box-shadow: none;
}
.form-group:focus-within label {
	color: var(--maincolor) !important;
}
[class^="account-"] .btn-primary {
    color: #fff;
    background: var(--maincolor);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.4s ease-in-out 0s;
    border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
[class^="account-"] .btn-primary:hover, [class^="account-"] .btn-primary:active, 
[class^="account-"] .btn-primary:focus, [class^="account-"] .btn-primary.active, 
[class^="account-"] .btn-primary.disabled, [class^="account-"] .btn-primary[disabled]{
	background: #fff !important;
	color: var(--maincolor) !important;
	border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2)) !important;
}
[class^="account-"] .btn-primary:hover svg path{
    	fill: var(--maincolor) !important;
}
.btn-primary svg path{
	transition: all 0.4s ease-in-out 0s;
}
.btn-primary svg{
	vertical-align: middle;
}

[class^="account-"] .btn-default{
	background: transparent;
	color: var(--maincolor);
	border-radius: 5px;
	width: 100%;
	margin:  0;
	    padding: 7px 20px;
	font-size: 14px;
	border: 1px solid #F1F1F2;
	transition: all 0.3s;
}
[class^="account-"] .btn-default:hover {
    background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}


#account-password fieldset{
	display: flex;
	gap: 15px;
}
#account-password fieldset > .form-group{
	display: flex;
	flex-direction: column;
	flex-basis: 55%;
	gap: 10px;
}
@media (max-width: 768px) {
	#account-password fieldset > .form-group{
		display: flex;
		flex-direction: column;
		flex-basis: 105%;
		gap: 0px;
	}
	#account-password fieldset {
		flex-wrap: wrap;
	}
}
#account-password fieldset > .form-group > div,
#account-password fieldset > .form-group > label{
	width: 100%;
}
#account-password fieldset > .form-group > label{
	color: #000;
}
#account-password .form-horizontal .control-label{
	text-align: unset;
}
#account-address .table-address{
	margin: 0 0 30px;
	border-collapse: separate;
	border-spacing: 0 10px;
}
#account-address .table-address > tbody > tr {
	border-radius: 16.667px;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	margin: 0 0 8px;
}
#account-address .table-address > tbody > tr td:first-child {
	border-right-style: solid;
	border-bottom-right-radius: 16px;
	border-top-right-radius: 16px;
	padding: 15px 20px;
	overflow: hidden;
	border: 1px solid #F1F1F2;
	border-left: 0;
	color: #000;
}
#account-address .table-address > tbody > tr td:last-child {
	border-right-style: solid;
	border-bottom-left-radius: 16px;
	border-top-left-radius: 16px;
	padding: 15px 20px;
	overflow: hidden;
	border: 1px solid #F1F1F2;
	border-right: 0;
}
#account-address .table-address > tbody > tr td{
	vertical-align: middle;
}
#account-address .table-address .name{
	color: #000;
	font-size: 16px;
	font-weight: 700;
}
#account-address .btn-danger svg{
	vertical-align: middle;
}
#account-address .btn-danger{
	background: rgba(255, 18, 18, 0.10);
	padding: 10px 14px;
	border-color: rgba(255, 18, 18, 0.10);
	color: #FF1212;
	box-shadow: none;
	text-shadow: none;
	border-radius: 10px;
	transition: all 0.4s ease-in-out 0s;
}
#account-address .btn-danger:hover{
	background: rgba(255, 18, 18, 0.20);
	border-color: rgba(255, 18, 18, 0.20);
}
[class^="account-"] #account-address .btn-primary{
	padding: 10px 27px;
}
.account-address-edit #content fieldset,
.account-address-add #content fieldset{
	display: flex;
	    gap: 15px;
}
.account-address-edit #content fieldset .form-group,
.account-address-add #content fieldset .form-group{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 5px;
}
.account-address-edit #content fieldset .form-group label,
.account-address-add #content fieldset .form-group label {
	text-align: unset;
	width: 100%;
}
.account-address-edit #content fieldset .form-group > div,
.account-address-add #content fieldset .form-group > div {
	width: 100%;
}
.account-address-edit #content fieldset:last-of-type,
.account-address-add #content fieldset:last-of-type{
	display: block !important;
	width: 102.5%;
} 
.account-address-edit #content fieldset:last-of-type .form-group label, 
.account-address-add #content fieldset:last-of-type .form-group label{
	width: auto;
}


[class^="account-"] input[type=radio] {
         position: relative;
         cursor: pointer;
    }
[class^="account-"] input[type=radio]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
        top: -1px;
        left: -1px;
         border: 2px solid #E1E3EA;
         border-radius: 50%;
         background-color: #E1E3EA;
}
[class^="account-"] input[type=radio]:checked:after {
         content: "";
         display: block;
         width: 16px;
         height: 16px;
         background: #fff;
         border-radius: 50%;
         position: absolute;
         top: -1px;
         left: -1px;
         border: 4px solid var(--maincolor);
}
[class^="account-"] input[type=radio]:checked:before{
	background-color: var(--maincolor);
	border: 2px solid var(--maincolor);
}
.radio-inline{
	font-size: 14px;
	color: #000;
}
[class^="account-"] .radio-inline + .radio-inline, 
[class^="account-"] .checkbox-inline + .checkbox-inline {
	margin-inline-start: 15px;
}

[class^="account-"] input[type=checkbox] {
         position: relative;
         cursor: pointer;
    }
[class^="account-"] input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
        top: -1px;
        left: -1px;
         border: 2px solid #E1E3EA;
         border-radius: 4px;
         background-color: #E1E3EA;
}
[class^="account-"] input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 1px;
         left: 5px;
}
[class^="account-"] input[type=checkbox]:checked:before{
        background-color: var(--maincolor);
            border: 2px solid var(--maincolor);
}
.table-customer-orders {
	border: 1px solid #F1F1F2;
}
.table-bordered > tbody > tr > td{

}
.table-customer-orders > tbody > tr > td{
	color: #000;
	padding: 20px 0;
	vertical-align: middle;
	border: 1px solid #F1F1F2;
	border-right: 0;
	border-left: 0;
}
.table-customer-orders > thead > tr > td {
	border: 0;
	color: #0E224D;
	font-size: 14px;
}
.status_color{
	padding: 7px 15px;
	border-radius: 6.667px;
	background: #FFC100;
	color: #fff;
}
.status_color.pending, .status_color.default {
  background: orange;
}
.status_color.completed, .status_color.processing, .status_color.shipped {
  background: green;
}
.status_color.canceled, .status_color.chargeback, .status_color.failed {
  background: red;
}
[class^="account-"] .btn-primary.re_order{
	padding: 6.7px 14px;
	border-radius: 8px;
	font-size: 13px;
}
[class^="account-"] .btn-primary.re_order:hover svg path, [class^="account-"] .btn-primary.re_order:active svg path, 
[class^="account-"] .btn-primary.re_order:focus svg path, [class^="account-"] .btn-primary.re_order.active svg path, 
[class^="account-"] .btn-primary.re_order.disabled svg path, [class^="account-"] .btn-primary.re_order[disabled] svg path {
    fill: var(--maincolor) !important;
}
.re_order svg path{
	transition: all 0.4s ease-in-out 0s;
}
.re_order svg{
	vertical-align: middle;
}
#account-order .btn-danger {
	background: rgba(255, 18, 18, 0.10);
	padding: 10px 14px;
	border-color: rgba(255, 18, 18, 0.10);
	color: #FF1212;
	box-shadow: none;
	text-shadow: none;
	border-radius: 10px;
	transition: all 0.4s ease-in-out 0s;
}
#account-order .btn-danger:hover{
	background: rgba(255, 18, 18, 0.20);
	border-color: rgba(255, 18, 18, 0.20);
}
#account-order .btn-danger svg{
	vertical-align: middle;
}
.account_empty{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	text-align: center;
}
.account_empty p{
	font-size: 16px;
	color: #000;
	margin: 0 0 35px;
}
@media (max-width: 768px) {
	.account_empty{
		min-height: auto;
	}
}
#account-download .table-2 > thead > tr > td {
    	color: #0E224D;
    	    padding: 10px;
}
#account-download .table-2 > tbody > tr > td{
	border-top: 1px solid #F1F1F2;
	padding: 10px;
	color: #000;
}
#account-download .table-2{
	border-radius: 9.294px;
	border: 1px solid #F1F1F2;
	box-shadow: 0px 2.323px 3.098px 0px rgba(0, 0, 0, 0.03);
}
#account-reward .table-1 > thead > tr > td,
#account-return .table-1 > thead > tr > td,
#account-transaction .table-1 > thead > tr > td {
    	color: #0E224D;
    	    padding: 10px;
}
#account-reward .table-1 > tbody > tr > td,
#account-return .table-1 > tbody > tr > td,
#account-transaction .table-1 > tbody > tr > td{
	border-top: 1px solid #F1F1F2;
	padding: 10px;
	color: #000;
	vertical-align: middle;
}
#account-reward .table-1,
#account-return .table-1,
#account-transaction .table-1{
	border-radius: 9.294px;
	border: 1px solid #F1F1F2;
	box-shadow: 0px 2.323px 3.098px 0px rgba(0, 0, 0, 0.03);
}
.fieldset_1{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;

	border-radius: 16.667px;
	border: 0.833px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding-inline-start: 13px;
	padding-top: 15px;
	margin-bottom: 25px;
}
.fieldset_1 .form-group{
	width: 35%;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.fieldset_1 > .form-group > label{
	width: 100%;
	text-align: unset;
}
.fieldset_1 > .form-group > div{
	width: 100%;
}
#account-return .fieldset_1 .btn-default{
	border: 1px solid #ADADAD;
}
#account-return .fieldset_1 .btn-default svg path{
	fill: var(--maincolor);
}
#account-return .fieldset_1 .btn-default svg{
	    vertical-align: sub;
}
#account-return .fieldset_2{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
	width: 101.5%;
}
#account-return .fieldset_2 .form-group{
	width: 35%;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
#account-return .fieldset_2 > .form-group > label{
	width: 100%;
	text-align: unset;
}
#account-return .fieldset_2 > .form-group > div{
	width: 100%;
}
#account-return .form-horizontal .control-label{
	text-align: unset;
	color: #000;
}
#account-return .reasons > .col-sm-12{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#account-return .reasons > .col-sm-12 .radio{
	    width: 32%;
}
#account-return .fieldset2{
	border-radius: 16.667px;
	border: 0.833px solid #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
	padding: 15px;
	margin-bottom: 25px;
}
#account-return h4{
	color: #000;
}
@media (max-width: 768px) {
	#account-return .fieldset_1 .form-group {
		width: 53%;
	}
	#account-return .fieldset_2 .form-group {
		width: 53%;
	}
	#account-return .fieldset_1 .form-group,
	#account-return .fieldset_2 .form-group{
		margin-bottom: 0;
	}
	#account-return .reasons{
		margin-bottom: 25px;
	}
}
@media (max-width: 500px) {
	#account-return .fieldset_1 .form-group {
		width: 56%;
	}
	#account-return .fieldset_2 .form-group {
		width: 58%;
	}
	#account-return .reasons > .col-sm-12 .radio {
		width: 48%;
	}
}
#account-transaction h1 + p{
	color: #000;
}
#account-newsletter .form-horizontal .control-label{
	padding-top: 5px;
	text-align: unset;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slider::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: var(--maincolor); 
}

input:checked + .slider::before {
  transform: translateX(30px);
}
#account-affiliate .fieldset_first,
#account-affiliate .fieldset_2{
	display: flex;
	width: 100%;
	gap: 10px;
}
#account-affiliate .fieldset_first > .form-group,
#account-affiliate .fieldset_2  .form-group{
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 7px;
}
#account-affiliate .form-group > label{
	text-align: unset;
}
#account-affiliate .fieldset_first > .form-group > label,
#account-affiliate .fieldset_2 > .form-group > label{
	width: 100%;
	color: #000;
}
#account-affiliate .fieldset_first > .form-group > div,
#account-affiliate .fieldset_2 > .form-group > div{
	width: 100%;
}
#account-affiliate .fieldset_2{
	margin: 0 0 20px;
}
#account-affiliate .fieldset_2 > .form-group .radio{
	display: inline-block;
	margin-inline-end: 20px;
}
#account-affiliate .buttons .pull-right{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
[class^="affiliate-"] h1 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 15px;
}
[class^="affiliate-"] label{
	color: #000;
}
#affiliate-register #account, 
.fieldset_affiliate,
.fieldset_password{
	display: flex;
	gap: 10px;
}
#affiliate-register #account .form-group,
.fieldset_affiliate .form-group,
.fieldset_password .form-group{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 5px;
}
#affiliate-register #account .form-group label,
.fieldset_affiliate .form-group label,
.fieldset_password .form-group label {
	
	width: 100%;
}
#affiliate-register #account .form-group > div,
.fieldset_affiliate .form-group > div,
.fieldset_password .form-group > div{
	width: 100%
}
#affiliate-register .form-group label{
	text-align: unset;
}
#affiliate-register fieldset > .form-group .radio{
	display: inline-block;
	margin-inline-end: 20px;
}
#affiliate-register #affiliate .payment{
	margin-top: 25px;
}
#affiliate-register .buttons .pull-right{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 768px) {
	#affiliate-register #account, .fieldset_affiliate, .fieldset_password{
		flex-wrap: wrap;
	}
	#affiliate-register #account .form-group,
	.fieldset_affiliate .form-group,
	.fieldset_password .form-group {
		width: 53%;
	}
	#affiliate-register #account .form-group,
	.fieldset_affiliate .form-group,
	.fieldset_password .form-group {
		width: 53%;
	}
	#affiliate-register #account .form-group,
	.fieldset_affiliate .form-group,
	.fieldset_password .form-group{
		margin-bottom: 0;
	}
}
@media (max-width: 500px) {
	#affiliate-register #account .form-group,
	.fieldset_affiliate .form-group,
	.fieldset_password .form-group {
		width: 55%;
	}
	#affiliate-register #account .form-group,
	.fieldset_affiliate .form-group,
	.fieldset_password .form-group {
		width: 55%;
	}
}
[class^="affiliate-"] input[type=radio] {
         position: relative;
         cursor: pointer;
    }
[class^="affiliate-"] input[type=radio]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
        top: -1px;
        left: -1px;
         border: 2px solid #E1E3EA;
         border-radius: 50%;
         background-color: #E1E3EA;
}
[class^="affiliate-"] input[type=radio]:checked:after {
         content: "";
         display: block;
         width: 16px;
         height: 16px;
         background: #fff;
         border-radius: 50%;
         position: absolute;
         top: -1px;
         left: -1px;
         border: 4px solid var(--maincolor);
}
[class^="affiliate-"] input[type=radio]:checked:before{
	background-color: var(--maincolor);
	border: 2px solid var(--maincolor);
}
.radio-inline{
	font-size: 14px;
	color: #000;
}
[class^="affiliate-"] .radio-inline + .radio-inline, 
[class^="affiliate-"] .checkbox-inline + .checkbox-inline {
	margin-inline-start: 15px;
}

[class^="affiliate-"] input[type=checkbox] {
         position: relative;
         cursor: pointer;
    }
[class^="affiliate-"] input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
        top: -1px;
        left: -1px;
         border: 2px solid #E1E3EA;
         border-radius: 4px;
         background-color: #E1E3EA;
}
[class^="affiliate-"] input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 1px;
         left: 5px;
}
[class^="affiliate-"] input[type=checkbox]:checked:before{
        background-color: var(--maincolor);
            border: 2px solid var(--maincolor);
}
[class^="affiliate-"] .btn-primary {
    color: #fff;
    background: var(--maincolor);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.4s ease-in-out 0s;
    border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
[class^="affiliate-"] .btn-primary:hover, [class^="affiliate-"] .btn-primary:active, 
[class^="affiliate-"] .btn-primary:focus, [class^="affiliate-"] .btn-primary.active, 
[class^="affiliate-"] .btn-primary.disabled, [class^="affiliate-"] .btn-primary[disabled]{
	background: #fff !important;
	color: var(--maincolor) !important;
	border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2)) !important;
}
[class^="affiliate-"] .btn-primary:hover svg path{
    	fill: var(--maincolor) !important;
}
#affiliate-login h2{
	color: #333;
	font-weight: 600;
}
#affiliate-login #content .col-sm-6:last-of-type h2{
	text-align: center;
}
#affiliate-login #content .col-sm-6:last-of-type p{
	text-align: center;
	color: #666;
	width: 83%;
	margin: 15px auto 10px;
}
#affiliate-login #content .col-sm-6:last-of-type .well{
	border-radius: 35.556px;
	border: 1.111px solid rgba(102, 102, 102, 0.35);
	width: 80%;
	margin: 0 auto;
}
#affiliate-login #content .col-sm-6:last-of-type .btn-primary{
	width: 100%;
}
#affiliate-login #content .col-sm-6:first-of-type .well{
	padding-top: 0;
}
#affiliate-login .aff_register{
	color: #8D8D8D;
}
#affiliate-login .aff_register a{
	font-weight: 700;
	color: var(--maincolor);
}
.affiliate_description p{
	color: #000;
}
.money_icon{
	width: 44px;
	height: 44px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: var(--maincolor);
}
.money_icon svg rect{
	fill: var(--maincolor);
}
.flow-container {
  position: relative;
  max-width: 1000px;
  margin: 60px auto;
  padding: 40px 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  direction: rtl;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 120px;
  margin: 20px;
  text-align: center;
}

.step .icon {
  background: #fff;
  padding: 5px;
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
}

.flow-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lines path{
	fill: var(--maincolor) !important;
}
.step .icon svg path{
	fill: var(--maincolor) !important;
}

.process-flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  max-width: 1000px;
  margin: auto;
  padding: 40px 20px;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  width: 90px;
}

.step img {
  width: 60px;
  height: 60px;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 16px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.step span {
  margin-top: 0px;
  font-weight: 500;
  color: #000;
  font-size: 14px;
}
.lines{
	position: absolute;
	top: -10px;
	width: 94%;
}
.step1{
	position: relative;
	right: -7%;
}
.step2{
	position: relative;
	top: -65px;
	right: -4%;
}
.step3{
	position: relative;
	top: 45px;
	right: 1%;
}
.step4{
	position: relative;
	top: -60px;
	right: 7%;
}

@media (max-width: 1230px) {
	.step{
		width: 45px
	}
	.step .icon svg{
	width: 50px;
	height: 50px;
	vertical-align: middle;
	}
	.step span{
		margin: 0;
		font-size: 12px
	}
	.step1{
	right: -10%;
}
.step2{
	top: -40px;
	right: -5%;
}
.step3{
	top: 45px;
	right: 3%;
}
.step4{
	top: -35px;
	right: 10%;
}
}
@media (max-width: 1010px) {
	.process-flow{
		gap: 0;
	}
	.step1{
	right: -15%;
}
.step4{
	top: -35px;
	right: 14%;
}

}
@media (max-width: 835px) {
	.step .icon{
		padding: 0;
	}
.step {
	width: 40px;
	margin: 15px 0px;
}
.step1 {
	right: -15%;
	top: 15px;
}
.step2 {
	top: -20px;
	right: -7%;
}
.step4 {
	top: -20px;
}
}

@media (max-width: 768px) {
	.lines{
		display: none;
	}
	.step{
		position: unset;
	}
	.process-flow {
		flex-direction: column;
		align-items: center;
		gap: 10px;
		display: none;
	}
	.step::after {
		content: "";
		position: relative;
		top: 20px;
		right: 5%;
		width: 2px;
		height: 30px;
		border-right: 2px dashed var(--maincolor);
	}
	#affiliate-login #content .col-sm-6:last-of-type .well{
		width: 100%;
	}
	#affiliate-login #content .col-sm-6:first-of-type .well{
		padding: 0;
	}
	#affiliate-login h2 {
		font-size: 19px;
	}
	.money_icon{
		vertical-align: middle;
	}
	.account-login .div-center{
		width: 90%;
	}
	.account-login .div-center .well{
		padding: 0;
	}
	
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fff;
	border: 1px solid #fff;
}
.div-center{
	margin: 50px auto ;
	display: table;
	float: none;
	padding: 25px 20px;
	    background: #fff;
}
.div-center{
	border-radius: 20px;
	border: 1px solid rgba(102, 102, 102, 0.35);
	background: #FFF;
}
.div-center .well h2{
	color: #000;
	font-size: 20.833px;
	text-align: center;
	margin-bottom: 15px;
}
.div-center .well h2 + p{
	margin-bottom: 15px;
}
.div-center .well p{
	text-align: center;
	color: #8D8D8D;
}
.div-center .well p a{
	color: var(--maincolor);
	font-weight: 700;
}
html[dir=rtl] .toggle-password{
	float: left;
	margin-top: -36px;
	margin-left: 10px;
}
html[dir=ltr] .toggle-password{
	float: right;
	margin-top: -36px;
	margin-right: 10px;
}
.div-center .well input{
	height: 50px;
}
.div-center .well label{
	color: #000;
	margin-bottom: 10px;
	font-size: 14px;
}
.forgotten_psd{
	text-align: left;
	display: block;
	margin: 10px 0;
	color: var(--maincolor);
}
.div-center .btn-primary{
	width: 100%;
	margin: 0 0 20px;
}
.account_logo{
	width: 40px;
	margin: 0 auto;
}
.div-center .well input[type=radio],
.div-center .well input[type=checkbox]{
	height: auto;
}
#account-register .pull-right{
	width: 100%;
}
html[dir=rtl] #input-telephone{
	text-align: right;
}
html[dir=ltr] #input-telephone{
	text-align: left;
}
#account-register .btn-primary{
	    margin: 20px 0 0 0;
}
.acc_logo{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
@media (max-width: 768px) {
	#account-register .div-center{
		width: 90%;
	}
	#account-register .well{
		padding: 0;
	}
}
#information-sitemap h1{
	text-align: center;
	color: #000;
	font-size: 26.667px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 30px;
}
#information-sitemap ul {
	list-style-type: none;
	padding-inline-start: 40px;
}
#information-sitemap ul li{
	position: relative;
}
#information-sitemap ul ul li:before, 
#information-sitemap ol ul li:before, 
#information-sitemap ul ol li:before, 
#information-sitemap ol ol li:before{
	content: "";
	display: inline-block;
	background-color: var(--maincolor);
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="129" viewBox="0 0 24 129" fill="none"><path d="M22.7832 0.749512C23.2433 0.749512 23.616 1.12243 23.6162 1.58252V111.583L23.6104 112.013C23.3821 121.019 16.0101 128.25 6.94922 128.25H1.49902C1.03879 128.25 0.666016 127.876 0.666016 127.416C0.666368 126.956 1.039 126.583 1.49902 126.583H6.94922C15.2335 126.583 21.9492 119.867 21.9492 111.583H21.9502V94.687C19.2494 100.249 13.5472 104.083 6.94922 104.083H1.49902C1.0389 104.083 0.666193 103.71 0.666016 103.25C0.666191 102.789 1.03889 102.417 1.49902 102.417H6.94922C15.2334 102.417 21.949 95.7006 21.9492 87.4165H21.9502V70.52C19.2495 76.0819 13.5473 79.9165 6.94922 79.9165H1.49902C1.03879 79.9165 0.666016 79.5428 0.666016 79.0825C0.666191 78.6224 1.03889 78.2495 1.49902 78.2495H6.94922C15.2335 78.2495 21.9492 71.5338 21.9492 63.2495H21.9502V46.354C19.2493 51.9156 13.5471 55.7495 6.94922 55.7495H1.49902C1.03879 55.7495 0.666016 55.3758 0.666016 54.9155C0.666366 54.4556 1.039 54.0825 1.49902 54.0825H6.94922C15.2335 54.0825 21.9492 47.3668 21.9492 39.0825H21.9502V22.187C19.2494 27.7488 13.5472 31.5835 6.94922 31.5835H1.49902C1.03889 31.5835 0.666191 31.2096 0.666016 30.7495C0.666191 30.2894 1.03889 29.9165 1.49902 29.9165H6.94922C15.2334 29.9165 21.949 23.2006 21.9492 14.9165H21.9502V1.58252C21.9504 1.12243 22.3231 0.749512 22.7832 0.749512Z" fill="%230064D2"/></svg>');
	width: 24px;
	height: 24px;
	mask-position: bottom;
	margin-inline-end: 10px;
	/*vertical-align: middle;*/
}
html[dir=ltr] #information-sitemap ul ul li:before, 
html[dir=ltr] #information-sitemap ol ul li:before, 
html[dir=ltr] #information-sitemap ul ol li:before, 
html[dir=ltr] #information-sitemap ol ol li:before{
	transform: scale(-1, 1);
}

#information-sitemap ul ul li:after, 
#information-sitemap ol ul li:after, 
#information-sitemap ul ol li:after, 
#information-sitemap ol ol li:after{
	content: "";
	display: inline-block;
	width: 2px;
	height: 30px;
	background: var(--maincolor);
	position: absolute;
	right: 0;
	top: 0;
}
html[dir=ltr] #information-sitemap ul ul li:after, 
html[dir=ltr ]#information-sitemap ol ul li:after, 
html[dir=ltr] #information-sitemap ul ol li:after, 
html[dir=ltr] #information-sitemap ol ol li:after{
	right: auto;
	left: 0;
}
#information-sitemap ul ul li:last-of-type:after, 
#information-sitemap ol ul li:last-of-type:after, 
#information-sitemap ul ol li:last-of-type:after, 
#information-sitemap ol ol li:last-of-type:after{
	display: none;
}
#information-sitemap div > ul > li{
	color: var(--maincolor);
}
#information-sitemap div > ul > li > a{
	color: var(--maincolor);
	font-weight: bold;
}
.flex_contact{
	display: flex;
}
.back_contact:before {
    content: " ";
    width: 150%;
    /* background-color: var(--maincolor); */
    height: 100%;
    /* right: -90px; */
    z-index: 0;
    position: absolute;
    top: 0;
    pointer-events: none;
    background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-8));
    background-position: left;
}
.back_contact{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.contact_info2 > .col-sm-12{
	display: flex;
	color: #fff;
	gap: 20px;
	align-items: center;
	position: relative;
	margin: 0 0 40px;
}
.contact_info2 > .col-sm-12:after{
	content: "";
	display: block;
	border-bottom: 1px solid #fff;
	width: 90%;
	position: absolute;
	bottom: -20px;
}
.contact_info2 > .col-sm-12:last-child:after{
	display: none;
}
.contact_info2 > .col-sm-12 div:first-child{
	width: 32px;
}
.contact_info2 > .col-sm-12 address{
	margin: 0;
}
.information-contact footer{
	margin: 0;
}
.information-contact .main-menu{
	margin: 0;
}
.information-contact #content  {
	    padding-top: 20px;
}
.information-contact .btn-primary {
    color: #fff;
    background: var(--maincolor);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.4s ease-in-out 0s;
    border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.information-contact .btn-info{
	color: var(--maincolor);
	background: #fff;
	border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
}
.information-contact .btn-info:active:hover, .information-contact .btn-info.active:hover, 
.information-contact .open > .btn-info.dropdown-toggle:hover, .information-contact .btn-info:active:focus, 
.information-contact .btn-info.active:focus, .information-contact .open > .btn-info.dropdown-toggle:focus, 
.information-contact .btn-info:active.focus, .information-contact .btn-info.active.focus, .information-contact .open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}
.information-contact .btn-info:hover, .information-contact .btn-info:active, 
.information-contact .btn-info.active, .information-contact .btn-info.disabled, .information-contact .btn-info[disabled] {
    background-image: none;
    color: #fff;
    background-color: var(--maincolor);
}
.information-contact h1{
	text-align: center;
	color: #000;
	font-size: 26.667px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 30px;
}
.information-contact .form-horizontal .control-label {
    text-align: unset;
    color: #000;
}
.manufact a img{
	max-width: 100px;
	max-height: 100px;
}
.manufact a:last-child{
	display: block;
}
#product-manufacturer #content h1{
	text-align: center;
	color: #000;
	font-size: 26px;
	margin: 0 0 10px;
}
.manufacturer_index{
	text-align: center;
	color: #000;
}










.pqv-image-block .wishlist-compare{
	top: 10px;
	right: 15px;
}
#pqv_product .buttons-wrapper{
	display: table;
	width: 100%;
}
.qty_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}
.pqv-qty-block{
	width: 135px;
	border: 1px solid var(--maincolor);
	border-radius: 10px;
	overflow: hidden;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	padding: 4px 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin: 0 0 0 !important;
}
.pqv-qty-block #pqv-input-qty {
    padding: 2px 5px;
    font-size: 13px;
    text-align: center;
    z-index: 3;
    height: 31px;
    border: 0;
}
.pqv-qty-block .input-group-addon, .pqv-qty-block .input-group-btn {
    width: auto;
}
.pqv-qty-block button {
    color: #fff;
    background: var(--maincolor);
    border: 0;
    border-radius: 5px;
    padding: 6px 10px;
    line-height: 1.5em;
}
.quapqv-qty-blockn #pqv-input-qty {
    height: 32px;
    border: 0;
    box-shadow: none;
    background: transparent;
    text-align: center;
    color: #000;
}
#pqv_product .buttons-wrapper button{
	margin: 0;
}
#pqv_product .radio{
	display: inline-block;
	    margin-inline-end: 10px;
}

#pqv_product .radio label, #pqv_product .checkbox label{
	padding: 0;
    	margin: 0;
}
#pqv_product [id^=input-option] {
	display: flex;
    	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap;
}
#pqv_product .radio img,
#pqv_product .checkbox img {
	display: inline-block;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	padding: 2px;
}
#pqv_product .radio .opt-title,
#pqv_product .checkbox .opt-title{
	padding: 7px 25px;
	border: 1px solid #D9D9D9;
	border-radius: 25px;
	display: inline-block;
	border-radius: 10.714px;
	font-size: 14px;
	color: #000;
}

#pqv_product input[type="radio"]:checked + img,
#pqv_product input[type="checkbox"]:checked + img {
    	border: 1px solid var(--maincolor);
}
#pqv_product input[type="radio"]:checked + .opt-title,
#pqv_product input[type="checkbox"]:checked + .opt-title{
	border: 1px solid var(--maincolor);
	color: #fff;
	background: var(--maincolor);
}

#pqv_product .radio input[type="radio"],
#pqv_product .checkbox input[type="checkbox"] {
    visibility: hidden;
}
#pqv_product > .form-group .disabled{
	pointer-events: none;
	cursor: not-allowed;
	position: relative;
}
#pqv_product > .form-group .disabled:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to top left, transparent calc(50% - 1px), black, transparent calc(50% + 1px));
}
.pqv-product-name{
	color: #2F294D;
	font-size: 19.778px;
	font-weight: 600;
}
.autocalc-product-special{
	color: #2F294D;
	font-size: 27.195px;
	font-weight: 600;
}
#pqv_product h3{
	color: #000;
	font-size: 12.857px;
}
@media (max-width: 768px) {
	.flex_contact{
		display: block;
	}
	.back_contact{
		flex-direction: row;
		padding: 40px 0 0;
	}

}
#toast-container > .toast-wish{
	background: #fff;
	color: #000;
	border-radius: 12px;
    	padding: 20px;
    	background-image: none !important;
    	    overflow: visible;
}
#toast-container > .toast-wish a{
	color: #000;
}
#toast-container > .toast-wish button {
    /* display: none; */
    color: #000;
    background: #fff;
    border-radius: 50%;
    padding: 3px 8px;
    line-height: 21px;
    position: absolute;
    left: -10px;
    right: auto;
    z-index: 99999999;
    opacity: 1;
    font-size: 20px;
}



.quantity-discount{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.radio-group input[type="radio"]:checked + label::before {
	background-color: var(--maincolor) !important;
	border-color: var(--maincolor) !important;
}
.radio-group label:hover::before{
	border-color: var(--maincolor) !important;
}
.radio-group label{
	color: #000 !important;
}


.form-review-wrap{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	padding: 15px;
	border-radius: 20.833px;
}
#form-review h2{
        color: #1E1E1E;
        font-size: 20px;
        font-weight: 700;
        padding: 0 3px 15px;
}
#form-review label{
    color: #1E1E1E;
        font-size: 14px;
        font-weight: 600;
}
#form-review .form-control{
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    box-shadow: none;
}
#button-review{
	font-size: 12px;
	font-weight: 600;
	height: 38px;
	width: 100%;
	border-radius: 12.068px;
	background: var(--maincolor);
	color: #fff;
	border: 1px solid var(--maincolor);
	transition: all 0.3s ease;
}
.comment_wrap #button-review:hover{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
	color: var(--maincolor);
	border: 1px solid var(--maincolor);
}
.comment_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.comment_wrap .buttons{
	margin: 0;
}
/*#button-review:after {
    content: "\f060";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    font-size: 16px;
    margin-inline-start: 7px;
    transition: all .3s ease-out;
}*/
.rating-distribution{

}
.rating-label .fa-stack-1x {
    line-height: 1;
}
.rating-label .fa-stack{
    width: 17px;
    height: 17px;
}
.rating-label .fa{
    color: #FFC62A;
    font-size: 16px;
}
.progress-bars .clearfix .col-sm-4,
.progress-bars .clearfix .col-sm-8{
    padding: 0;
}
.progress-bars .clearfix:nth-child(1) .rating-label .fa{
    color: #FFC62A;
}
.progress-bars .clearfix:nth-child(2) .rating-label .fa:nth-child(n+5) > .fa{
    color: #ddd !important;
}
.progress-bars .clearfix:nth-child(3) .rating-label .fa:nth-child(n+4) > .fa{
    color: #ddd !important;
}
.progress-bars .clearfix:nth-child(4) .rating-label .fa:nth-child(n+3) > .fa{
    color: #ddd !important;
}
.progress-bars .clearfix:nth-child(5) .rating-label .fa:nth-child(n+2) > .fa{
    color: #ddd !important;
}
.rating-summary{
        text-align: center;
        margin: 0 0 30px;
}
.main-prog{
    display: flex;
    justify-content: space-between;
        align-items: baseline;
}
.rating-distribution .progress {
    overflow: hidden;
    height: 8px;
    margin-bottom: 17px;
    background-color: #F2F2F2;
    border-radius: 3px;
    box-shadow: none;
    width: 90%;
    margin-inline-start: -20px;
    display: inline-block;
    vertical-align: middle;
}
.progress-bar{
    background-color: #FFC107;
    box-shadow: none;
}


.form-rating .form-rating-container {
    /*float: left;*/
    display: inline-block;
    margin: 0 0;
}

html[dir=rtl] .form-rating .form-rating-container label,
html[dir=rtl] .form-rating .form-rating-container:hover label {
    float: left;
    margin-bottom: 0;
    padding: 3px 5px 0 0;
    cursor: pointer;
}
html[dir=ltr] .form-rating .form-rating-container label,
html[dir=ltr] .form-rating .form-rating-container:hover label {
    float: right;
}

.form-rating .form-rating-container label i,
.form-rating .form-rating-container:hover label i {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 25px;
}

.form-rating .form-rating-container label i.fa-star-o,
.form-rating .form-rating-container:hover label i.fa-star-o {
    color: #fff;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);*/
}

.form-rating .form-rating-container label i.fa-star,
.form-rating .form-rating-container:hover label i.fa-star {
    color: #fff;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
}

.form-rating .form-rating-container input {
    display: none;
}

.form-rating .form-rating-container:hover label i.fa-star-o {
    color: #fff;
}

.form-rating .form-rating-container:hover label i.fa-star {
    color: #e6e6e6;
}

.form-rating .form-rating-container:hover label:hover i.fa-star-o,
.form-rating .form-rating-container:hover label:hover~label i.fa-star-o {
    color: #feb645;
}

.form-rating .form-rating-container:hover label:hover i.fa-star,
.form-rating .form-rating-container:hover label:hover~label i.fa-star {
    color: gold;
}

.form-rating input:checked~label i.fa-star-o {
    color: #fea212;
}

.form-rating input:checked~label i.fa-star {
    color: #f0ca00;
}
.rev .author{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #1E1E1E;
}
.rev .author + span{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #999;
}
.table.rev > tbody > tr > td{
    border: 0;
}
.table.rev{
        border-bottom: 1px solid #EEEEEE;
}
.rate .fa-stack-1x {
    line-height: 1;
}
.rate .fa-stack{
    width: 17px;
    height: 17px;
}
.rate .fa{
    color: #FFC62A;
    font-size: 16px;
}
.rate .fa-star-o {
    color: #ddd;
}
.rate .fa-star + .fa-star-o {
    color: #FFC62A;
}
.fa-star-o:before {
    content: "\f005";
}







.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: #2F294D;
	font-size: 23.165px;
	font-weight: 600;
}
.product-thumb .price-new {
	float: right;
	margin-inline-end : 5px;
	color: #2F294D;
	font-size: 23.165px;
	font-weight: 600;
}
 

.product-thumb .price-old {
	font-size: 15px;
	color: #C4C4C4;
	font-weight: 400;
	text-decoration: line-through;
	margin: 5px 0 0 0;
}
.product-thumb .price-old .currency-symbol{
	color: #C4C4C4;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 13px;
	display: block;
}
.product-thumb .button-group {
	text-align: center;
	margin: 20px 0 5px;
}
.product-list .product-thumb .button-group {
	border-right: 1px solid #ddd;
}
.product-list .product-thumb .caption a {
    font-size: 18px;
    color: var(--secondcolor);
    font-weight: 700;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
	border-right: none;
}
}
.product-thumb .button-group button {
	width: 90%;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	color: var(--maincolor);
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	padding: 5.2px 5px;
	margin-bottom: 10px;
	border-radius: 20px;
	border: 1px solid var(--maincolor);
	background: #FFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease;
}
.product-thumb .button-group button + button {
	/*width: 20%;
	border-right: 1px solid #ddd;*/
	   /* margin-right: 5px;*/
}
.product-thumb .button-group button:hover {
	color: #fff;
	background-color: var(--maincolor);
	text-decoration: none;
	cursor: pointer;
}
.product-thumb .button-group button:before{
	content: "";
	display: inline-block;
	width: 34px;
	height: 34px;
	background-color: var(--maincolor);
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="35" viewBox="0 0 36 35" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.77863 4.67139C2.96482 4.11282 3.56857 3.81095 4.12714 3.99714L4.55981 4.14136C5.45016 4.43811 6.20258 4.68889 6.79423 4.96413C7.42313 5.2567 7.96882 5.6193 8.3826 6.19339C8.79637 6.76747 8.96781 7.39982 9.04649 8.08897C9.08667 8.44091 9.10503 8.8355 9.11342 9.27287H24.3308C27.2519 9.27287 28.7124 9.27287 29.3444 10.2313C29.9764 11.1897 29.401 12.5322 28.2504 15.217L27.6412 16.6385C27.104 17.892 26.8354 18.5187 26.3013 18.8709C25.7673 19.223 25.0854 19.223 23.7216 19.223H9.33821C9.48745 19.9904 9.72289 20.4395 10.0572 20.7738C10.4506 21.1672 11.0029 21.4237 12.046 21.5639C13.1197 21.7083 14.5427 21.7106 16.5831 21.7106H26.5332C27.122 21.7106 27.5993 22.1879 27.5993 22.7766C27.5993 23.3654 27.122 23.8427 26.5332 23.8427H16.5051C14.5611 23.8428 12.9942 23.8428 11.7619 23.6771C10.4824 23.5051 9.40512 23.1371 8.54952 22.2815C7.69393 21.4259 7.32592 20.3486 7.1539 19.0691C6.98822 17.8368 6.98824 16.2699 6.98827 14.3259L6.98827 10.5281C6.98827 9.51457 6.98666 8.84398 6.92808 8.33082C6.8726 7.8449 6.77573 7.61053 6.65289 7.44009C6.53004 7.26966 6.33833 7.10364 5.89489 6.89735C5.42659 6.6795 4.79092 6.46591 3.82944 6.14541L3.45288 6.01989C2.89431 5.83371 2.59244 5.22996 2.77863 4.67139ZM12.3187 12.4711C11.7299 12.4711 11.2526 12.9484 11.2526 13.5372C11.2526 14.126 11.7299 14.6033 12.3187 14.6033H16.5831C17.1718 14.6033 17.6491 14.126 17.6491 13.5372C17.6491 12.9484 17.1718 12.4711 16.5831 12.4711H12.3187Z" fill="%230064D2"/><path d="M11.6077 26.3303C12.7853 26.3303 13.7399 27.2849 13.7399 28.4625C13.7399 29.6401 12.7853 30.5947 11.6077 30.5947C10.4301 30.5947 9.47552 29.6401 9.47552 28.4625C9.47552 27.2849 10.4301 26.3303 11.6077 26.3303Z" fill="%230064D2"/><path d="M24.4007 26.3304C25.5783 26.3304 26.5329 27.285 26.5329 28.4626C26.5329 29.6402 25.5783 30.5948 24.4007 30.5948C23.2232 30.5948 22.2686 29.6402 22.2686 28.4626C22.2686 27.285 23.2232 26.3304 24.4007 26.3304Z" fill="%230064D2"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	vertical-align: middle;
	margin-inline-end: 10px;
	transition: all 0.3s ease;
}
.product-thumb .button-group button:hover:before{
	background-color: #fff;
}
/*@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
	width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
	width: 33.33%;
}
}*/

.pro_buttons{
	position: absolute;
	top: 8px;
	right: 0;
	display: flex;
	gap: 10px;
	flex-direction: column;
	opacity: 0;
	transition: all 0.3s;
}
.product-thumb:hover .pro_buttons{
	opacity: 1;
}
.pro_buttons button{
	display: flex;
	width: 47.162px;
	height: 47.162px;
	padding: 12.041px;
	align-items: center;
	gap: 10.034px;
	flex-shrink: 0;
	background: var(--maincolor);
	border-radius: 15.051px;
	border: 1px solid transparent;
	    transition: all 0.2s;
}
.pro_buttons button:hover{
	background: #fff;
	border: 1px solid var(--maincolor);
}
.pro_buttons button:hover svg path{
	/*stroke: var(--maincolor);*/
	fill: var(--maincolor);
}
.disabled {
	opacity: .65;
	cursor: not-allowed !important;
	background-color: #ededed!important;
	color: #606060 !important;
}
.product-thumb .button-group button.disabled:before{
	background-color:  #606060 !important;
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-right: 20px;
}
.thumbnails {
	margin-right: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: right;
	margin-right: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(5n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:right;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(5n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:right;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:right;
	}
}
.pagination > .active > a, .pagination > .active > span, 
.pagination > .active > a:hover, .pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: var(--maincolor);
    border-color: var(--maincolor);
    cursor: default;
}
.pagination > li > a, .pagination > li > span{
	color: var(--maincolor);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #000;
    background-color: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
    border-color: #ddd;
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3{
       width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
    #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}



.supercheckout-supercheckout{
	background: #fff;
}
#placeorderButton #confirm_order {
	background: var(--maincolor) !important;
	border-color: var(--maincolor) !important;
}
#placeorderButton #progressbar{
	background: var(--maincolor) !important;
}
#form_disable{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
#checkoutBillingAddress .radio{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.opc_shipping_method li, .opc_payment_method li{
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.supercheckout-column-left .supercheckout-blocks li:has([type="radio"]:checked):not(#checkoutBillingAddress li,#checkoutShippingAddress li){
	border: 1px solid var(--maincolor) ;
}
.supercheckout-supercheckout .opc-container [type="radio"]:checked + label:before, 
.supercheckout-supercheckout .opc-container [type="radio"]:not(:checked) + label:before{
	border: 1px solid var(--maincolor);
}
.supercheckout-supercheckout .opc-container input, .supercheckout-supercheckout .opc-container textarea, 
.supercheckout-supercheckout .opc-container select, .supercheckout-supercheckout .opc-container .form-control{
	border-radius: 10px;
	border: 1px solid  #F1F1F2;
	background: #FFF;
	box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
}
.supercheckout-supercheckout .opc-container [type="radio"]:checked + label:after, 
.supercheckout-supercheckout .opc-container [type="radio"]:not(:checked) + label:after{
	background: var(--maincolor) ;
}
.supercheckout-blocks .opc_shoppingcart .shoppingTable .input-group{
	border: 1px solid var(--maincolor);
	border-radius: 10px;
	overflow: hidden;
	background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	padding: 4px 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 110px;
}
.supercheckout-supercheckout #supercheckout-fieldset .ui-widget-header{
	background: var(--maincolor) !important;
	border: 1px solid var(--maincolor) !important;
}
.supercheckout-blocks .opc_shoppingcart .input-group .btn-number.btn-primary{
	background: var(--maincolor);
	color: #fff;
	border-radius: 5px;
}
.supercheckout-blocks .opc_shoppingcart.custom-panel input#quantity{
	background: transparent;
	color: #000;
	border: 0;
	border-color: transparent;
	box-shadow: none;
}
.supercheckout-blocks .opc_shoppingcart .shoppingTable tr img {
    padding: 0;
    border: 0;
}
.supercheckout-blocks .removeProduct:after{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #FF1212;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M3 6.01984C3 5.6911 3.27226 5.4246 3.60811 5.4246H7.59823C7.60364 4.72358 7.67962 3.76253 8.37531 3.09723C8.9228 2.57365 9.6734 2.25 10.5 2.25C11.3266 2.25 12.0772 2.57365 12.6247 3.09723C13.3204 3.76253 13.3963 4.72358 13.4018 5.4246H17.3919C17.7277 5.4246 18 5.6911 18 6.01984C18 6.34858 17.7277 6.61508 17.3919 6.61508H3.60811C3.27226 6.61508 3 6.34858 3 6.01984Z" fill="%23FF1212"/><path opacity="0.5" d="M10.1628 18.9172H10.8368C13.1558 18.9172 14.3152 18.9172 15.0691 18.1789C15.823 17.4406 15.9001 16.2296 16.0543 13.8076L16.2766 10.3177C16.3603 9.00352 16.4022 8.34644 16.024 7.93006C15.6458 7.51367 15.0071 7.51367 13.7298 7.51367H7.26988C5.99256 7.51367 5.3539 7.51367 4.97571 7.93006C4.59752 8.34644 4.63937 9.00352 4.72307 10.3177L4.94533 13.8076C5.09958 16.2296 5.17671 17.4406 5.93058 18.1789C6.68445 18.9172 7.84391 18.9172 10.1628 18.9172Z" fill="%23FF1212"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.35436 10.1518C8.69783 10.1156 9.0041 10.3794 9.03845 10.7409L9.45512 15.1269C9.48946 15.4884 9.23887 15.8108 8.89541 15.847C8.55194 15.8831 8.24567 15.6194 8.21132 15.2578L7.79465 10.8718C7.76031 10.5103 8.0109 10.1879 8.35436 10.1518Z" fill="%23FF1212"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6454 10.1518C12.9889 10.1879 13.2395 10.5103 13.2051 10.8718L12.7884 15.2578C12.7541 15.6194 12.4478 15.8831 12.1044 15.847C11.7609 15.8108 11.5103 15.4884 11.5447 15.1269L11.9613 10.7409C11.9957 10.3794 12.3019 10.1156 12.6454 10.1518Z" fill="%23FF1212"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	vertical-align: middle;
	transition: all 0.3s ease;
}
.supercheckout-supercheckout .opc_shoppingcart .input-group .btn-number {
    padding: 6px 9px !important;
}
.supercheckout-supercheckout .delete_product i{
	display: none !important;
}
.supercheckout-supercheckout .fa-chevron-down:before {
	content: "\f068";
	font-size: 13px;
}
.supercheckout-supercheckout .fa-chevron-up:before {
	content: "\f067";
	font-size: 13px;
}
.supercheckout-supercheckout .table-bordered.totalTable tr:last-child td.value{
	color: #CE0000;
}
#supercheckout-agree .myagree input[type=checkbox] {
         position: relative;
         cursor: pointer;
    }
#supercheckout-agree .myagree input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
        top: -1px;
        left: -1px;
         border: 2px solid #E1E3EA;
         border-radius: 4px;
         background-color: #E1E3EA;
}
#supercheckout-agree .myagree input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 1px;
         left: 5px;
}
#supercheckout-agree .myagree input[type=checkbox]:checked:before{
        background-color: var(--maincolor);
            border: 2px solid var(--maincolor);
}




.user_agent{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	display: none;
	box-shadow: rgb(0 0 0 / 10%) 0px -1px 8px;
}
.user_agent svg path{
	fill: var(--maincolor);
}
.user_agent > .container{
	display: flex;
	align-items: center;
	justify-content: center;
}
.user_agent a{
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #404553;
	/*line-height: 1px;*/
}
.user_agent p{
	font-size: 12px;
	margin: 0px 0 0px;
	color: #000;
	line-height: 1em;
}
.user_agent a .fa{
	font-size: 16px;
	margin-bottom: 10px;
}
.user_agent a img{
	width: 22px;
	display: block;
	margin: 0 auto 10px;
}
html[dir=rtl] .user_agent .col-xs-3{
	/*border-left: 1px solid #eee;*/
	width: 100%;
}
html[dir=ltr] .user_agent .col-xs-3{
	border-right: 1px solid #eee;
	width: 100%;
}
html[dir=rtl] .user_agent .col-xs-3:last-child{
	border-left: 0;
}
html[dir=ltr] .user_agent .col-xs-3:last-child{
	border-right: 0;
}
.s-menu .fa-minus, .s-menu .fa-plus {
     display: none ; 
}
.s-menu .fa-minus{
	display: block;
}

.s-menu .collapsed .fa-plus{
	display: block;
}
.s-menu .collapsed .fa-minus{
	display: none;
}
.s-menu .fa-minus, .s-menu .fa-plus {
     float: left;
}





/*mb-menu*/
.service-box {
    /*background-image: url(account-box-background.png);*/
	background-repeat: repeat-x;
	background-color: #fff;
	padding: 30px 5px;
	position: relative;
}
.service-box .btn-primary{
	color: var(--maincolor);
	padding: 10px 12px;
	transition: all 0.3s ease-in-out 0s;
	display: flex;
	height: 60px;
	align-items: center;
	border-radius: 8px;
	border: 1px solid var(--maincolor);
	background: #FFF;
	font-size: 14px;
	font-weight: bold;
}
.service-box .btn-primary svg{
	margin-inline-end: 10px; 
}
.service-box .btn-primary svg path{
	fill: var(--maincolor);
	transition: all 0.3s ease-in-out 0s;
}
.service-box .btn-primary:hover, .service-box .btn-primary:active, .service-box .btn-primary:focus, 
.service-box .btn-primary.active, .service-box .btn-primary.disabled, .service-box .btn-primary[disabled] {
	background: var(--maincolor) !important;
	color: #fff !important;
	border-color: var(--maincolor) !important;
}
.service-box .btn-primary:hover svg path, .service-box .btn-primary:active svg path, .service-box .btn-primary:focus svg path, 
.service-box .btn-primary.active svg path, .service-box .btn-primary.disabled svg path, .service-box .btn-primary[disabled] svg path{
	fill: #fff;
}

.mp-back1 {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
}

.vendor {
    font-size: 18px;
    font-weight: 500;
    display: block;
    text-align: center;
    line-height: 1.8em;
}
.vendor img{
	max-width: 150px;
	margin: 0 auto;
}
.text-welcome{
	display: flex;
	width: 100%;
	height: 60px;
	justify-content: center;
	align-items: center;
	color: #1A1B2D;
	border-radius: 8px;
	border: 1px solid #F1F1F2;
	background: #FFF;
}
.text-welcome span{
	color: #535763;
}
.mp-level {
	padding: 0 12px;
}
.mp-menu ul li > a {
	display: block;
	font-size: 14px;
	font-weight: 100;
	padding: 10px 20px 10px 20px;
	color: #737373;
	border-bottom: 1px solid var(--maincolor);
	font-weight: 600;
	letter-spacing: 0.2px;
	font-style: normal;
}

.mp-menu ul li a.mp-back {
    background-color: var(--maincolor);
}

.mp-menu ul li a i {
    font-size: 30px;
    margin: 0 5px;
    vertical-align: text-bottom;
}

.mp-menu .fa-angle-left {
    font-size: 20px;
    margin: 6px 5px 0px;
    display: inline-block;
    color: #041e42;
    
}
html[dir=rtl] .mp-menu .fa-angle-left{
	float: left;
	/*transform: scale(-1);*/
}
html[dir=ltr] .mp-menu .fa-angle-left{
	float: right;
	transform: scale(-1);
}
.mp-menu #form-language .language-select{
	text-align: unset;
}
.mp-menu ul li a.mp-back {
    font-size: 15px;
    padding: 8px 10px;
}

.mp-menu ul li strong {
    padding: 5px 10px;
}




     img:not([src]) {
        visibility: hidden;
        /*background:#eee url('/catalog/view/theme/default/image/loading.gif');*/
      }

      /* Fixes Firefox anomaly during image load */
      @-moz-document url-prefix() {
        img:-moz-loading {
          visibility: hidden;
        }
      }
      .loademe{
              position: absolute;
    z-index: 999999999999999999;
    left: 0;
    top: 0;
    background: #ddd;
    width: 100%;
    height: 100%;
    text-align: center;
      }
      
      .lds-ring {
display: inline-block;
    position: absolute;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #6d6d6d;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #6d6d6d transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




@media (max-width: 1100px) {
	.slide-layers .s-title{
		font-size: 25px;
	}
	.slide-layers .s-describe{
		font-size: 16px;
	}
	.slide-layers .btn-more{
		padding: 8px 20px;
	}
	#slideshow0 .slide-layers{
		    width: 80%;
	}
}
@media (max-width: 1060px) {
	.all-cats > ul > .dropdown > .dropdown-menu.level2 {
		width: 600px;
	}
	#menu .dropdown-inner > li{
		width: calc(100% / 4 - 0.01px);
	}
	
	.info-block{
		width: 100%;
		margin-bottom: 10px;

	}
	.banner3{
		margin: 0 -10px;
		flex-wrap: wrap;
	}
}

@media (max-width: 992px) {
	header{
		background: #fff;
	}
	.uabody{
		margin-bottom: 61px;
	}
	html[dir=ltr] .uabody{
		display: flex;
	}
	[class^="product-product"].uabody{
		margin-bottom: 114px;
	}
	[class^="product-product"]{
		margin-bottom: 77px;
	}
	.uabody .buttons-wrapper{
		bottom: 61px;
	}
	.uabody .buttons-wrapper2{
		bottom: 61px;
	}
	.user_agent{
		display: block;
	}
	#search .input-lg {
		height: 39px;
		background: #F1EEEE;
		border: 0;

	}
	#search .btn-lg{
		line-height: 15px;
	}
	.common-home .side-column{
		display: none !important;
	}
	.two-column{
		width: 100%;
	}
	.common-home .main-products .product-layout{
		width: calc(100% / 4 - 0.01px);
	}
	.product-thumb .caption a{
		font-size: 14px;
	}
	
	#slideshow0 .slide-layers{
		    width: 80%;
	}
	#menu .dropdown-menu > .dropdown-inner{
		overflow: hidden;
	}
	
	.buttons-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: unset;
		bottom: 0;
		z-index: 9999;
		width: 100%;
		right: 0;
		left: 0;
		padding: 10px 15px 0;
		background: #fff;
	}
	.buttons-wrapper2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		bottom: 0;
		z-index: 9999;
		width: 100%;
		right: 0;
		left: 0;
		padding: 10px 15px 5px;
		background: #fff;
	}
	.main-products.pages .product-grid {
	    width: calc(100% / 3 - 0.01px);
	}
	
	[for="input-quantity"]{
		/*display: none;*/
	}
	html[dir=rtl] .breadcrumb::before{
		left: 50%;
		margin-left: -48vw;
	}
	html[dir=ltr] .breadcrumb::before{
		right: 50%;
		margin-right: -48vw;
	}
	.copy{
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		padding:  0;
	}
	.flex_footer{
		justify-content: center;
		font-size: 10px;
		color: #fff;
	}
	.copy .col-sm-4{
		width: 100%;
		padding-bottom: 15px;
	}
	.copy .col-sm-4:nth-child(1){
		order: 1;
		background-color: var(--maincolor);
	}
	.copy .col-sm-4:nth-child(2){
		order: 3;
		padding-top: 15px;
	}
	.copy .col-sm-4:nth-child(3){
		order: 2;
		background-color: var(--maincolor);
	}
	.c_rights{
		font-size: 12px;
	}
	.copy > p{
		text-align: center;
		width: 100%;
		order: 2;
		display: inline-block;
		flex: 1;
	}
	.copy .payment{
		width: 100%;
		order: 1;
	}
	.copy > ul{
		order: 3;
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
	}
	.copy .payment .banner{
		display: table;
		margin: 0 auto 10px;
	}
	.tab-content{
		padding: 0 15px;
	}
}

@media (max-width: 767px) {
	footer h5 .fa{
    		display:block;
    		position: absolute;
    		top: 15px;
	}
	html[dir=rtl] footer h5 .fa{
		left: 15px;
	}
	html[dir=ltr] footer h5 .fa{
		right: 15px;
	}
.faplmi{
    display: flex;
}
    footer h5  .fa-minus{
    transform: scale(1);
    visibility: visible;
    height: auto;
    opacity:1;
    transition: ease all .3s;
} 
    footer h5  .fa-plus{
    transform: scale(.7);
    height: 0;
    opacity:0;
    visibility: hidden;
    transition: ease all .3s;
}
    footer h5.collapsed  .fa-minus{
    transform: scale(.7);
    height: 0;
    opacity:0;
    visibility: hidden;
    transition: ease all .3s;
} 
    footer h5.collapsed  .fa-plus{
    transform: scale(1);
    height: auto;
    opacity:1;
    visibility: visible;
    transition: ease all .3s;
} 

footer h5.titcolpa {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}
footer .footer-list {
    display: block;
    visibility: hidden;
    height: 0;
    opacity: 0;
    margin: 0 !important;
    transition: ease all .3s;
    padding: 0 15px;
}
footer .footer-list.collapse.in {
    height: auto;
    visibility: visible;
    display: block;
    opacity: 1;
    transition: ease all .3s;
}
 
html[dir=rtl] .nav-footer.collapse li{
     float:none;
}
 html[dir=rtl] .nav-footer.collapse.in li{
     float:right;
}

  html[dir=ltr] .nav-footer.collapse li{
     float:none;
}
 html[dir=ltr] .nav-footer.collapse.in li{
     float:left;
} 

	.xzoom-gallery, .xzoom-gallery2, 
	.xzoom-gallery3, .xzoom-gallery4, 
	.xzoom-gallery5{
		border-radius: 13px;
	}
	
	.common-home .main-products .product-layout{
		width: calc(100% / 3 - 0.01px);
	}
	.module-title{
		font-size: 12px;
		line-height: 15.144px;
		margin-bottom: 15px;
	}
	.grid-row-bottom-1 .pro_buttons {
	        top: 0;
	        right: 4px;
	        gap: 3px;
	}
	.slide-layers .s-title,
	.mybanner .slide-layers .b-title{
		font-size: 12px !important;
		    margin-bottom: 10px;
	}
	.slide-layers .s-describe,
	.mybanner .slide-layers .b-describe{
		font-size: 16px !important;
		margin: 0 0 15px;
	}
	.slide-layers .btn-more{
		padding: 4px 15px;
		font-size: 11px;
	}
	#slideshow0 .slide-layers{
		width: 80%;
	}
	.slideshow .swiper-pager{
		display: none;
	}
	#toast-container > div {
		min-width: 300px;
	}
	.grid-row-bottom-1{
		padding-right: 0;
		padding-left: 0;
	}
	.main-products.pages .product-grid {
	    width: calc(100% / 2 - 0.01px);
	}
	.newsletter_wrap{
		flex-wrap: wrap;
		width: 100%;
		flex-direction: column;
		padding: 0 10px;
	}
	#search .input-lg{
		font-size: 10px;
	}
	.m-title {
		font-size: 12px;
		line-height: 15.144px;
		margin-bottom: 15px;
	}
	.m-title:before {
		display: inline-block;
		content: "";
		width: 2.09px;
		height: 15.667px;
		margin-inline-end: 4px;
	}
	.product-thumb .image{
		margin: 5px;
	}
	.common-home .main-products .product-layout{
		padding: 0 7px;
		margin: 0 0 15px;
	}
	.main-products.pages .product-grid{
		padding: 0 7px;
		margin: 0 0 15px;
	}	
	.product-thumb h4 {
		font-weight: bold;
		margin: 8px 0 7px;
	}
	.product-thumb .caption a {
		font-size: 11px;
	}
	.product-thumb .price{
		font-size: 14.165px;
	}
	.product-thumb .price-new{
		font-size: 14.165px;
	}
	.product-thumb .price-old{
		font-size: 10px;
	}
	.currency-symbol{
		font-size: 10px;
	}
	.product-thumb .button-group {
		text-align: center;
		margin: 10px 0 5px;
	}
	.refine-item {
		border-radius: 15px;
		padding: 0px;
		border: 2px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	}
	#refine-categories .swiper-pager{
		display: none !important;
	}
	.refine-item-title{
		font-weight: bold;
		font-size: 10.5px;
	}

	.newsletter{
		border-radius: 12px;
	}
	.cart-group {
	    flex-wrap: wrap;
	    gap: 5px;
	    width: 100%;
	}
	.seller-info, .newsletter .enquire{
		width: 100%;
	}
	.column {
		width: 100%;
		gap: 20px;
		padding: 0;
	}
	.column svg{
		width: 32px;
		height: 32px;
	}
	.newsletter h5 {
		font-size: 12px;
	}
	.newsletter p{
		width: 100% !important;
		padding: 0 0px !important;
		font-size: 10px;
	}
	.newsletter .btn{
		height: 35px;
		border-radius: 7px !important;
		font-size: 10px;
	}
	.newsletter .input-group {
		border-radius: 7px;
		padding: 2.5px 6.5px;
	}
	#addsubs .col-sm-12{
		padding: 0;
	}
	#addsubs{
		margin: 15px 0 0;
	}
	.popular, .category-tab, .latest, .special, .bestseller {
		background: #fff;
		border-radius: 0;
		border: 0;
		box-shadow: none;
		padding: 0;
	}
	.category-tab{
		margin: 30px 0;
	}
	.ribbon span{
		height: 30px;
		width: 65px;
	}
	#cart > .btn{
	float: left;
	border-radius: 12px;
	}
	.flex-pro {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
	.help_center .col-xs-4{
		padding: 0;
		display: block;
		text-align: center;
	}
	.help_center img{
		margin: 0 auto !important;
	}
	.xzoom-container {
		display: block !important;
	}
	#xzoom-products {
		width: 100%;
		clear: both;
		margin: 0px auto 0;
	}
	.xzoom-container {
		margin-bottom: 0;
	}
	html[dir=rtl] .xzoom {
		width: 100% !important;
		margin-bottom: 20px;
	}
	html[dir=ltr] .xzoom {
		width: 100% !important;
		margin-bottom: 20px;
	}
	#xzoom-products .swiper-button-next{
		right: -10px;

	}
	#xzoom-products .swiper-button-prev{
		left: -10px;

	}
	#xzoom-products .swiper-pager{
		width: 100%;
		display: none !important;
	}
	.product-thumb .button-group button {
		width: 90%;
		font-size: 10px;
		border-radius: 10px;
		line-height: 26px;
		margin-bottom: 5px;
	}
	.product-thumb .button-group button:before{
		width: 21px;
		height: 21px;
		margin-inline-end: 5px;
	}
	.promo{
		font-size: 10px;
	}
	.mybanner {
	    margin: 20px 0 0px;
	}
	.grid-list{
		display: none !important;
	}
	.pro_buttons button{
		width: 37.162px;
		height: 37.162px;
		padding: 8.041px;
		align-items: center;
		gap: 5.034px;
		border-radius: 8.051px;
	}
	.image .btn-quick-view{
		height: 37.162px !important;
		width: 37.162px !important;
		border-radius: 8.051px;
		right: 0 !important;
		top: 0 !important;
		padding: 8.041px;
	}
	.pro_buttons {
		top: 4px;
		right: 4px;
	}
	.cats {
	    padding: 10px 0;
	}
	.carousel {
	    padding: 0 0;
	}
	.cats #cats1{
		/*width: 80%;*/
		margin: 0;
		/*overflow-x: visible;*/
	}
	.cats .swiper-pager{
		display: none !important;
	}
	.img-link {
	    border-radius: 15px;
	    padding: 0px;
	    border: 2px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
	}
	.cats .home-cats .cat-title {
	    font-size: 10.5px;
	}
	.latest{
		margin: 25px 0 15px;
	}
	/*.cats .swiper-slide{
		width: 39% !important;
	}*/
	.carousel img{
		width: 100%;
		margin: 0 auto;
	}
	.carousel > .container{
		padding: 0;
	}
	.carousel .swiper-pager {
		display: none !important;
	}
	.slideshow .swiper-pagination{
		display: none !important;
	}
	.slideshow {
	    	margin-bottom: 10px;
	}
	.product-compare #content .table-bordered {
		display: block;
		overflow-x: auto;
	}
	.category-tab .nav-tabs{
		flex-wrap: wrap;
	}
	.category-tab .nav-tabs > li > a{
		font-size: 10px;
		padding: 6px 10px;
	}
	.tab-content{
		padding: 0;
	}
	.more_cat{
		display: none;
	}
	.featured1_flex{
		/*display: block;*/
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}
	.featured1_flex:before{
		right: -90px;
		background-position: left;
	}
	.featured1_flex .featured1-title{
		position: relative;
		border-radius: 0px 25px 25px 0px;
		z-index: 1;
		writing-mode: unset;
		text-orientation: unset;
		transform: unset;
		    font-size: 20px;
	}
	.featured1_wrap_title{
		border-radius: 14px 14px 0px 0px !important;
		padding: 15px 0;
	}
	.featured1_wrap_title:before {
		position: absolute;
		top: 14%;
		width: 90%;
		height: 80%;
		border-radius: 12px;
	}
	.featured1 .product-thumb .button-group{
		    flex-direction: column;
	}
	.featured1 .product-thumb .button-group button{
		width: 100% !important;
	}
	.featured1 .product-thumb .caption{
		padding: 0;
	}
	.top-footer-flex{
		flex-direction: column;
	}
	.top-footer-flex > .col-sm-3{
		width: 100% !important;
	}
	.top-footer-flex > .col-sm-3:nth-child(2){
		order: 2;
	}
	.top-footer-flex > .col-sm-3:nth-child(3){
		order: 3;
	}
	.top-footer-flex > .col-sm-3:nth-child(4){
		order: 4;
	}
	.top-footer-flex > .col-sm-3:nth-child(5){
		order: 1;
	}
	footer h5:before{
		display: none;
	}
	.footer_about #logo img{
		height: 65px;
	}
	.footer_about{
		margin: 0 0 25px;
	}
	.footer_about p{
		color: #FFF;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 20px; /* 166.667% */
	}
	.payment-wrapper{
		justify-content: center;
	}
	footer h5.titcolpa{
		color: #FFF;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 18.76px; /* 117.25% */
		margin-bottom: 20px;
	}
	.footer-social a {
		width: 37px;
		height: 37px;
		border-radius: 14.36px;
	}
	.footer-social a .fa, .footer-social a .fab {
	    font-size: 18px;
	}
	.call-phone p:first-child{
		font-size: 13px;
	}
	.footer-list li a{
		font-size: 13px;
	}
	.main-products .product-list .product-thumb .button-group button{
		width: 90%;
	}
	.breadcrumb{
		display: none;
	}
	.content_center{
		padding: 10px 10px 5px;
		border-radius: 20px;
		margin-top: 20px;
	}
	.content_image {
		padding: 20px 10px 0;
		border-radius: 20px;
		margin-bottom: 20px;
	}
	.wishlist-compare{
		right: 5px;
		top: 20px;
	}
	.content_image .ribbon {
		left: 10px;
		top: 25px;
	}
	.tags a, .content_center .promo, .promo{
		font-size: 10px;
	}
	.countdown-container.visible-xs{
		display: flex !important;
		border-radius: 16px;
		padding: 7px 20px;
		margin: 0 auto 5px;
	}
	.countdown-container .topcoumd p{
		font-size: 12px;
	}
	.countdown-container .countdown div{
		font-size: 10px;
		gap: 0px;
	}
	.countdown-container span{
		font-size: 14px;
	}
	.countdown-container .countdown{
		gap: 6px;
	}
	.page-title{
		font-size: 15px;
		font-weight: bold;
	}
	html[dir=rtl] #product-product .rating a {
		margin-left: 0;
	}
	.content_center h2{
		font-size: 20px;
	}
	.content_center h2 span.special_cur{
		font-size: 12px;
	}
	.main-options > h3{
		font-size: 13.833px;
		font-weight: 700;
	}
	.main-options label.control-label{
		font-size: 13.833px;
		font-weight: 700;
	}
	#product .radio .opt-title, #product .checkbox .opt-title{
		font-size: 11px;
		padding: 4px 30px;
		border-radius: 6.154px;
	}
	.main-options .input-quantity-wrap > label {
		font-size: 14px;
	}
	.add_group {
		width: 140px;
		padding: 0px 5px;
	}
	.add_group span button{
		height: 30px;
	}
	.sold-text, .stock-text{
		font-size: 10px;
	}
	.qun-div label, .qun-div{
		font-size: 14px;
	}
	.visitor_sec{
		font-size: 10px;
	}
	.buttons-wrapper{
		padding: 10px 0 0;
	}
	.two_blocks{
		width: 100%;
		margin: 10px auto 10px;
	}
	#product-product .cart-group{
		gap: 10px;
	}
	.refundable_pro_sec, .deliverytime_sec{
		font-size: 10px;
	}
	.nav-tabs > li > a{
		font-size: 12px;
	}
	.pro_tabs{
		padding: 0 10px 30px;
	}
	.select-group .input-group:nth-child(2){
		width: 45%;
	}
	#form-review h2 {
	    font-size: 14px;
	    padding: 0 3px 0px;
	}
	#tab-review .col-sm-6{
		padding: 0;
	}
	.rating-distribution .progress{
		margin-inline-start: 0;
	}
	.buttons-wrapper2{
		padding: 5px 15px 5px;
	}
	.buttons-wrapper button {
	    height: 48px;
	    font-size: 12px !important;
	        font-weight: 700;
	}
	/*.buttons-wrapper2 button {
		height: 48px;
		border-radius: 10px;
	}*/
	.wishlist-compare .btn{
		height: 35px;
		width: 35px;
		padding: 0;
		display: flex;
		border-radius: 8.688px !important;
	}
	.wishlist-compare .btn svg {
		width: 18px;
		height: 18px;
	}
	#related-products .swiper-pager{
		display: none !important;
	}
	#same-products .swiper-pager{
		display: none !important;
	}
	.product-thumb{
		border-radius: 8px !important;
	}
	.featured1 .main-products-caro .product-thumb{
		border-radius: 0px !important;
	}
	.featured1 .main-products-caro .product-thumb{
		border: 0;
	}
	.product-thumb .image{
		border-radius: 8px;
	}
	.product-thumb .ribbon span{
		font-size: 8px;
		height: 26px;
		width: 58px;
		border-radius: 6px;
	}
	.product-thumb .promo {
		font-size: 8px;
		padding: 7px 10px;
	}
	.ribbon ~ .promo{
		top: 38px;
	}
	.content_image .ribbon span{
		height: 30px !important;
	}


}
@media (max-width: 500px){
	[class^="product-product"] #content .xzoom {
	    width: 100% !important;
	    margin-bottom: 20px;
	}
	.mobile-wrapper-header>span {
	    padding: 0 2px;
	}
	html[dir=rtl] .breadcrumb::before{
		left: 50%;
		margin-left: -47vw;
	}
	html[dir=ltr] .breadcrumb::before{
		right: 50%;
		margin-right: -47vw;
	}
	.common-home .main-products .product-layout{
		width: calc(100% / 2 - 0.01px);
	}
	.mobile-search-wrapper {
        max-width: 50%;
    }
}
@media (max-width: 370px){
	.slide-layers .btn-more{
		    display: none;
	}
	.product-thumb .button-group button {
	    width: 90%;
	    font-size: 10px;
	}
}



@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal, .hvr-wobble-horizontal, .hvr-wobble-horizontal {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinti;
  animation-iteration-count: infinti;
}
.ovh{
    overflow-y:hidden !important;
}
.mp-pushed .mp-menu {
    height: 100vh;
    overflow: auto;
    z-index: 999;
}

.check_success_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.col1{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
}
.col2{
	width: 50%;
	display: flex;
	justify-content: end;
}
.col2 h4{
	color: #000;
}
.col2 h4 a{
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.table-1, .table-2{
	border-collapse: separate;
	border-spacing: 0 10px;
	border-radius: 30px;
	border: 1.371px solid #D9D9D9;
	padding: 0 20px;
}
.table-1 > thead > tr > th, 
.table-1 > thead > tr > td,
.table-2 > thead > tr > th, 
.table-2 > thead > tr > td{
	border: 0;
	padding: 20px;
}
.table-1 > tbody > tr > td,
.table-2 > tbody > tr > td{
	border: 0;
	border-top: 1px solid #D9D9D9;
	padding: 20px;

}
.table-1 thead b{
	font-size: 18px;
}
.table-2 thead b{
	font-size: 14px;
}
.table-1 tbody td,
.table-2 tbody td{
	line-height: 1.8em !important;
	font-size: 14px;
}
.table-1 b,
.table-2 b{
	color: #1E1E1E;
}
.table-2 > tfoot > tr > td{
	border: 0;
}
.table-2 > tbody > tr > td:last-child{
	color: var(--maincolor);
}
.table-2 > tfoot > tr:last-child td{
	color: var(--maincolor);
	font-weight: bold;
}
.checkout-success #content{
	display: table;
	background: #fff;
}
@media (max-width: 767px) {
	.table-1 > tbody > tr > td{
		display: inline-block;
		width: 100% !important;
		padding: 0;
	}
	.table-1 > thead > tr > td:last-child{
		display: none;
	}
	.checkout-success #content .btn-primary{
		padding: 13px 13px;
		border: 0;
		transition: all 0.4s ease-in-out 0s;
		font-size: 13px;
		height: 35px;
		border-radius: 8px;
		margin: 24px 0 0;
	}
	.checkout-success #content h1{
		font-size: 16px;
	}
	.check_success_title {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.col1, .col2{
		width: 100%;
		justify-content: center;
	}
	.table-1 thead b {
		font-size: 16px;
	}
	.checkout-success #content{
		width: 100%;
		display: block;
	}
}
.checkout-success #content h1{
	font-size: 24px;
	font-weight: bold;
	color: #404553;
	margin-top: 0px;
}
.checkout-success #content .btn-primary {
	color: #ffffff;
	background: var(--maincolor);
	padding: 16px 25px;
	border: 0;
	transition: all 0.4s ease-in-out 0s;
	font-size: 16px;
	height: 50px;
	border-radius: 8px;
	margin: 35px 0 0;
	display: table;
	float: left;
}

.main-container {
	 display: flex;
	 flex-flow: column;
	 justify-content: center;
	 align-items: center;
}

 .check-container {
	 width: 6.25rem;
	 height: 7.5rem;
	 display: flex;
	 flex-flow: column;
	 align-items: center;
	 justify-content: space-between;
}
 .check-container .check-background {
	 width: 100%;
	 height: calc(100% - 1.25rem);
	 background: linear-gradient(to bottom right, #5de593, #41d67c);
	 box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	 transform: scale(0.84);
	 border-radius: 50%;
	 animation: animateContainer 0.75s ease-out forwards 0.75s;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 opacity: 0;
}
 .check-container .check-background svg {
	 width: 65%;
	 transform: translateY(0.25rem);
	 stroke-dasharray: 80;
	 stroke-dashoffset: 80;
	 animation: animateCheck 0.35s forwards 1.25s ease-out;
}
 .check-container .check-shadow {
	 bottom: calc(-15% - 5px);
	 left: 0;
	 border-radius: 50%;
	 background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);
	 animation: animateShadow 0.75s ease-out forwards 0.75s;
}
 @keyframes animateContainer {
	 0% {
		 opacity: 0;
		 transform: scale(0);
		 box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	 25% {
		 opacity: 1;
		 transform: scale(0.9);
		 box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	 43.75% {
		 transform: scale(1.15);
		 box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	 62.5% {
		 transform: scale(1);
		 box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
	}
	 81.25% {
		 box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
	}
	 100% {
		 opacity: 1;
		 box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
	}
}
 @keyframes animateCheck {
	 from {
		 stroke-dashoffset: 80;
	}
	 to {
		 stroke-dashoffset: 0;
	}
}
 @keyframes animateShadow {
	 0% {
		 opacity: 0;
		 width: 100%;
		 height: 15%;
	}
	 25% {
		 opacity: 0.25;
	}
	 43.75% {
		 width: 40%;
		 height: 7%;
		 opacity: 0.35;
	}
	 100% {
		 width: 85%;
		 height: 15%;
		 opacity: 0.25;
	}
}