/* css/sliders.css */
.slider-thumbs .slick-slide:after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.slider-main, .slider-second, .slider-discounts, .slider-top, .slider-news, .slider-seen, .slider-thumbs, .slider-pack, .slider-modif, .slider-simil {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease;
	-webkit-transition: opacity 0.15s ease;
}
.slick-initialized.slider-main, .slick-initialized.slider-second, .slick-initialized.slider-discounts, .slick-initialized.slider-top, .slick-initialized.slider-news, .slick-initialized.slider-seen, .slick-initialized.slider-thumbs, .slick-initialized.slider-pack, .slick-initialized.slider-modif, .slick-initialized.slider-simil {
	visibility: visible;
	opacity: 1;
}

/*--------- Slick Slider ----------*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none; 
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	width: 100%;
	height: auto;
	min-height: 1px;
}

.slick-slide:focus {
	border: none;
	outline: none;
}

[dir='rtl'] .slick-slide {float: right;}

.slick-slide.slick-loading img{display: none;}

.slick-slide.dragging img{pointer-events: none;}

.slick-initialized .slick-slide{display: block;}

.slick-loading .slick-slide{visibility: hidden;}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/*---------  Arrows --------*/
.slick-prev, .slick-next {
	position: absolute;
	z-index: 1;
	display: block;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
}

/*------- Dots ------*/
/*.slick-dots{*/
/*display: block;*/
/*overflow: hidden;*/
/*width: 100%;*/
/*height: 20px;*/
/*margin: 20px 0 0 0;*/
/*padding: 0;*/
/*list-style: none;*/
/*text-align: center;*/
/*}*/
ul.slick-dots {
	padding: 0;
	margin: 0;
	text-align: center; 
}

.slick-dots li {display: inline-block;}

/*--------- Slick Slider Custom----------*/
/*-------- slider-main ---------*/
.slider-main{
	/*padding-bottom: 28px;*/
}
.slider-main .slick-slide{
	/*padding: 0 4px;*/
}
.slider-main .slick-slide>img, .slider-main .slick-slide>a>img{max-width: 100%; height: auto;}

.slider-main .slick-dots {
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}
.slider-main .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}
.slider-main .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}
.slider-main .slick-dots li.slick-active button {background: #ff358c;}

.slider-main .slick-prev {
	top: 50%;
	left: 10px;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: rgba(0,0,0,0.3) url("/css/../img/btn-prev.png") center no-repeat;
	/*border: 1px solid rgba(255,255,255,0.7);*/
}  

.slider-main .slick-next {
	top: 50%;
	right: 10px;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);/* rotate(180deg);*/
	background: rgba(0,0,0,0.3) url("/css/../img/btn-next.png") center no-repeat;
	/*border: 1px solid rgba(255,255,255,0.7);*/
}
.slider-main .slick-prev:hover, .slider-main .slick-next:hover{background-color: rgba(0,0,0,0.7); /*border: 1px solid rgba(255,255,255,0.8);*/}


@media only screen and (min-width: 1480px)
{
	.slider-main .slick-slide>img, .slider-main .slick-slide>a>img{width: 100%;}
}

@media only screen and (max-width: 720px)
{
	.slider-main .slick-slide>img, .slider-main .slick-slide>a>img{margin-left: auto; margin-right: auto;}
}

@media only screen and (max-width: 550px)
{
	.slider-main .slick-prev, .slider-main .slick-next{width: 33px; height: 33px;}
}

