BODY {font-family:'Roboto',Arial,sans-serif; font-size:16px; color:#000; margin:0; padding:0; background:#fff; line-height:1.7}

A:link, A:visited {color:#1a3dc1; text-decoration:none}
P A, UL A {border-bottom:1px solid #92B1EF}
P A:hover, UL A:hover {color:#008ace; border-bottom:1px solid #008ace}
P A:active, UL A:active {color:#008ace; border-bottom:1px solid #008ace}

TABLE {border-collapse:collapse}
TD {margin:0;padding:0;vertical-align:top}

.row, .row DIV {margin:0; padding:0}

.in_line {display:inline; vertical-align:middle; border:0}

MARK {background-color:#d8f7e5}
.red {color:#C03}
.green {color:#393}
.grey {color:#666}

DIV.path4 {font-family:'Roboto Condensed',sans-serif; color:#444; font-size:16px; margin:0.5em 0}
.path4 A {color:#444; border-bottom: 1px solid #ccc; margin-right:1em; text-decoration:none}
.path4 A:hover {color:#333; border-color:#444}

.row .plitki DIV P {font-size:16px;font-weight:700; margin-top:0}
@media screen and (min-width: 760px) { /* desktop */
  .row .plitki {margin-right:-20px}
  .row .plitki DIV {padding-right:20px}
}

/* Картинки с текстом поверх */
.text-over {position:relative}
.text-over DIV {z-index:3; position:absolute; bottom: 0; width:100%; padding:0; margin:0}
.text-over DIV P {color:#fff; display:block; font-size:17px; background: rgba(0, 0, 0, 0.460) }
.text-over A:hover DIV P {color:#6F9}


P.head-2 {font-size:16px; color:#666; margin:2.2em 0 0.4em 0; padding:0 15px; border-bottom:1px solid #bbb}
P.head-2 A {color:#555; text-decoration:none; border:0}
@media screen and (min-width: 576px) { /* desktop */
  P.head-2 {margin-left:0; margin-right:0; padding:0}
}


/* LAYOUT 2021 */
DIV.content-page {z-index:2}
.container-xl {max-width:1200px; background:#fff}
@media (min-width: 768px) {
	DIV.side-block {margin-left:18%}
}


/* Главная 2021 */
DIV.price-block {margin-top:25px}
DIV.index-price {width:100%; background:#CDF4D9; margin:0 0 30px 0; padding:10px}
DIV.index-price FORM SELECT {width:90px; font-size:14px; margin-right:5px; padding:2px 1px; height:25px}
DIV.index-price FORM INPUT {font-size:14px; padding:0 5px; height:25px}
@media screen and (min-width: 576px) { /* desktop */
	DIV.price-block {margin-top:25px}
	DIV.index-price {margin:0 0 25px 0}
	DIV.index-price FORM SELECT {width:130px; font-size:14px; margin-right:5px; padding:2px 1px; height:25px}
}

DIV.set-item {margin:15px 0}
DIV.set-item SPAN {font-family:'Roboto',sans-serif; font-size:18px; margin-left:1em}

DIV.index-story-item {margin:15px 0 0 0}
DIV.overflow-hidden {margin-right:10px; width:80px; height:80px}
DIV.overflow-hidden IMG {height:80px}

/*
DIV.index-short {background:#eee; margin:50px 0; padding:15px 10px; color:#666; line-height:1.4}
DIV.index-short .row {margin:12px 0 6px 0}
DIV.index-short .row P {margin:0}
DIV.index-short .row P A {color:#000; border:0; margin-right:1em}
DIV.index-short .row P A:hover {border-bottom:1px solid #333}
*/

DIV.top-news {background:#eee; margin:3em 0; padding:15px 10px}
DIV.top-news .row {border-top:1px solid #ccc; margin:12px 0 0 0; padding:12px 0 0 0}
DIV.top-news .col-1 {font-size:48px; line-height:48px; color:#ccc}
DIV.top-news .col P {margin:0; line-height:24px}
DIV.top-news .col P A {color:#333; border:0; margin-right:1em}
DIV.top-news .col P A:hover {color:#008ace; border:0; margin-right:1em}
DIV.top-news .col P SPAN A, DIV.top-news .col P SPAN A:hover {font-size:15px; color:#FF7FB6}
DIV.top-news .col P SPAN IMG {margin-right:4px; display:inline; width:13px; vertical-align:baseline}


/* LAYOUT */
.container {max-width:1200px; padding:0; background:#fff}
.basic-block {width:100%; max-width:1200px; margin:0 auto 0 auto; background: #fff; position: relative; padding-top:15px}
.row .maintext {max-width:800px}
.row .side {display:none}

@media screen and (max-width:576px) { /* mobile */
	.container-fluid {padding-left:12px; padding-right:12px; background:#fff}
}

@media (min-width: 800px) { /* tablet */
  .row .maintext {margin-right:auto; margin-left:auto}
}

@media (min-width: 1199px) { /* desktop */
  .row .side {display:block; float:right}
  .basic-block {padding-left:10px}
  .basic-block-index {margin-top:25px}
}

@media screen and (min-width: 700px) {
	DIV.sideblock {width:300px; float:right}
}

@media screen and (max-width: 700px) {
    DIV.sideblock {margin-top:40px}
}



/* ДИЗАЙН 2018 */
H1 {font-family:'Montserrat', sans-serif; font-size:28px; font-weight:800}
H1 SPAN.althead {display:block; font-size:19px; color:#555}
H2 {font-family:'Montserrat', sans-serif; font-size:26px; font-weight:700; margin-top:1.2em}
H2 A:visited, H3 A:link {color:#000}
H3 {font-family:'Montserrat', sans-serif; font-size:22px; font-weight:700; margin-top:1.2em}
H3 A:visited, H3 A:link {color:#333}
H3.head-3 {font-size:20px; margin:0 0 0 0; color:#06822f}
H3.head-3 A {color:#06822f}
H4 {font-family:'Montserrat', sans-serif; font-size:18px; font-weight:700; margin-top:1.2em}

P.head-h3 {font-family:'Montserrat', sans-serif; font-size:22px; font-weight:700; margin-top:1.2em; margin-bottom:0.2em}

@media screen and (min-width: 800px) { /* desktop */
	H1 {font-size:40px; margin-left:0; margin-right:0}
	H2 {font-size:28px; margin-left:0; margin-right:0}
	H3 {font-size:22px; margin-left:0; margin-right:0}
	H4 {font-size:18px; margin-left:0; margin-right:0}
	
	P.head-h3 {font-size:22px; margin-left:0; margin-right:0; margin-bottom:0.2em}
}

.text-block H2 {font-family:'Roboto',Arial,sans-serif; font-size:24px; font-weight:600; margin-bottom:0.6em}
.text-block H3 {margin-top:2em; margin-bottom:0.7em}



/* ШАПКА */
.top-line {padding-top:15px; background: #fff; position: relative;}
.top-line-user {float:right}
.top-line-user A {margin-left:0.4em}
.top-menu-line {border-bottom:1px solid #bbb; position: relative;}

.top-menu {padding-top: 10px; padding-bottom: 10px; background: #fff;position: relative;}
.top-menu A {font-family:'Roboto Condensed',sans-serif; font-size:19px; line-height:19px; color:#333; text-decoration:none; border:0; margin-right:0.6em}
.top-menu A:hover, .menu-list2 A.active {color:#093}

IMG.top-avatar {width:30px; height:30px}
IMG.logo-svg {max-width:220px}
@media screen and (max-width:576px) { /* mobile */
	IMG.logo-svg {max-width:200px}
}

@media screen and (min-width: 576px) { /* desktop */		
	.top-menu {padding-top: 12px; padding-bottom: 12px}
	.top-menu A {font-size:20px; line-height:20px; margin-right:0.9em}
	.top-line-user A {margin-left:1em}
}


/* ОСНОВНОЙ ТЕКСТ */
.text-block UL LI, .text-block OL LI {margin: 0 0 0.4em 0}
.text-block IMG {display:block; max-width: 100%; height: auto}
.text-block .image_news P {position: absolute; padding: 5px 10px; color: #fff; background: rgba(0, 0, 0, 0.600); margin: 0px; bottom: 0px; width: 100%}

.text-block .text-big {font-size:24px; margin-top:1.7em; line-height:1}
.text-block SPAN.news-bold {font-weight:700; font-size:20px; line-height:34px}

.text-block P, .text-block UL, .text-block OL {font-size:19px; font-weight:400; line-height:32px}
.text-block DL {font-size:15px; line-height:22px; border-top:1px solid #fff}
.text-block DL DD {margin:0.6em 0; padding-right:10px; padding-left:10px}
@media screen and (min-width: 800px) { /* desktop */
	.text-block P, .text-block UL, .text-block OL {font-size:19px}
	.text-block DL DD {margin:0.6em 0; padding-right:15px; padding-left:15px}
}


DIV.news-info {background:#ddd; padding:15px 15px 1px 15px; margin-bottom:15px}
DIV.news-quote {font-size:20px; background:#EAEAE3; margin-bottom:1em}
DIV.news-quote DIV {margin:1em 0}
DIV.news-quote UL {padding-top:0.8em; padding-bottom:0.8em}
DIV.news-quote>P {margin:0 1.2em; padding:0.5em 0}
DIV.news-quote DL DD {font-family:Arial,sans-serif}
DIV.news-quote DL DD.font-weight-bold {color:#333; font-size:14px}
DIV.news-intro P {font-weight:500; font-size:21px}
DIV.news-quote .row .col-sm {margin-bottom:1em; line-height:26px}

.text-block .image-news {margin:0.6em 0 1.1em 0}
.text-block DIV.news-quote DIV {margin:0; padding:0}
.text-block DIV.news-quote .image-news {margin:0 1.2em 0 1.2em; padding:0 0 0.6em 0}
.image-news A:hover IMG {opacity:0.8}
.text-block .image-news P {font-size:15px; line-height:20px; color:#888; padding:0 0.8em; margin:0.2em 0 0 0}

UL.news-list {margin:1em 0}
UL.news-list LI {margin:0 0 0.8em 0}

.news-topic {font-family:Arial,sans-serif; font-size:12px; margin:0 15px 0.2em 15px; text-transform:uppercase}
.news-topic A {color:#666; border-color:#999}
.news-topic SPAN {margin-right:0.1em}

.news-date, .news-date-2 {font-family:'Roboto',sans-serif; color:#555; font-size:14px; margin:0.2em 0 0 0}
.news-date SPAN, .news-date-2 SPAN {margin-right:1.2em}
.news-date A, .news-date A:hover {color:#555; border:0}
.news-date-2 A {margin:0 0 0 0.2em; color:#555; background:#eee; border:0; padding:0 3px}
.news-date-2 A:hover {color:#fff; background:#666; border:0}
P.news-tag {font-family:'Roboto',sans-serif; font-size:14px; color:#555; margin-bottom:2em}
P.news-tag A {margin:0 0 0 0.2em; color:#555; background:#eee; border:0; padding:0 3px}
P.news-tag A:hover {color:#fff; background:#666; border:0}
P.news-tag A SPAN {margin-right:1px; color:#777}
P.news-tag A:hover SPAN {color:#eee}
@media screen and (min-width: 800px) { /* desktop */
 .news-topic {margin-right:0; margin-left:0}
 .news-date SPAN, .news-date-2 SPAN {margin-right:2em}
}
DIV.bottom-line {width:150px; height:1px; border-top:1px solid #666; margin:1.5em 0 0.5em 0}



/* Карусель в каталоге - уточнения дефолтного стиля */
.carousel-control-next, .carousel-control-prev {width:8%; opacity:0.7}
.carousel-control-next-icon, .carousel-control-prev-icon {width:35px; height:35px}
A.carousel-control-next, A.carousel-control-prev {border:none}
.row .carousel-item {margin-right:-100%}



.plitki2 DIV P, .plitki22 DIV P {font-family:'Montserrat',sans-serif; font-size:22px; font-weight:600; line-height:1.5; margin: 0 15px 1.3em 15px}
@media screen and (min-width:576px) { /* desktop, tablet */
  .plitki2 DIV P, .plitki22 DIV P {font-size:18px; line-height:1.6; margin: 0 0.5em 1.3em 10px}
  DIV.row DIV.plitki2, DIV.row DIV.plitki22 {margin-right:-20px}
  DIV.row DIV.plitki2 DIV.element, DIV.row DIV.plitki22 DIV.element {padding-right:20px}
  DIV.row DIV.plitki2 DIV.element DIV, DIV.row DIV.plitki22 DIV.element DIV {height:130px; overflow:hidden}
}
@media screen and (min-width:780px) { /* desktop, tablet */
  .plitki2 DIV DIV.trim, .plitki22 DIV DIV.trim {height:195px; overflow:hidden}
}


/* Список новостей /news */
.plitki3 {margin-bottom:25px}
.plitki3 DIV P {font-weight:500; font-size:20px; line-height:1.6; margin:0 10px}
.plitki3 DIV P A {margin-right:0.6em}
.plitki3 DIV P SPAN {font-family:'Roboto Condensed',sans-serif; font-size:14px; background:#ddd; padding:1px 5px}
.plitki3 DIV P.plitki-date {font-family:'Roboto Condensed',sans-serif; color:#444; font-size:14px; margin:3px 10px 0 10px}
.plitki3 DIV.element {padding-bottom:30px}
@media screen and (min-width:576px) { /* DESKTOP,TABLET */
  .row .plitki3 {margin-right:-40px}
  .plitki3 DIV.element {padding-right:40px}
}
@media screen and (min-width:780px) { /* DESKTOP,TABLET */
  .plitki3 DIV DIV.trim {}
}


/* Галерея в новостях, карточке каталога */
.row DIV.gallery2 {margin-right:-9px}
.row DIV.gallery2 DIV {padding:0 9px 9px 0}
.row DIV.gallery2 P {font-size:16px; line-height:24px; font-weight:700; margin:0.2em}
@media screen and (max-width:576px) { /* mobile */
  .row DIV.gallery2 DIV {padding:0 5px 5px 0}
}


/* ОТЗЫВЫ */
.story-counter {font-family:'Roboto Condensed',sans-serif; font-size:16px; line-height:22px; color:#333; margin:0.4em 0}
.story-counter A {color:#093; border-color:#093}
.row .story-list {margin:2em 0}
.story-list-head {font-weight:500; font-size:22px; line-height:1.5; margin:0.3em 0 0.3em 0}
.story-list-subhead {font-family:'Roboto Condensed',sans-serif; font-size:14px; color:#777; margin:0.4em 0}
.story-list-subhead SPAN {margin-right:1.5em}
.story-list-subhead A {color:#777;}
.story-list-text {margin:0.2em 0; color:#333}
.story-list-text A {color:#333; border:0}
.story-list-text A:hover {color:#333; border:0}
.story-list-1 IMG {width:100%}
@media screen and (min-width: 576px) { /* desktop */
  .story-list-head {margin-top:0}
  .row .story-list-1 {padding:8px 19px 0 0}
}
BUTTON.btn-addstory {width:100%; margin:0 0 30px 0}
BUTTON.btn-addstory A {color:#fff; border:0}

.info {font-size:12px; color:#666}



.brand_list {font-size:17px; line-height:2; margin:0 0 30px 0}
.brand_list A, .brand_list SPAN {margin-right:0.5em}

.row .story-gens {margin:1.5em 0 0 0}
.story-gens DIV {padding:0 10px 10px 0}
.story-gens P {font-size:13px;margin:0; line-height:20px; color:#555}


/* КАТАЛОГ */
.row .cars-list DIV {padding-bottom:24px}
.h2-cars {font-size:20px; margin-top:0em; margin-bottom:0.8em}

@media screen and (min-width:576px) { /* desktop */
	.row .cars-list {margin-right:-20px; margin-left:0}
	.row .cars-list DIV {padding:0 20px 20px 0}
}
@media screen and (max-width:576px) { /* mobile */
	.row .cars-list {margin-right:-12px}
	.row .cars-list DIV.col-6 {padding-right:15px; padding-bottom:18px}
	.row .cars-list DIV.col-6 P.index-head-2 {font-size:17px}
}


/* Доп вкладки в каталоге и отзывах */
DIV .carsmodel_dop, .text-block .carsmodel_dop {font-size:16px; line-height:34px; margin:1em 0; color:#333}
.carsmodel_dop A {margin: 0 1px 0 0; border:0; color: #060; padding: 3px 10px}
.carsmodel_dop A:hover {color:#333; background-color:#cfc; border-bottom: 4px solid #093}
.carsmodel_dop SPAN {color:#333; background-color:#cfc; border-bottom: 4px solid #093; padding: 3px 10px; margin: 0 1px 0 0}
@media screen and (min-width:576px) { /* desktop,tablet */
	.carsmodel_dop A, .carsmodel_dop SPAN {padding: 3px 5px}
}


.lenta-1 {font-size:14px; line-height:21px; margin:13px 0 0 0}
.lenta-1 A {color:#444; border:0}
.lenta-1 A:hover {color:#444; border-bottom:1px solid #888}
.lenta-2 {font-size:12px; margin:0}

/* Каталог */
.text-block P.cars-models {font-size:17px}
.text-block P.cars-models IMG {margin-right:5px; display:inline; vertical-align:middle; border:0}
.cars-models SPAN {color: #666; font-size:12px; margin-right:1em}
.mark-list .country-head {margin:20px 0 5px 0; font-size:12px; color:#666; font-weight: 700}
.country-head IMG {display:inline; opacity:0.8}


/* cars */
.row .brand-list {font-size:20px; line-height:2; border-bottom:1px solid #eee; padding:0.7em 0}
.row .brand-list-letter {font-weight:700; color:#bbb}
.row .brand-list-2 {font-size:17px; line-height:1.8; border-bottom:1px solid #eee; padding:0.7em 0}
.row .brand-list-2 A {margin-right:0.8em}
@media screen and (max-width:576px) { /* mobile */
	.row .brand-list, .row .brand-list-2 {margin-left:15px; margin-right:15px}
}

.cars-models {line-height:2; margin:1.8em 0 1.8em 0}
.cars-models A {margin-right:0.5em}
.cars-models STRONG {color:#555; margin-right:0.5em}

.video-info {font-weight:700; margin:0.2em 0 2em 0}


/* Список все модели */
.all-models {font-size:15px; line-height:25px; margin:0.2em 0}
.all-models A {margin-right:5px; padding:0 2px}
.all-models SPAN {margin-right:5px; background:#cfc; padding:0 2px}



/* Профиль (стили страниц личных сообщений в файле messanger.css) */
.profile_head {font-size: 19px; font-weight: 400; margin: 0; line-height: 130%}
SPAN.like {color: #393; font-style: italic; margin-left: 5px}

/* Настройки юзера  */
.settings_1 {font-size: 12px; margin: 40px 0 5px 0}

/* Подписи к картинкам на градиенте */
.picture-text {position:relative}
.text-block .picture-text {margin-bottom:15px}
.picture-text P {font-size: 15px; z-index:3; position:absolute; bottom:0; padding:2px 10px; margin:0; background: rgba(0, 0, 0, 0.450); color:#eee; width:100%; background: linear-gradient(to right,rgba(0, 0, 0, 0.450),rgba(0,0,0,0.0));
}
.picture-text P A {color:#fff; border:0}


/* Гараж  */
.zametki P {font-size: 12px; margin: 0px 0 15px 0}
.zametki P SPAN {color: #666; margin-left: 15px}


/* Левая менюшка на страницах профиля */
.user_menu_card {width: 150px; margin-top:20px}
.user_menu_login {font-size: 13px; font-weight: 700; margin: 0.2em 0 1.5em 0}

.user_menu {margin: 0 0 0 0; width: 150px; line-height: 1; padding:0; list-style-type:none}
.user_menu LI {margin: 9px 0; padding: 4px 0}
.user_menu LI A {display: block; margin: 0 2px; border:0}
.user_menu LI SPAN {display: block; margin: 0 2px}
.user_menu LI.active {background: #DDD}
.user_menu UL {list-style-type:none; font-size: 11px; margin: 0 0 0 10px; padding:0}
.user_menu UL LI {margin: 0}


/* Подзаголовки в каталоге */
.basic_text_margin {margin-top:25px}
.basic_text_subhead {margin-top:20px; font-weight:bold; font-size:14px}


/* Таблица цен и комплектаций */
P.price_version {font-family:'Montserrat',sans-serif; font-size:18px; margin-top:1.4em; margin-bottom:0.5em; line-height:21px}
TABLE.price-table {font-size:12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-left:0; margin-right:0}
TABLE.price-table TD {padding:5px 3px 5px 5px}
TABLE.price-table TD.price-number {color:#063}
TABLE.price-table TR:hover {background:#eee}
@media screen and (min-width: 576px) { /* desktop, tablet */
	TABLE.price-table {font-size:14px}
	TABLE.price-table TD {padding:5px 3px 5px 0}
}

/* Галерея в каталоге */
.gallery {margin-right:-5px}
.gallery DIV {padding-right:5px; padding-bottom:5px}
.gallery DIV P {margin:0; font-size:13px}

/* Таблица версий */
.table-ver>TBODY>TR>TD {padding:5px; border:1px solid #ccc}
.table-ver>TBODY>TR.car_spec_1>TD {border-top:1px solid #ccc; background:#EEE; text-align:center}

.car-spec {font-size:12px; border:3px solid #ddd}
.car-spec TD {padding:4px 6px; border:1px solid #ddd}
.car-spec TR.car_spec_1 TD {font-weight:bold; background:#eee; padding:6px 6px; color:#333}

/* Таблица характеристик */
.car-spec-full {margin-top:2em; border:3px solid #ddd}
.car-spec-full TD {font-size:13px; text-align:center; padding:4px 6px; border:1px solid #ddd}
.car-spec-full TD.t1 {text-align:left}
.car-spec-full TR.car_spec_1 TD {font-size:15px; font-weight:bold; background:#eee; padding:6px 6px}


/* Комменты */
.row .comment2 {margin: 0 0 1em 0}
.row .comment-item {border-bottom:1px solid #ccc; padding:1.2em 0}
.row .comment-item DIV {margin-left:50px}
@media screen and (min-width: 576px) { /* desktop, tablet */
	.row .comment-item DIV {margin-left:75px}
}
.comment-item P {font-size:15px; line-height:26px; margin:0}
SPAN.comment-date {font-family: 'Roboto Condensed',sans-serif; color:#888; margin-left:1em}
.comment-reply-info {font-family: 'Roboto Condensed',sans-serif; font-size:13px; color:#888}
.comment-reply-info A {text-decoration:none; color:#333; border-bottom:1px dotted #333}
.comment-reply-info A:hover {background:#ddd}

.comment-mark {float:right; color:#093}
.comment-mark A {border-radius:1px; padding:0 4px; color:#093; font-weight:700; border:0; margin-left:0.1em}}
.comment-mark A:hover {background:#ddd}

.comment-item A.reply {font-family: 'Roboto Condensed',sans-serif; color:#999; text-decoration:none; border-bottom:1px dashed #999; display:none; margin-left:1em}
.comment-item:hover A.reply {display:inline}



/* Реклама */
ASIDE {display:block; width:300px; height:auto}
.smartadv A {border:0}
@media screen and (max-width: 576px) {
  .nomobile {display:none}
}
@media screen and (max-width: 1150px) {
  .notablet {display:none}
}
@media screen and (min-width: 576px) {
  .mobileonly {display:none}
}



/* ФОРМЫ */
TEXTAREA.form-control, INPUT.form-control, SELECT.form-control {
color:#000;
font:16px Courier;
border-color:#999;
}

LABEL {
font-weight:300;
font-size:14px;
margin-bottom:2px;
}

BUTTON.btn-default {
color:#222;
border-color:#999;
font-weight:700;
background:#ddd;
margin-right:5px;
}

BUTTON.btn-default:hover {
background:#6C6;
}

SPAN.form-submit {
font-size:14px; 
color:#666;
}

SPAN.form-submit A {
color:#4682B4;
text-decoration:none;
border-bottom:1px dotted #4682B4;
}






/* ФОРМЫ */
#add_comment2 {
width: 100%; 
margin: 40px 0 35px 0; 
background: #EEE; 
padding: 5px 0
}

#add_comment2 TABLE {
margin: 10px 10px 0 10px;
width: 95%;
}

#add_comment2 TABLE TD {
vertical-align: top;
padding: 8px 0;
}

#add_comment2 TABLE TD SPAN {
color: #333;
font-style: italic;
font-size: 13px;
}

#users #add_comment2 {width: 75%}
#add_comment2 P {font-size: 12px; margin: 10px 0 1px 10px; color: #333}
#add_comment2 P SPAN {color: #666}
#add_comment2 TEXTAREA {margin: 0 0 0 10px; width: 95%}
#add_comment2 TABLE TEXTAREA {margin: 0 0 0 0; width: 100%}
#add_comment2 INPUT[type="text"], #add_comment2 INPUT[type="file"], #add_comment2 INPUT[type="password"], #add_comment2 SELECT {margin: 0 0 3px 10px; vertical-align: middle}
#add_comment2 INPUT[type="submit"] {font-size: 16px; margin: 12px 0 10px 10px}
#add_comment2 INPUT[type="checkbox"], #add_comment2 INPUT[type="radio"] {display: inline; margin: 0 3px 0 15px; padding: 0;}

.code {margin: 0 0 30px 0}
.code SPAN {font-size: 11px; display: block}
.code TEXTAREA {color: #333; border: 1px solid #333; margin: 0 0 10px 0; width: 60%; color: #333}

#save_change{color:#666}


/* Таблица регионов */
TABLE.regions {margin-top:20px; margin-bottom:20px}
TABLE.regions TR TD {padding:6px 10px 6px 0; vertical-align:middle}
TABLE.regions TR:hover {background:#eee}
TABLE.regions .region-prim {color:#777; font-size:14px}

/* Автомобиль года */
.row .coty {margin-right:-20px}
.row .coty DIV {padding: 0 20px 20px 0}


.row DIV.form-group {margin:3px 0}
BUTTON.btn-default {margin:5px 0 0 0}


/* Index */
/* Новости на главной */
DIV.index-top-over {margin-bottom:30px}
SPAN.index-top-date-2 {font-family:'Roboto Condensed',sans-serif; font-size:16px; font-weight:400; color:#777; vertical-align:middle}
SPAN.index-top-date-2 SPAN {margin:0 0.5em}

P.index-head-1, P.index-head-2 {font-family:'Montserrat',sans-serif; font-size:20px; font-weight:600; line-height:1.3; margin:6px 8px 0 10px}
P.index-head-1 A, P.index-head-2 A {color:#000; border:0}
P.index-head-1 A:hover, P.index-head-2 A:hover {border-bottom:1px solid #555}
@media screen and (min-width: 576px) { /* desktop */
	P.index-head-1 {font-size:28px; font-weight:700}
	P.index-head-2 {font-size:18px}
}

P.index-head-2-price {font-size:14px; line-height:1.3; margin:4px 8px 0 10px; color:#555}

DIV.index-news-2-element {margin-bottom:25px}

P.index-news-date {font-family:'Roboto Condensed',sans-serif; font-size:12px; margin:0 0 0 10px; color:#888}

P.index-news-head {font-size:16px; line-height:22px; margin:-4px 0 0 10px}
P.index-news-head A {color:#222; border:0}
P.index-news-head A:hover {border-bottom:1px solid #888}

SPAN.index-news-comment {margin-left:1em}
SPAN.index-news-comment IMG {margin-right:4px; display:inline; width:11px; vertical-align:baseline}
SPAN.index-news-comment A, SPAN.index-news-comment A:hover {color:#777; border:0}

P.index-head-2 SPAN.index-news-comment {font-size:16px}
P.index-head-2 SPAN.index-news-comment IMG {width:14px}
P.index-head-2 SPAN.year {color:#999}
P.index-head-2 SPAN.year SPAN {margin:0 0.5em}
SPAN.index-news-head-foto {color:#00AA32; margin-right:0.1em}

@media screen and (min-width: 576px) { /* desktop, tablet */
	.row .index-news-2 {margin-right:-40px}
	.row .index-news-2-element {padding:0 40px 5px 0}
	P.index-news-date {font-size:14px; margin:0 0 0 7px}
	P.index-news-head {font-size:20px; font-weight:500; line-height:28px; margin:3px 7px 0 7px}
}


/* Отзывы на главной */
DIV.index-story {margin:10px 0 50px 0}
P.story-index-head {font-size:18px; font-weight:500; line-height:1.3; margin:0 0 5px 0}
P.story-index-head A {margin-right:0.5em; color:#000; border:0}
P.story-index-head A:hover {border-bottom:1px solid #333}
P.story-index-text, P.story-index-text A {font-size:15px; color:#555; line-height:1.4; margin:0; border:0}
.story-tag {font-size:12px; line-height:1; margin:0 5px 0 0; background:#f99; color:#fff; padding:1px 4px 2px 4px}

/* Врезка в новостях ???? */
.news-highlights {background:#eee; padding-left:0.5em; padding-right:0.5em}
.news-highlights P {font-family:'Montserrat', sans-serif; text-align:center}
.news-highlights P.news-highlights-big {font-size:22px; font-weight:800}
.news-highlights P.news-highlights-ordinary {font-size:18px; font-weight:600}


/* Профиль пользователя */
.user-data H1 {margin:0 0 0 15px}
.user-data P {font-size:14px; margin:5px 0 0 15px}
.user-data P.user-name {font-size:18px; margin:0 0 15px 15px}
.row .user-button {margin:25px 0 35px 0}
.row .user-button BUTTON {margin:0 1em 10px 0}
H2 A.usercar-add {font-size:14px; font-weight:400; color:#fff; border:0; margin-left:1em; vertical-align:middle}
A.no-border {border:0}


/* Обновлённый форум */
.container .forum-item {padding-top:1em; padding-bottom:1em}
.forum-item .row {margin:0 0 15px 0; padding: 15px; border:1px solid #ccc}

.forum-user {font-weight:500; font-size:17px; line-height:24px; margin:0}
.forum-user SPAN {color:#0c3; margin-left:1px; font-size:22px; vertical-align:bottom}
.forum-user-name {font-weight:400; font-size:15px; color:#444; margin:0}
.forum-user-avatar {margin:10px 0; max-width:80px}
.forum-user-info {font-size:14px; color:#777; margin:0}
.forum-user-info SPAN {color:#777; margin-right:2px; line-height:1}

.forum-item-text {padding:0 15px 0 25px}
.forum-item-text .img-fluid {margin-bottom:1em}


.forum-item-date {font-size:14px; color:#999; margin-top:10px}
.forum-item-date SPAN {margin-left:1.5em}

.row .forum-quote {font-size:13px; background:#eee; border:1px solid #ddd; padding:5px 10px 0 10px; margin-top:15px}
.row .forum-quote P {margin:5px 0}

DIV.alert {padding:0.2em 0.5em}

BUTTON {margin:5px 0}

DIV.pages-container {margin:15px 0}
DIV.pages2 {font-style:Arial,sans-serif; font-size:18px}
DIV.pages2 SPAN {padding:4px 10px; margin-right:2px; background:#9cf; color:#009; border:0; border-radius:5px}
DIV.pages2 A {padding:4px 10px; margin-right:2px; background:#fff; color:#009; border:0}
DIV.pages2 A:hover {background:#9cf; color:#009; border-radius:5px}

.forum-item-underline {font-size:12px; color:#333}
.forum-item-underline SPAN {float:right}
.forum-item-underline A {background:#fff; padding:1px 8px 2px 8px; color:#666; border-radius:8px; border:1px solid #ccc}
.forum-item-underline A:hover {background:#eee}

@media screen and (min-width: 576px) { /* desktop */
	.row .forum-item-text {padding:0 15px 0 25px}
	.forum-item-date {margin-top:0}
}

.container .forumlist-item {padding-top:1em; padding-bottom:1em}
.forumlist-item>.row  {margin:0; padding: 18px 3px; border-top:1px solid #ddd}
.forumlist-item>.row>.col-9  {padding-right:7px}

.h1-forum {font-size:24px}
@media screen and (min-width: 576px) { /* desktop */
	.h1-forum {font-size:36px}
}

P.forumlist-date {font-size:11px; color:#666; margin:0}
P.forumlist-head {font-weight:500; font-size:17px; line-height:26px; margin:0 7px 2px 0}
P.forumlist-counter {font-size:13px; color:#555; margin:0}
P.forumlist-counter IMG {margin-right:0.5em; margin-top:-1px}
P.forumlist-last {font-size:13px; color:#666; text-align:center; margin:0}
P.forumlist-last A {color:#369; border:0}
P.forumlist-pages {font-size:13px; color:#444; margin:0}
P.forumlist-pages A {margin-left:0.5em; color:#555; border-color:#aaa}

.row .onsite {margin:1.5em 0 0 0; color:#333}
.row .onsite A {color:#333; border-color:#aaa; margin-left:0.4em}


/* Промо внизу новости */
DIV.news-promo {background:#cfc; padding:10px; margin-bottom:1em}
DIV.news-promo P.promo-head {font-size:15px; font-weight:400; margin:0 0 5px 0; color:#666}
DIV.news-promo P {margin:0 5px 3px 15px; font-size:20px; font-weight:500; line-height:24px}
DIV.news-promo P A {color:#222; border:0}

@media screen and (min-width: 576px) { /* desktop */
	DIV.news-promo P {font-size:26px; line-height:34px}
}

/* Тест новой вёрстки отзывов */
.row DIV.story-3 {margin-top:2em; padding-bottom:2em}
.story-3-head {font-size:22px; margin:13px 0 13px 0; line-height:30px}
.story-3-head A:hover {border-bottom:1px solid #333}
.story-3-subhead {font-size:15px; margin:0; color: #888}
.story-3-subhead SPAN {margin-left:0.5em}
.story-3-text {margin:15px 0; font-size:16px}
.story-3-text A, .story-3-text A:hover {color:#333; border:0}
@media screen and (min-width: 576px) { /* desktop */
	.story-3-head {font-size:28px; line-height:36px}
	.story-3-subhead {font-size:16px}
	.story-3-text {font-size:18px}
}

/* Страница одной узкой колонкой по центру (enter, register) */
.row DIV.central-block {max-width:400px; margin:15px auto; padding:15px 15px; border-radius:7px; background:#d8f7e5}
.row DIV.central-block BUTTON {margin-top:10px}


/* Новость по теме в newsitem */
.news-next A {border:0}
.news-next IMG {display:inline; margin-right:4px; margin-bottom:-1px; vertical-align:middle; width:140px}
.news-next .news-next-major {font-weight:500; font-size:20px; line-height:25px; margin:0 0 0 5px}
.news-next .news-next-minor {font-weight:400; font-size:13px; line-height:18px; margin:0 0 3px 5px; text-transform:uppercase; color:#666}
.news-next .news-next-minor A {color:#000; border:0}
.news-next .news-next-minor SPAN {background:#fff8c4; padding:1px 2px}
@media screen and (min-width: 576px) { /* desktop */
	.news-next IMG {width:190px}
	.news-next .news-next-major {font-size:22px; line-height:30px}
}

/* Футер */
.footer-2 {margin-top:12px; padding-bottom:15px}
.footer-2 P {font-size:14px; margin:0; color:#666}
.footer-2 P A {color:#666; border:0}
.footer-2 P B A {color:#444}
.footer-2 P A:hover {color:#222; border:0}
DIV.footer-icon {margin-bottom:14px; margin-top:4px}
.footer-icon IMG {width:26px; margin-right:8px; display:inline}
@media screen and (min-width: 576px) { /* desktop */
	.footer-icon A IMG {opacity:0.8}
	.footer-icon A:hover IMG {opacity:1}
	.footer-counter {float:right}
}

/* Каталог 2021 */
DIV.car-img {}
DIV.car-img-1 {padding:0 2px 0 0}
DIV.car-img-2 {padding:0 2px 2px 2px}
DIV.car-img-3 {padding:0 2px 2px 2px}
DIV.car-img-4 {padding:2px 2px 0 2px}
DIV.car-img-5 {padding:2px 2px 0 2px}

.car-table-head {margin-top:1.8em; margin-bottom:0.2em}
.car-table-head A {color:#333; border:0}
.car-table-head-2 {font-weight:600}
.car-table-head-2 SPAN {margin:0 0.5em; color:#666}
.car-table-version {font-family:'Montserrat', sans-serif; font-size:24px; font-weight:700}
.row DIV.car-table-item {border-bottom:1px solid #ccc; padding:0.5em 0.2em}
.row DIV.car-table-item:hover {background:#eee}
.row DIV.car-table-item SPAN {margin:0 0.5em; color:#888}
.car-table-item .car-price {color:#096}

.row .cars-links {margin-top:2em}
.cars-links .btn {margin-right:9px; margin-bottom:9px; border:1px solid #ccc; font-size:16px}
.cars-links SPAN.btn {color:#444; background:#eee}
.cars-links A.btn {color:#1a3dc1}
.cars-links A.btn:hover {background:#eee}
.cars-links A SPAN {color:#999}

.car-h2 {font-size:24px}
H2.cars-head-2 {font-family:'Montserrat', sans-serif; font-size:24px; font-weight:700; margin-top:1.0em; margin-bottom:0.6em}

.row DIV.car-story-container {margin-right:-9px}
.row DIV.car-story {padding:0 9px 9px 0}
.row DIV.car-story .row {background:#ddd; border-radius:6px; height:100%; max-height:130px}
.row DIV.car-story .row .overflow-hidden {border-radius:6px}
DIV.car-story DIV.col {padding:10px 10px 10px 0}
DIV.car-story DIV.col-auto {padding:10px 0 10px 10px}
DIV.car-story P {margin:0; font-size:16px; line-height:24px}
DIV.car-story P A {color:#000; border:0}

H2.car-history {margin-bottom:0.5em; margin-top:1.6em}
H2.car-history SPAN {margin:0 0.3em}

.block-alert {background:#fff8c4; border-radius:6px; border:1px solid #EFC700; margin-bottom:1em}
.block-alert P {margin:0.3em 0.8em; color:#333}

.picture-container {position:relative}

H1.carpic-head {margin:0.2em 0 0.7em 0}
H2.carpic-subhead {font-size:22px; margin-bottom:0.4em}
.row DIV.carpic-item {margin:0 0 10px 0; overflow:hidden}
.row DIV.carpic-item IMG {height:auto}
.row DIV.carpic-item P {display:none}

P.subhead {font-size:20px; font-weight:600; color:#333; margin-bottom:0.4em}
P.index-car-list A {margin:0 0.2em}




DIV.car-return {margin:5px 0 25px 0; padding:10px 0; border-bottom:1px solid #ccc}
DIV.car-return P A {color:#333; border:0}
DIV.car-return DIV:nth-child(2) {padding-left:10px}
P.car-return-1 {font-family:'Montserrat', sans-serif; font-size:20px; font-weight:700; margin:0; line-height: 28px}
P.car-return-2 {font-size:17px; margin:0; line-height: 28px}
P.car-return-2 SPAN {color:#999}

@media screen and (min-width: 576px) { /* desktop */
	DIV.car-return {margin-bottom:40px}
	DIV.car-return DIV:nth-child(2) {padding-left:20px}
	DIV.car-return DIV.cars-links {margin-top:10px}
}

.story-info {font-size:20px; color:#333; margin:1em 0 1em 0}
.story-info B {color:#000}
.story-info SPAN {color:#999; margin:0 0.3em}

/* Подзаголовок раздела */
.block-head {font-family:'Montserrat', sans-serif; font-size:26px; font-weight:700; margin-top:1.8em; margin-bottom:0.5em; line-height:34px}
H2.block-head {margin-top:1.4em}
.block-head A {color:#000; border:0}

/* Яркая блок-ссылка из текста */
P.bright-link {padding:8px 14px; border-radius:9px; font-weight:700; background:#ddd}
P.bright-link A {background:#A5FF7F; color:#000; padding:1px 5px; border:0; border-radius:3px}
P.bright-link A:hover {color:#0026B7}