/* car brands and models */
/*
.carb-col{
	float: left;
	width: 19%;
	margin-right: 0.9999%;
	padding-top: 12px;
	padding-bottom: 2px;
}
*/
.carb-list{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 20px;
	row-gap: 28px;
}
.carb-it{
	/*float: left;
	width: 19%;
	margin-right: 0.9999%;*/
	height: 52px;
}
.carb-it table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.carb-it table tr td{vertical-align: top;}
.carb-it table tr td:first-child{width: 80px; text-align: center;}
.carb-it table tr td div{font-size: 16px; padding: 2px 0px 2px 0px;}
.carb-it table tr td div a{color: var(--color-Dark);}
.carb-it table tr td p{font-size: 14px; line-height: 16px; font-weight: 300; color: #707070;}


.carb-main{}
.car-brand-logo{
	float: left;
	width: 200px;
}
.car-brand-logo img{
	display: block;
}
.car-brand-i{
	float: right;
	width: 680px;
}
.carb-models{
	clear: left;
	padding: 24px 0 28px 0;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 6%;
	row-gap: 20px;
}
.carb-model-it{
	border-left: 1px solid #dddddd;
	height: 120px;
}
.carb-model-it table{
	margin: 0 0 0 24px;
	padding: 0;
	border-collapse: collapse;
}
.carb-model-it table tr td:first-child{
	height: 120px;
	width: 180px;
	text-align: center;
}
.carb-model-tit{
	font-weight: 500;
	font-size: 16px;
}
.carb-model-tit a{color: var(--color-Dark);}
.carb-model-txt{
	color: #808080;
	font-weight: 300;
	font-size: 14px;
	padding: 4px 0px 0px 0px;
}

.lcarb-it{
	padding: 3px 0px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 20px;
	font-size: 14px;
}
.lcarb-it>div:first-child{width: 64px;}
.lcarb-it>div:last-child a{color: var(--color-Dark);}

/*
.lcarb-it table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;	
	font-size: 14px;
}
.lcarb-it table tr td{
	vertical-align: middle;
	padding: 0 20px 0 0;
}
.lcarb-it table tr td:first-child{
	width: 64px;
	text-align: center;
}
*/

ul.lcarm-list{
	margin: 6px 0;
	padding: 0;
	list-style: none;
}
ul.lcarm-list li{
	padding: 5px 0px 5px 20px;
	background: url(../img4/li-gray.svg) no-repeat 3px 12px;
}
ul.lcarm-list li a{text-decoration: none; color: var(--color-Dark);}
ul.lcarm-list li a:hover{text-decoration: underline;}
ul.lcarm-list li.active{font-weight: 500; background-image: url(../img4/li-rnd-yel.svg);}

.carmodel-info{
	padding: 12px 0px 12px 0px;
}
.carmodel-info:after{
	clear: both;
	content: "";
	display: block;
}
.carmodel-info-p{
	float: left;
	width: 200px;
}
.carmodel-info-t{
	float: left;
	width: 660px;
}
.carmodel-info-tin{
	max-height: 150px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.carmodel-info-tin:before{
	display: block;
	content: "";
	position: absolute;
	z-index: 2;
	left: 0; 
	right: 0;
	bottom: 0;
	height: 46px;
	background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,1));
}
.carmodel-info-vis .carmodel-info-tin{max-height: 100%;}
.carmodel-info-vis .carmodel-info-tin:before{display: none;}
.carmodel-info-ta{
	clear: both;
	padding: 4px 0 8px 14px;
	background: url(../img4/a-slide-down-sm.svg) no-repeat 0 8px;
	margin-top: 6px;
}
.carmodel-info-ta>span{
	cursor: pointer;
	display: inline-block;
	border-bottom: 1px dotted #202020;
}
.carmodel-info-ta>span:hover{color: #909090; border-bottom: 1px dotted #909090;}
.carmodel-info-vis .carmodel-info-ta{background-image: url(../img4/a-slide-up-sm.svg);}

/*
.carmodel-info table tr td:first-child{
	width: 200px;
	text-align: center;
}
*/


.carmodel-sects{
	clear: left;
	padding: 10px 0px 20px 0px;
}
.carmodel-sects span{
	display: block;
	padding: 2px 0px 2px 0px;
}
.carmodel-sects a{
	padding-left: 10px;
	background: url(../img2/li-arr.png) no-repeat 0 4px;
}

.carmodel-sects2-container{
	background-color: var(--color-Light-Fill);
	padding: 10px;
	margin: 20px 0 32px 0;
}
.carmodel-sects2{
	background-color: #ffffff;
	border-radius: 8px;
	padding: 28px 16px 30px 16px;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 2.99999%;
	row-gap: 28px;
}
.carmodel-sects2-it{
	/*flex-basis: 21.99999%;*/
	text-align: center;
}
.carmodel-sects2-it>a{
	display: block;
	color: var(--color-Dark);
	text-decoration: none;
}
.carmodel-sects2-it>a:hover .carmodel-sects2-iti{text-decoration: underline;}
/*
.carmodel-sects2:after{clear: both; content: ""; display: block;}
.carmodel-sects2-it{
	float: left;
	width: 32.1999%;
	margin: 14px 0 14px 1.4999%;
	height: 80px;
}
.carmodel-sects2-it:after{clear: both; content: ""; display: block;}
.carmodel-sects2-it:nth-child(3n+1){margin-left: 0;}
*/
.carmodel-sects2-itpic{
	/*float: left;
	width: 25%;*/
	display: flex; 
	align-items: center; 
	justify-content: center;
	height: 130px;	
	margin-bottom: 4px;
}
.carmodel-sects2-itpic img{display: block; margin: auto; /*max-width: 94%;*/ max-width: 80%; max-height: 90%; width: auto; height: auto;}
.carmodel-sects2-iti{
	/*float: right;
	width: 74%;*/
}
.carmodel-sects2-iti a{text-decoration: none;}
.carmodel-sects2-iti a:hover{text-decoration: underline;}

.carmodel-sects2parts{display: block;}
/*
.carmodel-sects2parts .carmodel-sects2-it{
	width: 22.59999%;
	height: auto;
}
.carmodel-sects2parts .carmodel-sects2-it:nth-child(3n+1){margin-left: 1.49999%;}
.carmodel-sects2parts .carmodel-sects2-it:nth-child(4n+1){margin-left: 0; clear: left;}
*/
.carmodel-sects2parts .carmodel-sects2-itpic{width: auto; height: 150px; text-align: center;}
.carmodel-sects2parts .carmodel-sects2-itpic img{max-height: 98%;}
.carmodel-sects2parts .carmodel-sects2-iti{float: none; width: auto; text-align: center; min-height: 54px;}


.carmodel-sects2parts{
	margin-bottom: 12px;
	padding: 10px 16px 24px 16px;
	display: block;
}
.carmodel-sects2parts:last-child{margin-bottom: 0;}

.carmodel-sect-gtitle{
	font: 500 18px/20px Roboto, Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: var(--color-Black);	
	border-left: 3px solid var(--color-Yellow);
	padding: 0 0 0 12px;
	margin-bottom: 10px;
}
/*
.carmodel-sect-gtitle>span{
	background: url(../img2/sq-yel.png) no-repeat 0 7px;
	padding-left: 18px;
}
*/

.carmodel-sect-group{
	clear: both;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 3%;
	row-gap: 28px;
	margin-top: 24px;
}


.carmodel-sects-new{
	clear: both;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 3%;
	margin: 22px 0;
}
.carmodel-sects-col{
	padding: 6px 4px 0px 8px;
}
.carmodel-sects-h{
	font: 500 17px/18px Roboto, Arial, sans-serif;
	/*text-transform: uppercase;*/
	color: var(--color-Black);	
	border-left: 3px solid var(--color-Yellow);
	padding: 0 0 0 12px;
	margin-bottom: 10px;
}
.carmodel-sects-h>span{
	/*background: url(../img2/sq-yel.png) no-repeat 0 5px;
	padding-left: 18px;*/
}
.carmodel-sects-ul{
	padding: 4px 0 0 14px;
	font-size: 14px;
	line-height: 20px;
}
.carmodel-sects-ul span{
	display: block;
	font-weight: 300;
	padding: 2px 0px 2px 14px;
	background: url(../img4/li-arr.svg) no-repeat 0 7px;
	margin-bottom: 4px;
}
.carmodel-sects-ul a{
	color: var(--color-Dark);
	text-decoration: none;
}
.carmodel-sects-ul a:hover{text-decoration: underline;}


.carmodel-to-promo{
	clear: both;
	background: url(../img2/to-promo-left.jpg) no-repeat 0 100%, url(../img2/to-promo-right.jpg) no-repeat 100% 100%;
	background-color: #f9f9f9;
	border-radius: 5px;
	padding: 60px 15%;
}
.carmodel-to-slogan{
	text-align: center;
}
.carmodel-to-slogan>div:first-child{font: 26px/30px 'Roboto', Arial; color: #585858; padding: 0 0 50px 0;}



/* brands */
.brand-data{
}
.brand-logo{
	float: left;
	width: 200px;
	text-align: center;
	padding: 14px 0px 14px 0px;
}
.brand-i{
	float: right;
	width: 660px;
}
.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;
}

.brand-pic{
	text-align: center;
}
.brand-pictit{
	background: url(../img/bull-mt2goods.gif) no-repeat 20px 11px;
	padding: 2px 0px 2px 38px;
}



/* adaptive styles */
@media only screen and (min-width: 1500px)
{
	/* cars */
	.carb-list{grid-template-columns: repeat(6, 1fr);}
	/*.carb-it{width: 15.65999%; margin-right: 0.9999%;}*/
	
	/*
	.carmodel-sects2-it{flex-basis: calc(20% - 20px);}
	.carmodel-sects-col{flex-basis: calc(33.3% - 20px);}
	*/

	.carb-models{grid-template-columns: repeat(3, 1fr); column-gap: 30px;}
}

@media only screen and (min-width: 1800px)
{	
	/* cars */
	.carb-list{grid-template-columns: repeat(7, 1fr);}
	/*.carb-it{width: 13.27999%; margin-right: 0.9999%;}*/
	
	.carmodel-sects2{grid-template-columns: repeat(5, 1fr);}
	
	.carmodel-sect-group{grid-template-columns: repeat(5, 1fr);}
}

@media only screen and (max-width: 1200px)
{	
	/* cars */
	.carmodel-info-t{width: 550px;}
	
	.carmodel-sects-new{grid-template-columns: repeat(2, 1fr);}
	
	.carmodel-sects2parts .carmodel-sects2-itpic{height: 130px;}
	
	.carmodel-to-promo{background-size: 200px auto, 200px auto;}
}

@media only screen and (max-width: 1000px)
{	
	/* cars */
	.car-brand-logo{width: 150px;}
	.car-brand-i{width: 410px;}
	
	.carb-list{grid-template-columns: repeat(4, 1fr);}
	/*
	.carb-it{width: 23.9999%; margin-right: 0.9999%;}
	.carb-model-it table tr td:first-child{width: 150px;}
	.carb-model-it table tr td:first-child img{width: 100%;}
	*/
	.carb-models{grid-template-columns: repeat(1, 1fr);}	
	
	.carmodel-info-p{width: 180px;}
	.carmodel-info-t{width: 380px;}
	
	.carmodel-sects2-itpic{height: auto;}
	.carmodel-sects-new{flex-flow: column nowrap;}
	.carmodel-sects-col{flex-basis: auto;}	
	
	.carmodel-sects2{grid-template-columns: repeat(3, 1fr);}
	
	.carmodel-sect-group{grid-template-columns: repeat(3, 1fr);}
}

@media only screen and (max-width: 800px)
{		
	/* cars */
	.car-brand-i{ width: 65%;}
	
	.carb-models{grid-template-columns: repeat(2, 1fr); column-gap: 20px;}
	
	.carmodel-info-p{width: 28%;}
	.carmodel-info-p img{display: block; max-width: 100%;}
	.carmodel-info-t{width: 71%;}	
}

@media only screen and (max-width: 720px)
{	
	/* cars */
	.car-brand-i{float: none; clear: both; padding: 8px 0px 8px 0px;}
	
	.carb-list{grid-template-columns: repeat(3, 1fr);}
	/*.carb-it{width: 32.1999%; margin-right: 1.0999%;}*/
	
	.carb-model-it table tr td:first-child{width: 50%;}
	.carb-model-it table tr td img{display: block; width: 98%; height: auto;}
	
	.carmodel-sects2-it {flex-basis: calc(33.3% - 20px);}	
}

@media only screen and (max-width: 650px)
{

		
}

@media only screen and (max-width: 600px)
{	
	/* cars */
	/*
	.carmodel-sects2parts .carmodel-sects2-it{width: 31.99999%; margin-left: 1.99999%;}
	.carmodel-sects2parts .carmodel-sects2-it:nth-child(4n+1){margin-left: 1.99999%;}
	.carmodel-sects2parts .carmodel-sects2-it:nth-child(3n+1){margin-left: 0;}
	*/	
}

@media only screen and (max-width: 540px)
{

}

@media only screen and (max-width: 530px)
{
	.carb-models{grid-template-columns: repeat(1, 1fr);}
	.carb-model-it table tr td:first-child{width: 160px;}
}

@media only screen and (max-width: 500px)
{				
	/* cars */
	.carb-list{grid-template-columns: repeat(2, 1fr);}
	/*.carb-it{width: 48%; margin-right: 0.9999%; margin-left: 0.9999%;}*/
	
	/*
	.carb-model-it{float: none; clear: left; width: auto; }		
	.carb-model-it table tr td:first-child{width: 160px;}
	*/
	
	.carmodel-sects2{grid-template-columns: repeat(2, 1fr);}
	
	.carmodel-sect-group{grid-template-columns: repeat(2, 1fr);}
	
	.carmodel-sects-new {grid-template-columns: repeat(1, 1fr);}
	.carmodel-sects-col{padding: 2px 4px 16px 8px;}
}

@media only screen and (max-width: 470px)
{
	
}

@media only screen and (max-width: 420px)
{
	
	/* cars */
	.carmodel-info-p{float: none; clear: both; width: auto; padding-bottom: 8px;}
	.carmodel-info-t{float: none; clear: both; width: auto;}

	/*
	.carmodel-sects2parts .carmodel-sects2-it{width: 47.99999%; margin-left: 2.99999%;}
	.carmodel-sects2parts .carmodel-sects2-it:nth-child(4n+1){margin-left: 2.99999%;}
	.carmodel-sects2parts .carmodel-sects2-it:nth-child(3n+1){margin-left: 2.99999%;}	
	.carmodel-sects2parts .carmodel-sects2-it:nth-child(2n+1){margin-left: 0;}	
	*/	
	
}

@media only screen and (max-width: 400px)
{
	
}

@media only screen and (max-width: 380px)
{			
	
	/* cars */
	.carb-it{clear: left; float: none; width: auto; padding: 0 4%;}
}
@media only screen and (max-width: 370px)
{			
	/* cars */
	.carmodel-sects2-it {flex-basis: calc(50% - 12px);}	
}
@media only screen and (max-width: 320px)
{
	
}