@charset "UTF-8";
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	font-display:swap;
	src: url('../fonts/iranyekanwebregularfanum.eot');
	src: url('../fonts/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekanwebregularfanum.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	font-display:swap;
	src: url('../fonts/iranyekanweblightfanum.eot');
	src: url('../fonts/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekanweblightfanum.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	font-display:swap;
	src: url('../fonts/iranyekanwebmediumfanum.eot');
	src: url('../fonts/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekanwebmediumfanum.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	font-display:swap;
	src: url('../fonts/iranyekanwebboldfanum.eot');
	src: url('../fonts/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekanwebboldfanum.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	font-display:swap;
	src: url('../fonts/iranyekanwebextraboldfanum.eot');
	src: url('../fonts/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekanwebextraboldfanum.ttf') format('truetype');
}
@font-face {
	font-family: brushfire;
	font-style: normal;
	font-weight: normal;
	font-display:swap;
	src: url('../fonts/brushfire.woff2') format('woff2'), 
		 url('../fonts/brushfire.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/brushfire.ttf') format('truetype');
}
@font-face {
	font-family: lateef;
	font-style: normal;
	font-weight: 800;
	font-display:swap;
	src: url('../fonts/lateef.woff2') format('woff2'), 
		 url('../fonts/lateef.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/lateef.ttf') format('truetype');
}

address,
article,
aside,
blockquote,
body,
div,
em,
figure,
footer,
header,
hgroup,
html,
img,
li,
nav,
ol,
p,
section,
span,
td,
th,
time,
tr,
ul,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit
}

a,
a:visited {
	color: #3190af;
	text-decoration: none
}

a:hover {
	color: #00a6ca
}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
*:focus{
	outline:none !important;
}
img {
	border: 0
}

body.disabled-scroll{
	height: 100vh;
	overflow: hidden
}
body.disabled-scrollbar{
	height: 100vh;
	overflow: hidden
}
body.disabled-scroll:before{
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.4);
	content:'';
	display:block;
	
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
body {
	background: #fff;
	padding: 160px 0 0 0 !important;
	margin: 0;
	font: 14px iranyekan, arial, tahoma;
	color: #475569;
	text-align: right;
	direction: rtl
}
body.home{
	padding-top:80px !important;
}
@media only screen and (max-width:600px) {
	body {
		padding-top:128px !important;
	}
}

button,
input,
select,
textarea {
	font: 13px iranyekan, tahoma;
	font-weight:500;
	outline: 0
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
select,
textarea {
	width: 100%;
	height: 44px;
	background:none;
	border: 1px solid rgba(118, 97, 82, 0.32);
	display: block;
	padding:0 10px;
	text-align: right;
	direction: rtl;
	color:#997B66;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
	background:#fff;
}
:-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder {
	color: #766152;
	opacity: 1
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
	-webkit-text-fill-color:#997B66;
	-webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0) inset;
	transition: background-color 5000s ease-in-out 0s;
}

select {
	background:#fff url('../images/arrow-down.svg') no-repeat 10px center !important;
	background-size:15px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer
}

input[type=email] {
	text-align: left;
	direction: ltr
}
input[type=checkbox],
input[type=radio]{
	display:inline-block;
	appearance:none;
	margin:0 0 0 8px;
}
input[type=checkbox]:before,
input[type=radio]:before{
	width:18px;
	height:18px;
	background:#FFF;
	display:block;
	content:'';
	border-radius: 4px;
	border: 2px solid #53443A;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input[type=radio]:before{
	border-radius:100%;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before{
	background:#763E0C url('../images/tik.svg') no-repeat center;
	border-color:#763E0C;
}

svg,
svg path{
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.clear {
	clear: both
}

.display-none {
	display: none!important
}

.alignnone {
	margin: 0 auto;
	display: block
}

.ease,
.ease:after,
.ease:before {
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.pagewrapper {
	width: 100%;
}

.pagewrapper .container {
	width: 1040px;
	margin: 0 auto
}
@media only screen and (max-width:1080px) {
	.pagewrapper .container {
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px)
	}
}

.has-product-list .products{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	
	display:flex;
	justify-content:start;
	gap:16px;
	flex-wrap:wrap;
}
.has-product-list .products:before{
	display:none !important;
}
.has-product-list .products .product{
	width: -moz-calc( 20% - 12px ) !important;
	width: -webkit-calc( 20% - 12px ) !important;
	width: calc( 20% - 12px ) !important;
	
	background:#fff;
	overflow:hidden;
	padding:16px !important;
	border-radius: 16px;
	border: 1px solid rgba(118, 97, 82, 0.2);
	margin:0 !important;
	float:none !important;
	list-style:none !important;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.has-product-list .products .product:hover{
	border-color:rgba(118, 97, 82, 0.5)
}
.has-product-list .products .product .thumb{
	width:100%;
    aspect-ratio:186/266;
    overflow:hidden;
    border-radius:12px;
	margin:0 auto 8px !important;
}
.has-product-list .products .product .thumb .woocommerce-placeholder,
.has-product-list .products .product .thumb .wp-post-image,
.has-product-list .products .product .thumb .attachment-woocommerce_thumbnail,
.has-product-list .products .product .thumb .attachment-product-thumbnail,
.has-product-list .products .product .thumb img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	display: block;
	border:0 !important;
	border-radius:12px;
	margin:0 !important;
}
.has-product-list .products .product .title-wrapper{
	width:100%;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.has-product-list .products .product .title-wrapper .wishlist{
	width:32px;
	height:32px;
	background:#fff;
	border:1px solid #766152;
	border-radius:3px;
	
	display:flex;
	justify-content:center;
	align-items:center;
}
.has-product-list .products .product .title-wrapper .wishlist:hover,
.has-product-list .products .product .title-wrapper .wishlist.active{
	background:#766152;
}
.has-product-list .products .product .title-wrapper .wishlist:hover svg path,
.has-product-list .products .product .title-wrapper .wishlist.active svg path{
	fill:#fff;
}
.has-product-list .products .product .title-wrapper .right{
	width:-moz-calc( 100% - 40px );
	width:-webkit-calc( 100% - 40px );
	width:calc( 100% - 40px );
}
.has-product-list .products .product a .woocommerce-loop-product__title{
	width:100%;
	height:20px;
	overflow:hidden;
	display:block;
	padding:0 !important; 
	margin:0 !important; 
	
	color:#1F1D19;
	font-size:13px !important;
	font-weight:500;
	line-height:20px;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.has-product-list .products .product a:hover .woocommerce-loop-product__title{
	color:#766152;
}
.has-product-list .products .product .title-wrapper .right .subtitle{
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap
}
.has-product-list .products .product .star-rating,
.has-product-list .products .product .wc-forward{
	display:none;
}
.has-product-list .products .product .bottom{
	margin-top:10px;
	
	display:flex;
	flex-direction:column;
	gap:10px;
}
.has-product-list .products .product .price-wrapper{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0 5px;
}
.has-product-list .products .product .price-wrapper .col-right{
	min-height:40px;
	
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.has-product-list .products .product .price-wrapper .col-right .off-badge{
	width:100%;
	height:20px;
	
	font-size: 12px;
	color:#997B66;
}
.has-product-list .products .product .price-wrapper .col-right .price-label{
	width:100%;
	height:20px;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:14px;
	font-weight:500;
	text-align:right;
}
.has-product-list .products .product .price-wrapper .col-left{
	min-height:40px;
	
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	
	font-size:21px;
	font-weight:800;
	color:#334155;
	line-height:20px;
}
.has-product-list .products .product .price-wrapper .screen-reader-text{
	height:0 !important;
	display:none !important;
}
.has-product-list .products .product .price-wrapper del{
	height:20px;
	
	font-size:12px;
	font-weight:400;
	color:rgba(31, 29, 25, 0.5);
	line-height:20px;
	text-align:left;
}
.has-product-list .products .product .price-wrapper del .woocommerce-Price-currencySymbol{
	display:none;
}
.has-product-list .products .product .price-wrapper bdi,
.has-product-list .products .product .price-wrapper ins{
	height:20px;
	
	font-size:14px;
	font-weight:500;
	color:#1F1D19;
	line-height:20px;
	text-decoration:unset;
	text-align:left;
}
.has-product-list .products .product .button{
	width:100%;
	height:44px;
	background-color:#766152;
	background-image:url('../images/form-btn-wave.png');
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-khtml-background-size:100% 100%;
	background-size:100% 100%;
	border-radius: 8px;
	border:0;
	padding:0;
	margin:0 !important;
	
	font-size:16px;
	font-weight:500;
	color:#fff;
	
	display:flex !important;
	justify-content:center;
	align-items:center;
	gap:0 4px;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	
	position:relative;
}
.has-product-list .products .product .button:hover{
	background-color:#55473d;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}

@media only screen and (max-width:1100px) {
	.has-product-list .products .product{
		width: -moz-calc( 50% - 11px );
		width: -webkit-calc( 50% - 11px );
		width: calc( 50% - 11px );
	}
}
@media only screen and (max-width:900px) {
	.has-product-list .products .product{
		width: -moz-calc( 50% - 11px );
		width: -webkit-calc( 50% - 11px );
		width: calc( 50% - 11px );
	}
}
@media only screen and (max-width:500px) {
	.has-product-list .products .product{
		width: 100%;
	}
}


#header-wrapper{
	width:100%;
	height:160px;
	
	position:absolute;
	top:0;
	left:0;
	z-index:999999;
}
body.small-header-active #header-wrapper{
	height:81px;
}
#header {
	background:#766152 url('../images/header-wave.png') no-repeat;
	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	
	position: relative;
	top: 0;
	left: 0;
	z-index: 1
}
#header .container {
	height: 80px;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:16px;
	
	position:relative;
}
#header .nav-btn{
	width:44px;
	height:44px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius:8px;
	cursor:pointer;
	
	display:none;
	justify-content:center;
	align-items:center;
}
#header .nav-btn:hover{
	background:#fff;
	border-color:#fff;
}
#header .nav-btn:hover svg path{
	fill:#766152;
}
#header #search{
	width:-webkit-calc(100% - 350px);
	width:-moz-calc(100% - 350px);
	width:calc(100% - 350px);
	
	height:44px;
	background:none;
	padding:0 16px;
	
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius:8px;
	
	position:relative;
}
#header #search form{
	width:100%;
	height:42px;
	padding:0;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	
	position:relative;
}
#header #search .input-text{
	width:-moz-calc( 100% - 40px );
	width:-webkit-calc( 100% - 40px );
	width:calc( 100% - 40px );
	
	height:24px;
	background:none;
	border:0;
	border-radius:0;
	padding:0;
	
	font-size:14px;
	color:#fff !important;
	line-height:24px;
	
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
#header #search .input-text::placeholder {
    color: #fff !important;
    opacity: 1;
}
#header #search .input-text:-webkit-autofill,
#header #search .input-text:-webkit-autofill:active,
#header #search .input-text:-webkit-autofill:focus,
#header #search .input-text:-webkit-autofill:hover{
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;
	transition: background-color 5000s ease-in-out 0s;
}
#header #search .submit{
	width:24px;
	height:44px;
	background:none;
	border:0;
	cursor:pointer;
	
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