/*-------- slider-carbrands ---------*/
.slider-cbrands{
	padding: 0 34px 30px 34px;
}
.slider-cbrands .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-cbrands .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-cbrands .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-cbrands .slick-dots li.slick-active button {background: #ff358c;}

.slider-cbrands .slick-prev {
	top: 50%;
	left: 0px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") no-repeat 45% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-cbrands .slick-prev:hover{background-color: rgba(255,53,140,0.9);}
.slider-cbrands .slick-next {
	top: 50%;
	right: 0px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") no-repeat 55% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-cbrands .slick-next:hover{background-color: rgba(255,53,140,0.9);}

@media only screen and (max-width: 550px)
{
	.slider-cbrands{padding: 0 12px 30px 12px;}
	.slider-cbrands .slick-prev, .slider-cbrands .slick-next{width: 35px; height: 35px;}
}

/*-------- slider-carmodels ---------*/
.slider-cmodels{
	padding: 0 0 30px 0;
}
.slider-cmodels .slick-slide{
	padding: 0 4px;
}
.slider-cmodels .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-cmodels .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-cmodels .slick-dots li button {
	display: block;
	width: 18px;
	height: 9px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 3px;
	outline: none;
	background: #ffffff;
	opacity: 0.3;
}

.slider-cmodels .slick-dots li.slick-active button {opacity: 0.9;}

.slider-cmodels .slick-prev {
	bottom: 0px;
	left: 0px;
	width: 32px;
	height: 24px;
	/*border-radius: 17px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);*/
	transition: background 0.4s ease-out;
	background: url("/css/../img/sl-left-sm.png") center no-repeat;
	opacity: 0.6;
	/*background-color: rgba(68,72,85,0.1);*/
}
.slider-cmodels .slick-prev:hover{/*background-image: url("/css/../img/btn-prev-sel.png"); background-color: rgba(30,166,68,0.9);*/ opacity: 1;}
.slider-cmodels .slick-next {
	bottom: 0px;
	right: 0px;
	width: 32px;
	height: 24px;
	/*border-radius: 17px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);*/
	transition: background 0.4s ease-out;
	background: url("/css/../img/sl-right-sm.png") center no-repeat;
	/*background-color: rgba(68,72,85,0.1);*/
	opacity: 0.6;
}
.slider-cmodels .slick-next:hover{/*background-image: url("/css/../img/btn-next-sel.png"); background-color: rgba(30,166,68,0.9);*/ opacity: 1;}

/*-------- slider-discounts -------*/
.slider-discounts{
	padding-left: 20px;
	padding-right: 20px;	
	padding-bottom: 38px;
}
.slider-discounts .slick-slide {
	padding-left: 6px;
	padding-right: 6px;
}
.slider-discounts .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-discounts .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-discounts .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-discounts .slick-dots li.slick-active button {background: #ff358c;}

.slider-discounts .slick-prev {
	top: 50%;
	left: 10px;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: rgba(0,0,0,0.3) url("/css/../img/btn-prev.png") center no-repeat;
	/*border: 1px solid rgba(255,255,255,0.7);*/
}  

.slider-discounts .slick-next {
	top: 50%;
	right: 10px;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);/* rotate(180deg);*/
	background: rgba(0,0,0,0.3) url("/css/../img/btn-next.png") center no-repeat;
	/*border: 1px solid rgba(255,255,255,0.7);*/
}
.slider-discounts .slick-prev:hover, .slider-discounts .slick-next:hover{background-color: rgba(0,0,0,0.7); /*border: 1px solid rgba(255,255,255,0.8);*/}

@media only screen and (max-width: 600px)
{
	.slider-discounts{padding-left: 8px; padding-right: 8px;}
}

/*-------- slider-news -------*/
.slider-news {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}
.slider-news .slick-slide {
	padding-left: 2px;
	padding-right: 2px;
	border-right: 1px solid #eaeaea;
}
.slider-news .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-news .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-news .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-news .slick-dots li.slick-active button {background: #ff358c;}

.slider-news .slick-prev {
	top: 50%;
	left: 0px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") center no-repeat;
	background-color: rgba(68,72,85,0.1);
	opacity: 0.6;
}
.slider-news .slick-prev:hover{/*background-image: url("/css/../img/btn-prev-sel.png"); background-color: rgba(30,166,68,0.9);*/ opacity: 1;}
.slider-news .slick-next {
	top: 50%;
	right: 0px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") center no-repeat;
	background-color: rgba(68,72,85,0.1);
	opacity: 0.6;
}
.slider-news .slick-next:hover{/*background-image: url("/css/../img/btn-next-sel.png"); background-color: rgba(30,166,68,0.9);*/ opacity: 1;}


/*-------- slider-seen-------*/
.slider-seen {
	padding: 10px 20px 30px 20px;		
	margin-bottom: 40px;
}
.slider-seen .slick-slide {
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}
.slider-seen .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-seen .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-seen .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-seen .slick-dots li.slick-active button {background: #ff358c;}

.slider-seen .slick-prev {
	top: 50%;
	left: 0px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") center no-repeat;
	background-color: rgba(68,72,85,0.1);
	opacity: 0.6;
}
.slider-seen .slick-prev:hover{/*background-image: url("/css/../img/btn-prev-sel.png"); background-color: rgba(30,166,68,0.9);*/ opacity: 1;}
.slider-seen .slick-next {
	top: 50%;
	right: 0px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") center no-repeat;
	background-color: rgba(68,72,85,0.1);
	opacity: 0.6;
}
.slider-seen .slick-next:hover{/*background-image: url("/css/../img/btn-next-sel.png"); background-color: rgba(30,166,68,0.9);*/ opacity: 1;}

/*-------- slider-thumbs-------*/
.slider-thumbs .slick-slide {
	text-align: center;
	height: 380px;
	margin-bottom: 20px;
}
.slider-thumbs .slick-slide img {
	vertical-align: middle;
	max-width: 90%;
	height: auto;
	max-height: 90%;
}

.slider-thumbs .slick-dots li{
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	padding: 8px;
	border: 1px solid transparent;
	margin-right: 3px;
	margin-bottom: 5px;
}
.slider-thumbs .slick-dots li.slick-active {border: 1px solid #ebebeb;}

.slider-thumbs .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	outline: none;
	border: none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}

.slider-thumbs .slick-prev{
	top: 40%;
	left: 10px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: #efefef url("/css/../img/btn-prev.png") center no-repeat;
	opacity: 0.6;
}
.slider-thumbs .slick-prev:hover {
	/*transform: translate(0, -50%) rotate(180deg);*/
	opacity: 1;
}
.slider-thumbs .slick-next {
	top: 40%;
	right: 10px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%); /* rotate(180deg);*/
	background: #efefef url("/css/../img/btn-next.png") center no-repeat;
	opacity: 0.6;
}
.slider-thumbs .slick-next:hover {
	/*transform: translate(0, -50%) rotate(0deg);*/
	opacity: 1;
}

/*--------- slider-pack----------*/
.slider-pack{
	padding-right: 40px;
	padding-left: 40px;
}

.slider-pack .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-pack .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-pack .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-pack .slick-dots li.slick-active button {background: #ff358c;}

.slider-pack .slick-prev {
	top: 45%;
	left: 8px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") no-repeat 45% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-pack .slick-prev:hover{background-color: rgba(255,53,140,0.9);}
.slider-pack .slick-next {
	top: 45%;
	right: 8px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") no-repeat 55% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-pack .slick-next:hover{background-color: rgba(255,53,140,0.9);}

/*-------- slider-modif-------*/
.slider-modif {
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 30px;
}
.slider-modif .slick-slide{
	padding: 0 2px;
	text-align: center;
}

.slider-modif .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-modif .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-modif .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-modif .slick-dots li.slick-active button {background: #ff358c;}

.slider-modif .slick-prev {
	top: 50%;
	left: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") no-repeat 45% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-modif .slick-prev:hover{background-color: rgba(255,53,140,0.9);}
.slider-modif .slick-next {
	top: 50%;
	right: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") no-repeat 55% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-modif .slick-next:hover{background-color: rgba(255,53,140,0.9);}

/*-------- slider-simil-------*/
.slider-simil {
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 30px;
}
.slider-simil .slick-slide{
	padding: 0 2px;
	text-align: center;
}

.slider-simil .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-simil .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-simil .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-simil .slick-dots li.slick-active button {background: #ff358c;}

.slider-simil .slick-prev {
	top: 50%;
	left: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") no-repeat 45% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-simil .slick-prev:hover{background-color: rgba(255,53,140,0.9);}
.slider-simil .slick-next {
	top: 50%;
	right: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") no-repeat 55% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-simil .slick-next:hover{background-color: rgba(255,53,140,0.9);}

/*-------- slider-soput -------*/
.slider-soput {
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 30px;
}
.slider-soput .slick-slide{
	padding: 0 2px;
	text-align: center;
}

.slider-soput .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-soput .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-soput .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-soput .slick-dots li.slick-active button {background: #ff358c;}

.slider-soput .slick-prev {
	top: 50%;
	left: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") no-repeat 45% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-soput .slick-prev:hover{background-color: rgba(255,53,140,0.9);}
.slider-soput .slick-next {
	top: 50%;
	right: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") no-repeat 55% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-soput .slick-next:hover{background-color: rgba(255,53,140,0.9);}


/*-------- slider-othercar -------*/
.slider-othercar{
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 30px;
}
.slider-othercar .slick-slide{
	padding: 0 2px;
	text-align: center;
}

.slider-othercar .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-othercar .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-othercar .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-othercar .slick-dots li.slick-active button {background: #ff358c;}

.slider-othercar .slick-prev {
	top: 50%;
	left: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") no-repeat 45% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-othercar .slick-prev:hover{background-color: rgba(255,53,140,0.9);}
.slider-othercar .slick-next {
	top: 50%;
	right: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") no-repeat 55% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-othercar .slick-next:hover{background-color: rgba(255,53,140,0.9);}


/*-------- slider-samecar -------*/
.slider-samecar{
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 30px;
}
.slider-samecar .slick-slide{
	padding: 0 2px;
	text-align: center;
}

.slider-samecar .slick-dots {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-samecar .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slider-samecar .slick-dots li button {
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	border-radius: 50%;
	outline: none;
	background: #cccccc;
}

.slider-samecar .slick-dots li.slick-active button {background: #ff358c;}

.slider-samecar .slick-prev {
	top: 50%;
	left: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-prev.png") no-repeat 45% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-samecar .slick-prev:hover{background-color: rgba(255,53,140,0.9);}
.slider-samecar .slick-next {
	top: 50%;
	right: 0px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: background 0.4s ease-out;
	background: url("/css/../img/btn-next.png") no-repeat 55% 50%;
	background-color: rgba(0,0,0,0.3);
}
.slider-samecar .slick-next:hover{background-color: rgba(255,53,140,0.9);}

/* css/all-localfonts.6eb49b3917c7e9b1.css */
/* Locally hosted Google Fonts; original definitions and unicode ranges retained. */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.95dd03b930aca04a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.2809606237a64bd9.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.197ef1e4874d6f8f.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.08ea4cf0a7c61077.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.7abb700b280437b7.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.a093b888254afd7d.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.8f80f993e523f2e6.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.cc762462ea67b781.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.d5bab8e28732fe3d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.d8e4fe0452aa2076.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.95dd03b930aca04a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.2809606237a64bd9.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.197ef1e4874d6f8f.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.08ea4cf0a7c61077.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.7abb700b280437b7.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.a093b888254afd7d.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.8f80f993e523f2e6.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.cc762462ea67b781.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.d5bab8e28732fe3d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.d8e4fe0452aa2076.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.01f94d674db55952.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.481dd0c01e6bbb12.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.ec7769b089813996.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.97fbf7bd0b4579e6.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.7cb4281a0ccc84cc.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.2addf2d86d7a5778.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.0b60bbe04e9c4794.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.cedb374b05a35034.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.1404ca348bd75ef8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.01f94d674db55952.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.481dd0c01e6bbb12.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.ec7769b089813996.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.97fbf7bd0b4579e6.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.7cb4281a0ccc84cc.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.2addf2d86d7a5778.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.0b60bbe04e9c4794.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.cedb374b05a35034.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.1404ca348bd75ef8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.01f94d674db55952.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.481dd0c01e6bbb12.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.ec7769b089813996.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.97fbf7bd0b4579e6.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.7cb4281a0ccc84cc.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.2addf2d86d7a5778.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.0b60bbe04e9c4794.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.cedb374b05a35034.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/font.1404ca348bd75ef8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Locally hosted Google Fonts; original definitions and unicode ranges retained. */
/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.d64df39f7e37d0cf.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.86b49c65aab61a0a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.e9f7ede725761fea.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.8f5e07ecc6ab0058.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.51999fc7e45d93d8.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.4d9f552c4b0a7f02.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.f5052e4870bf211f.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.35e30483bb79be6f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.bdb2b33ab916e9e7.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.197b6dbe5c6bec72.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.09472f217ad1ebb6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/font.691cd1d9b4c0cdf3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
    font-family: "Rubik",sans-serif;
}

.wrapper:before, .b-buy:before, .news-list:before, .promo-list:before, .tmenu:before, .ht-lang:before, .tphones:before, .mainmenu:before, .sub-menu:before, .f-col1:before, .sel-wrap:before, .sel-left:before, .sel-right:before, .cctop:before, .ccsort:before, .ccgoods:before, .p-ipr:before, .p-it-add:before, .cat-reviews-list:before, .rev-top:before, #content2:before, .ccard:before, .cact-cont:before, .cact-time:before, .cdisc-cont:before, .cdisc-time:before, .ccard-inf:before, .ccard-ico-cd:before, ul.c2tlist:before, .oth-hdr:before, .c3ristatus:before, .c3ribtn:before, .mcart:before, .mcltotal:before, .mcrlm:before{
	display: table;
	line-height: 0;
	content: '';
}

            #popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
z-index: 9999;
            background-color: rgba(0,0,0,0.7);
        }

        #popup-content {
            background-color: white;
            width: 80%;
            max-width: 400px;
            margin: 100px auto;
            padding: 20px;
         z-index: 10000;
   border-radius: 5px;
        }
  


.wrapper:after, .b-buy:after, .news-list:after, .promo-list:after, .tmenu:after, .ht-lang:after, .tphones:after, .mainmenu:after, .sub-menu:after, .f-col1:after, .sel-wrap:after, .sel-left:after, .sel-right:after, .cctop:after, .ccsort:after, .ccgoods:after, .p-ipr:after, .p-it-add:after, .cat-reviews-list:after, .rev-top:after, #content2:after, .ccard:after, .cact-cont:after, .cact-time:after, .cdisc-cont:after, .cdisc-time:after, .ccard-inf:after, .ccard-ico-cd:after, ul.c2tlist:after, .oth-hdr:after, .c3ristatus:after, .c3ribtn:after, .mcart:after, .mcltotal:after, .mcrlm:after{
	display: table;
	clear: both;
	line-height: 0;
	content: '';
}

.b-pr:after, .pack-img:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.float{float: left !important;}
.float_r{float: right !important;}
.clear{clear: left !important;}
.clear_r{clear: right !important;}
.both{clear: both !important;}
.w49{width: 49% !important;}
.w50{width: 50% !important;}
.w100{width: 100% !important;}
.bold{font-weight: bold !important;}
.italic{font-style: italic !important;}
.ta_left{text-align: left !important;}
.ta_right{text-align: right !important;}
.ta_center{text-align: center !important;}
.relative{position: relative !important;}
.absolute{position: absolute !important;}
.block{display: block !important;}
.inline-block{display: inline-block !important;}

.after-both:after{
	display: block;
	clear: both;
	content: '';
}

h1, h2, h3, h4, h5, h6, p, div{
	margin: 0;
	padding: 0;
}

html{
	width: 100%;
	height: 100%;
}

body{
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Rubik', 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #000000;
	background: #ffffff;
}

*, *::before, *::after{
	box-sizing: border-box;
}

.wrapper{
	width: 1180px;
	margin: auto;
}

a{color: #2a2a2a;}
a:hover{color: #ff358c;}

.tbl{display: table;}
.tbl-tr{display: table-row;}
.tbl-tr>div{display: table-cell;}

/*--------------  heads  -----------*/
.hdr{
	font: 24px/26px 'Rubik', Arial;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0px 0px;
	margin: 8px 0 20px 0;
	/*position: relative;*/
	background: url("/css/../img/hdr-line.png") repeat-x 0 50%;
}
.hdr span{display: inline-block; background-color: #ffffff; padding-right: 28px;}
.hdr-car span{
	padding-left: 42px;
	background-image: url("/css/../img/ihdr.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.lbl-hdr{
	font: 25px/26px 'Rubik', Arial;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0px 0px;
	margin: 20px 0;
	background: url("/css/../img/hdr-line.png") repeat-x 0 82%;
}
.lbl-hdr span{display: inline-block; background-color: #ffffff; padding-right: 28px;}
.lbl-hdr span b{}
.lbl-hdr-car{background-position: 0 50%;}
.lbl-hdr-car span{
	padding-left: 42px;
	background-image: url("/css/../img/ihdr.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.hdr-c{text-align: center;}
.lbl-hdr.hdr-c span{padding-right: 0;}
.lbl-hdr.hdr-c:after{
	display: block;
	content: '';
	width: 72px;
	height: 20px;
	margin: 6px auto 0 auto;
	background: #ffffff url("/css/../img/ihdr.png") no-repeat 50% 50%;
}

.dlg-wnd .lbl-hdr{}

.lbl-hdr-in{
	padding: 12px 0px 12px 0px;
	font: 18px/18px 'Rubik', Arial;
	font-weight: 400;
	text-transform: uppercase;
	/*color: #444a55;*/
}
.lbl-hdr-in span{}

.lbl-hdr-cmp span{background: url("/css/../img/ihdr-cmp.png") no-repeat 0 50%; padding-left: 28px;}
.lbl-hdr-filtsel span{background: url("/css/../img/ihdr-filt-sel.png") no-repeat 2px 50%; padding-left: 26px;}
.lbl-hdr-filt span{background: url("/css/../img/ihdr-filt.png") no-repeat 0 50%; padding-left: 26px;}
.lbl-hdr-call span{background: url("/css/../img/ihdr-cont.png") no-repeat 0 50%; padding-left: 26px;}
.lbl-hdr-resp span{background: url("/css/../img/ihdr-resp.png") no-repeat 0 50%; padding-left: 26px;}
/*
.lbl-hdr-car span{background: url("/css/../img/i-hdr-car.png") no-repeat 0 50%; padding-left: 26px;}
.lbl-hdr-inf span{background: url("/css/../img/ihdr-info.png") no-repeat 0 50%; padding-left: 26px;}
.lbl-hdr-cat span{background: url("/css/../img/ihdr-cat.png") no-repeat 0 50%; padding-left: 26px;}
*/


.lbl-hdr-dop{
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	text-transform: uppercase;
	color: #444a55;
	padding: 0px 0px;
	margin: 20px 0 14px 0;
	position: relative;
	background: url("/css/../img/line-par.png") repeat-x 0 18px;
}
.lbl-hdr-dop span{display: inline-block; background-color: #ffffff; padding-right: 20px;}


.lbl{
	clear: both;
	margin: 0 0 20px 0;
	padding: 6px 16px 10px 16px;
}
.lbl-bord{
	/*background-color: #fcfcfc;*/
	border: 1px solid #ededed;
	border-radius: 10px;
}
.lbl-gray{background-color: #f8f8f8;}

.lbl-li{
	padding: 4px 0 4px 16px;
	background: url("/css/../img/li-arr.png") no-repeat 1px 10px;
}


/*------------  buttons  --------------*/
.btn-wrap{
	text-align: center;
}

input[type='submit']{
	cursor: poRubik;
	border: 0;
	outline: 0;
}

button{
	border: 0;
	outline: 0;
	background: none;
}

a.btn, input.btn, button.btn, div.btn{
	display: inline-block;
	padding: 12px 22px;
	font-family: 'Rubik';
	font-size: 14px;
	font-weight: 300;
	line-height: 14px;
	transition: background-color 0.1s ease;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;	
	text-transform: uppercase;
	background-repeat: no-repeat;
	color: #ffffff;
	/*border-radius: 4px;*/
	cursor: poRubik;
}
a.btn-sm, input.btn-sm, button.btn-sm, div.btn-sm{
	font-size: 14px;
	line-height: 14px;
	padding: 10px 16px;
}
a.btn-big, input.btn-big, button.btn-big, div.btn-big{
	font-size: 16px;
	line-height: 18px;
	padding: 14px 28px;
}


a.btn-dark, input.btn-dark, button.btn-dark, div.btn-dark{background-color: #000000;border-radius: 0.375rem;}
a.btn-dark:hover, input.btn-dark:hover, button.btn-dark:hover, div.btn-dark:hover{background-color: #404040;}

a.btn-light, input.btn-light, button.btn-light, div.btn-light{background-color: #ff358c;}
a.btn-light:hover, input.btn-light:hover, button.btn-light:hover, div.btn-light:hover{background-color: #ed247b;}

a.btn-gray, input.btn-gray, button.btn-gray, div.btn-gray{background-color: #a3a3a3;border-radius: 0.375rem;}
a.btn-gray:hover, input.btn-gray:hover, button.btn-gray:hover, div.btn-gray:hover{background-color: #000000;}

/*
a.btn-slight, input.btn-slight, button.btn-slight, div.btn-slight{text-transform: uppercase; background-color: transparent; border: 1px solid #ffffff; color: #ffffff;}
a.btn-slight:hover, input.btn-slight:hover, button.btn-slight:hover, div.btn-slight:hover{border-color: #f0f0f0; color: #f0f0f0;}
*/
a.btn-slight, input.btn-slight, button.btn-slight, div.btn-slight{text-transform: uppercase; font-weight: 600; padding: 14px 26px; background-color: #ffffff; border: 1px solid #ffffff; color: #ff358c;}
a.btn-slight:hover, input.btn-slight:hover, button.btn-slight:hover, div.btn-slight:hover{border-color: #ffffff; color: #ed247b;}

a.btn-contur-dark, input.btn-contur-dark, button.btn-contur-dark, div.btn-contur-dark{text-transform: uppercase;color: #292929;border-radius: 0.375rem;border: 1px solid #292929;}
a.btn-contur-dark:hover, input.btn-contur-dark:hover, button.btn-contur-dark:hover, div.btn-contur-dark:hover{color: #696969; border: 1px solid #696969;}

a.btn-contur-light, input.btn-contur-light, button.btn-contur-light, div.btn-contur-light{text-transform: uppercase; color: #303030; border: 1px solid #ff4294;}
a.btn-contur-light:hover, input.btn-contur-light:hover, button.btn-contur-light:hover, div.btn-contur-light:hover{color: #000000; border: 1px solid #e22175;}

a.srch-btn{
	width: 58px;
	height: 58px;
	background-image: url("/css/../img/srch-btn.png");
	background-repeat: no-repeat;
	background-position: center;
}

a.btn-find>span{
	background: url("/css/../img/ibtn-find.png") no-repeat 0 50%;
	padding-left: 24px;
}
button.btn-find{
	background-image: url("/css/../img/ibtn-find-pink.png");
	background-position: 20px 50%;
	padding-left: 40px;
	border-radius: .375rem;
}

a.btn-buy, input.btn-buy, div.btn-buy{text-transform: none;padding: 13px 26px;border: 1px solid #000000;border-radius: .375rem;}
a.btn-buy span, input.btn-buy span, div.btn-buy span{
	padding-left: 24px;
	background: url("/css/../img/ibtn-buy.png") no-repeat 0 center;	
}
a.btn-buy:hover, input.btn-buy:hover{}

div.btn-buy-gray{cursor: default; background-color: #dbdbdb; color: #838383;}
div.btn-buy-gray:hover{background-color: #dbdbdb; color: #838383;}
div.btn-buy-gray>span{
	padding-left: 24px;
	background: url("/css/../img/ibtn-buy-gr.png") no-repeat 0 center;
}

a.btn-buy-big{padding: 16px 25px;}

a.btn-buy-1click{text-transform: none;padding: 13px 26px;border: 1px solid #ff358c;border-radius: .375rem;}
a.btn-buy-1click>span{
	padding-left: 24px;
	background: url("/css/../img/ibtn-buy.png") no-repeat 0 center;
}



a.btn-addmore, input.btn-addmore{}
a.btn-addmore span, input.btn-addmore span{
	background: url("/css/../img/ibtn-loadmore.png") no-repeat 0 50%;
	padding-left: 24px;
}

a.btn-cars, div.btn-cars{text-transform: none;}
a.btn-cars>span, div.btn-cars>span{
	background: url("/css/../img/a-car.png") no-repeat 0 50%;
	padding-left: 28px;
}

a.btn-resp span{
	background: url("/css/../img/ibtn-write.png") no-repeat 0 2px;
	padding-left: 22px;
}
input.btn-send{
	background-image: url("/css/../img/ibtn-write.png");
	background-repeat: no-repeat;
	background-position: 18px 12px;
	padding-left: 40px;
}

.btn-compare span{
	/*padding-left: 24px;
	background: url("/css/../img/ibtn-compare.png") no-repeat 0 50%;*/
}

button.btn-filtcar{
	background-image: url("/css/../img/ibtn-fltcar.png");
	background-repeat: no-repeat;
	background-position: 16px 50%;
	padding: 11px 16px 11px 42px;
}
button.btn-filtpar{
	background-image: url("/css/../img/ibtn-filters.png");
	background-repeat: no-repeat;
	background-position: 16px 50%;
	padding: 11px 16px 11px 38px;
}

a.btn-order span, div.btn-order span{
	padding-left: 24px;
	background: url("/css/../img/ibtn-buy.png") no-repeat 0 center;	
}
input.btn-order{
	padding-left: 46px;
	background-image: url("/css/../img/ibtn-buy.png");
	background-repeat: no-repeat;
	background-position: 20px center;	
}



.switch-sw{
	width: 150px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}
.switch-sw-left{
	display: block;
	font-weight: bold;
}
.switch-sw-right{
	display: block;
}
.switch-sw>a{
	display: block;
	float: left;
	width: 52px;
	height: 21px;
	border-radius: 12px;
	background: #d8d8d8;
	transition: background 0.2s ease-out 0s;
	position: relative;
	z-index: 1;
}
.switch-sw>a>span{
	display: block;
	position: absolute;
	z-index: 2;
	background: #fff;
	content: "";
	left: 3px;
	top: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	transition: left 0.2s ease-out 0s;
}

.switch-sw-sel .switch-sw-left{font-weight: normal;}
.switch-sw-sel .switch-sw-right{font-weight: bold;}
.switch-sw-sel>a{background: #4d9ee2;}
.switch-sw-sel>a>span{left: 30px;}

/* table */
.div-tbl{
	display: table;
	width: 100%;
}
.div-tbl-row{display: table-row;}
.div-tbl-row>div{
	display: table-cell;
	vertical-align: middle;	
}
.div-tbl-rowth>div{
	font-weight: bold;
}


/*------------  for input  ---------------*/
form input::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input:focus::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

form input:focus::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

form input:focus:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

form input:focus:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input:focus::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input:focus::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input:focus:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input:focus:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

/*----------  header  -----------*/
header{
	/*background: #ffffff;*/
}

@keyframes slide-down{
	0%{
		transform: translateY(-100%);
		opacity: 0;
	}
	100%{
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-up{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

header.sticky-none{
	animation: slide-up 0.35s;
}

header.sticky{
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	animation: slide-down 0.35s;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

header.sticky .header-bann{display: none;}
header.sticky .header-bott{padding: 4px 0 2px 0;}
header.sticky .header-top{display: none;}

header.sticky #logo{display: none;}
header.sticky #logo-sticky{display: block;}

header.sticky .tcenter{padding-top: 2px; width: calc(100% - 350px);}
header.sticky .tsearch{padding-top: 0; width: calc(100% - 430px);}
header.sticky .srch-frm{width: 90%;}
header.sticky .tphones{width: 420px; padding: 7px 0 4px 36px;}
header.sticky .t-tel{display: inline-block; font-size: 14px; font-weight: 400; margin-right: 5px;}
header.sticky .t-tel:last-child{margin-right: 0;}

header.sticky .tcallback{/*padding-top: 2px; padding-bottom: 2px;*/}

header.sticky .ti-right{padding-top: 0; width: 160px;}
header.sticky .ti-blk{/*padding-top: 22px;*/}
header.sticky .tcart{background-position: 50% 0px; background-size: 24px 22px;}
header.sticky .tcart>div.tcart-num{top: -4px; right: 6px;}
header.sticky .twish{margin-right: 6px; background-position: 50% 2px; background-size: 24px 20px;}
header.sticky .twish>div.twish-num{top: -4px; right: 8px;}
header.sticky .tcar{margin-right: 20px; background-position: 50% 6px; background-size: 36px 16px;}
header.sticky .tcar>div.tcar-num{top: -4px; right: 4px;}
header.sticky .tcart a, header.sticky .twish a, header.sticky .tcar a{font-weight: 400; padding-top: 22px;}

/*
header.sticky .srch-fly{
	margin-top: 10px;
	margin-left: 40px;
}

header.sticky #searchsw{
	width: 340px;
	height: 34px;
	padding: 2px 10px 0 10px;
	background: #ffffff;
}

header.sticky input#srchgo{
	width: 55px;
	height: 34px;
	padding: 0;
	font-size: 0;
	background-image: url("/css/../img/srchgo.png");
	background-repeat: no-repeat;
	background-position: center;
}
*/
header.sticky .srch-fly-ex{
	display: none;
}

/*
header.sticky .tcart{
	margin-top: 7px;
	margin-left: 10px;
}

header.sticky .tcart a{
	width: 40px;
	height: 40px;
	padding-top: 10px;
	padding-left: 20px;
	background-size: 70%;
}

header.sticky .tcart a span{
	width: 20px;
	height: 18px;
	padding-top: 2px;
	font-size: 10px;
}

header.sticky .tfavor{
	margin-top: 7px;
}

header.sticky .tfavor a{
	width: 40px;
	height: 40px;
	padding-top: 10px;
	padding-left: 20px;
	background-size: 70%;
}

header.sticky .tfavor a span{
	width: 20px;
	height: 18px;
	padding-top: 2px;
	font-size: 10px;
}
*/

.header-top{
	padding: 9px 0 9px 0;
	font-weight: 300;
	background-color: #000000;
	color: #ffffff;
}
.header-top .wrapper{
	/*position: relative;*/
	/*text-align: center;*/
}

.tmenu-mob{
	display: none;
	position: absolute;	
	left: 2px;
	top: 0px;	
}

.tmenu-mob>button{
	position: relative;
	width: 38px;
	height: 34px;
	cursor: poRubik;
	border-radius: 3px;
	/*background-color: #fff;*/
}

.tmenu-mob>button span{
	position: absolute;
	left: 6px;
	display: block;
	width: 28px;
	height: 2px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 3px;
	background-color: #ffffff;
}

.tmenu-mob>button span:nth-child(1){top: 8px;}
.tmenu-mob>button span:nth-child(2){top: 15px;}
.tmenu-mob>button span:nth-child(3){top: 22px;}

.open .tmenu-mob>button{background-color: #f8f8f8;}
.open .tmenu-mob>button span{background-color: #606060;}
.open .tmenu-mob>button span:nth-child(1){
	top: 16px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.open .tmenu-mob>button span:nth-child(2){
	left: -60px;
	opacity: 0;
}

.open .tmenu-mob>button span:nth-child(3){
	top: 15px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.tmenu-all{
	float: left;
	width: calc(100% - 540px);
}

.tmenu{	
	text-align: left;
	padding: 4px 0;
}

.tmenu a{
	display: inline-block;
	padding-left: 14px;
	color: #ffffff;
	text-decoration: none;	
	margin-right: 16px;
	background: url("/css/../img/li-arr.png") no-repeat 0 5px;
}
.tmenu a:hover{text-decoration: underline; color: #e0e0e0;}
.tmenu a.active{/*color: #ff358c;*/}

.ht-lang{
	float: right;
	display: block;
	width: 52px;
	margin-right: 20px;
}
.ht-lang-in{
	overflow: hidden;
	box-sizing: border-box;
	height: 24px;
	background: #4d4d4d url("/css/../img/a-drop-w.png") no-repeat 90% 10px;
	border-radius: 3px;
	padding:2px 0 4px 6px;
	color: #ffffff;
}
.ht-lang-in div{
	cursor: poRubik;
}
.ht-lang-in div:hover{text-decoration: underline;}
.ht-lang-in a{
	display: block;
	padding: 2px 0;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}

.ht-lang-in a.active{
	font-weight: 700;
	cursor: default;
	background-color: #f5f5f5;
}

.ht-lang-in a:first-child{}
.ht-lang-in a:hover{
	font-weight: 700;
}


.tcallback{
	float: left;
	width: 154px;
	padding: 4px 0 4px 0px;
}
.tcallback>div{
	padding-left: 26px;
	background: url("/css/../img/a-call.png") no-repeat 0 50%;
}
.tcallback>div>span{}
.tcallback>div>a{text-decoration: none; color: #ffffff;}
.tcallback>div>a>span{border-bottom: 1px dotted #ffffff;}


.ht-right{
	float: right;
	width: 270px;
	text-align: right;
	padding-top: 2px;	
}
.ht-right.ht-logged{width: 310px;}

.ht-right .user{
	display: inline-block;
	color: #909090;
	padding: 2px 0 2px 0;
	margin-right: 8px;
}

.ht-right a.a-ht{
	display: inline-block;
	padding: 0px 0 0px 20px;
	color: #ffffff;
	text-decoration: none;
}
.ht-right a.a-ht:hover{text-decoration: underline;}

.ht-right a.a-logout{
	background: url("/css/../img/a-logout.png") no-repeat 0 50%;
	padding-left: 22px;
	margin-left: 14px;
}
.ht-right a.a-cabinet{background: url("/css/../img/a-cab.png") no-repeat 0 50%;}
.ht-right a.a-login{background: url("/css/../img/a-cab.png") no-repeat 0 50%;}



.header-bott{
	padding-top: 15px;
	padding-bottom: 16px;
}
.header-bott .wrapper{}

#logo{
	float: left;
	width: 155px;	
}

#logo img{
	max-width: 100%;
	height: auto;
}

#logo-sticky{
	display: none;
	float: left;
	width: 148px;
	/*margin-top: 4px;*/
}

#logo-sticky img{
	max-width: 100%;
	height: auto;
}

.tcenter{
	float: left;
	width: calc(100% - 450px);
	margin-left: 30px;
	padding-top: 30px;
}
.tcenter:after{clear: both; content: ""; display: block;}

.tphones{
	float: right;
	width: 200px;
	box-sizing: border-box;
	text-align: left;
	font: 15px/18px 'Rubik';
	background: url("/css/../img/ico-tel.png") no-repeat 0 50%;
	padding: 0 0 0 50px;
}
.tphones:after{clear: both; content: ""; display: block;}

.t-tel{
	padding: 0 0 2px 0;
}
/*
.t-vib{background: url("/css/../img/itel-viber.png") 0 4px no-repeat; padding-left: 20px;}
.t-tgrm{background: url("/css/../img/t-telegram.png") 0 4px no-repeat; padding-left: 20px;}
.t-ks{background: url("/css/../img/t-ks.png") 0 50% no-repeat; padding-left: 20px;}
.t-vod{background: url("/css/../img/t-mts.png") 0 50% no-repeat; padding-left: 20px;}
.t-life{background: url("/css/../img/t-life.png") 0 8px no-repeat; padding-left: 20px;}
*/


.tshopinf{
	float: right;	
	width: 290px;	
}
.tshopinf:after{clear: both; content: ""; display: block;}

.tworktm{}

.ti-right{
	float: right;
	width: 260px;
	padding-top: 26px;
}
.ti-blk{
	display: block;
	position: relative;
	float: right;
	width: 70px;		
	box-sizing: border-box;
	/*padding: 44px 0 0 0;*/
	padding: 0 0 0 0;
	text-align: center;
}

.tcart a, .twish a, .tcar a{
	display: inline-block;
	padding-top: 44px;
}

.tcart{
	background: url("/css/../img/ico-cart.png") no-repeat 40% 6px;
}
.tcart>div{
	padding: 0 0 0 0;
}

.tcart>div.tcart-num{
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 0px;
	color: #ffffff;
	background: #bebebe;
	width: 20px;
	border: 2px solid #ffffff;
	box-sizing: border-box;
	border-radius: 50%;
	padding: 2px 0 2px 0;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}
.tcart-full>div.tcart-num{background: #ff358c;}
.tcart-sum{}

.tcart a{	
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
.tcart a span{}
.tcart a:hover{text-decoration: underline;}

.twish{
	background: url("/css/../img/ico-wish.png") no-repeat 50% 9px;
	margin-right: 26px;
	width: 84px;
}
.twish>div{
	padding: 0 0 0 0;
}

.twish>div.twish-num{
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 0px;
	color: #ffffff;
	background: #bebebe;
	width: 20px;
	border: 2px solid #ffffff;
	box-sizing: border-box;
	border-radius: 50%;
	padding: 2px 0 2px 0;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}
.twish-full>div.twish-num{background: #ff358c;}

.twish a{
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
.twish a span{}
.twish a:hover{text-decoration: underline;}


.tcar{
	background: url("/css/../img/ico-car.png") no-repeat 50% 14px;
	margin-right: 40px;
}
.tcar>div{
	padding: 0 0 0 0;
}

.tcar>div.tcar-num{
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 0px;
	color: #ffffff;
	background: #bebebe;
	width: 20px;
	border: 2px solid #ffffff;
	box-sizing: border-box;
	border-radius: 50%;
	padding: 2px 0 2px 0;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}
.tcar-full>div.tcar-num{background: #ff358c;}

.tcar a{
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
.tcar a span{}
.tcar a:hover{text-decoration: underline;}

/*
.tfavor{
	float: right;
	background: url("/css/../img/ico-wish.png") no-repeat 0 6px;
	position: relative;
	min-height: 37px;
	margin-right: 40px;
}
.tfavor>div{
	padding: 14px 0 0 48px;
}

.tfavor>div.tfavor-num{
	position: absolute;
	z-index: 2;
	left: 21px;
	top: 10px;
	color: #2d3e59;
	background: #e0e0e0;
	width: 20px;
	border: 2px solid #ffffff;
	box-sizing: border-box;
	border-radius: 50%;
	padding: 2px 0 2px 0;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}
.tfavor-full>div.tfavor-num{background: #ffcc00;}
.tfavor-sum{color: #ff6100;}

.tfavor a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
}
.tfavor a span{}
.tfavor a:hover{text-decoration: underline;}
*/

.tsearch{
	float: left;
	width: calc(100% - 230px); 
	padding-top: 6px;
}
.srchpan{
	position: relative;
	float: right;
	width: 36px;
	margin-right: 8px;
	padding-top: 10px;
}
.srchpan-btn>button{
	content: '';
	background: transparent url("/css/../img/ico-find.png") no-repeat 50% 50%;
	display: block;
	cursor: poRubik;
	width: 34px;
	height: 34px;
}
.srchbtn-pan>button:hover{background-color: rgba(255,255,255,0.1);}

.srch-fly{
	/*
	display: none;
	position: absolute;
	z-index: 4;
	top: 10px;
	right: -10px;
	overflow: hidden;
	width: 46px;
	height: 31px;
	border: 1px solid #909090;
	background: #ffffff;
	*/
}

.srch-fly-open{
	display: block;
	animation: opensrch 1s ease-out 0s 1 normal;
	animation-fill-mode: forwards;
}

@keyframes opensrch{
	0%{display: none; width: 0;}
	2%{display: block; width: 0;}
	80%{width: 246px; right: 80px;}
	100%{width: 246px; right: 38px;}
}

@keyframes hidesrch{
	0%{display: block; width: 246px;}
	98%{display: block; width: 0;}
	100%{display: none; width: 0;}
}

#srchclose{
display: block;
width: 28px;
height: 27px;
background: url("/css/../img/a-close.png") no-repeat 50% 50%;
}

#srchclose:hover{
opacity: 0.85;
}

#swsrchfrm table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.srch-frm{
	border: 1px solid #b9b9b9;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 0;
	padding: 2px;
	width: 80%;
}
.srch-frm:after{clear: both; content: ''; display: block;}

#searchsw{
	display: block;
	float: left;
	box-sizing: border-box;
	width: calc(100% - 40px);
	height: 28px;
	padding: 2px 0 0 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	vertical-align: middle;
	border: 0;
	outline: 0;
	background: transparent;
	/*background-color: #ffffff;*/
}

#searchsw::placeholder{
	font-weight: 300;
	color: #707070;
	font-style: italic;
	font-size: 13px;
}

#srchgo{
	display: block;
	float: right;
	width: 36px;
	height: 30px;
	background: url("/css/../img/ibtn-find.png") no-repeat 50% 50%;
	background-color: transparent;
	cursor: poRubik;
	vertical-align: middle;
	opacity: 0.7;
}
#srchgo:hover{opacity: 1;}

.srch-btn-wrap{
	display: none;
}

.srch-fly-ex{
	margin-top: 2px;
	font: 13px/16px 'Roboto';	
	font-weight: 300;
	font-style: italic;
	color: #8b8b8b;
	padding-left: 10px;
}

.srch-fly-ex span{}


/*
.srch-fly{
	margin-top: 15px;	
}

#searchsw{
	display: inline-block;
	width: 330px;
	height: 34px;
	padding: 2px 5px 0 14px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	vertical-align: middle;
	color: #6789b5;
	border: 0;
	border: 1px solid #dcdcdc;
	border-radius: 4px 0 0 4px;
	outline: 0;
	background-color: #eef3fd;
}

#searchsw::placeholder{
	font-weight: 300;
	color: #8aaad4;
}

#srchgo{
	display: inline-block;
	vertical-align: middle;
}

.srch-btn-wrap{
	display: none;
}

.srch-fly-ex{
	margin-top: 3px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #8b8b8b;
}

.srch-fly-ex span{
	color: #44a53d;
	border-bottom: 1px dotted #44a53d;
}
*/



/*----  mpan -----*/
.mpan{background-color: #000000;}
.mpan .wrapper{
	position: relative;
	z-index: 4;
}

.mainmenu{
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
	display: flex;
	align-items: center;
	flex-flow: row nowrap;
	/*border-radius: 4px;
	background-color: #44a53d;*/
}

.hmm_li{
	/* margin-left: -15px; */
	/*float: left;*/
	display: block;
	/*background: url("/css/../img/mm-sep.png") no-repeat 0 0;*/
}
.hmm_li:first-child{background: none;}

/*
.hmm_li:first-child .hmmdm a{border-radius: 4px 0 0 4px;}
.hmm_li:last-child{float: right;}
.hmm_li:last-child .hmmdm a{border-radius: 0 4px 4px 0;}
*/

.hmmdm a{
	display: block;
	padding: 14px 12px 14px 10px;
	font: 16px/16px 'Rubik';
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	transition: background 0.2s ease-out;
	/*border-radius: 4px 4px 0 0;*/
	/*border-top: 3px solid #3d67ad;*/
}

.hmmdm a span{
	padding-right: 18px;
	background: url("/css/../img/mm-li.png") no-repeat 100% 50%;
	/*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.27);*/
}

.hmm_li:hover .hmmdm a{
	color: #232323;
	background-color: #ffffff;	
}
.hmm_li:hover .hmmdm a span{/*background-image: url("/css/../img/mm-drop-gr.png");*/}

.sub-menu{
	position: absolute;
	z-index: -1;
	top: 100%;
	right: 10px;
	left: 0px;
	visibility: hidden;
	padding: 20px 20px 30px;
	cursor: default;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	transform: translateY(-1em);
	text-transform: none;
	opacity: 0;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-top: 0;
	border-radius: 0 0 0px 0px;
	background: #ffffff;
	box-shadow: 0 5px 10px rgba(1, 1, 1, 0.1);
}

.hmm_li:hover .sub-menu{
	visibility: visible;
	transition-delay: 0s, 0s, 0.3s;
	transform: translateY(0%);
	opacity: 1;
}

.sub-column{
	float: left;
	width: 22.59999%;
	margin-left: 3.19999%;
}
.sub-column:nth-child(4n+1){margin-left: 0;}

.sub-menu-colnum3 .sub-column{width: 30.99999%;}
.sub-menu-colnum3 .sub-column:nth-child(4n+1){margin-left: 3.19999%;}
.sub-menu-colnum3 .sub-column:nth-child(3n+1){margin-left: 0;}

.sub-menu-colnum2 .sub-column{width: 47.99999%; margin-left: 3.99999%;}
.sub-menu-colnum2 .sub-column:nth-child(4n+1){margin-left: 3.99999%;}
.sub-menu-colnum2 .sub-column:nth-child(2n+1){margin-left: 0;}


.sub-column-img{
	display: block;
	text-align: center;
}

.sub-column-img img{
	max-width: 100%;
	height: auto;
}

.sub-title{
	margin-bottom: 5px;
	font-size: 14px;
	color: #000000;
	font-weight: 500;
	text-transform: uppercase;
}
/*
.sub-title:after{
	display: block;
	content: '';
	clear: left;
	width: 96px;
	height: 3px;
	margin-top: 6px;
	background: #eaeaea url("/css/../img/arr.png") no-repeat 0 0;
}
*/

.sub-section{
	margin-bottom: 20px;
}

.sub-section.section-reduce ul{
	overflow: hidden;
	height: 220px;
}

.sub-section.section-reduce ul:after{
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	height: 120px;
	content: "";
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.sub-section.section-reduce .section-open{
	display: inline-block;
}

.section-open{
	display: none;
	padding: 5px 14px;
	cursor: poRubik;
	background: url("/css/../img/more.png") right 15px no-repeat;
}

.section-open span{
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: #909090;
	border-bottom: 1px dotted #909090;
}

.section-open.section-closed{
	display: inline-block;
	padding: 5px 15px;
	cursor: poRubik;
	background: url("/css/../img/section-closed.png") right 15px no-repeat;
}

.section-open.section-closed span{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #aaaaaa;
	border-bottom: 1px dotted #44a53d;
}

.sub-section ul{
	position: relative;
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
	font-weight: 100;
	line-height: 16px;
}

.sub-section ul li{
	padding: 2px 0 2px 12px;
	background: url("/css/../img/mm-sub-li.png") 0 6px no-repeat;
	margin-bottom: 2px;
}

.sub-section ul li a{
	/*display: block;*/
	font-size: 14px;
	text-decoration: none;
	/*color: #444a55;*/
}

.sub-section ul li a:hover{
	/*text-decoration: underline;*/
	/*color: #3d67ad;*/
}

.mpan-mob{
	display: none;
	float: left;
	margin-right: 10px;
	padding: 6px 0;
}

#btn-mainmenu{
	position: relative;
	/*width: 38px;*/
	height: 36px;
	cursor: poRubik;
	border-radius: 0px;
	box-sizing: border-box;
	padding-left: 46px;
	line-height: 16px;
	/*background-color: #44a53d;*/
	color: #ffffff;	
}

#btn-mainmenu i{font-style: normal; font-size: 16px; text-transform: uppercase;}
#btn-mainmenu span{
	position: absolute;
	left: 6px;
	display: block;
	width: 30px;
	height: 3px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 3px;
	background-color: #ffffff;
}

#btn-mainmenu span:nth-child(1){top: 8px;}
#btn-mainmenu span:nth-child(2){top: 16px;}
#btn-mainmenu span:nth-child(3){top: 24px;}

#btn-mainmenu.open span:nth-child(1){
	top: 16px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#btn-mainmenu.open span:nth-child(2){
	left: -60px;
	opacity: 0;
}

#btn-mainmenu.open span:nth-child(3){
	top: 16px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


/*------------------------  footer  ---------------------*/
footer{
	padding-top: 40px;
	background: #323232 url("/css/../img/foot-bg.jpg") repeat 50% 0;
	color: #ffffff;
}
footer a{color: #ffffff;}
footer a:hover{color: #eaeaea;}

.footcent{
	margin-bottom: 30px;
	font-size: 15px;
}

.f-col1, .f-col2, .f-col3{
	float: left;
	width: 24%;	
}

.f-hdr{
	font: 500 18px/18px 'Rubik';
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 10px;
}

.f-col1 a, .f-col2 a, .f-col3 a, .f-col4 a{
	display: block;
	text-decoration: none;
	margin-bottom: 8px;
	background: url("/css/../img/mark.png") no-repeat 1px 7px;
	padding-left: 16px;
	font-weight: 300;
}

.f-col1 a:hover, .f-col2 a:hover, .f-col3 a:hover, .f-col4 a:hover{
	text-decoration: underline;
}

.f-col4{
	float: right;
	width: 26%;
}

.ft-addr{
	padding: 0 0 10px 0;
	font-weight: 300;
}
.ft-cont{
	padding: 0 0 12px 0;
}
.ft-cont p{
	background: url("/css/../img/a-call.png") no-repeat 0 5px;
	padding-left: 18px;
	padding-bottom: 4px;
}
.ft-mail a{	
	/*background: url("/css/../img/tico-mail.png") no-repeat 0 7px;*/
	padding-left: 20px;
}

.ft-work{
	padding: 0 0 10px 0;
	font-weight: 300;
}

.ft-sc{
	clear: both;
	padding: 10px 0;
}
.ft-sc:after{clear: both; content: ''; display: block;}
.ft-sc>a{
	float: left;
	content: '';
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin: 0 8px 10px 0;
	background-color: rgba(255,255,255,0.5);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.7;
}
.ft-sc>a:hover{opacity: 1;}
a.ft-fb{background-image: url("/css/../img/sc-fb.png");}
a.ft-yt{background-image: url("/css/../img/sc-yt.png");}
a.ft-in{background-image: url("/css/../img/sc-in.png");}
a.ft-oth{background-image: url("/css/../img/sc-some.png");}
/*
.odn{background: url("/css/../img/odn.png") center no-repeat;}
.tw{background: url("/css/../img/tw.png") center no-repeat;}
.vk{background: url("/css/../img/vk.png") center no-repeat;}
*/
.hdrft{
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}

.f-paym{
	display: block;
	content: "";
	background: url("/css/../img/visa-mc-liqpay3.png") no-repeat 0 0;
	min-height: 30px;
}

.footbot{	
	background-color: #000000;
	padding: 14px 0;
}
.footbot:after{clear: both; content: ''; display: block;}

.fcopy{
	float: left;	
	width: 60%;
}


.dev{
	float: right;
	width: 39.99999%;	
	text-align: right;
	color: #d0d0d0;
}

.dev a{
	color: #a0a0a0;
	text-decoration: none;
}

/*----------------  all  -------------*/

main{}

/*----------------  index  -------------*/
.index-cars{
	clear: both;
	margin: 0;
	padding: 28px 0 34px 0;	
}
.index-cars:after{clear: both; content: ''; display: block;}

/* index popular car models */
/*
.ind-carmodels{
	float: right;
	width: 35%;
}

.car-sel-h{
	font: 17px/18px 'Roboto';
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
	padding: 2px 0px 12px 0;
}

.ind-cmod-it{
	height: 112px;
	box-sizing: border-box;
	padding: 2px 4px;
	overflow: hidden;
	background-color: #ffffff;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
}
.ind-cmod-pic{
	width: 100%;
	height: 70px;
	margin: 0 auto;
}
.ind-cmod-pic a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.ind-cmod-pic a:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.ind-cmod-pic a img{
	max-width: 94%;	
	max-height: 100%;
	height: auto;
	width: auto;
	vertical-align: middle;
}

.ind-cmod-i{
}
.ind-cmod-i>div a{
	text-decoration: none;
	color: #292929;
}
.ind-cmod-i>div a:hover{text-decoration: underline; color: #707070;}
.ind-cmod-i>span{
	display: block;
	padding: 2px 0 0 0;
	color: #ababab;
}
*/

/* index car selector */
/*
.ind-carselect{
	float: left;
	width: 63%;
}
.ind-car-selector{
	background-color: rgba(242,242,242,0.70);
}
.car-sel-nav{
}
.car-sel-nav:after{display: block; clear: both; content: '';}
.car-sel-inp{
	float: left;
	width: 24.99999%;
	box-sizing: border-box;	
}
.car-sel-inp:after{
	display: block;
	content: '';
	clear: both;
	height: 7px;
	width: 100%;
}
.car-sel-inp>div{
	border-left: 1px solid #d4d4d4;
	box-sizing: border-box;
	background: #f2f2f2 url("/css/../img/a-down.png") no-repeat 96% 50%;
	padding: 12px 20px 12px 12px;
}
.car-sel-inp:first-child>div{border-left: 0;}
.car-sel-inp>span{display: block; content: ''; background-color: #d4d4d4; height: 6px; border-left: 1px solid #d4d4d4;}
.car-sel-inp:first-child>span{border-left: 0;}

.car-sel-inp-act>div{background-color: #ffffff; background-image: url("/css/../img/a-up.png");}
.car-sel-inp-act:after{background: url("/css/../img/yel-sel.png") no-repeat 50% 0;}
.car-sel-inp-act>span{background-color: #ffc000;}

.car-sel-opttabs{
	padding: 4px;
}
.car-sel-opttabs:after{display: block; content: ''; clear: both;}
.car-sel-tab{}
.car-sel-tab:after{display: block; content: ''; clear: both;}

.car-sel-more{
	text-align: center;
	color: #ffffff;
	padding: 20px 0;
}
.car-sel-more>span{
	display: inline-block;
	text-transform: uppercase;
	cursor: poRubik;
	padding-right: 16px;
	background: url("/css/../img/a-drop-more.png") no-repeat 100% 6px;
}


.car-sel-blist{}
.car-sel-blist:after{display: block; content: ''; clear: both;}
.car-sel-b{
	float: left;
	cursor: poRubik;
	background: #ffffff;
	width: 13.99999%;
	margin-left: 0.29999%;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 4px;
	font-size: 13px;
}
.car-sel-b:nth-child(7n+1){margin-left: 0;}
.car-sel-b:hover{background-color: #f0f0f0;}
*/


/* index car select */
/*
.ind-car-select{
	float: right;
	width: 395px;
	background: #83827d url("/css/../img/ind-car-bg.jpg") no-repeat 50% 0;
	border-radius: 5px;
	overflow: hidden;
}
.ind-car-select>div{
	min-height: 290px;
	box-sizing: border-box;
	width: 82%;
	margin: auto;
	text-align: center;
	padding: 20px 0;
}
.car-sel-h{
	font-size: 19px;
	line-height: 24px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 5px 0px;
}
.car-sel-frm{
	padding: 8px 0;
}
.car-sel-frm>div{
	margin: 6px 0;
	border: 1px solid #e1e1e1;
	background-color: #ffffff;	
	text-align: right;
	padding: 3px 0;
}
.car-sel-frm>div select{
	width: 94%;
	border: 0;
	height: 32px;
}
.car-sel-frm>div:nth-child(1){background: url("/css/../img/car-sel-brand.png") no-repeat 7px 50%;}
.car-sel-frm>div:nth-child(2){background: url("/css/../img/car-sel-model.png") no-repeat 6px 50%;}
.car-sel-frm>div:nth-child(3){background: url("/css/../img/car-sel-opt.png") no-repeat 7px 50%;}
*/

/* car brands */
.ind-carbrands{
	clear: both;
}

.carb-col>div{
	margin: 2px 0 10px 0;	
}
.ind-carbrands .carb-col>div{text-align: center;}
.carb-col>div:after{clear: both; content: ""; display: block;}

.carb-col>div>a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.carb-col>div>a>div{
	height: 52px;
	border-radius: 0.375rem;
	width: 80px;
	border: 1px solid #efefef;
	margin: 0 auto 4px auto;
}
.carb-col>div>a>div img{
	max-width: 100%;	
	max-height: 100%;
	height: auto;
	vertical-align: middle;
}
.carb-col>div>a>div:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.carb-col>div>a>span{
	display: block;
	padding: 2px 2px 0 2px;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
}
.carb-col>div>a:hover>span{text-decoration: underline;}



/* index slider */
.ind-slides{
	clear: both;
	margin: 0 0 20px 0;
	padding: 32px 0;
	background: #9ba1a3 url("/css/../img/top-bg.jpg") no-repeat 50% 50%;
	background-attachment: fixed;
}
.slider-main{
	clear: both;
	margin: 0 0;
}

.slider-main .slick-slide{
	position: relative;
	overflow: hidden;
}
.slider-main .slider-promo{
	position: absolute;
	box-sizing: border-box;
	top: 50%;
	left: 24px;
	transform: translate(0, -50%);
	width: auto;
	background: rgba(0,0,0,0.6);
	padding: 24px 30px;
}
.slider-main .slider-promo-tit{
	margin-bottom: 12px;
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	padding-bottom: 10px;
	/*text-shadow: 2px 1px 0 rgba(1, 1, 1, 0.25);*/
}

.slider-main .slider-promo-cont{
	margin-bottom: 12px;
	font: 28px/30px 'Roboto Condensed';	
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
}
.slider-main .slider-promo-cont>span{color: #f1ab03;}

/*
.brands-index{
	float: right;
	width: 37%;
	background-color: #f5f5f5;
	box-sizing: border-box;
	padding: 30px 10px 10px 10px;
	min-height: 400px;
}
.ibrands-h{
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	padding: 2px 0 8px 0;
}
.ibrands-list{
	padding: 14px 0;
}
.ibrands-list:after{clear: both; content: ''; display: block;}
.ibrands-it{
	float: left;
	width: 31.99999%;
	margin: 0 0 8px 1.99999%;
	height: 72px;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
	background-color: #ffffff;
}
.ibrands-it:nth-child(3n+1){margin-left: 0;}
.ibrands-it a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.ibrands-it a:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.ibrands-it a img{
	max-width: 95%;
	height: auto;
	max-height: 90%;
	vertical-align: middle;
}
.ibrands-it a:hover{background-color: #efefef;}
.ibrands-go{
	
}
.ibrands-go>select{
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	border: 1px solid #e8e8e8;
	font-size: 15px;
	padding-left: 12px;
	color: #808080;
}
*/

/* popular sections */
.ind-categories{
	clear: both;
	padding: 28px 0;
	background-color: #f9f9f9;
}
.ind-sect-col{
	float: left;
	width: 23.99999%;
	margin: 0 0 20px 0.99999%;
	box-sizing: border-box;
	background-color: #ffffff;
	border: 1px solid #ededed;
}

.ind-cat-tit{
	display: flex;
	align-items: center;
	height: 56px;
	background: linear-gradient(to bottom, #efefef 0%, #e0e0e0 100%);
}
.ind-cat-name{
	padding: 0 10px 0 18px;
	font-family: 'Roboto';
}
.ind-cat-name>a{
	font: 18px/20px 'Roboto';
	font-weight: normal;
	color: #303030;
	text-decoration: none;
}
.ind-cat-name>span{
	display: block;
	font-weight: 300;
	font-size: 13px;
	line-height: 14px;
}

.ind-catlist{clear: both;}
.ind-catlist:after{clear: both; content: ''; display: block;}

.ind-caticon{
	width: 100%;
	display: block;
	margin: 0;
	padding: 10px 0;
	text-align:center;
	vertical-align: middle;
}
.ind-caticon>img:last-child{display: none;}

.ind-catlist>ul{
	margin: 4px 0 16px 0;
	padding: 0 6px 0 20px;
	list-style: none;
}
.ind-catlist>ul>li{
	background: url("/css/../img/arr-sq.png") no-repeat 0 8px;
	margin: 2px 0;
	padding: 2px 0 2px 14px;
}
.ind-catlist>ul>li>a{
	text-decoration: none;
	color: #505050;
}
.ind-catlist>ul>li>a:hover{text-decoration: underline;}

.ind-cat-more{
	text-align: center;
	clear: both;
	padding: 14px 0;
	border-top: 1px solid #ededed;
	font-size: 13px;
}
.ind-cat-more>a{text-decoration: none; display: inline-block; background: url("/css/../img/more-arr-bl.png") no-repeat 100% 50%; padding-right: 21px;}
.ind-cat-more>a:hover{text-decoration: underline;}

.ind-sect-col:hover{}
.ind-sect-col:hover .ind-cat-tit{color: #ffffff; background: #1a6798;}
.ind-sect-col:hover .ind-cat-name>a{color: #ffffff;}
.ind-sect-col:hover .ind-caticon>img:first-child{display: none;}
.ind-sect-col:hover .ind-caticon>img:last-child{display: inline-block;}
.ind-sect-col:hover .ind-cat-more{background: #1a6798; color: #ffffff;}
.ind-sect-col:hover .ind-cat-more>a{color: #ffffff; background-image: url("/css/../img/more-arr-w.png");}


/*
.ind-catit{
	float: left; 
	box-sizing: border-box;
	height: 175px;
	width: 31.99999%;
	margin: 0 0 16px 1.99999%;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	overflow: hidden;
}
.ind-catit:nth-child(3n+1){margin-left: 0;}

.ind-catit a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100px 20px;	
	text-decoration: none;
	content: '';
}
.ind-catit a>div{
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	bottom:0;
	background: url("/css/../img/ind-sect-corn.png") no-repeat 0 0;
	opacity: 0.7;
}
.ind-catit a h3{
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	right: 0;
	padding: 20px 30% 0 20px;
	margin: 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;	
}
.ind-catit a h3:after{
	content: '';
	display: block;
	background: url("/css/../img/hdr-mark.png") no-repeat 0 0;
	height: 3px;
	width: 112px;
	clear: left;
	margin-top: 8px;
}
.ind-catit a:hover{text-decoration: none;}
.ind-catit a:hover>div{opacity: 0.9;}


.ind-categories .wrapper > div{
	float: left;
	width: 16.66%;
	padding-top: 155px;
	padding-bottom: 11px;
	padding-left: 10px;
	border-left: 1px solid #e2e3e4;
}

.ind-categories .wrapper > div ul{
	overflow: hidden;
	height: 105px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

.ind-categories .wrapper > div ul li{
	margin-bottom: 6px;
	padding-left: 10px;
	background: url("/css/../img/ind-categories.png") 0 5px no-repeat;
}

.ind-categories .wrapper > div ul a{
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	text-decoration: none;
	color: #373737;
}

.ind-categories .wrapper > div ul a:hover{
	text-decoration: underline;
	color: #44a53d;
}

.ind-categories .wrapper > div:last-child{
	border-right: 1px solid #e2e3e4;
}

.cat-tit{
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	color: #373737;
}


.seeall{
	padding-right: 25px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
	color: #44a53d;
	background: url("/css/../img/seeall.png") right center no-repeat;
}

.seeall:hover{
	text-decoration: underline;
	color: #44a53d;
}
*/


.ind-carbrands{
	clear: both;
	padding: 24px 0;
}
.cbrands-list{
	padding: 14px 0;
}
.cbrands-list>div{
	float: left;
	width: 16.59999%;
	margin: 0 0 0 0;
	box-sizing: border-box;
	height: 120px;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}
.cbrands-list>div:nth-child(6n+1){border-left: 0;}
/*.cbrands-list>div.it-expand{display: none;}*/
.cbrands-list>div>a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-align: center;
	font: 14px/16px 'Roboto'; 
	font-weight: 500; 
	color: #303030;
}
.cbrands-list>div>a>div{
	height: 92px;
	margin: 0 auto;
}
.cbrands-list>div>a>div:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.cbrands-list>div>a>div img{max-width: 90%; max-height: 100%; width: auto; height: auto; vertical-align: middle;}

.cbrands-list>div>a>span{display: block;}

.cbrands-list-all{
	clear: both;
	padding: 20px 0 10px 0;
	text-align: center;
}

/* ------------------------------------------------- */

.ind-form-prod{
	clear: both;
	margin: 16px 0;
	padding: 40px 0;
	background: #ff358c url("/css/../img/ind-form-bg3.jpg") no-repeat 50% 50%;
}
.ind-form{
	border-radius: 10px;
	background: #ffffff;
	padding: 38px 36px;
}
.ind-form:after{clear: both; content: ''; display: block;}
.ind-form .lbl-hdr{background: none; margin: 0 0 4px 0; font-size: 22px;}
.ind-form .lbl-hdr span{padding-right: 0;}

.ind-f-tire{
	float: left;
	width: 770px;
	border-right: 1px solid #d2d2d2;
}
.ind-f-accum{
	width: 302px;
	float: right;
}

.f-tire{clear: both;}
.f-tire:after{clear: both; content: ''; display: block;}

.f-tire-l{
	width: 280px;
	float: left;
}
.f-tire-r{
	width: calc(100% - 310px);
	float: right;
	padding-top: 26px;
}

.f-combo{
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.f-combo>div>label{
	display: block;
	font: 15px/16px 'Roboto';
	padding: 2px 0 2px 0;
}
.f-combo>div>select{
	height: 36px;
	border: 1px solid #c3c3c3;
	min-width: 120px;
}
.f-tire .f-combo>div>select{min-width: 90px;}

.f-tire-seas{float: left;}
.f-tire-seas .switch-sw{width: 170px; /*align-items: flex-start;*/}
.f-tire-seas .switch-sw-left{
	/*
	padding-bottom: 15px;
	background: url("/css/../img/season-summer.png") no-repeat 4px 100%;
	*/
	padding-left: 18px;
	background: url("/css/../img/season-summer.png") no-repeat 0 50%;
}
.f-tire-seas .switch-sw-right{
	/*
	padding-bottom: 15px;
	background: url("/css/../img/season-wRubik.png") no-repeat 99% 100%;
	*/
	padding-right: 18px;
	background: url("/css/../img/season-wRubik.png") no-repeat 100% 50%;
}
.f-tire-spike{
	float: right;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.f-tire-spike .switch-sw{width: 80px;}

.spike-ico{
	display: inline-block;
	padding-left: 18px;
	background: url("/css/../img/spike.png") no-repeat 0 50%;
}

.ind-form-btn{
	clear: both;
	padding-top: 20px;
}

/* ------------------------------------------------- */

.carousel-discounts{
	clear: both;
	padding: 32px 0 32px 0;
}

.carousel-top{
}


/*----------------   b-it start -----------*/
.b-it{
	/*float: left;
	width: 23.39999%;
	position: relative;*/
	overflow: hidden;
	height: 410px;	
	text-align: center;
	margin: 0 0 20px 1.89999%;
}
.b-it:nth-child(4n+1){margin-left: 0;}

.b-it-in{
	position: relative;
	box-sizing: border-box;
	padding-top: 10px;
	width: 100%;
	/* height: 406px; */
	background: #ffffff;
	border: 1px solid #ececec;
	/*overflow: hidden;*/
	border-radius: 10px;
}

.b-it:hover{
	z-index: 2;
	overflow: visible;
}

.b-it:hover .b-it-in{
	border: 1px solid #f0f0f0;
	height: auto;
}

.b-lbl{
	position: absolute;
	z-index: 2;
	border-radius: 0.375rem;
	left: 0px;
	top: 8px;
	margin-left: 0.5rem;
}

.b-img{
	width: 100%;
	height: 220px;
	/* margin: auto; */
}

.b-img a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.b-img a:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.b-img a img{
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
	/* border-radius: .375rem; */
}

.b-inf{
	text-align: center;
	padding: 10px 12px 0px 12px;
	background: #f8f8f8;
}

.b-wish{
	position: absolute;
	right: 4px;
	top: 5px;
	width: 38px;
	height: 38px;
}
/*
.a-wish{
	content: '';
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}
a.a-wish:hover{background-color: #f3f3f3;}
a.a-add2wish{background-image: url("/css/../img/a-add2wish.png");}
a.a-wishin{background-color: rgba(255,255,255,0.8); background-image: url("/css/../img/a-wishin.png");}
*/

.b-avail{
	font-size: 13px;
	line-height: 14px;
	padding: 0 0 14px 0;
	color: #909090;
}
.b-avail>span{display: inline-block;}
.b-avail>span.b-avail-yes{
	background: url("/css/../img/ico-avail-yes.png") no-repeat 0 3px;
	padding-left: 18px;
}

.b-mod{
	overflow: hidden;
	height: 54px;
	font-weight: 300;
	line-height: 18px;
}

.b-mod a{
	text-decoration: none;
	/*color: #393c41;*/
}
.b-mod a:hover{text-decoration: underline;}

.b-pr{
	clear: both;
	padding: 8px 0;
	text-align: center;
}
.b-pr:after{content: ""; display: block; clear: both;}

.b-cost{}
.b-cost-notavail{color: #cacaca;}
.b-cost-pr{
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}
.b-cost-pr>span{font-size: 18px; font-weight: 600;}

.b-cost-old{padding-top:0;}
.b-cost-pr-old{font-size: 14px; color: #c1c1c1; text-decoration: line-through; margin-right: 12px;}
.b-cost-old .b-cost-pr{color: #ff358c;}


.b-buy{
	padding: 10px 0 10px 0;
}
/*
.b-sizes{
	padding: 10px 0px 12px 0px;
	font-size: 13px;
	line-height: 14px;
}
.b-sizes>p{margin: 0; padding: 0;}
.b-sizes-list{padding: 6px 0 0 0;}
.b-sizes-list:after{clear: both; display: block; content: '';}
.b-sizes-list>span{
	display: inline-block;
	width: 32px;
	background-color: #f7f7f7;
	text-align: center;
	padding: 4px 0;
	margin-right: 6px;
	margin-bottom: 6px;
}
*/
.b-pars{
	font-size: 12px;
	text-align: left;
	color: #838383;
}

.b-pars div{
	background-color: #ffffff;
}

.b-pars div:nth-child(odd){
	background-color: #fafafa;
}

.b-pars span{
	display: inline-block;
	width: 60%;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}

.b-pars span:first-child{
	width: 40%;
}

.b-more{
	padding: 12px 0 18px;
}

.b-more a{
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 1px;
	font-size: 14px;
	text-decoration: underline;
	color: #838383;
	background: url("/css/../img/more-a.png") right center no-repeat;
}

.b-more a:hover{
	text-decoration: none;
}


.b-it-big{margin: 0; height: 510px; float: none; width: auto;}
.b-it-big .b-it-in{height: 510px; border: 0;}
.b-it-big:hover .b-it-in{border: 0;}

.b-it-big .b-img{height: 380px;}

/*----------------   b-it end ------------------*/

/*
.ind-subscribe{
	clear: both;
	margin: 24px 0;
	background: #323233 url("/css/../img/bg-vitrina.jpg") no-repeat 50% 50%;
	background-attachment: fixed;
	padding: 72px 0;
	color: #ffffff;
}
.ind-subpan{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}
.ind-subtxt{width: 50%;}
.ind-subtxt>div{font-size: 25px; line-height: 26px; font-weight: 600; padding-bottom: 12px; text-transform: uppercase;}
.ind-subtxt>p{font-size: 16px; line-height: 22px;}

.ind-subfrm{}
.ind-subfrm table{
	margin: auto 0 auto auto;
	border-spacing: 0;
	padding: 0;
	border: 0;
}
.ind-subfrm table tr td:first-child input{
	box-sizing: border-box;
	display: block;
	border-right: 0;	
	border-left: 1px solid #91898a;
	border-top: 1px solid #91898a;
	border-bottom: 1px solid #91898a;
	background: transparent;
	color: #ffffff;
	height: 40px;
	width: 200px;
	padding-left: 12px;
	font-size: 16px;
}
*/


/*
.ind-prominfo{
	background-color: #eef3fd;
	padding: 30px 0;
}
.ind-prominfo-in{}
.ind-prominfo-in:after{clear: both; content: ""; display: block;}
.ind-prominf-l{
	float: left;
	width: 48%;
}
.ind-prominf-r{
	float: right;
	width: 48%;
}

.promi-best{
	border-radius: 4px;
	background: #fd6201 url("/css/../img/ind-prom-1.png") no-repeat 0 0;
	background-size: cover;
	height: 223px;
	color: #fff;
	margin-bottom: 30px;
}
.promi-best-in{
	padding: 44px 0 0 30px;
	height: 100%;
	box-sizing: border-box;
	background: url("/css/../img/ind-aqua-assort.png") no-repeat 90% 100%;
}

.promi-deliv{
	border-radius: 4px;
	background: #3b64ad url("/css/../img/ind-prom-2.png") no-repeat 0 0;
	background-size: cover;
	height: 213px;
	color: #fff;
}
.promi-deliv-in{
	padding: 44px 0 0 30px;
	height: 100%;
	box-sizing: border-box;
	background: url("/css/../img/ind-deliv-man-sm.png") no-repeat 90% 100%;
}

.promi-best-in>div, .promi-deliv-in>div{
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 300;
	line-height: 28px;
	padding-bottom: 20px;
}
.promi-best-in>div>span, .promi-deliv-in>div>span{font-weight: bold; display: block;}
.promi-best-in>p{
	width: 40%;
	font-size: 16px;
	font-weight: 300;
}

.promi-sup{
	border-radius: 4px;
	background: #929de2 url("/css/../img/ind-prom-big.jpg") no-repeat 0 0;
	background-size: cover;
	height: 466px;
	color: #fff;
}
.promi-sup-in{
	height: 100%;
	box-sizing: border-box;
	padding: 100px 0 0 38px;	
}

.promi-sup-in>div{
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 300;
	line-height: 28px;
	padding-bottom: 40px;
}
.promi-sup-in>div>span{font-weight: bold; display: block;}
.promi-sup-in>p{
	width: 50%;
	font-size: 16px;
	font-weight: 300;
}
*/

/* ----------------------------- */

.wtf{
	padding: 30px 0;
	clear: both;
}
.wtf-tit{
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
}

.wtf-cont{	
	position: relative;
	font-family: Roboto;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	padding: 10px 0 20px 0;
	color: #5a5a5a;
	column-count: 2;
	column-gap: 30px;
	text-align: justify;
	overflow: hidden;
	max-height: 200px;
}

.wtf-cont p{
	margin-bottom: 10px;
}

.wtf-cont:after{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100px;
	content: "";
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.wtf-cont-show{max-height: none;}
.wtf-cont-show:after{display: none;}

.wtf-cont-show + .btn-wrap{display: none;}

/*
.ind-promo{
	margin: 30px 0;
	padding: 80px 0 60px 0;
	background: #f1f5fd url("/css/../img/bg-light.jpg") no-repeat 50% 50%;
	background-attachment: fixed;
	background-size: cover;
}

.promo-list{color: #204a7c; text-align: center;}

.promo-item{
	float: left;
	width: 22.99999%;
	margin: 0 0.99999%;
	min-height: 120px;
	padding: 140px 8px 0 8px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.promo-item p{
	font-weight: 400;	
	padding: 0 20px;
}

.promo-goods{background-image: url("/css/../img/promo-1.png");}
.promo-quality{background-image: url("/css/../img/promo-3.png");}
.promo-deliv{background-image: url("/css/../img/promo-2.png");}
.promo-cost{background-image: url("/css/../img/promo-4.png");}

.promo-tit{
	font-size: 20px;
	font-weight: 600;
	padding: 14px 0;
}
*/


.carousel-news{
	padding: 30px 0 40px 0;
}

.bc-it{
	height: 310px;
	box-sizing: border-box;
	padding-top: 12px;
	font-family: Roboto;
	text-align: left;
}
.bc-it:hover{}

.bc-img{
	width: 90%;
	height: 180px;
	margin: 0 auto 20px;
}
.bc-img a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.bc-img a:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.bc-img a img{
	max-width: 100%;
	height: auto;
	max-height: 100%;
	border-radius: 0.375rem;
	vertical-align: middle;
}

.bc-mod{line-height: 18px;}
.bc-mod a{
	display: block;
	overflow: hidden;
	padding: 0 5%;
	text-decoration: none;
	color: #292929;
}
.bc-mod a:hover{text-decoration: underline;}

.bc-cost{
	height: 20px;
	font-weight: 500;
	font-size: 14px;
	padding: 12px 0 0 5%;
}
.bc-cost>span{font-size: 16px; font-weight: 600;}



.ind-media{
	margin: 10px 0;
	clear: both;
	padding: 28px 0;
	background: #f8f8f8 url("/css/../img/news-bg.jpg") no-repeat 50% 50%;
	background-attachment: fixed;
}

.ind-media .lbl-hdr{background: none;}
.ind-media .lbl-hdr span{background-color: transparent;}

.ind-news{
	float: left;
	width: 30%;
}

.news-hdr-in{
	padding: 0px 0px 12px 0px;
	font-size: 20px;
	line-height: 22px;
	font-weight: 400;
	text-transform: uppercase;
	color: #444a55;
}

.news-list{}
.news-list:after{clear: both; content: ""; display: block;}

.news-item{
	box-sizing: border-box;
	margin: 0 0 14px 0;
	background-color: #ffffff;
	border-bottom: 1px solid #ebebeb;
	border-radius: 10px;
}
.news-item:first-child{margin-left: 0;}
.news-img{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 182px;
	overflow: hidden;
}
.news-img img{
	display: block;
	/*max-width: 100%;*/
	height: 100%;
}

.news-i{
	box-sizing: border-box;
	/*border-bottom: 1px solid #eaeaea;*/
	padding: 16px 14px 16px 14px;
}
.news-date{
	font-size: 14px;
	color: #bbbbbb; 
	padding: 0 0 0 0;
}

.news-tit{
	clear: both;
	padding: 6px 0 8px 0;
}
.news-tit a{text-decoration: none;}
.news-tit a:hover{text-decoration: underline;}

.news-inf{
	line-height: 20px;
}

.news-more{
	padding: 10px 0 4px 0;
}
.news-more a{
	display: inline-block;
	text-decoration: none;
	color: #292929;
	padding-right: 20px;
	background: url("/css/../img/more-arr-d.png") no-repeat 100% 6px;
}
.news-more a:hover{text-decoration: underline;}

.news-item-big{
	width: 35.99999%;
	position: relative;
}
.news-item-big .news-i{
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	padding-left: 16px;
}
.news-item-big .news-img{
	height: 228px;
	overflow: hidden;
}
.news-item-big .news-img img{display: block; width: 100%; height: auto; margin: 0 0 auto 0;}
.news-item-big .news-tit a{text-transform: uppercase;}
.news-item-big .news-tit:after{display: none;}
.news-item-big .news-date{
	position: absolute;
	z-index: 2;
	color: #ffffff;
	left: 16px;
	top: 200px;
}

.news-item:nth-child(n+5){display: none;}

.ind-media .btn-wrap{clear: both; margin-top: 10px; margin-right: 10px; text-align: right;}

/*
.ind-news .news-item{
	border-top: 1px solid #d8d8d8;
	padding-top: 10px;
}
.ind-news .news-item:first-child{padding-top: 0; border-top: 0;}
.ind-news .news-tit{
	background: url("/css/../img/news-ico.png") no-repeat 0 2px;
	padding-left: 24px;
	padding-bottom: 8px;
}
*/


.ind-artics{
	float: right;
	width: 65%;
}
.ind-artics .news-item{
	float: left;
	width: 48.99999%;
	margin: 0 0 20px 1.99999%;
	background-color: transparent;
	border-bottom: 0;
}
.ind-artics .news-item:nth-child(2n+1){margin-left: 0;}
.ind-artics .news-i{padding: 14px 0;}
.ind-artics .news-inf{padding-top: 10px;}
.ind-artics .news-inf:before{
	display: block;
	content: '';
	height: 1px;
	width: 50px;
	background-color: #cccccc;
	margin-bottom: 6px;
}

.news-more-blk{
	clear: both;
	padding: 10px 0 6px 0;
	text-align: left;
}

a.a-more{display: inline-block; background: url("/css/../img/more.png") no-repeat 100% 6px; padding-right: 14px;}
a.a-more>span{}




/*------------  catalog  -----------*/

/*--------  # content ---------*/
#content{
	float: right;
	width: 870px;
}

.dcontent-top{
	margin-top: 5px;
	margin-bottom: 12px;
	padding-left: 15px;
}

.cbreadcrumbs{
	clear: both;
	margin: 16px 0 20px 0;
	font-family: Roboto;
	font-weight: 300;
}

.cbreadcrumbs>div{
	display: inline-block;
	font-size: 14px;
	color: #000000;
}

.cbreadcrumbs>div a{
	margin-right: 5px;
	padding-right: 18px;
	color: #000000;
	background: url("/css/../img/bc-next.png") no-repeat 100% 8px;
}
.cbreadcrumbs>div a:hover{
	text-decoration: none;
	color: #404040;
}

.ccprom{
	clear: both;
}
.ccprom img{display: block; max-width: 100%; height: auto;}

.cctext{
	padding: 8px 0 14px 0;
	font: 13px/18px 'Roboto';
	color: #5a5a5a;
}
.cctext-bot{
	line-height: 24px;
	color: #797878;
}

.cctop{
	clear: both;
	padding: 0 0 0 0px;
	margin-bottom: 8px 0;
	/*text-align: center;*/
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
.cctop:before{display: none;}
.cctop:after{display: none;}

.ccbot{
	clear: both;
	margin: 20px 0 20px 0;
	text-align: center;
}
.ccbot .cpages{float: none; justify-content: center;}

.ccsort{
	position: relative;
	float: left;
	margin-top: 2px;
	font-size: 14px;
	padding: 7px 10px 7px 0;
}

.ccsort-h{
	float: left;
	margin-right: 6px;
}

a.a-sort{
	float: left;
	/*margin-left: 10px;*/
	padding-right: 18px;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #ff358c;
	background: url("/css/../img/a-down-pink.png") no-repeat 100% 8px;
}
a.a-sort span{border-bottom: 1px dotted #ff358c;}
a.a-sort:hover{/*color: #7da2de;*/}
a.a-sort:hover span{border-bottom: none;}


.ccview{
	display: flex;
	font-size: 14px;
	color: #000000;
	padding-top: 1px;
}

.ccview-h{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.ccview .view-a{
	display: inline-block;
	box-sizing: border-box;
	content: '';
	width: 36px;
	height: 36px;
	border: 1px solid #e3e3e3;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.view-list{	
	margin-left: 5px;
	background-image: url("/css/../img/iview-list.png");
}
.view-card{background-image: url("/css/../img/iview-ico.png");}

.view-list.active{background-image: url("/css/../img/iview-list-sel.png");}
.view-card.active{background-image: url("/css/../img/iview-ico-sel.png");}


.cpages{
	/*float: right;*/
	display: flex;
	white-space: nowrap;
	font-family: 'Roboto';
}

.cpages a{
	display: inline-block;
	width: 34px;
	height: 36px;
	padding-top: 4px;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #000000;	
	border-right: 1px solid #efefef;
	/*border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;*/
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.cpages a:last-child{border-right: 0;}

.cpages a:hover{
	text-decoration: none;
	background-color: #f4f4f4;
}

.cpages span{
	display: inline-block;
	width: 34px;
	height: 36px;
	padding-top: 4px;
	font-size: 15px;
	/*font-weight: bold;*/
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #ff358c;
}

.cpages a.a-first-prev{background-image: url("/css/../img/p-first.png");}
.cpages a.a-prev{background-image: url("/css/../img/p-prev.png");}
.cpages a.a-next{background-image: url("/css/../img/p-next.png");}
.cpages a.a-last-next{background-image: url("/css/../img/p-last.png");}

.ccflt-top{
	clear: both;
	display: none;
	text-align: center;
	padding: 10px 0;
}

#cpagesload{display: none;}


.car-selector-row{
	clear: both;
	margin: 0 0 12px 0;
	padding: 28px 0;
	background: #dbdee0 url("/css/../img/top-bg.jpg") no-repeat 50% 50%;
}

.car-selector{
	clear: both;
	box-sizing: border-box;
	background: #ffffff;
	padding: 0px 20px;
	border-radius: 0.375rem;
}
.car-selector:after{clear: both; content: ''; display: block;}

.car-sel{
	float: left;
	width: 48%;
	padding-top: 20px;
}
.car-cur{
	float: right;
	box-sizing: border-box;
	width: 50%;
	border-left: 1px solid #ededed;
	min-height: 140px;
	padding-top: 20px;
}

.car-sel-hdr{
	padding: 12px 0px 12px 0px;
	font-size: 19px;
	line-height: 20px;
	font-weight: 400;
	text-transform: uppercase;	
}
.car-sel-hdr span{display: inline-block; padding-left: 16px; background: url("/css/../img/arr.png") no-repeat 0 7px;}

.car-sel-combolist{
	padding: 8px 0 0 0;
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
}
.car-sel-combolist>span{display: block; width: 48.99999%; margin-right: 0.99999%;}
.car-sel-combolist>span select{
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	padding-left: 30px;
	border: 1px solid #e0e0e0;
}
.car-sel-combolist>span.car-sel-brand select{
	border-spacing: 0;
	background: url("/css/../img/cmb-car-brand.png") no-repeat 12px 11px;
	border-radius: .375rem;
}
.car-sel-combolist>span.car-sel-model select{
	border-spacing: 0;
	background: url("/css/../img/cmb-car-model.png") no-repeat 10px 12px;
	border-radius: .375rem;
}

.car-cur{position: relative; z-index: 1;}
.car-cur .car-sel-hdr{padding-top: 0;}
.car-cur-sel{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	padding-top: 10px;
}

.car-cur-sel-pic{
	height: 90px;
	/*margin: 0 auto;*/
	margin-right: 30px;
}

.car-cur-sel-pic div{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.car-cur-sel-pic div:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.car-cur-sel-pic div img{
	/*max-width: 94%;*/
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}


.car-cur-clear{position: absolute; z-index: 2; right: 0; top: 20px;}
.car-cur-clear a{
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	background: url("/css/../img/a-del.png") no-repeat 50% 50%;
	opacity: 0.7;
}
.car-cur-clear a:hover{opacity: 1;}


.sel-car-nocar{color: #a7a7a7; padding-left: 16px;}
.sel-car-model{color: #a7a7a7; padding-left: 16px;}
.sel-car-model>div{
	padding-bottom: 10px;
}
.sel-car-model>div>a{color: #ff4294;}
.sel-car-model>span{display: block;}

/*
.car-sel-model{
	color: #1ea644;
}
.car-sel-model>span{display: block; font-size: 13px; color: #a0a0a0;}

.car-cur-sel-no{padding-top: 10px; flex-flow: column wrap;}

.sel-nocar{text-align: center;}
.sel-nocar-pic{text-align: center;}
*/



.ccgoods{
	padding-top: 20px;
	padding-bottom: 20px;
}

/*---------------- p-iit start -----------*/
.p-iit{
	position: relative;
	z-index: 1;
	float: left;
	overflow: hidden;
	width: 31.29999%;
	height: 420px;
	border: .0625rem solid #e6e6e6;
	margin-bottom: 32px;
	border-radius: 10px;
	margin-right: 10px;
}
.p-iit:nth-child(3n+1){}

.p-iitover{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ffffff;
	background: #ffffff;
	padding-top: 2px;
	overflow: hidden;
}

.p-iit:hover{
	z-index: 2;
	overflow: visible;
}

.p-iit:hover .p-iitover{
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	transition: box-shadow 0.2s;
	box-shadow: 0 4px 6px rgba(200, 200, 200, 0.4);
}

.p-iit:hover a.btn-buy, .p-iit:hover div.btn-buy{background-color: #ffffff; color: #1a1a1a; border-color: #ff4294;}
.p-iit:hover a.btn-buy>span, .p-iit:hover div.btn-buy>span{background-image: url("/css/../img/ibtn-buy-pink.png");}
.p-iit:hover a.btn-buy:hover, .p-iit:hover a.btn-buy:hover{color: #ff4294; border-color: #f3247d;}

.p-lbl{position: absolute;left: 18px;top: 14px;border-radius: 10px;}

.p-iimg{
	width: 100%;
	height: 260px;
	margin: 0 auto;
}

.p-iimg a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.p-iimg a:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.p-iimg a img{
	max-width: 94%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

.p-iinf{
	padding: 10px 12px 14px 12px;
	/* text-align: center; */
	font-family: Roboto;
	background: #f8f8f8;
}
.p-iinf2{
	padding: 10px 12px 14px 12px;
	background-color: #f9f9f9;
}

.p-it-cd{
	font-size: 15px;	
	color: #c9c9c9;
	padding-bottom: 2px;
}

.p-imod{
	overflow: hidden;
	height: 60px;
	font-size: 15px;
	font-weight: 100;
	line-height: 18px;
}

.p-imod a{color: #292929; text-decoration: none;}
.p-imod a:hover{color: #606060; text-decoration: underline;}

.p-ipr{
	padding: 2px 0 12px 0;
	/* text-align: center; */
	line-height: 20px;
}

.p-icost{
	display: inline-block;
	font-size: clamp(.75rem, .6236842105rem + .6315789474vw, 1.125rem);
	font-weight: 400;
	color: #1a1a1a;
}
.p-icost>span{font-weight: 700;font-size: clamp(.75rem, .6236842105rem + .6315789474vw, 1.125rem);}
.p-ipr-notavail .p-icost>span{font-weight: 400; font-size: 16px; color: #808080;}
.p-ipr-wold .p-icost{color: #ff358c; margin-left: 10px;}
.p-icost-old{
	color: #c1c1c1;
	/*font-size: 14px;
	font-weight: 400;*/
	text-decoration: line-through;
}

.p-btnempty{
	display: inline-block;
	background-color: #f0f0f0;
	padding: 13px 24px;
	color: #a0a0a0;
}

.p-it-add{
	/* padding: 2px 0px 20px; */
	text-align: center;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}
.p-it-add:after{clear: both; content: ''; display: block;}

.p-iwish{margin-left: 10px;}

a.a-wish{
	display: block;
	width: 34px;
	height: 34px;
	/*border: 1px solid #ffffff;*/
}
a.a-wish>span{display: block; width: 100%; height: 100%; content: ''; background: url("/css/../img/a-wish.png") no-repeat 50% 50%;}
a.a-wish:hover{/*border: 1px solid #ededed;*/ background-color: #f8f8f8;}
a.a-add2wish:hover>span{}
a.a-wishin>span{background-image: url("/css/../img/a-wish-in.png");}

.p-icmp{margin-left: 10px;}

a.a-cmp{
	display: block;
	width: 34px;
	height: 34px;
	/* border: 1px solid #ffffff; */
}
a.a-cmp>span{display: block; width: 100%; height: 100%; content: ''; background: url("/css/../img/a-cmp.png") no-repeat 50% 50%;}
a.a-cmp:hover{/*border: 1px solid #ededed;*/ background-color: #f8f8f8;}
a.a-add2cmp:hover>span{}
a.a-cmpin>span{background-image: url("/css/../img/a-cmp-in.png");}

.p-pars{
	font-size: 12px;
	text-align: left;
	color: #303030;
}
/*
.p-pars div{background-color: #ffffff;}
.p-pars div:nth-child(odd){background-color: #fafafa;}
*/
.p-pars>div{clear: both; padding: 2px 0;}
.p-pars>div:after{clear: both; content: ''; display: block;}
.p-pars>div>span{
	display: block;
	box-sizing: border-box;
	float: right;
	width: 57%;
	vertical-align: top;
}

.p-pars>div>div:first-child{
	display: block;
	float: left;
	width: 40%;
	color: #888888;
	background: url("/css/../img/dots.png") no-repeat 3px 14px;
}
.p-pars>div>div:first-child>span{background-color: #f9f9f9; padding-right: 4px;}

.p-more{
	padding: 14px 0 4px;
	text-align: center;
}

.p-more a{
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 1px;
	font-size: 14px;
	text-decoration: underline;
	color: #838383;
}

.p-more a:hover{
	text-decoration: none;
}

/*---------------- p-iit end ------------------*/

.p-it{
	clear: both;
	margin: 18px 0 30px 0;
	padding: 8px 0 20px 0;
	border-bottom: 2px solid #f1f5fd;
}
.p-it:after{clear: both; content: ""; display: block;}

.p-it-left{
	float: left;
	width: 25%;
}
.p-it-right{
	float: right;
	width: 71%;
}

.p-mod{
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 4px 0;
}
.p-mod a{color: #3d67ad; text-decoration: none;}
.p-mod a:hover{text-decoration: underline;}
.p-art{padding: 2px 0 8px 0;}

.p-inf{
	clear: both;
	padding: 10px 0;
}
.p-inf:after{clear: both; content: ""; display: block;}
.p-inf>div{
	float: left;
	width: 33%;
}
.p-inf>div.p-td-resp{float: right; text-align: right; color: #afafaf; font-size: 13px;}
.p-avail{
	display: inline-block;
	color: #17b565;
	background: url("/css/../img/avail-yes.png") no-repeat 0 0;
	padding: 1px 0 1px 22px;
}
.p-td-rate img{display: block;}
a.p-resp{
	display: inline-block;
	background: url("/css/../img/a-resp.png") no-repeat 0 3px;
	padding: 0 0 0 22px;
	font-size: 14px;
	color: #383d45;
	text-decoration: none;
	margin-right: 6px;
}
a.p-resp>span{
	border-bottom: 1px dotted #383d45;
}

.p-descr{
	color: #9f9f9f;
	padding: 8px 0 14px 0;
}
.p-pr{
	clear: both;
	padding: 6px 0 14px 0;
}
.p-pr:after{clear: both; content: ""; display: block;}
.p-cost{
	width: 150px;
	float: left;
}

.p-buy{
	width: 120px;
	float: left;
}
.p-cost-val{
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	color: #1c965b;
	padding-top: 8px;
}


/*--------  #left  ---------*/
.left-cont{
	float: left;
	width: 280px;
}


.compare{
	padding: 6px 0px 14px 0px;
}

.compare .compare-blk{
	margin-bottom: 2px;
	padding: 6px 6px 6px 8px;
	background-color: #fafafa;
}
.compare .compare-blk:nth-child(2n){background-color: #ffffff;}

.compare-tit{
	display: inline-block;
	width: 90%;
	padding-right: 16px;
	font-size: 13px;
	line-height: 16px;
	vertical-align: middle;
	text-decoration: none;
	color: #505050;
}

.compare-tit:hover{
	text-decoration: underline;
	color: #000000;
}

.compare-clos{
	display: inline-block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url("/css/../img/a-del.png") no-repeat 50% 50%;
	opacity: 0.6;
}

.compare-clos:hover{opacity: 1;}

.compare .btn-wrap{
	margin-top: 10px;
}

/* filters */
.flt-row{
	padding-bottom: 16px;
}
.flt-list{
	margin: 0;
	padding: 8px 0px;
}

.flt-blk-sel{
	margin: 0 0 8px 0;	
}

.flt-blk-sel .flt-list{margin: 0 0 10px; padding: 0;}

ul.flt-rem{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.flt-rem li{
	margin-bottom: 4px;
	background: #f8f8f8 url("/css/../img/li-line.png") no-repeat 6px 17px;
	padding-left: 24px;
}
ul.flt-rem li:nth-child(2n){background-color: #ffffff;}
ul.flt-rem li a{
	display: block;
	padding: 7px 3px 7px 0px;
	font-size: 14px;
	text-decoration: none;
	background: url("/css/../img/a-del.png") no-repeat 95% center;
}
ul.flt-rem li a:hover{opacity: 0.8;}


.flt-clear-all{
	margin-top: 14px;
	text-align: center;
}
.flt-clear-all a{
	display: inline-block;
	font-size: 14px;
	padding: 1px 0 1px 20px;
	text-decoration: none;
	background: url("/css/../img/a-clear-all.png") no-repeat 0 50%;
	color: #292929;
}
.flt-clear-all a span{border-bottom: 1px dotted #292929;}
.flt-clear-all a:hover{color: #606060;}
.flt-clear-all a:hover span{border-bottom: none;}

/*
.ccflt-list{
	clear: both;
	padding: 12px 0;
}
.ccflt-list:after{clear: both; content: ''; display: block;}

.ccflt-list>ul.flt-rem{float: left;}
.ccflt-list>ul.flt-rem li{float: left; padding-bottom: 0; margin: 0 10px 10px 0;}
.ccflt-list>ul.flt-rem li a{
	float: left;
	font-size: 14px;
	background-color: #fffbed;
	padding: 5px 12px 5px 12px;
	border: 1px solid #efd054;	
	background-image: none;
}
.ccflt-list>ul.flt-rem li a>span{background: url("/css/../img/a-del-sm.png") no-repeat 100% 50%; padding-right: 16px;}
.ccflt-list>ul.flt-rem li a:hover{background-color: #faf4de;}

.ccflt-list>ul.flt-rem li.rem-all a{
	background-color: #fff6f6;
	border: 1px solid #fabdbd;
}
.ccflt-list>ul.flt-rem li.rem-all a>span{background: url("/css/../img/a-trash.png") no-repeat 0 50%; padding: 0 0 0 20px;}
.ccflt-list>ul.flt-rem li.rem-all a:hover{
	background-color: #feeded;
	border: 1px solid #faa3a3;
}
*/


.flt-blk{
	padding: 10px 0px;
	border-top: 1px solid #dfdfdf;
}
.flt-blk-car{border-top: 0; padding-top: 4px;}

.flt-hdr{
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-transform: uppercase;
	padding: 2px 0px;
	background: url("/css/../img/a-down.png") no-repeat 100% 50%;
	margin-bottom: 4px;
}
.flt-hdr>span{
	display: inline-block;
	padding-left: 14px;
	background: url("/css/../img/arr.png") no-repeat 0 5px;
}

.flt-allopt{
	padding: 0;
}

/*
.flt-hdr.open{
	padding: 5px 15px;
	border-radius: 4px;
	background: #f7f7f7 url("/css/../img/flt-hdr-open.png") 95% center no-repeat;
}
*/

input.btn-filt{
	background-image: url("/css/../img/ibtn-find-w.png");
	background-position: 22px 50%;
	background-repeat: no-repeat;
	padding-left: 44px;
}

input.btn-filtok{
	padding: 7px 14px;
}

.fltpricetbl .fltpr{
	width: 48px;
	height: 28px;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #c9c9c9;
	background-color: #ffffff;	
}

.upto{
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #4d4d4d;
}

.fltpricetbl td{
	padding: 0 6px 0 0;
}

.flt-opt{
	margin-bottom: 4px;
}

.flt-opt label{
	position: relative;
	display: block;
	padding: 2px 4px 2px 22px;
	font-size: 14px;
	cursor: poRubik;	
}

.flt-opt label a{
	text-decoration: none;
	color: #3e3e3e;
}
.flt-opt label a:hover{text-decoration: underline;}

.flt-opt label>span{color: #a7a7a7; font-weight: 300; margin-left: 8px;}
.flt-opt label>span:first-child{margin-left: 0;}

.flt-opt input[type='checkbox']{
	display: none;
}

.flt-opt input[type='checkbox'] + label:before{
	position: absolute;
	top: 4px;
	left: 0px;
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	transition: 0.2s;
	background: url("/css/../img/checkbox.png") center no-repeat;
}

.flt-opt input[type='checkbox']:checked + label:before{
	background: url("/css/../img/checkbox-checked.png") center no-repeat;
}

.flt-opt input[type='checkbox']:checked + label{font-weight: 600;}
.flt-opt input[type='checkbox']:checked + label a{font-weight: 600;}

.flt-opt input[type='checkbox'].flt-chk-dis + label:before{background-image: url("/css/../img/checkbox-disabled.png"); cursor: default;}

.flt-checked label{}

.flt-list-open{
	padding-right: 18px;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	text-decoration: none;
	background: url("/css/../img/flt-list-open.png") right center no-repeat;
}

.flt-list-open:hover span{
	border-bottom: 1px dotted transparent;
}

.flt-list-open span{
	color: #44a53d;
	border-bottom: 1px dotted #44a53d;
}


.cat-specials{
	padding: 6px 0;
}
.cat-spec-it{
	color: #a0a0a0;
	padding: 2px 0 2px 14px;
	background: url("/css/../img/arr.png") no-repeat 2px 8px;
}
.cat-spec-sel a{color: #ee2f2f;}


.cat{
	clear: both;
	margin-bottom: 20px;
}
.cat0{}
.cat0>a{
	display: block;
	text-decoration: none;
	font-size: 16px;
	padding: 4px 0 4px 14px;
	background: url("/css/../img/arr.png") no-repeat 2px 11px;
}
.cat0>a>span{
	/*
	display: block;
	background: url("/css/../img/li-down.png") no-repeat 0 9px;
	padding-left: 18px;
	*/
}
.cat0-open>a{font-weight: 400;}
.cat0-open>a>span{/*background-image: url("/css/../img/arr-down.png");*/}
.cat0>a:hover{text-decoration: underline;}

.cat0-sub{
	clear: both;
	padding: 2px 0 6px 14px;
}
.cat0-sub a{color: #292929;}
ul.lev0{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}
ul.lev0>li{
	margin: 2px 0;
	padding: 2px 0 2px 0px;
	/*background: url("/css/../img/arr-r.png") no-repeat 1px 6px;*/
}
ul.lev0>li.lev0-open{background-color: #ffffff;}
ul.lev0>li.lev0-open>div{
	padding: 4px 0 4px 0px;
	background: url("/css/../img/a-down.png") no-repeat 97% 12px;
}
ul.lev0>li.lev0-open>span{display: block; clear: both; content: '';}
ul.lev0>li>a{
	display: block;
	text-decoration: none;
	background: url("/css/../img/arr.png") no-repeat 0 8px;
	/*border-bottom: 1px solid #eaeaea;*/
	padding: 2px 0 2px 12px;
}
ul.lev0>li>a:hover{text-decoration: underline;}
/*ul.lev0>li.lev0-wpic>a{margin-left: 6px;}
ul.lev0>li.lev0-wpic>div{
	float: left;
	width: 38px;
	height: 24px;
	border: 1px solid #ededed;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding: 2px 0;
}
ul.lev0>li.lev0-wpic>div:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
ul.lev0>li.lev0-wpic>div>img{max-height: 84%; max-width: 86%; width: auto; height: auto; vertical-align: middle;}
*/
ul.lev0>li.lev0-open>div>a{font-weight: 600; text-decoration: none; background: url("/css/../img/arr.png") no-repeat 0 6px; padding-left: 12px;}

ul.lev1{
	clear: both;
	margin: 0px 0 8px 0px;
	padding: 6px 4px 6px 12px;
	font-size: 13px;
	line-height: 16px;
	list-style: none;
	background-color: #fafafa;
}
ul.lev1>li{
	margin: 2px 0 4px 0;
	padding: 2px 0 2px 10px;
	background: url("/css/../img/arr-sm-bl.png") no-repeat 0px 7px;
}
ul.lev1>li.lev1-sel{}

ul.lev1>li a{text-decoration: none;}
ul.lev1>li a:hover{text-decoration: underline;}


.lcat{
	line-height: 16px;
}

ul.lcat-list{
	margin: 0 0;
	padding: 0 0;
	list-style: none;
}
ul.lcat-list>li{
	background: url("/css/../img/arr-rnd.png") no-repeat 0 2px;
	padding: 2px 0 2px 24px;
	margin-bottom: 2px;
}
ul.lcat-list>li>div{
	border-bottom: 1px solid #fff;
	padding: 0 0 4px 2px;
}
ul.lcat-list>li a{text-decoration: none;}
ul.lcat-list>li a:hover{text-decoration: underline;}

.car-catlist{
	/*position: relative;*/
	margin-top: 4px;
}
.car-catlist>div{	
	margin-bottom: 6px;
	background: url("/css/../img/arr.png") no-repeat 2px 6px;
	color: #b0b0b0;
}
.car-catlist div>a{
	margin-left: 14px;
	text-decoration: none;
	color: #303030;
}
.car-catlist div>a:hover{
	border-bottom: 1px dotted #303030;
}

.car-catlist div span{
	float: right;
	width: 23px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
	color: #909090;
}
.car-catlist div.catlist-sub{margin-left: 3px;}
.car-catlist div.catlist-sub>ul{
	display: none;
	list-style: none;
	margin: 4px 0;
	padding: 4px 0 4px 2px;
	background-color: #ffffff;
}
.car-catlist div.catlist-sub>ul>li{
	margin: 0;
	padding: 3px 0 3px 12px;
	background: url("/css/../img/li-def.png") no-repeat 0 10px;
	font-size: 13px;
	line-height: 14px
}
.car-catlist div.catlist-sub>ul>li.sel{}
.car-catlist div.catlist-sub>ul>li a{margin: 0; border-bottom: 0; color: #606060; text-decoration: none;}
.car-catlist div.catlist-sub>ul>li a:hover{ color: #ff358c; text-decoration: underline;}
.car-catlist div.catlist-sub>ul>li.sel a{color: #ff358c;}

.car-catlist div.car-catopen{background-image: url("/css/../img/arr-down.png"); background-position: 0 7px;}
.car-catlist div.car-catopen>a{color: #ff358c;}
.car-catlist div.car-catopen div.catlist-sub{
	border-left: 2px solid #e9eaea;
	padding-left: 10px;
}
.car-catlist div.car-catopen div.catlist-sub>ul{
	display: block;
}

/*
.catlist{
	margin: 12px 0 0 0;
	padding: 0;
	list-style: none;
}

.catlist li{
	margin-bottom: 2px;
}

.catlist ul{
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}

.catlist a{
	display: block;
	padding: 2px 23px;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	color: #000000;
	background: url("/css/../img/no-check.png"), url("/css/../img/flt-list-open.png");
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: 5px center, 97% center;
}

.catlist a:hover{
	text-decoration: underline;
}

.catlist-open > a{
	color: #ffffff;
	background: url("/css/../img/check.png"), url("/css/../img/catlist-open.png");
	background-color: #56be3c;
	background-repeat: no-repeat;
	background-position: 5px center, 97% center;
}

.catlist-open ul{
	margin-top: 5px;
	margin-bottom: 10px;
}

.catlist-open ul a{
	background: #ffffff url("/css/../img/no-check.png") 5px center no-repeat;
}
*/


.tel-call{
	padding: 16px 0px;
	font-size: 13px;
}
.tel-call-hdr{
	margin-bottom: 12px;
}
.tel-call>p{
	padding: 3px 0 3px 14px;
	font-size: 16px;
	background: url("/css/../img/arr.png") no-repeat 0 10px;
	font-weight: 600;
}
.tel-call-txt{
	margin-top: 10px;
	margin-bottom: 4px;
}
.tel-call-a{
	padding: 0 0 8px 0px;
}
a.a-callback{
	display: inline-block;
	font-size: 14px;
	background: url("/css/../img/a-call.png") no-repeat 0 6px;
	padding: 2px 0 2px 24px;
	text-decoration: none;
	color: #ff358c;
}
a.a-callback>span{border-bottom: 1px dotted #ff358c;}


.cat-sim-car{
	font-size: 13px;
	line-height: 18px;
}
.cat-sim-car a{color: #404040;}
.cat-sim-car a:hover{color: #707070;}

.cat-sim-sect{
	clear: both;
	margin: 12px 0;
}
.cat-sim-sect>a{
	display: flex;
	align-items: center;
	flex-flow: row nowrap;
	justify-content: space-between;
	color: #292929;
	text-decoration: none;
	margin-bottom: 8px;
}
.cat-sim-pic{
	box-sizing: border-box;
	width: 90px;
	height: auto;
	padding: 6px 6px;
	text-align: center;
	border: 1px solid #f0f0f0;
}
.cat-sim-pic>img{
	max-width: 100%;
	max-height: 90px;
	height: auto;
	width: auto;
}
.cat-sim-tit{
	width: calc(100% - 106px);
}
.cat-sim-sect>a:hover .cat-sim-tit{text-decoration: underline;}


.cat-news-list{
	padding: 4px 0;
}

.cat-news-item{
	margin-bottom: 16px;
	padding-top: 16px;
	font-size: 13px;
	border-top: 1px solid #efefef;
}
.cat-news-item:first-child{border-top: 0;}
.cat-news-item .news-img{
	margin-bottom: 5px;
	text-align: left;
}
.cat-news-item .news-tit{
	margin-bottom: 6px;
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #303030;
}
.cat-news-item .news-tit:after{display: none;}
.cat-news-item .news-tit:hover{
	text-decoration: underline;
	color: #707070;
}

.cat-news-item .news-datail{
	padding-right: 10px;
	text-decoration: none;
	background: url("/css/../img/arr-more-bl.png") right center no-repeat;
}
.cat-news-item .news-datail:hover{text-decoration: underline;}

/*-------- cat-reviews ---------*/
.cat-reviews{
	margin-bottom: 50px;
}

.cat-reviews-hdr{
	margin-bottom: 30px;
	font-size: 20px;
	color: #373737;
}

.cat-reviews-item{
	float: left;
	width: 32.5%;
	margin-right: 1%;
	padding-top: 5px;
}

.cat-reviews-item:nth-child(3n){
	margin-right: 0;
}

.rev-top{
	margin-bottom: 18px;
	padding-left: 17px;
}

.rev-img{
	float: left;
	width: 72px;
	height: 72px;
	margin-right: 30px;
}

.rev-img img{
	width: 100%;
	height: auto;
	max-height: 100%;
}

.rev-dt{
	float: left;
	width: 160px;
}

.rev-dt-top{
	margin-bottom: 7px;
	padding-top: 5px;
	padding-left: 30px;
	background: url("/css/../img/rev-dt.png") 0 8px no-repeat;
}

.rev-name{
	font-size: 12px;
	color: #373737;
}

.rev-date{
	font-size: 11px;
	color: #a0a0a0;
}

.rev-mod a{
	display: block;
	overflow: hidden;
	height: 32px;
	font-size: 12px;
	font-weight: 400;
	text-decoration: underline;
	color: #44a53d;
}

.rev-mod a:hover{
	text-decoration: none;
}

.rev-cont{
	overflow: hidden;
	height: 80px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #373737;
}

.rev-link{
	padding: 7px 30px 7px;
	text-align: right;
	background-color: #f9f9f9;
}

.rev-link a{
	padding-right: 20px;
	font-size: 12px;
	font-weight: 400;
	text-decoration: underline;
	color: #44a53d;
	background: url("/css/../img/rev-link.png") right center no-repeat;
}

.rev-link a:hover{
	text-decoration: none;
}

/*-------- carousel-seen---------*/
.seen-wrapp{
	padding-top: 15px;
	padding-bottom: 20px;
	border-right: 1px solid #f0f0f0;
	text-align: left;
	font-family: Roboto;
}
.seen-wrapp:hover{}

.seen-img{
	width: 90%;
	height: 160px;
	margin: 0 auto 20px;
}

.seen-img a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.seen-img a:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.seen-img a img{
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.seen-cat{
	color: #808080;
}
.seen-mod a{
	display: block;
	overflow: hidden;
	color: #292929;
	height: 38px;
	padding: 0 5%;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}
.seen-mod a:hover{text-decoration: underline;}
.seen-cost{
	padding: 8px 5%;
	font-size: 16px;
	font-weight: 500;
}

/*-----  card  -------*/
#content3{
	float: right;
	width: 890px;
}
#content2{
	padding-top: 0px;
	padding-bottom: 20px;
}

.pcard-left{
	float: left;
	width: 260px;
}

#dcontent{
	margin-bottom: 20px;
}

.ccard{clear: both;}

.ccard-l{
	float: left;
	width: 380px;
}

.ccard-r{
	float: right;
	width: 790px;
}

.ccard-r-2col{}
.ccard-r-2col:after{clear: both; content: ''; display: block;}

.ccard-r-2col .ccard-r-col{float: left; margin: 0;}
.ccard-r-2col .ccard-r-col:first-child{width: calc(100% - 320px);}
.ccard-r-2col .ccard-r-col:last-child{float: right; width: 295px; font-size: 13px; line-height: 16px;}

.ccard-blk{
	clear: both;
	margin: 6px 0;
	padding: 12px 0;
}
.ccard-blk:first-child{margin-top: 0; padding-top: 0;}
.ccard-blk:after{clear: both; content: ''; display: block;}

.ccard-blk-0{margin: 0; padding: 0;}
.ccard-blk-brd{border-bottom: 1px solid #ededed;}

.ccard-act{
	border: 1px solid #ff358c;
	padding: 0 0 6px 0;
}
.ccard-act-tit{
	color: #ff358c;	
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;	
	border-bottom: 1px solid #d0d0d0;
}
.ccard-act-tit:before{
	float: left;
	display: block;
	content: '';
	width: 42px;
	height: 40px;
	background: #ff358c url("/css/../img/gift-box-w.png") no-repeat 50% 50%;
}
.ccard-act-tit>span{
	display: inline-block;
	padding: 12px 0 11px 14px; 
}
.ccard-act-i{padding: 6px 10px 8px 10px;}
.ccard-act-pic{margin: 2px 10px;}
.ccard-act-pic img{max-width: 100%; display:block; height: auto;}

.ccard-act-time{clear: both; padding: 6px 10px 0 10px;}
.ccard-act-time:after{clear: both; content: ''; display: block;}
.act-tm-t{
	float: left;
	width: 110px;
	color: #eb1e1e;
	padding: 8px 0 10px 0;
}
.act-tm{
	float: left;
	display: flex;
	flex-flow: row nowrap;
}
.act-tm>div{text-align: center; box-sizing: border-box; padding: 0 1px; min-width: 38px;}
.act-tm>div.act-tm-sep{content: ''; background: url("/css/../img/2point.png") no-repeat 50% 11px; width: 7px; min-width: auto; height: 20px;}
.act-tm>div>div{
	font: 16px/16px 'Roboto Condensed', Roboto;
	padding: 6px 0;
	box-sizing: border-box;
	width: 30px;
	margin: 0 auto 0px auto;
	border: 1px solid #e5e5e5;
	color: #202020;
	background: linear-gradient(to bottom, #fcfcfc 0%, #e1e1e1 100%);
}

/*
.ccard-sizes{}
.ccard-sizes>p{padding: 0 0 10px 0;}
.ccard-sizes-list{
}
.ccard-sizes-list:after{clear: both; content: ''; display: block;}
.ccard-sizes-list>div{
	float: left;
	width: 46px;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #898989;
	cursor:poRubik;
	margin: 0 10px 10px 0;
}
.ccard-sizes-list>div:hover{background-color: #f9f9f9;}
.ccard-sizes-list>div.size-notavail{
	color: #b5b5b5;
	background-color: #ededed;
	border: 1px solid #cdcdcd;
	position: relative;
	cursor: default;
}
.ccard-sizes-list>div.size-notavail:before{
	display: block;
	position: absolute;
	content: '';
	z-index: 2;
	background: url("/css/../img/slash.png") no-repeat 50% 50%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.ccard-sizes-list>div.size-sel{
	font-weight: bold;
	color: #ffffff;
	background-color: #3377b6;
}

.ccard-size-help{
	padding: 8px 0 16px 0;
	font-size: 13px;
	line-height: 16px;
	border-bottom: 1px solid #ececec;
}
.ccard-size-help>div{
	background: url("/css/../img/uhsizer.png") no-repeat 0 50%;
	padding-left: 38px;
}
.ccard-size-help>div>a{
	font-weight: normal;
}
.ccard-size-help>div>a:hover{color: #808080;}
.ccard-size-help>div>span{font-size: 12px; color: #9a9a9a; margin-left: 10px;}
*/

.ccard-ico{
	clear: both;
	display: flex;
	flex-flow: row nowrap;
	padding: 0;
	align-items: center;
	justify-content: space-between;
	/*border-bottom: 1px solid #ededed;*/
	padding: 10px 0 20px 0;
}
/*.ccard-ico:after{clear: both; content: ""; display: block;}*/

.ccard-art{color: #aeaeae;}

.ccard-ico>div{
	font-size: 14px;
	font-family: Roboto;
}
.ccard-ico>div:nth-child(2){text-align: center;}
.ccard-ico>div:last-child{text-align: right;}

.ccard-resp{color: #afafaf; font-size: 13px;}

.a-resp{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 22px;
	font-size: 14px;
	text-decoration: none;
	background: url("/css/../img/a-resp.png") 0 center no-repeat;
	color: #383d45;
}
.a-resp span{
	color: #676767;
	border-bottom: 1px dotted #676767;
}
.a-resp:hover span{
	border-bottom: 1px dotted transparent;
}


/* submodels table */
.ccard-tbl{
	display: table;
	width: 95%;
	margin: 9px auto;
	font-weight: 400;
	border-spacing: 0 3px;
	text-align: center;
}

.ccard-tbl > div:hover .hint-bon{
	display: block;
}

.ccard-tbl > div .hint-bon{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 20px;
	display: none;
	width: 200px;
	padding: 20px 15px 20px;
	font-size: 11px;
	text-align: left;
	color: #929292;
	background: url("/css/../img/hint-bon.png") center 0 no-repeat;
}

.ccard-tbl > div .hint-bon p{
	margin-bottom: 5px;
}

.ccard-tbl > div .hint-bon a{
	text-decoration: underline;
	color: #4267b2;
}

.ccard-tbl > div .hint-bon a:hover{
	text-decoration: none;
}

.ccard-tbl .tbl-tr:nth-child(odd){
	background-color: #f9f9f9;
}

.ccard-tbl .tbl-tr > div:nth-child(1){
	width: 22%;
	font-size: 14px;
	color: #626262;
}

.ccard-tbl .tbl-tr > div:nth-child(2){
	width: 16%;
	font-size: 12px;
	font-weight: 600;
	color: #373737;
}

.ccard-tbl .tbl-tr > div:nth-child(3){
	position: relative;
	width: 31%;
	font-size: 12px;
	text-align: right;
	text-decoration: line-through;
	color: #808080;
}

.ccard-tbl .tbl-tr > div:nth-child(4){
	width: 16%;
	font-size: 16px;
	color: #ff0842;
}

.ccard-tbl .tbl-tr > div:nth-child(5){
	width: 15%;
}





.ccard-wish{
	float: right;
	width: 34px;	
	padding-top: 6px;
}


.ccard-bonus{
	float: right;
	width: 170px;
	box-sizing: border-box;
	border-left: 1px solid #ededed;
	padding: 14px 0 14px 14px;
}
.ccard-bonus:after{clear: both; content: ''; display: block;}
.ccard-bon{
	font-size: 13px;
	line-height: 16px;
	background: url("/css/../img/ico-inf.png") no-repeat 0 50%;
	padding-left: 26px;
	color: #5c5c5c;
	opacity: 0.8;
}
.ccard-bon:hover{opacity: 1;}
.ccard-bon>div{}
.ccard-bon>span{display: block; padding-top: 4px; font-size: 16px;}
.ccard-bon>span>a{text-decoration: none; font-weight: bold; color: #ffb400;}


.ccard-pr{
	padding: 20px 0 20px 0;
}
.ccard-buy{
	float: left;
	width: 140px;
}
.ccard-buy-dop{
	float: left;
	width: 210px;
	position: relative;
}

.ccard-pr-old{}
.ccard-cost-old{
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	text-decoration: line-through;
	color: #858585;
	margin-right: 10px;
}
.ccard-cost{
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
}
.ccard-cost>span{font-size: 22px; font-weight: 600;}
.ccard-pr-old .ccard-cost{color: #ff358c;}


.ccard-inf{
	padding: 22px 18px;
	background: #ffffff;
	color: #5c5c5c;
	border: .0625rem solid #e6e6e6;
	border-radius: .375rem;
}
.ccard-inf:after{clear: both; content: ''; display: block;}
.ccard-inf-col{
	float: left;
	width: 48.99999%;
	margin-left: 1.99999%;
}
.ccard-inf-col:first-child{margin-left: 0;}

/*.ccard-r-2col .ccard-inf-col{float: none; width: auto; margin-left: 0;}*/

.ccard-inf-h{
	text-transform: uppercase;
	font: 14px/16px 'Roboto';
	font-weight: 500;
	color: #000000;
	padding: 2px 0px 2px 0px;
}
.ccard-inf-h>span{
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.a-deliv>span{background-image: url("/css/../img/ico-deliv.png");}
.a-pay>span{background-image: url("/css/../img/ico-pay.png");}

.ccard-inf-txt{
	padding: 4px 0 2px 26px;
	font-size: 13px;
	line-height: 16px;
}
.ccard-inf-txt>ul{
	margin: 2px 0;
	padding: 0;
	list-style: none;
}
.ccard-inf-txt>ul>li{
	margin: 3px 0;
	padding: 0 0 0 10px;
	background: url("/css/../img/li-def.png") no-repeat 0 7px;
}
.ccard-inf-txt span.rr{
	color: #ff358c;	
	font-weight: bold;
}

.ccard-soc-blk{
	float: right;
}



.ccard-car-info{
	clear: both;
	font-size: 13px;
	line-height: 16px;
	box-sizing: border-box;
	padding: 16px 12px;
	margin: 6px 0;
}
.ccard-car-oem{border: 1px solid #ededed;}

.ccard-car-ih{
	font: 15px/16px 'Roboto';
	color: #292929;
	text-transform: uppercase;
	padding-left: 12px;
	background: url("/css/../img/arr-sq-b.png") no-repeat 0 5px;
	margin-bottom: 6px;
}
.ccard-oem-tbl, .ccard-car-clist{padding-left: 12px;}

.ccard-oem-tbl>table{
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	color: #7d7d7d;
}
.ccard-oem-tbl>table tr td{padding: 4px 4px 4px 4px; vertical-align: top;}
.ccard-oem-tbl>table tr td:first-child{color: #477ea1; text-transform: uppercase; background: url("/css/../img/dots.png") no-repeat 100% 16px; padding-left: 0; min-width: 90px;}
.ccard-oem-tbl>table tr td:first-child span{display: inline-block; padding-right: 4px; background: #ffffff;}

.ccard-car-clist{font-family: Roboto; padding-top: 4px;}
.ccard-car-clist>div{
	float: left;
	width: 47.99999%;
	margin: 0 0 6px 3.99999%;
}
.ccard-car-clist>div:nth-child(2n+1){margin-left: 0; clear: left;}

.ccard-car-more{clear: both; padding: 6px 0 0 12px;}


.ccard-car{
	padding: 6px 0 20px 0;
}
.ccard-car-pic{
	padding: 14px 0;
	text-align: center;
	background: #fff;
}
.ccard-car-pic img{
	max-width: 84%;
	height: auto;
}
.ccard-car-mod{
	text-align: center;
	padding: 4px 0 4px 0;
}

/* tires */
.ccard-subrow{
	clear: both;
	margin: 14px 0;
}

.ccard-subflt-list{
	clear: both;
	padding: 4px 0;
}
.ccard-subflt-list:after{
	clear: both; display: block; content: "";
}
.ccard-subflt-list ul{
	list-style: none;
	float: left;
	margin: 0; 
	padding: 0;
}
.ccard-subflt-list ul li{
	float: left;
	padding: 10px 20px 10px 20px;
	font: 18px/20px Arial;
}
.ccard-subflt-list ul li.sel{
	background-color: #f6f6f6;
	border-radius: 4px;
	margin: 0;
}
.ccard-subflt-list ul li a{text-decoration: none;}
.ccard-subflt-list ul li a span{border-bottom: 1px dotted #3ca22a;}
.ccard-subflt-list ul li a:hover span{border-bottom: 1px dotted #1c7200;}

.ccard-subflt-simil{
	clear: both;
	margin: 20px 0;
}
.ccard-subflt-simil:after{
	clear: both; display: block; content: "";
}
.ccard-subflt-col{
	float: left;
	width: 12%;
}
.ccard-subflt-col h3{
	font-size: 18px;
	font-weight: normal;
}
.ccard-subflt-col ul{
	list-style: none;
	margin: 0; 
	padding: 0;
}
.ccard-subflt-col ul li{
	margin: 3px 0;
	padding: 2px 0px 2px 13px;
	background: url("/css/../img/li-arr.png") no-repeat 1px 8px;
}

.ccard-subflt-col ul li span{color: #a0a0a0; padding: 0 3px;}

.ccard-subflt-lnks{
	font-size: 13px;
}

.div-tbl-wheel .div-tbl-row>div{
	border-bottom: 1px solid #ededed;
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}
.div-tbl-wheel .div-tbl-row>div:first-child img{display: block; margin: auto;}
.div-tbl-wheel .div-tbl-row>div:nth-child(2){font-weight: bold;}
.div-tbl-wheel .div-tbl-rowth>div{
	border-top: 1px solid #ededed;
	padding: 14px 10px;
	background-color: #f8f8f8;
	font-weight: normal;
}
.div-tbl-wheel .div-tbl-rowth>div:nth-child(2){font-weight: normal;}
.div-tbl-wheel .div-tbl-row>div.p-bonus{font-style: italic; color: #808080;}

.div-tbl-wheel a.btn-buy{padding: 12px 20px;}

.subp-pr{
	font-size: 18px;
}

/*----- carousel-pack ------*/
.ccard-packs{
	margin-bottom: 30px;
	padding: 15px 0 12px 0;
	border: 2px solid #ff358c;
}
.ccard-packs:after{clear: both; content: ''; display: block;}

.ccard-pack-hdr{
	margin-bottom: 20px;
	padding-left: 45px;
	font: 20px/22px Roboto;
	text-transform: uppercase;
	color: #ff358c;
}

.ccard-packrow{
	text-align: center;
	padding-bottom: 20px;
}

.ccard-packrow>div{
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.ccard-packrow>div:last-child{margin-right: 0;}

.pack-prod{
	width: 230px;	
	box-sizing: border-box;
	padding-right: 40px;
	text-align: center;
	background: url("/css/../img/pack-plus.png") no-repeat 100% 50%;
}
.pack-mod a{
	font-size: 14px;
	text-decoration: none;
}
.pack-mod a:hover{text-decoration: underline;}
.pack-img{
	height: 130px;
	margin-bottom: 5px;
}
.pack-img img{
	max-width: 98%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

.pack-cost{
	padding-top: 12px;
	font-size: 14px;
	font-weight: 700;
}

.pack-add{
	width: 170px;
	padding-bottom: 25px;
	text-align: center;
}
.pack-add .pack-mod a{}
.pack-add .pack-img{height: 100px;}
.pack-add .pack-cost{
	font-size: 14px;
	font-weight: 700;
	color: #ff358c;
}
.pack-add .pack-cost .old-pr{
	margin-right: 10px;
	font-weight: normal;
	font-size: 13px;
	text-decoration: line-through;
	color: #bfbfbf;
}

.pack-act{	
	width: 240px;
	box-sizing: border-box;
	padding-left: 40px;
	background: url("/css/../img/pack-sum.png") no-repeat 0 50%;
	text-align: left;
}
.pack-act-cost{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 600;
	font-family: Roboto;
	color: #ff358c;
}
.pack-act-eco{
	display: block;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;	
	color: #ff358c;
	padding-bottom: 12px;
}
.pack-act-cost>span{
	text-decoration: line-through;
	font-weight: normal;
	font-size: 16px;
	color: #bfbfbf;
}

.pack-act a.btn-buy{border: 0; padding: 13px 20px;}

/*-----  ccard-cleft  ------*/
.c2tabs{
	margin-bottom: 20px;
}

ul.c2tlist{
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 2px solid #1a1a1a;
}

ul.c2tlist li{
	float: left;
	box-sizing: border-box;
	width: 180px;
	text-align: center;
	padding: 11px 0px 10px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	cursor: poRubik;
	transition: 0.2s;
	color: #292929;
	background-color: #f2f2f2;
	border-radius: .375rem .375rem 0 0;
}

ul.c2tlist li:hover{
	background-color: #e7e7e7;
}

ul.c2tlist li.active{
	cursor: default;
	color: #ffffff;
	background-color: #1a1a1a;
	border-radius: .375rem .375rem 0 0;
}
ul.c2tlist li span{display: inline-block; background-repeat: no-repeat; background-position: 0 50%; padding-left: 24px; padding-top: 2px;}
ul.c2tlist li.c2tabs-desc span{background-image: url("/css/../img/tab-descr-p.png");}
ul.c2tlist li.c2tabs-tech span{background-image: url("/css/../img/tab-tech-p.png");}
ul.c2tlist li.c2tabs-rev span{background-image: url("/css/../img/tab-resp-p.png");}

ul.c2tlist li.c2tabs-desc.active span{background-image: url("/css/../img/tab-descr-w.png");}
ul.c2tlist li.c2tabs-tech.active span{background-image: url("/css/../img/tab-tech-w.png");}
ul.c2tlist li.c2tabs-rev.active span{background-image: url("/css/../img/tab-resp-w.png");}

.ccard-content{
	padding: 12px 0 12px 0px;
}

.ccard-tabpage{
	margin-bottom: 50px;
}

.cc-hdr{
	margin-bottom: 10px;
	font: 16px/18px Roboto;
	font-weight: 500;
	text-transform: uppercase;
	color: #000000;
	padding: 2px 0 4px 0px;
}
.cc-info{
	font-family: Roboto;
}
.cc-info > p{
	margin-bottom: 15px;
	padding-right: 20px;
	font-size: 14px;
	/*font-weight: 400;*/
	line-height: 20px;
}

.cc-tech{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	border-collapse: collapse;
	/*color: #444a55;*/
}

.cc-tech tr{}
.cc-tech td{
	padding: 12px 8px 12px 12px;
}

.cc-tech td:first-child{
	width: 45%;
	color: #696969;
	font-weight: 300;
}
.cc-tech tr:nth-child(odd) td{background-color: #f8f8f8;}
.cc-tech td:first-child span{}


.ccard-dopprod{
	clear: both;
	padding: 24px 0;
}
.ccard-dopprod:after{clear: both; content: ""; display: block;}
.ccard-dopprod .lbl-hdr{font-size: 22px; line-height: 24px;}


/*-----  ccard-right  ------*/
.ccard-cleft{
	float: left; 
	width: 880px;
}

.ccard-cright{
	float: right;
	width: 280px;
}
.ccard-cright .lbl:first-child{margin-top: 0;}

.cc-resp-left{
	width: 68%;
	float: left;
}
.cc-resp-right{
	width: 30%;
	float: right;
}

/*
.p-resp-avg{
	clear: both;
	border: 1px solid #e9e4ce;
	background-color: #fffdf5;
	font-size: 13px; 
	line-height: 14px;
	padding: 28px 12px 20px 12px;
}
.p-resp-sum{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.p-resp-avg-rate{
	font-size: 45px;
	line-height: 46px;
	font-weight: 600;
	padding: 0 24px 0 40px;
}
.p-resp-stars{}
.p-resp-stars>p{padding: 0 0 4px 0;}

.p-resp-metr-list{
	padding: 10px 0;
}
.p-resp-metr-list:after{clear: both; content: ""; display: block;}
.p-resp-metr{
	float: left;
	width: 47.99999%;
	height: 50px;
	margin: 0 0 20px 3.99999%;
	position: relative;
	background: url("/css/../img/rate-shkala.png") no-repeat 0 90%;
	background-size: 100% auto;
}
.p-resp-metr:nth-child(2n+1){margin-left: 0;}
.p-resp-metr>p{padding: 0; font-weight: 400;}
.p-resp-metr>span{
	display: block;
	position: absolute;
	z-index: 2;
	width: 22px;
	height: 20px;
	content: '';
	background: url("/css/../img/resp-arr.png") no-repeat 0 0;
	top: 28px;
	left: 50%;
	transform: translate(-50%,0);
}
*/

.ccard-resplist{
	margin-top: 20px;
}

.mtcresp-no{
	clear: both;
	padding: 50px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
}

.c3ritem{
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 20px;
	padding-bottom: 14px;
	font-family: Roboto;
}
.c3ritem:after{clear: both; content: ""; display: block;}

.c3ristatus{}
.c3ristatus:after{clear: both; content: ""; display: block;}

.c3ribody{
	clear: both;
	padding: 4px 0;
}

.c3ri_auth{
	float: left;
	font-weight: 400; 
	padding: 0 0 0 20px;
	background: url("/css/../img/ico-resp.png") no-repeat 0 3px;
}
.c3ri_auth span{font-family: Roboto;}

.c3ri_dt{
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #828282;
	margin-left: 30px;
}

.auth-rate{
	float: right;
	width: 80px;
	padding-top: 2px;
}
.auth-rate img{max-width: 100%; height: auto;}


.c3ribc{
	font-size: 13px;
	line-height: 16px;
	color: #525252;
	font-weight: 100;
	text-align: justify;
	padding: 4px 0 4px 0;
}

.c3ritem-q .c3ri_auth{background: url("/css/../img/ico-quest.png") no-repeat 0 3px;}

.c3ritem + .c3ritem-ans{
	border-bottom: 0;
}

.c3ritem-ans{	
	margin-left: 24px;
	background-color: #f8f8f8;
	position: relative;
	border-bottom: 0;
	padding: 15px 8px 12px 8px;
}
.c3ritem-ans:before{
	display: block;
	content: '';
	position: absolute;
	background: url("/css/../img/ico-answ.png") no-repeat 0 6px;
	left: -24px;
	top: 0;
	width: 24px;
	height: 40px;
}

.ccard-resplist-rcol{}
.ccard-resplist-rcol .c3ri_dt{float: none; clear: left; margin-left: 20px;}
.ccard-resplist-rcol .c3ribody{max-height: 100px; overflow: hidden; position: relative;}
.ccard-resplist-rcol .c3ribody:before{
	display: block;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.ccard-resplist-rcol .c3ritem-ans .c3ribody:before{background: linear-gradient(to bottom, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);}
.ccard-resplist-rcol .c3ribc{text-align: left;}


/*-----  forms  ------*/
.cgaform{
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #ededed;
	border-radius: 6px;
	background-color: #fcfcfc;
}
.cgaf_title{
	font-size: 16px;
	text-transform: uppercase;
	color: #0f1c31;
	padding: 20px 10px 16px 34px;
	line-height: 16px;
	background: url("/css/../img/ihdr-resp.png") no-repeat 10px 20px;
	border-bottom: 1px solid #ededed;
}
.cgaform>form{
	padding: 16px 10px 20px 10px;	
}

.cgaform .frm-row{margin-bottom: 4px;}
.cgaform .frm-lbl{width: 55px; text-align: right; font-size: 13px;}
.cgaform .frm-inp{width: calc(100% - 61px);}

.cgaform input[type='text']{
	width: 100%;
	height: 34px;
	box-sizing: border-box;
	padding: 0 0 0 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #aaaaaa;
	border: 1px solid #c3c3c3;
	background-color: #ffffff;
	/*border-radius: 4px;*/
	outline: none;
}

.cgaform textarea{
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #aaaaaa;
	border: 1px solid #c3c3c3;
	/*border-radius: 4px;*/
	background-color: #ffffff;
}

.cgaform .radio-opt{
	margin-right: 10px;
}

/*
.cgaform .frm-row{
	margin-bottom: 19px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #626262;
}

.cgaform .frm-row > p{
	display: inline-block;
	width: 50px;
	text-align: right;
	vertical-align: middle;
}

.cgaform .frm-row p.ftexta{
	margin-top: 5px;
	vertical-align: top;
}

.cgaform .frm-row > div{
	display: inline-block;
	vertical-align: middle;
}

.cgaform .frm-row .ftexut{
	display: block;
	margin-bottom: 5px;
	padding: 0 15px 0 0;
	font-size: 12px;
	text-align: right;
	color: #aaaaaa;
}
*/

.cgaform .radio-opt input[type='radio']{
	display: none;
}

.cgaform .radio-opt label{
	position: relative;
	padding-left: 20px;
	cursor: poRubik;
	transition: 0.15s;
}

.cgaform .radio-opt input[type='radio'] + label:before{
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	content: '';
	transition: 0.2s;
	background: url("/css/../img/checkbox.png") center no-repeat;
}

.cgaform .radio-opt input[type='radio']:checked + label:before{
	background: url("/css/../img/checkbox-checked.png") center no-repeat;
}

/*
.cgaform .i_cga_name{
	background: #ffffff url("/css/../img/i_cga_name.png") 10px center no-repeat;
}

.cgaform .i_cga_mail{
	background: #ffffff url("/css/../img/i_cga_mail.png") 10px center no-repeat;
}
*/
#i_cga_captcha{width: 70px;}

.cgaform .cgaf-rate{	
	padding-top: 4px;
}

.cgaform .wrap-rate p{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	vertical-align: top;
	color: #626262;
}

.cgaform .cgaf-rate span{
	display: inline-block;
	width: 18px;
	height: 18px;
	cursor: poRubik;
	vertical-align: top;
	background: url("/css/../img/star.png") center no-repeat;
	background-size: 100% auto;
}

.cgaform .cgaf-rate span.rate-set{
	background: url("/css/../img/star-set.png") center no-repeat;
	background-size: 100% auto;
}

.cgaform-btn{
	clear: both;
	text-align: center;
	padding: 12px 0 4px 0;
}

.cgaform-overlay{
	position: fixed;
	z-index: 200;
	top: 0;
	left: 50%;
	display: none;
	width: 555px;
	margin: 0;
	padding: 45px 70px;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	background-color: #ffffff;
	box-shadow: 0 5px 15px rgba(1, 1, 1, 0.15);
}

.cgaform-overlay input[type='text']{
	width: 300px;
	height: 34px;
	padding: 0 0 0 32px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #aaaaaa;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	outline: none;
}

.cgaform-overlay textarea{
	width: 300px;
	height: 124px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #aaaaaa;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background-color: #ffffff;
}

.cgaform-overlay .radio-opt{
	margin-right: 10px;
}

.cgaform-overlay .form-head{
	margin-bottom: 45px;
	text-align: center;
}

.cgaform-overlay .form-head div{
	margin-bottom: 10px;
	font-size: 27px;
	text-transform: capitalize;
	color: #373737;
}

.cgaform-overlay .form-head p{
	font-size: 14px;
	line-height: 16px;
	color: #626262;
}

.cgaform-overlay .frm-row{
	margin-bottom: 19px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #626262;
}

.cgaform-overlay .frm-row > p{
	display: inline-block;
	width: 80px;
	margin-right: 15px;
	text-align: right;
	vertical-align: middle;
}

.cgaform-overlay .frm-row p.ftexta{
	margin-top: 5px;
	vertical-align: top;
}

.cgaform-overlay .frm-row > div{
	display: inline-block;
	vertical-align: middle;
}

.cgaform-overlay .frm-row .ftexut{
	display: block;
	margin-bottom: 5px;
	padding: 0 15px 0 0;
	font-size: 12px;
	text-align: right;
	color: #aaaaaa;
}

.cgaform-overlay .radio-opt input[type='radio']{
	display: none;
}

.cgaform-overlay .radio-opt label{
	position: relative;
	padding-left: 20px;
	cursor: poRubik;
	transition: 0.15s;
}

.cgaform-overlay .radio-opt input[type='radio'] + label:before{
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	content: '';
	transition: 0.2s;
	background: url("/css/../img/no-check.png") center no-repeat;
}

.cgaform-overlay .radio-opt input[type='radio']:checked + label:before{
	background: url("/css/../img/check.png") center no-repeat;
}

.cgaform-overlay .i_cga_name{
	background: #ffffff url("/css/../img/i_cga_name.png") 10px center no-repeat;
}

.cgaform-overlay .i_cga_mail{
	background: #ffffff url("/css/../img/i_cga_mail.png") 10px center no-repeat;
}

.cgaform-overlay .cgaf-rate{
	margin-top: -20px;
	margin-bottom: 25px;
}

.cgaform-overlay .wrap-rate p{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	vertical-align: top;
	color: #626262;
}

.cgaform-overlay .cgaf-rate span{
	display: inline-block;
	width: 18px;
	height: 18px;
	cursor: poRubik;
	vertical-align: top;
	background: url("/css/../img/star.png") center no-repeat;
}

.cgaform-overlay .cgaf-rate span.rate-set{
	background: url("/css/../img/star-set.png") center no-repeat;
}

.formclose{
	position: absolute;
	top: 15px;
	right: 15px;
	float: right;
	width: 20px;
	height: 20px;
	cursor: poRubik;
	background: url("/css/../img/formclose.png") center no-repeat;
}

#overlay{
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0.45;
	background-color: #44a53d;
}

/* 1 click buy panel */
.ccard-buy1c{
	padding: 0px 0px 0px 0px;
	position: relative;
}
#buy1click{
	display: none;
	position: absolute;
	left: -256px;
	top: 25px;
	box-shadow: 0 0 17px rgba(200,200,200,0.4);
	border-radius: 14px;
	background: #fff;
	padding: 14px 0px 14px 0px;
	width: 400px;
	z-index: 8;
}
#buy1clickc{
	padding: 0 20px;
}
#buy1clickc table.buy1tbl{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
#buy1clickc table.buy1tbl tr td{ padding: 0; vertical-align: middle; }
#buy1clickc table.buy1tbl tr td:first-child{ padding-right: 6px; }
#buy1clickc table.buy1tbl td img{
	display: block;
}

.buy1fldh{clear: both;}
.buy1frow{clear: both; padding: 2px 0;}
.buy1frow:after{clear: both; content: ""; display: block;}
.buy1fld{width: 49.5%; float: left; margin-left: 0.999%;}
.buy1fld:first-child{margin-left: 0;}


#err1click, #errlowcost{
	color: red;
	padding: 2px 0px 2px 0px;
	display: none;
}
.buy1close{
	text-align: center;
	padding: 6px 0 6px 0;
}
.buy1close a{
	background: url("/css/../img/a-close.png") no-repeat 0 4px;
	display: inline-block; 
	padding: 0px 0px 0px 20px;
}
#phone1c, #email1c{
	border: 1px solid #e0e0e0;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 3px;
	width: 170px;
}
#buy1clickr{
	padding: 20px 30px;
	text-align: center;
	font-size: 14px;
}

/* low cost find */
.ccard-findlowcost{
	position: relative;	
}
.ccard-lowcost{
	font-weight: normal;
	position: absolute;	
	box-shadow: 0 0 17px rgba(200,200,200,0.4);
	border-radius: 14px;
	background: #fff;
	display: none;
	padding: 16px 20px 16px 20px;
	left: 0px;
	top: 30px;
	z-index: 12;
}
.ccard-lowcost table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.ccard-lowcost table td{ padding: 2px 8px 2px 0px; }
.lowcostclose{
	text-align: center;
	padding: 6px 0 6px 0;
}
.lowcostclose a{
	background: url("/css/../img/a-close.png") no-repeat 0 4px;
	display: inline-block; 
	padding: 0px 0px 0px 20px;
}

/*---------------- order  ---------------*/
.cbreadcrumbs-marg{
	margin-top: 20px;
	margin-bottom: 25px;
}

.mcart{}

.mcart .lbl-hdr{font-size: 24px; line-height: 24px;}
.mcart .lbl-hdr:before{display: none}
.mcart .lbl-hdr:after{position: static; background: #ebebeb; height: 1px; width: auto; margin: 10px 0 0 0;}
.mcart .lbl-hdr span{padding-bottom: 0px;}

.mcartl{
	float: left;
	width: 660px;
	margin-bottom: 60px;
}

.lolist{
	margin-top: 16px;
}

.mclitem-empty{
	padding: 20px 0;
	font-size: 16px;
	text-align: center;
}

.mclitem{
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #eeeeee;
	border-radius: 0.375rem;
	background: #ffffff;
}
.mclitem:after{clear: both; content: ''; display: block;}
.mclitem:last-child{margin-bottom: 0;}

.mcli_image{
	float: left;
	width: 160px;
	height: 135px;
	text-align: center;
}

.mcli_image a{
	display: block;
	width: 100%;
	height: 100%;
}

.mcli_image a img{
	width: auto;
	max-width: 95%;
	/*height: auto;*/
	max-height: 100%;
	vertical-align: middle;
}

.mcli_text{
	float: left;
	width: 400px;
	margin-left: 20px;
}

.mclit_title{
	margin-bottom: 2px; 
	font-family: Roboto; 
	font-size: 16px; 
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
	padding-bottom: 8px;
}
.mclit_title a{
	font-weight: 400;
	text-decoration: none;	
}
.mclit_title a:hover{text-decoration: underline;	}

.mclit_art{
	font-size: 13px;
	line-height: 14px;
	color: #8d8d8d;
	padding: 8px 0 6px 0;
}

.mclitem .a-rem{
	position: absolute;
	content: '';
	top: 4px;
	right: 0px;
	display: block;
	width: 32px;
	height: 32px;
	background: url("/css/../img/a-del.png") center no-repeat;	
	opacity: 0.7;
}
.mclitem .a-rem:hover{opacity: 1;}

.mclit-minus{
	display: block;
	width: 31px;
	height: 31px;
	margin: 0 auto;
	background: url("/css/../img/btn-minus.png") center no-repeat;
}

.mclit-minus:hover{
	opacity: 0.8;
}

.mclit-plus{
	display: block;
	width: 31px;
	height: 31px;
	margin: 0 auto;
	background: url("/css/../img/btn-plus.png") center no-repeat;
}

.mclit-plus:hover{
	opacity: 0.8;
}

.mclit_tbl table{
	/*width: 100%;*/
	border-spacing: 0;
	padding: 0;
}
.mclit_tbl table tr:first-child td:first-child{width: 110px;}
/*.mclit_tbl table tr:first-child td:last-child{padding-left: 30px;}*/
.mclit_tbl table tr:first-child td:nth-child(2){padding-right: 10px;}
.mclit_tbl table tr:first-child td:nth-child(6){padding: 0 10px;}

.mclit_price{
	font-size: 16px;
	color: #303030;
}

.mclit_total{
	font-size: 16px;
	font-weight: 600;
	color: #ff358c;
}

.imclit_price{
	width: 55px;
	height: 33px;
	font-size: 13px;
	text-align: center;
	color: #808080;
	border: 1px solid #e8e8e8;
	background-color: #ffffff;
}

.mclit_check{
	text-align: center;
	line-height: 14px;
	padding-top: 2px;
}
.mclit_check a{
	display: inline-block;
	padding: 2px 10px 4px 10px;
	font-size: 12px;	
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: #ff358c;
	border-radius: 4px;
}
.mclit_check a:hover{text-decoration: underline;}


.mclit_coupon{	
	padding: 4px 0;
	font-size: 13px;
}
.mclit_coupon>span{color: red;}

.mclit_pack{
	margin: 2px 0px 5px 0px;
	border: 1px solid #ff358c;
	padding: 3px 10px;
	font-size: 13px;
}
.mclit_pack_h{ font-weight: bold; color: #ff358c; }
.mclit_pack_i{}
.mclit_pack_img{
	background: url("/css/../img/pack-plus-sm.png") no-repeat 0 50%;
	padding: 0 2px 0 22px;
}
.mclit_pack_i table{ margin: 0; padding: 0; }
.mclit_pack_i table p{}
.mclit_pack_i table p a{color: #000;}
.mclit_pack_i table div{ font-weight: bold;}
.mclit_pack_i table div span{ font-weight: normal; text-decoration: line-through; }


.mcltotal{
	margin-top: 20px;
	padding: 16px 15px 16px 15px;
	font-size: 15px;
	line-height: 18px;
	background: #f9f9f9;
	text-align: center;
	border-bottom: 2px solid #ff358c;
	border-radius: 10px 10px 0px 0;
}
.mcltotal-sum{font-weight: 600; color: #ff358c;}

.mclbonus-frm{
	clear: both;
	margin: 20px 0;
	border: 1px solid #ededed;
	background: url("/css/../img/bonus-blk-fon.png") no-repeat 100% 100%;
	background-size: cover;
}
.mclbonus-frm-in{
	padding: 50px 20% 30px 30px;
	background: url("/css/../img/bonus-blk-bg.png") no-repeat 90% 60%;
}

.mclbonus-frm h3{
	color: #ff358c;
	font: 500 18px/20px Roboto;
	text-transform: uppercase;
	padding-left: 24px;
	background: url("/css/../img/ihdr-money.png") no-repeat 0 50%;
	margin-bottom: 20px;
}
.mclbonus-frm-in>div{
	padding: 6px 0;
}
.mclbonus-frm-in>div input[type=text]{
	width: 50px;
	height: 26px;
	text-align: center;
	font-size: 15px;
}


.cart-disc{
	clear: both;
	margin: 20px 0;
	padding: 20px 20px;
	border: 1px solid #ededed;
	box-sizing: border-box;
	background: url("/css/../img/bonus-blk-fon.png") no-repeat 100% 100%;
	background-size: cover;
	border-radius: .375rem;
}
.cart-disc:after{clear: both; content: ''; display: block;}
.card-disc-h{
	color: #ff358c;
	font: 500 18px/20px Roboto;
	text-transform: uppercase;
	padding-left: 24px;
	background: url("/css/../img/ihdr-money.png") no-repeat 0 50%;
	margin-bottom: 20px;
}
.cart-disc-l{
	float: left;
	width: 50%;
}
.cart-dinp input{
	height: 26px;
	width: 120px;
}
.cart-disc-r{
	float: right;
	width: 48%;
}

.cart-disc-info{
	font-size: 13px;
	line-height: 18px;
}
.cart-disc-info p{
	font-weight: bold;
	color: #404040;
}
.cart-disc-info p.cart-dstat-ok{color: #549e33;}


.mcartr{
	float: right;
	width: 480px;
	margin-bottom: 60px;
}

#frmmord{
	margin-top: 12px;
}

.mcrl_title1, .mcrl_title{
	margin-bottom: 5px;
	font-size: 20px;
	color: #373737;
}

.ta_right{
	font-size: 14px;
	line-height: 16px;
	color: #636363;
}

.mcrline{
	margin-bottom: 12px;
	background-color: #ffffff;
	border: 1px solid #ededed;
	border-radius: .375rem;
}

.clr_7f7f7f{
	font-size: 13px;
	color: #707070;
}
.clr_7f7f7f a{text-decoration: underline;}

.hdr-row{
	display: block;
	margin: 8px 10px 14px 0;
	clear: both;
	content: '';
	height: 3px;
	background: #ffffff;/* url("/css/../img/hdr-mark-red.png") no-repeat 0 0;*/
}

.mcrline .number{
	width: 30px;
	margin-left: 14px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	box-sizing: border-box;
	border-radius: 50%;
	text-align: center;
	/*
	background: #fff;
	border: 1px solid #f7de76;
	border-radius: 50%;
	padding: 10px 0;
	*/
	height: 40px;
	width: 40px;
	content: '';
	background-color: #ff358c;
	background-position: 50%;
	background-repeat: no-repeat;
}
.mcrline .number-1{background-image: url("/css/../img/cart-i-usr.png");}
.mcrline .number-2{background-image: url("/css/../img/cart-i-deliv.png");}
.mcrline .number-3{background-image: url("/css/../img/cart-i-comment.png");}

.format-tel{
	font-size: 12px;
	color: #808080;
}

.error{
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	color: #e80a10;
}

.mcrlm{
	padding: 25px 10px;
}

.mcrline .w100float table{width: auto;}
.mcrline table td{padding: 0;}

.mcrline table td.cfrm-fc{
	width: 58px;
	vertical-align: top;
}

.mcrline table td.cfrm-sep{width: 5px;}
.mcrline table td.cfrm-hpad{height: 25px;}
.mcrline table td.cfrm-hline{border-top: 1px solid #f0f0f0;}
.mcrline table td.cfrm-hsep{height: 19px;}
.mcrline table td.cfrm-i1{width: 136px;}
.mcrline table td.cfrm-i2{width: 55px;}

.mcrl-tab-list{
	clear: both;
	padding: 6px 0 6px 0px;
	font-size: 13px;
}
#deliv_addr_info .mcrl-tab-list{padding-left: 70px;}

.mcrl-tab-list>a{
	display: inline-block;
	padding: 3px 14px;
	border: 1px solid #ff4294;
	background-color: #ffffff;
	text-decoration: none;
	border-radius: 3px;
	margin-bottom: 6px;
}
.mcrl-tab-list>a:hover{background-color: #fefbfc;}
.mcrl-tab-list>a.sel{
	color: #ffffff;
	background-color: #ff358c;
	text-decoration: none;
}

.mcrl_deliv_type>a{
	background-position: 6px 50%;
	background-repeat: no-repeat;
	padding-left: 24px;
}
.mcrl_deliv_type>a.mcrl_deliv_asam{background-image: url("/css/../img/deliv-1-sam.png");}
.mcrl_deliv_type>a.mcrl_deliv_asam.sel{background-image: url("/css/../img/deliv-1-sam-w.png");}
.mcrl_deliv_type>a.mcrl_deliv_aaddr{background-image: url("/css/../img/deliv-3-addr.png");}
.mcrl_deliv_type>a.mcrl_deliv_aaddr.sel{background-image: url("/css/../img/deliv-3-addr-w.png");}
.mcrl_deliv_type>a.mcrl_deliv_asklad{background-image: url("/css/../img/deliv-2-sklad.png");}
.mcrl_deliv_type>a.mcrl_deliv_asklad.sel{background-image: url("/css/../img/deliv-2-sklad-w.png");}

.cfrm-sam-cmb{
	padding: 3px 0 4px 0;
}
.cfrm-sam-cmb>select{
	height: 33px;
	padding: 0 10px;
	font-size: 14px;
	color: #808080;
	border: 1px solid #dcdcdc;
	/*border-radius: 4px;*/
	background: #ffffff;
}

table.mcrl_addr_tbl  th{font-weight: normal; text-align: left; }


select.s_mcrl, select.s_mcrl1, select.s_mcrl2{
	height: 33px;
	padding: 0 10px;
	font-size: 14px;
	color: #808080;
	border: 1px solid #dcdcdc;
	/*border-radius: 4px;*/
	background: #ffffff;
}
select.s_mcrl{width: 320px;}
select.s_mcrl2{width: 66px;}
select.s_mcrl1{width: 80px;}
select.s_mcrls{width: 320px;}

input.imcrl_text, input.imcrl_text2, input.imcrl_text1, input.imcrl_text0, input.imcrl_textn{
	height: 33px;
	padding: 0 10px;
	font-size: 14px;
	color: #808080;
	border: 1px solid #dcdcdc;
	/*border-radius: 4px;*/
	background: #ffffff;
}
input.imcrl_text{width: 331px;}
input.imcrl_text1{width: 248px;}
input.imcrl_text2{width: 81px;}
input.imcrl_textn{width: 134px;}

textarea.imcrl_mtext{
	width: 333px;
	height: 73px;
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 14px;
	color: #808080;
	border: 1px solid #dcdcdc;
	/*border-radius: 4px;*/
	background: #ffffff;
}

.imcrl_textarea{
	width: 298px;
	height: 70px;
	resize: none;
}

.grey{
	color: #636363;
}

input.imcrl_err, select.imcrl_err, textarea.imcrl_err {
    color: #db2121;
    border: 1px solid #f2aeae;
    background-color: #fbf4f4;
}

.imcrl_err_msg {
    display: block;
    clear: both;
    padding: 2px 0 0 0;
    color: #e20606;
}

.w100float{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #808080;
}

.frm_info{
	padding: 5px 20px 2px 0;
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #7f7f7f;
}

.cfrm-padleft{
	padding: 4px 20px 6px 83px;
}

.mcrline table{
	width: 100%;
}

.tbl-pay{
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px solid #d5d5d5;
}

.mcrl_title-m{
	margin-bottom: 10px;
}

a.cart-back-ref{padding-left: 20px; background: url("/css/../img/a-back.png") no-repeat 0 6px;}

/* drop sort list */
.ccsdropdown{
	position:absolute;
	z-index: 6;
	margin-top:3px;
	display:none;
}
.ccsdinside{
	border:1px solid #d0d0d0;
	background:#fff;
	padding:5px 10px;
	width: 180px;
}
.ccsdinside div{
	padding: 3px 0px 3px 0px;
	font-size: 8pt;
	line-height: 14px;
}
.ccsdinside div span{
	font-weight: bold;
}
.ccsdinside ul{
	margin:0;
	padding:0;
	list-style:none;
}
.ccsdinside ul li{padding:1px 0;background:none;}
.ccsdinside ul li a{text-decoration:none;background:none;}
.ccsdinside ul li a:hover{text-decoration:underline;background:none;}

#ccsdd1{left: 108px; top: 26px;}

/* fly tip */
#flytip{
	display: none;
	position: absolute;
	z-index: 20;
	left: 320px;
	top: 200px;
	width: 290px;
	box-shadow: 0px 0px 4px 4px rgba(200,200,200,0.5);
	background: #fff;
	border-radius: 4px;
	padding: 4px 10px 12px 12px;
}
.flyclose{text-align: right;}
.flyclose a{
	width: 12px;
	height: 13px;
	display: inline-block;
	background: url("/css/../img/a-close.png") no-repeat 0 0;
}
.flycont{
	padding: 4px 0px 4px 0px;
}
.flyprogress{
	text-align: center;
}

/* fly wnd */
.flywnd-fon{
  background: #808080;
  height: 100%;
  opacity: 0.6;
  position: fixed;
  width: 100%;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
}

.flywnd{
	position: absolute;
	left: 0;
	margin: 0 auto 0 auto;	
	display: none;
	z-index: 51;
	width: 100%;
}
.flywnd-c{
	width: 620px;
	margin: 0 auto;
	background: #fff;
	/*border-radius: 10px;*/
	box-shadow: 0 0 14px 14px rgba(0, 0, 0, 0.4);	
}
.flywnd-in{
	padding: 20px 20px;
	/*background: #fff;*/
}
.flywnd-close{
	float: right;
	width: 19px;	
	position: relative;
	top: -5px;
	text-align: right;
}
.flywnd-close a{ content: ""; background: url("/css/../img/a-close.png") no-repeat 0 0; display: block; width: 19px; height: 19px; text-decoration: none; color: #333; }

/* fly dialog window */
.dlg-fon{
	background: #808080;
	height: 100%;
	opacity: 0.6;
	position: fixed;
	width: 100%;
	z-index: 50;
	top: 0;
	left: 0;
	display: none;
}
.dlg-wnd{
	position: absolute;
	margin: 0 auto 0 auto;
	display: none;
	z-index: 51;
	width: 100%;
}
.dlg-wnd-c{
	width: 620px;
	margin: 0 auto;
	background: #fff;
	/*border-radius: 10px;*/
	box-shadow: 0 0 14px 14px rgba(0, 0, 0, 0.4);
}
.dlg-wnd-in{
	padding: 20px 20px;
	/*background: #fff;*/
}
.dlg-wnd-close{
	float: right;
	width: 30px;
	position: relative;
	top: -5px;
	text-align: right;
}

.dlg-wnd-close a{
	background: url("/css/../img/a-close.png") no-repeat 0 0;
	display: inline-block;
	width: 12px;
	height: 13px;
	text-decoration: none;
	color: #333;
	opacity: 0.7;
}

.dlg-wnd-close a span{border-bottom: 1px dotted #333;}

.dlg-wnd-close a:hover{color: #666; opacity: 1;}
.dlg-wnd-close a:hover span{border-bottom: 1px dotted #666;}

.dlg-wnd-content{/*padding-top: 16px;*/}
.dlg-wnd-hdr{padding: 0 0 4px 0;}
.dlg-wnd-hdr .lbl-hdr{
	font-size: 22px;
	line-height: 24px;
}
.dlg-wnd-hdr .lbl-hdr span{/*top: -18px;*/}

.dlg-wnd-txt{
}

/* popup cart */
#cart-flyfon{
	background: #808080;
	height: 100%;
	opacity: 0.6;
	position: fixed;
	width: 100%;
	z-index: 50;
	top: 0;
	left: 0;
	display: none;
}

#cart-flywnd{
	position: absolute;
	margin: 170px auto 0 auto;	
	display: none;
	z-index: 51;
	width: 100%;
}

.cartwnd-c{
	width: 620px;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 14px 14px rgba(0, 0, 0, 0.4);	
}
.cartwnd-in{
	padding: 20px 20px;
	/*background: #fff;*/
}
.cartwnd-hdr{
	padding: 0px 0 4px 0px;
	font: 20px/22px Arial;
}
.cartwnd-hdr .lbl-hdr{margin: 0;}
#cartwnd{
	padding: 2px 0px;
}
.cartwnd-close{
	float: right;
	width: 30px;
	position: relative;
	top: -5px;
	text-align: right;
}
.cartwnd-close a{ background: url("/css/../img/a-close.png") no-repeat 0 0; display: inline-block; width: 12px; height: 13px; text-decoration: none; color: #333; }
.cartwnd-close a span{ border-bottom: 1px dotted #333; }
.cartwnd-close a:hover{ color: #666; }
.cartwnd-close a:hover span{ border-bottom: 1px dotted #666; }

#cart-flywnd .mcli_image{ width: 130px; height: 120px; }
#cart-flywnd .mcli_text{ width: 406px; }
#cart-flywnd .lolist{margin-top: 4px;}

/*
  **************************************************************************
*/
.paymethods{
	padding: 0px 0px 10px 0px;
}

.paymethods .hdr{
	margin-top: 10px;
	/*padding: 12px 0px 4px 0px;*/
	font: 18px/20px Arial;
}
.paymethods a{ text-decoration: underline; }

.cart-paymeth{
	clear: both;
	padding: 2px 0 8px 0;
}

.payment-liqp{
	clear: both;
	padding: 4px 0 4px 0;
}
.payment-liqp-in{}
.payment-liqp-parts{
	padding: 4px 0 2px 0;
}
.payment-liqp-parts select{
	height: 37px;
}



.carttbl
{
	width: 99%;
	font-size: 10pt;
}

.carttbl th
{
	background-color: #ffffff;
	padding: 12px 12px 8px 12px;
	text-align: center;
	border: 1px solid #e0e0e0;
	font-size: 10pt;
}

.carttbl td, .carttbl td.r, .carttbl td.c
{
	background-color: #ffffff;
	padding: 5px 12px 5px 12px;
	border: 1px solid #e0e0e0;
}

.carttbl td.r
{
	text-align: right;
}

.carttbl td.c
{
	text-align: center;
}

.carttbl td span
{
	color: red;
	font-weight: bold;
}

.carttbl td a { font-size: 10pt; color: #444444; }
.carttbl td a:hover { font-size: 10pt; color: #646464; }

.backlink
{
	clear: left;
	padding: 20px 100px 20px 100px;
	text-align: center;
}

.error{
	text-align: center;
	color: #ff0000;
	padding: 8px 10px 8px 10px;
}

/*
		Search drop down tooltip
*/
#searchdrop
{
	position: absolute;
	visibility: hidden;
	display: none;
	left: 0px;
	top: 0px;
	width: 450px;
	height: auto;
	z-index: 100;
	overflow:hidden;
}

#searchdrop .searchdropcont
{
	font-size: 8pt;
	background: #ffffff /*url("/css/../img/searchfly_bg.gif") repeat-x left top*/;
	border: 1px solid #a0a0a0;
	padding: 20px 10px 10px 10px;
}

#searchdrop iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

#searchdrop_body
{
	/*background-color: #ff;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 18px;
}

#searchdrop_btn
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 12px;
	height: 12px;
	position: relative;
	left: 0px;
	top: -15px;
}

a.searchitem { color: #505051; font-family: Tahoma; font-size: 9pt; font-weight: normal; text-decoration: underline; }
a.searchitem:hover { color: #707071; font-family: Tahoma; font-size: 9pt; font-weight: normal; text-decoration: underline; }

a.closebut { color: #000000; font-family: Tahoma; font-size: 9pt; font-weight: bold; text-decoration: none; }
a.closebut:hover { color: #000000; font-family: Tahoma; font-size: 9pt; font-weight: bold; text-decoration: none; }

/* search page */
.search-cat-res{
	list-style: none;
	margin: 0;
	padding: 0;
}
.search-cat-res li{
	background: url("/css/../img/catlist-sub.png") no-repeat 0px 12px;
	padding: 6px 0px 6px 16px;
	color: #a0a0a0;
}


/* brand page */
.brandittbl{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.brandittbl .bitpic{
	width: 190px;
	vertical-align: middle;
	padding: 0px 0px 10px 0px;
	text-align: center;
	line-height: 0;
}
.brandittbl .bitpic img{
	display: block;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 100px;
	margin: auto;
}
.brandittbl .bitname{
	vertical-align: top;
	padding: 8px 0px 8px 0px;
	width: 160px;
}
.brandittbl .bitname .btit{
	font-weight: bold;
	font-size: 17px;
}
.brandittbl .bitname .btxt{
	/*font-size: 11px;*/
	color: #606060;
}
.brand-leftit{
	padding: 8px 0px 8px 0px;
	text-align: center;
}
.brand-leftit a img{
	display: block;
	max-width: 90%;
	height: auto;
	width: auto;
	margin: auto;
}
.brand-data{
}
.brand-logo{
	float: left;
	width: 24%;
	text-align: center;
	padding: 14px 0px 14px 0px;
}
.brand-logo img{display: block; margin: 0 auto; max-width: 96%; height: auto;}
.brand-i{
	float: right;
	width: 74%;

}
.brand-txt{
	position: relative;
	overflow: hidden;
	max-height: 150px;
}
.brand-txt:before{
	position: absolute;
	left: 0;
	right: 0;
	background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0;
	height: 34px;
	content: "";
	display: block;
}
.brand-show{
	font-size: 11px;
	padding: 6px 0px 10px;
}
.brand-show a{ text-decoration: none; }
.brand-show a span{ border-bottom: 1px dotted #333; }
.brand-cat-hdr{
	clear: both;
	padding: 6px 0px 4px 0px;
	font-weight: bold;
	font-style: italic;
}
.brand-cat{
	padding: 1px 12px;
	color: #808080;
}

/* basic pages */
.page_info{
	min-height: 300px;
	padding-top: 8px;
}
.page_info p{
	padding: 3px 0px;
}
.page_info h2{
	font: 20px/22px 'Rubik', Arial;
	text-transform: uppercase;
	font-weight: 400px;
	margin: 12px 0 4px 0;
	padding: 2px 0 0 0;
}
.page_info h3{
	font: 18px/20px 'Rubik', Arial;
	text-transform: uppercase;
	font-weight: 400px;
	margin: 4px 0 2px 0;
	padding: 0 0 0 0;
}

.page_info ul{
	margin: 4px 0;
	padding: 0 0 0 14px;
	list-style: none;
}
.page_info ul li{
	margin: 2px 0;
	padding: 0 0 0 16px;
	background: url("/css/../img/mark.png") no-repeat 0 7px;
}

.page_info h2.h-deliv{padding-left: 28px; background: url("/css/../img/h-deliv.png") no-repeat 0 5px; padding-bottom: 6px;}
.page_info h2.h-pay{padding-left: 28px; background: url("/css/../img/h-pay.png") no-repeat 0 5px; padding-bottom: 6px;}
.page_info h2.h-guar{padding-left: 28px; background: url("/css/../img/h-guar.png") no-repeat 2px 5px; padding-bottom: 6px;}

.page-colgroup{
	clear: both;
	padding: 8px 0;
}
.page-colgroup:after{clear: both; content: ''; display: block;}

.page-col-2{
	float: left;
	width: 47.99999%;
	margin-left: 3.99999%;
}
.page-col-2:nth-child(2n+1){clear: left; margin-left: 0;}


.shops-list{
	clear: both;
}

.tbl-shops{width: 100%;}
.tbl-shops .tbl-tr-h>div{
	background-color: #f3f3f3;
	padding: 9px 10px 8px 10px;
	text-align: left;
	font-weight: bold;
}
.tbl-shops .tbl-tr>div{
	border-bottom: 1px solid #e9e9e9;
	padding: 6px 10px;
}
.tbl-shops .tbl-tr:nth-child(even)>div{background-color: #fcfcfc;}

.tbl-shops .tbl-tr:nth-child(n+2)>div:first-child{background-image: url("/css/../img/shop.png"); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 38px; font-weight: bold;}
.tbl-shops .tbl-tr:nth-child(n+2)>div:nth-child(2){background-image: url("/css/../img/i-map.png"); background-repeat: no-repeat; background-position: 9px 7px; padding-left: 26px;}

span.tel{display: inline-block; background: url("/css/../img/i-tel.png") no-repeat 0 50%; padding-left: 16px;}


/* news pages */
.snitem{
	padding: 8px 0px 14px 0px;
}
.snit-title{
	font-weight: bold;
	font-size: 14px;
}
.snit-date{
	padding: 2px 0px 4px 0px;
	color: #a0a0a0;
}
.snit-txt{
}
.snit-txt img{
	max-width: 100% !important;
	height: auto !important;
}

/* actions */
.mltaitem{
	clear: both;
	padding: 4px 0 12px 0;
}
.mltaitem img{
	max-width: 100%;
	height: auto;
}

.actit{
	clear: left;
	padding: 4px 0px 20px 0px;
	margin-top: 10px;
	border-bottom: 1px solid #f0f0f0;
}
.actit:after{clear: both; display: block; content: '';}

.actlef{
	float: left;
	width: 300px;
	box-sizing: border-box;
	padding: 0px 0px 0px 0px;
}
.actlef img{border: 1px solid #f0f0f0;}

.actrig{
	float: right;
	width: calc(100% - 320px);
	box-sizing: border-box;
}

.act-i img{
	display: block;
	max-width: 100%;
	height: auto;
}

.act-n{
	font: bold 14px/18px Arial,Tahoma;
}

.act-n a{
	font: bold 14px/18px Arial,Tahoma;
	color: #222222;
}

.act-d{
	margin: 10px 0px 10px 0px;
	border: 2px solid #e01111;
	padding: 16px 20px 16px 20px;
	font-size: 14px;
}

.act-d span{
	font: bold 14px/18px Arial;
	color: #e01111;
}

.act-txt{
	font-size: 14px;
}
.act-txt img{max-width: 100% !important; height: auto !important;}
.act-txt iframe{max-width: 100% !important;}


/* compare page */
/*
#content0{
	width: 100%;
	padding: 6px 0 16px 0;
}
*/
#pcompare{
	padding: 12px 0 12px 0;
}

#mgcompare{
	padding: 10px 0 10px 0;
}

.mgladd{
	padding: 0 0 10px 0;
}

.comptbl{
	font-size: 13px;
	background: #e0e0e0;
}

.comptbl td{
	padding: 3px 6px 3px 6px;
	text-align: center;
	background: #ffffff;
}

.comptbl td.prodname{
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #ffffff;
}

.comptbl td.prodname .pdel{
	padding: 5px 0 10px 0;
}

.comptbl td.prodname .pdel a{
	padding: 0px 0 2px 22px;
	text-decoration: none;
	color: #666666;
	opacity: 0.8;
	background: url("/css/../img/a-close.png") no-repeat 0px 4px;
}

.comptbl td.prodname .pdel a:hover{
	opacity: 1;
}

.comptbl td.prodname .pdel span{
	border-bottom: 1px dotted #666666;
}

.comptbl td.prodname .ppic{
	height: 190px;
	margin: 0 auto;
}
.comptbl td.prodname .ppic a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.comptbl td.prodname .ppic a:after{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.comptbl td.prodname .ppic a img{
	max-width: 98%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

.comptbl td.prodname .pname{
	padding: 6px 0 12px 0;
	font-size: 14px;
	font-weight: bold;
}

.comptbl td.parhdr{
	padding: 6px 10px 6px 12px;
	font-weight: bold;
	text-align: left;
	background: #f4f4f4;
}

.comptbl td.grhdr{
	padding: 14px 10px 6px 12px;
	font-size: 16px;
	text-align: center;
	background: #efefef;
}

.comptbl .differ{
	font-weight: bold;
}

#mgcompare .price, .comptbl .price{
	padding: 2px 0 3px 0;
	font: 24px/26px 'Exo 2', sans-serif;
	text-align: center;
	color: #ce0614;
}

/* faq */
.faqgroup{
	clear: both;
	margin: 16px 0 4px 0;
	padding: 6px 0 6px 22px;
	border-left: 3px solid #fd4f00;
	font-size: 20px;
	line-height: 22px;
	color: #071689;
	background: #eaeefc;
}
.faqit{
	clear: both;
	margin-left: 12px;
	padding: 4px 0 4px 12px;
	background: url("/css/../img/ico-sub.png") no-repeat 0 12px;
}

/* portal sects */
.sect0-list{
	padding: 6px 0px 20px 0px;
}
.sect-lev0{
	padding: 2px 0px 14px 0px;
}
.sect-lev0 div{
	font-weight: bold;
	padding: 0 0 2px 0;
}
.sect-lev0 div a{
	display: inline-block;
	padding: 0px 0px 0px 15px;
	background: url("/css/../img/arr-more.png") no-repeat 0 3px;
	color: #000;
}
.sect-lev0 ul{
	margin: 0;
	padding: 0px 0 2px 1px;
	list-style: none;
	font-size: 13px;
}
.sect-lev0 ul li{padding: 1px 0px 1px 14px; background: url("/css/../img/arr.png") no-repeat 0 8px;}
.sect-lev0 ul li a{text-decoration: underline;}

.cat-toplist{
	clear: both;
	padding: 10px 0px 12px 0px;
}
.cat-top{
	float: left;
	width: 22.9999%;
	border: 1px solid #d9d9d9;	
	margin: 0 0 20px 2.4999%;
	overflow: hidden;
}
.cat-top:nth-of-type(4n+1){clear: left; margin-left: 0;}
.cat-top table.cat-top-img{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;	
}
.cat-top table.cat-top-img tr td{ height: 196px; text-align: center; overflow: hidden; }
.cat-top table.cat-top-img tr td img{ display: block; margin: auto auto; max-width: 100%; max-height: 100%; }
.cat-top-tit{
	background: #101010;
	border-left: 5px solid #ff358c;
	color: #fff;
	font: 16px/18px 'Rubik', Arial;	
	padding: 4px 12px;
	vertical-align: middle;	
}
.cat-top-tit a{
	color: #fff;
	text-decoration: underline;
}
.cat-top-tit table{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
.cat-top-tit table td{height: 38px;}
.cat-top-inf{
	background: #f6f6f6;
	height: 144px;
	position: relative;
}
.cat-top-inf-in{
	left: 0;
	top: 0;
	right: 0;
}
.cat-top-sub{
	padding: 14px 12px 14px 12px;
}
.cat-top-sub ul{
	margin: 0;
	padding: 0;
	list-style:none;
	color: #a0a0a0;
}
.cat-top-sub ul li{
	padding: 2px 0px 2px 8px;
	background: url("/css/../img/arr.gif") no-repeat 0 8px;
}
.cat-top-sub ul li a{
	text-decoration: underline;
}

.cat-top:hover{
	overflow: visible;
}
.cat-top:hover .cat-top-inf-in{
	position: absolute;
	z-index: 2;
	background: #f6f6f6;
	border-bottom: 1px solid #d9d9d9;
	min-height: 144px;
	box-shadow: 0px 0px 4px 4px rgba(200,200,200,0.4);
}



.c2sects{clear: both; padding: 20px 0;}
.c2sects:after{
	clear: both; content: ""; display: block;
}
.sectitem{
	float: left;
	width: 32%;
	margin-left: 1.9999%;
}
.sectitem:nth-child(3n+1){
	clear: left;
	margin-left: 0;
}
.spic{
	height: 160px;
}
.spic img{max-height: 158px; max-width: 88%; width: auto; height: auto; margin: auto;}



/* forms */
.frm-frm{padding: 8px 0 10px 0;}
.frm-blk{clear: both; padding: 4px 0;}
.frm-blk-h{font-weight: bold; text-align: center;}
.frm-row{clear: both; padding: 4px 0;}
.frm-row:after{clear: both; content: ""; display: block;}

.frm-title{clear: both; padding: 4px 0;}
.frm-title:after{clear: both; content: ""; display: block;}
.frm-title>div{
	text-align: center;
	font-weight: bold;
	padding: 12px 0 8px 0;
	background-color: #f6f6f6;
}

.frm-fld{}
.frm-required{}
.frm-lbl{float: left; width: 33%; padding-top: 4px;}
.frm-lbl span{display: inline-block;}
.frm-required .frm-lbl span:after{content:"*"; color: red; display: inline-block; padding-left: 2px;}
.frm-inp{float: right; width: 66.9999%;}

.frm-hfld .frm-lbl{float: none; width: auto; padding-bottom: 2px;}
.frm-hfld .frm-inp{float: none; width: auto; padding-bottom: 2px;}

.frm-inp input[type=text], .frm-inp input[type=password]{
	box-sizing: border-box;
	width: 99%;
	height: 30px;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	color: #000000;
	border: 1px solid #d3d5f1;
	outline: none;
	background-color: #ffffff;	
}
.frm-inp input.field4[type=text]{width:80px;}
.frm-inp textarea{
	box-sizing: border-box;
	width: 99%;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	color: #000000;
	border: 1px solid #d3d5f1;
	outline: none;
	background-color: #ffffff;
}
.frm-inp-code input[type=text]{width: 90px;}

.frm-fld-err .frm-lbl{color: red;}
.frm-fld-err .frm-inp input[type=text], .frm-fld-err .frm-inp input[type=password], .frm-fld-err .frm-inp textarea{color: red; border: 1px solid #ff6969;}

.frm-error-msg{	
	clear: both;
	color: red;
	padding: 8px 0;
}

.frm-btn{padding:16px 0 0 33%;}



.frmpop{padding: 20px 0px;}
.frmpop-row{
	clear: both;
	padding: 4px 0px 4px 0px;
}
.frmpop-row:after{
	content: "";
	display: block;
	clear: both;
}

.frm-cc{
	float: left;
	width: 41.9999%;
}
.frm-cc-40{width: 16.79999%;}
.frm-cc-60{width: 25.19999%;}
.frm-cmt{
	float: left;
	width: 30%;
}

/*.frm-lbl span{display: block; padding: 8px 10px 0px 0px;}*/

.frmpop-inp{
	margin: 0 0 0 0;
	height: 31px;
	border: 1px solid #e5e5e5;
}
.frmpop-inp input[type=text], .frmpop-inp input[type=password]{
	width: 99%; 
	border: 0; 
	text-align: center; 
	font-size: 13px;
	line-height: 20px;
	margin-top: 6px;
}
.frmpop-inp select{
	width: 99%; 
	border: 0; 
	height: 30px;
	font-size: 13px;
	line-height: 20px;	
	text-align: center;
}
.frmpop-err{
	display: block;
	color: #e14545;
	padding: 1px 0px 1px 0px;
	font-size: 12px;
	line-height: 16px;
}
.frmpop-inp input.inp-error, .frm-inp input.inp-error{color: red;}

.frmpop-btn{text-align: center; padding: 20px 0px 24px 0px;}

.frm-inpopt{padding-top: 8px;}
.frm-inpopt>div{float: left; width: 30%;}
.frm-inpopt>div label{padding-left: 6px;}

.frm-err-msg{
	display: block;
	color: #e14545;
	padding: 2px 0px 0px 0px;
}
.frm-cc-err .frm-inp{border-color: #f75353;}
.frm-cc-err .frm-inp input{color: #e14545;}
.frm-cc-err .frmpop-ico span, .frm-cc-err .frm-ico span{background-color: #f75353;}


.popline{background: #ececec; height: 2px; text-align: center; clear: both; margin:14px 0px 20px 0px;}
.popline span{display: block; margin: 0 auto; background: #e41a5b; height: 2px; width: 60px; border-left: 15px solid #fff; border-right: 15px solid #fff;}
.popdop{font-size: 12px; text-align: center;}


/* cars */
div.carbrandtbl{
	clear: both;
	padding: 10px 0;
}
div.carbrandtbl:after{clear: both; content: ''; display: block;}

table.carbrandtbl{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
table.carbrandtbl td{
	padding: 10px 0;
}
table.carbrandtbl td table{
	border: 0;
	margin: 0;
	padding: 0;
	height: 80px;
}
table.carbrandtbl td table td{
	height: auto;
}
table.carbrandtbl td table tr td:first-child{
	width: 76px;
	text-align: center;
}
div.carbrandtbl{clear: both;}
div.carbrandtbl:after{clear: both; content: ""; display: block;}
.carbrandtbl-col{
	float: left;
	width: 24.9999%;
}

.carbrandtbl-col table tr td:first-child{width: 58px; vertical-align: middle; height: 40px;}
.carbrandtbl-col table tr td:first-child img{display: block; margin: auto;}


.carbrandtbl-it{
	float: left;
	width: 23.99999%;
	margin-left: 0.999999%;
	padding: 8px 0;
}
.carbrandtbl-it:nth-child(4n+1){margin-left: 0; clear: left;}

.carbrandtbl-it table tr td:first-child{width: 58px; vertical-align: middle; height: 40px;}
.carbrandtbl-it table tr td:first-child img{display: block; margin: auto;}

.cmake{
	float: left;
	width: 215px;
	text-align: center;
	height: 150px;
}
.clogo{}
.ctit{ font-weight: bold; padding: 3px 12px 0px 0px; }
.ctxt{ font-size: 11px; line-height: 13px; color: #808080; }

.carb-llogo{
	text-align: center;
	padding: 20px 0px 25px 0px;
}
.carb-column{
	padding: 12px 0px 10px 0;
	font-size: 14px;
}
.carr-li{
	padding: 2px 0px 2px 18px;
	background: url("/css/../img/arr.png") no-repeat 4px 9px;
}
.carr-li span{ font-size: 12px; color: #a0a0a0; padding-left: 6px; }
.carr-sel{
	background-color: #fff3fb;
	background-image: url("/css/../img/arr-sm-bl.png");
	/*background-color: #ff7e22;*/
	/*color: #fff;*/
	font-weight: bold;
}
.carr-sel a{ color: #404040; text-decoration: none; }
.carr-sel span{ color: #a0a0a0; font-weight: normal; }

.carm-col-in .carr-li{ margin: 2px 0; }


.ccarmodels{
	clear: left;
	padding: 10px 0px 32px 0px;
}
.ccarmodels:after{
	display: block;
	clear: both;
	content: "";
}
.ccarcol3{
	float: left;
	width: 254px;
}

.ccarrow3{
	clear: both;
	padding: 10px 0px 10px 0px;
}
.ccarrow-it{
	float: left;
	width: 24.9999%;
}
.ccarrow-it:nth-of-type(4n+1){clear: left;}
.ccartbl{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	max-width: 100%;
}
.ccartbl tr td{
	text-align: center;
	padding: 8px 8px;
}
.ccartbl tr:first-child td{
	height: 140px;
	padding: 0;
	vertical-align: bottom;
	text-align: left;
	line-height: 0;
}
.ccartbl tr td img{display: block; margin: auto auto 0 0; max-width: 84%; max-height: 140px; height: auto;}

/*
.ccartbl tr td:first-child{
	width: 170px;
	padding: 0;
	height: 116px;
}
*/
.car-page-inf{
	clear: both;
}
.car-page-inf:after{clear: both; content: ""; display: block;}
.car-page-pic{ width: 24%; float: left; clear: left;}
.car-page-pic img{display: block; margin: 0 auto 0 0; max-width: 100%; height: auto;}
.car-page-txt{ width: 75%; float: right; clear: right; line-height: 18px; padding: 0 0 12px 0;}

.mmodel_sects_list{
	clear: both; 
	padding: 12px 0;
}
.mmodel_sects_list:after{clear: both; content: ""; display: block;}
.mmodel_sects{
	float: left;
	width: 47.99999%;
	margin-left: 1.99999%;
}
.mmodel_sects:nth-child(2n+1){margin-left: 0;}
.mmodel_sects div{
	padding: 2px 20px 2px 0px;
}
.mmodel_sects a{	
	color: #797979;
	background: url("/css/../img/mark.png") no-repeat 0px 6px;
	padding-left: 14px;
}

/* vacancy */
.vacancy-list{
	clear: both;
}
.vacancy-list:after{clear: both; content: ''; display: block;}
.vacancy-item{
	margin: 10px 0 24px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #f0f0f0;
}
.vacancy-item h3{
	text-transform: uppercase;
	padding-bottom: 8px;
}


/*-----------------------  adaptive  --------------------*/
@media only screen and (min-width: 1480px)
{
	.wrapper{width: 1450px;}
	
	/*--------  header adaptive  -----*/
	.ht-right{width: 330px;}
	.tmenu-all{width: calc(100% - 630px);}
	.tcenter{width: 900px; margin-left: 90px;}
	
	header.sticky .tcenter{width: calc(100% - 440px);}
	
	.hmm_li{/* margin-right: 20px; */}
	.hmmdm a{/* padding-left: 20px; *//* padding-right: 20px; */}
	
	/*--------  index adaptive  ------*/	
	/*
	.slider-main .slick-slide{height: 170px;}
	.slider-main .slick-slide>img, .slider-main .slick-slide>a>img{width: 100%;}
	*/
	
	.ind-form{box-sizing: border-box; width: 1140px; margin: 0 auto;}
	.ind-f-tire{width: 740px;}
	
	.news-item-big{width: 31.99999%;}	
	
	/*--------  catalog adaptive  ----*/
	#content{width: 1140px;}
	
	.p-iit{width: 23.99999%;}
	
	/*--------  card adaptive  -------*/
	.ccard-l{width: 480px;}
	.ccard-r{width: 950px;}
	
	.ccard-cleft{width: 1080px;}
	.ccard-cright{width: 320px;}
	
	/*--------  order adaptive  ------*/
	.mcartl{width: 880px;}
	.mcartr{width: 500px;}
	
	/*--------  cars adaptive ------*/
	.carbrandtbl-it{width: 18.99999%;}
	.carbrandtbl-it:nth-child(4n+1){margin-left: 0.99999%; clear: none;}
	.carbrandtbl-it:nth-child(5n+1){margin-left: 0; clear: left;}
	
	/*--------  footer adaptive  -----*/
}

@media only screen and (min-width: 1860px)
{
	.wrapper{width: 1840px;}
	
	/*--------  header adaptive  -----*/
	.ht-right{width: 380px;}
	.tmenu-all{width: calc(100% - 710px);}
	.tcenter{width: 1150px; margin-left: 120px;}
	
	header.sticky .tcenter{width: calc(100% - 540px);}
	
	.tcar{margin-right: 70px;}
	
	/*--------  index adaptive  ------*/
	/*.slider-main .slick-slide{height: 206px;}*/
	
	/*--------  catalog adaptive  ----*/
	.left-cont{width: 300px;}
	#content{width: 1510px;}
	
	.p-iit{width: 19.99999%;}
	
	.cat-top{width: 19.19999%; margin-left: 0.99999%;}
	.cat-top:nth-of-type(4n+1){clear: none; margin-left: 0.99999%;}
	.cat-top:nth-of-type(5n+1){clear: left; margin-left: 0;}
	
	/*--------  card adaptive  -------*/
	.ccard-l{width: 540px;}
	.ccard-r{width: 1200px;}
	
	.ccard-r-2col .ccard-r-col:first-child{width: calc(100% - 360px);}
	.ccard-r-2col .ccard-r-col:last-child{width: 320px;}
	
	.ccard-cleft{width: 1410px;}
	.ccard-cright{width: 370px;}
	
	/*--------  order adaptive  ------*/
	.mcartl{width: 1100px;}
	.mcartr{width: 580px;}
	
	
	.ccarrow-it{width: 19.99999%;}
	.ccarrow-it:nth-of-type(4n+1){clear: none;}
	.ccarrow-it:nth-of-type(5n+1){clear: left;}
}

@media only screen and (max-width: 1200px)
{
	.wrapper{width: 1000px;}

	/*--------  header adaptive  -----*/
	.tmenu a{margin-right: 12px;}
	
	.tcenter{width: calc(100% - 410px);}
	.srch-frm{width: 96%;}
	.ti-right{width: 220px;}
		
	.hmmdm a{/* padding-left: 12px; *//* padding-right: 12px; */font-size: 15px;}	

	/*
	.hmmdm a{padding: 11px 14.5px;}
	*/

	/*--------  index adaptive  ------*/
	/*.slider-main .slick-slide>img, .slider-main .slick-slide>a>img{max-width: 99%;}*/
	
	.ind-catit a h3{padding: 16px 25% 0 16px; font-size: 18px; line-height: 20px;}
	.ind-catit a>div{left: -20px;}
	
	
	.ind-form{padding: 36px 26px;}
	.ind-form .lbl-hdr{font-size: 20px;}
	
	.ind-f-tire{width: 650px;}
	.ind-f-accum{width: 280px;}
	
	.f-tire-spike .switch-sw{width: 70px;}
		
	
	/*--------  card adaptive  -------*/
	.ccard-r{width: 550px;}
	.ccard-l{width: 440px;}
	
	.ccard-r-2col .ccard-r-col, .ccard-r-2col .ccard-r-col:first-child, .ccard-r-2col .ccard-r-col:last-child{float: none; width: auto; clear: both;}

	/*
	.slider-pack{padding-right: 50px;padding-left: 50px; }
	.ccard-packrow > div{margin-right: 50px;}
	*/

	.ccard-cleft{width: 690px;}
	.ccard-cright{}

	/*--------  catalog adaptive  ----*/
	#content{width: 720px;}
	.left-cont{width: 260px;}

	.header-bann{display: none;}
	
	.cat-top{width: 31.99999%; margin-left: 1.99999%;}
	.cat-top:nth-of-type(4n+1){clear: none; margin-left: 1.99999%;}
	.cat-top:nth-of-type(3n+1){clear: left; margin-left: 0;}

	/*--------  order adaptive  -----*/
	.mcartr{width: 390px;}
	.mcartl{width: 580px;}

	.mcli_image{margin-right: 10px;}
	.mclit_tbl table tr:first-child td:first-child{width: 90px;}
	.mclit_total{font-size: 15px;}
	.imclit_price{width: 46px;}

	#mcartview .mcli_text{width: 350px;}

	.mcrline table td.cfrm-hsep{height: 15px;}
	.mcrline table td.cfrm-i1{width: 106px;}

	input.imcrl_text{width: 270px;}
	input.imcrl_textn{width: 104px;}
	input.imcrl_text1{width: 186px;}
	input.imcrl_text2{width: 65px;}
	
	select.s_mcrl{width: 270px;}

	textarea.imcrl_mtext{width: 270px;}

	/*--------  footer adaptive  -----*/
}

@media only screen and (max-width: 1000px)
{
	.wrapper{width: 800px;}
	
	.lbl-hdr-in{font-size: 17px;}

	/*--------  header adaptive  -----*/	
	.header-top{font-size: 13px; padding: 5px 4px 5px 0;}
	.tmenu-all{width: calc(100% - 356px);}
	.tmenu{padding: 2px 0;}
	.tmenu a{margin-right: 6px; padding-left: 10px;}
	.tcallback{width: 140px; padding-top: 2px; padding-bottom: 2px; }
	.tcallback>div{padding-left: 20px;}
	
	.ht-lang{margin-right: 6px;}
		
	.ht-right{width: 154px;}
	.ht-right.ht-logged{width: 190px;}
	.ht-right .user{display: none;}
	.ht-right a.a-logout{margin-left: 8px;}
	
	.header-bott{padding-top: 12px; padding-bottom: 12px;}
	#logo{width: 80px;}
	.tcenter{width: calc(100% - 322px); padding-top: 0;}
	.tphones{width: 180px; padding-left: 40px;}
	.tsearch{width: calc(100% - 190px);}
	.ti-right{width: 170px; padding-top: 0;}
	.tcar{margin-right: 20px;}
	.twish{margin-right: 6px;}
	
	header.sticky #logo-sticky{margin-top: 4px;}
	header.sticky .tcenter{padding-top: 0;}
	header.sticky .tsearch{width: calc(100% - 200px); padding-top: 4px;}
	header.sticky .tphones{width: 180px; padding: 0 0 0 40px;}
	header.sticky .t-tel{display: block; line-height: 16px; padding-bottom: 0;}
	header.sticky .ti-right{padding-top: 4px;}
	
	.hmmdm a{font-size: 14px; padding-left: 10px; padding-right: 6px;}	
	
	/*--------  index adaptive  ------*/
	.car-sel-b{width: 16.19999%; margin-left: 0.49999%;}
	.car-sel-b:nth-child(7n+1){margin-left: 0.49999%;}
	.car-sel-b:nth-child(6n+1){margin-left: 0;}
	
	.ind-cat-name{padding: 0 4px 0 14px;}
	.ind-cat-name>a{font-size: 16px;}
	.ind-catlist>ul{padding-left: 14px;}
	.ind-catlist>ul>li{margin: 1px 0;}
	
	.cbrands-list>div{width: 19.99999%;}
	.cbrands-list>div:nth-child(6n+1){border-left: 1px solid #f0f0f0;}
	.cbrands-list>div:nth-child(5n+1){border-left: 0;}
	
	.ind-f-tire{float: none; width: auto; clear: both; border-right: 0; border-bottom: 1px solid #d2d2d2; padding-bottom: 14px; margin-bottom: 14px;}
	.ind-f-accum{float: none; width: auto; clear: both;}
	
	/*--------  card adaptive  -------*/
	#dcontent{margin-bottom: 20px;}
	
	.ccard-l{float: none; width: auto; }
	.ccard-r{float: none; width: auto; padding: 0 4px;}

	.slider-thumbs .slick-slide{height: 360px; margin-bottom: 0;}
	
	#buy1click{left: -130px;}

	.slider-pack{padding-right: 40px;padding-left: 40px; }
	.ccard-packrow > div{margin-right: 15px;}

	.ccard-cright{width: 280px;}
	.ccard-cleft{width: 500px;}	
	
	ul.c2tlist li{width: auto; padding: 12px 16px 10px 16px;}

	.cc-info>p{padding-right: 10px;}
	
	.cc-resp-left{float: none; clear: both; width: auto;}
	.cc-resp-right{float: none; clear: both; width: auto;}

	/*--------  catalog adaptive  ----*/
	.left-cont{width: 250px;}
	#content{width: 530px;}
	
	.car-sel-hdr{font-size: 17px;}
	
	.ccsort-h{display: none;}
	#ccsdd1{left: 0;}
	
	.lbl{padding-left: 14px; padding-right: 14px;}
	
	.compare-tit{width: 86%;}

	.p-iit{width: 47.99999%;}

	/*
	.cctop{text-align: left;}
	.ccsort{float: none; margin-top: 2px; margin-bottom: 10px;}
	.ccview{display: block; margin-bottom: 10px;}
	.cpages{float: none;}
	*/
	
	/*--------  order adaptive  -----*/
	.mcart .lbl-hdr{font-size: 20px;}
	
	.mcartl{width: 420px;}
	.mcartr{width: 340px;}
	
	.mcli_image{width: 130px; margin-right: auto;}
	#mcartview .mcli_image{margin-left: auto; margin-right: auto;}
	#mcartview .mcli_text{width: auto; margin-left: 0;}
	.mclit_title{font-size: 15px; text-transform: none;}
	
	.mclit_tbl table tr:first-child td:first-child{width: auto;}
	.mclit_tbl table tr:first-child td:nth-child(2){padding-right: 3px;}
	.mclit_tbl table tr:first-child td:nth-child(6){padding: 0 3px;}
	.imclit_price{width: 38px;}
	.mclit-minus, .mclit-plus{width: 31px;}
	
	.mcrline table td.cfrm-i1{width: 95px;}
	.mcrline table td.cfrm-i2{width: 44px;}
	
	input.imcrl_text{width: 240px;}
	input.imcrl_textn{width: 94px;}
	input.imcrl_text1{width: 156px;}
	input.imcrl_text2{width: 58px;}
	
	select.s_mcrl{width: 240px;}

	textarea.imcrl_mtext{width: 240px;}
	
	/*--------  cars adaptive ------*/
	.carbrandtbl-it{width: 31.99999%; margin-left: 1.99999%;}
	.carbrandtbl-it:nth-child(4n+1){margin-left: 1.99999%; clear: none;}
	.carbrandtbl-it:nth-child(3n+1){margin-left: 0; clear: left;}
	
	.ccarrow-it{width: 33.19999%;}
	.ccarrow-it:nth-of-type(4n+1){clear: none;}
	.ccarrow-it:nth-of-type(3n+1){clear: left;}

	/*--------  footer adaptive  -----*/
}

@media only screen and (max-width: 800px)
{
	.wrapper{width: 100%;}

	/*--------  header adaptive  -----*/
	.tmenu-all{width: auto;}
	.tmenu-mob{display: block; z-index: 3;}
	.open .tmenu-mob{z-index: 11;}
	.tmenu{
		float: none;
		display: none;
		position: absolute;
		z-index: 10;
		left: 0;
		top: 0;
		width: 200px;
		background: #fff;
		box-sizing: border-box;
		box-shadow: 0 0 4px rgba(100,100,100,0.1);
		padding: 50px 6px 10px 6px;
	}
	.tmenu>a{
		display: block;
		width: 100%;
		box-sizing: border-box;
		float: none;
		padding: 10px 8px 10px 28px;
		background-position: 10px 50%;
		color: #202020;
		border-bottom: 1px solid #f6f6f6;
	}
	.tmenu>a:first-child{}
	.tmenu>a:last-child{border-bottom: 0;}
	.tmenu>a:hover{background-color: #f8f8f8; color: #000000;}
	
	.ht-right{width: calc(100% - 280px);}

	
	.header-bott{padding: 4px 4px 4px 4px;}
	#logo{width: 70px; height: 50px; overflow: hidden;}
	
	.tcenter{width: calc(100% - 246px); margin-left: 20px;}
	.tsearch{width: calc(100% - 140px);}
	.srch-fly-ex{display: none;}	
	.tphones{width: 130px; padding: 0; min-height: auto; font-size: 14px; line-height: 17px; background: none;}
	.t-tel{display: block; padding: 0 0 0 0;}
	.tcallback{padding: 0 0 0 12px; margin-left: 50px; width: 150px;}
	
	.ti-right{padding-top: 0px; width: 150px;}
	.ti-blk{font-size: 13px; width: 67px; /*padding-top: 33px;*/}
	.tcart a, .twish a, .tcar a{padding-top: 33px;}
	.twish{background-position: 50% 3px; width: 78px; margin-right: 4px;}
	.tcart{background-position: 40% 0;}	
	
	header.sticky .header-bott{padding: 4px 4px 2px 4px;}
	header.sticky .tcenter{width: calc(100% - 320px);}
	header.sticky .tsearch{width: calc(100% - 140px);}
	header.sticky .tphones{min-height: auto; width: 130px; padding: 0;}
	header.sticky .t-tel{font-size: 14px; padding-bottom: 0px;}
	header.sticky .ti-right{padding-top: 0px; width: 150px;}
	header.sticky .twish{margin-right: 4px;}
	
	.mpan-mob{display: block;}
	.mpan-mob.open{background-color: #404040;}	

	.mainmenu{clear: left; display: none; box-sizing: border-box; margin-bottom: 3px; padding: 2px; background-color: #ffffff; border-left: 2px solid #232323; border-right: 2px solid #232323; /*border-radius: 0 4px 4px 4px; background-color: #44a53d;*/ }
	.hmm_li{float: none; width: 100%; padding: 1px 0;}
	.hmmdm a{width: 100%; color: #232323; background-color: #f8f8f8; padding: 11px 10px 11px 10px; font-size: 15px; font-weight: 400; text-align: left; text-transform: uppercase; }
	.hmmdm a span{display: block; padding: 0; background-image: url("/css/../img/mm-li-bl.png"); background-position: 100% center; background-repeat: no-repeat;}
	.hmm_li:hover .hmmdm a span{ background-image: url("/css/../img/mm-li-bl.png"); /*background: url("/css/../img/li-down.png") 94% center no-repeat;*/}
	.hmm_li .hmmdm.is-active a span{background-image: url("/css/../img/mm-li-up.png");}
	
	.sub-menu{position: static; right: 0 !important; left: 0 !important; display: none; visibility: visible; width: 100% !important; margin-top: 4px;padding: 20px 15px 15px 15px; transition: none; transform: none; opacity: 1; border: 0; /*border-radius: 4px; */ background: #ffffff; box-shadow: none; }
	.sub-column{width: 47.999999%; margin-left: 0;}	
	.sub-column:nth-child(4n+1){margin-left: 0;}
	.sub-column:nth-child(2n+1){margin-left: 3.999999%;}
	.sub-menu-colnum2 .sub-column{width: 47.99999%; margin-left: 0;}
	.sub-menu-colnum2 .sub-column:nth-child(2n+1){margin-left: 3.99999%;}
	.sub-menu-colnum3 .sub-column{width: 47.99999%; margin-left: 0;}
	.sub-menu-colnum3 .sub-column:nth-child(3n+1){margin-left: 0;}
	.sub-menu-colnum3 .sub-column:nth-child(2n+1){margin-left: 3.99999%;}
	.sub-section{margin-bottom: 30px;}
	.sub-title{}
	.sub-section ul li{/*margin-bottom: 5px;padding-left: 15px; background: none;*/}
		

	/*--------  index adaptive  ------*/
	main .wrapper{padding-left: 4px; padding-right: 4px;}
	
	.ind-slides{padding: 16px 0;}
	.slider-main .slick-slide>img, .slider-main .slick-slide>a>img{display: block; width: 100%; height: auto;}
	
	.cbrands-list>div{width: 24.99999%; height: 100px;}
	.cbrands-list>div:nth-child(5n+1){border-left: 1px solid #f0f0f0;}
	.cbrands-list>div:nth-child(4n+1){border-left: 0;}
	.cbrands-list>div>a>div{height: 72px;}	
	
	.ind-news{float: none; clear: both; width: auto;}
	.ind-artics{float: none; clear: both; width: auto; padding-top: 20px;}
		
	/*--------  card adaptive  -------*/
	
	#buy1click{left: -140px;}

	.ccard-cleft{float: none;width: 100%; }
	.ccard-cright{float: none;width: 100%; }
	
	.ccard-content{padding: 12px 6px;}
	
	/*--------  catalog adaptive  ----*/	

	#content{float: none; width: 100%; box-sizing: border-box; padding: 0 4px; }
	.left-cont{float: none; width: auto; clear: both;}
	
	#dcontent{margin-bottom: 40px;}	
	.dcontent-top{padding-left: 4px;}
	
	.car-selector-row{padding: 16px 0;}
	.car-selector{padding: 0 14px;}
	.car-cur{width: 220px; padding-top: 4px;}
	.car-sel{width: calc(100% - 230px); padding-top: 4px;}
	
	.car-cur-sel{flex-flow: column wrap; padding-left: 12px;}
	.car-cur-sel-pic{height: auto; order: 2; padding: 4px 0;}
	.car-cur .car-sel-hdr{padding-bottom: 4px;}
	.sel-car-model>div{padding-bottom: 4px;}
	
	.ccflt-top{display: block;}
	
	.flyctrl-panel{display: none;}		
	.flyctrl-panel-show{
		display: block;
		position: absolute;
		z-index: 2000;
		top: 200px;
		width: 100%;
	}
	
	.flyctrl-close{
		float: right;
		width: 20px;
		position: relative;
		top: 12px;
		right: 10px;
		display: block;
	}
	.flyctrl-close a{display: block; width: 20px; height: 20px; background: url("/css/../img/a-close.png") no-repeat 50% 50%; opacity: 0.7;}
	.flyctrl-close a:hover{opacity: 1;}
	
	.flyctrl-panel-show .flt-allopt{
		width: 80%;
		margin: 0 auto;
		padding: 12px 14px 16px 14px;
		background: #fff;
		border-radius: 10px;		
		box-shadow: 0px 0px 7px 7px rgba(200,200,200,0.5);
	}
	.flyctrl-panel-show .lbl, .flyctrl-panel-show  .lbl:nth-child(1){
		border: 0;
		padding-left: 0;
		padding-right: 0;
		/*
		width: 80%;
		margin: 0 auto;
		padding: 12px 14px 16px 14px;
		background: #fff;
		border-radius: 10px;		
		box-shadow: 0px 0px 7px 7px rgba(200,200,200,0.5);
		*/
	}	
	
	.p-iit{width: 29.99999%;margin-left: 1.99999%;}
	.p-iit:nth-child(2n+1){margin-left: 1.99999%;}
	.p-iit:nth-child(3n+1){margin-left: 0;}
	
	.p-lbl{left: 10px;top: 10px;border-radius: 10px;}

	#left{float: none; width: 100%;}

	/*--------  order adaptive  -------*/
	.mcartl{float: none; width: 100%; margin-bottom: 20px;}
	.mcartr{float: none; width: 100%; margin-bottom: 10px;}
	
	#mcartview .mcli_text, #cart-flywnd .mcli_text, .mcli_text{width: calc(100% - 148px); margin-left: 14px;}
	
	.mcrline table td.cfrm-hsep{height: 10px;}
	.mcrline table td.cfrm-hpad{height: 10px;}	

	/*--------  footer adaptive  -----*/
	.footcent{padding-left: 10px;}
	.footbot{padding-left: 10px; padding-right: 10px;}
	
	/*---------- other adaptive ----------*/
	.actlef{width: 31%;}	
	.actrig{width: 66%;}
	
	.page-col-2{float: none; clear: both; margin-left: 0; width: auto; padding-bottom: 4px;}	
}

@media only screen and (max-width: 700px)
{
	/*--------  header adaptive  -----*/
	/*--------  index adaptive  ------*/
	.wtf-cont{column-count: 1;}
	/*--------  card adaptive  -------*/
	/*--------  catalog adaptive  ----*/	
	a.btn-buy, input.btn-buy, div.btn-buy{padding: 13px 6px;}
	.p-iinf{padding: 10px 6px 14px 6px;}
	.p-icost{font-size: 15px;}
	.p-icost>span{font-size: 17px;}
	.p-iwish, .p-icmp{margin-left: 5px;}

	/*--------  footer adaptive  -----*/
	.f-col1, .f-col2, .f-col3{width: 48.99999%; margin-left: 1.99999%;}
	.f-col1, .f-col2{padding-bottom: 12px;}
	.f-col1, .f-col3{clear: left; margin-left: 0;}
	.f-col4{float: left; width: 48.99999%; margin-left: 1.99999%;}
}

@media only screen and (max-width: 650px)
{
	/*--------  header adaptive  -----*/
	/*--------  index adaptive  ------*/
	.cbrands-list>div{width: 33.29999%;}
	.cbrands-list>div:nth-child(4n+1){border-left: 1px solid #f0f0f0;}
	.cbrands-list>div:nth-child(3n+1){border-left: 0;}
	
	.f-tire-l{float: none; clear: both; width: auto;}
	.f-tire-r{float: none; clear: both; width: auto;}
	
	/*--------  catalog adaptive  ------*/
	.car-sel-combolist{flex-flow: column wrap;}
	.car-sel-combolist>span{width: 100%; margin-right: auto; padding-bottom: 5px;}
	
	/*-------- other ----------*/
	.dlg-wnd-c{width: 98%;}
	.frmpop{padding: 20px 10%;}
	
	.cartwnd-c{width: 98%;}
	.cartwnd-in{padding: 20px 12px;}
	
	.tbl-shops .tbl-tr>div:nth-child(n+3){clear: left; display: block;}
}

@media only screen and (max-width: 600px)
{
	/*--------  header adaptive  -----*/
	#logo-sticky{width: 52px; overflow: hidden;}
	#logo-sticky img{max-width: none;}
	
	header.sticky .tcenter{width: calc(100% - 230px);}
	
	.header-bott{padding: 4px 4px 4px 4px;}
	
	.sub-column{width: 100%; margin-left: 0;}	
	.sub-column:nth-child(2n+1){margin-left: 0;}
	.sub-menu-colnum2 .sub-column{width: 100%; margin-left: 0;}
	.sub-menu-colnum2 .sub-column:nth-child(2n+1){margin-left: 0;}
	.sub-menu-colnum3 .sub-column{width: 100%; margin-left: 0;}
	.sub-menu-colnum3 .sub-column:nth-child(2n+1){margin-left: 0;}

	/*--------  index adaptive  ------*/
	/*--------  card adaptive  -------*/
	
	.ccard-buy{width: 130px;}
	.ccard-buy-dop{width: 194px;}
	a.btn-buy-1click{padding: 15px 20px;}
	a.btn-buy-big{padding: 16px 20px;}
	
	/*--------  catalog adaptive  ----*/
	.cctop .cpages{display: none;}
	
	/*--------  order adaptive  --------*/	

	/*--------  footer adaptive  -----*/
}

@media only screen and (max-width: 550px)
{
	main{background: none;}
	/*--------  header adaptive  -----*/
	.ht-right a.a-logout, .ht-right a.a-login, .ht-right a.a-cabinet{display: inline-block; height: 18px; padding: 0; content: ''; width: 28px; background-position: 50% 50%;}
	.ht-right a.a-logout>span, .ht-right a.a-login>span, .ht-right a.a-cabinet>span{display: none;}
	.ht-right a.a-logout{margin-left: 4px;}
	
	.tcallback{margin-left: 40px;}
	.ht-right, .ht-right.ht-logged{width: calc(100% - 254px);}
	
	.tcenter{width: 140px;}
	header.sticky .tcenter{width: 140px;}	
	
	.tsearch{position: absolute; z-index: 3; right: 0; top: 95px; width: calc(100% - 150px);}
	header.sticky .tsearch{display: none;}		
	.srch-frm{border: 1px solid #ffffff;}
	#srchgo{background-image: url("/css/../img/ibtn-find-mob.png");}
	#searchsw{color: #ffffff;}
	#searchsw::placeholder{color: #a0a0a0;}
	
	#searchdrop{width: 99%;}
	
	.mpan .wrapper{z-index: 2;}
	
	/*--------  index adaptive  ------*/
	.slider-main .slider-promo{max-width: 50%; padding: 12px 20px;}
	.slider-main .slider-promo-tit{font-size: 18px; line-height: 22px;}
	.slider-main .slider-promo-cont{font-size: 14px; line-height: 18px; font-weight: normal;}
	
	a.btn-slight, input.btn-slight, button.btn-slight, div.btn-slight{padding: 10px 14px; font-weight: 400;}
	
	
	.ind-artics .news-item{float: none; width: auto; clear: both;}
	
	/*--------  card adaptive  -------*/
	.ccard-pr{float: none; margin-bottom: 20px; padding-top: 0; margin-left: 20px;}
	
	#buy1click{left: -130px;}
	
	.ccard-inf-col, .ccard-inf-col:first-child{float: none; width: auto; clear: both; margin-left: 0;}
	.ccard-inf-col:last-child{padding-top: 10px;}

	/*--------  catalog adaptive  ----*/
	.p-iit{width: 45.99999%;margin-left: 1.99999%;}
	.p-iit:nth-child(3n+1){margin-left: 1.99999%;}
	.p-iit:nth-child(2n+1){margin-left: 0;}
	
	
	.cat-top{width: 48.49999%; margin-left: 2.99999%;}
	.cat-top:nth-of-type(3n+1){clear: none; margin-left: 2.99999%;}
	.cat-top:nth-of-type(2n+1){clear: left; margin-left: 0;}
	
	/*-------- cart adaptive ----------*/
	.mcli_image{height: auto; max-height: 130px;}
	#mcartview .mcli_text, #cart-flywnd .mcli_text, .mcli_text{width: auto; float: none; margin-left: 0; clear: both; padding-top: 8px;}

	/*--------  order adaptive  -------*/
	.mcorder-l{float: none;}
	.mcorder-r{float: none;}

	.mcorder-tit{padding: 15px 5px 16px 5px;}
	
	/*--------  cars adaptive ------*/
	.carbrandtbl-it{width: 47.99999%; margin-left: 0.99999%; margin-right: 0.99999%;}
	.carbrandtbl-it:nth-child(4n+1){margin-left: 0.99999%;}
	.carbrandtbl-it:nth-child(3n+1){margin-left: 0.99999%; margin-right: 0.99999%; clear: none;}
	.carbrandtbl-it:nth-child(2n+1){clear: left;}
	
	.ccarrow-it{width: 47.99999%; margin-left: 0.99999%; margin-right: 0.99999%;}
	.ccarrow-it:nth-of-type(3n+1){clear: none;}
	.ccarrow-it:nth-of-type(2n+1){clear: left;}

	/*--------  footer adaptive  -----*/
	.fcopy{float: none; clear: both; width: auto; text-align: center;}
	.dev{float: none; clear: both; width: auto; text-align: center; padding-top: 8px;}	
	
	/* --------- other ------------*/
	.tbl-shops{display: block;} 
	.tbl-tr{display: block;}
	.tbl-shops .tbl-tr>div:nth-child(n+3){clear: none;}
	.tbl-shops .tbl-tr>div:nth-child(1){clear: left; display: block; float: left; width: 49.99999%; box-sizing: border-box; border-bottom: 0;}
	.tbl-shops .tbl-tr>div:nth-child(2){display: block; float: left; width: 49.99999%; box-sizing: border-box; border-bottom: 0;}
	.tbl-shops .tbl-tr>div:nth-child(3){clear: left; display: block; float: left; width: 49.99999%; box-sizing: border-box; min-height: 54px;}
	.tbl-shops .tbl-tr>div:nth-child(4){display: block; float: left; width: 49.99999%; box-sizing: border-box; min-height: 54px;}
}

@media only screen and (max-width: 500px)
{
	/*--------  header adaptive  -----*/
	/*--------  index adaptive  ------*/
	.ind-catit{height: 140px;}
	.ind-catit a{background-position: 50px 10px;}
	/*--------  card adaptive  -------*/
	ul.c2tlist li{padding: 12px 6px 10px 6px; margin-right: 4px;}
	ul.c2tlist li:last-child{margin-right: 0;}

	/*--------  catalog adaptive  ----*/
	.car-cur{width: 200px;}
	.car-sel{width: calc(100% - 210px);}
	
	.p-iit{height: 390px;}
	.p-iimg{height: 230px;}
	
	/*--------  order adaptive  -------*/
	.mctabs{padding: 20px 0 0;}

	.cab-tabpage{margin-bottom: 25px;}

	/*--------  footer adaptive  -----*/
	
	/*-------- other adaptive -------*/
	.actlef{float: none; clear: both; width: auto; padding-bottom: 10px;}
	.actrig{float: none; clear: both; width: auto;}
}

@media only screen and (max-width: 450px)
{
	.hdr{font-size: 20px; line-height: 22px;}
	.lbl-hdr{font-size: 22px; line-height: 24px;}

	/*--------  header adaptive  -----*/
	.tcenter{margin-left: 10px; width: 116px;}
	header.sticky .tcenter{width: 116px; margin-left: 20px;}
	
	.tphones{width: 112px;}
	
	/*--------  index adaptive  ------*/
	/*--------  card adaptive  -------*/
	#buy1click{width: 380px;}
	#buy1clickc{padding: 0 10px;}
	
	ul.c2tlist li{font-size: 13px;}
	ul.c2tlist li span{padding-left: 20px;}

	/*--------  catalog adaptive  ----*/
	.car-selector{display: flex; flex-flow: column wrap;}
	.car-cur{width: auto; float: none; clear: both; order: 1; border: 0;}
	.car-sel{width: auto; float: none; clear: both; order: 2; }
	.car-cur-sel{padding-left: 0;}
	
	.p-iit{height: 404px;}
	.p-imod{height: 74px;}
	

	/*--------  footer adaptive  -----*/
	.f-hdr{font-size: 18px; padding-bottom: 10px;}
}

@media only screen and (max-width: 400px)
{
	/*--------  header adaptive  -----*/
	/*.ti-right{width: 146px;}*/
	.twish{margin-right: 2px;}
	/*--------  index adaptive  ------*/
	/*--------  card adaptive  -------*/
	.ccard-buy{width: 110px;}
	.ccard-buy-dop{width: 180px;}
	#buy1click{width: 340px; left: -114px;}
	#phone1c{width: 150px;}
	#btn1click{padding-left: 14px; padding-right: 14px;}
	/*--------  catalog adaptive  ----*/
	a.btn-buy, input.btn-buy, div.btn-buy{padding: 12px 5px;}
	.p-iwish, .p-icmp{margin-left: 2px;}
	
	.p-iit{height: 376px;}
	.p-iimg{height: 200px;}
	/*--------  order adaptive  -------*/

	/*--------  footer adaptive  -----*/
	
	/*-------- other ----------*/
	.dlg-wnd-in{padding: 20px 12px;}
}Rubik


/* Стили для инпутов */
input[type="text"],
input[type="date"],
select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 16px;
}

/* Стили для кнопок */
input[type="submit"],
.cancel-button {
  /* padding: 10px 20px; */
  /* background-color: #4CAF50; */
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

input[type="submit"]:hover,
.cancel-button:hover {
  /* background-color: #45a049; */
}

/* Дополнительные стили для кнопки отмены */
.cancel-button {
  background-color: #f44336;
}

.cancel-button:hover {
  background-color: #d32f2f;
}


/* Стили для инпутов типа text */
input[type="text"] {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  /* margin-bottom: 10px; */
  font-size: 16px;
}

/* Дополнительные стили для инпутов типа text при фокусе */
input[type="text"]:focus {
  border-color: #4CAF50;
  outline: none;
}


/* css/search-dropdown-modern.css */
/**
 * Выпадающий список подсказок поиска (#searchdrop)
 */
#searchdrop.srch-dropdown-panel {
    position: absolute;
    z-index: 200;
    left: 0;
    top: 0;
    width: 420px;
    max-width: calc(100vw - 16px);
    height: auto;
    overflow: visible;
    box-sizing: border-box;
}

#searchdrop.srch-dropdown-panel .searchdropcont {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow:
        0 12px 40px rgba(15, 23, 42, 0.14),
        0 2px 8px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

#searchdrop.srch-dropdown-panel #searchdrop_btn {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    left: auto;
    float: none;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
}

#searchdrop.srch-dropdown-panel #searchdrop_btn .closebut,
#searchdrop.srch-dropdown-panel .srch-dropdown-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #6b7280;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    background: #f3f4f6;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

#searchdrop.srch-dropdown-panel #searchdrop_btn .closebut:hover,
#searchdrop.srch-dropdown-panel .srch-dropdown-close:hover {
    color: #111827;
    background: #e5e7eb;
    text-decoration: none;
}

#searchdrop.srch-dropdown-panel #searchdrop_body {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

#searchdrop.srch-dropdown-panel .srch-drop-list {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    max-height: min(420px, 55vh);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#searchdrop.srch-dropdown-panel .srch-drop-item {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f3f4f6;
}

#searchdrop.srch-dropdown-panel .srch-drop-item:last-child {
    border-bottom: 0;
}

#searchdrop.srch-dropdown-panel .srch-drop-link,
#searchdrop.srch-dropdown-panel a.searchitem {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 44px 10px 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #1f2937;
    text-decoration: none;
    transition: background 0.12s ease;
}

#searchdrop.srch-dropdown-panel .srch-drop-link:hover,
#searchdrop.srch-dropdown-panel a.searchitem:hover {
    color: #111827;
    text-decoration: none;
    background: #fdf2f7;
}

#searchdrop.srch-dropdown-panel .srch-drop-thumb {
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: #f9fafb;
    border: 1px solid #eef0f3;
    overflow: hidden;
}

#searchdrop.srch-dropdown-panel .srch-drop-thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

#searchdrop.srch-dropdown-panel .srch-drop-thumb--empty {
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
}

#searchdrop.srch-dropdown-panel .srch-drop-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}

#searchdrop.srch-dropdown-panel .srch-drop-text {
    width: 100%;
    word-break: break-word;
}

#searchdrop.srch-dropdown-panel .srch-drop-price {
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    color: #e91e63;
    white-space: nowrap;
}

#searchdrop.srch-dropdown-panel .srch-drop-price--na {
    font-size: 13px;
    font-weight: 500;
    color: #9ca3af;
}

#searchdrop.srch-dropdown-panel .srch-drop-text b {
    font-weight: 600;
    color: #e91e63;
}

#searchdrop.srch-dropdown-panel .srch-drop-footer {
    padding: 10px 12px 12px;
    text-align: center;
    border-top: 1px solid #f3f4f6;
    background: #fafafa;
}

#searchdrop.srch-dropdown-panel .srch-drop-all,
#searchdrop.srch-dropdown-panel .srch-drop-footer .redl {
    display: inline-block;
    padding: 8px 16px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #e91e63;
    text-decoration: none;
    border-radius: 999px;
    background: rgba(233, 30, 99, 0.08);
    transition: background 0.15s ease, color 0.15s ease;
}

#searchdrop.srch-dropdown-panel .srch-drop-all:hover,
#searchdrop.srch-dropdown-panel .srch-drop-footer .redl:hover {
    color: #fff;
    text-decoration: none;
    background: #e91e63;
}

/* Скрыть legacy table, если попадёт старая разметка */
#searchdrop.srch-dropdown-panel table {
    width: 100%;
    border-collapse: collapse;
}

#searchdrop.srch-dropdown-panel table td {
    padding: 8px 10px;
    vertical-align: middle;
}

@media only screen and (max-width: 800px) {
    #searchdrop.srch-dropdown-panel {
        max-width: calc(100vw - 8px);
    }

    #searchdrop.srch-dropdown-panel .srch-drop-link,
    #searchdrop.srch-dropdown-panel a.searchitem {
        padding-right: 40px;
    }
}


/* css/bcab.css */
/* cabinet */
#cabinet{
	padding:12px 6px 20px 6px;
	clear: both;
}
#cabinet .ccnav{display:inline;}

.mcleft{
	float: left;
	width: 220px;	
}
.mcright{
	float: left;
	/*width: 942px;*/
	width: calc(100% - 240px);
}
.mcright .pmain{
	padding: 4px 0 10px 22px;
}

.mcleft-in{
	border-right: 1px solid #ededed;
	background-color: #f7f7f7;
	padding: 20px 0 60px;
}
.mcleft-in:after{clear: both; display: block; content: "";}

.mcclient-blk{
	padding: 4px 16px 20px 30px;
	/*text-align: center;*/
	background: url("/css/../img/user-ico.png") no-repeat 10px 8px;
}
.mcclient-name{
	font-size: 15px;
	/*font-weight: bold;*/	
}
.mcclient-balance{
	padding: 10px 0px 0 0;
	font-size: 18px;
	color: #818181;
}


/* from old styles */
.mcbonus-stat{
	clear: both;
	padding: 20px 0;
	font-size: 16px;
	color: #808080;
}
.mcbonus-stat>span{color: #859d19;}
.mcbonus-stat b{color: #2a2a2a;}

.mcorder{
	width:100%;
	float:left;
	padding:16px 0 4px;
}
.mco_l{
	width:320px;
	float:left;
}
.mcol_title{
	font:24px Arial, Helvetica, sans-serif;
	color:#46505d;
	padding:0 0 8px;
}
.mcolres{
	clear: both;
	text-align: center;
	padding: 80px 0px 80px 0px;
	font-size: 16px;
}
.mcollist{}
.mcollitem{
	height:140px;	
	border-color:#d8d8d8;
	border-style:solid;
	border-width:2px 0 2px 3px;
	/*
	border-radius:10px 0 0 10px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-raius:10px 0 0 10px;
	*/
	margin-bottom:6px;
	margin-left: 0px;
	cursor:pointer;
	background:#fff;
	padding:16px 12px 14px 28px;
	overflow:hidden;
}
.mcollitem_active{
	position:relative;
	left:2px;
	background:#f2f2f2;
	border-color:#f2f2f2;
	border-style:solid;
	border-width:2px 0 2px 3px;
	border-left: 3px solid #ff6500;
	cursor:default;
}
.mcollitem p{padding-left:0px;}
.mcolli_title{font:18px/22px Arial, Helvetica, sans-serif;}
.mcolli_title a{ color: #000; text-decoration: none; }
.mcolli_title a:hover{ color: #000; text-decoration: underline; }
.mcolli_price{padding:14px 0 9px;}
.mcolli_price b{color:#000;}
.mcollitem table{
	width:100%;
	border-collapse:collapse;
	margin-top:3px;
}
.mcollitem table td{padding:0;}
.mcollitem table td.mcol_icon{width:39px;}
.mcollitem table td.mcol_status{
	padding-left:6px;
	white-space:nowrap;
}
.mcollitem_active .mcolli_title{color:#000;}
.mco_r{
	width:820px;
	float:left;
}
.mcorlist{
	/*border:2px solid #e5e5e5;*/
	padding:12px 14px 12px 14px;
	background: #f2f2f2;
	min-height: 580px;
	/*
	border-radius:0 0 10px 10px;
	-webkit-border-raius:0 0 10px 10px;
	-khtml-border-raius:0 0 10px 10px;
	-moz-border-radius:0 15px 15px;
	*/
}

/*.mcorlist .mclitem{ background: #fff; }*/
.mcorlist .mclitem .mcli_text{ width: 550px; }
/*.mcorlist .mcltotal{ background: #fff; }*/

.mcorltbl{padding:16px 0 0;}
.mcorltbl table{
	width:100%;
	border-collapse:collapse;
}
.mcorltbl table td{padding:0;}
.mcorltbl table td.mcorltbl_icon{width:39px;}
.mcorltbl table td.mcorltbl_status{padding-left:6px;}

.csib_input{ width: 40px; }

#cabinet .cpages{
	float:right;
	padding:10px 32px 0 0;
}
#cabinet .mclitem{
	/*border: 2px solid #e5e5e5;
	border-radius: 10px;*/
	border: 0;
	margin-bottom: 6px;
	background: #fff;
}
#cabinet .mcltotal{
	/*
	background: #fff;
	border: 0;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-radius: 0 0 8px 8px;
	*/
	background: #fff url("/css/../img/total-bg.png") repeat-x 0 100%;	
}



/* new cab menu */

.mcmenu{
	clear: both;
}
.mcmenu ul{
	list-style: none;
	margin: 6px 0; 
	padding: 0;
}
.mcmenu ul li{
	margin: 3px 0;
	padding: 6px 12px 6px 24px;
	background: url("/css/../img/cab-li.png") no-repeat 12px 12px;
}
.mcmenu ul li span{float: right; width: 30px; text-align: center; font-size: 12px; color: #909090;}
.mcmenu ul li a{text-decoration: none;}
.mcmenu ul li a:hover{text-decoration: underline;}
.mcmenu ul li.sel{
	background-color: #ffffff;
	/*background-image: url("/css/../img/li-bl.png");*/
	/*
	border-top: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	margin-right: -2px;
	*/
}
.mcmenu ul li.sel a{font-weight: bold;}


.mctabs{clear: both; padding: 14px 0 0 0; border-bottom: 2px solid #1a1a1a;}
.mctabs:after{clear: both; content: ""; display: block;}
.mctabs ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mctabs ul li{
	float: left;
	margin-right: 15px;
	padding: 12px 30px;
	font: 400 15px/16px Roboto;
	cursor: pointer;
	transition: 0.2s;
	/*
	text-transform: uppercase;
	color: #3d3d3d;
	border: 2px solid #f3f5f8;
	border-left: 2px solid #eff4fb;
	border-right: 2px solid #eff4fb;
	border-top: 2px solid #eff4fb;
	*/	
	background-color: #f2f2f2;
}
.mctabs ul li:last-child{margin-right: 0;}
.mctabs ul li.active{
	cursor: default;
	color: #ffffff;
	background-color: #1a1a1a;
}
.mctabs ul li.active span{/*border-bottom: 2px solid #ff7e22;*/}
.mctabs ul li.active b{font-weight: normal;}
.mctabs ul li:hover{
	/*
	color: #ffffff;
	border: 2px solid #2c363e;
	background-color: #2c363e;
	*/
}
.mctabs ul li a{text-decoration: none;}

.mcright h2{
	/*font: 200 20px/24px "Hencyr",Arial;*/
	text-transform: uppercase;
	font-weight: normal;
	/*letter-spacing: 2px;*/
	padding: 12px 0px 12px 0px;
	margin: 4px 0px 4px 0px;
	color: #454545;
}
.mcright h2:after{
	display: block;
	content: "";
	background-color: #ff358c;
	width: 36px;
	height: 2px;
	margin-top: 6px;
}


.mcorder-list{
	border-right: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	padding: 20px 20px 28px 20px;
}


.div-tbl{
	display: table;
	width: 100%;
}
.div-tbl-12{font-size: 12px;}
.div-tbl-row{
	display: table-row;		
}
.div-tbl-row>div{
	display: table-cell;	
	padding: 10px 14px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #cddbd2;
	border-bottom: 1px solid #cddbd2;
}
.div-tbl-row>div:first-child{border-left:0;}
.div-tbl-row>div:first-child img{display: block; margin: auto;}
.div-tbl-rowth>div{
	border-top: 1px solid #cddbd2;
	padding: 14px 15px;
	background-color: #fbf5f8;
	text-transform: uppercase;
	/*color: #ffffff;*/
	border-left: 1px solid #cddbd2;
}
.div-tbl-rowth>div.th-dt{text-transform: none;}
.div-tbl-rowth>div.th-dt>span{display: block; font-size: 12px;}
.div-tbl-row>div.td-title{text-align: left; font-weight: bold;}
.div-tbl-row>div.td-relative{position: relative; /*z-index: 1;*/}
.div-tbl-row>div.td-id{padding-left: 0; padding-right: 0; width: 100px;}
.div-tbl-row>div.td-id span{display: block; font-size: 18px;}
.div-tbl-row>div.td-10{width: 10%;}
.div-tbl-row>div.td-15{width: 15%;}
.div-tbl-row>div.td-20{width: 20%;}
.div-tbl-row>div.td-35{width: 35%;}
.div-tbl-row>div.td-40{width: 40%;}
.div-tbl-row>div.td-50{width: 50%;}
.div-tbl-row>div.td-60{width: 60%;}
.div-tbl-row>div.td-cost{font-weight: bold; padding-left: 0; padding-right: 0; width: 90px;}
.div-tbl-row>div.p-bonus{font-style: italic; color: #808080;}

.row-not-start>div{color: #808080;}
.row-finished>div{color: #b0b0b0;}
.row-not-start>div.dt-start{color: #007934;}
.row-finished>div.dt-end{color: #ff0000;}

.td-ostat span{display: inline-block; padding-left: 17px; background: url("/css/../img/bcab/ostat-new-1.png") no-repeat 0 50%;}
.mcorder-stat-0>div{background-color: #f9f9f9;}
.mcorder-stat-0	.td-ostat span{background-image: url("/css/../img/bcab/ostat-cancel-0.png"); color: #979797;}
.mcorder-stat-1	.td-ostat span{background-image: url("/css/../img/bcab/ostat-new-1.png"); color: #1f9fb2;}
.mcorder-stat-2	.td-ostat span{background-image: url("/css/../img/bcab/ostat-wait-2.png"); color: #f1a90d;}
.mcorder-stat-3	.td-ostat span{background-image: url("/css/../img/bcab/ostat-real-3.png"); color: #f1a90d;}
.mcorder-stat-4	.td-ostat span{background-image: url("/css/../img/bcab/ostat-packed-4.png"); color: #f1a90d;}
.mcorder-stat-5	.td-ostat span{background-image: url("/css/../img/bcab/ostat-ready-5.png"); color: #ea850f;}
.mcorder-stat-6	.td-ostat span{background-image: url("/css/../img/bcab/ostat-deliv-6.png"); color: #1f53b2;}
.mcorder-stat-7	.td-ostat span{background-image: url("/css/../img/bcab/ostat-done-7.png"); color: #1fb264;}


span.sm-txt{display: block; font-size: 12px; color: #606060;}

.div-tbl0{
	display: block;
	width: 100%;
}
.div-tbl0-h50{}
.div-tbl0-row{
	display: block;		
	clear: both;
}
.div-tbl0-row:after{clear: both; content: ""; display: block;}
.div-tbl0-row>div{
	display: block;
	float: left;	
	padding: 8px 0;
	text-align: center;
	vertical-align: middle;
	/*border-left: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	margin-left: -1px;*/
}
.div-tbl0-row>div:first-child{border-left:0; margin-left: 0;}
.div-tbl0-rowth>div{
	display: block;
	float: left;
	padding: 12px 0;
	border-top: 1px solid #e9eaea;
	background-color: #f5f6f7;
	text-transform: uppercase;
	color: #939393;
}
.div-tbl0 .div-tbl-rowcalc:first-child{border-top: 1px solid #e9eaea;}
.div-tbl0 .div-tbl-rowcalc:last-child{border-bottom: 1px solid #e9eaea;}
.div-tbl0 .div-tbl-rowcalc>div:first-child{
	text-align: right;
	background-color: #f5f6f7;
	font-size: 14px;
	line-height: 16px;
	border-right: 1px solid #e9eaea;
	margin-right: -1px;
}
.div-tbl0 .div-tbl-rowcalc>div:first-child span{display: block; padding: 14px 15px 0px 20px;}

.div-tbl0-h50 .div-tbl0-row>div.td-brd-val>span{display: block; margin: 6px 8% 0 8%; border: 1px solid #d9d9d9; background-color: #f5f6f7; padding: 5px 0;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-val>span:nth-child(n+2){margin-top: -1px;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-red>div{margin: 6px 8% 0 8%; border: 2px solid #f75353; padding: 5px 0;}

.div-tbl0-h50 .div-tbl0-rowth>div{padding: 0; height: 50px;}
.div-tbl0-h50 .div-tbl0-rowth>div>span{display: block; padding: 12px 4px 0px 4px;}
.div-tbl0-h50 .div-tbl0-row>div{padding: 0; height: 48px;}
.div-tbl0-h50 .div-tbl0-row-h2x>div{height: 80px;}
.div-tbl0-h50 .div-tbl0-row>div>p.calc-result{padding: 12px 0 0 0; font-size: 18px;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-red p.calc-result{padding: 0 0 0 0; font-size: 18px;}

.div-tbl0-row>div.td-10{width: 10%;}
.div-tbl0-row>div.td-15{width: 15%;}
.div-tbl0-row>div.td-20{width: 20%;}
.div-tbl0-row>div.td-35{width: 35%;}
.div-tbl0-row>div.td-40{width: 40%;}
.div-tbl0-row>div.td-50{width: 50%;}
.div-tbl0-row>div.td-60{width: 60%;}
.div-tbl0-row>div.td-cost{font-weight: bold; padding-left: 0; padding-right: 0; width: 90px;}
.div-tbl0-row>div.p-bonus{font-style: italic; color: #808080;}


.ucab-payform-blk{
	clear: both;
	margin: 12px 0;
	padding: 10px 0 20px 0;
}
.ucab-payform{
	padding: 6px 0;
}


a.usr-cont-lnk{
	display: block;
	float: right;
	width: 22px;
	height: 24px;
	background: url("/css/../img/a-usr.png") no-repeat 50% 50%;
	opacity: 0.6;
}
a.usr-cont-lnk:hover{opacity: 1;}
.tree-level-0{background: url("/css/../img/arr-tri.png") no-repeat 0 50%;}
.tree-level-1{background: url("/css/../img/marr.png") no-repeat 20px 50%;}
.tree-level-2{background: url("/css/../img/marr.png") no-repeat 40px 50%;}

.usr-cont-fly{
	display: none;
	position: absolute;
	z-index: 3;
	right: 40px;
	top: -30px;
	width: 220px;
	background: #fff;
	border: 1px solid #f0f0f0;
	box-shadow: 0 0 3px 3px rgba(100,100,100,0.1);
}
.usr-cont-fly-vis{display: block;}
.usr-cont-fly-in{
	padding: 16px 16px;
	font-weight: normal;
}
.usr-cont-name{font-weight: bold;}


.cabf-blk{
	margin: 4px 0 20px 0;
	padding: 14px 0 12px 0;
	border-top: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
}

.cabf-frm{
	margin: 4px 100px;
}
.cabf-btn{
	clear: both;
	padding: 12px 0 12px 0;
	text-align: center;
}
.cabf-row{
	clear: both;
	padding: 4px 0px 4px 0px;
}
.cabf-row:after{
	content: "";
	display: block;
	clear: both;
}
.cabf-col{
}

.cabf-col-20{float: left; width: 19%; margin-right: 1%;}
.cabf-col-30{float: left; width: 29%; margin-right: 1%;}
.cabf-col-40{float: left; width: 39%; margin-right: 1%;}
.cabf-col-50{float: left; width: 49%; margin-right: 1%;}
.cabf-col-60{float: left; width: 59%; margin-right: 1%;}
.cabf-col-70{float: left; width: 69%; margin-right: 1%;}
.cabf-col-80{float: left; width: 79%; margin-right: 1%;}

.cabf-h{
	padding: 0 0 2px 0;
}
.cabf-fld{}
.cabf-fld-3col>div{float: left; width: 33.300%;}
.cabf-fld-radio>input[type=radio]{position: relative; top: 2px;}
.cabf-fld-radio>label{padding-left: 6px;}

.cabf-fld input[type=text], .cabf-fld input[type=password], .cabf-fld textarea{
	width: 99%; 
	border: 1px solid #a0a0a0;	
	font-size: 14px;
	line-height: 20px;		
}
.cabf-fld input[type=text], .cabf-fld input[type=password]{height: 26px;}
.cabf-fld textarea{}
.cabf-fld select{
	border: 1px solid #a0a0a0; 
	font-size: 14px;
	height: 26px;
}
.cabf-chk{
	padding: 4px 0;
}
.cabf-chk label{
	display: inline-block;
	padding: 0 0 0 5px;
}

.cabf-col-50 .cabf-fld select{width: 99%;}
	
	
.cabf-err{
	color: #e14545;	
}

.cabf-err .cabf-fld input[type=text], .cabf-err .cabf-fld input[type=password], .cabf-err textarea, .cabf-err .cabf-fld select{
	border-color: #f47f7f;
	color: #e14545;
}
.cabf-err-msg{
	font-size: 12px;
	font-style: italic;
}




.mcorder{
	width:100%;
	float:left;
	padding:16px 0 4px;
}
.mco_l{
	width:320px;
	float:left;
}
.mcol_title{
	font:24px Arial, Helvetica, sans-serif;
	color:#46505d;
	padding:0 0 8px;
}
.mcolres{
	clear: both;
	text-align: center;
	padding: 80px 0px 80px 0px;
	font-size: 16px;
}
.mcollist{}
.mcollitem{
	height:140px;	
	border-color:#d8d8d8;
	border-style:solid;
	border-width:2px 0 2px 3px;
	/*
	border-radius:10px 0 0 10px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-raius:10px 0 0 10px;
	*/
	margin-bottom:6px;
	margin-left: 0px;
	cursor:pointer;
	background:#fff;
	padding:16px 12px 14px 28px;
	overflow:hidden;
}
.mcollitem_active{
	position:relative;
	left:2px;
	background:#f2f2f2;
	border-color:#f2f2f2;
	border-style:solid;
	border-width:2px 0 2px 3px;
	border-left: 3px solid #ff6500;
	cursor:default;
}
.mcollitem p{padding-left:0px;}
.mcolli_title{font:18px/22px Arial, Helvetica, sans-serif;}
.mcolli_title a{ color: #000; text-decoration: none; }
.mcolli_title a:hover{ color: #000; text-decoration: underline; }
.mcolli_price{padding:14px 0 9px;}
.mcolli_price b{color:#000;}
.mcollitem table{
	width:100%;
	border-collapse:collapse;
	margin-top:3px;
}
.mcollitem table td{padding:0;}
.mcollitem table td.mcol_icon{width:39px;}
.mcollitem table td.mcol_status{
	padding-left:6px;
	white-space:nowrap;
}
.mcollitem_active .mcolli_title{color:#000;}
.mco_r{
	width:820px;
	float:left;
}
.mcorlist{
	/*border:2px solid #e5e5e5;*/
	padding:12px 14px 12px 14px;
	background: #f2f2f2;
	/*
	border-radius:0 0 10px 10px;
	-webkit-border-raius:0 0 10px 10px;
	-khtml-border-raius:0 0 10px 10px;
	-moz-border-radius:0 15px 15px;
	*/
}

/*.mcorlist .mclitem{ background: #fff; }*/
.mcorlist .mclitem .mcli_text{ width: 550px; }
/*.mcorlist .mcltotal{ background: #fff; }*/

.mcorltbl{padding:16px 0 0;}
.mcorltbl table{
	width:100%;
	border-collapse:collapse;
}
.mcorltbl table td{padding:0;}
.mcorltbl table td.mcorltbl_icon{width:39px;}
.mcorltbl table td.mcorltbl_status{padding-left:6px;}

.csib_input{ width: 40px; }

#cabinet .cpages{
	float:right;
	padding:10px 32px 0 0;
}
#cabinet .mclitem{
	/*border: 2px solid #e5e5e5;
	border-radius: 10px;*/
	border: 0;
	margin-bottom: 6px;
	background: #fff;
}
#cabinet .mcltotal{
	/*
	background: #fff;
	border: 0;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-radius: 0 0 8px 8px;
	*/
	background: #fff url("/css/../img/total-bg.png") repeat-x 0 100%;	
}

/* cabinet block */
.cab-block{
	position: relative;
	z-index: 1;
	margin: 20px 30px;
	border: 1px solid #e9eaea;
	padding: 30px 14%;
}
.cab-block-step{
	background: #e9eaea;
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	color: #00923f;
	font: 18px/20px Arial;
	padding: 8px 0 10px 0;
	text-align: center;
}
.cab-block-hdr{
	padding: 20px 0 20px 0;
	text-align: center;
}
.cab-block-in{
	text-align: center;
	padding-bottom: 10px;
}

.cab-block-stat-yes{font-weight: bold;}


.cab-block2{
	position: relative;
	z-index: 1;
	margin: 20px 30px;
	border: 1px solid #e9eaea;
	padding: 0px 1% 0px 10%;
	min-height: 84px;
}
.cab-block2-done{background-color: #f5f6f7;}
.cab-block2:after{clear: both; content: ""; display: block;}
.cab-block2-step{
	background: #e9eaea;
	border-radius: 50%;
	position: absolute;
	left: 14px;
	top: 10px;
	width: 60px;
	color: #fff;
	font: 200 36px/38px 'Hencyr';
	padding: 12px 0 10px 0;
	text-align: center;
}
.cab-block2-hdr{
	float: left;
	width: 64%;
	padding: 30px 0 20px 0;
	text-align: left;
	font: 200 18px/20px 'Hencyr';
}
.cab-block2-in{
	float: right;
	width: 24%;	
	padding-top: 26px;
}
.cab-block2-stat-yes{ display: inline-block; background: url("/css/../img/yes-big.png") no-repeat 0 50%; font: bold 18px/20px 'Hencyr'; padding: 4px 0 4px 32px;}

/* calculator */
.calc-inp{}
.calc-inp input[type=text]{font-size: 16px; height: 26px; text-align: center; display: block; width: 79%; margin: 0 10%; margin-top: 7px; border: 1px solid #00923f;}
.calc-inp input[type=text].inp-err{background-color: #ffe5e5;}


/* stats */
.bcab-stat-list{}
.bcab-stat-list:after{clear: both; content: ""; display: block;}
.bcab-stat-gr{
	padding: 12px 0px 6px 0;
	font-size: 18px;
}
.bcab-stat-row{
	clear: both;
	border-bottom: 1px solid #efefef;
}
.bcab-stat-row:after{clear: both; content: ""; display: block;}
.bcab-stat-row>div:first-child{
	float: left;
	width: 60%;
	height: 36px;
	background-color: #f6f6f6;
}
.bcab-stat-row>div:last-child{
	float: left;
	width: 39.9999%;
	height: 36px;
}
.bcab-stat-row>div>span{display: block; padding-top: 10px;}
.bcab-stat-row>div:first-child>span{padding-left: 16px;}
.bcab-stat-row>div:last-child>span{padding-left: 20px;}

/* fast order */
.forder-form{
	padding: 20px;
}
.forder-list{
	clear: both;
	padding: 12px 0;
}
.forder-list:after{clear: both; content: ""; display: block;}

.forder-row{
	clear: both;
	border: 1px solid #d9d9d9;	
	margin: 14px 0;
	padding: 6px 0 12px 0;
}
.forder-row:after{clear: both; content: ""; display: block;}
.forder-row>a.a-rem{display:block; float: right; margin: 0 5px 0 0; width: 16px; height: 16px; background: url("/css/../img/a-del.png") no-repeat 50% 50%; opacity: 0.6;}
.forder-row>a.a-rem:hover{opacity: 1;}
.forder-pic{
	float: left;
	width: 14%;
	min-height: 60px;
}
.forder-pic>div{
	padding: 4px 10px;
}
.forder-pic>div img{display: block; max-width: 100%; max-height: 90px; height: auto; margin: auto;}

.forder-inf{
	float: left;
	width: 82%;
}

.forder-it-row{padding: 16px 0 10px 0;}
.forder-it-row:after{clear: both; content: ""; display: block;}
.forder-art{
	float: left;
	width: 110px;
}
.forder-art>span{font-size: 12px; display: inline-block; padding: 3px 6px 0 0;}
.forder-model{
	float: left;
	width: 63%;
	margin-left: 6px;
}

.forder-art>input[type=text], .forder-model>input[type=text]{ height: 26px; border: 1px solid #d9d9d9;}
.forder-art>input[type=text]{text-align: center; width: 74px;}
.forder-model>input[type=text]{width: 97%; padding-left: 4px;}

.forder-cost{
	padding: 4px 0;
}
.forder-cost>table{
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.forder-cost>table tr td{padding: 0 8px;}
.forder-cost>table tr td:first-child{color: #808080; padding-right: 22px; padding-left: 0; background: url("/css/../img/ico-mclit1.png") no-repeat 100% 50%;}
.forder-cost>table tr td:last-child{color: #000000; font-size: 18px; padding-left: 26px; background: url("/css/../img/ico-mclit2.png") no-repeat 0% 50%;}
.forder-num-inp{}
.forder-num-inp input{
	font-size: 15px;
	width: 50px; 
	height: 26px; 
	border: 1px solid #e8e8e8;
	border-top: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	text-align: center;	
}
.forder-buf{display: none;}
.forder-btn{
	clear: both; 
	padding: 12px 0;
}
.forder-total{
	background: #f2f2f2;
	text-align: right;
	padding: 12px 16px;
}
.forder-total>p>b{font-size: 18px; color: #fa001d; font-weight: normal;}

.forder-fly{
	display: none;
	position: absolute;
	width: 380px;
	z-index: 100;
	left: 0;
	top: 0;
	background: #fff;
	border: 1px solid #e0e0e0;
}
.forder-flyin{
	padding: 6px 6px;
}
.forder-fly-close{
	display: block; 
	float: right;
	width: 14px;
	height: 13px;
	background: url("/css/../img/a-close.png") no-repeat 50% 50%;
	content:"";	
}
.forder-fly-res{
	padding: 8px 8px;
}
.forder-fly-res:after{clear: both; content: ""; display: block;}

.freso-it{
	margin: 8px 0;
}
.freso-it:after{clear: both; content: ""; display: block;}
.freso-pic{
	float: left;
	width: 72px;
	text-align: center;
}
.freso-i{
	margin: 0 0 0 80px;
}

/* prod list */
.cab-tbl-prods .tbl-tr>div{
	padding: 4px 4px;
	border-bottom: 1px solid #d9d9d9;
}
.cab-tbl-prods .tbl-tr:first-child>div{border-top: 1px solid #d9d9d9;}

.cab-tbl-prods .cab-tbl-prow>div{background-color: #ffffff;}

.cab-tbl-prods .tbl-tr>div.cab-tblcol-sku{padding-right: 10px; color: #a0a0a0;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-cost{text-align: right; font-weight: bold;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-buynum{text-align: center; padding-left: 10px; padding-right: 10px; font-size: 13px; color: #a0a0a0;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-sect{
	padding-top: 12px;
	font-size: 16px;
}

.cab-tbl-prods .tbl-tr>div>a{text-decoration: none;}
.cab-tbl-prods .tbl-tr>div>a:hover{text-decoration: underline;}


/* adaptive styles */

@media only screen and (min-width: 1480px)
{
	.mcleft{width: 250px;}
	.mcright{width: calc(100% - 270px);}
}

@media only screen and (min-width: 1880px)
{
	.mcleft{width: 270px;}
	.mcright{width: calc(100% - 290px);}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px)
{	
	/* cabinet */
	/*.mcright{width: 742px;}*/
	
	.mctabs ul li{font-size: 15px;}
	.mct_t{padding-left: 8px; padding-right: 8px;}
}

@media only screen and (max-width: 999px)
{	
	/* cabinet */
	.mcleft{width: 200px;}
	.mcright{width: calc(100% - 210px);}
	.mcorder-list{padding-left: 12px; padding-right: 12px;}
	.div-tbl-row>div{padding-left: 2px; padding-right: 2px;}
	.div-tbl-rowth>div{padding-left: 4px; padding-right: 4px;}
}

@media only screen and (max-width: 800px)
{
	#cabinet{padding-left: 0px; padding-right: 0px;}
	.mcleft{width: 23.9999%;}
	.mcmenu ul li{padding-right: 2px;}
	.mcright{width: 74.9999%;}
	
	.mct_t{padding-left: 5px; padding-right: 5px;}
	
	.cabf-frm{margin-left: 3%; margin-right: 3%;}
}

@media only screen and (max-width: 700px)
{
	.mct_t{padding-left: 2px; padding-right: 2px;}
}

@media only screen and (max-width: 650px)
{
	.mcleft{float: none; width: auto; clear: both;}
	.mcright{float: none; width: auto; clear: both;}
	
	.mcleft-in{border-right: 0; padding: 10px 0;}
	.mcclient-blk{text-align: left; padding: 0px 5px 6px 30px; background-position: 10px 4px;}
	.mcmenu ul{margin: 0;}
	.mcmenu ul li{padding: 4px 12px 4px 22px; background-position: 12px 10px;}	
	.mcmenu ul li.sel{margin-right: 0;}
	
	.mcorder-list{border-right: 0; border-bottom: 0; padding: 20px 0;}
	
	.mcright a.btn-sm{padding: 6px 6px;}
	
	.mcolres{padding: 20px 0;}
	
	.mcright .pmain{padding: 4px 10px 10px 10px;}
	.forder-form{padding: 20px 0;}
}

@media only screen and (max-width: 500px)
{
	.mctabs ul li{padding-left: 12px; padding-right: 12px;}
	

	.forder-it-row{padding-top: 6px;}
	.forder-pic{width: 70px;}
	.forder-inf{width: calc(100% - 106px);}
	
	.forder-model{width: calc(100% - 117px);}

	/* order list table styles */
	.mcorder-list-tbl .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcorder-list-tbl .div-tbl-row>div{display: block;}
	.mcorder-list-tbl .div-tbl-rowth>div{display: none;}
	
	.mcorder-list-tbl .div-tbl-row>div.td-id{width: 39.99999%; border-top: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(2){width: 59%; font-size: 16px; border-top: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(3){clear: both; width: 99%; border-left: 0;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(4){width: 25%; border-left: 0; border-bottom: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(5){width: 35%; border-bottom: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(6){width: 39%; border-bottom: 2px solid #b7b7ac;}
	
	/* order info table styles */
	.mcorder-info-tbl .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcorder-info-tbl .div-tbl-row>div{display: block;}
	.mcorder-info-tbl .div-tbl-rowth>div{display: none;}
	
	.mcorder-info-tbl .div-tbl-row>div:nth-child(1){width: 80px; border-top: 2px solid #b7b7ac;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(2){width: calc(99% - 80px); border-top: 2px solid #b7b7ac;}
	
	.mcorder-info-tbl .div-tbl-row>div:nth-child(3){width: 40%; border-left: 0;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(4){width: 19%;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(5){width: 40%;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(6){display: none;}
	
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(1){display: none;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(2){width: 99%; font-weight: bold; border-left: 0;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(3){display: none;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(4){width: 59%; border-left: 0;}
	
	/* addr list table styles */
	.mcpersaddr-list .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcpersaddr-list .div-tbl-row>div{display: block;}
	.mcpersaddr-list .div-tbl-rowth>div{display: none;}
	
	.mcpersaddr-list .div-tbl-row>div:nth-child(1){width: 99%; border-top: 2px solid #b7b7ac;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(2){width: 40%; border-left: 0;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(3){width: 40%;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(4){width: 19%;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(5){width: 99%; border-left: 0;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(6){width: 99%; border-left: 0;}
	
	.cabf-fld-3col>div{float: none; width: auto;}
}



/* css/header-modern.css */
/**
 * Современная шапка AutoLealea — подключается после all.css.
 * Все селекторы сохраняют существующие id/class для JS и PHP.
 */
:root {
    --hdr-accent: #e91e63;
    --hdr-accent-hover: #c2185b;
    --hdr-top-bg: #141414;
    --hdr-top-text: #f3f4f6;
    --hdr-top-muted: #9ca3af;
    --hdr-surface: #ffffff;
    --hdr-border: #e5e7eb;
    --hdr-nav-bg: #1c1c1c;
    --hdr-nav-hover: #ffffff;
    --hdr-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    --hdr-radius: 12px;
    --hdr-radius-pill: 999px;
    --hdr-transition: 0.2s ease;
    --hdr-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");
    --hdr-search-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");
    --hdr-icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
    --hdr-icon-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E");
}

/* ——— Общее ——— */
header.site-header {
    background: var(--hdr-surface);
}

header.site-header.sticky {
    box-shadow: var(--hdr-shadow);
    border-bottom: 1px solid var(--hdr-border);
}

/* ——— Верхняя полоса ——— */
header.site-header .header-top {
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    background: var(--hdr-top-bg);
    color: var(--hdr-top-text);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

header.site-header .header-top .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    min-height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
}

header.site-header .header-top .wrapper::before,
header.site-header .header-top .wrapper::after {
    display: none;
}

header.site-header .tmenu-all {
    float: none;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

header.site-header .tmenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 4px;
    padding: 0;
}

header.site-header .tmenu a {
    margin-right: 0;
    padding: 6px 12px;
    color: var(--hdr-top-text);
    background: none;
    border-radius: 6px;
    transition: background var(--hdr-transition), color var(--hdr-transition);
}

header.site-header .tmenu a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

header.site-header .tmenu a.active {
    color: #fff;
    background: rgba(233, 30, 99, 0.25);
}

header.site-header .ht-contacts-bar {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}

header.site-header .header-top .ht-contacts-bar .ht-phone-mob {
    display: none !important;
}

/* Случайные tel-ссылки в полосе (битая вложенная разметка) — не показывать */
header.site-header .ht-contacts-bar > a[href^="tel:"]:not(.ht-phone-mob) {
    display: none !important;
}

header.site-header .tcallback {
    float: none;
    width: auto;
    padding: 0;
    flex-shrink: 0;
}

header.site-header .tcallback > div {
    padding-left: 0;
    background: none;
}

header.site-header .tcallback .a-call {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    color: var(--hdr-top-text);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--hdr-radius-pill);
    transition: border-color var(--hdr-transition), background var(--hdr-transition);
}

header.site-header .tcallback .a-call::before {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

header.site-header .tcallback .a-call:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.35);
}

header.site-header .tcallback .a-call span {
    border-bottom: none;
}

header.site-header .ht-right {
    float: none;
    width: auto;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 12px;
    padding-top: 0;
    text-align: right;
}

header.site-header .ht-right.ht-logged {
    width: auto;
}

header.site-header .ht-right .user {
    color: var(--hdr-top-muted);
    margin-right: 0;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header.site-header .ht-right a.a-ht {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: transparent;
    background-image: none;
    transition: background-color var(--hdr-transition), color var(--hdr-transition);
}

header.site-header .ht-right a.a-ht:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.08);
}

header.site-header .ht-right a.a-login::before,
header.site-header .ht-right a.a-cabinet::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: var(--hdr-icon-user) center / contain no-repeat;
}

header.site-header .ht-right a.a-logout {
    margin-left: 0;
}

header.site-header .ht-right a.a-logout::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: var(--hdr-icon-logout) center / contain no-repeat;
}

/* ——— Основная строка (лого, поиск, телефоны, корзина) ——— */
header.site-header .header-bott {
    padding: 12px 0 14px;
    border-bottom: 1px solid var(--hdr-border);
}

header.site-header .header-bott .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
}

header.site-header .header-bott .wrapper::before,
header.site-header .header-bott .wrapper::after {
    display: none;
}

header.site-header #logo {
    float: none;
    flex: 0 0 auto;
    width: auto;
    max-width: 120px;
}

header.site-header #logo-sticky {
    float: none;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

header.site-header #logo img {
    display: block;
    height: 84px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

header.site-header #logo-sticky .logo-sticky-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

header.site-header #logo-sticky .logo-sticky-wordmark {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}

header.site-header #logo-sticky .logo-sticky-wordmark__brand {
    color: var(--hdr-accent);
}

header.site-header #logo-sticky .logo-sticky-wordmark__tld {
    color: #141414;
}

header.site-header.sticky #logo-sticky {
    display: flex !important;
    align-items: center;
}

header.site-header.sticky #logo-sticky .logo-sticky-wordmark {
    font-size: 18px;
}

header.site-header .tcenter {
    float: none;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin-left: 0;
    padding-top: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}

header.site-header .tcenter::after {
    display: none;
}

header.site-header .tsearch {
    float: none;
    flex: 1 1 auto;
    width: auto;
    min-width: 160px;
    max-width: 520px;
    padding-top: 0;
}

header.site-header .srch-fly {
    position: relative;
    width: 100%;
}

header.site-header .srch-frm {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: 48px;
    padding: 5px 6px 5px 0;
    border: 2px solid #e5e7eb;
    border-radius: var(--hdr-radius-pill);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: border-color var(--hdr-transition), background var(--hdr-transition);
}

header.site-header .srch-frm::before {
    content: "";
    flex: 0 0 44px;
    width: 44px;
    height: 24px;
    background: var(--hdr-search-icon) center / 22px 22px no-repeat;
    pointer-events: none;
}

header.site-header .srch-frm:hover {
    border-color: #d1d5db;
}

header.site-header .srch-frm:focus-within {
    border-color: var(--hdr-accent);
    background: #fff;
    outline: none;
    box-shadow: none;
}

header.site-header .srch-frm::after {
    display: none;
}

header.site-header #searchsw {
    float: none;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 12px 0 0;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    color: #111827;
    background: transparent;
}

header.site-header #searchsw::placeholder {
    color: #6b7280;
    font-style: normal;
    font-weight: 400;
    transition: color 0.15s ease;
}

/* Подсказка-печатная машинка вместо placeholder, пока поле пустое */
header.site-header #searchsw:placeholder-shown:not(:focus)::placeholder {
    color: transparent;
}

header.site-header #searchsw:focus::placeholder {
    color: #9ca3af;
}

header.site-header .srch-fly-ex::before {
    content: "Например: ";
    color: #9ca3af;
    font-weight: 400;
}

header.site-header #srchgo,
header.site-header input.btn-find#srchgo {
    float: none;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    opacity: 1;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background-color: var(--hdr-accent) !important;
    background-image: var(--hdr-search-btn-icon) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    cursor: pointer;
    transition: background-color var(--hdr-transition);
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

header.site-header #srchgo::before {
    content: none;
    display: none;
}

header.site-header #srchgo:hover {
    background-color: var(--hdr-accent-hover) !important;
}

header.site-header .srch-fly-ex {
    position: absolute;
    z-index: 1;
    left: 48px;
    right: 56px;
    top: 50%;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
    color: #9ca3af;
    transform: translateY(-50%);
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header.site-header .srch-fly-ex span {
    color: var(--hdr-accent);
    font-weight: 500;
    border-bottom: 1px dashed rgba(233, 30, 99, 0.45);
}

header.site-header .srch-fly:focus-within .srch-fly-ex,
header.site-header .srch-fly:has(#searchsw:not(:placeholder-shown)) .srch-fly-ex {
    opacity: 0;
    visibility: hidden;
}

header.site-header .tphones {
    float: none;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding: 0 0 0 36px;
    font-size: 14px;
    line-height: 1.35;
    background: url("/css/../img/ico-tel.png") no-repeat 0 4px;
    background-size: 28px auto;
}

header.site-header .t-tel {
    padding-bottom: 2px;
}

header.site-header .ti-right {
    float: none;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: auto;
    padding-top: 0;
}

header.site-header .ti-blk {
    float: none;
    position: relative;
    width: 56px;
}

header.site-header .tcart,
header.site-header .twish {
    background: none;
    margin-right: 0;
    width: 56px;
}

header.site-header .tcart a,
header.site-header .twish a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding-top: 36px;
    font-size: 11px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.02em;
    color: #374151;
    text-decoration: none;
}

header.site-header .tcart a::before,
header.site-header .twish a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    transition: opacity var(--hdr-transition);
}

header.site-header .tcart a::before {
    background-image: url("/css/../img/ico-cart.png");
}

header.site-header .twish a::before {
    background-image: url("/css/../img/ico-wish.png");
}

header.site-header .tcart a:hover,
header.site-header .twish a:hover {
    text-decoration: none;
    color: var(--hdr-accent);
}

header.site-header .tcart a:hover::before,
header.site-header .twish a:hover::before {
    opacity: 1;
}

header.site-header .tcart > div.tcart-num,
header.site-header .twish > div.twish-num {
    top: -2px;
    right: 4px;
    min-width: 20px;
    height: 20px;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    border: 2px solid #fff;
    background: #9ca3af;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

header.site-header .tcart-full > div.tcart-num,
header.site-header .twish-full > div.twish-num {
    background: var(--hdr-accent);
}

/* ——— Sticky ——— */
header.site-header.sticky .header-bott {
    padding: 8px 0 10px;
}

header.site-header.sticky .tcenter,
header.site-header.sticky .tsearch,
header.site-header.sticky .tphones,
header.site-header.sticky .ti-right {
    width: auto !important;
}

header.site-header.sticky .tcenter {
    padding-top: 0;
    flex: 1 1 auto;
}

header.site-header.sticky .srch-fly-ex {
    display: none;
}

header.site-header.sticky .tsearch {
    width: auto;
    flex: 1 1 200px;
    padding-top: 0;
}

header.site-header.sticky .srch-frm {
    max-width: none;
    min-height: 44px;
}

header.site-header.sticky #searchsw {
    height: 34px;
    font-size: 15px;
}

header.site-header.sticky #srchgo {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}

header.site-header.sticky #srchgo {
    background-size: 20px 20px !important;
}

header.site-header.sticky .srch-frm::before {
    flex: 0 0 40px;
    width: 40px;
    background-size: 20px 20px;
}

header.site-header.sticky .tphones {
    width: auto;
    padding-left: 36px;
}

header.site-header.sticky .t-tel {
    display: block;
    font-size: 13px;
}

header.site-header.sticky .ti-right {
    width: auto;
    padding-top: 0;
}

header.site-header.sticky .tcart a,
header.site-header.sticky .twish a {
    padding-top: 32px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

header.site-header.sticky .tcart a span,
header.site-header.sticky .twish a span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

header.site-header.sticky .tcart a::before,
header.site-header.sticky .twish a::before {
    top: 2px;
}

/* ——— Каталог (mpan) ——— */
.mpan.site-nav {
    background: var(--hdr-nav-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    overflow: visible;
}

.mpan.site-nav .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
}

.mpan.site-nav .mpan-mob {
    flex: 0 0 auto;
}

.mpan.site-nav #btn-mainmenu {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 16px 0 44px;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    transition: background var(--hdr-transition);
}

.mpan.site-nav #btn-mainmenu:hover {
    background: rgba(255, 255, 255, 0.12);
}

.mpan.site-nav #btn-mainmenu .btn-mainmenu-text {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
}

.hdr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mpan.site-nav .mainmenu-wrap {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    overflow: visible;
}

.mpan.site-nav .mainmenu {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: stretch;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 2px 0;
    gap: 1px;
    list-style: none;
}

.mpan.site-nav .mainmenu > .hmm_li {
    flex: 0 0 auto;
}

.mpan.site-nav .hmmdm a span {
    white-space: nowrap;
}

.mpan.site-nav .hmmdm {
    position: relative;
}

.mpan.site-nav .hmmdm a {
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.01em;
    border-radius: 6px;
    transition: background var(--hdr-transition), color var(--hdr-transition);
}

.mpan.site-nav .hmmdm a span {
    display: inline;
    padding-right: 0;
    background: none !important;
}

.mpan.site-nav .hmm_li--branch > .hmmdm::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.7;
    pointer-events: none;
    transition: transform 0.2s ease, margin-top 0.2s ease, opacity 0.2s ease;
}

.mpan.site-nav .hmm_li--branch .hmmdm a {
    padding-right: 34px;
}

.mpan.site-nav .hmm_li--leaf > .hmmdm::after {
    display: none;
}

.mpan.site-nav .hmm_li:hover .hmmdm a {
    color: #111;
    background: var(--hdr-nav-hover);
}

.mpan.site-nav .hmm_li:hover .hmmdm::after,
.mpan.site-nav .hmm_li.hmm_li-open > .hmmdm::after {
    opacity: 1;
    border-color: #333;
}

.mpan.site-nav .sub-menu {
    padding: 24px 28px 28px;
    border: none;
    border-radius: 0 0 var(--hdr-radius) var(--hdr-radius);
    box-shadow: var(--hdr-shadow);
}

.mpan.site-nav .sub-title {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--hdr-accent, #c41e3a);
}

.mpan.site-nav .sub-section ul li {
    padding-left: 0;
    background: none !important;
}

.mpan.site-nav .sub-section ul li a {
    display: block;
    padding: 7px 10px;
    margin: 0 -10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.35;
    transition: background 0.15s ease, color 0.15s ease;
}

.mpan.site-nav .sub-section ul li a:hover {
    color: var(--hdr-accent, #c41e3a);
    background: #f4f4f4;
}

/* ——— Десктоп: меню каталога, «···» ——— */
@media only screen and (min-width: 801px) {
    .mpan.site-nav,
    .mpan.site-nav .wrapper,
    .mpan.site-nav .mainmenu-wrap,
    .mpan.site-nav .mainmenu {
        overflow: visible;
    }

    .mpan.site-nav .wrapper {
        align-items: stretch;
        flex-wrap: nowrap;
    }

    .mpan.site-nav .mpan-mob {
        display: none !important;
    }

    .mpan.site-nav .mainmenu-wrap {
        width: 100%;
        padding: 0 8px;
        box-sizing: border-box;
    }

    .mpan.site-nav .mainmenu > .hmm_li > .hmmdm a {
        padding: 8px 12px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
        color: #ffffff;
    }

    .mpan.site-nav .mainmenu > .hmm_li--branch > .hmmdm::after {
        right: 10px;
        width: 6px;
        height: 6px;
        margin-top: -4px;
        border-right-color: rgba(255, 255, 255, 0.9);
        border-bottom-color: rgba(255, 255, 255, 0.9);
        opacity: 0.85;
    }

    .mpan.site-nav .mainmenu > .hmm_li--branch .hmmdm a {
        padding-right: 26px;
    }

    .mpan.site-nav .mainmenu > .hmm_li:hover > .hmmdm a,
    .mpan.site-nav .mainmenu > .hmm_li.hmm_li-open > .hmmdm a {
        color: #111;
        background: var(--hdr-nav-hover);
        box-shadow: inset 0 -2px 0 var(--hdr-accent);
    }

    .mpan.site-nav .mainmenu > .hmm_li:hover > .hmmdm::after,
    .mpan.site-nav .mainmenu > .hmm_li.hmm_li-open > .hmmdm::after {
        border-right-color: #333;
        border-bottom-color: #333;
        opacity: 1;
    }

    .mpan.site-nav .mainmenu.mainmenu--compact > .hmm_li:not(.hmm_li-more) > .hmmdm a {
        padding: 6px 9px;
        font-size: 12px;
    }

    .mpan.site-nav .mainmenu.mainmenu--compact > .hmm_li--branch:not(.hmm_li-more) .hmmdm a {
        padding-right: 22px;
    }

    .mpan.site-nav .mainmenu.mainmenu--compact > .hmm_li-more .mainmenu-more-btn {
        padding: 6px 10px;
        font-size: 16px;
    }

    .mpan.site-nav .sub-menu {
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: min(1200px, calc(100vw - 32px));
    }

    .mpan.site-nav .mainmenu > .hmm_li-more {
        position: relative;
        flex: 0 0 auto;
    }

    .mpan.site-nav .mainmenu > .hmm_li-more:not(.hmm_li-more--visible) {
        display: none !important;
    }

    .mpan.site-nav .mainmenu > .hmm_li-more.hmm_li-more--visible {
        display: block !important;
    }

    .mpan.site-nav .hmmdm-more {
        padding: 0;
    }

    .mpan.site-nav .mainmenu-more-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 100%;
        margin: 0;
        padding: 8px 12px;
        border: none;
        border-radius: 6px;
        font: inherit;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.12em;
        color: #fff;
        background: transparent;
        cursor: pointer;
        transition: background var(--hdr-transition), color var(--hdr-transition);
    }

    .mpan.site-nav .mainmenu-more-label {
        transform: translateY(-1px);
    }

    .mpan.site-nav .hmm_li-more:hover .mainmenu-more-btn,
    .mpan.site-nav .hmm_li-more.is-open .mainmenu-more-btn {
        color: #111;
        background: var(--hdr-nav-hover);
        box-shadow: inset 0 -2px 0 var(--hdr-accent);
    }

    .mpan.site-nav .mainmenu-more-drop {
        position: absolute;
        z-index: 60;
        top: 100%;
        right: 0;
        min-width: 240px;
        max-width: min(320px, 90vw);
        margin-top: 2px;
        padding: 8px;
        border-radius: var(--hdr-radius);
        background: #fff;
        box-shadow: var(--hdr-shadow);
    }

    .mpan.site-nav .mainmenu-more-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li {
        display: block;
        width: 100%;
        margin: 0 0  2px;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li:last-child {
        margin-bottom: 0;
    }

    .mpan.site-nav .mainmenu-more-list .hmmdm a {
        padding: 10px 12px;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        color: #232323;
        border-radius: 6px;
        white-space: normal;
    }

    .mpan.site-nav .mainmenu-more-list .hmmdm a span {
        white-space: normal;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li:hover > .hmmdm a {
        color: #111;
        background: #f3f4f6;
        box-shadow: none;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li--branch > .hmmdm::after {
        right: 12px;
        border-color: #666;
    }

    .mpan.site-nav .mainmenu-more-list .sub-menu {
        position: absolute;
        z-index: 70;
        top: 0;
        right: 100%;
        left: auto;
        width: min(720px, calc(100vw - 48px));
        margin: 0 6px 0 0;
        padding: 20px 22px 24px;
        visibility: hidden;
        opacity: 0;
        transform: translateX(8px);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        transition-delay: 0s;
    }
}

/* ——— Мобильное меню верхней полосы ——— */
header.site-header .tmenu-mob > button {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: transparent;
}

header.site-header .open .tmenu-mob > button {
    background: rgba(255, 255, 255, 0.1);
}

/* ——— Адаптив (согласовано с breakpoints all.css) ——— */
@media only screen and (max-width: 1200px) {
    header.site-header .header-bott .wrapper {
        align-items: flex-start;
    }

    header.site-header .tcenter {
        flex: 1 1 100%;
        order: 3;
        width: 100%;
        flex-wrap: wrap;
        gap: 10px 14px;
    }

    header.site-header .tsearch {
        flex: 1 1 100%;
        max-width: none;
    }

    header.site-header .tphones {
        padding-left: 36px;
    }

    header.site-header .ti-right {
        margin-left: auto;
    }
}

@media only screen and (max-width: 800px) {
    /* —— Верхняя полоса: одна строка, одинаковые кнопки —— */
    header.site-header .header-top {
        border-bottom: none;
    }

    header.site-header .header-top .wrapper {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        grid-template-areas: "menu contacts profile";
        align-items: center;
        gap: 6px 8px;
        position: relative;
        min-height: 48px;
        padding: 6px 10px;
    }

    header.site-header .tmenu-all {
        display: flex;
        align-items: center;
        grid-area: menu;
        flex: none;
        order: unset;
        width: auto;
        position: static;
    }

    header.site-header .tmenu-mob {
        display: block;
        position: static;
        left: auto;
        top: auto;
        z-index: 12;
    }

    header.site-header .open .tmenu-mob {
        z-index: 14;
    }

    header.site-header .tmenu-mob > button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.06);
        box-sizing: border-box;
    }

    header.site-header .tmenu-mob > button span {
        left: 50%;
        width: 20px;
        margin-left: -10px;
    }

    header.site-header .tmenu-mob > button span:nth-child(1) {
        top: 13px;
    }

    header.site-header .tmenu-mob > button span:nth-child(2) {
        top: 19px;
    }

    header.site-header .tmenu-mob > button span:nth-child(3) {
        top: 25px;
    }

    header.site-header .open .tmenu-mob > button {
        background: rgba(255, 255, 255, 0.12);
    }

    header.site-header .tmenu {
        display: none;
        position: fixed;
        z-index: 200;
        left: 8px;
        top: 8px;
        width: min(280px, calc(100vw - 16px));
        max-height: calc(100vh - 16px);
        overflow-y: auto;
        margin: 0;
        padding: 52px 8px 12px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
        flex-direction: column;
        gap: 0;
    }

    header.site-header .tmenu a {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 12px;
        color: #1f2937;
        background: none;
        border-radius: 8px;
        border-bottom: none;
    }

    header.site-header .tmenu a::before {
        content: "";
        flex: 0 0 auto;
        width: 5px;
        height: 5px;
        margin-top: 1px;
        border-right: 2px solid #9ca3af;
        border-bottom: 2px solid #9ca3af;
        transform: rotate(-45deg);
    }

    header.site-header .tmenu a + a {
        margin-top: 2px;
    }

    header.site-header .tmenu a:hover,
    header.site-header .tmenu a.active {
        color: #111;
        background-color: #f3f4f6;
    }

    header.site-header .tmenu a.active::before {
        border-color: #e91e63;
    }

    header.site-header .ht-contacts-bar {
        grid-area: contacts;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-width: 0;
        text-align: center;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob {
        display: block !important;
        visibility: visible !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        margin: 0;
        padding: 0 4px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
        text-decoration: none !important;
        letter-spacing: 0.02em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: none;
        border-radius: 0;
        background: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        pointer-events: auto !important;
        clip: auto !important;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:link,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:visited,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:hover,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:active,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob .ht-phone-mob-num {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:hover {
        opacity: 0.92;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob .ht-phone-mob-num {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob::before {
        content: none;
        display: none;
    }

    header.site-header .header-top .ht-contacts-bar > a[href^="tel:"]:not(.ht-phone-mob) {
        display: none !important;
    }

    header.site-header .ht-contacts-bar .tcallback {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call,
    header.site-header .ht-contacts-bar .tcallback .a-call:link,
    header.site-header .ht-contacts-bar .tcallback .a-call:visited,
    header.site-header .ht-contacts-bar .tcallback .a-call:hover,
    header.site-header .ht-contacts-bar .tcallback .a-call span {
        color: var(--hdr-top-text) !important;
        -webkit-text-fill-color: var(--hdr-top-text);
    }

    header.site-header .ht-contacts-bar .tcallback .a-call {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 5px 12px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: none !important;
        white-space: nowrap;
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: var(--hdr-radius-pill);
        background: rgba(255, 255, 255, 0.06) !important;
        transition: border-color var(--hdr-transition), background var(--hdr-transition);
    }

    header.site-header .ht-contacts-bar .tcallback .a-call::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 14px;
        height: 14px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call:hover {
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.1) !important;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call span {
        border-bottom: none !important;
    }

    header.site-header .ht-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        grid-area: profile;
        flex: none;
        order: unset;
        gap: 6px;
        float: none;
        width: auto;
        padding: 0;
        text-align: right;
    }

    header.site-header .ht-right.ht-logged {
        width: auto;
    }

    header.site-header .ht-right .user {
        display: none;
    }

    header.site-header .ht-right a.a-ht {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.06);
        background-image: none;
        box-sizing: border-box;
    }

    header.site-header .ht-right a.a-ht:hover {
        background-color: rgba(255, 255, 255, 0.12);
    }

    header.site-header .ht-right a.a-ht span {
        display: none;
    }

    header.site-header .ht-right a.a-login::before,
    header.site-header .ht-right a.a-cabinet::before,
    header.site-header .ht-right a.a-logout::before {
        width: 20px;
        height: 20px;
    }

    /* —— Основная строка: лого | поиск | иконки —— */
    header.site-header .header-bott {
        padding: 8px 10px 10px;
        border-bottom: 1px solid var(--hdr-border);
    }

    header.site-header .header-bott .wrapper {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        grid-template-areas: "logo search actions";
        gap: 6px 8px;
        align-items: center;
    }

    header.site-header .tphones-desk {
        display: none !important;
    }

    header.site-header #logo,
    header.site-header #logo-sticky {
        grid-area: logo;
        width: auto;
        max-width: none;
        min-width: 0;
        height: auto;
        min-height: 40px;
        max-height: none;
        overflow: visible;
        align-self: center;
        flex-shrink: 0;
    }

    header.site-header #logo a,
    header.site-header #logo-sticky .logo-sticky-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
        min-height: 40px;
    }

    header.site-header #logo img {
        display: block;
        max-width: 100%;
        height: 56px;
        width: auto;
        object-fit: contain;
        object-position: left center;
    }

    header.site-header #logo-sticky .logo-sticky-wordmark {
        font-size: 16px;
    }

    header.site-header #logo-sticky {
        display: none;
    }

    header.site-header .tcenter {
        grid-area: search;
        width: 100% !important;
        max-width: none;
        margin-left: 0 !important;
        padding-top: 0;
        flex: none;
        flex-direction: row;
        align-items: center;
        gap: 0;
    }

    header.site-header .tsearch {
        position: static !important;
        top: auto !important;
        right: auto !important;
        z-index: auto;
        width: 100% !important;
        min-width: 0;
        max-width: none;
        flex: none;
    }

    header.site-header .srch-frm {
        min-height: 40px;
        padding: 3px 4px 3px 0;
        border-width: 1px;
    }

    header.site-header .srch-frm::before {
        flex: 0 0 36px;
        width: 36px;
        background-size: 18px 18px;
    }

    header.site-header #searchsw {
        height: 34px;
        font-size: 15px;
    }

    header.site-header #srchgo {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        background-size: 18px 18px !important;
    }

    header.site-header .srch-fly-ex {
        display: none;
    }

    header.site-header .ti-right {
        grid-area: actions;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        float: none;
        width: auto;
        padding-top: 0;
        margin-left: 0;
    }

    header.site-header .ti-blk {
        width: 40px;
        height: 40px;
    }

    header.site-header .tcart,
    header.site-header .twish {
        width: 40px;
        height: 40px;
        margin: 0;
    }

    header.site-header .tcart a,
    header.site-header .twish a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        font-size: 0;
        line-height: 0;
        border-radius: 10px;
        background-color: #f3f4f6;
    }

    header.site-header .tcart a::before,
    header.site-header .twish a::before {
        position: static;
        transform: none;
        width: 22px;
        height: 22px;
        margin: 0;
    }

    header.site-header .tcart > div.tcart-num,
    header.site-header .twish > div.twish-num {
        top: 0;
        right: 0;
    }

    header.site-header .tcart a span,
    header.site-header .twish a span {
        display: none;
    }

    /* —— Sticky на мобильном: одна компактная строка —— */
    header.site-header.sticky:not(.site-header--tmenu-open) .header-top {
        display: none;
    }

    header.site-header.sticky.site-header--tmenu-open .header-top {
        display: grid;
    }

    header.site-header.sticky .header-bott {
        padding: 6px 10px;
    }

    header.site-header.sticky .header-bott .wrapper {
        grid-template-columns: minmax(96px, auto) minmax(0, 1fr) auto;
        grid-template-areas: "logo search actions";
        gap: 6px 8px;
    }

    header.site-header.sticky #logo {
        display: none !important;
    }

    header.site-header.sticky #logo-sticky {
        display: flex !important;
        grid-area: logo;
        align-items: center;
        justify-content: flex-start;
        width: auto !important;
        max-width: none;
        min-width: 0;
        height: auto;
        min-height: 36px;
        max-height: none;
        overflow: visible !important;
        flex-shrink: 0;
    }

    header.site-header.sticky #logo-sticky .logo-sticky-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        min-height: 36px;
    }

    header.site-header.sticky #logo-sticky .logo-sticky-wordmark {
        font-size: 15px;
        letter-spacing: -0.04em;
    }

    header.site-header.sticky .tcenter {
        grid-area: search;
        flex-direction: row;
        width: 100% !important;
    }

    header.site-header.sticky .tphones {
        display: none !important;
    }

    header.site-header.sticky .srch-frm {
        min-height: 36px;
    }

    header.site-header.sticky .srch-frm::before {
        flex: 0 0 32px;
        width: 32px;
        background-size: 16px 16px;
    }

    header.site-header.sticky #searchsw {
        height: 30px;
        font-size: 14px;
    }

    header.site-header.sticky #srchgo {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        background-size: 16px 16px !important;
    }

    header.site-header.sticky .ti-right {
        grid-area: actions;
    }

    header.site-header.sticky .ti-blk {
        width: 36px;
        height: 36px;
    }

    header.site-header.sticky .tcart,
    header.site-header.sticky .twish {
        width: 36px;
        height: 36px;
    }

    header.site-header.sticky .tcart a,
    header.site-header.sticky .twish a {
        width: 36px;
        height: 36px;
        padding: 0;
    }

    header.site-header.sticky .tcart a::before,
    header.site-header.sticky .twish a::before {
        width: 20px;
        height: 20px;
    }

    header.site-header.sticky .tcart > div.tcart-num,
    header.site-header.sticky .twish > div.twish-num {
        top: -2px;
        right: -2px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 10px;
        line-height: 14px;
    }

    .mpan.site-nav .wrapper {
        flex-direction: column;
        align-items: stretch;
        padding: 0 8px 8px;
        box-sizing: border-box;
    }

    .mpan.site-nav .mpan-mob {
        display: block !important;
        float: none;
        width: 100%;
        margin: 0;
        padding: 8px 0 0;
        box-sizing: border-box;
    }

    /* Текст — div (не span), иначе all.css #btn-mainmenu span рисует полоску на «Каталог» */
    .mpan.site-nav #btn-mainmenu {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        height: 48px;
        padding: 0 20px !important;
        box-sizing: border-box;
        position: relative;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        cursor: pointer;
    }

    .mpan.site-nav #btn-mainmenu:hover,
    .mpan.site-nav .mpan-mob.open #btn-mainmenu {
        background: rgba(255, 255, 255, 0.14);
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon {
        position: relative;
        flex: 0 0 22px;
        width: 22px;
        height: 16px;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-text {
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
        color: #ffffff;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar {
        position: absolute;
        left: 0 !important;
        right: auto;
        width: 100% !important;
        height: 2px !important;
        margin: 0;
        padding: 0;
        border-radius: 2px;
        background-color: #ffffff !important;
        transition: transform 0.2s ease, top 0.2s ease, opacity 0.2s ease;
        transform: none;
        opacity: 1 !important;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(1) {
        top: 0 !important;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(2) {
        top: 7px !important;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(3) {
        top: 14px !important;
    }

    .mpan.site-nav #btn-mainmenu.open .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(1) {
        top: 7px !important;
        transform: rotate(45deg);
    }

    .mpan.site-nav #btn-mainmenu.open .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(2) {
        top: 7px !important;
        left: 0 !important;
        opacity: 0 !important;
    }

    .mpan.site-nav #btn-mainmenu.open .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(3) {
        top: 7px !important;
        transform: rotate(-45deg);
    }

    .mpan.site-nav .mainmenu-wrap {
        display: block;
        width: 100%;
    }

    .mpan.site-nav .mainmenu {
        display: none;
        width: 100%;
        max-width: none;
        margin-bottom: 0;
        padding: 6px 0 8px !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 0 8px 8px;
    }

    .mpan.site-nav .hmm_li-more {
        display: none !important;
    }

    .mpan.site-nav .hmm_li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 4px;
    }

    .mpan.site-nav .hmmdm a {
        border-radius: 8px;
        text-align: left;
        text-transform: none;
        font-size: 15px;
        font-weight: 500;
    }

    .mpan.site-nav .hmm_li--branch > .hmmdm::after {
        right: 16px;
        border-color: #555;
    }

    .mpan.site-nav .hmm_li--branch > .hmmdm.is-active::after {
        transform: rotate(-135deg);
        margin-top: -2px;
    }

    .mpan.site-nav .sub-menu {
        margin-top: 2px;
        padding: 12px 10px !important;
        border-radius: 8px;
        background: #f7f7f7 !important;
        box-shadow: none;
    }

    .mpan.site-nav .sub-column,
    .mpan.site-nav .sub-menu-colnum2 .sub-column,
    .mpan.site-nav .sub-menu-colnum3 .sub-column,
    .mpan.site-nav .sub-column:nth-child(2n+1),
    .mpan.site-nav .sub-column:nth-child(4n+1),
    .mpan.site-nav .sub-menu-colnum2 .sub-column:nth-child(2n+1),
    .mpan.site-nav .sub-menu-colnum3 .sub-column:nth-child(2n+1),
    .mpan.site-nav .sub-menu-colnum3 .sub-column:nth-child(3n+1) {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .mpan.site-nav .sub-section {
        margin-bottom: 14px;
    }

    .mpan.site-nav .sub-section:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 550px) {
    header.site-header .header-top .wrapper {
        grid-template-columns: 40px minmax(0, 1fr) auto;
        padding: 5px 8px;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob {
        font-size: 15px;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call {
        font-size: 11px;
        padding: 4px 10px;
    }

    header.site-header .header-bott .wrapper {
        grid-template-columns: 52px minmax(0, 1fr) auto;
    }

    header.site-header.sticky .header-bott .wrapper {
        grid-template-columns: minmax(88px, auto) minmax(0, 1fr) auto;
    }

    header.site-header.sticky #logo-sticky .logo-sticky-wordmark {
        font-size: 14px;
    }

    header.site-header.sticky .header-bott {
        padding: 5px 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    header.site-header.sticky-none,
    header.site-header.sticky {
        animation: none;
    }

}

/* all.css: a { color: #2a2a2a } — номер только в чёрной полосе на мобильных */
@media only screen and (min-width: 801px) {
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob,
    header.site-header .header-top .ht-contacts-bar > a[href^="tel:"] {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        clip: rect(0, 0, 0, 0) !important;
    }
}

/* Compact root labels: fit the complete catalog on a wide desktop. */
@media only screen and (min-width: 1201px) {
 .mpan.site-nav .mainmenu > .hmm_li:not(.hmm_li-more) > .hmmdm a {padding-left:8px;padding-right:8px;}
 .mpan.site-nav .mainmenu > .hmm_li--branch:not(.hmm_li-more) > .hmmdm a {padding-right:22px;}
 .mpan.site-nav .mainmenu > .hmm_li--branch > .hmmdm::after {right:8px;}
}


/* css/footer-modern.css */
/**
 * Современный футер — после all.css.
 */
footer.site-footer {
    clear: both;
    margin: 0;
    padding: 0 !important;
    background: #111827 !important;
    background-image: none !important;
    color: #e5e7eb;
}

footer.site-footer .site-footer-main > .wrapper,
footer.site-footer .site-footer-bottom > .wrapper {
    box-sizing: border-box;
    max-width: 100%;
}

footer.site-footer a {
    color: #f3f4f6;
    text-decoration: none;
    transition: color 0.2s ease;
}

footer.site-footer a:hover {
    color: #f8bbd0;
    text-decoration: none;
}

.site-footer-main {
    padding: 48px 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1.3fr;
    gap: 32px 40px;
    align-items: start;
}

.site-footer-brand {
    min-width: 0;
}

.site-footer-logo {
    display: inline-block;
    margin-bottom: 0;
}

.site-footer-logo img {
    display: block;
    width: 120px;
    height: auto;
    max-width: 100%;
}

.site-footer-title {
    margin: 0 0 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
}

.site-footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer-links li {
    margin: 0 0 10px;
}

.site-footer-links li:last-child {
    margin-bottom: 0;
}

.site-footer-links a {
    display: inline-block;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    color: #d1d5db;
    background: none !important;
}

.site-footer-links a:hover {
    color: #fff;
    text-decoration: none;
}

.site-footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.site-footer-contact-item {
    font-size: 15px;
    line-height: 1.5;
    color: #d1d5db;
}

.site-footer-contact-item p {
    margin: 0;
    padding: 0;
    background: none !important;
    font-weight: 400;
    color: inherit;
}

.site-footer-contact-item--addr {
    padding-left: 0;
}

.site-footer-contact-item--addr::before {
    content: none;
    display: none;
}

.site-footer-contact-item--addr p {
    padding-left: 0 !important;
    background: none !important;
}

.site-footer-contact-label {
    display: none;
}

.site-footer-contacts .ft-cont p {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 28px;
    background: none !important;
    font-size: 15px;
    line-height: 1.45;
    color: #f3f4f6;
    font-weight: 500;
}

.site-footer-contacts .ft-cont p:last-child {
    margin-bottom: 0;
}

.site-footer-contacts .ft-cont p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.site-footer-bottom {
    padding: 20px 0 24px;
    background: #0b0f17;
}

.site-footer-bottom-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
}

.site-footer-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.site-footer-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.site-footer-social-link svg {
    width: 18px;
    height: 18px;
}

.site-footer-social-link:hover {
    transform: translateY(-2px);
    color: #fff !important;
}

.site-footer-social-link--fb:hover { background: #3b5998; border-color: #3b5998; }
.site-footer-social-link--ig:hover { background: #e1306c; border-color: #e1306c; }
.site-footer-social-link--ok:hover { background: #ee8208; border-color: #ee8208; }
.site-footer-social-link--vk:hover { background: #4a76a8; border-color: #4a76a8; }
.site-footer-social-link--tg:hover { background: #229ed9; border-color: #229ed9; }

.site-footer-copy {
    flex: 1 1 auto;
    margin: 0;
    min-width: 200px;
    font-size: 14px;
    line-height: 1.45;
    color: #9ca3af;
    text-align: center;
}

.site-footer-dev {
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 1.4;
    color: #6b7280;
    text-align: right;
}

.site-footer-dev a {
    color: #9ca3af;
    border-bottom: 1px solid rgba(156, 163, 175, 0.35);
}

.site-footer-dev a:hover {
    color: #f3f4f6;
    border-bottom-color: #f3f4f6;
}

@media only screen and (max-width: 1024px) {
    footer.site-footer .site-footer-main > .wrapper,
    footer.site-footer .site-footer-bottom > .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 32px;
    }

    .site-footer-brand {
        grid-column: 1 / -1;
    }
}

@media only screen and (max-width: 640px) {
    footer.site-footer {
        margin-top: 8px;
    }

    footer.site-footer .site-footer-main > .wrapper,
    footer.site-footer .site-footer-bottom > .wrapper {
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }

    .site-footer-main {
        padding: 40px 0 32px;
    }

    .site-footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .site-footer-brand {
        grid-column: auto;
        text-align: center;
        padding-bottom: 4px;
    }

    .site-footer-col {
        padding: 0 2px;
    }

    .site-footer-title {
        margin-bottom: 14px;
    }

    .site-footer-links li {
        margin-bottom: 12px;
    }

    .site-footer-contact-list {
        gap: 16px;
    }

    .site-footer-logo img {
        margin: 0 auto;
    }

    .site-footer-bottom {
        padding: 22px 0 max(28px, env(safe-area-inset-bottom, 0px));
    }

    .site-footer-bottom-inner {
        flex-direction: column;
        align-items: center;
        gap: 18px 16px;
        text-align: center;
    }

    .site-footer-copy,
    .site-footer-dev {
        width: 100%;
        min-width: 0;
        text-align: center;
    }

    .site-footer-copy {
        padding: 0 4px;
    }

    .site-footer-social {
        justify-content: center;
        gap: 10px;
    }
}

@media only screen and (max-width: 400px) {
    footer.site-footer .site-footer-main > .wrapper,
    footer.site-footer .site-footer-bottom > .wrapper {
        padding-left: max(18px, env(safe-area-inset-left, 0px));
        padding-right: max(18px, env(safe-area-inset-right, 0px));
    }

    .site-footer-main {
        padding: 36px 0 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-footer-social-link {
        transition: none;
    }

    .site-footer-social-link:hover {
        transform: none;
    }
}

/* ——— Недавно просмотренные ——— */
.site-seen.carousel-seen {
    clear: both;
    margin: 0 0 28px;
    padding: 0;
    background: transparent;
}

.site-seen .site-seen-shell {
    padding: 28px 28px 24px;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 36px rgba(15, 23, 42, 0.06);
}

.site-seen-head {
    margin-bottom: 22px;
    text-align: center;
}

.site-seen-title {
    margin: 0;
    font-size: clamp(22px, 2.4vw, 28px);
    line-height: 1.2;
    font-weight: 800;
    color: #111827;
    text-transform: none;
    background: none;
    padding: 0;
}

.site-seen-slider-wrap {
    position: relative;
    margin: 0 -4px;
    overflow: visible;
}

.site-seen .slider-seen--modern {
    padding: 0 48px 36px;
    margin: 0;
    overflow: visible;
}

.site-seen .slider-seen--modern .slick-list {
    overflow: hidden;
    margin: 0 -8px;
    padding: 8px 0 12px;
}

.site-seen .slider-seen--modern .slick-slide {
    height: auto;
    padding: 0 8px;
    box-sizing: border-box;
    border-right: 0 !important;
    text-align: left;
    position: relative;
    z-index: 1;
}

.site-seen .slider-seen--modern .slick-slide:hover {
    z-index: 5;
}

.site-seen .slider-seen--modern .slick-slide > div {
    height: 100%;
    overflow: visible;
}

.site-seen-slide {
    height: 100%;
    position: relative;
    overflow: visible;
}

.site-seen .seen-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 320px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
    position: relative;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.site-seen .seen-card:hover {
    border-color: #f8bbd0;
    box-shadow: 0 12px 32px rgba(233, 30, 99, 0.12);
    transform: translateY(-3px);
    z-index: 2;
}

.site-seen .seen-card__img {
    flex: 0 0 auto;
    width: 100%;
    height: 156px;
    margin: 0 0 12px;
    padding: 8px;
    border-radius: 12px;
    background: #f9fafb;
}

.site-seen .seen-card__img a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

.site-seen .seen-card__img a::after {
    display: none;
}

.site-seen .seen-card__img a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}

.site-seen .seen-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.site-seen .seen-card__title {
    flex: 1 1 auto;
    min-height: 40px;
    max-height: 54px;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
}

.site-seen .seen-card__title a {
    display: block;
    padding: 0;
    height: auto;
    color: #111827;
    text-decoration: none;
}

.site-seen .seen-card__title a:hover {
    color: #e91e63;
    text-decoration: none;
}

.site-seen .seen-card__price {
    flex: 0 0 auto;
    margin-top: auto;
    padding: 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    color: #6b7280;
}

.site-seen .seen-card__price > span {
    font-size: 20px;
    font-weight: 800;
    color: #e91e63;
}

.site-seen .slider-seen--modern .slick-prev,
.site-seen .slider-seen--modern .slick-next {
    z-index: 2;
    top: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    transform: translate(0, -50%);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.site-seen .slider-seen--modern .slick-prev {
    left: 0;
}

.site-seen .slider-seen--modern .slick-next {
    right: 0;
}

.site-seen .slider-seen--modern .slick-prev:hover,
.site-seen .slider-seen--modern .slick-next:hover {
    border-color: #f8bbd0;
    background-color: #fff5f8 !important;
}

.site-seen .slider-seen--modern .slick-prev::before,
.site-seen .slider-seen--modern .slick-next::before,
.site-seen .slider-seen--modern .slick-prev:before,
.site-seen .slider-seen--modern .slick-next:before {
    content: "" !important;
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 !important;
    border: solid #374151;
    border-width: 0 2px 2px 0;
    opacity: 1;
    font-size: 0;
}

.site-seen .slider-seen--modern .slick-prev::before,
.site-seen .slider-seen--modern .slick-prev:before {
    transform: rotate(135deg);
}

.site-seen .slider-seen--modern .slick-next::before,
.site-seen .slider-seen--modern .slick-next:before {
    transform: rotate(-45deg);
}

.site-seen .slider-seen--modern .slick-dots {
    bottom: 0;
}

.site-seen .slider-seen--modern .slick-dots li button {
    width: 8px;
    height: 8px;
    background: #d1d5db !important;
}

.site-seen .slider-seen--modern .slick-dots li.slick-active button {
    width: 24px;
    border-radius: 999px;
    background: #e91e63 !important;
}

@media (max-width: 767px) {
    .site-seen .site-seen-shell {
        padding: 20px 16px 18px;
    }

    .site-seen .slider-seen--modern {
        padding: 0 36px 32px;
    }

    .site-seen .slider-seen--modern .slick-prev,
    .site-seen .slider-seen--modern .slick-next {
        width: 34px;
        height: 34px;
    }

    .site-seen .seen-card {
        min-height: 290px;
    }
}


/* css/dlg-modal-modern.css */
/**
 * Современные модальные окна: перезвон (calldlg), вход (logindlg)
 */
#dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr {
    margin: 0 0 20px;
    padding: 0;
}

#dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr .lbl-hdr {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    color: #111827;
}

#dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr .lbl-hdr span {
    position: static;
    top: auto;
}

#dlg-flywnd .dlg-modal-modern .dlg-wnd-txt {
    padding: 0;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-form {
    padding: 0;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-field {
    display: block;
    margin: 0 0 14px;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-label {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #4b5563;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 48px;
    padding: 0 16px 0 44px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.2;
    color: #111827;
    background-color: #f9fafb;
    background-repeat: no-repeat;
    background-position: 14px 50%;
    background-size: 18px 18px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input::placeholder {
    color: #9ca3af;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input:focus {
    outline: none;
    border-color: #e91e63;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.12);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--name {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--tel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--login {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--pass {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input.inp-error {
    border-color: #ef4444;
    color: #b91c1c;
    background-color: #fef2f2;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-err,
#dlg-flywnd .dlg-modal-modern .frmpop-err {
    display: none;
    margin: 0 0 12px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.4;
    color: #b91c1c;
    background: #fef2f2;
    border-radius: 10px;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-forgot {
    margin: -4px 0 14px;
    text-align: right;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-forgot a {
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    color: #e91e63;
    border-bottom: 1px solid rgba(233, 30, 99, 0.35);
    transition: color 0.2s ease, border-color 0.2s ease;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-forgot a:hover {
    color: #c2185b;
    border-bottom-color: #c2185b;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 2px 0 14px;
    cursor: pointer;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent input[type="checkbox"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: #e91e63;
    cursor: pointer;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent__text {
    font-size: 13px;
    line-height: 1.45;
    color: #4b5563;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent--error {
    padding: 8px 10px;
    border-radius: 10px;
    background: #fef2f2;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent--error .dlg-modal-consent__text {
    color: #b91c1c;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin: 8px 0 0;
    padding: 12px 20px;
    border: none;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%);
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.28);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    box-sizing: border-box;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-submit:hover {
    text-decoration: none;
    opacity: 0.95;
    box-shadow: 0 6px 18px rgba(233, 30, 99, 0.34);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-submit:active {
    transform: translateY(1px);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-done {
    margin: 12px 0 0;
    padding: 16px;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    color: #166534;
    background: #ecfdf5;
    border-radius: 12px;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-note {
    margin: 18px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #f0f0f0;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
    color: #6b7280;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-note a {
    font-weight: 600;
    text-decoration: none;
    color: #e91e63;
    border-bottom: 1px solid rgba(233, 30, 99, 0.35);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-note a:hover {
    color: #c2185b;
    border-bottom-color: #c2185b;
}

#dlg-flywnd .dlg-modal-modern .popline {
    display: none;
}

#dlg-flywnd .dlg-modal-modern .frmpop-row,
#dlg-flywnd .dlg-modal-modern .frmpop-ico,
#dlg-flywnd .dlg-modal-modern .frmpop-inp,
#dlg-flywnd .dlg-modal-modern .frmpop-btn {
    display: none;
}

/* Оболочка диалога */
#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-c {
    max-width: 440px;
    width: calc(100% - 32px);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
}

#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-in {
    padding: 24px 24px 20px;
}

#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-close a {
    width: 36px;
    height: 36px;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    border-radius: 50%;
    opacity: 1;
}

#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-close a span {
    display: none;
    border: none;
}

#dlg-flyfon.dlg-fon--modern {
    background: rgba(17, 24, 39, 0.55);
    opacity: 1;
}

@media only screen and (max-width: 480px) {
    #dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-in {
        padding: 20px 16px 16px;
    }

    #dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr .lbl-hdr {
        font-size: 20px;
    }
}


/* css/cart-modal-modern.css */
/**
 * Модальное окно «В вашей корзине»
 */
#cart-flyfon.cart-fon--modern {
    position: fixed;
    inset: 0;
    z-index: 10040;
    background: rgba(17, 24, 39, 0.55);
    opacity: 1;
}

#cart-flywnd.cart-modal-modern {
    position: fixed;
    inset: 0;
    z-index: 10041;
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: auto;
    padding: 24px 16px;
    overflow: hidden;
    box-sizing: border-box;
}

#cart-flywnd.cart-modal-modern.is-open {
    display: flex;
}

#cart-flywnd.cart-modal-modern .cartwnd-c {
    width: min(560px, 100%);
    max-height: calc(100dvh - 48px);
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.2);
    overflow: hidden;
}

#cart-flywnd.cart-modal-modern .cartwnd-in {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100dvh - 48px);
    padding: 22px 22px 20px;
    overflow: hidden;
}

#cart-flywnd.cart-modal-modern .cartwnd-close {
    position: absolute;
    top: 14px;
    right: 14px;
    float: none;
    width: auto;
    z-index: 2;
}

#cart-flywnd.cart-modal-modern .cartwnd-close a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    border-radius: 50%;
    opacity: 1;
    transition: background-color 0.2s ease;
}

#cart-flywnd.cart-modal-modern .cartwnd-close a:hover {
    background-color: #e5e7eb;
    color: inherit;
}

#cart-flywnd.cart-modal-modern .cartwnd-close a span {
    display: none;
    border: none;
}

#cart-flywnd.cart-modal-modern .cartwnd-hdr {
    flex-shrink: 0;
    padding: 0 44px 14px 0;
    font: inherit;
    border-bottom: 1px solid #f0f0f0;
}

#cart-flywnd.cart-modal-modern .cartwnd-title {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    color: #111827;
}

#cart-flywnd.cart-modal-modern .cartwnd-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#cart-flywnd.cart-modal-modern .cartwnd-loading,
#cart-flywnd.cart-modal-modern .cartwnd-body:not(:has(.lolist)) {
    padding: 28px 12px;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    color: #6b7280;
}

#cart-flywnd.cart-modal-modern .cartwnd-loading {
    color: #9ca3af;
}

#cart-flywnd.cart-modal-modern .lolist {
    margin: 14px 0 0;
}

#cart-flywnd.cart-modal-modern .mclitem {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas:
        "img text remove"
        "img actions remove";
    align-items: center;
    gap: 4px 10px;
    position: relative;
    margin-bottom: 8px;
    padding: 8px 36px 8px 8px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

#cart-flywnd.cart-modal-modern .mclitem:last-child {
    margin-bottom: 0;
}

#cart-flywnd.cart-modal-modern .mclitem-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 28px 16px 24px;
    min-height: 160px;
    text-align: center;
    border: 1px dashed #e5e7eb;
    border-radius: 12px;
    background: #f9fafb;
}

#cart-flywnd.cart-modal-modern .cart-empty__icon {
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #fce4ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2 9m12-9l2 9M10 17h4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
}

#cart-flywnd.cart-modal-modern .cart-empty__title {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
}

#cart-flywnd.cart-modal-modern .cart-empty__hint {
    margin: 0 0 16px;
    max-width: 260px;
    font-size: 14px;
    line-height: 1.45;
    color: #6b7280;
}

#cart-flywnd.cart-modal-modern .cart-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(233, 30, 99, 0.22);
}

#cart-flywnd.cart-modal-modern .cart-empty__btn:hover {
    opacity: 0.95;
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern .mclitem:has(> .mclitem-empty:only-child) {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    grid-template-columns: none;
    grid-template-areas: none;
    box-shadow: none;
}

#cart-flywnd.cart-modal-modern .mcli_image {
    grid-area: img;
    float: none;
    flex: none;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f9fafb;
    overflow: hidden;
}

#cart-flywnd.cart-modal-modern .mcli_image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#cart-flywnd.cart-modal-modern .mcli_image a img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
}

#cart-flywnd.cart-modal-modern .mcli_text {
    grid-area: text;
    float: none;
    flex: none;
    width: auto;
    min-width: 0;
    margin: 0;
}

#cart-flywnd.cart-modal-modern .mclit_title {
    margin: 0 0 2px;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
}

#cart-flywnd.cart-modal-modern .mclit_title a {
    color: #111827;
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern .mclit_title a:hover {
    color: #e91e63;
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern .mclit_art {
    padding: 0;
    font-size: 11px;
    line-height: 1.25;
    color: #9ca3af;
}

#cart-flywnd.cart-modal-modern .mclit_actions {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

#cart-flywnd.cart-modal-modern .mclit_actions .mclit_price,
#cart-flywnd.cart-modal-modern .mclit_actions .mclit_total {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

#cart-flywnd.cart-modal-modern .mclit_actions .mclit_total {
    margin-left: auto;
    font-size: 14px;
    font-weight: 700;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern .mclit_price-wrap,
#cart-flywnd.cart-modal-modern .mclit_sum-wrap,
#cart-flywnd.cart-modal-modern .mclit_price-label {
    display: none;
}

#cart-flywnd.cart-modal-modern .mclit_tbl {
    display: none;
}

#cart-flywnd.cart-modal-modern .mclit_check {
    display: none;
}

#cart-flywnd.cart-modal-modern .mclitem .a-rem {
    grid-area: remove;
    position: static;
    align-self: start;
    top: auto;
    right: auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
    opacity: 1;
    transition: background-color 0.2s ease;
}

#cart-flywnd.cart-modal-modern .mclitem .a-rem:hover {
    background-color: #fee2e2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef4444' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");
}

#cart-flywnd.cart-modal-modern .mclit_pack {
    margin: 8px 0;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f9fafb;
    border: 1px solid #eef0f2;
}

#cart-flywnd.cart-modal-modern .mclit_pack_h {
    font-size: 12px;
    font-weight: 700;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern .mclit_coupon {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4;
    color: #6b7280;
}

#cart-flywnd.cart-modal-modern .mclit_coupon > span {
    color: #e91e63;
    font-weight: 600;
}

#cart-flywnd.cart-modal-modern .mcltotal {
    position: sticky;
    bottom: 58px;
    z-index: 2;
    margin-top: 14px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    color: #374151;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.06);
}

#cart-flywnd.cart-modal-modern .mcltotal-sum {
    font-size: 20px;
    font-weight: 700;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern .mclbonusi {
    margin: 12px 0 0;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

#cart-flywnd.cart-modal-modern .mclbonus-frm-in {
    padding: 14px 16px;
    background: none;
    font-size: 13px;
    line-height: 1.45;
    color: #4b5563;
}

#cart-flywnd.cart-modal-modern .mclbonus-frm h3 {
    margin: 0 0 6px;
    font-size: 15px;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern table.w100 {
    display: block;
    width: 100%;
    margin-top: 0;
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding: 12px 0 calc(4px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid #f0f0f0;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
}

#cart-flywnd.cart-modal-modern table.w100 tbody,
#cart-flywnd.cart-modal-modern table.w100 tr {
    display: block;
    width: 100%;
}

#cart-flywnd.cart-modal-modern table.w100 tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#cart-flywnd.cart-modal-modern table.w100 td {
    display: block;
    padding: 0;
}

#cart-flywnd.cart-modal-modern table.w100 td.ta_right {
    margin-left: auto;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0;
    background: none;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 19l-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref:hover {
    color: #111827;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref span {
    border: 0;
}

#cart-flywnd.cart-modal-modern a.btn-order {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff !important;
    text-decoration: none;
    background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%) !important;
    background-image: linear-gradient(135deg, #e91e63 0%, #c2185b 100%) !important;
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.28);
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

#cart-flywnd.cart-modal-modern a.btn-order:hover {
    opacity: 0.95;
    box-shadow: 0 6px 18px rgba(233, 30, 99, 0.34);
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern a.btn-order span {
    padding: 0;
    background: none;
    border: 0;
}

@media only screen and (max-width: 520px) {
    #cart-flywnd.cart-modal-modern {
        padding: 16px 10px;
    }

    #cart-flywnd.cart-modal-modern .cartwnd-c,
    #cart-flywnd.cart-modal-modern .cartwnd-in {
        max-height: calc(100dvh - 32px);
    }

    #cart-flywnd.cart-modal-modern .cartwnd-in {
        padding: 18px 16px 16px;
    }

    #cart-flywnd.cart-modal-modern .cartwnd-title {
        font-size: 20px;
    }

    #cart-flywnd.cart-modal-modern .mclitem {
        grid-template-columns: 56px minmax(0, 1fr);
        grid-template-areas:
            "img text"
            "actions actions";
        padding: 8px 8px 8px 8px;
    }

    #cart-flywnd.cart-modal-modern .mclitem .a-rem {
        position: absolute;
        top: 6px;
        right: 6px;
        grid-area: auto;
    }

    #cart-flywnd.cart-modal-modern .mcli_image {
        width: 56px;
        height: 56px;
    }

    #cart-flywnd.cart-modal-modern .mclit_actions {
        width: 100%;
    }

    #cart-flywnd.cart-modal-modern .mclit_actions .mclit_total {
        margin-left: auto;
    }

    #cart-flywnd.cart-modal-modern table.w100 tr {
        flex-direction: column;
        align-items: stretch;
    }

    #cart-flywnd.cart-modal-modern table.w100 td.ta_right {
        margin-left: 0;
    }

    #cart-flywnd.cart-modal-modern a.btn-order {
        width: 100%;
    }
}

#cart-flywnd.cart-modal-modern .cart-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 3px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    flex-shrink: 0;
}

#cart-flywnd.cart-modal-modern .cart-qty .cart-qty__btn,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-minus,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background-color 0.2s ease;
}

#cart-flywnd.cart-modal-modern .cart-qty .mclit-minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' d='M5 12h14'/%3E%3C/svg%3E");
}

#cart-flywnd.cart-modal-modern .cart-qty .mclit-plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

#cart-flywnd.cart-modal-modern .cart-qty .cart-qty__btn:hover,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-minus:hover,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-plus:hover {
    border: 0;
    background-color: #fff5f8;
    opacity: 1;
}

#cart-flywnd.cart-modal-modern .cart-qty__input,
#cart-flywnd.cart-modal-modern .cart-qty .imclit_price {
    width: 40px;
    height: 32px;
    padding: 0 4px;
    margin: 0;
    border: 0;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #111827;
    background: transparent;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

#cart-flywnd.cart-modal-modern .cart-qty__input:focus,
#cart-flywnd.cart-modal-modern .cart-qty .imclit_price:focus {
    outline: none;
    background: #fff;
    border: 0;
    box-shadow: none;
}

#cart-flywnd.cart-modal-modern #cartwnd.is-loading {
    position: relative;
    opacity: 0.55;
    pointer-events: none;
}

body.cart-modal-open {
    overflow: hidden;
}

body.cart-modal-open.product-page .product-buybox-inner {
    z-index: 1 !important;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    #cart-flywnd.cart-modal-modern .cartwnd-close a,
    #cart-flywnd.cart-modal-modern .mclit-minus,
    #cart-flywnd.cart-modal-modern .mclit-plus,
    #cart-flywnd.cart-modal-modern a.btn-order {
        transition: none;
    }
}