/* Заголовки */
h3 {margin:0 0 20px;}

/* Группы модификаций в каталоге */
	#mod-list {list-style:none;}
	#mod-list > li, .techtable > li {display:flex;flex-flow:row nowrap;justify-content:space-between;padding:10px;}
	#mod-list > li:nth-of-type(odd) {background-color:#F9F9F9;}
	#mod-list > li > div:nth-of-type(1) {flex:1 1 50%;}
	#mod-list > li > div:nth-of-type(n+2) {flex:0 100px;}

/* Страница ответов */
	.grspec > div > div:nth-of-type(1) {flex:0 250px;margin:0 15px 0 0}
	.grspec > div > div:nth-of-type(2), #qstn > div {flex:1}
	.grspec > div, .grspec ul {display:flex;flex-flow:row nowrap;justify-content:space-between;}
	.grspec ul > li {margin-bottom:5px;flex:1}
	#qstn a {display:block;font-size:1.1em;}
	#qstn a:nth-last-of-type(n+2) {margin-bottom:10px;}

/* Показ фоток под описаниями марок и моделей */
	.photo img, ul.photos li {border:1px solid #EEE;border-radius:5px;margin-right:10px;margin-bottom:10px;display:inline-block;}
	.photo {float:left;}

/* Списки марок и моделей */
	#name-list {list-style:none;column-count:3;}
	#name-list > li {vertical-align:top;width:100%;margin-bottom:15px;}
	#name-list > li > a {font-size:1.2em;}
	#name-list > li > span {font-size:0.9em;color:#777;display:block;margin-top:5px;} /*кузова в энциклопедии*/
	#name-list > li > img {margin-right:5px;}

/* Тест-драйвы */
	.ft45r:first-letter {font-size:2em;font-weight:bold;font-style:normal;color:#555;}

	/* Фотки в каталоге и тест-драйвах */
		img.imgleft {float:left; margin: 10px 10px 10px 0px;}
		img.imgright {float:right; margin: 10px 0 10px 10px;}
		.textcon img[style*="float"] {margin:0 10px !important;}

/* Энциклопедия */

	.containerx {position:relative;clear:both;}
	div.containerx sup {color:#a3a3a3;font-size:0.8em;margin-left:5px;}
	div.devider:nth-last-of-type(n+2) {border-bottom:1px dashed #DDD;margin-bottom:20px;padding-bottom:20px;}
	.containerx > a.sitebtn {display:table;margin-top:20px;} /*Кнопки добавить*/
	.containerx > div {padding:0 10px;}
	.allink {font-size:1.2em;display:inline-block;margin-top:30px;} /*ссылка на все..*/
	div.fotox {overflow:hidden;}

	.rtngx {border-radius:3px;color:#FFFFFF;font-size:1.2em;font-weight:normal;padding:1px 7px;}
	div.prosx > p {color:#008800;}
	div.consx > p {color:#DE1000;}

	/* Характеристики */
	.techtable {width:100%;margin-top:20px;}
	.techtable > li {padding:5px 10px;}
	.techtable > li:nth-of-type(odd) {background-color:#F7F7F7;}
	.techtable > li .name {flex: 1;margin-right:10px;}
	.techtable > li .data {flex: 3;}

	/* Штампики */
		#stamps > a {width:110px;height:111px;opacity:0.85;margin:10px;}

	/* Отзывы, БЖ и аналоги*/
		ul.items, #morecars {list-style:none;display:flex;flex-flow:row wrap;justify-content:flex-start;}
		ul.items > li.image-z {margin:10px 10px 10px;max-width: calc((100% / 3) - 20px);border:1px solid #EEE;flex:1 1 calc((100% / 3) - 20px);align-self:stretch;}
		ul.items > li > div > span:nth-last-of-type(n+2) {margin-right:15px;}
		ul.items > li.image-z > a.pic-z {width:100%;height:160px;}
		ul.items > li.image-z > a.pic-z > div {position:absolute;top:5px;left:5px;padding:5px;border-radius:3px;background-color:rgba(239,239,239,.9);color:#000;}
		ul.items > li.image-z > a.title-z {font-size:1.2em;display:block;padding: 15px 10px 5px;}
		ul.items > li.image-z > span {display:block;padding:0 10px 5px;}
		ul.items > li:not(.image-z) {order:1000;flex:0 100%;list-style-type:square;list-style-position:inside;margin-left:10px;padding-top:15px;} /*Без картинок*/
		ul.items > li:not(.image-z) > a.title-z {font-size:1.1em;}

		.cap {text-transform:capitalize;}

	/* Блок аналоги */
		#morecars > div {flex: 0 0 150px;margin:10px;}
		#morecars > div > a.bsc {display:block;width:100%;padding-bottom:56%;border-radius:3px;position:relative;}
		#morecars > div span.overlay {bottom:0;left:0;right:0;position:absolute;background-color:rgba(0,0,0,.7);padding:2px 0 2px 5px;color:#FFF;font-size:0.9em;}


	/*Тест-драйвы и достоинства и недостатки*/
		#testd > div, .prosx, .consx {flex: 1 1 50%;}
		#testd > div {padding:0 10px 10px 0;}
		#testd > div > a:first-child {width:150px;height:100px;float:left;margin-right:10px;border-radius:3px;}

/* Шапка с фото для ГРУПП */
	.cnt55 {width:100%;height:320px;}
	.cnt55:before {content:"";display:block;z-index:-1;height:320px;width:100%;background-position: center center;background-repeat:no-repeat;background-size:cover}
	.blur:before {z-index:1;display:block;filter: blur(3px);} /*размытие фото фона*/
	.c-name {font-size:3.5em;}
	a.cnt44 {z-index:2;right:20px;top:0px;border-radius:0 0 5px 5px;}
	a.cnt44:hover {text-decoration:none;color:#FFF !important;}
	.g2reen {background-color:rgba(35, 130, 24,0.7);}
	.o2range {background-color:rgba(237, 173, 28,0.7);}
	.r2ed {background-color:rgba(219, 22, 22,0.7);}

/* Контекстное меню группы модификаций */
	.carinfo {background-color:#F9F9F9;}
	.carinfo sup {color:#999;}
	.carinfo sup.hlight {color:#DE1000;}
	.carinfo span {display: inline-block;margin: 0px 10px;padding:10px 8px;}
	.carinfo span > a {white-space:nowrap;}
	.carinfo a.selected, .carinfo_links a.selected {color:#444;font-size: 1.3em;padding-bottom:9px;border-bottom:3px solid #E01011;text-decoration:none;}

/* Показ групп модификаций в каталоге и энциклопедии */
	div.grcont {border-top:1px dashed #CCC;}
	div.xctr {display:table;margin:0 auto;text-align:center;padding:3px 7px;margin-bottom:10px;border-bottom:1px dashed #CCC;border-left:1px dashed #CCC;border-right:1px dashed #CCC;color:#555;font-weight:bold;}
	ul.groupx {list-style:none;margin-bottom:10px;display:flex;flex-flow:row wrap;justify-content:flex-start;
		}
	ul.groupx > li {position:relative;flex:1 calc((100% / 3) - 40px);max-width:calc((100% / 3) - 40px);margin:20px;display:inline-block;vertical-align:top;text-align:center;}
	ul.groupx > li > div:first-of-type {position:relative;width:100%;transition: box-shadow .3s ease-out;border:1px solid transparent;}
	ul.groupx > li > div:first-of-type > a {position:relative;display:block;width:100%;padding-bottom:56%;border-radius:3px;will-change:transform;transition: all .28s ease-out;}
	ul.groupx > li > div:first-of-type:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);}
	ul.groupx > li > div:first-of-type > a:hover {transform: scale(1.02);}
	ul.groupx > li:nth-last-child(n+2) > div:first-child:after {content: "\2192";position: absolute;top: 0;bottom: 0;right: -27px;margin: auto;height: 10px;vertical-align: middle;display: inline-block;font-size:1.2em;color:#999;}
	ul.groupx > li > p {margin:5px 0;}
	ul.groupx > li > .x6 > a {font-size:0.9em;color:#777;}
	ul.groupx > li .sidebarx {position:absolute;z-index:1010;top:5px;left:5px;}
	ul.groupx > li .sidebarx a {display:block;width:30px;height:20px;margin-bottom:5px;cursor:help;}
	ul.groupx > li .sidebarx a img {border-radius:3px;}

/* Таблица характеристик */
	.techd > h4 {margin-top:30px;padding-bottom:10px;color:#F44336;}
	.techd > li {padding:10px;display:flex;flex-flow:row nowrap;}
	.techd > li:nth-child(odd) {background-color:#F5F5F5;}
	.techd > li > div {flex:1 1 50%;}
	.techd > li > div:nth-child(1) {font-weight:bold;}
	.techd > li > div:nth-child(2) {color:#222;}
	.techd + .adaptive-ad, .techd + .yandex-adaptive {margin-top:20px;}

/* Фотогалерея */
	ul.groups {list-style:none;display:flex;flex-flow:row wrap;}
	ul.groups > li {flex:1 calc(100% / 3);max-width: calc(100% / 3);}
	ul.groups > li > a.bsc {display:block;width:100%;height:200px;border:1px solid #EEE;border-radius:5px;}
	ul.groups > li:empty {display:none;} /*скрываем pro-post*/

/* Смартфоны ПОРТРЕТНЫЕ */
@media only screen and (max-width:500px) and (max-aspect-ratio: 13/9)  {

	/* Шапка с фото для ГРУПП */
		.cnt55 {height:300px;}
		.c-name, .s-name {font-size:10vw;}
		.carinfo {text-align:center;padding:0;background-color:#FFF;display:flex;flex-flow:row wrap;align-items:baseline;justify-content:space-between;}
		.carinfo a.selected {padding:3px 1px;}
		.carinfo > span {padding:15px 0;margin:0;border-bottom:1px solid #EEE;flex:0 1 50%;align-self:stretch;}
		.carinfo > span.pr1ce {flex:0 100%;} /*Цены на машины в одну строку*/
		.carinfo > span:not(.pr1ce):nth-child(odd) {border-right:1px solid #EEE;}

	/* Группы модификаций в каталоге */
		#mod-list > li {padding:20px;text-align:center;flex-flow:row wrap;}
		#mod-list > li:nth-of-type(odd) {background-color:#F9F9F9;}
		#mod-list > li > div {padding:10px 0;}
		#mod-list > li > div:nth-of-type(1) {flex:0 100%;}
		#mod-list > li > div:nth-of-type(1) > a {font-size:1.2em;}
		#mod-list > li > div:nth-of-type(n+2) {flex:1 1 auto;}
		#mod-list > li > div:last-of-type {flex:0 100%;}

	/* Таблица характеристик */
		.techd > li > div:nth-child(1) {flex:1 1 60%;margin-right:10px;}
		.techd > li > div:nth-child(2) {flex:0 0 40%;}

	/* Списки марок, моделей */
		#name-list {column-count:1;}
		#name-list > li {text-align:center;border-top:1px solid #EEE;padding:20px 0;margin:0;}
		#name-list > li > a {display:block;}
		#name-list > li > a:empty {display:none;}
		#name-list > li > img {display:inline-block;margin-bottom:5px;} /* Логотипы*/

	/* Страница ответов */
		.grspec > div, #qstn {flex-flow:row wrap}
		.grspec > div > div:nth-of-type(1) {flex:0 100%;margin:0 0 15px 0}
		.grspec ul > li {margin-bottom:10px}
		#qstn > div {flex:0 100%}
		#qstn > div:first-of-type {margin-bottom:10px}

	/* Обзоры марок и моделей */
		ul.photos {text-align:center;}
		ul.photos > li {margin-right:0;padding:10px;display:block;background-color: #F9F9F9;}

	/* Фотки в текстах историй и обзоров моделей */
		img.imgleft, img.imgright {display:block;float:none;margin:0 auto !important;} /* от древнего редактора */

	/* Показ групп модификаций в каталоге и энциклопедии */
		div.grcont {border-top:1px solid #EEE;}
		.xctr {font-size:1.25em;font-weight:bold;margin-top:10px !important;border:none !important;display:block !important;}
		ul.groupx > li {flex:0 100%;max-width:100%;text-align:center;position:relative;}
		ul.groupx > li:nth-last-child(n+2) > div:first-child:after {display:none;}
		ul.groupx > li:nth-last-child(n+2):after {content: "\2193";position: absolute;bottom: -12px;right: 0;left:0;margin: auto;height: 10px;vertical-align: middle;display: inline-block;font-size:1.2em;color:#999;}


	/* Энциклопедия */

		/* Характеристики */
			#modif_selector {width:100%;}
			.techtable > li > span:nth-child(1) {flex:1 1 60%;margin-right:10px;}
			.techtable > li > span:nth-child(2) {flex:0 0 40%;}

		/* Отзывы, БЖ */
			ul.items > li.image-z {margin:0px 0px 15px;max-width:100%;flex:1 1 100%;}
			ul.items > li:not(.image-z) {list-style-type:none;margin-left:0;}
			ul.items > li:not(.image-z) > a.title-z {display:block;margin-bottom:5px;}

		/* Блок аналоги */
			#morecars > div {margin:0 0 20px 0;}
			#morecars > div {flex: 1 1 100%;}

		/*Тест-драйвы*/
			#testd > div:nth-last-child(n+2) {border-bottom:1px solid #EEE;margin-bottom:20px;}
			#testd > div > a:first-child {float:none;margin-bottom:15px}
			#testd > div > a.toe {white-space:initial;}
			#testd > div, .prosx, .consx {flex: 1 1 100%;}

		/* Фотогалерея в энциклопедии */
			ul.groups > li {position:relative;flex:0 100%;max-width:400px;}
			ul.groups > li > a.bsc {margin-bottom:3px;padding-bottom:56%;}
}