#header .basket-btn-wrapper{
	width:160px;
	height:44px;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
}
#header .basket-btn-wrapper .basket-btn{
	width:40px;
	height:40px;
	background:none;
	cursor:pointer;
	border-radius:8px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	
	display:flex;
	justify-content:center;
	align-items:center;
	
	position:relative;
}
#header .basket-btn-wrapper:hover .basket-btn,
#header .basket-btn-wrapper .basket-btn.active{
	background:#fff;
	border-color:#fff;
}
#header .basket-btn-wrapper:hover .basket-btn svg path,
#header .basket-btn-wrapper .basket-btn.active svg path{
	fill:#766152;
}
#header .basket-btn-wrapper .label{
	width:110px;
	height:44px;
}
#header .basket-btn-wrapper .label p{
	padding:0;
	margin:0;
}
#header .basket-btn-wrapper .label .title{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
#header .basket-btn-wrapper .label .status{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:5px;
	
	color: rgba(255, 255, 255, 0.5);
	font-size:14px;
	font-weight:300;
	line-height:20px;
}
#header .basket-btn-wrapper:hover .label .status{
	color:#fff;
}
#header .login-register {
	width: 150px;
	height:44px;
	background:#fff;
	display:inline-block;
	border:1px solid #fff;
	border-radius:8px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	
	color:#766152;
	font-size:16px;
	font-weight:bold;
	line-height:44px;
	text-align:center;
}
#header .login-register:hover {
	background:rgba(255, 255, 255, 0.8);
	border-color:rgba(255, 255, 255, 0.8);
}

#header .profile-btn{
	width: 150px;
	height:44px;
	
	color:#fff;
	line-height:20px;
	
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#header .profile-btn p{
	padding:0;
	margin:0;
}
#header .profile-btn .name{
	width:100%;
	height:22px;
	overflow:hidden;
	
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	text-align:right;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
#header .profile-btn .desc{
	width:100%;
	height:22px;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:5px;
	
	color: rgba(255, 255, 255, 0.5);
	font-size:14px;
	font-weight:300;
	line-height:22px;
}
#header .profile-btn:hover .desc span{
	color:#fff;
}

@media only screen and (max-width:950px) {
	#header .container {
		gap:10px;
	}
	#header .nav-btn{
		display:flex;
	}
	#header #search{
		width:-webkit-calc(100% - 214px);
		width:-moz-calc(100% - 214px);
		width:calc(100% - 214px);
	}
	#header .basket-btn-wrapper{
		display:none;
	}
}
@media only screen and (max-width:600px) {
	#header #search{
		width:-webkit-calc(100% - 54px);
		width:-moz-calc(100% - 54px);
		width:calc(100% - 54px);
	}
	#header .login-register,
	#header .profile-btn{
		display:none;
	}
}

#main-navigation {
	height: 80px;
}
#main-navigation .container{
	height:80px;
	background:#fff;
	border-radius:0 0 16px 16px;
	box-shadow: 0px 0px 8px 0px rgba(153, 123, 102, 0.5);
	padding:0 16px;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:16px;
}
#main-navigation .logo{
	padding:0;
	margin:0;
}
#main-navigation .logo img{
	width:64px;
	height:64px;
	display:block;
}
#main-navigation ul {
	height: 80px;
	list-style: none;
	padding: 0;
	
	position:relative;
}

