#wide {width:100%;padding:20px;overflow:hidden;}
h1 {margin-bottom: 20px;color: #444;font-size: 1.5em;}

/*Инверсия цвета*/
	.logmenu, .hidden-block > ul, .carinfo_links {background-color:#FFF !important;}
/* Social logo */
	.solabel {background-color:#F34336;color: white;font-size: 0.9em;padding: 0px 4px;border-radius:2px;}

/*Обложка*/
#uwp {background-size:cover;background-attachment:fixed;}
#uwp > footer {opacity:0.9;}
#uwp #pager > a {background-color:#FFF;}
#uwp #leftcol5 {border-radius:3px;margin-top:5px;padding:5px}
#uwp #leftcol5, #uwp #rightcol5 > div, #uwp #event_list > div, #uwp ul.offers > li, #uwp .fbt, #uwp .promo, #uwp .fbs
	{background-color:rgba(255,255,255,.9)!important;border:transparent!important;box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.4)}

/*MY: Левая колонка - МЕНЮ*/
	/*Основное свойство контейнера #leftcol5 для приватонй части задано в my.css*/
	#leftcol5 {position:sticky;top:48px;align-self:flex-start;float:left;margin-top:15px;width:175px;margin-right:5px;} /*Юзерское меню для публичной части. Прилипающее.*/
 	#leftcol5 ~ #allcontent, #leftcol5 ~ .hcontainer {clear:none;margin-left:180px;} /*снимаем clear и ставим margin-left чтобы allcontent не обтекал снизу leftcol5 в случаях когда он находится ниже чем . Если в шаблон не инклудится leftcol5 то и свойства эти не срабатывают */
	/*Общие свойства*/
	#leftcol5 a:hover {text-decoration:none;}
	#leftcol5:hover > li > a:nth-of-type(2) {visibility:visible;opacity:0.1;transition-delay:0s;will-change: visibility, opacity;}

	#leftcol5 > li {list-style:none;overflow:hidden;display:flex;justify-content:space-between;flex-flow:row nowrap;align-items:center;}
	#leftcol5 > li:hover {background-color:#F5F5F5;border-radius:3px;}
	#leftcol5 > li:hover > a:nth-of-type(2) {visibility:visible;opacity:0.5;}
	#leftcol5 > li:hover > a:nth-of-type(2):hover {opacity:1;background-color:#1e88e5;fill:#FFF;}

	#leftcol5 > li > a:nth-of-type(1) {flex:1;padding:7px 5px;color:#333;display:block;max-width:100%;}
	#leftcol5 > li > a:nth-of-type(2) {flex:0 0 30px;align-self:stretch;position:relative;visibility:hidden;opacity:0;transition:visibility 0s ease 0.3s,opacity 0.3s ease;}
	#leftcol5 p {font-size:1.1em;font-weight:bold;color:#444;padding-left:29px;margin-top:25px;}
	#leftcol5 > li > :first-child:not(svg) {margin-left:24px;} /*Без иконок*/
	#leftcol5 > li > svg {width:14px;height:14px;fill:#666;margin:0 5px;} /*Иконка меню*/
	#leftcol5 > li > a:nth-of-type(2) > svg {width:14px;height:14px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;} /*Доп.меню*/

/*MY: Tipped окна*/
	ul.tpdmenu {list-style:none;}

/*Заголовки*/
	#centercol5 > h1, h1.myheader {font-size:1.4em;margin-bottom:30px;color:#444;}
	h3 {font-size:1.2em;color:#444;margin-top:0px;}

/*Redline*/
	div.myrl {overflow:hidden;border-bottom:1px solid #EEE;margin-bottom:40px;}

/*ЛЕНТА*/
	.evlist {clear:both;} /*контейнер событий*/
	.fitem {padding:15px;margin-bottom:15px;overflow:hidden;position:relative;clear:both;}
	/*.fitem:after {content:'';background:url('/s/i/svg/down-menu.svg') center center no-repeat;position:absolute;top:10px;right:10px;opacity:0.35;width:16px;height:16px;background-size:contain;cursor:pointer;}*/
	.a1 {width:50px;height:50px;border:1px solid #EEE;border-radius:50%;}
	.b1 {width:37px;height:37px;border-radius:50%;margin-right:8px;}
	.fcontainer {position:relative;}
	.fcontainer a.tipped-obj:after {content:'';display:inline-block;margin-right:10px;}
	.fcontainer > div:nth-of-type(2) > a:first-child + span {font-weight:bolder;}
	.fcontent {padding:10px 0 0;position:relative;}
	.fcontent > div {line-height:1.4;}
	.fcontent iframe, .fcontent object {border-radius:3px;}
	div.fcontainer div.pt10 a, div.fcontainer div.pt10 span.grey {font-size:0.9em;}
	.imbo {border-radius:3px;}
	.locked {margin-left:10px;width:14px;height:14px;vertical-align:top;opacity:0.4;}
	.fgrid a.wall {height: 200px;}
	.fcontainer a[data-userid] {white-space:nowrap;}
	.delayed {margin: -15px -15px 15px;background-color: rgba(199, 156, 32,.75);}
	.fw {margin-left: -15px;width: calc(100% + 30px);max-height:360px;}
	.paid {color:#3caa39;margin-left:5px;padding:1px 3px;border:1px solid;}
/*Кнопка Избранное*/
	a.fav-off {padding: 4px 10px 4px 30px !important;background: url(/s/i/10star.png) no-repeat 10px 50%;cursor:pointer;}
	a.fav-off:after {content:"В закладки";}
	a.fav-on {cursor:pointer;}
	a.fav-on:after {content:"Удалить из закладок";}
	a.fav-spinner {background: url('/s/i/progbar.gif') no-repeat center; width:110px;}

/*Видео в ленте*/
	.video1 {position:relative;height: 0;padding-bottom: 56.25%;margin-bottom:10px;}
	.video1 > iframe {position: absolute;top: 0;left:0;width:100%;height:100%;}

/*3 фото в ленте событий*/
	.dgrid {display:flex;}
	.dgrid > a:nth-child(1) {height:240px;flex:2;overflow:hidden;border-right:2px solid #FFF;}
	.dgrid > div {flex:1;overflow:hidden;}
	.dgrid > div > a {display:block;width:100%;height:120px;}
	.dgrid > div > a:nth-child(1) {border-left:none;}
	.dgrid > div > a:nth-child(2) {border-left:none;border-top:2px solid #FFF;}

/* Лента. Много фоток в галере. Автоматическая подстройка высоты под ширину */
	.gphm {position:relative;padding-bottom:22%;border-radius:3px;border-bottom:1px solid transparent;border-right:1px solid transparent;}
	.gphm:nth-child(3n-3) {border-right:none;}
	.gphm > a {display:block;position:absolute;width:100%;height:100%;}

/*Добавление комментария из ленты - много blackmagic!*/
	.addcomment {display:block;margin-top:15px;position:relative;} /*контейнер*/
	.addcomment, .addcomment * {transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);} /*Делаем все плавным*/
	.addcomment div[contenteditable="true"] {width:100%;vertical-align:middle;background-color:#F9F9F9;border-radius:3px;border:1px solid rgba(134,134,134,.4);} /*оформление поля под textarea*/
	.addcomment div[contenteditable="true"]:empty:before {content:attr(placeholder);display: block;color:#a3a3a3;font-size:0.9em;padding:2px 0px;} /*если поле пустое рисуем плэйсхолдер*/
	.addcomment div[contenteditable="true"]:empty + button {display:none !important;} /*пока поле пустое скрываем кнопку*/
	.addcomment > div:not([contenteditable="true"]) + button {display:none !important;} /*как только сняли contenteditable js-ом скрываем и кнопку*/
	.addcomment > div:not([contenteditable="true"]):before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(249,249,249,0.8);} /*слой с прозрачнойстью*/
	.addcomment > div:not([contenteditable="true"]) > p {padding:5px;}
	.addcomment > div:not([contenteditable="true"]):after {content:'Комментарий добавлен';margin: auto;overflow: auto;height: 1em;width: 220px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding:3px;background-color:rgba(76, 175, 80, 0.9);border: 1px solid #4CAF50;border-radius: 3px;display: inline-block;text-align: center;color: #FFF;font-size: 1.1em;overflow:hidden;} /*и показываем сообщение об отправке*/
	.addcomment button {background-color:#FFF;vertical-align:middle;margin-top:10px;display:inline-block;} /*кнопка добавить*/

/*РАЗНОЕ*/
	.car-type-subscr-carmodif-cont ul li {float:left;margin:0 10px 20px 0;}

/**************************************************/

/* Показ картинок в текстах отзывов, блогах, бж, сообществах  и т.д.*/
	.textcon img {transition: 1s all;display:block;max-width:100%;margin:20px auto;height:auto !important;}
	.textcon img.fullwidth {width:calc(100% + 30px) !important;margin-left:-15px;max-width:calc(100% + 30px);border-left:none;border-right:none;}
	.textcon iframe {display:block;background-color:#F9F9F9;margin:20px auto;}

	article {position:relative;}
	#fontsize {width:60px;position:absolute;right:15px;top:15px;padding:5px 10px;border:1px solid #EEE;}
	.fs0u {border-bottom:2px solid #DE1000;}

/*Другие записи автора*/
	ul.more-b {list-style:none;
		display:flex;
		flex-flow:row wrap;
		justify-content:flex-start;
	}
	ul.more-b > li.image-i {margin:10px 10px 10px;max-width: calc((100% / 3) - 20px);box-shadow:0 0 15px #E4E4E4;flex:1 1 calc((100% / 3) - 20px);align-self:stretch;}
	ul.more-b > li.image-i > a.pic-i {width:100%;height:160px;}
	ul.more-b > li.image-i > a.title-i {font-size:1.25em;font-weight:bolder;display:block;padding: 15px 10px;color:#444;}
	ul.more-b > li.image-i > span {display:block;padding:0 10px 5px;}
	ul.more-b > li:not(.image-i) {flex:0 100%;list-style:disc;list-style-position:inside;padding-top: 15px;} /*Без картинок*/
	ul.more-b > li:not(.image-i) > a.title-i {font-size:1.2em;color:#444;}

	ul.more-b > p {flex:0 100%;} /*Еще*/

/*Cписки гостей*/
	.usrs {overflow:hidden;display:flex;flex-flow:row wrap;justify-content:space-between;}
	.usrs .in {flex: 1 1 150px;margin: 10px;text-align: center;}
	.usrs .uol {background-color: rgba(117, 240, 101, 0.25);}

/*Список сообществ юзера*/
	#social_list > ul > li {display:flex;flex-flow:row wrap;justify-content:space-between;}

/*Отзывы*/
	/*Шлюз отзывов строчный вид*/
		.opinion {padding:0px !important;}
		.opinion > .advicik {line-height:1.4;padding:15px;font-style:italic;background-color:#F9F9F9;}
		.opinion > .advicik:empty {display:none;}

		.dtr {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
		.dtr > :nth-child(1) {flex:0 200px;height:135px;overflow:hidden;min-width:200px;} /*Фото*/
		.dtr > :nth-child(2) {flex:1;margin:0 10px;} /*Описание*/

			/*Тулбар*/
			.otoolbar > :nth-last-child(n+2) {flex:1;}
			.otoolbar > :last-child {flex:2;}
			.likes:before {content: '';display:inline-block;margin:0 7px;width:14px;height:13px;background: url('/s/i/svg/like.svg') center center no-repeat;background-size: contain;vertical-align: middle;opacity: 0.5;}
			.views:before {content: '';display:inline-block;margin:0 7px;width:14px;height:13px;background: url('/s/i/svg/eye.svg') center center no-repeat;background-size: contain;vertical-align: middle;opacity: 0.5;}

		.d3nf {border-right:1px solid #EEE;position:relative;background-color:#FFF;border-radius:3px;} /*Вместо фото*/
		.d3nf img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:70px;height:auto;} /*Логотип вместо фото*/
		.mw99 {max-width:99%;}
		.l2nk {font-size:1.2em;padding-right:10px;font-weight:bold;}
		.bull:before {content:"\00b7";display:inline-block;margin:0 5px;color:#777;}

		/*Поломки*/
		.advneed {background-color:#FFFAE4;padding:3px 4px;border-radius:4px;font-size:0.9em;border:1px solid #f7f1d9;} /*нужен совет*/

	/*За и против*/
		.pro-con {padding: 0 10px 20px;display:flex;flex-flow:row wrap;justify-content:flex-start;}
		.pro-con > div {flex:0 1 49%;}

	/*Краткие оценки автора отзыва*/
		.usermks {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;}
		.usermks span img {display:block;opacity:0.8;}

	/*Переключалка вида отзывов на шлюзе*/
		.view_switch {opacity:0.2;}

	/*Последние фото в отзывах*/
		.lastfoto {display:flex;flex-flow:row wrap;justify-content:space-between;}
		.lastfoto a {flex:0 50%;border:1px solid #FFF;background-color:#F5F5F5;height:90px;}
		.lastfoto a:hover {border:1px solid #E01011;}

/*Листинг наших авто*/
	ul.dx2an {list-style:none;}
	ul.dx2an li {padding-bottom:5px;}

/*Голосовалка за отзывы, журналы и блоги*/
	.voters {margin-top:20px;display:flex;justify-content:space-between;align-items:center;}
	.voters > div {flex:0 1 33%;}
	.voters > div > * {vertical-align:bottom;}
	.voters > a {font-size:1.3em;background-color:#2196F3 !important;border:1px solid #1e88e5 !important;color: #FFF !important;} /*голубые*/
	.voters > a:hover {background-color:#42A5F5 !important;border: 1px solid #4FC3F7 !important;}
	#ilike {color:#2196F3;font-size:1.4em;flex: 1 1 40%;}

	/*Список проголосовавших за отзыв-журнал*/
		#vtrs.sh0w {overflow:hidden;padding:10px;margin-top:20px;display:flex;flex-flow:row wrap;justify-content:flex-start;}
		#vtrs > span {flex:0 1 200px;padding: 0 20px 10px 0;white-space:nowrap;height:28px;display:inline-block;align-self:baseline;}

	/*Кнопки Поделиться*/
		#shares {margin-top:15px;}
		.goodshare svg {width:30px;height:30px;padding:2px;vertical-align:top;opacity:.8;transition: opacity 0.3s ease;}
		.goodshare svg:hover {opacity:1;}

	/*Голосовалка из ленты*/
	.cntrs {margin-top: 10px;padding-top: 10px;border-top: 1px solid #EEE;}
	.cntrs:empty {display:none;}
	.cntrs > svg {margin-right:7px;width:12px;height:12px;}
	.cntrs > * {font-size:0.9em;color:#777 !important;}
	.liked, .ilike {fill:#2196f3;}
	.liked + a {color:#2196f3 !important;}

/*Шапка машины carinfo*/
	.xx11rr {height:400px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
	.c-data > div {display: inline-block;padding:0px 7px;font-size:1.2em;border-radius:3px;background-color:rgba(0,0,0,.6);} /*хар-ки*/
	.fh77l {background-color:rgba(249, 249, 249, 0.90);width:100px;border-radius:3px;position:absolute;top:10px;left:10px;text-align:center;}
	.fh77l img {height:50px;opacity:0.85;}
	a.car-name {font-size:3em;color:#FFF !important;display:block;margin:10px 0;}
	a.car-name {text-decoration:none;}

	/*Меню RL*/
		.carinfo_links .g3s {margin-left:10px;list-style:none;}
		.carinfo_links > .g3s > * {vertical-align:bottom;}

	/* Информация о владельце ТС */
		.uigframe {position:absolute;right:10px;top:10px;background-color:rgba(249, 249, 249, 0.90);padding:5px;border-radius:3px;max-width:120px;border:1px solid #F5F5F5;}
		.uigframe .ucity {display:block;font-size:0.9em;color:#777;}
		.uigframe .unick {font-size:1.2em;}

	/*Transition effect в шапках carinfo и user_header*/
		.fl77x {opacity:0;}
		.fade-in {opacity:1;transition: all 0.5s ease-in-out;}
		.fade-out {opacity:0;transition: all 0.5s ease-out;}

/*Большие кнопки в шапках*/
	#bbhld > a {display:inline-block;font-size:1.2em;padding:10px;margin-top:20px;text-shadow:none;background-color: rgba(30, 136, 229, 0.7) !important;color: #FFF !important;border: 1px solid #2196f3 !important;border-radius:3px;}
	#bbhld > a:hover {text-decoration:none;background-color:rgba(33,150,243,0.85) !important;border: 1px solid #4FC3F7 !important;}
	#bbhld > a:nth-child(n+2) {margin-left:20px;}


/* Промо блоки форумов */
	#forum_list {display:flex;flex-flow: row wrap;justify-content: space-between;}
	.pro5mo {flex:1 1 270px;height:240px;border: 1px solid #DDD; position: relative;margin: 10px;}
	.pro5mo > :nth-child(n+2) {padding:0 5px;}
	.pro5bg {width:100%;height:120px;border-bottom:1px solid #EEE;}
	.pro5fn {max-width:275px;display:block;font-size:1.1em;margin-top:10px;}
	.pro5bm {position:absolute;right:5px;left:5px;bottom:5px;font-size:0.9em;}
	.pro5v {border-radius:50%;padding:0px 3px;cursor:help;}

/*При наведении на фото машины*/
	.focus:hover + .cinfo {display:block;}
	.cinfo:hover {display:block;}
	.cinfo {display:none;top:0;right:0;background-color:#EEE;z-index:1010;opacity:0.85;}

/*Галерея с комментами*/
	.foto-popup {display:flex;flex-flow:row nowrap;}
	.d9mrgn {flex:1 calc(100% - 325px);}
	.d9cmnt {flex:0 0 320px;}
	.d9cont {background-size: contain !important;background-color:#000 !important;width:100%;padding-bottom:calc(100vh - 195px);}
	.d9acom {bottom:0;left:0;right:0;background-color: rgba(0, 0, 0, 0.5);padding: 10px;}
	.d9div {overflow-y:auto;}
	.d9ghk {right:0;top:0;border-radius:0 0 0 3px;}
	.d9cmt {left:0;bottom:0;padding:5px;text-align:center;width:100%;background-color:rgba(249,249,249,0.8);}
	.i-like {padding-left:33px !important;position:relative;}
	.i-like:before {content:'';position: absolute;top: 7px;left: 10px;background-size: contain;width:14px;height:14px;;background-image:url('/s/i/svg/like.svg');}

/******ДЕВАЙСЫ******/

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

	/*Общие*/
		.hcontainer {margin-left:15px!important;margin-right:15px;}
		#leftcol5 {display:none !important;} /*Убираем ЛЕВУЮ колонку*/
	 	#leftcol5 ~ #allcontent {margin-left:0 !important;}
	 	#leftcol5 ~ .hcontainer {clear:both;}
	 	#map_container {padding:0!important;margin-left:0 !important}
 		#fontsize {border:none;padding:0;}
	/*Лента*/
		.fcontainer > div:first-child {font-size: 0.9em;} /*Уменьшаем шрифт крошки*/
		#event_list > div.fitem {padding:15px 10px;border-left:none;border-right:none;}
		.dgrid {flex-flow:row wrap;} /*разрешаем перенос строк*/
		.dgrid > div {flex:0 100%;display:flex;flex-flow:row nowrap;} /*div, содержащий вторую и третю картинку*/
		.dgrid > div > a {flex:1;} /*2ая и 3яя картинка */
		.fcontent > div.flexdiv {margin-top:20px;} /*отодвигаем кнопку Перейти*/
		.dgrid > a:nth-child(1) {height:200px !important;} /*уменьшаем размер первой фотки в событии с 2-3 фотками и в событии с 1 фоткой*/
		.dgrid > div > a {height:100px !important;} /*уменьшаем размер второй и третьей фотки в событии с 2-3 фотками*/
		.dgrid > div > a:nth-child(1) {border-right:2px solid #FFF;border-top:2px solid #FFF;}
	/*Расходы*/
		.public_exes {text-align:center;float:none;} /*переключалка видимости расходов*/
		#years > ul {flex-flow:row wrap;} /*годовое меню расходов*/
		#years > ul > li {flex: 0 50%;margin-bottom:20px;margin-right:0!important;text-align:center;}

	/*Шапка машины carinfo*/
		.xx11rr {height:320px;}
		a.car-name {font-size:8vw;}
		a.car-name + span {font-size:7vw;}

	/*Меню машины*/
		.carinfo_links > .g3s {padding-top:105px;margin:0;}
		.xx11rr {overflow:visible !important;} /*даем аватаре иметь отрицательную нижнюю границу*/
		.uigframe {position: absolute;top:initial;right: 0;left: 0;bottom: -115px;margin: auto;background-color: transparent;padding: 10px;max-width: initial;border: none;} /*владелец*/
		.uigframe > a.avax {width:100px;height:100px;border:5px solid #FFF;}
		.uigframe .unick {font-size:1.4em;}
		.uigframe .ucity {font-size:1em;margin-top:10px;}

	/*Лента*/
		/*Галерея*/
			.gphm {padding-bottom:33%;}

	/*Видео*/
		.textcon iframe {width:100%;height:56vw;}

	/*Награды*/
		.award {width:49%;text-align:center;margin:0;padding:10px;}

	/*Галерея машины*/
		#vid textarea, #vid input[name="video"] {width:95% !important;}
		#vid textarea {height:100px !important;}

	/*Галерея с комментами*/
		.foto-popup {flex-wrap:wrap;}
		.d9mrgn, .d9cmnt {flex:0 100%;}
		.d9cmnt {margin-top:10px;}
		.d9cont {height:90vw;padding-bottom:56.25%;}
		.comments_container {padding-top:10px;border-top:1px solid #DDD;}

	/*Краткие оценки автора отзыва*/
		.usermks {flex-wrap: wrap;}
		.usermks > span {margin-bottom:10px;flex:50%;}

	/*Голосовалка отзывы, блоги, БЖ*/
		#ilike {font-size:1.2em;}

	/*Поделиться*/
		#shares {margin-top:20px;padding-top:15px;border-top:1px solid #EEE;}
		.goodshare svg {width:10vw;height:10vw;opacity:1;}

	/*Шлюз отзывы*/
		.sort_switch {display:block;text-align:center !important;width:100% !important;margin-bottom:20px;}
		#mob_of > span, #mob_of > a {display:inline-block;margin:12px;padding:0 !important;}/*Фильтр*/
		.opinion > .advicik {padding:15px;text-align:center;}
		.dtr {flex-flow:row wrap;justify-content:space-between;align-items:center;}
		.dtr > * {text-align:center;}
		.dtr > :nth-child(1) {flex:0 100%;height:65vw;} /*Фото*/
		.dtr > :nth-child(2) {flex:0 100%;margin-top:20px;} /*Описание*/

		.otoolbar > * {flex:1 !important;margin-bottom:10px;}
		.otoolbar :before {margin:0 7px 0 0;}

		.mw99 {font-size:1em;}
		.d3nf {display:none;}
		.d3nf + div {margin-top:20px;}

		/*Отзывы*/
		.pro-con > div {flex:0 100%;}
	}

	/*Redline*/
	div.myrl {margin-bottom:15px;}

	/* ПЛАНШЕТЫ АЛЬБОМНЫЕ */
	@media only screen and (max-device-width:1024px) and (orientation:landscape) {
		#leftcol5 {top:15px;} /*Прилипающее левое меню. меняем т.к. логин меню не прилипает*/
	}
	@media only screen and (max-height:560px) and (orientation:landscape) {
		#leftcol5 {position:relative;top:0;} /*Не прилипает на планшетах куда не помещается левое меню*/
	}

	/* ТАЧ СКРИНЫ */
	@media (pointer:coarse){
		#leftcol5 > li > a:nth-of-type(2) {visibility:visible;opacity:.5;} /*Показываем дополнительные кнопки меню*/
	}