@font-face{
		font-family:'Cera Pro Light';
		src:url(/css/fonts/CeraPro/CeraPro-Light.eot);
		src:url(/css/fonts/CeraPro/CeraPro-Light.eot?#iefix) format("embedded-opentype"), 
		url(/css/fonts/CeraPro/CeraPro-Light.woff) format("woff"),
		url(/css/fonts/CeraPro/CeraPro-Light.ttf) format("truetype"),
		url(/css/fonts/CeraPro/CeraPro-Light.svg#CeraPro-Light) format("svg");
		font-weight:200;
		font-style:normal;
		}
@font-face{
		font-family:'Cera Pro Medium';
		src:url(/css/fonts/CeraPro/CeraPro-Medium.eot);
		src:url(/css/fonts/CeraPro/CeraPro-Medium.eot?#iefix) format("embedded-opentype"), 
		url(/css/fonts/CeraPro/CeraPro-Medium.woff) format("woff"),
		url(/css/fonts/CeraPro/CeraPro-Medium.ttf) format("truetype"),
		url(/css/fonts/CeraPro/CeraPro-Medium.svg#CeraPro-Medium) format("svg");
		font-weight:300;
		font-style:normal;
		}
@font-face{
		font-family:'Cera Pro Regular';
		src:url(/css/fonts/CeraPro/CeraPro-Regular.eot);
		src:url(/css/fonts/CeraPro/CeraPro-Regular.eot?#iefix) format("embedded-opentype"), 
		url(/css/fonts/CeraPro/CeraPro-Regular.woff) format("woff"),
		url(/css/fonts/CeraPro/CeraPro-Regular.ttf) format("truetype"),
		url(/css/fonts/CeraPro/CeraPro-Regular.svg#CeraPro-Regular) format("svg");
		font-weight:400;
		font-style:normal;
		}
@font-face{
		font-family:'Cera Pro Bold';
		src:url(/css/fonts/CeraPro/CeraPro-Bold.eot);
		src:url(/css/fonts/CeraPro/CeraPro-Bold.eot?#iefix) format("embedded-opentype"), 
		url(/css/fonts/CeraPro/CeraPro-Bold.woff) format("woff"),
		url(/css/fonts/CeraPro/CeraPro-Bold.ttf) format("truetype"),
		url(/css/fonts/CeraPro/CeraPro-Bold.svg#CeraPro-Bold) format("svg");
		font-weight:600;
		font-style:normal;
		}

:root{
		--header-height:0;
		}
			
.overlay{
		display:none;
		width:100vw;
		height:100vh;
		position:fixed;
		left:0;
		top:0;
		background:rgba(196, 196, 196, 0.5);
		z-index:10;
		}
					
*,
*:before,
*:after{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
		}

img[src$=".gif"], 
img[src$=".png"], 
img[src$=".jpg"]{ 
		image-rendering:high-quality;
		image-rendering:-moz-crisp-edges; /* Firefox */
		image-rendering:-o-crisp-edges; /* Opera */
		image-rendering:-webkit-optimize-contrast; /* Webkit (non-standard naming) */
		-ms-interpolation-mode:nearest-neighbor; /* IE (non-standard property) */
		}	
		
b,
strong{
		font-family:'Cera Pro Bold', Helvetica, Arial, sans-serif;
		}
	
h1,
h2,
h3,
h4,
h5,
h6{
		display:block;
		font-weight:400;
		line-height:1.2;
		color:#01BAF5;
		margin:0;
		font-size:26px;
		font-family:'Cera Pro Bold', Helvetica, Arial, sans-serif;
		}
			
html{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		overflow-x:hidden;
		background-color:#01BAF5;
		}
				
body{
		width:100%;
		max-width:1920px;
		min-height:100vh;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-pack:start;
		-webkit-justify-content:flex-start;
		-ms-flex-pack:start;
		justify-content:flex-start;
		margin:0 auto;
		font-family:'Cera Pro Regular', Helvetica, Arial, sans-serif;
		letter-spacing:0.5px;
		line-height:1.2;
		font-size:16px;
		background:#FFF;
		color:#000;
		overflow:hidden;
		}
body ::-webkit-scrollbar{
		width:6px;
		height:22px;
		}
body ::-webkit-scrollbar-track{
		-webkit-box-shadow:inset 0 0 1px #696969;
		}
body ::-webkit-scrollbar-thumb{
		outline:none;
		}
body.preload *{
		-webkit-transition:none !important;
		-moz-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		}
		
*{
    box-sizing:border-box;
}
a{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	text-decoration:none;
}
button,
summary{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
figure{
    margin:0;
    padding:0;
}
a,
.button:before,
input[type="submit"]:before,
.button span,
input[type="submit"] span,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
input[type="checkbox"],
input[type="radio"]{
    transition:all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}

header a,
main a,
footer a,
.modal a{
		text-decoration:none !important;
		-webkit-transition:color ease 0.3s;
		-o-transition:color ease 0.3s;
		transition:color ease 0.3s;
		}
	
header p,
header span,
main p,
main span,
footer p,
footer span,
.modal p,
.modal span{
		font-size:inherit;
		}
header p,
main p,
footer p,
.modal p{
		margin:0;
		margin-bottom:20px;
		}

.button{
		display:inline-flex;
		cursor:pointer;
		padding:7px 30px;
		align-items:center;
		justify-content:center;
		height:48px;
		font-size:16px;
		font-family:'Cera Pro Bold', Helvetica, Arial, sans-serif;
		background:#01BAF5;
		border:1px solid #01BAF5;
		color:#fff;
		text-align:center;
		position:relative;
		z-index:1;
		overflow:hidden;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		}
.button:hover{
		background:#FFF;
		color:#01BAF5;
		border:1px solid #01BAF5;
		}
button{
		font-size:16px;
		padding:0;
		margin:0;
		outline:none;
		border:none;
		border-radius:0;
		background-color:transparent;
		-webkit-appearance:none;
		cursor:pointer;
		}
	
.btn{
		width:100%;
		display:block;
		border:1px solid #000;
		padding:7px 15px;
		color:#fff;
		font-size:16px;
		line-height:120%;
		text-align:center;
		font-weight:500;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		cursor:pointer;
		outline:none;
		margin:0 auto 15px auto;
		}

/*add-to-cart*/			
.add-to-cart__btn--not-available:disabled,
.add-to-cart__btn--not-available.disabled{
		color:#000;
		background-color:#cdcdcd;
		border-color:#cdcdcd;
		}

/*input, textarea*/		
.input,
.textarea{
		width:100%;
		padding:14px 20px;
		font-size:16px;
		background-color:#fff;
		color:#696969;
		outline:none;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		border:1px solid #d1d3da;
		}
.incut-form form .input{
		margin:0 15px 0 0;
		}
.input.error,
.textarea.error{
		border-color:#eb5757 !important;
		color:#eb5757 !important;
		}
.input.error::-webkit-input-placeholder,
.textarea.error::-webkit-input-placeholder,
.input.error::-moz-placeholder,
.textarea.error::-moz-placeholder,
.input.error:-ms-input-placeholder,
.textarea.error:-ms-input-placeholder,
.input.error::-ms-input-placeholder,
.textarea.error::-ms-input-placeholder,
.input.error::placeholder,
.textarea.error::placeholder{
		color:#eb5757 !important;
		}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
.input::-moz-placeholder,
.textarea::-moz-placeholder,
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder,
.input::-ms-input-placeholder,
.textarea::-ms-input-placeholder,
.input::placeholder,
.textarea::placeholder{
		color:#696969;
		-webkit-transition:0.3s ease;
		-ms-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		}
.input:hover,
.input:focus,
.textarea:hover,
.textarea:focus{
		border-color:#696969;
		}	
.errortext{
		color:#eb5757;
		}
.textarea{
		resize:none;
		}
	
	
.label{
		width:100%;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		}


.checkbox,
.radio{
		position:relative;
		}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"]{
		width:24px;
		height:24px;
		position:absolute;
		opacity:0;
		}
.checkbox input[type="checkbox"] + label,
.checkbox input[type="checkbox"] + span,
.checkbox input[type="radio"] + label,
.checkbox input[type="radio"] + span,
.radio input[type="checkbox"] + label,
.radio input[type="checkbox"] + span,
.radio input[type="radio"] + label,
.radio input[type="radio"] + span{
		display:inline-block;
		position:relative;
		padding-left:35px;
		line-height:1.2;
		cursor:pointer;
		}
.checkbox input[type="checkbox"] + label:before,
.checkbox input[type="radio"] + label:before,
.checkbox input[type="checkbox"] + span:before,
.checkbox input[type="radio"] + span:before,
.radio input[type="checkbox"] + label:before,
.radio input[type="radio"] + label:before,
.radio input[type="checkbox"] + span:before,
.radio input[type="radio"] + span:before,{
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:24px;
		height:24px;
		border:1px solid #01BAF5;
		background-color:#fff;
		}
.checkbox input[type="checkbox"] + label:before,
.checkbox input[type="checkbox"] + span:before,
.radio input[type="checkbox"] + label:before,
.radio input[type="checkbox"] + span:before{
		border-radius:4px;
		}
.checkbox input[type="radio"] + label:before,
.checkbox input[type="radio"] + span:before,
.radio input[type="radio"] + label:before,
.radio input[type="radio"] + span:before{
		border-radius:50%;
		}
.checkbox input[type="checkbox"] + label:after,
.checkbox input[type="checkbox"] + span:after,
.radio input[type="checkbox"] + label:after,
.radio input[type="checkbox"] + span:after{
		content:"";
		position:absolute;
		width:14px;
		height:10px;
		background-image:url(/img/image/check.svg);
		background-size:contain;
		background-repeat:no-repeat;
		top:6px;
		left:5px;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		}
.checkbox input[type="radio"] + label:after,
.checkbox input[type="radio"] + span:after,
.radio input[type="radio"] + label:after,
.radio input[type="radio"] + span:after{
		content:"";
		position:absolute;
		width:14px;
		height:14px;
		top:5px;
		left:5px;
		background-color:#01BAF5;
		border-radius:50%;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		}
.checkbox input[type="checkbox"]:not(:checked) + label:after,
.checkbox input[type="radio"]:not(:checked) + label:after,
.checkbox input[type="checkbox"]:not(:checked) + span:after,
.checkbox input[type="radio"]:not(:checked) + span:after,
.radio input[type="checkbox"]:not(:checked) + label:after,
.radio input[type="radio"]:not(:checked) + label:after,
.radio input[type="checkbox"]:not(:checked) + span:after,
.radio input[type="radio"]:not(:checked) + span:after{
		-webkit-transform:scale(0);
		-ms-transform:scale(0);
		transform:scale(0);
		}
.checkbox input[type="checkbox"]:checked + label:after,
.checkbox input[type="radio"]:checked + label:after,
.checkbox input[type="checkbox"]:checked + span:after,
.checkbox input[type="radio"]:checked + span:after,
.radio input[type="checkbox"]:checked + label:after,
.radio input[type="radio"]:checked + label:after,
.radio input[type="checkbox"]:checked + span:after,
.radio input[type="radio"]:checked + span:after{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		}

/*input-spinner*/	
.input-spinner{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:none;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		margin:0 0 15px 0;
		}
.input-spinner .btn{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		width:38px;
		height:38px;
		border:none;
		color:#000;
		background-color:#f4f3ff;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		}
.input-spinner .btn:hover{
		color:#fff;
		background-color:#000;
		}
.input-spinner .form-control{
		width:62px;
		height:38px;
		padding:5px;
		margin:0 5px;
		font-size:16px;
		line-height:150%;
		font-weight:500;
		border:none;
		outline:none;
		text-align:center;
		background-color:#f4f3ff;
		}
		
.pagination{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		width:100%;
		margin-top:40px;
		}
.pagination__link{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		width:38px;
		height:38px;
		margin-right:12px;
		}
		
.pagination__link:not(.pagination__link--dots){
		border:1px solid #e7e6fb;
		border-radius:50%;
		}
.pagination__link:not(.pagination__link--dots).active{
		border-color:#1c1948;
		}
.pagination a.pagination__link{
		color:#373737;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		}
.pagination a.pagination__link:not(.active):hover{
		color:#fff;
		background-color:#a3a0d5;
		border-color:#a3a0d5;
		}
.pagination span.pagination__link{
		cursor:default;
		}
.pagination__btn{
		color:#373737;
		position:relative;
		}
.pagination__btn:hover{
		color:#a3a0d5;
		}
.pagination__btn::before{
		content:url(/img/image/arrow-bracket.svg);
		position:absolute;
		top:50%;
		}
.pagination__btn:first-child{
		padding-left:20px;
		margin-right:12px;
		}
.pagination__btn:first-child::before{
		left:0;
		-webkit-transform:translateY(-50%) rotate(180deg);
		-ms-transform:translateY(-50%) rotate(180deg);
		transform:translateY(-50%) rotate(180deg);
		margin-top:-2px;
		}
.pagination__btn:last-child{
		padding-right:20px;
		margin-left:12px;
		}
.pagination__btn:last-child::before{
		right:0;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		margin-top:2px;
		}
	
.tab.active{
		display:block;
		}
.tab:not(.active){
		display:none;
		}






.header.transparent--true .icon--shopping-bag{
	width:19px;
	height:20px;
	fill:var(--color-header-transparent-text, #01BAF5);
}
.header.transparent--true--all .icon--shopping-bag,
.header-fixed .icon--shopping-bag{
	fill:var(--color-header-transparent-text, #01BAF5) !important;
}
.header.transparent--true:not(:hover):not(.is-sticky) .icon--shopping-bag{
	width:19px;
	height:20px;
	fill:var(--color-header-transparent-text, #01BAF5);
}


.header.transparent--true .icon--profile{
	width:21px;
	height:22px;
	fill:var(--color-header-transparent-text, #01BAF5);
}

.header.transparent--true .icon--heart{
	width:21px;
	height:22px;
	fill:var(--color-header-transparent-text, #01BAF5);
}

.header.transparent--true .icon--history{
	width:30px;
	height:34px;
	fill:var(--color-header-transparent-text, #01BAF5);
}



.header.transparent--true:not(:hover):not(.is-sticky) .icon--search{
	width:22px;
	height:24px;
	fill:none;
	stroke:#01BAF5;
}
.header.transparent--true .icon--search,
.search__btn .icon--search{
	width:22px;
	height:24px;
	fill:none;
	stroke:#01BAF5;
}

.header.transparent--true--all .icon--search{
	fill:none !important;
	stroke:#01BAF5 !important;
}
.header-fixed .icon--search{
	display:block;
	stroke:#01BAF5 !important;
}
.search__btn .icon--search{
	display:block;
}


.favorite-button__count,
.history-button__count{
		margin:-8px 0 0 -5px;
		display:flex;
		justify-content:center;
		align-items:center;
		align-content:center;
		width:19px;
		height:19px;
		background:#01BAF5;
		border-radius:15px;
		padding:0;
		}
.favorite-button__count i,
.history-button__count i{
		display:block;
		color:#FFF;
		font-size:11px;	
		line-height:1;
		text-align:center;
		font-style:normal;
		}

.agreement{
		position:relative;
		font-size:13px;
		line-height:1.5;
		color:#000;
		margin:30px 0 0 0;
		}
.agreement a{
		display:inline-block;
		font-size:13px;
		line-height:1.2;
		
		text-align:left;
		margin:0;
		padding:0;
		color:#373737;
		border-bottom:1px dotted #373737;
		text-decoration:none;
		}
.agreement a:hover{
		color:#01BAF5;
		border-bottom:1px dotted #01BAF5;
		}

.div-sale,
.div-hit,
.div-new,
.div-zak,
.div-oji{
		position:absolute;
		top:0;
		left:0;
		background:#01BAF5;
		font-size:15px;
		color:#FFF;
		line-height:1.2;
		
		border-radius:0 0 25px 0;
		padding:10px 15px;
		}
.div-hit,
.div-new,
.div-zak,
.div-oji{
		left:auto;
		right:0;
		border-radius:0 0 0 25px;
		}
.div-hit{
		background:#000;
		}
.div-new{
		background:#22B37A;
		}
.div-zak{
		background:#FF0000;
		}
.div-oji{
		background:#A3A0D5;
		}

	
.link{
		display:block !important;
		color:#FFF !important;
		background:#22B37A !important;
		text-align:center !important;
		font-size:18px !important;
		line-height:1.2 !important;
		font-weight:600 !important;
		padding:15px 25px !important;
		width:350px !important;
		border-radius:12px !important;
		-webkit-transition:all ease 0.3s;
		-o-transition:all ease 0.3s;
		transition:all ease 0.3s;
		}
.link:hover{
		color:#FFF !important;
		background:#01BAF5 !important;
		}
		
		

/* Acordeon styles */
.tabus{
		position:relative;
		margin-bottom:1px;
		width:100%;
		color:#000;
		overflow:hidden;
		}
.tabus input{
		opacity:0;
		z-index:-1;
		}
.tabus .questions__form .alert{
		display:block;
		margin:15px 0;
		font-size:14px;
		line-height:1.2;
		font-weight:400;
		color:#01BAF5;
		}
.tabus .questions__form .input-area{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:center;
		align-items:center;
		height:100%;
		}
.tabus .questions__form .input-area p{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		margin:0;
		width:100%;
		}
.tabus .questions__form .input-area .input{
		border:1px dotted #CCC;
		padding:8px 15px;
		margin-bottom:5px;
		font-size:14px;
		height:auto;
		width:100%;
		opacity:1;
		z-index:inherit;
		}
.tabus .questions__form .input-area .submit__btn{
		width:25%;
		display:block;
		border:none;
		margin:0;
		padding:8px 0;
		background-color:#01BAF5;
		color:#FFF;
		font-size:14px;
		line-height:1.2;
		text-align:center;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		cursor:pointer;
		outline:none;
		}
.tabus .questions__form .input-area .submit__btn{
		width:25%;
		display:block;
		border:none;
		margin:0;
		padding:8px 0;
		border:1px solid #01BAF5;
		background-color:#01BAF5;
		color:#FFF;
		font-size:14px;
		line-height:1.2;
		text-align:center;
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		cursor:pointer;
		outline:none;
		}
.tabus .questions__form .input-area .submit__btn:hover{
		background:#FFF;
		color:#000 !important;
		padding:8px 0;
		border:1px solid #000;
		}	
.tabus label{
		position:relative;
		display:block;
		font-weight:bold;
		cursor:pointer;
		color:#01BAF5;
		font-size:16px;
		font-weight:400;
		line-height:1.2;
		padding:0 0 10px 0;
		border-bottom:1px dotted #CCC;
		}
.tabus .input-area label{
		border-bottom:none;
		}
.tabus-content{
		max-height:0;
		overflow:hidden;
		-webkit-transition:max-height .35s;
		-o-transition:max-height .35s;
		transition:max-height .35s;
		}
/* :checked */
.tabus input:checked ~ .tabus-content{
		max-height:100vh;
		}
.tabus input:checked ~ label{
		color:#000;
		}

.tabus label::after{
		position:absolute;
		right:0;
		top:0;
		display:block;
		font-size:22px;
		font-weight:400;
		text-align:center;
		-webkit-transition:all .35s;
		-o-transition:all .35s;
		transition:all .35s;
		}
.tabus input[type=checkbox] + label::after{
		content:"+";
		}
.tabus input[type=checkbox]:checked + label::after{
		transform:rotate(315deg);
		}