#main-navigation ul>li {
	height:80px;
	float: right;
	margin-left: 20px;
	
	position: relative;
}
#main-navigation ul>li:last-child {
	margin-left: 0
}
#main-navigation ul>li>a {
	height: 80px;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:5px;
	
	color:#1F1D19;
	font-size:14px;
	font-weight:500;
	line-height:80px;
	
	position: relative;
}
#main-navigation ul>li.menu-item-has-children>a:after {
	width:24px;
	height:24px;
	background:url('../images/menu-arrow-down.svg') no-repeat;
    overflow: hidden;
    display: inline-block;
    content: '';
}
#main-navigation ul>li:hover>a,
#main-navigation ul>li>a:hover {
	color:#766152;
}
#main-navigation ul>li.current-menu-item>a,
#main-navigation ul>li.current_page_item>a{
	color:#766152;
}
#main-navigation ul>li>ul {
	width:255px;
	height:auto;
	background: #fff;
	display: block;
	visibility:hidden;
	padding:16px;
	border-radius:16px;
	box-shadow: 0px 0px 8px 0px rgba(153, 123, 102, 0.5);
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	
	position: absolute;
	top:130px;
	right: 0;
	z-index: 10
}
#main-navigation ul>li:hover>ul {
	visibility:visible;
	
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	FILTER: alpha(opacity=100);
	
	top:70px;
}
#main-navigation ul>li>ul>li {
	width:100%;
	height:auto;
	min-height:34px;
	background:none;
	display:block;
	margin-left:0;
	
	position:relative;
}
#main-navigation ul>li>ul>li>a{
	width:100%;
	height:auto;
	min-height:34px;
	background:#fdfdfd;
	display:block;
	padding-right:15px;
	
	color:#444;
	font-weight:300;
	line-height:34px;
	
	position:relative;
}
#main-navigation ul>li>ul>li>a:before{
	width:6px;
	height:6px;
	background:#d7d7d7;
	display:inline-block;
	content:'';
	margin-top:-2.5px;
	
	transform:rotate(35deg);
	
	position:absolute;
	top:50%;
	right:0;
}
#main-navigation ul>li>ul>li.current-menu-item>a:before,
#main-navigation ul>li>ul>li.current_page_item>a:before,
#main-navigation ul>li>ul>li:hover>a:before{
	background:#766152;
}
#main-navigation ul>li>ul>li.current-menu-item>a,
#main-navigation ul>li>ul>li.current_page_item>a,
#main-navigation ul>li>ul>li:hover>a{
	color:#766152 !important;
}
#main-navigation ul>li>ul>li>ul {
	top:0;
	right:280px;
}
#main-navigation ul>li>ul>li:hover>ul {
	top:0;
	right:230px;
}
#main-navigation ul>li>ul>li.menu-item-has-children>a:after {
	transform:rotate(90deg);
	margin-top:-12px;
	
	position:absolute;
	top:50%;
	left:0;
}

#main-navigation .basket-btn-wrapper{
	width:auto;
	height:44px;
	
	display:none;
	justify-content:flex-start;
	align-items:center;
	gap:10px;
}
#main-navigation .basket-btn-wrapper .basket-btn{
	width:24px;
	height:24px;
}
#main-navigation .basket-btn-wrapper .basket-btn svg path{
	fill:#766152;
}
#main-navigation .basket-btn-wrapper .label{
	width:-moz-calc(100% - 34px);
	width:-webkit-calc(100% - 34px);
	width:calc(100% - 34px);
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
}
#main-navigation .basket-btn-wrapper .label p{
	width:auto;
	display:inline-block;
	padding:0;
	margin:0;
}
#main-navigation .basket-btn-wrapper .label .title{
	color:#766152;
	font-size:16px;
	font-weight:600;
	line-height:24px;
}
#main-navigation .basket-btn-wrapper .label .status{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:5px;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:14px;
	font-weight:300;
	line-height:20px;
}
#main-navigation .basket-btn-wrapper:hover .label .status{
	color:#766152;
}
#main-navigation .basket-btn-wrapper .label .status svg{
	display:none;
}

@media only screen and (max-width:950px) {
	#main-navigation .container nav{
		display: none;
	}
	#main-navigation .container .basket-btn-wrapper{
		display: flex;
		margin-right:auto;
	}
}
@media only screen and (max-width:600px) {
	#main-navigation .container{
		height:48px;
	}
	#main-navigation .container .logo{
		display: none;
	}
	#main-navigation .container .basket-btn-wrapper{
		width:100%;
	}
}

#mobile-navigation-wrapper{
	width:100vw;
	height:100vh;
	background:rgba( 0, 0, 0, 0.6 );
	
	display:flex;
	justify-content:center;
	align-items:center;
	
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	FILTER: alpha(opacity=0);
	
	position:fixed;
	top:0;
	left:0;
	z-index:999999999999;
}
#mobile-navigation-wrapper.visible{
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	FILTER: alpha(opacity=100);
}
#mobile-navigation{
	width:260px;
	height:100vh;
	background:#fff;
	overflow:hidden;
	overflow-y:auto;
	padding:16px 0;
	
	position:fixed;
	top:0;
	right:-360px;
}
#mobile-navigation.visible{
	right:0;
}
#mobile-navigation .top{
	padding:0 16px;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#mobile-navigation .logo{
	display:inline-block;
}
#mobile-navigation .logo img{
	width:64px;
	height:64px;
	display:block;
}
#mobile-navigation .close{
	width:40px;
	height:40px;
	background:#f4f4f4;
	border-radius:8px;
	cursor:pointer;
	float:left;
	
	display:flex;
	justify-content:center;
	align-items:center;
	gap:8px;
}
#mobile-navigation .close:hover{
	background:#f1f1f1;
	
	color:#4a6cf7;
}
#mobile-navigation .close:hover svg{
	stroke:#4a6cf7;
}
#mobile-navigation .basket-btn-wrapper{
	width:100%;
	height:44px;
	border-top: 1px solid rgba(118, 97, 82, 0.2);
	border-bottom: 1px solid rgba(118, 97, 82, 0.2);
	margin:16px 0;
	padding:0 16px;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:10px;
}
#mobile-navigation .basket-btn-wrapper .basket-btn{
	width:24px;
	height:24px;
}
#mobile-navigation .basket-btn-wrapper .basket-btn svg path{
	fill:#766152;
}
#mobile-navigation .basket-btn-wrapper .label{
	width:-moz-calc(100% - 34px);
	width:-webkit-calc(100% - 34px);
	width:calc(100% - 34px);
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
}
#mobile-navigation .basket-btn-wrapper .label p{
	width:auto;
	display:inline-block;
	padding:0;
	margin:0;
}
#mobile-navigation .basket-btn-wrapper .label .title{
	color:#766152;
	font-size:16px;
	font-weight:600;
	line-height:24px;
}
#mobile-navigation .basket-btn-wrapper .label .status{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:5px;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:14px;
	font-weight:300;
	line-height:20px;
}
#mobile-navigation .basket-btn-wrapper .label .status svg{
	display:none;
}
#mobile-navigation>ul{
	width:100%;
	display:block;
	clear:both;
	list-style:none;
	padding:0;
	margin:0;
}
#mobile-navigation>ul>li{
	margin-bottom:10px;
}
#mobile-navigation>ul>li>a{
	width:100%;
	background:#fff;
	padding:0 16px;
	
	font-size:14px;
	font-weight:normal;
	color:#1F1D19;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
	
	position: relative;
}
#mobile-navigation>ul>li:hover>a,
#mobile-navigation>ul>li.current-menu-item>a,
#mobile-navigation>ul>li.current_page_item>a{
	color:#766152;
}
#mobile-navigation>ul>li.menu-item-has-children>a:after {
	width:24px;
	height:24px;
	background:url('../images/menu-arrow-down.svg') no-repeat;
    overflow: hidden;
    display: inline-block;
    content: '';
}
#mobile-navigation>ul>li>ul {
	display:none;
}
#mobile-navigation .login-register {
	width: 150px;
	height:44px;
	background:#766152;
	display:block;
	border-radius:8px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	margin:16px auto;
	
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:44px;
	text-align:center;
}
#mobile-navigation .login-register:hover {
	background:#998170;
}

