/* card */

.ccard{
	position: relative;
	margin: 0px 0 20px 0;
	/*border: 1px solid #dcdcdc;*/
	padding: 0px 0px 0px 0px;
}
.ccard .lbl{
	position: absolute;
	left: 12px;
	top: 0px;
	z-index: 4;
}
.ccard-l{
	float: left;
	width: 450px;
}
.ccard-r{
	float: right;
	width: 660px;
	/*background: #f5f5f5;*/
}


/* sticky prod pic styles */
.ccard-flyinf-container{
	min-height: 84px;
}
.ccard-flyinf{
	display: none;
}
.ccard-flyinf-row{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e0e0e0;
	padding: 24px 14px 2px 14px;
	margin-top: 24px;
}

.sticky-columns-on .ccard-l{
	position: fixed;
	top: 70px;
	z-index: 3;
	/*height: 620px;*/
}
.sticky-columns-on-bottom{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.sticky-columns-on-bottom:before{display: none;}
.sticky-columns-on-bottom:after{display: none;}
.sticky-columns-on.sticky-columns-on-bottom .ccard-l{
	position: relative;
	z-index: 1;
	align-self: flex-end;
	top: auto;
}


/* main prod card styles */
.ccard-img{
	padding: 0;
	text-align: center;
}
.ccard-img table{
	width:100%;
	border-collapse:collapse;
}
.ccard-img table td{
	height: 400px;
	text-align: center;
}
.ccard-img table td img{display: block; margin: auto;}
/*
.zoom-a{
	text-align: center;
	padding: 8px 0px 10px;
}
.zoom-a a{
	background: url(../img/a-zoom.gif) no-repeat 0 0;
	font-size: 11px;
	color: #797979;
	padding: 3px 0px 8px 26px;
	text-decoration: none;
}
.zoom-a a span{
	border-bottom: 1px dotted #797979;
}
.zoom-a a:hover{ color: #333; }
.zoom-a a:hover span{ border-bottom: 1px dotted #333; }
*/

.ccard-pics{
	clear: left;	
	padding: 6px 0 8px 12px;	
}
.ccard-pic{
	float: left;
	border: 1px solid #d9d9d9;
	background: #fff;
	margin-right: 6px;
	margin-bottom: 6px;
	width: 65px;
	height: 65px;
	overflow: hidden;
}
.ccard-pic:hover{border: 1px solid #ce0044;}
.ccard-pic table{
	margin: 0;
	padding: 0;
	border-collapse:collapse;
}
.ccard-pic table td{
	width: 65px;
	height: 65px;
	text-align: center;
	overflow: hidden;
}
.ccard-pic table td img{display: block; margin: auto;}

.ccard-pics .active{border: 1px solid #ce0044;}

.ccard-lbl-basicpic{
	display: block;
	position: absolute;
	z-index: 2;
	right: 10px;
	bottom: 30px;
	width: 111px;
	height: 36px;
	content: "";
	background: url(../img2/basic-pic.png) no-repeat 0 0;
	opacity: 0.9;
}

/* right col ccard */
.ccard-pad-v{
	padding: 10px 0 20px 0;
	font-weight: 300;
	margin-bottom: 16px;
}
.ccard-pad{
	padding: 10px 24px 20px 22px;
	border: 1px solid var(--color-Stroke);
	border-radius: 8px;
	font-weight: 300;
	margin-bottom: 16px;
}
.ccard-row{
	clear: both;
	display: flex;
	flex-flow: row nowrap;
	gap: 12px;
	padding: 12px 0px 12px 0px;
}
.ccard-row-brd{
	border-bottom: 1px solid var(--color-Stroke);
}

.ccard-cmp a, .ccard-wish a{
	color: var(--color-Gray);
	text-decoration: none;	
}
.ccard-cmp a span, .ccard-wish a span{
	/*border-bottom: 1px dotted #404040;*/
}
.ccard-cmp a:hover, .ccard-wish a:hover{color: #808080;}
.ccard-cmp a:hover span, .ccard-wish a:hover span{border-bottom: 1px dotted #808080;}

.ccard-cmp{ }
.ccard-cmp a{text-decoration: none;}
/*
.ccard-cmp a.a-add2cmp{ background: url(../img/a-add2cmp2.png) no-repeat 0 2px; padding-left: 24px; }
.ccard-cmp a.a-compare{ background: url(../img/a-compare2.png) no-repeat 0 2px; padding-left: 24px; }
*/
.ccard-wish{}
.ccard-wish a{}

a.a-add2cmp{
	background: url(../img4/a-cmp-add.svg) no-repeat 0 50%;
	padding: 2px 0 2px 28px;			
}
a.a-add2cmp span{border-bottom: 1px dotted var(--color-Gray);}
a.a-add2cmp:hover span{border-bottom: 0px;}
a.a-compare{
	background: url(../img4/a-cmp-in.svg) no-repeat 0 50%;
	padding: 2px 0 2px 28px;	
}
a.a-compare span{border-bottom: 1px dotted var(--color-Gray);}
a.a-compare:hover span{border-bottom: 0px;}
.ccard-cmp a.a-compare{color: var(--color-Green);}

a.a-add2wish{
	background: url(../img4/a-wish-add.svg) no-repeat 0 50%;
	padding: 2px 0 2px 28px;			
}
a.a-add2wish span{border-bottom: 1px dotted var(--color-Gray);}
a.a-add2wish:hover span{border-bottom: 0px;}
a.a-wishview{
	background: url(../img4/a-wish-in.svg) no-repeat 0 50%;
	padding: 2px 0 2px 28px;
}
a.a-wishview span{border-bottom: 1px dotted var(--color-Gray);}
a.a-wishview:hover span{border-bottom: 0px;}
a.a-wishdel{
	background: url(../img2/a-wishdel.png) no-repeat 0 50%;
	padding: 2px 0 2px 28px;			
}
a.a-wishdel span{border-bottom: 1px dotted var(--color-Gray);}
a.a-wishdel:hover span{border-bottom: 0px;}


.ccard-code{	
	/*font-weight: bold;
	font-size: 14px;*/
}
.ccard-code>span{
	font-weight: 500;
}
.ccard-art{}
.ccard-art>span{
	font-weight: 400;
}
.ccard-artt{display: none;}

.ccard-rate-stars{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}
.ccard-rate-stars p i{font-style: normal;}

.a-rate{
	/*float: right;*/
	display: inline-block;
	padding-top: 2px;
}




.ccard-ico{padding: 16px 0px 16px 12px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;  }
.ccard-ico table{
	border-collapse:collapse;
	font-size: 12px;
	color: #434343;
}
.ccard-ico table tr td{padding-right: 35px;}
.ccard-ico table tr td:last-child{ padding: 0; }
.ccard-ico table tr td:first-child{ padding-top: 2px; padding-right: 0;}

.ccard-ico-row{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	color: #434343;	
}
.ccard-ico p{
	padding-right: 12px;
}
.ccard-ico p span{
	font-size: 18px;
	padding-left: 3px;
}
.onstock1{
	padding:1px 0 1px 20px;
	background:url(../img/ico-avail-yes.png) no-repeat 0 0px;
}
.onstock2{
	padding:1px 0 1px 20px;
	background:url(../img/ico-avail-no.png) no-repeat 0 0px;
}
.ccard-ico .onstock1, .ccard-ico .onstock2{}

.ccard-resp{
	margin-right: 30px;
}
.a-resp{
	padding:2px 0 2px 26px;
	background:url(../img4/ico-resp.svg) no-repeat 0 50%;
	color: var(--color-Gray);
	text-decoration: none;
}
.a-resp span{border-bottom: 1px dotted var(--color-Gray);}
.a-resp-full{color: var(--color-Black); background-image: url(../img4/ico-resp-org.svg);}
.a-resp-full span{border-bottom: 1px dotted var(--color-Black);}
.a-resp:hover{color: #808080;}
.a-resp:hover spab{border-color: #808080;}


.ccard-cost{
	clear: both;
	margin: 34px 0px 10px 0px;
	/*background: url(../img2/cost-bg.png) no-repeat 0 0;*/
	padding: 8px 0px 8px 0px;
	display: flex;
	flex-flow: row wrap;
}

.ccard-pr{
	width: 130px;
	padding-top: 12px;
}
.ccard-pr-act{padding-top: 4px;}
.ccard-pr div{
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
	color: var(--color-Dark);
}
.ccard-pr div span{	}
.ccard-pr p, .ccard-oldpr{
	font-size: 14px;
	color: #a8a8a8;
	padding: 0 0 0 0;
	text-decoration: line-through;
}
.ccard-pr div.no-price{color: #b0b0b0;}

.ccard-promo-cost{
	color: red;
	clear: both;
	padding: 16px 0 2px 0;
	font-size: 14px;
}
.ccard-promo-cost>span{color: #000000; font-weight: bold; font-size: 16px;}

.ccard-buy{
	float: left;
	width: 170px;
}
div.btn-buybig{}
div.btn-buybig>span{
	display: inline-block;
	background: url(../img4/ibtn-buy.svg) no-repeat 0 50%;
	padding: 3px 0 3px 30px;
}

div.btn-buy1click{}
div.btn-buy1click>span{
	display: inline-block;
	background: url(../img4/ibtn-buy-1click.svg) no-repeat 0 50%;
	padding: 3px 0 3px 30px;
}

.ccard-btndop{
	width: 210px;
}

.ccard-tips{
	padding: 4px 0px 4px 0px;
}

.ccard-tips-tbl{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}

.ccard-tips table{
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
.ccard-bonus{
	display: inline-block;
	background: #FAF5E1 url(../img4/ico-bonus-money.svg) no-repeat 8px 50%;
	border-radius: 3px;
	color: var(--color-Orange);
	font-size: 14px;
	line-height: 16px;
	padding: 7px 12px 7px 36px;
}
.ccard-tips a{
	text-decoration: none;
	display: inline-block;
	color: var(--color-Gray);
}
.ccard-tips a span{
	border-bottom: 1px dotted var(--color-Gray);
}
.ccard-tips a:hover{color: #808080;}
.ccard-tips a:hover span{border-color: #808080;}
a.a-bonusi{
	background: url(../img4/ico-bonus-i.png) no-repeat 0 50%;
	padding: 4px 0px 4px 26px;	
}
a.a-cheep{
	background: url(../img4/ico-cheep.png) no-repeat 0 50%;
	padding: 4px 0px 4px 28px;
}


.ccard-apart-cars{
	clear: both;
	margin: 8px 0;
	padding: 12px 0px 12px 0px;	
	font-size: 15px; 
	line-height: 20px;
}
.ccard-apart-cars.cols2{
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
}
.ccard-apart-cars-h{
	font-weight: bold;
	display: inline-block;
}
.ccard-apart-cars-list{
	/*display: inline-block;*/
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
	font-size: 14px; 
	line-height: 16px;
	padding: 6px 0 5px 0;
}
.ccard-apart-cars-list>span{
	display: inline-block; 
	/*font-style: italic;*/
	background: url(../img4/li-gray.svg) no-repeat 0 3px;
	padding-left: 11px;
	margin-right: 6px;
}

.ccard-apart-cars-list.ccard-apart-cars-full{
	display: flex;
	flex-flow: row nowrap;
	gap: 5px;
}
.ccard-apart-carit{
	flex-basis: 32%;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #eaeaea;
	padding: 6px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
}
.ccard-apart-cars-full-2 .ccard-apart-carit{
	flex-basis: 49%;
}
.ccard-apart-carit-pic{
	height: 80px;
	width: 100%;
	text-align: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}
.ccard-apart-carit-pic img{display: block; max-width: 92%; max-height: 100%; width: auto; height: auto;}
.ccard-apart-carit-tit{padding-top: 6px;}

.ccard-apart-btn{clear: both; padding-top: 6px;}

.ccard-apart-appli {
	width: 49%;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #ffffff;
	vertical-align: top;
	margin-top: 20px;
	visibility: hidden;
}

.ccard-apart-appli-in{
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #A3D9A0;
	background-color: #F9FFF3;
	padding: 4px 6px 2px 6px;
}
.ccard-apart-appli-yes{
	border: 1px solid #A3D9A0;
	background-color: #F9FFF3;
}
.ccard-apart-appli-no{
	border: 1px solid #FFC6C6;
	background-color: #FFF8F8;
}

.ccard-apart-appli .car-art-car {
	padding: 7px 6px;
}
.ccard-apart-appli .car-art-car:after{clear: both; display: block; content: '';}
.ccard-apart-appli .car-art-car-img {
	width: 90px;
	float: left;
	text-align: center;
}
.ccard-apart-appli .car-art-car-img img {
	max-width: 100%;
	height: auto;
	mix-blend-mode: multiply;
}
.ccard-apart-appli .car-art-car-img>span{
	display: block;
	font-size: 13px;
	line-height: 14px;
}
.ccard-apart-appli .car-art-car-img>span a{
	text-decoration: none;
	color: #404040;
	border-bottom: 1px dotted #404040;
}
.ccard-apart-appli .car-art-car-img>span a:hover{
	color: #808080;
	border-bottom: 1px dotted #808080;
}
.ccard-apart-appli .car-art-car-info {
	width: calc(100% - 104px);
	float: right;
}
.ccard-apart-appli .car-art-car-model {
	font-size: 14px;
	font-weight: bold;
}
.ccard-apart-appli .car-art-car-engine{
	padding-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #404040;
}
.ccard-apart-appli .car-art-appli-lbl{
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: var(--color-Dark);
	padding: 5px 0;
	margin: 2px 0 0 0;
	background-color: #ffffff;
	border-radius: 4px;
}
.ccard-apart-appli .car-art-appli-yes{
	/*background-color: #76a001;*/
	background-color: #ffffff;
	border: 2px solid #3CA737;
	color: #3CA737;
}
.ccard-apart-appli .car-art-appli-yes>span{display: inline-block; padding: 2px 0 2px 24px; background: url(../img4/is-applied-yes.svg) no-repeat 0 50%;}
.ccard-apart-appli .car-art-appli-no{
	/*background-color: #ee7474;*/
	background-color: #ffffff;
	border: 2px solid #E02F24;
	color: #E02F24;
}
.ccard-apart-appli .car-art-appli-no>span{display: inline-block; padding: 1px 0 1px 24px; background: url(../img4/is-applied-no.svg) no-repeat 0 50%;}

.ccard-apart-appli .car-art-appli-link{
	margin: 0;
	padding: 8px 4px;
	text-align: center;
}
.ccard-apart-appli .car-art-appli-link a{
	color: var(--color-Dark);
	font-size: 14px;
	font-weight: 500;
}

button.btn-partcar, a.btn-partcar{padding: 6px 22px 6px 14px; font-size: 15px;}
button.btn-partcar>span, a.btn-partcar>span{display: inline-block; padding: 4px 0 4px 34px; background: url(../img4/ibtn-car-ws.svg) no-repeat 0 50%;}

.ccard-apart-analog{
	clear: both;
	margin: 8px 0;
	padding: 6px 0px 12px 0px;	
	font-size: 15px; 
	line-height: 18px;
}
.ccard-apart-analog-h{
	font-weight: 500;
	font-size: 16px;
	padding-bottom: 8px;
}
.tbl-ccard-analog .tbl-tr>div{padding: 4px 6px 4px 0; border-top: 1px solid var(--color-Stroke);}
/*.tbl-ccard-analog .tbl-tr:first-child>div{border-top: 1px solid #cecece;}*/
.tbl-ccard-analog .tbl-tr:last-child>div{border-bottom: 1px solid #cecece;}

.tbl-ccard-analog .tbl-tr>div:nth-child(2) a{ color: var(--color-Gray); }
.tbl-ccard-analog .tbl-tr>div:last-child{text-align: right;}
.cccost-prod{font-weight: bold;}
.cccost-prod-notavail{color: #a0a0a0;}

.ccard-analog-over{
	overflow: hidden;
	max-height: 180px;
	transition: max-height 0.5s ease-out 0s;
	position: relative;
}
.ccard-analog-over:before{
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0; 
	right: 0;
	height: 30px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.ccard-analog-open{max-height: 1600px;}
.ccard-analog-open:before{display: none;}
.ccard-analog-a{
	clear: both;
	padding: 4px 0 4px 0;
	margin-top: 8px;
}
.ccard-analog-a>div{
	display: inline-block;
	cursor: pointer;
	color: var(--color-Green);
	background: url(../img4/a-slide-down-green.svg) no-repeat 0 50%;
	padding-left: 18px;
}
.ccard-analog-a>div>span{border-bottom: 1px dotted var(--color-Green);}

.ccard-analog-open + .ccard-analog-a>div{background-image: url(../img4/a-slide-up-green.svg);}

.ccard-shop{
	border: 2px solid var(--color-Orange-Light);
}
.ccard-shop-availblk{
	background-color: #ffffff;
	border-radius: 5px;
	padding: 12px 16px;
}
.ccard-shop-availblk>h4{
	color: #93C30C;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
}
.ccard-shop-availblk>h4>span{
	display: inline-block;
	padding: 1px 32px 1px 0;
	background: url(../img2/iavail-yes.svg) no-repeat 100% 50%;
}

.ccard-shop-availrow{
	margin: 18px 0 18px;	
}
.ccard-shopavail-h{
	font-weight: bold;
	font-size: 15px;
}
.ccard-shopavail-it{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 4px 0;
	gap: 20px;
}
.ccard-shopavail-addr{
	font-size: 14px;
	line-height: 18px;
	padding: 2px 0 0 22px;
	background: url(../img2/iaddr-shop.svg) no-repeat 0 1px;
}
.ccard-shopavail-wtm{
	font-size: 13px;
	color: #969696;
	padding-left: 22px;
}
.ccard-shopavail-itmap{
	min-width: 134px;
}
.ccard-shopavail-itmap>div{
	cursor: pointer;
	display: inline-block;
	color: #93C30C;
	font-size: 13px;
	background: url(../img4/ideliv-loc.svg) no-repeat 100% 50%;
	padding-right: 20px;
}
.ccard-shopavail-itmap>div>span{
	border-bottom: 1px dotted #93C30C;
}

.ccard-shopavail-itdeliv{
	padding: 2px 0 2px 26px;
	background: url(../img2/ideliv-schedule.svg) no-repeat 0 1px;
	margin: 4px 0 4px 0;
	font-size: 14px;
	line-height: 18px;
}
.ccard-shopavail-itdeliv .b{font-weight: bold;}
.ccard-shopavail-itdeliv:after{
	display: inline;
	width: 30px;
	height: 18px;
	content: '';
	background: url(../img4/ideliv-ship.svg) no-repeat 0 0;
}

.ccard-shop-availkiev{display: none;}
.ccard-shop-avail-kiev .ccard-shop-availkiev{display: block;}


.ccard-inf-row{
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
}
.ccard-inf{
	width: 100%;
	padding: 20px 20px;
}
.ccard-inf:last-child{border-left: 1px solid var(--color-Stroke);}
.ccard-hdr-row{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}
.ccard-hdr{
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 10px;
}
.ccard-hdr-row .ccard-hdr{margin-bottom: 0;}
.ccard-inf ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
}
.ccard-inf ul li{
	padding: 3px 6px 3px 18px;
	background: url(../img2/li-ccard.png) no-repeat 0 10px;
}

span.li-comment{color: #808080;}

.ccard-inf-city{
	font-size: 14px;
	clear: both;	
}
.ccard-inf-city>div{
	display: inline-block;
	cursor: pointer;
	color: var(--color-Green);
	background: url(../img4/ico-loc-green.svg) no-repeat 0 50%;
	padding-left: 17px;
}
.ccard-inf-city>div>span{border-bottom: 1px dotted var(--color-Green);}
.ccard-inf-city>div:hover{color: var(--color-Green-Hover);}
.ccard-inf-city>div:hover>span{border-bottom: 1px dotted var(--color-Green-Hover);}

.ccard-act{
	margin: 6px 0;
	background: #fff7de;
	border-top: 2px solid #ff8b06;
	border-bottom: 2px solid #ff8b06;
	padding: 9px 28px 9px 34px;
	display: flex;
	flex-flow: row nowrap;
}
.ccard-act-info{
	width: 45%;
}
.ccard-act-info p{
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0 10px 0;
	color: #ee7f00;
}
.ccard-act-info span{font-weight: bold;}
.ccard-act-cost{
	width: 45%;	
}
.ccard-act-cost table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.ccard-act-cost table tr td{
	padding: 4px 4px;
}
.ccard-act-cost table tr:first-child td{font-weight: bold; font-size: 14px;}
.ccard-act-cost table tr:nth-child(2) td:last-child{text-decoration: line-through;}
.ccard-act-cost table tr:nth-child(3) td{color: #808080;}

.ccard-gift{
	display: flex;
	flex-flow: row nowrap;
	gap: 20px;
	margin: 6px 0;
	background: #fff7de;
	border-top: 2px solid #ce0044;
	border-bottom: 2px solid #ce0044;
	padding: 9px 28px 9px 34px;
}
.ccard-gift-pic{
	float: left;
	width: 90px;
	position: relative;
	z-index: 1;
}
.ccard-gift-pic span{display: block; position: absolute; z-index: 2; left: 60px; top: -8px; width: 40px; height: 40px; background: url(../img2/p-act-gift.png) no-repeat 0 0;}
.ccard-gift-pic table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.ccard-gift-pic table td{
	width: 76px;
	height: 76px;
	border: 1px solid #f3f3f3;
	background: #fff;
	text-align: center;
}
.ccard-gift-pic table td img{display: block; margin: auto;}
.ccard-gift-act{
	/*float: right;*/
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 490px;
	padding: 4px 0px 10px 0px;	
}
.ccard-gift-act div.gift-info{
	font-size: 14px;
	width: calc(100% - 126px);
	order: 1;
}
.ccard-gift-tm{
	/*float: right;*/
	order: 2;
	width: 110px;
	font-size: 16px;
	text-align: center;
	color: #505050;
	line-height: 22px;
}
.ccard-gift-tm div{
	background: #e2e2e2;
	margin-top: 12px;
}
.ccard-gift-tm div span{
	display: block;
	margin: 0;
	padding: 0;
	height: 5px;
	width: 76%;
	background: #ff9207;
}


.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;
}
.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-simil-col5 .ccard-subflt-col{width: 20%;}
.ccard-subflt-col h3{}
.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(../img/arr-bk.png) no-repeat 1px 6px;
}

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


.subp-pr{
	font-size: 14px;
	font-weight: bold;
}

.ccard-pad-h{
	font-weight: bold;
	padding-bottom: 2px;	
}
.ccard-cargen-allcur{
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
}

.ccard-cargen{
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
}
.ccard-cargen-it{
	flex-basis: calc(33% - 8px);
	background: #ffffff;
	border: 1px solid #E1E1E1;
	border-radius: 4px;	
}
.ccard-cargen-it a{color: var(--color-Dark);}
.ccard-cargen-it>a{
	display: flex;
	box-sizing: border-box;
	height: 54px;
	flex-flow: row nowrap;
	align-items: center;
	gap: 10px;
	padding: 3px 6px 3px 8px;
}
.ccard-cargen-it>a:hover{background-color: #fafafa;}
.ccard-cargen-pic{
	width: 60px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ccard-cargen-pic img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}


.ccard-cargen-cur{
	padding-bottom: 12px;
}
.ccard-cargen-cur .ccard-pad-h{font-size: 15px;}
.ccard-cargen-cur .ccard-cargen-it{border: 2px solid #8FC10C; flex-basis: calc(50% - 10px);}
.ccard-cargen-cur .ccard-cargen-it>a{height: 68px; text-decoration: none;}
.ccard-cargen-cur .ccard-cargen-pic{height: 60px; width: 100px;}
.ccard-cargen-cur .ccard-cargen-tit{font-size: 15px; font-weight: 500;}


/* fly tip */
#flytip{
	display: none;
	position: absolute;
	z-index: 20;
	left: 320px;
	top: 200px;
	width: 390px;
	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(../img/a-close.png) no-repeat 0 0;
}
.flycont{
	padding: 4px 0px 4px 0px;
}
.flyprogress{
	text-align: center;
}

/* ccard main content */
.ccard-cright{
	float: right;
	width: 890px;
}

.ccard-packs{
	clear: both;
	border: 2px solid var(--color-RedM);
	border-radius: 10px;
	overflow: hidden;
	padding: 0px 0px 14px 0px;
	margin-bottom: 36px;	
}

.ccard-pack-main{
	background-color: #fafafa;
	padding: 20px 10px;
}

.ccard-pack-hdr{
	color: var(--color-RedM);
	padding: 0 0 4px 0px;
	font: 500 18px/20px 'Roboto', Arial;
	text-transform: uppercase;
}

.ccard-pack-main-prod{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 24px;
}
.ccard-pack-main-ppic{
	height: 140px;
	width: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border: 1px solid #ececec;
}
.ccard-pack-main-pname>div:last-child{
	font-size: 17px;
}
.ccard-pack-main-pcost{
	font-size: 24px;
	line-height: 26px;
}
.ccard-pack-slide-h{
	color: var(--color-RedM);
	padding: 14px 0 20px 30px;
	font-weight: 17px;
	font-weight: 500;
}

/* pack item */
.ccard-packrow{
	clear: both;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #e0e0e0;*/
}
.ccard-pack{
	padding: 0;
}
/*
.pack-prod{
	float: left;
	width: 260px;
	text-align: center;
	background: url(../img2/pack-plus.png) no-repeat 100% 56px;
}
*/
.pack-add{
	/*border: 1px dashed #b8b8b8;*/	
	display: flex;
	flex-flow: row nowrap;
	gap: 12px;
}
.pack-add-p{
	width: 100px;	
}
.pack-add-i{
	padding-top: 8px;
}
.pack-add-m{
	padding-bottom: 8px;
	line-height: 20px;
}
.pack-add-m a{
	color: var(--color-Dark);
	text-decoration: none;
}
.pack-add-m a:hover{text-decoration: underline;}
.pack-add-cost{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.pack-add-cost>div:first-child{
	font-size: 15px;
	font-weight: 500;
}
.pack-add-cost>div:first-child>span{
	text-decoration: line-through;
	color: #b0b0b0;
	font-size: 14px;
	font-weight: 300;
}

.pack-add-cost>div:last-child{
	color: var(--color-RedM);
	font-size: 13px;
	font-weight: 400;
}

.pack-act{
	display: flex;
	flex-flow: row nowrap;
	gap: 28px;
	padding-top: 8px;
	align-items: center;
}
.pack-act>div:last-child{padding-top: 2px;}
.pack-act-cost{}
.pack-act-cost>span{
	font-size: 13px;
	line-height: 14px;
	color: #B0B0B0;
}
.pack-act-cost>p{
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;	
}

/*
.pack-act-pad{
	padding: 0 0 0 40px;
}

.pack-act p{
	font-size: 24px;
	padding: 13px 0px 12px 0px;
	margin-bottom: 4px;
	background: url(../img2/pack-pr-bg.png) no-repeat 0 0;
	color: #ce0044;
	text-align: center;
}
.pack-act span{
	text-decoration: line-through;
	color: #808080;
}
.pack-act-pad{padding-top: 8px}

.pack-prod-i{
	padding: 8px 20px 4px 20px;
}
*/
/*
.pack-prod-i table{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}
.pack-prod-i table td{ text-align: center; }
.pack-prod-i div{
	text-align: center;
}

.pack-prod-cost div{
	font-size: 18px;
	color: #434343;
	text-align: center;
	padding: 4px 0px 5px 0px;
}
.pack-prod-m{ font-weight: bold; font-size: 12px; padding: 0 12px; }
.pack-add-other{position: relative;}
.pack-add-fly{
	position: absolute;
	z-index: 4;
	width: 700px;
	border: 1px solid #98c80d;
	background: #fff;
	display: none;
	left: -240px;
	padding: 10px 12px 24px;
	text-align: left;
	box-shadow: 0px 0px 4px 0px rgba(200,200,200,0.5);
}
.pack-add-other a.pack-add-other-a{
	text-decoration: none;
	font-size: 11px;
	color: #000;
	padding-right: 16px;
	background: url(../img/a-drop2.png) no-repeat 100% 2px;
}
.pack-add-other a.pack-add-other-a span{
	border-bottom: 1px dotted #000;
}
*/
/*
.pack-add-i{
	padding: 8px 20px 2px 20px;
}
.pack-add-i table{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}
.pack-add-i table td{ text-align: center; }
.pack-add-i div{
	text-align: center;
}
.pack-add-cost div{	
	text-align: center;
	padding: 2px 0px 2px 0px;
	font-size: 18px;
	color: #ce0044;
}
.pack-add-cost div span{
	font-size: 16px;
	font-weight: normal;
	text-decoration: line-through;
	padding-left: 10px;
	color: #a0a0a0;
}
.pack-add-m{
	padding: 2px 10px 2px 10px;
	line-height: 15px;
}
.pack-add-m a{ color: #000; }
*/

/* fly galery with photos and videos */
#prodgalbg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:101;
	background: url(../img/flybg.png) repeat;
	display:none;
}
.prodgalfly{
	position: absolute;
	display: none;
	z-index: 102;
	width: 100%;
	left: 0;
}
.prodgalery{	
	width: 900px;
	margin: 0 auto;
	background: #fff;
	border-radius: 8px;
	padding: 3px;
	box-shadow: 0px 0px 12px 12px rgba(200,200,200,0.5);
}
.prodgalin{
	border: 3px solid #ffed00;
	border-radius: 7px;
	padding: 10px 14px 20px 30px;
}
.prodgaltitle{
	padding: 0px 0px 8px 0px;
	float: left;
	width: 720px;
	font: 20px/22px Arial;
	color: #404040;
}
.prodgalclose{
	float: right;
	width: 30px;
	padding: 3px 0 0 0;
	text-align: right;
}
.prodgalcont{
	clear: left;
	float: left;
	width: 644px;
}
.prodgalbtns{
	clear: right;
	float: right;
	width: 170px;
}
.pflycode{
	padding: 20px 0px 6px 0px;
	font-size: 14px;
}
.pflycode span{
	font-weight: bold;
}
.pflyart{
	padding: 4px 0px 6px 0px;
	font-size: 14px;
}
.pflyart span{
	font-weight: bold;
}
.pflycost{
	padding: 80px 0px 12px 0px;
	font-size: 18px;
}
.pflybuy{
	padding: 0 0 0 0;
}
.prodgalctrl{
	clear: both;
	padding: 14px 0 0 0;
	text-align: center;
}
.prodgalctrl a{
	background: url(../img/a-close.png) no-repeat 100% 3px;
	padding: 1px 18px 1px 0px;
	color: #000;
	text-decoration: none;
}
.prodgalctrl a span{border-bottom: 1px dotted #000;}
.prodgalctrl a:hover{ color: #606060; }
.prodgalctrl a:hover span{ border-bottom: 1px dotted #606060; }
.prodgalprogress{
	padding: 80px;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}
.prodgalswitch{
	padding: 8px 0px;
	text-align: center;
	color: #a0a0a0;
}
.prodgalswitch a{
	text-decoration: none;
	margin: 0 0 0 20px;
}
.prodgalswitch a span{
	border-bottom: 1px dotted #000;
}
.prodgalswitch a.sel{ font-weight: bold; }

.pflyview{
	padding: 0 0 0 0;
	border: 4px solid #e0e0e0;
	text-align: center;
	margin: 0 0 12px 0;
	position: relative;
}
.pflyview img{
	display: block;
	margin: 0 auto;
}
.pflyview-btn{
	display: block;
	position: absolute;
	z-index: 105;
	width: 36px;
	height: 36px;
	top: 43%;
	opacity: 0.7;
}
.pflyview-btn:hover{opacity: 1;}
.pflyview-prev{background: url(../img2/btn-prev.png) no-repeat 0 0; left: -24px;}
.pflyview-next{background: url(../img2/btn-next.png) no-repeat 0 0; right: -24px;}
.pflyview-prev-dis{background: url(../img2/btn-prev-dis.png) no-repeat 0 0; left: -24px; opacity:1;}
.pflyview-next-dis{background: url(../img2/btn-next-dis.png) no-repeat 0 0; right: -24px; opacity:1;}
.jcarousel-skin-galpics table{
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
}
.jcarousel-skin-galpics table tr td{
	/*height: 94px;*/
	text-align: center;
	border: 3px solid #e0e0e0;
	margin: 0;
	padding: 0;
}
.jcarousel-skin-galpics table tr td img{
	display: block;
	margin: 0 auto;
}
.jcarousel-skin-galpics table tr td.pgalits-sel{
	border: 3px solid #ffed00;
}

.ytvid{
}
.ytvid-tit{
	padding: 4px 0 4px 0;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
.ytvid-txt{
	font-size: 14px;
	padding: 2px 0 0 0;
	text-align: left;
}

/* 1 click buy panel */
.ccard-buy1c, .ccard-buy1c-2{
	padding: 0px 0px 0px 0px;
	position: relative;
}
#buy1click{
	display: none;
	position: absolute;
	left: -236px;
	top: 25px;
	box-shadow: 0 0 17px rgba(170,170,170,0.8);
	border: 2px solid #ffe600;
	border-radius: 6px;
	background: #fff;
	padding: 14px 0px 14px 0px;
	width: 412px;
	z-index: 8;
}

#buy1clickc{
	padding: 0 20px;
}
.buy1-left{float: left; width: 176px; text-align: left;}
.buy1-right{float: right; width: 176px; text-align: left; padding-top: 14px;}

.pop1_mob_l{left: 1px !important;}
.pop1_mob_w{width: 99% !important;}
.pop1_mob_w .buy1-left{width: 48%;}
.pop1_mob_w .buy1-right{width: 50%;}
/*.pop1_mob_w #phone1c{font-size: 14px; width: 120px;}*/

#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;
}
#err1click, #errlowcost{
	color: red;
	padding: 2px 0px 2px 0px;
	display: none;
}
.buy1close, .lowcostclose{
	clear: both;
	text-align: center;
	padding: 16px 0 6px 0;
}
.buy1close div, .lowcostclose div{
	display: inline-block; 
	cursor: pointer;
	background: url(../img/a-close.png) no-repeat 0 4px;	
	padding: 0px 0px 0px 20px;
}
.buy1close div>span, .lowcostclose div>span{
	border-bottom: 1px dotted var(--color-Dark);
}

#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(170,170,170,0.8);
	border: 2px solid #ffe600;
	background: #fff;
	display: none;	
	left: -180px;
	top: 25px;
	width: 420px;
	z-index: 12;
}
.ccard-lowcost-in{padding: 16px 16px 16px 16px;}
.ccard-lowcost-in>div{clear: both;}
.ccard-lowcost-btn{
	clear: both;
	text-align: center;
	padding: 20px 0 20px 0px;
}
.ccard-lowcost table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
.ccard-lowcost table td{ padding: 2px 8px 6px 0px; }
.ccard-lowcost table input{
	font-size: 14px;
	height: 22px;
	border: 1px solid #e0e0e0;
	padding-left: 3px;
}

.ccard-lowcost table tr td:last-child input{width: 170px;}

/*
.lowcostclose{
	text-align: center;
	padding: 6px 0 6px 0;
}
.lowcostclose a{
	background: url(../img/a-close.png) no-repeat 0 4px;
	display: inline-block; 
	padding: 0px 0px 0px 20px;
}
*/


/* ccard tabs */
.c2tabs{
	width:100%;
	margin-bottom: 28px;
	/*
	float:left;
	padding: 0;
	margin: 0px 0px 6px;	
	background: #ffea00 url(../img2/hdr-yel-down.png) repeat-x 0 100%;
	*/	
}
ul.c2tlist{
	display: flex;
	margin: 0;
	padding: 0;
	list-style:none;	
	gap: 0;
	border-bottom: 2px solid var(--color-Stroke);
}
ul.c2tlist li{
	/*float:left;*/
	/*margin-right:16px;*/
	font-size:16px;
	line-height: 20px;
}
ul.c2tlist li.active{
	position: relative;
}
ul.c2tlist li.active:before{
	display: block;
	position: absolute;
	z-index: 2;
	content: '';
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;	
	background-color: var(--color-Yellow-Text);
}
ul.c2tlist li a, ul.c2tlist li>b{
	/*float:left;*/
	display:block;
	color: var(--color-Dark);
	font-weight: 300;
	padding: 9px 30px 12px 30px;
	text-decoration: none;
	border-radius: 4px 4px 0 0;
}
ul.c2tlist li a span, ul.c2tlist li>b>span{ border-bottom: 1px dotted var(--color-Gray); }
ul.c2tlist li a:hover{ color: #707070; }
ul.c2tlist li a:hover span{ border-bottom: 1px dotted #707070; }

ul.c2tlist li.active a, ul.c2tlist li.active>b{font-weight: 500;/*background-color: #fff;*/}
/*
ul.c2tlist li a.tab-main{ background: url(../img2/tab-descr.png) no-repeat 8px 10px; padding-left: 34px; }
ul.c2tlist li a.tab-resp{ background: url(../img2/tab-resp.png) no-repeat 8px 12px; padding-left: 36px; }
ul.c2tlist li a.tab-deliv{ background: url(../img2/tab-deliv.png) no-repeat 8px 11px; padding-left: 40px; }
ul.c2tlist li a.tab-photo{ background: url(../img2/tab-photo.png) no-repeat 8px 12px; padding-left: 32px; }

ul.c2tlist li.active a.tab-main{ background-image: url(../img2/tab-descr-sel.png); }
ul.c2tlist li.active a.tab-resp{ background-image: url(../img2/tab-resp-sel.png); }
ul.c2tlist li.active a.tab-deliv{ background-image: url(../img2/tab-deliv-sel.png); }
ul.c2tlist li.active a.tab-photo{ background-image: url(../img2/tab-photo-sel.png); }
*/
.c2tabs-noico ul.c2tlist li a, .c2tabs-noico ul.c2tlist li>b{padding-left: 16px;}

.ccard-content{ 
	clear: left;
	float: left;
	padding: 0px 0px 12px 0px; 
	/*width: 632px;*/
	width: calc(100% - 376px);
	/*margin-left: 16px;*/
}

.ccard-cleft{
	float: left;
	width: 240px;
	padding-top: 8px;
}

.ccard-cleft .lbl-hdr{
	font-size: 22px;
	line-height: 24px;
}
.ccard-cleft .lbl:first-child .lbl-hdr{margin-top: 5px;}
.ccard-cleft .lbl:first-child .lbl-hdr span{border-bottom: 2px solid var(--color-Yellow-Text);}

.ccard-right{
	float: right;
	/*width: 200px;*/
	width: 346px;
}


.cc-hdr{
	padding: 16px 0px 4px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	clear: left;	
}
.cc-hdr:before{
	content: '';
	float: left;
	width: 2px;
	height: 24px;
	background-color: var(--color-Yellow-Text);
	margin-right: 20px;
}
.cc-hdr span { /**/}
.cc-hdr span.comm-num{font-size: 17px; font-weight: 400; color: #a0a0a0;}

.cc-hdr-bline{margin-bottom: 20px;}
.cc-hdr-bline:before{display: none;}
.cc-hdr-bline>span{
	border-bottom: 2px solid var(--color-Yellow-Text);
}

.cc-info{
	/*font: 14px/22px Arial;*/
	font-size: 15px;
	line-height: 22px;
	padding: 4px 0px 6px 0px;
}
.cc-info h2{
	font-weight: 400;
	font-size: 20px;
	line-height: 22px;
	margin: 12px 0 6px 0;
}
.cc-info h3{
	font-weight: 500;
	font-size: 17px;
}

table.cc-tech{
	border-collapse:collapse;
	margin:0;
	width: 100%;
	font-size: 15px;
	font-family: Roboto, sans-serif;
}
table.cc-tech th{}
table.cc-tech tr td{
	padding: 7px 10px 6px 10px;
	text-align: left;
	/*border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;*/
	background: #f1f1f1;
}
table.cc-tech tr td.cc-p-gr{
	text-align: left;
	padding: 12px 10px 4px 0px;
	font-size: 16px;
	font-weight: 500;
	background: #fff;
}
table.cc-tech tr td.cc-pn{ background: #ebebeb; }
table.cc-tech tr td.cc-pn, table.cc-tech tr.even td.cc-pn {	}
table.cc-tech td.cc-pn span{}
table.cc-tech tr.even td{ background: #ffffff; }
table.cc-tech tr.even td.cc-pn{ background: #f8f8f8; }
/*table.cc-tech tr:first-child td{ border: 0; }*/

/*
.video-container{
	clear: both;
	margin: 6px 0 10px 0;
}
.video-container iframe{
	width: 100% !important;
	height: 100% !important;
}
*/

.video-container {
	clear: both;
	margin-top: 12px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ipagepics{
	clear: both;
}
.ipagepics:after{display: block; content: ""; clear: both;}
.ipicit{
	float: left;
	width: 240px;	
	height: 240px;
	margin-right: 10px;
}
.ipic{}

/* tecdoc styles */
.cc-tec-cars{
	clear: both;
	padding: 14px 0;
}
.cc-tec-cars-a{
	padding-bottom: 10px;
}
.tdoc-car-tbl{
	width: 100%;
	font-size: 13px;
	line-height: 14px;
}
.tbl-th-car{
}
.tbl-th-car>div{
	background-color: #e1f8a1;
	padding: 6px 6px 3px 6px;
	font-weight: bold;
}
.tbl-tr-car>div{
	padding: 3px 6px;
}
.tbl-tr-car:nth-child(odd)>div{background-color: #f8f8f8;}


/* similar and soput prods */
.similar-list{
}
.similar-list ul{
	margin: 8px 0;
	list-style: none;
	padding: 0;
}
.similar-list ul li{
	margin: 4px 0 12px 0;
	padding: 0;
	text-align: center;
}


.cc-soput{
	clear: both;
	margin: 12px 0px 26px 0px;
}
.h-it{
	border-top: 1px solid var(--color-Stroke);
	border-right: 1px solid var(--color-Stroke);
	border-bottom: 1px solid var(--color-Stroke);
	border-left: 0;
	min-height: 320px;
	padding-top: 10px;
}
.slick-slide:first-of-type .h-it{border-left: 1px solid var(--color-Stroke);}
.h-it-pic{
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
.h-it-pic table{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.h-it-pic table tr td{
	height: 120px;
	text-align: center;
}
.h-it-pic table tr td img{
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto;
}
*/
.h-it-i{padding: 4px 12px 0 16px; text-align: left;}
.h-it-i div{
	box-sizing: border-box;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	line-height: 20px;
	min-height: 80px;
}
.h-it-i div a{
	color: var(--color-Dark);
	text-decoration: none;
}
.h-it-i div a:hover{color: var(--color-Gray);}
.h-it-i p{
	font-weight: 500;
	font-size: 17px;
	margin: 0;
	padding: 0;
}

/* resp */
.resplast{
	padding: 12px 0px 32px 0px;
}
.prod-resp-it{
	padding: 4px 0px 28px 0px;
}
.prod-resp-txt{
	background: #f5f5f5;
	padding: 10px 7px;
	font-size: 11px;
}
.prod-resp-rate{
	display: block;
	text-align: left;
	padding: 4px 0px 2px 7px;
}
.prod-resp-author{
	color: #a0a0a0;
	padding: 0 0 4px 7px;
	font-size: 12px;
}


.ccard-resplist{
	padding: 8px 0px 10px 0px;
	margin-top: 8px;
}
.mtcresp-no{ padding: 25px 20px; text-align: center; }

.c3ritem{
	clear: both;
	margin: 10px 0px 10px 0px;
	border: 1px solid #F3F3F3;
}
.c3ritem:after{clear: both; content: ''; display: block;}
.c3ritem-quest{border-top: 1px solid #e9e9e9;}
.c3ritem-rate{border-top: 1px solid #e9e9e9;}

.c3ristatus{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	float: none;
	padding: 8px 0px 4px 0;
	margin: 0 12px;
	border-bottom: 1px solid #eeeeee;
}

.c3ri_auth{
	font-weight: bold;	
	/*padding: 3px 0px 2px 10px;*/
	box-sizing: border-box;	
}
.c3ri_auth span{
	font-size: 14px;
	color: #373737;
}
.auth-rate{
	padding-left: 28px;
	background: url(../img2/comment-resp-new.svg) 0 2px no-repeat;
}

.auth-quest, .c3ritem-quest .auth-rate{
	padding-left: 28px;
	background: url(../img2/comment-quest-new.svg) 0 2px no-repeat;
}

.c3ri_dt{
	padding: 2px 0px 2px 0px;	
	font-size: 12px;
	line-height: 14px;
	color: #a0a0a0;
	font-weight: normal;
}
.c3ri_resp{ 
	max-width: 100px;
	padding-top: 3px;
}
.c3ri_resp img{
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
.c3ri_auth img{
	/*
	position: relative;
	top: 7px;
	left: 6px;
	*/
}
.c3ribody{
	/*float: left;*/
	/*width: 730px;
	background: #f1f1f1;*/
	/*border: 1px solid #d9d9d9;
	border-radius: 0px 0px 7px 7px;*/
	font-size: 12px;
	line-height: 16px;
	
	/*padding-bottom: 8px;*/
	box-sizing: border-box;
	width: 100% !important;
	background: none;
}
.c3ribc{
	padding: 12px 12px;
	position: relative;
	overflow: hidden;
	/*height: 44px;*/
	max-height: 64px;
	min-height: auto;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 18px;
	color: #525252;
}

.c3ribody.open .c3ribc{
	overflow: visible;
	height: auto;
	max-height: none;
}

.c3ribody.open .c3ribc:after{
	display: none;
}

.c3ribc::after{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 38px;
	content: "";
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.95) 100%);
}


.c3ribtn{
	padding: 10px 12px;
	background-color: #F9F9F9;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
/*.c3ribtn:after{clear: both; content: ''; display: block;}*/

.c3ribtn>span{
	font-size: 12px;
	color: #8b8b8b;
}

.form-c3r-reply{
	display: inline-block;
	cursor: pointer;
	padding-left: 18px;
	font-size: 12px;
	color: #93C30C;
	background: url(../img2/a-reply-green.svg) 0 1px no-repeat;
}
.form-c3r-reply>span{
	text-decoration: underline;
}

.c3ribtn-open{
	padding-right: 15px;
	font-size: 12px;
	color: #707070;
	background: url(../img2/a-resp-open-gray.svg) right center no-repeat;
	border-bottom: 1px dotted #707070;
}

.c3ribody.open .c3ribtn-open{
	background-image: url(../img2/a-resp-close.png);
}

.c3ribtn-open:hover{
	cursor: pointer;
}

.c3ritem-answ{
	background: url(../img2/comment-reply-new.svg) 10px 10px no-repeat;
	margin-left: 20px;
}
.c3ritem-answ:after{clear: both; content: ''; display: block;}

.c3ritem-answ .c3ristatus{padding-left: 26px;}
.c3ritem-answ .c3ribody{	}
.c3ritem-answ .c3ribc{
	position: relative;
	overflow: hidden;
	/*height: 44px;*/
	max-height: 44px;
	margin-bottom: 10px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 16px;
	color: #525252;
}

.c3ritem-answ .open .c3ribc{
	overflow: visible;
	height: auto;
	max-height: none;
}

.c3r-btns{
	clear: both;
	padding: 6px 0;
	display: flex;
	gap: 6px;
	justify-content: center;
	flex-flow: row wrap;
}

.c3r-dopgo{
	clear: both;
	text-align: center;
	padding: 12px 0;
	font-size: 15px;
}
.c3r-dopgo a{
	display: inline-block;
	color: var(--color-Dark);
	padding-right: 18px;
	background: url(../img4/a-more-arr.svg) no-repeat 100% 7px;
}
.c3r-dopgo a:hover{color: var(--color-Gray);}

.ccard-cleft-fullw .c3ribtn-open{display: none;}
.ccard-cleft-fullw .c3ribc:after{display: none;}
.ccard-cleft-fullw .c3ribc{max-height: none;}
.ccard-cleft-fullw .c3ritem-answ .c3ribc{max-height: none;}


.cgaform{
	padding: 20px 0px 20px 0px;
}
.cgaf_title{
	font-size: 14px;
	padding: 3px 0px 5px 0px;
	background: url(../img2/frm-corn.png) no-repeat 150px 100%;
}

.cgaform form{
	background: #f6f6f6; /*url(../img/bg-resp-frm.png) no-repeat;*/
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	padding: 24px 14px 20px;
}
.cgaform table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
.cgaform table td{
	padding: 3px 4px;
}
.cgaform table td.cga-seccaptcha{
	padding: 12px 10px 0px 0px;
}
.cgaform table td.cga-seccode{
	padding: 12px 0px 0px 50px;
}
.cgaform table td p.lab{
	display: inline-block;
	width: 80px;
}
.cgaform table textarea{
	height: 70px;
	width: 100%;
}

.cgarow{
	clear: both;
	padding: 4px 20px 4px 20px;
}
.cgarow:after{
	clear: both;
	content: "";
	display: block;
}
.cgacol{
	float: left;
	width: 47%;
	margin-left: 5.9999%;
}
.cgacol:first-child{margin-left: 0;}
.cgacol span{
	display: block;
	clear: left;
	padding: 2px 0px 6px 0px;
}
.cgaform span p.lab{
	display: inline-block;
	width: 80px;
	font-weight: bold;
}
.cgaform p.cgatit{
	display: block;
	padding: 2px 0px 2px 0px;
	font-weight: bold;
}
.frm_radio{
	float: left;
	width: 30px;
	margin-left: 16px;
}
.frm_radio p{
	float: right;
	padding-left: 4px;
}
.cgarow textarea{
	height: 70px;
	width: 100%;
}

.cga-seccaptcha{
	float: left;
	width: 35%;
}
.cga-seccode{
	float: left;
	width: 40%;
	text-align: center;
}
.cga-btn{
	float: right;
	width: 24%;
	text-align: right;
	padding-top: 20px;
}

.cgaform select{
	width: 50px;
}

.captcha_p{
	/*
	float: left;
	text-align: right;
	width: 120px;
	padding: 10px 3px 4px 0px;
	*/
	text-align: center;
	padding: 3px 0px 3px 0px;
}
#i_cga_name, #i_cga_mail, #i_cga_phone{
	width: 220px;
}
#i_cga_captcha{
	float: left;
	margin: 7px 4px 0px 4px;
}
#i_cga_send{width: auto;}
#i_cga_phone{background: #ffffff url(../img2/ico-tel.png) 10px center no-repeat;}
.resp-phone-txt { font-size: 12px; color: gray; padding: 4px 0 0 64px; line-height: 16px; }

#i_cga_name:focus, #i_cga_mail:focus, #i_cga_phone:focus{
	border: 1px solid #93C30C;
}
#t_cga_message:focus{outline: none; border: 1px solid #93C30C;}



/*-----  forms  ------*/
.cgaform{	
	margin: 8px 0;
	padding: 0;
	/*
	margin: 40px 0;
	padding: 30px 20px 25px 20px;
	background-color: #f9f9f9;
	box-shadow: 0 0 10px rgba(1, 1, 1, 0.1);
	*/
}
.cgaform .btn-wrap{clear: both; text-align: center; padding: 20px 0 8px 0;}

.cgaform input[type='text']{
	width: 230px;
	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 textarea{
	width: 230px;
	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 .frm-row-error input[type='text'], .cgaform .frm-row-error textarea{
	background-color: #ffeeee;
	color: #ec5252;
	border-color: #ffcaca;
}


.cgaform-mode-tab, .cgaform .frm-row>div.cgaform-mode-tab{
	display: flex;
	flex-flow: row nowrap;
	gap: 4px;
	padding: 6px 0 4px 0;
}
.cgaform-tab-it{
	/* ... */
}
.radio-opt-answer{display: none;}
button.cgaf-btn, div.cgaf-btn{
	padding: 9px 14px;
	background-color: #ffffff;
	border: 1px solid #E1E1E1;
	color: #434343;
}
button.cgaf-btn.checked, div.cgaf-btn.checked{
	background-color: #93C30C;
	border: 1px solid #93C30C;
	color: #ffffff;
}
button.cgaf-btn>span, div.cgaf-btn>span{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 1px 0 1px 24px;
}
div.cga-btn-resp>span{background-image: url(../img2/resp-ibtn-answ.svg);}
div.cga-btn-answ>span{background-image: url(../img2/resp-ibtn-answ.svg);}
div.cga-btn-quest>span{background-image: url(../img2/resp-ibtn-quest.svg); padding-left: 20px;}

div.cga-btn-resp.checked>span{background-image: url(../img2/resp-ibtn-answ-w.svg);}
div.cga-btn-answ.checked>span{background-image: url(../img2/resp-ibtn-answ-w.svg);}
div.cga-btn-quest.checked>span{background-image: url(../img2/resp-ibtn-quest-w.svg);}


.cgaform .radio-opt{
	margin-right: 10px;
}
.cgaform .frm-row>div.radio-opt-answer{display: none;}

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

.cgaform .form-head div{
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	color: #373737;
}

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

.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: 60px;
	/*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>div.both{display: block;}

.frm-col-rows{
	clear: both;
}
.frm-col-rows:after{clear: both; content: ""; display: block;}
.frm-col-row-it{
	float: left;
	width: 48.9999%;
}
.frm-col-row-it:first-child{margin-right: 1.9999%;}

.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'], .cgaform .radio-opt input[type='checkbox']{
	display: none;
}

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

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

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

.radio-opt-answer>span{display: inline-block; padding-left: 20px;}
.radio-opt-answer>span a{}

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

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

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

.cgaform .cgaf-rate>p{padding-top: 3px;}

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

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

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

.cgaform .captha_pic{
	padding-left: 60px;
	padding-bottom: 12px;
}
.cgaform .cgaf-captcha input[type='text']{width: 70px; padding-left: 8px;}


.ccard-cleft-fullw .cgaform .frm-row-inp{float: left; width: 31%; clear: none; margin-right: 2%;}
.ccard-cleft-fullw .cgaform .frm-row-inp>p{display: block; width: auto;}
.ccard-cleft-fullw .cgaform .frm-row-inp p.ftexta{margin-top: 0;}

.cgaf-captcha { height: 60px; }


input.btn-isend{
	padding: 11px 20px;
	background-image: url(../img2/btn-ico-send.png);
	background-repeat: no-repeat;
	background-position: 18px 13px;
	padding-left: 44px;
}




.cc-bot-more{
	clear: both;
	margin: 28px 0px 28px 0px;
}
.cc-bot-text{
	clear: left;
	/*float: left;
	width: 78%;*/
	color: #808080;
	line-height: 22px;
}
.cc-bot-social{
	clear: right;
	float: right;
	width: 20%;
}


/* left prods */

.cc-goods-left{padding:8px 0 20px 0px;}
.cc-goods-go{
	padding: 7px 0px 7px 18px;
	background: url(../img4/li-arr.svg) no-repeat 2px 13px;
	font-weight: 500;
}
.cc-goods-go a{
	color: var(--color-Dark);
}

.cc-goods-left p{
	margin-top: 16px;
	font-size: 16px;
	font-weight: 500;
	padding: 3px 0px 4px 0px;
	border-bottom: 1px solid var(--color-Stroke);
	margin-bottom: 6px;
	/*background: url(../img2/sq-gray.png) no-repeat 6px 7px;*/
	/*border-left: 2px solid #e8e8e8;*/
}
.cc-goods-left ul{
	margin:0;
	padding:4px 0px 4px 0px;
	list-style:none;
	font-weight: 300;
	/*border-left: 2px solid #e8e8e8;*/
}
.cc-goods-left ul li{
	line-height:15px;
	padding:3px 5px 4px 0px;
	/*background:url(../img2/prod-li.png) no-repeat 8px 11px;*/
	margin-top:3px;
}
.cc-goods-left ul li.active{background-color:#ffed00; /*background-image: url(../img2/prod-li-sel.png);*/ font-weight:bold; }

.cc-goods-left ul li a{color: #000000;}
.cc-goods-left ul li a:hover{color: #000000; text-decoration: underline;}
.cc-goods-left ul li a:visited{color: #744803;}

.cc-goods-more{
	padding: 3px 0px 3px 10px;
	text-align: center;
}
.cc-goods-more a{
	display: inline-block;
	padding-left: 14px;
	background: url(../img2/a-drop-more.png) no-repeat 0 3px;
	font-size: 11px;
	color: #a6a6a6;
	text-decoration: none;
}
.cc-goods-more a span{ border-bottom: 1px dotted #a6a6a6;}
.cc-goods-more a:hover span{ border-bottom: 0px;}


.cc-goods-left ul.mt2goods{
	line-height: 18px;
	font-size: 14px;
}
.cc-goods-left ul.mt2goods>li{
	padding: 3px 0 2px 9px;
	margin: 2px 0 2px 0;
	background: url(../img4/li-arr-g.svg) no-repeat 0 6px;
}
.cc-goods-left ul.mt2goods>li a{
	text-decoration: none;
}
.cc-goods-left ul.mt2goods>li a:hover{
	text-decoration: underline;
}


.cc-goods-left ul.mtsmlist{
	margin:0;
	padding:0;
	list-style:none;
}
.cc-goods-left ul.mtsmlist li{padding:2px 0 2px 0px; background: none; margin: 0;}
.cc-goods-left ul.mtsmlist>li>a{
	padding: 0 0 0 20px;
	background:url(../img2/a-plus.png) no-repeat 0 2px;
	font-size: 14px;
}
.cc-goods-left ul.mtsmlist li.mtsml_open a{background-image:url(../img2/a-minus.png);}
/*ul.mtsmlist li.mtsml_open a{background:none; padding-left: 4px;}*/
.cc-goods-left ul.mtsmlist li.mtsml_open ul.mtsmlist2{display:block;}
.cc-goods-left ul.mtsmlist2{
	margin:0;
	padding:4px 0 12px 10px;
	list-style:none;
	display:none;
	border: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 16px;
}
.cc-goods-left ul.mtsmlist2 li{
	padding:3px 0 2px 9px;
	/*line-height:14px;*/
	margin: 2px 0 2px 0;
	background: url(../img4/li-arr-g.svg) no-repeat 0 7px;
}
.cc-goods-left ul.mtsmlist2 li.thisbrandsect{font-weight: 500; }
/*.cc-goods-left ul.mtsmlist2 li.odd{background:#f1f1f1;}
.cc-goods-left ul.mtsmlist2 li.even{background:#fff;}
*/
.cc-goods-left ul.mtsmlist2 li.checked{background:#ffed00; font-weight: 400;}
.cc-goods-left ul.mtsmlist2 li input{float:left;}
.cc-goods-left ul.mtsmlist2 li label{
	float:left;
	padding-left:6px;
	text-decoration:underline;
	cursor:pointer;
}
.cc-goods-left ul.mtsmlist2 li label:hover{text-decoration:none;}
.cc-goods-left ul.mtsmlist2 li a{
	background:none !important;
	padding: 0 0 0 1px !important;
	text-decoration: none;
}
.cc-goods-left ul.mtsmlist2 li a:hover{text-decoration: underline;}

.mtsmslide>div{}
.mtsmslide-lnk{display: none;}
.mtsmslide-lnk span{display: inline-block; cursor: pointer; border-bottom: 1px dotted #606060;}


/* dlg carlist */
.carapply-model{
	clear: both;
	padding: 8px 0 4px 0;
}
.carapply-modelit{
	/*cursor: pointer;*/
	color: #404040;
	font-size: 17px;
}
.carapply-it>span{
	display: inline-block;
	/*border-bottom: 1px dotted #404040;*/
	padding-right: 15px;
	background: url(../img/a-drop.png) no-repeat 100% 7px;
}

.carapply-modellist{
	clear: both;
	padding: 4px 0 4px 20px;
}

.carapply-row{
	clear: both;
	padding: 4px 0 4px 0;
}
.carapply-it{
	cursor: pointer;
	color: #5387a7;
}
.carapply-it>span{
	display: inline-block;
	border-bottom: 1px dotted #5387a7;
	padding-right: 15px;
	background: url(../img2/a-drop-bl.png) no-repeat 100% 7px;
}
.carapply-it:hover{color: #83b7d7;}
.carapply-row .car-sel-melist{margin-top: 6px; display: none;}
.carapply-row-open .car-sel-melist{display: table;}


/* car selected block left */
.car-selected{
	margin: 6px 0;
	padding: 5px 5px 5px 5px;
	border: 2px solid #e1404b;
	border-radius: 6px;
	background: #fff;
	text-align: center;
}
.car-selected .car-photo{}
.car-selected .car-model{font-size: 14px; font-weight: bold;}
/*
.car-selected p{
	padding: 2px 0px 4px 0px;
	font-weight: bold;
}
.car-selected>table{
	width: 100%;
	border-collpase: collapse;
}
.car-selected>table td{
	padding: 1px 0px 1px 0px;
	font-weight: bold;
}
.car-selected>table td:first-child{width: 60px; font-weight: normal;}
.car-selected div{
	border: 2px solid #ffa200;
	margin: 10px 0 0 0;
}
.car-selected div table{
	width: 100%;
	border-collapse: collapse;
}
.car-selected div table tr td{
	text-align: center;
	padding: 6px 0px 6px 0px;
}
.car-selected div table tr td:last-child{width: 70px;}
.car-selected div table td img{display: block; margin: 0 auto; }
*/

.car-catlist{
	padding: 4px 0 12px 0;
	clear: left;
}
.car-catlist>div{
	background: #f8f8f8;
	padding: 2px 2px 2px 2px;
	color: #9c9c9c;
}
.car-catlist>div:first-child{border-radius: 4px 4px 0 0; padding-top: 4px;}
.car-catlist>div:last-child{border-radius: 0 0 4px 4px; padding-bottom: 4px;}
.car-catlist>div>a{
	color: #000;
	padding: 0 0 0 20px;
	background: url(../img/li-arr.png) no-repeat 6px 4px;
}
.car-catlist>div a:hover{color: #444;}
.car-catlist>div.open a{background-image: url(../img/li-arr-open.png)}
.car-catlist>div ul{
	background: #fff;
	list-style: none;
	margin: 2px 0 2px 0;
	padding: 4px 0px 6px 20px;
	font-size: 11px;
}
.car-catlist>div ul li{
	background: url(../img/li-arr-sm.png) no-repeat 0 6px;
	padding: 1px 0px 1px 12px;
}
.car-catlist>div ul li.sel{font-weight: bold;}
.car-catlist>div ul li a{ color: #381f1f; }

.car-also{padding: 8px 0px 4px 0px;}
.car-also table{
	margin: 0;
	padding: 0;
}
.car-also table tr td:first-child{
	width: 60px;
}


.ccard-carcur-block{
	display: grid;
	grid-template-rows: repeat(3, auto);
	grid-template-columns: 160px auto;
	border: 2px solid var(--color-Yellow-Text);
	border-radius: 4px;
	background-color: #FAFAFA;
	margin-bottom: 10px;
}
.ccard-carcur-car{
	grid-column: 1;
	grid-row: 1 / span 3;
	background-color: #ffffff;
}
.ccard-carcur-pic{
	text-align: center;
	display: flex;
	height: 90px;
	align-items: center;
	justify-content: center;
}
.ccard-carcur-pic img{display: block; max-width: 88%; max-height: 90%;}
.ccard-carcur-car>p{
	margin-top: 8px;
	text-align: center;
	padding: 0 8px 8px 8px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
}
.ccard-carcur-lnk{
	font-size: 14px;
	line-height: 18px;
	padding: 4px 8px 4px 10px;
	border-bottom: 1px solid var(--color-Stroke);
}
.ccard-carcur-lnk:last-child{border-bottom: 0;}
.ccard-carcur-lnk a{
	color: var(--color-Dark);
}


.ccard-cleft .art-list{
	display: block;
}


/* prod page */
.catlist{
	padding: 4px 0 12px 0;
	clear: left;
}
.catlist>div{
	background: #f8f8f8;
	padding: 3px 2px 3px 2px;
	color: #9c9c9c;
}
.catlist>div:first-child{border-radius: 4px 4px 0 0; padding-top: 4px;}
.catlist>div:last-child{border-radius: 0 0 4px 4px; padding-bottom: 4px;}
.catlist>div>a{
	color: #000;
	padding: 0 0 0 20px;
	background: url(../img/li-arr.png) no-repeat 6px 4px;
}
.catlist>div a:hover{color: #444;}
.catlist>div.open a{background-image: url(../img/li-arr-open.png)}
.catlist>div ul{
	background: #fff;
	list-style: none;
	margin: 2px 0 2px 0;
	padding: 4px 0px 6px 20px;
	font-size: 11px;
}
.catlist>div ul li{
	background: url(../img/li-arr-sm.png) no-repeat 0 6px;
	padding: 1px 0px 1px 12px;
}
.catlist>div ul li.sel{font-weight: bold;}
.catlist>div ul li a{ color: #381f1f; }


.cont-left{
	padding: 4px 0px 16px 0px;
}
.cont-left p{
	padding: 6px 0px 6px 0px;
	line-height: 20px;
}
.cont-left p a{text-decoration: none;}
.cont-left p a span{ border-bottom: 1px dotted #101010;}
.cont-left div{
	background: #f6f6f6;
	padding: 10px 10px 12px 10px;
}
.cont-left div table{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.cont-left div table tr td:first-child{
	padding: 4px 20px 4px 0px;
}


/* other prods left */
.other-prods{
	clear: left;
	padding: 8px 0px 28px 0px;
}
.other-prod-it{padding: 10px 6px 30px 6px; text-align: center;}
.other-prod-it div{}
.other-prod-it div img{display: block; max-width: 90%; height: auto; margin: 0 auto;}
.other-prod-it span{display: block; font-size: 14px; padding: 4px 0px 8px 0px;}
.other-prod-it p{padding: 0; margin: 0; font-size: 18px; color: #505050;}


/* garage sel */
.ajx-load {
	display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background: silver;
    opacity: 0.8;
    position: absolute;
    padding-top: 50px;
}
.car-garage{
	clear: both;
	margin: 10px 0;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	padding: 8px 8px;
	position: relative;
}

.car-garageform 
{
	margin: 10px 0;
	border: 1px solid #e5e5e5;
	position: relative;
	box-sizing: border-box;
}

.car-garage-cur{
	clear: both;
}
.car-garage-cur:after{clear: both; content: ''; display: block;}
.car-garage-choice{
	float: right;
	width: 114px;
	box-sizing: border-box;
	border-left: 1px solid #e5e5e5;
	padding: 12px 0 12px 16px;
}
.car-garage-choice>div{
	display: inline-block;
	cursor: pointer;
	background: url(../img/a-down.png) no-repeat 100% 5px;
	padding-right: 14px;
}
.car-garage-choice>div:hover>span{
	border-bottom: 1px dotted #606060;
}
.car-garage-car{
	float: left;
	width: calc(100% - 132px);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.car-garage-carpic{
	width: 100px;
	margin-right: 20px;
}
.car-garage-carpic img{
	display: block;
	max-width: 100%;
	max-height: 50px;
	width: auto;
	height: auto;
}

.car-garage-dlg{
	display: none;
	position: absolute;
	z-index: 7;
	left: -1px;
	right: -1px;
}
.car-garage-flydlg{
	background-color: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 6px 6px rgba(200,200,200,0.2);
}
.car-garage-carlist{}
.car-garage-carlist:after{clear: both; display: block; content: '';}
.car-garage-carit{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5;
}
.car-garage-carit>div{padding: 6px 10px;}
.car-garage-carit>div:nth-child(1){
	box-sizing: border-box;
	width: 78px;
	padding-left: 8px;
	padding-right: 0;
}
.car-garage-carit>div:nth-child(1) img{
	display: block;
	max-width: 100%;
	max-height: 36px;
	width: auto;
	height: auto;
}
.car-garage-carit>div:nth-child(2){text-align: left; width: calc(100% - 202px);}
.car-garage-carit>div:nth-child(3){
	width: 120px;
	text-align: center;
}
.car-garage-carit-sel>div:nth-child(3)>span{color: #f4ac00; text-transform: uppercase;}

.car-garage-carit-sel{
	background: #fffcf6 url(../img/arr-y-sel.png) no-repeat 0 50%;
	border: 1px solid #f5b211;
}

.car-garage-carit a.add-a{text-align: left; cursor: pointer;}

.car-garage-carit div:nth-of-type(3) span { display: none; }
.car-garage-carit div:nth-of-type(3) button { display: block; }
.car-garage-carit-sel div:nth-of-type(3) span { display: block; }
.car-garage-carit-sel div:nth-of-type(3) button { display: none; }

.car-garage-carit div:nth-of-type(3)>span { display: none; }
.car-garage-carit div:nth-of-type(3)>button { display: block; }
.car-garage-carit-sel div:nth-of-type(3) span { display: block; }
.car-garage-carit-sel div:nth-of-type(3) button { display: none; }

.car-garage-carit-tmp span { display: none; }
.car-garage-carit-tmp .nogaragelist-links { display: block; }

.car-garage-carit-tmp.car-garage-carit-sel span { display: block; }
.car-garage-carit-tmp.car-garage-carit-sel .nogaragelist-links { display: none; }

.car-garage-dop{
	text-align: center;
	padding: 14px 10px;
	font-size: 13px;
	color: #909090;
	height: 48px
}
.car-garage-dop .lft {
	float: left;
}
.car-garage-dop .rgt {
	float: right;
}
a.add-a{
	display: inline-block;
	padding-left: 20px;
	background: url(../img/ibtn-add-plus.png) no-repeat 0 1px;
	margin-left: 10px;
}
a.a-back{
	display: inline-block;
	padding-left: 16px;
	background: url(../img/a-back-sm.png) no-repeat 0 5px;
	color: #646464;
}
a.a-back:hover{color: #303030;}

a.btn-nogarage-sel-car, a.btn-nogarage-nosel-car{
	display: inline-block;
	font-size: 13px;
	line-height: 14px;
	border-radius: 4px;
	padding: 3px 10px;
	text-decoration: none;
}
a.btn-nogarage-sel-car{background-color: #93c30c; color: #ffffff;}
a.btn-nogarage-sel-car:hover{background-color: #a0d116;}

a.btn-nogarage-nosel-car{background-color: #d0d0d0; color: #ffffff;}
a.btn-nogarage-nosel-car:hover{background-color: #b0b0b0;}

.car-garage-dop a.del-a{
	display: inline-block;
	background: url(../img/a-clear-sel.png) no-repeat 0 0;
	padding-left: 18px;
}


.add2gar{padding-top: 4px;}
.add2gar a.add-a{margin-left: 0;}

.car-garage-addfrm{
	border-top: 2px solid #e5e5e5;
}
.car-garage-addfrm:after{clear: both; content: ''; display: block;}
.car-garage-addr{
	float: right;
	width: 190px;
	padding: 8px 0 12px 0;
}
.car-garage-addl{
	float: left;
	width: calc(100% - 196px);
	box-sizing: border-box;
	background-color: #fafafa;
	min-height: 120px;
	border-right: 1px solid #e3e3e3;
}

.car-garage-back{
	padding: 12px 0 12px 20px;
	font-size: 13px;
	line-height: 16px;
}

.car-garage-addcarpic{
	padding: 10px 0;
}
.car-garage-addcarpic img{
	display: block;
	margin: auto;
	max-width: 96%;
	width: auto;
	height: auto;
}
.car-garage-addsave{
	font-size: 13px;
}
.car-garage-addcarname{
	text-align: center;
}
.car-garage-selother{
	text-align: center;
}

.car-garage-addfrm .car-sel-more{color: #78a008;}
.car-garage-addfrm .car-sel-more>span{background-image: url(../img/a-drop-gr.png);}
.car-garage-addfrm .car-sel-more:hover{color: #8ebb0f;}

/* end garage sel */

/* 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(../img/a-down.png) no-repeat 96% 50%;
	padding: 12px 20px 12px 12px;
	min-height: 42px;
}
.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>div>a{display: block; float: left; width: 57px;}
.car-sel-inp:nth-child(1)>div>a{width: 50px;}
.car-sel-inp:nth-child(3)>div>a{width: 62px;}
.car-sel-inp:nth-child(4)>div>a{width: 71px;}
.car-sel-inp>div>span{display: inline-block; width: calc(100% - 72px); height: 18px; overflow: hidden; color: #909090; }
.car-sel-inp:nth-child(1)>div>span{width: calc(100% - 62px);}
.car-sel-inp:nth-child(3)>div>span{width: calc(100% - 74px);}
.car-sel-inp:nth-child(4)>div>span{width: calc(100% - 83px);}

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

.coming a{color: gray;}
.car-sel-inp.coming>div{background-color: #ededed;}
.car-sel-inp.coming a{cursor: default; color: #a0a0a0;}

.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-list-short {
	max-height: 260px;
    overflow: hidden;
	position: relative;
}
.car-sel-list-short:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(249,249,249,1) 100%);
}

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


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

.car-sel-mlist{}
.car-sel-mlist:after{display: block; content: ''; clear: both;}
.car-sel-m{
	float: left;
	cursor: pointer;
	background: #ffffff;
	width: 19.49999%;
	margin-left: 0.49999%;
	text-align: center;	
	height: 90px;
	margin-bottom: 4px;
	font-size: 13px;
	overflow: hidden;
}
.car-sel-m-sel{background-color: #d4d4d4;}
.car-sel-m>a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	box-sizing: border-box;
	padding: 4px 6px;
	color: #292929;
}
.car-sel-m-pic{
	height: 50px;
}
.car-sel-m-pic img{
	display: block; 
	margin: auto;
	max-width: 94%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.car-sel-m-name{
	line-height: 16px;	
	font-family: Roboto;
	text-transform: uppercase;
}
.car-sel-m>a:hover{background-color: #d4d4d4;}
.car-sel-m>a:hover .car-sel-m-name{color: #ffffff;}

.car-sel-mtdlist{}
.car-sel-mtdlist:after{display: block; content: ''; clear: both;}
.car-sel-mtd{
	float: left;
	cursor: pointer;
	background: #ffffff;
	box-sizing: border-box;
	width: 49.49999%;
	margin-left: 0.99999%;
	margin-bottom: 7px;
	text-align: left;	
	height: 40px;
	overflow: hidden;
	padding: 12px 14px;	
	font: 14px/16px Roboto;
}
.car-sel-mtd:nth-child(2n+1){margin-left: 0;}
.car-sel-mtd:hover{background-color: #f0f0f0;}

.car-sel-mtd-sel{background-color: #d4d4d4; color: #ffffff;}

.car-sel-melist{
	display: table;
	width: 100%;
	border-spacing: 0;	
	font: 13px/14px Roboto;
}
.car-sel-melist>div{
	display: table-row;	
	background-color: #ffffff;
}
.car-sel-melist>div>div{
	display: table-cell;	
	border-top: 1px solid #e0e0e0;
	padding: 3px 0;
}
.car-sel-melist>div:last-child>div{border-bottom: 1px solid #e0e0e0;}
.car-sel-melist>div:first-child>div{border-top: 0;}
.car-sel-melist>div.car-sel-e-th>div{background-color: #f4f4f4; padding: 6px 2px 5px 8px;}
.car-sel-melist>div>div>span{
	display: block;
	/*border-left: 1px solid #e0e0e0;*/
	padding: 8px 4px 8px 32px;
}
.car-sel-melist>div>div.cse-yy>span{padding-left: 6px;}
.car-sel-melist>div>div:first-child>span{border-left: 0;}

.cse-type>span{background-position: 10px 50%; background-repeat: no-repeat;}
.cse-type-gas>span{background-image: url(../img/cc-type-fuel.png);}
.cse-type-diesel>span{background-image: url(../img/cc-type-diesel.png);}
.cse-type-hybrid>span{background-image: url(../img/cc-type-hybrid.png); background-position: 9px 50%;}
.cse-type-ev>span{background-image: url(../img/cc-type-ev.png);}
.cse-type-propan>span{background-image: url(../img/cc-type-propan.png); background-position: 8px 50%;}

.cse-engine>span{background: url(../img/cc-engine.png) no-repeat 10px 50%;}
.cse-hp>span{background: url(../img/cc-hp.png) no-repeat 10px 50%;}

.cse-drive>span{background-position: 8px 50%; background-repeat: no-repeat;}
.cse-drive-fwd>span{background-image: url(../img/cc-drive-fwd.png);}
.cse-drive-bwd>span{background-image: url(../img/cc-drive-bwd.png);}
.cse-drive-awd>span{background-image: url(../img/cc-drive-awd.png);}

.car-sel-melist>div:hover{background-color: #f8f8f8; cursor: pointer;}
.car-sel-melist>div.car-sel-erow-sel{background-color: #ffea00; color: #ffffff;}

.dlg-wnd-txt .car-sel-melist>div:hover{cursor: default;}

.car-sel-erow-sel .cse-engine>span{background-image: url(../img/cc-engine-w.png);}
.car-sel-erow-sel .cse-hp>span{background-image: url(../img/cc-hp-w.png);}
 /* end select car */
 
 /* garage */
.mcperscar-list .btn{margin-bottom: 6px;}
.mcperscar-list .div-tbl-row>div:first-child>div>img{max-width: 110px;}
.mcperscar-list .div-tbl-row>div:nth-child(2)>div img{max-width: 140px;}
.mcperscar-list .div-tbl-row>div:last-child{padding-left: 4px; padding-right: 4px; min-width: 200px;}



/* bottom prod info */
.panel-bot-prod{
	display:block;
	position: fixed;
	z-index: 6;
	bottom: -100px;
	left: 0;
	right: 0;
	height: 68px;
	background: #FFFCE4;
	border-top: 1px solid #93C30C;
	box-shadow: 0 0 6px rgba(200,200,200,0.4);
	transition: bottom 0.6s ease-out;
}
.panel-bot-prod-show{
	bottom: 0;
}
.panel-bot-prod-in{
	padding: 4px 16px;
	box-sizing: border-box;
	min-height: 62px;
}
.panel-bot-prod-data{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	max-width: 1000px;
	min-height: 60px;
	margin: auto;
}
.panel-bot-prod-pic{
	background-color: #ffffff;
	border: 1px solid #BFD8BD;
	width: 78px;
	height: 78px;
}
.panel-bot-prod-pic img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.panel-bot-prod-i{
	width: 100%; /*calc(100% - 120px);*/
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;	
}
.panel-bot-prod-name{
	
}
.panel-bot-prod-name>div{
	padding-bottom: 6px;
}
.panel-bot-prod-name>p{
	font-size: 20px;
	font-weight:600;
    color: #434343;
}


/* adaptive styles */
@media only screen and (min-width: 1480px)
{
	/* product */	
	.ccard-l{width: 680px;}
	.ccard-r{width: 740px;}
	
	ul.c2tlist li a, ul.c2tlist li>b{padding-left: 40px; padding-right: 40px;}
	
	.ccard-cright{ width: 1180px; }
	.ccard-content{width: calc(100% - 410px);}
	.ccard-right{width: 370px;}	
	
	/*	
	.ccard-content{width: 860px;}
	*/	
	.ccard-gift-act{ width: 520px; }
	/*.ccard-inf {margin-right: 10px;width: 304px;}
	.ccard-ico table tr td{padding-right: 80px;}*/
	/*.ccard-packrow{ padding-left: 80px; padding-right: 70px;}*/
	.c3ribody{width: 1020px;}
}

@media only screen and (min-width: 1860px)
{
	/* product */	
	.ccard-l{width: 680px;}
	.ccard-r{width: 900px;}
	
	.ccard-cright{width: 1460px;}
	/*.ccard-content{width: 1200px;}*/
	
	.ccard-gift-act{ width: 700px; }
	/*.ccard-inf {margin-right: 10px;width: 394px;}
	.ccard-art{ width: 400px;}*/
	
	.ccard-apart-cars.cols2{width: 60%;}
	.ccard-apart-appli {width: 39%;}
	
	/*.ccard-packrow{ padding-left: 160px; padding-right: 140px;}*/
	.c3ribody{width: 1300px;}	
}

@media only screen and (max-width: 1200px)
{
	.ccard-l{width: 400px;}
	.ccard-r{width: 580px;}
	
	.ccard-rate-stars>p{display: none;}
	
	.ccard-tips-tbl>div:nth-child(2){flex-basis: 35%;}
	
	.ccard-maininfo{		
		display: flex;
		flex-flow: column wrap;
	}
	
	.ccard-cright{order: 1; width: 100%; float: none;}
	.ccard-cleft{order: 2; width: 100%; float: none; display: flex; flex-flow: row wrap; gap: 3.99999%;}
	.ccard-cleft .lbl:first-child .lbl-hdr{margin-top: 20px;}
	.ccard-cleft .lbl:first-child .lbl-hdr span{border-bottom: 2px solid var(--color-Yellow);}
	
	.lbl-cols{flex-basis: 47.99999%;}
	
	.ccard-hdr-row{flex-flow: column wrap; gap: 6px;}
}

/*
@media only screen and (min-width: 981px) and (max-width: 1119px)
{
	/* product * /
	.ccard-l{width: 410px;}
	.ccard-r{width: 540px;}
	
	.ccard-ico table td{padding-right: 50px;}	
	.ccard-gift{padding-left: 22px;}
	.ccard-gift-act{ width: 380px;}
	
	.ccard-cright{width: 762px;}
	.ccard-pack{padding-left: 16px; padding-right: 16px;}
	.pack-prod{width: 240px;}
	.pack-add{margin: 0 12px; width: 220px;}
	.pack-act{width: 212px;}
	.pack-act-pad{padding-left: 34px;}	
	
	.ccard-content{float: none; width: auto;}
	.ccard-right{width: auto; float: none; clear: both; margin-top: 20px;}
		
	.cc-info iframe{max-width: 740px !important;}
	
	.c3ribody{width: 600px;}
	.cgaform table td p.lab{width: 72px;}
	.cgaform table td.cga-seccode{padding-left: 0px;}
	
	.similar-list ul li{
		float: left;
		width: 190px;
		height: 180px;
	}
	
	.h-it{text-align: center; padding: 0 10px;}
	.h-it-pic{ float: none; width: auto; }
	.h-it-i{ float: none; width: auto; }	
}
*/

@media only screen and (max-width: 1000px)
{
	/* product */
	.ccard-l{float: none; width: auto;}
	/*.ccard-img{ float: left; width: 470px; }
	.ccard-pics{ clear: none; float: right; width: 300px; padding-top: 30px;}
	*/
	.ccard-r{float: none; width: auto;}	
	
	/*.ccard-buy1c-2 #buy1click{left: -150px;}*/
	
	.ccard-content{float: none; width: auto;}
	.cc-info iframe{max-width: 760px !important;}
		
	.pack-prod{width: 240px;}
	.pack-add{margin: 0 10px;}		
	
	.c3ribody{width: 640px;}
	/*.captcha_p{float: none; width: auto;}*/
	.ccard-right{
		float: none;
		width: auto;
		margin-top: 20px;
	}
	
	.h-it{text-align: center; padding: 0 10px;}
	.h-it-pic{ float: none; width: auto; }
	.h-it-i{ float: none; width: auto;}
		
	/*#content2 #left{width: auto; float: none; clear: both;}*/
	/*.lbl-cols{float: left; width: 30%; margin-right: 3%;}	*/
	/*.ccard-cright{clear: both; float: none; width: auto;}*/
	
	/* fly galery */
	.prodgalery{width: 700px;}
	.prodgalin{padding-left: 10px; padding-right: 10px;}
	.prodgalcont{float: none; clear: both; width: auto; padding-top: 14px;}
	.prodgalbtns{float: none; clear: both; width: auto;}
	.pflycode{float: left; padding: 4px 0; width: 150px;}
	.pflyart{float: left; padding: 4px 0; width: 240px;}
	.pflycode{float: left; padding: 4px 0; width: 150px;}
	.pflycost{float: left; padding: 10px 0; width: 100px;}
	.pflybuy{float: left; padding: 0 0; width: 150px;}
}

@media only screen and (max-width: 800px)
{	
	/* product */
	.ccard-img{float: none; margin: 0 auto;}
	.ccard-pics{ clear: left; float: none; width: auto; padding-top: 20px;}	
	
	.ccard-content{float: none; width: auto;}
	.ccard-right{width: auto; float: none; clear: both;}
	
	.cc-info iframe{max-width: 98% !important;}
	
	.ccard-gift{padding-left: 2%; padding-right: 2%; }
	.ccard-gift-act{width: 82%;}
	
	.ccard-act{padding-left: 2%; padding-right: 2%;}
	
	.ccard-pack{padding-left: 4px; padding-right: 4px;}
	.pack-prod{width: 220px;}
	.pack-add{margin: 0 5px; width: 210px;}
	.pack-act{width: 212px;}
	.pack-act-pad{padding-left: 34px;}	
	
	.cc-bot-text{
		height: 134px;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
	.cc-bot-text:before{
		display: block; content:""; width: 100%; position: absolute; z-index: 2; left:0; bottom: 0; height: 50px; 
		background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%, #FFFFFF 100%) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0px, #FFFFFF 80%, #FFFFFF 100%) transparent;
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0px, #FFFFFF 80%, #FFFFFF 100%) transparent;
		background: linear-gradient(top, rgba(255, 255, 255, 0) 0px, #FFFFFF 80%, #FFFFFF 100%) transparent;
	}
	
}

@media only screen and (max-width: 720px)
{
	/* car selector parts */		
	.car-garage-addr{float: none; margin: 0 auto; padding: 0px 0;}
	.car-garage-addl{float: none; width: auto; clear: both; border-top: 1px solid #e3e3e3; border-right: 0;}
	.car-garage-addcarpic{display: none; padding: 0 0 2px 0;}
	.car-garage-addcarname{display: none;}
	.car-garage-selother{padding: 12px 0;}
	
	/* product */
	.ccard-gift-act{width: 76%;}
	
	/*.ccard-inf{width: 44%; margin-left: 5%;}*/
	
	.cc-info img{width: 94% !important;}
	.cc-info iframe{width: 97% !important;}
	
	/*
	.c3ristatus{width: 25%;}
	.c3ribody{width: 74%;}
	*/
	
	.cga-seccaptcha{width: 40%;}
	.cga-seccode{width: 35%;}
	.cga-seccaptcha img{width: 100%; height: auto;}
	
	.mtsmslide{max-height: 300px; position: relative; z-index: 1; overflow: hidden;}	
	.mtsmslide:before{
		display: block; content:""; width: 100%; position: absolute; z-index: 2; left:0; bottom: 0; height: 50px; 
		background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%, #FFFFFF 100%) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0px, #FFFFFF 80%, #FFFFFF 100%) transparent;
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0px, #FFFFFF 80%, #FFFFFF 100%) transparent;
		background: linear-gradient(top, rgba(255, 255, 255, 0) 0px, #FFFFFF 80%, #FFFFFF 100%) transparent;
	}
	.mtsmslide-open{max-height: none;}
	.mtsmslide-open:before{display: none;}
	.mtsmslide-lnk{display: block; padding: 6px 0;}
		
}

@media only screen and (max-width: 650px)
{
	.ccard-apart-cars-full-3{flex-flow: row wrap;}
	.ccard-apart-cars-full-1 .ccard-apart-carit{flex-basis: 100%;}
	.ccard-apart-cars-full-2 .ccard-apart-carit{flex-basis: 100%;}
		
}

@media only screen and (max-width: 600px)
{
	/* card */
	.ccard-cost{justify-content: center; gap: 8px;}
	.ccard-pr{width: 100%; padding-top: 0; margin-bottom: 24px; text-align: center;}
	.ccard-buy{float: none; width: auto;}
	.ccard-btndop{width: auto;}
	
	.ccard-cargen-it{flex-basis: calc(50% - 7px);}
	
	.ccard-pack{padding-left: 0px; padding-right: 0px;}
	.pack-prod{width: 210px;}
	.pack-add{margin: 0 2px; width: 200px;}
	.pack-act{clear: left; width: 220px; margin-left: 70px;}
	.pack-act-pad{padding-left: 40px;}	
	
	.ccard-apart-cars.cols2{display: block; float: none; width: auto;}
	.ccard-apart-appli {display: block; float: none; width: 330px; clear: left; margin-top: 14px; margin-left: 22px;}
	
	.mclit-pack-n{float: left; width: 75%; margin-left: 1%; padding-top: 2px;}
	
	.cga-seccaptcha{width: 54%;}
	.cga-seccode{width: 45%;}
	.cga-seccaptcha img{width: auto; height: auto;}
	.cga-btn{float: none; clear: both; width: auto; padding: 12px 0 10px 0px; text-align: center;}
	
	.frmform .field-w2, .frm .field-w2{width: 200px;}
	.frmform .field-w1, .frm .field-w1{width: 170px;}
	.frmform textarea.field{width: 200px;}
	
	.cartdiscbot{background: url(../img2/disccode-bg-lbl2.gif) no-repeat 16px 16px; border: 1px solid #d9d9d9; border-radius: 11px; width: auto;}
	
	/* car assign table in card */
	.tdoc-car-tbl{
		display: block;
	}
	.tdoc-car-tbl .tbl-tr{display: block;}
	.tdoc-car-tbl .tbl-tr:after{clear: both; content: ''; display: block;}
	.tdoc-car-tbl .tbl-tr>div{display: block; float: left; overflow: hidden; box-sizing: border-box; padding: 6px 0 6px 0;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(1){width: 23%; border-bottom: 0; min-height: 40px; padding-left: 5px;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(2){width: 31%; border-bottom: 0; min-height: 40px;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(3){width: 15%; border-bottom: 0; min-height: 40px;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(4){width: 30.99999%; border-bottom: 0; min-height: 40px;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(5){width: 23%; clear: left; padding-left: 5px;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(6){width: 31%;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(7){width: 45.999999%;}
	.tbl-tr-car{}	
	
}

@media only screen and (max-width: 540px)
{
	.ccard-resp{margin-right: 5px;}

	.ccard-tips-tbl{/*flex-flow: column wrap;*/ flex-flow: row wrap; justify-content: flex-start; align-items: center; /*flex-start;*/}
	.ccard-tips-tbl>div{width: calc(49.99999% - 10px); padding: 4px 0;}
	.ccard-tips-tbl>div:nth-child(2){flex-basis: calc(49.99999% - 10px);}
	.ccard-tips-tbl>div:first-child{width: 100%; margin-bottom: 10px; text-align: center;}
}

@media only screen and (max-width: 530px)
{
	/*
	.ccard-cost{background-position: 50% 0;}
	.ccard-pr{float: none; clear: both; width: auto; text-align: center; padding-bottom: 30px;}
	.ccard-buy{clear: left; width: 48.99999%; text-align: right;}
	.ccard-btndop{float: right; width: 48.99999%;}
	*/
	
	#buy1click{left: -100%; width: auto;}
	
	#buy1clickc{padding: 0 12px;}
	.pop1_mob_l{left: -100% !important;}
	
	.ccard-buy1c-2{width: auto; float: none; text-align: center;}
	.ccard-buy1c-2 #buy1click{left: 0; /*left: -100%;*/ width: auto;}

	#email1c{width: 99%;}
		
	.carmodel-to-promo{background-size: 170px auto, 170px auto; padding: 25px 15% 80px 15%;}
	
}

@media only screen and (max-width: 500px)
{			
	/* product */
	.ccard-img{float: none; width: auto;}
	.ccard-img table td{height: auto;}
	.ccard-img table td img{max-width: 98%; max-height: 360px; height: auto; width: auto;}		
	.ccard-pad{padding: 8px 10px 12px 10px;}
	.ccard-row{padding: 6px 0;}
	.ccard-ico{padding: 16px 0;}
	.ccard-ico-row{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto;}
	.ccard-ico-row>div:first-child{display: none;}
	.ccard-row-brd{flex-flow: row wrap;}
	/*.ccard-art{display: none; width: auto;}*/	
	.ccard-rate-stars{margin-left: 0;}
	.ccard-rate-stars p{padding-right: 4px;}
	.ccard-rate-stars p i{display: none;}
	
	.ccard-ico table{width: 100%;}
	.ccard-ico table tr td{padding-right: 0; width: 49.99999%;/*width: 33%;*/}
	.ccard-ico table tr td:first-child{display: none;}
	
	.ccard-cmp{/*float: right; width: 49%; clear: right; */ grid-row: 1 / span 1; grid-column: 2 / span 1; text-align: left; width: auto; padding-top: 0;}
	.ccard-wish{/*float: right; width: 49%; clear: right; */ grid-row: 2 / span 1; grid-column: 2 / span 1;  text-align: left;}
	/*.ccard-cmp{float: none; width: auto; text-align: left; padding: 2px 0 4px 0;}
	.ccard-wish{float: none; width: auto; text-align: left; padding: 2px 0 4px 0;}*/
	.ccard-code{padding-left: 0; padding-top: 0px; grid-row: 1 / span 1; grid-column: 1 / span 1; /*clear: both; float: left; clear: left; padding-top: 8px;*/}
	.ccard-artt{display: block; grid-row: 2 / span 1; grid-column: 1 / span 1;}
	.ccard-row-ccp{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; row-gap: 12px;}
	/*:after{clear: both; content: ''; display: block;}*/
	/*
	.ccard-buy{width: auto;}
	.ccard-buy1c{clear: left; float: none; width: auto; padding: 14px 0px 10px 0px; text-align: center;}
	*/
	
	.ccard-apart-cars{padding-left: 10px; padding-right: 10px;}
	.ccard-apart-analog{padding-left: 10px; padding-right: 10px;}
	.ccard-apart-appli{margin-left: 10px; width: calc(100% - 20px);}
	
	.ccard-shopavail-it{flex-flow: column nowrap; gap: 4px;}
	.ccard-shopavail-itmap{padding-left: 22px;}
	
	.ccard-inf-row{flex-flow: column nowrap;}
	.ccard-inf:last-child{border-left: 0; border-top: 1px solid var(--color-Stroke);}
	/*.ccard-inf{float: none; width: auto; margin-left: 0; padding-bottom: 10px;}*/
	
	.ccard-gift-tm{clear: left; float: none; width: auto;}
	.ccard-gift-act div.gift-info{clear: both; text-align: center; padding: 8px 0px 10px 0px;}
	
	.lbl-cols{ clear: left; float: none; width: auto;}
	ul.c2tlist{margin-left: 4px;}
	ul.c2tlist li{margin-right: 6px;}
	ul.c2tlist li a{padding-right: 8px;}
	
	.ccard-cleft .lbl-hdr{font-size: 20px;}
	
	.ccard-content{margin: 0 6px;}
	
	.cc-bot-social{
		clear: left;
		float: none;
		width: auto;
	}
	
	/*
	.c3ristatus{width: 33%;}
	.c3ribody{width: 66%;}	
	*/
	
	.cgacol{float: none; clear: both; width: auto; margin-left: 0;}
	.cga-seccaptcha img{width: 100%; height: auto;}
	
}

@media only screen and (max-width: 470px)
{
	.cart-status{float: none; clear: both; width: auto;}
	
	/*--------  garage adaptive  ----*/	
	/*
	.car-garage-addr{float: none; margin: 0 auto;}
	.car-garage-addl{float: none; width: auto; clear: both;}
	.car-garage-addcarpic{padding: 0 0 2px 0;}
	*/
	.car-garage-dop{line-height: 16px; height: auto; padding: 6px 6px;}
	
	.car-garage-choice{float: none; clear: both; border-top: 1px solid #f0f0f0; border-left: 0; width: 100%; padding-bottom: 6px;}
	.car-garage-car{float: none; width: auto; padding-bottom: 4px;}
	.car-garage-dop:after{clear: both; content: ''; display: block;}
	.car-garage-dop .lft{float: none; line-height: 22px;}
	.car-garage-dop .lft a.add-a{background-position: 0 3px;}
	.car-garage-dop .rft{float: none; padding: 6px;}
	
	.car-sel-list-short{max-height: 360px;}
	
	.car-sel-melist{display: block;}
	.car-sel-melist>div{display: flex; flex-direction: row; flex-wrap: wrap;}
	.car-sel-melist>div:nth-child(2n){background-color: #f4f4f4;}
	.car-sel-melist >div>div{display: block; box-sizing: border-box; border-top: 0;}
	.car-sel-melist >div>div.cse-type{width: 24.99999%; border-bottom: 1px solid #f0f0f0;}
	.car-sel-melist >div>div.cse-engine{width: 29.99999%; border-bottom: 1px solid #f0f0f0;}
	.car-sel-melist >div>div.cse-yy{width: 43.99999%; border-bottom: 1px solid #f0f0f0;}
	.car-sel-melist >div>div.cse-hp{width: 48.99999%; border-bottom: 2px solid #e0e0e0;}
	.car-sel-melist >div>div.cse-hp>span{border-left: 0;}
	.car-sel-melist >div>div.cse-drive{width: 49.99999%; border-bottom: 2px solid #e0e0e0;}

	#dlgcars-flywnd .car-sel-melist>div.car-sel-e-th{display: none;}
}

@media only screen and (max-width: 420px)
{
	.ccard-act{flex-flow: column wrap;}
	.ccard-act-info{width: auto;}
	.ccard-act-cost{width: auto;}
}

@media only screen and (max-width: 420px)
{
	/*#buy1click{width: 99%;}*/
	#buy1clickc{padding: 0 5%;}
	.buy1-left{width: 48%;}
	.buy1-right{width: 50%;}
	.buy1-right a.btn-buy{padding-right: 10px; padding-left: 28px; background-position: 5px 7px;}
	#phone1c{font-size: 14px; width: 98%;}
	
	.icar-mod-pic table td img{width: auto; max-width: 98%; height: auto; max-height: 64px;}
	
	
	.ccard-img table td a{display: block;}
	.ccard-img table td img{max-height: 310px;}
	
	.ccard-lowcost{width: 99%;}
	.ccard-lowcost table tr td:last-child input{width: 96%;}
	.ccard-lowcost-btn{width: auto; clear: both; text-align: center; float: none; padding: 8px 0px 12px 0px;}
	
	.ccard-gift-act{width: 60%;}
	.ccard-gift-tm{font-size: 14px;}
	
	.ccard-pack{padding-left: 10px; padding-right: 10px;}
	/*
	.pack-prod{float: none; clear: both; width: auto; padding: 0 20px 30px 20px; background-position: 50% 100%;}
	.pack-prod-i{padding-top: 0; padding-bottom: 0;}
	.pack-add{float: none; clear: both; width: auto; padding: 20px 20px 10px 20px;}	
	.pack-act{margin: 0; padding: 12px 0 10px 0; float: none; clear: left; width: auto; background-position: 50% 4px;}	
	*/
	.pack-prod{float: none; clear: both; width: auto; padding: 0 20px 30px 20px; background-position: 50% 100%; display: grid; grid-template-rows: auto; grid-template-columns: 90px auto; gap: 10px;}
	.pack-prod-m{grid-row: 1; grid-column: 2; text-align: left; padding: 0;}
	.pack-prod-i{grid-row: 1 / span 2; grid-column: 1; padding: 0;}
	.pack-prod-cost{grid-row: 2; grid-column: 2;}
	.pack-prod-cost div{text-align: left;}
	.pack-add{float: none; clear: both; width: auto; padding: 20px 20px 10px 20px; display: grid; grid-template-rows: auto; grid-template-columns: 90px auto;}	
	.pack-add-m{grid-row: 1; grid-column: 2; text-align: left; padding: 0;}
	.pack-add-i{grid-row: 1 / span 2; grid-column: 1; padding: 0;}
	.pack-add-cost{grid-row: 2; grid-column: 2;}
	.pack-add-cost div{text-align: left;}
	.pack-act-pad{padding: 30px 20px 0 40px;}
	.pack-act p{background-position: 50% 0;}
	
	.cga-seccaptcha{float: none; width: auto; clear: both;}
	.cga-seccaptcha img{width: auto; height: auto; margin: 0 auto; display: block;}
	.cga-seccode{float: none; width: auto; clear: both;}	
	
}

@media only screen and (max-width: 400px)
{
	/* garage */
	.car-sel-b{width: 23.99999%; margin-left: 0.99999%;}
	.car-sel-b:nth-child(7n+1){margin-left: 0.99999%;}
	.car-sel-b:nth-child(6n+1){margin-left: 0.99999%;}
	.car-sel-b:nth-child(5n+1){margin-left: 0.99999%; clear: none;}
	.car-sel-b:nth-child(4n+1){margin-left: 0; clear: left;}
	
	.car-sel-m{width: 48.99999%; margin-left: 0.99999%;}
	
}

@media only screen and (max-width: 380px)
{			
	/* product */
	.ccard-img table td img{max-height: 270px;}	
}
@media only screen and (max-width: 370px)
{		
	/* card */
	.buy1-left{float: none; clear: left; width: auto;}
	.buy1-right{float: none; clear: left; width: auto;}
	
	.ccard-cmp{float: none; width: auto; text-align: left; padding: 2px 0 4px 0;}
	.ccard-wish{float: none; width: auto; text-align: left; padding: 2px 0 4px 0;}	
}
@media only screen and (max-width: 320px)
{
	.ccard-img table{width: 240px;}
	.ccard-img table td{width: 240px;}
	.ccard-img table td img{max-width: 240px;}
	
	.ccard-pr{clear: both; float: none; width: auto; text-align: center;}
	.ccard-buy1c-2, .ccard-buy{clear: both; float: none; width: auto; text-align: center; padding-top: 27px;}
}