#mobile-navigation .profile-btn{
	width: 150px;
	height:44px;
	background:#766152;
	display:block;
	border-radius:8px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	margin:16px auto;
	
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:44px;
	text-align:center;
}
#mobile-navigation .profile-btn:hover {
	background:#998170;
}

@media only screen and (max-width:480px) {
	#mobile-navigation{
		max-width:75%;
		right:-360px;
	}
}

#breadcrumbs .container{
	padding:12px 0;
	border-bottom: 1px solid rgba(153, 123, 102, 0.32);
	
	color:#766152;
	font-size:14px;
	font-weight:500;
	line-height:30px;
	text-align:right;
}
#breadcrumbs .container a,
#breadcrumbs .container a:visited{
	color:#1F1D19;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
#breadcrumbs .container a:hover{
	color:#777;
}

.login-popup{
	width:100vw;
	height:100vh;
	background:#766152 url('../images/login-wave.png') no-repeat;
	
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-khtml-background-size:cover;
	background-size:cover;
	
	display:flex;
	justify-content:center;
	align-items:center;
	
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	FILTER: alpha(opacity=0);
	
	position:fixed;
	top:0;
	left:0;
	z-index:999999999999999999;
}
.login-popup.visible{
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	FILTER: alpha(opacity=100);
}
.my-account-login-wrapper{
	width:100%;
	overflow:hidden;
	padding:50px 0;
	
	display:flex;
	justify-content:center;
	align-items:center;
}
.login-form-wrapper{
	width: 448px;
	min-height:450px;
	
	background:#FFF;
	overflow:hidden;
	padding:16px;
	border-radius: 16px;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.24);
	
	position:relative;
}
.login-form-wrapper .blockUI.blockOverlay{
	width: 100%; 
	height: 100%; 
	background-color: rgba(255, 255, 255, 0.6) !important;
	margin: 0px; 
	padding: 0px; 
	border: none; 
	border-radius:16px;
	cursor: wait;
	opacity:1 !important;
	
	position: absolute !important;
	top: 0px; 
	left: 0px; 
	z-index: 1000; 
}
.login-form-wrapper .padding{
	padding:0 40px;
}
.login-form-wrapper .row{
	width:100%;
	overflow:hidden;
	display:block;
}
.login-form-wrapper .close{
	float:left;
	cursor:pointer;
}
.login-form-wrapper .close:hover path{
	stroke:#766152;
}
.login-form-wrapper .logo{
	width:99px;
	height:99px;
	display:block;
	margin:0 auto;
}
.login-form-wrapper .title{
	width:100%;
	height:48px;
	margin:10px 0;

	font-size: 21px;
	font-weight: 800;
	color:#1F1D19;
	text-align: center;
	line-height: 48px;
}
.login-form-wrapper .text{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 0 16px 0;
	
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
}
.login-form-wrapper .text p{
	font-size: 14px;
	font-weight: 400;
	color: #64748B;
	text-align: center;
	line-height: 24px;
}
.login-form-wrapper .text p span{
	font-weight:700;
	color:#334155;
}
.login-form-wrapper .change-number{
	width:100%;
	height:24px;
	margin-bottom:16px;
	cursor:pointer;

	font-size: 14px;
	font-weight: 500;
	color: #766152;
	text-align: center;
	line-height: 24px;
}
.login-form-wrapper .margin-top40{
	margin-top:40px;
}
.login-form-wrapper .input{
	width:100%;
	height:44px;
	background:#fff;
	border: 1px solid rgba(118, 97, 82, 0.32);
	border-radius: 8px;
	
	font-size: 16px;
	font-weight: 400;
	color:#997B66;
	text-align:center;
	line-height: 44px;
	direction:ltr;
}
.login-form-wrapper .input.mobile{
	letter-spacing:5px;
}
.login-form-wrapper .input.code{
	font-size: 15px;
	font-weight: 600;
}
.login-form-wrapper .input.text-field{
	text-align:right;
	padding:0 16px;
	margin-top:16px;
}
.login-form-wrapper .input.error{
	border-color:#F2616D;
	color:#F2616D;
}
.login-form-wrapper .input.success{
	border-color:#16D977;
	color:#14B866;
}
.login-form-wrapper .message-box{
	width:100%;
	overflow:hidden;
	margin:0;

	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 24px;
}
.login-form-wrapper .message-box.less-margin{
	margin:10px 0;
}
.login-form-wrapper .message-box p.error{
	color:#DD3C49;
}
.login-form-wrapper .message-box p.success{
	color:#14B866;
}
.login-form-wrapper .submit{
	width:100%;
	height:44px;
	background-color:#766152;
	background-image:url('../images/form-btn-wave.png');
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-khtml-background-size:100% 100%;
	background-size:100% 100%;
	border-radius:8px;
	border:0;
	padding:0;
	margin:40px 0 20px 0;
	cursor:pointer;
	float:left;
	
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	
	color:#fff;
	font-size:16px;
	font-weight:500;
	text-align:center;
}
.login-form-wrapper .submit:hover{
	background:#53443A;
}
.login-form-wrapper .submit:disabled{
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	FILTER: alpha(opacity=50);
}
.login-form-wrapper .bottom-text{
	width:100%;
	overflow:hidden;
	margin:16px 0 0 0;
	
	font-size: 16px;
	font-weight: 400;
	color:#766152;
	text-align: center;
	line-height: 24px;
	direction:ltr;
	
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:5px;
}
.login-form-wrapper .bottom-text.less-margin{
	margin-top:20px;
}
.login-form-wrapper .bottom-text .send-sms-btn{
	color:#766152;
	cursor:pointer;
}
@media only screen and (max-width:580px) {
	.login-form-wrapper{
		width:-moz-calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
		width:calc(100% - 40px);
	}
	.my-account-login-wrapper{
		overflow:unset;
	}
	.my-account-login-wrapper .login-form-wrapper{
		width:100%;
	}
	.login-form-wrapper .padding{
		padding:0;
	}
}
#footer {
	margin-top:50px;
	
	position:relative;
}
#footer:before{
	width:100%;
	
	height:-moz-calc(100% - 65px);
	height:-webkit-calc(100% - 65px);
	height:calc(100% - 65px);
	
	background:#745642 url('../images/footer-wave.png') no-repeat;
	
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-khtml-background-size:cover;
	background-size:cover;
	
	display:block;
	content:'';
	
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
}
#footer .main{
	background:#fff;
	padding:10px;
	margin-bottom:10px;
	box-shadow: 0px 0px 16px 0px rgba(153, 123, 102, 0.32);
	border-radius:16px;
	
	position:relative;
	z-index:1;
}
#footer .newsletter{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:10px;
}
#footer .newsletter .label{
	width:195px;
	
	color:#1F1D19;
	font-size:22px;
	font-weight:bold;
}
#footer .newsletter .desc{
	width:390px;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:16px;
	font-weight:600;
}
#footer .newsletter .gform_wrapper{
	width:-moz-calc(100% - 650px);
	width:-webkit-calc(100% - 650px);
	width:calc(100% - 650px);
	
	margin:0;
}
#footer .newsletter .gform_wrapper .gform_validation_errors{
	display:none !important;
}
#footer .newsletter form{
	height:44px;
	border: 1px solid rgba(118, 97, 82, 0.5);
	border-radius:8px;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
#footer .newsletter form .gform_body{
	width:-moz-calc(100% - 112px);
	width:-webkit-calc(100% - 112px);
	width:calc(100% - 112px);
}
#footer .newsletter form label{
	display:none;
}
#footer .newsletter form input[type="email"]{
	width:100%;
	height:42px;
	background:#fff;
	border:0 !important;
	border-radius:8px;
	padding:0 10px;
}
#footer .newsletter form input[type="email"]::placeholder {
    text-align:right;
}
#footer .newsletter form input[type="email"]:-webkit-autofill,
#footer .newsletter form input[type="email"]:-webkit-autofill:active,
#footer .newsletter form input[type="email"]:-webkit-autofill:focus,
#footer .newsletter form input[type="email"]:-webkit-autofill:hover{
	-webkit-text-fill-color: #000;
}
#footer .newsletter form .gform_body .gfield_validation_message{
	display:none !important;
}
#footer .newsletter form .gform_footer{
	width:112px;
	margin:0;
	padding:0;
}
#footer .newsletter form button[type="submit"]{
	width:100%;
	height:42px;
	background: #766152;
	border-radius:8px;
	cursor:pointer;
	border:0;
	margin-bottom:0;
	
	color:#fff;
}
#footer .mobile-brand-title{
	display:none;
	justify-content:center;
	align-items:center;
	
	color:#766152;
	font-size:22px;
	font-weight:700;
}
#footer .mobile-brand-title img{
	width:64px;
	height:64px;
	display:block;
}
#footer .footer-main-content{
	padding:20px 10px;
	
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:20px;
}
#footer .footer-main-content .about{
	width:320px;
}
#footer .footer-main-content .about .brand-title{
	display:flex;
	justify-content:space-between;
	align-items:center;
	
	color:#766152;
	font-size:22px;
	font-weight:700;
}
#footer .footer-main-content .about .brand-title img{
	width:64px;
	height:64px;
	display:block;
}
#footer .footer-main-content .about .phone-title{
	margin:20px 10px 16px 0;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:5px;
	
	color:#766152;
	font-size:16px;
	font-weight:600;
}
#footer .footer-main-content .about .phone-numbers{
	margin-right:10px;
	
	display:flex;
	flex-direction:column;
	gap:8px;
	
	font-size:14px;
	font-weight:500;
}
#footer .footer-main-content .about .phone-numbers a,
#footer .footer-main-content .about .phone-numbers a:visited{
	color:rgba(31, 29, 25, 0.5);
}
#footer .footer-main-content .about .phone-numbers a:hover{
	color:rgba(31, 29, 25, 1);
}

#footer .footer-main-content .title{
	margin:22px 0;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:10px;
	
	font-size:16px;
	font-weight:600;
	color:#766152;
}
#footer .footer-main-content .title:before{
	width:10px;
	height:10px;
	background:#766152;
	display:block;
	border-radius:100%;
	content:'';
}
#footer .footer-main-content .navigation{
	width:170px;
	flex-shrink:0;
}
#footer .footer-main-content .navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer .footer-main-content .navigation ul li{
	width:100%;
	float:right;
	margin-bottom:16px;
}
#footer .footer-main-content .navigation ul li a{
	display:block;
	
	color:rgba(31, 29, 25, 0.5);
	text-align:right;
	line-height:24px;
	vertical-align:middle;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
#footer .footer-main-content .navigation ul li.current-menu-item>a,
#footer .footer-main-content .navigation ul li.current_page_item>a,
#footer .footer-main-content .navigation ul li:hover>a,
#footer .footer-main-content .navigation ul li a:hover {
	color:rgba(31, 29, 25, 1);
}

#footer .footer-main-content .address{
	width:-moz-clac(100% - 320px);
	width:-webkit-clac(100% - 320px);
	width:clac(100% - 320px);
	overflow:hidden;
}
#footer .footer-main-content .address .address-title{
	margin:20px 10px 6px 0;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:5px;
	
	color:#766152;
	font-size:16px;
	font-weight:600;
}
#footer .footer-main-content .address p{
	margin-top:16px;
	padding-right:10px;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:14px;
	font-weight:500;
}
#footer .footer-main-content .socert{
	width:300px;
	overflow:hidden;
	
	display:flex;
	justify-content:space-between;
	align-items:end;
	gap:10px;
}
#footer .footer-main-content .socert .social{
	width:70px;
	
	direction:ltr;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#footer .footer-main-content .socert .social a{
	width:32px;
	height:32px;
	
	display:flex;
	justify-content:center;
	align-items:center;
}
#footer .footer-main-content .socert .social a:hover svg path{
	fill:#766152;
}
#footer .footer-main-content .socert .certificate{
	width:210px;
	
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:10px;
}
#footer .footer-main-content .socert .certificate .item{
	width:100px;
	height:100px;
	
	display:flex;
	justify-content:center;
	align-items:center;
}

#footer .copyright{
	background:#fff;
	padding:20px 10px;
	box-shadow: 0px 0px 16px 0px rgba(153, 123, 102, 0.32);
	border-radius:16px 16px 0 0;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:5px;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:14px;
	font-weight:500;
	line-height:25px;
	
	position:relative;
	z-index:1;
}

@media only screen and (max-width:1020px) {
	#footer .newsletter .label{
		width:140px;
		
		font-size:16px;
	}
	#footer .newsletter .desc{
		width:310px;
		
		font-size:13px;
		font-weight:400;
	}
	#footer .newsletter .gform_wrapper{
		width:-moz-calc(100% - 512px);
		width:-webkit-calc(100% - 512px);
		width:calc(100% - 512px);
	}
}
@media only screen and (max-width:845px) {
	#footer .newsletter{
		display:none;
	}
}
@media only screen and (max-width:780px) {
	#footer .mobile-brand-title{
		display:flex;
	}
	#footer .footer-main-content .about{
		width:-moz-calc(50% - 10px);
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	#footer .footer-main-content .about .brand-title{
		display:none;
	}
	#footer .footer-main-content .navigation{
		width:-moz-calc(50% - 10px);
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	#footer .footer-main-content .address{
		width:100%;
	}
	#footer .footer-main-content .socert{
		width:100%;
		margin-top:10px;
		
		flex-direction:column-reverse;
		align-items:center;
	}
}
@media only screen and (max-width:600px) {
	#footer .mobile-brand-title{
		font-size:18px;
	}
	#footer .copyright{
		display:block;
		
		text-align:center;
	}
	#footer .copyright svg{
		display:none;
	}
}
@media only screen and (max-width:440px) {
	#footer .footer-main-content .about{
		width:100%;
	}
	#footer .footer-main-content .navigation{
		width:100%;
	}
	
}
@media only screen and (max-width:390px) {
	#footer .footer-main-content .navigation ul li{
		width:100%;
		float:none;
	}
}

.jcarousel-wrapper {
    position: relative;
}
.jcarousel {
    width:-moz-calc(100% - 60px);
    width:-webkit-calc(100% - 60px);
    width:calc(100% - 60px);
	
    overflow: hidden;
	display:block;
	box-sizing:border-box;
	margin:0 auto;
	direction:ltr;
	text-align:left;
    position: relative;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
	text-align:right;
	direction:rtl;
}

/** Carousel Controls **/

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	color:#666 !important;
}
.jcarousel-control-prev,
.jcarousel-control-next{
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
.jcarousel-control-prev,
.jcarousel-control-next{
	width:28px;
	height:28px;
	background:#FFCB69;
	border:0;
	border-radius:100%;
	margin-top: -14px;
	
	display:flex;
	align-items:center;
	justify-content:center;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	
	position: absolute;
	top: 50%;
}
.jcarousel-control-prev {
	right:0;
}
.jcarousel-control-next {
	left:0;
}
.jcarousel-control-next svg, 
.jcarousel-control-prev svg{
	width: 24px;
	height: 24px;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover{
	border-color:#475569;
}
.jcarousel-control-prev:active,
.jcarousel-control-next:active{
	border-color:#D8D7DB;
}

/** Carousel Pagination **/

.jcarousel-pagination {
	width:100%;
	
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:row-reverse;
	gap:12px;
}

.jcarousel-pagination span{
    width:8px;
	height:8px;
	background:#CBD5E1;
    display: inline-block;
	border-radius:15px;
	padding:0;
	border:0;
	cursor:pointer;
	
	text-decoration: none;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.jcarousel-pagination span.active {
	width:24px;
	background:#64748B;
}

.module-slider-wrapper .container{
	margin-top:40px;
	
	display:flex;
	flex-direction:column;
	gap:35px;
}
.module-slider-wrapper .first-title-type{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:16px;
}
.module-slider-wrapper .first-title-type .badge{
	width:153px;
	height:56px;
	background:url('../images/title-badge.png') no-repeat;
	
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-khtml-background-size:100% 100%;
	background-size:100% 100%;
	
	padding:0 5px;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:10px;
}
.module-slider-wrapper .first-title-type .badge .icon{
	width:48px;
	height:48px;
	border:2px solid #fff;
	border-radius:100%;
	
	display:flex;
	justify-content:center;
	align-items:center;
}
.module-slider-wrapper .first-title-type .badge .label{
	color:#fff;
	font-family: 'brushfire';
	font-size:24px;
	font-weight:400;
}
.module-slider-wrapper .first-title-type .title{
	width:auto;
	
	color:#766152;
	font-size:24px;
	font-weight:800;
}
.module-slider-wrapper .first-title-type .go-to-archive{
	width:145px;
	height:44px;
	background:#fff;
	cursor:pointer;
	border: 1px solid #766152;
	border-radius:8px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	margin-right:auto;
	
	font-size: 16px;
	font-weight: 400;
	color:#766152;
	text-align: center;
	line-height: 44px;
}
.module-slider-wrapper .first-title-type .go-to-archive:hover{
	background:#766152;
	color:#fff;
}
.module-slider-wrapper .second-title-type{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:16px;
}
.module-slider-wrapper .second-title-type .title{
	width:auto;
	
	color:#766152;
	font-size:22px;
	font-weight:700;
}
.module-slider-wrapper .module-slider-box-wrapper{
	width:100%;
	background:#fff;
	border-radius:16px;
	box-shadow: 0px 0px 32px 0px rgba(153, 123, 102, 0.2);
	padding:10px;
}
.module-slider-wrapper .module-slider-box-wrapper.yellow{
	background:#F0EAD2;
}
.module-slider-wrapper .module-slider-box-wrapper .jcarousel-control-prev {
	right:10px;
}
.module-slider-wrapper .module-slider-box-wrapper .jcarousel-control-next {
	left:10px;
}
.module-slider-wrapper .module-slider-box-wrapper .module-slider{
	direction:rtl !important;
	text-align:right !important;
}
.module-slider-wrapper .module-slider-box-wrapper .module-slider-items{
	gap:0;
}
.module-slider-wrapper .module-slider-box-wrapper .product{
	width:224px !important;
	margin:0 8px !important;
	float:none !important;
	border:1px solid #CBD5E1;
	box-shadow:unset;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item{
	width:224px;
	background:#FFF;
	border: 1px solid rgba(139, 79, 30, 0.16);
	border-radius: 16px;
	padding:16px;
	margin:0 8px;
	float:right;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .thumb{
	width:100%;
    aspect-ratio:186/226;
    overflow:hidden;
	display:block;
	border-radius:16px;
	margin-bottom:16px;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .thumb img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	display:block;
	border-radius:16px;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .title{
	width:100%;
	height:27px;
	overflow: hidden;
	display:block;
	
	font-size: 15px;
	font-weight: 600;
	line-height: 25px;
	color:#766152;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .title,
.module-slider-wrapper .module-slider-box-wrapper .blog-item .title:visited{
	color:#766152;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .title:hover{
	color:#857469;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .author{
	width:100%;
	height:24px;
	display:block;
	overflow:hidden;
	
	font-size: 12px;
	font-weight: 500;
	color: rgba(31, 29, 25, 0.5);
	text-align: right;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .bottom{
	width:100%;
	overflow: hidden;
	margin:16px 0 0;
	
	display:flex;
	flex-direction:column;
	gap:5px;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .bottom .detail{
	width:100%;
	height:24px;
	overflow:hidden;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:5px;
	
	color:#1F1D19;
	font-size:12px;
	font-weight:500;
	line-height:24px;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .bottom .detail span:first-child{
	width:75px;
	height:24px;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .bottom .detail span:last-child{
	width:-moz-calc( 100% - 80px );
	width:-webkit-calc( 100% - 80px );
	width:calc( 100% - 80px );
	
	height:24px;
	display:block;
	
	color:rgba(31, 29, 25, 0.5);
	text-align:left;
	text-overflow: ellipsis;
	white-space: nowrap
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .bottom .readmore{
	width:100%;
	height:44px;
	background-color:#766152;
	background-image:url('../images/form-btn-wave.png');
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-khtml-background-size:100% 100%;
	background-size:100% 100%;
	display:block;
	border-radius:8px;
	
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:44px;
	text-align:center;
}
.module-slider-wrapper .module-slider-box-wrapper .blog-item .bottom .readmore:hover{
	background-color:#53443A;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item{
	width:224px;
	background:#FFF;
	border: 1px solid rgba(139, 79, 30, 0.16);
	border-radius: 16px;
	padding:16px;
	margin:0 8px;
	float:right;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .thumb{
	width:100%;
    aspect-ratio:186/226;
    overflow:hidden;
	display:block;
	border-radius:16px;
	margin-bottom:16px;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .thumb img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	display:block;
	border-radius:16px;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .title{
	width:100%;
	height:27px;
	overflow: hidden;
	display:block;
	
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	color:#1F1D19;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .title,
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .title:visited{
	color:#766152;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .title:hover{
	color:#857469;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .founder{
	width:100%;
	height:24px;
	display:block;
	overflow:hidden;
	
	font-size: 12px;
	font-weight: 500;
	color: rgba(31, 29, 25, 0.5);
	text-align: right;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .bottom{
	width:100%;
	overflow: hidden;
	padding:0 16px;
	margin:16px 0 0;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .bottom .readmore{
	width:100%;
	height:44px;
	background-color:#766152;
	background-image:url('../images/form-btn-wave.png');
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-khtml-background-size:100% 100%;
	background-size:100% 100%;
	display:block;
	border-radius:8px;
	
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:44px;
	text-align:center;
}
.module-slider-wrapper .module-slider-box-wrapper .publisher-item .bottom .readmore:hover{
	background-color:#53443A;
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper{
	width:100%;
	overflow:hidden;
	
	background:none;
	border-radius:unset;
	box-shadow:unset;
	padding:0;
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers{
	list-style:none;
	margin:0;
	padding:0;
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item{
	width:-moz-calc(20% - 24px);
	width:-webkit-calc(20% - 24px);
	width:calc(20% - 24px);
	
	float:right;
	margin:5px 5px 0 24px;
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item:last-child{
	margin-left:0;
	margin-right:0;
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item .thumb{
	width:100%;
	display:block;
	margin-bottom:15px;
	aspect-ratio: 1 / 1;
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item .thumb img{
	width:100%;
	height:100%;
	display:block;
	border:4px solid #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
	border-radius:100%;
	object-fit:cover;
	object-position: top;
	aspect-ratio: 1 / 1;
	filter: grayscale(100%);
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item:hover .thumb img{
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.40);
	filter: grayscale(0%);
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item .title{
	margin:0;
	padding:0;
	
	font-family:'lateef';
	font-size:clamp(20px, 2vw, 32px);
	font-weight:800;
	color:#766152;
	text-align:center;
}
.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item:hover .title{
	color:#534439;
}
@media only screen and (max-width:700px){
	.module-slider-wrapper .first-title-type .badge{
		display:none;
	}
	.module-slider-wrapper .first-title-type .title{
		width:-moz-calc(100% - 140px);
		width:-webkit-calc(100% - 140px);
		width:calc(100% - 140px);
		
		font-size:16px;
		font-weight:600;
	}
	.module-slider-wrapper .first-title-type .go-to-archive{
		width:124px;
	}
}
@media only screen and (max-width:600px){
	.module-slider-wrapper .container{
		width:100%;
		margin-right:0;
		margin-left:0;
	}
	.module-slider-wrapper .first-title-type{
		padding:0 20px;
	}
	.module-slider-wrapper .module-slider-box-wrapper{
		border-radius:0;
		padding:10px 0;
	}
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile{
		width:100%;
	}
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items{
		width:100% !important;
		overflow-x:scroll;
		overflow-y:hidden;
		
		-ms-overflow-style: none;
		scrollbar-width: none;
		
		display:flex !important;
		flex-wrap:unset !important;
		gap:16px !important;
		
		direction:rtl !important;
	}
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items::-webkit-scrollbar{
		display:none;
	}
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .product,
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .blog-item,
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .publisher-item{
		flex-basis:calc(50vw - 45px);
		min-width:220px;
		margin:0 !important;
		float:right !important;
		flex-grow:1;
		flex-shrink:0;
	}
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .product:first-child,
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .blog-item:first-child,
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .publisher-item:first-child{
		margin-right:20px !important;
	}
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .product:last-child,
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .blog-item:last-child,
	.module-slider-wrapper .module-slider-box-wrapper .module-slider-mobile .module-slider-items .publisher-item:last-child{
		margin-left:20px !important;
	}
	.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers{
		width:100% !important;
		overflow-x:scroll;
		overflow-y:hidden;
		
		-ms-overflow-style: none;
		scrollbar-width: none;
		
		display:flex !important;
		flex-wrap:unset !important;
		gap:16px !important;
		
		direction:rtl !important;
	}
	.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers::-webkit-scrollbar {
		display:none;
	}
	.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item{
		flex-basis:calc(50vw - 45px);
		max-width:185px;
		min-width:130px;
		margin:0;
		flex-grow:1;
		flex-shrink:0;
	}
	.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item:first-child{
		margin-right:20px;
	}
	.module-slider-wrapper.hscroll .module-slider-box-wrapper .writers .writer-item:last-child{
		margin-left:20px;
	}
}

.call-to-action{
	width:100%;
	margin-top:40px;
	padding:25px 25px 25px 220px;
	border-radius:16px;
	
	position:relative;
}
.call-to-action.yellow{
	background:#FFCB69;
}
.call-to-action.blue{
	background:#A6DDDF;
}
.call-to-action.green{
	background:#A6DFAF;
}
.call-to-action.red{
	background:#E67F81;
}
.call-to-action.purple{
	background:#C5A6DF;
}
.call-to-action:before{
	width:50%;
	height:100%;
	background:url('../images/action-brush.png') no-repeat center top;
	
	-moz-background-size:100% 90%;
	-webkit-background-size:100% 90%;
	-khtml-background-size:100% 90%;
	background-size:100% 90%;
	
	display:block;
	content:'';
	
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.call-to-action:after{
	width:185px;
	height:100%;
	
	background-repeat:no-repeat;
	background-position:center;
	
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-khtml-background-size:contain;
	background-size:contain;
	
	display:block;
	content:'';
	
	position:absolute;
	top:0;
	left:20px;
	z-index:1;
}
.call-to-action.book:after{
	background-image:url('../images/action-book.png');
}
.call-to-action.headset:after{
	background-image:url('../images/action-headset.png');
}
.call-to-action.type:after{
	background-image:url('../images/action-type.png');
}
.call-to-action.face1:after{
	background-image:url('../images/action-face1.png');
	background-position:center bottom;
}
.call-to-action.face2:after{
	background-image:url('../images/action-face2.png');
	background-position:center bottom;
}
.call-to-action .title{
	margin:0 0 16px;
	
	color:#1F1D19;
	font-size:24px;
	font-weight:800;
	
	position:relative;
	z-index:2;
}
.call-to-action .desc{
	margin:0 0 16px;
	
	color:rgba(31, 29, 25, 0.5);
	font-size:13px;
	font-weight:400;
	
	position:relative;
	z-index:2;
}
.call-to-action .action-btn{
	width:auto;
	min-height:44px;
	background:#fff;
	display:inline-block;
	padding:0 16px;
	border-radius:8px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	
	color:#1F1D19;
	font-size:16px;
	font-weight:600;
	line-height:44px;
	text-align:center;
	
	position:relative;
	z-index:2;
}
.call-to-action .action-btn:hover{
	background:rgba(255,255,255,0.8);
}
@media only screen and (max-width:700px){
	.call-to-action{
		padding-left:185px;
	}
	.call-to-action:after{
		width:150px;
	}
}
@media only screen and (max-width:600px){
	.call-to-action .title{
		font-size:16px;
	}
}
@media only screen and (max-width:480px){
	.call-to-action{
		padding-left:145px;
	}
	.call-to-action:after{
		width:120px;
		
		left:15px;
	}
}

.instagram-banner{
	width:100%;
	min-height:104px;
	background: linear-gradient(90deg, #F8C438 0%, #E72A80 49.09%, #6D28D0 100%);
	margin-top:90px;
	border-radius:16px;
	padding:0 25px 0 140px;
	
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:16px;
	
	position:relative;
}
.instagram-banner .title{
	width:auto;
	
	font-size:24px;
	font-weight:800;
	color:#fff;
}
.instagram-banner .desc{
	width:175px;
	
	display:flex;
	flex-direction:column;
	gap:10px;
	
	font-size:12px;
	font-weight:400;
	color:#fff;
}
.instagram-banner img{
	max-width:100%;
	height:auto;
	display:block;
}
.instagram-banner .follow{
	width:164px;
	height:52px;
	background:#fff;
	border-radius:8px;
	display:inline-block;
	margin-right:auto;
	
	font-family:'brushfire';
	font-size:34px;
	color:#4CB5F9;
	text-align:center;
	line-height:52px;
}
.instagram-banner .mobile{
	position:absolute;
	top:-60px;
	left:25px;
}
@media only screen and (max-width:1010px){
	.instagram-banner .follow{
		width:100px;
		height:40px;
		
		font-size:24px;
		line-height:40px;
	}
}
@media only screen and (max-width:945px){
	.instagram-banner .follow{
		display:none;
	}
}
@media only screen and (max-width:825px){
	.instagram-banner .desc{
		display:none;
	}
}
@media only screen and (max-width:500px){
	.instagram-banner .title{
		font-size:18px;
	}
}
@media only screen and (max-width:420px){
	.instagram-banner{
		padding-left:105px;
	}
	.instagram-banner .title{
		font-size:15px;
	}
	.instagram-banner .mobile{
		left:15px;
	}
}

#product-addtocart-popup{
	width:100vw;
	height:100vh;
	background:rgba(0, 0, 0, 0.6);
	overflow:hidden;
	
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	FILTER: alpha(opacity=0);
	
	position:fixed;
	top:0;
	left:0;
	z-index:99999999;
	
	display:flex;
	justify-content:center;
	align-items:center;
}
#product-addtocart-popup.visible{
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	FILTER: alpha(opacity=100);
}
#product-addtocart-popup .product-addtocart-wrapper{
	width:100%;
	max-width:360px;
	background:#FFF;
	overflow:hidden;
	border-radius: 16px;
	box-shadow: 0px 10px 15px -3px rgba(19, 108, 90, 0.10), 0px 4px 6px -4px rgba(19, 108, 90, 0.10);
	padding:16px;
	
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	FILTER: alpha(opacity=0);
	
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	
	position:relative;
}
#product-addtocart-popup .product-addtocart-wrapper.visible{
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	FILTER: alpha(opacity=100);
}
#product-addtocart-popup .product-addtocart-wrapper .row{
	width:100%;
	display:block;
	overflow:hidden;
}
#product-addtocart-popup .product-addtocart-wrapper .close{
	float:left;
	cursor:pointer;
}
#product-addtocart-popup .product-addtocart-wrapper .title{
	margin:10px;
	
	font-size: 16px;
	font-weight: 700;
	color: #14B866;
	text-align: center;
	line-height:30px;
}
#product-addtocart-popup .product-addtocart-wrapper .item{
	margin:16px 0 0;
	
	font-size: 16px;
	font-weight: 400;
	color: #64748B;
	text-align: center;
	line-height: 30px;
}
#product-addtocart-popup .product-addtocart-wrapper .item .product-code{
	font-size:11px;
	color:#30B2F2;
	font-weight:400;
}
#product-addtocart-popup .product-addtocart-wrapper .item .product-packing{
	font-size:11px;
	color:#64748B;
	font-weight:400;
}
#product-addtocart-popup .product-addtocart-wrapper .item h2{
	margin:8px 0;
	
	font-size:16px;
	color:#334155;
	font-weight:800;
	line-height:30px;
}
#product-addtocart-popup .product-addtocart-wrapper .gotocart-btn{
	width:100%;
	max-width:330px;
	height:48px;
	background:#E6332A;
	cursor:pointer;
	border-radius:8px;
	margin:0 0 16px;
	
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	text-align: center;
	line-height: 48px;
	
	display:flex;
	justify-content:center;
	align-items:center;
	gap:16px;
}
#product-addtocart-popup .product-addtocart-wrapper .gotocart-btn:hover{
	background:#C42A24;
}
#product-addtocart-popup .product-addtocart-wrapper .gotocart-btn:active{
	background:#F08F89;
}

@media only screen and (max-width:500px){
	#product-addtocart-popup .product-addtocart-wrapper{
		max-width:unset;
		border-radius:16px 16px 0 0;
		box-shadow:unset;
		
		position:fixed !important;
		bottom:-500px;
		left:0;
		z-index:9999999;
	}
	#product-addtocart-popup .product-addtocart-wrapper.visible{
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1;
		FILTER: alpha(opacity=100);
		
		bottom:0;
	}
}


.infinit-loader-wrapper{
	width:100%;
	
	display:flex;
	justify-content:center;
	align-items:center;
}
.infinit-loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  margin:20px auto;
}
.infinit-loader::after,
.infinit-loader::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #64748B;
  position: absolute;
  left: 0;
  top: 0;
  animation: animloader 2s linear infinite;
}
.infinit-loader::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

#loading {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100 
}
#loading.is-active {
	visibility: visible 
}
#loading.fadein {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	FILTER: alpha(opacity=100) 
}
#loading .white-box{
	width:90%;
	max-width:300px;
	background:#fff;
	padding:40px 0 0 0;
	border-radius:16px;
	box-shadow: 0px 10px 15px -3px rgba(58, 58, 58, 0.10), 0px 4px 6px -4px rgba(58, 58, 58, 0.10);
	
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	flex-direction:column;
}
#loading .white-box .white-loader {
	width: 48px;
	height: 48px;
	margin:20px auto 50px;
	position: relative;
}
#loading .white-box .white-loader:before {
	content: '';
	width: 48px;
	height: 5px;
	background: #000;
	opacity: 0.25;
	position: absolute;
	top: 60px;
	left: 0;
	border-radius: 50%;
	animation: shadow 0.5s linear infinite;
}
#loading .white-box .white-loader:after {
	content: '';
	width: 100%;
	height: 100%;
	background: #E6332A;
	animation: bxSpin 0.5s linear infinite;
	
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
}
@keyframes bxSpin {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		transform: translateY(18px) scale(1, .9) rotate(45deg);
		border-bottom-right-radius: 40px;
	}
	75% {
		transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		transform: translateY(0) rotate(90deg);
	}
}

@keyframes shadow {
	0%, 100% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1);
	}
}