/*Я разработчик бэкенда, а не верстальщик, так что решения здесь в основном топорные*/
@CHARSET "UTF-8";

/*БАННЕРЫ В ШАПКЕ*/
.banners .wrapper.big {
	width: 1260px;
}
.banners .block {
	width: 300px;
	height: 150px;
	margin: 0 30px 0 0;
}
.banners .block.big {
	width: 600px;
}
.banners .block.biggest {
	width: 900px;
}
.banners .block:first-child,
.banners .block:last-child {
	margin: 0;
}

.centered {text-align: center;}

.error {font-size: 13px; font-weight: bold; padding: 0 10px; background: #f00; color: #fff;}
.errorList {display: none;}
.errorList LABEL {display: block; padding: 5px 10px; margin-bottom: 5px; cursor: pointer; background: #f00; color: #fff;}

.filter-section .main-title {border-top: 1px dashed #7f7f7f;}

/*ЗАГРУЗКА ФОТО*/
.form-image .loader.process .text::before {background: url("/img/photoload.gif") no-repeat scroll 0 0;}

/*СТРАНИЦА АВТОРИЗАЦИИ*/
.login-section a {color: #98b400;}
.login-section a.lost {float: right;}

/*СЛАЙДЕР НОВОСТЕЙ*/
.news-section {height: 290px; overflow: hidden;}

/*СПИСОК НОВОСТЕЙ*/
.news-grid .news-block .meta {max-height: 32px;}

/*СПИСОК АВТО*/
.marks {margin: 20px 0 0;}
.marks.onmain {margin: 0 0 20px 0; text-align: center;}
.marks a {margin: 5px; padding: 5px;}
.marks a:hover {border: 2px solid #1d4755; padding: 3px;}
.item-small .image {position: relative;}
.item-small .image .sold {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	font: 900 18px/22px "Open Sans",sans-serif;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 1;
}
.item-small .name {
	max-height: 40px;
	overflow: hidden;
}

/*ФИЛЬТР АВТО*/
.filter-nav .link.autocat1::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll 17px 0;
}
.filter-nav .link.autocat1.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll 17px -96px;
}

.filter-nav .link.autocat2::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -181px 0;
}
.filter-nav .link.autocat2.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -181px -96px;
}

.filter-nav .link.autocat4::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -372px 0;
}
.filter-nav .link.autocat4.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -372px -96px;
}

.filter-nav .link.autocat3::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -566px 0;
}
.filter-nav .link.autocat3.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -566px -96px;
}

.filter-nav .link.autocat5::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -758px 0;
}
.filter-nav .link.autocat5.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -758px -96px;
}

.filter-nav .link.autocat6::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -953px 0;
}
.filter-nav .link.autocat6.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types.png") no-repeat scroll -953px -96px;
}


/*ФИЛЬТР ЗАПЧАСТЕЙ*/
.filter-nav .link.partscat1::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll 33px 0;
    top: 8px;
}
.filter-nav .link.partscat1.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll 33px -70px;
    top: 8px;
}

.filter-nav .link.partscat2::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -111px 0;
    top: 8px;
}
.filter-nav .link.partscat2.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -111px -70px;
    top: 8px;
}

.filter-nav .link.partscat3::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -251px 0;
    top: 8px;
}
.filter-nav .link.partscat3.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -251px -70px;
    top: 8px;
}

.filter-nav .link.partscat5::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -394px 0;
    top: 8px;
}
.filter-nav .link.partscat5.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -394px -70px;
    top: 8px;
}

.filter-nav .link.partscat4::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -535px 0;
    top: 8px;
}
.filter-nav .link.partscat4.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -535px -70px;
    top: 8px;
}

.filter-nav .link.partscat6::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -677px 0;
    top: 8px;
}
.filter-nav .link.partscat6.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_1.png") no-repeat scroll -677px -70px;
    top: 8px;
}


/*ФИЛЬТР КОМПАНИЙ*/
.filter-nav.type-2 {height: 53px; overflow: hidden;}
.filter-nav.type-2 .link::before {
    content: "";
    display: inline-block;
    height: 23px;
    margin: -8px 7px -5px 0;
    position: static;
    vertical-align: middle;
    width: auto;
}
.filter-nav.type-2 .link {
    padding: 19px 28px;
}
.filter-nav.type-2 .link.category1::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll 0 0;
    width: 30px;
}
.filter-nav.type-2 .link.category1.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll 0 -53px;
}

.filter-nav.type-2 .link.category2::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -133px 0;
    width: 21px;
}
.filter-nav.type-2 .link.category2.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -133px -53px;
}

.filter-nav.type-2 .link.category3::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -262px 0;
    width: 19px;
}
.filter-nav.type-2 .link.category3.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -262px -53px;
}

.filter-nav.type-2 .link.category4::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -390px 0;
    width: 20px;
}
.filter-nav.type-2 .link.category4.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -390px -53px;
}

.filter-nav.type-2 .link.category5::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -521px 0;
    width: 15px;
}
.filter-nav.type-2 .link.category5.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -521px -53px;
}

.filter-nav.type-2 .link.category6::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -645px 0;
    width: 23px;
}
.filter-nav.type-2 .link.category6.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -645px -53px;
}

.filter-nav.type-2 .link.category7::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -752px 0;
    width: 16px;
}
.filter-nav.type-2 .link.category7.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -752px -53px;
}

.filter-nav.type-2 .link.category8::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -850px 0;
    width: 15px;
}
.filter-nav.type-2 .link.category8.active::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_types_2.png") no-repeat scroll -850px -53px;
}


/*КОМПАНИИ НА ГЛАВНОЙ*/
.services-block.companycat1::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 0 0;
}
.services-block.companycat2::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 4px -72px;
}
.services-block.companycat3::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 4px -143px;
}
.services-block.companycat4::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 4px -215px;
}
.services-block.companycat5::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 12px -431px;
}
.services-block.companycat6::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 0 -359px;
}
.services-block.companycat7::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 4px -285px;
}
.services-block.companycat8::before {
    background: rgba(0, 0, 0, 0) url("/img/icons_services.png") no-repeat scroll 13px -503px;
}

/*БАЛУН КОМПАНИИ НА КАРТЕ*/
.map {overflow: hidden;}
#map {height: 404px;}
#map .item-author.poped {width: 440px; height: 185px; margin: 0; top: 0; left: 0;}
#map .item-author.poped .image {height: 185px; line-height: 185px;}
#map .item-author .close {
	background: transparent url("/img/icons.png") no-repeat scroll -46px -1522px;
    height: 15px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 15px;
    z-index: 10;
}

/*РЕДАКТИРОВАНИЕ АВТО*/
.form-image .text-oked {cursor: pointer;}

/*ПРОСМОТР АВТО*/
/*.content-section {z-index: 5; overflow: visible;}*/
.item-page.auto .title-block .title {float: none; margin: 0 0 5px 0;}
.item-page.auto .title-block .subtitle {margin: 0;}
.title-block .righted .link-sold {color: #82a80d; margin: 7px 0 0 10px;}
.title-block .righted .link-edit {margin: 5px 0 0 10px;}
.title-block .righted .link-delete {margin: 2px 0 0 ;}
.item-main .col {position: relative; overflow: hidden;}
.item-main .col .sold {
	position: absolute;
	top: 40px;
	left: -40px;
	padding: 0 30px;
	font: 900 25px/30px "Open Sans",sans-serif;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 1;
	transform: rotate(-45deg);
}
.item-image .mini span {
    float: left;
    height: 91px;
    overflow: hidden;
    position: relative;
    width: 120px;
}
.item-image .mini span::before {
    border: 1px solid #03222e;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.item-image .mini span.active::before {
    border: 3px solid #001720;
}



/*РЕДАКТИРОВАНИЕ ЗАПЧАСТЕЙ*/
#positionList .positionItem {margin-top: 50px; border-bottom: 2px solid #03222e;}
#positionList .positionItem:first-child {margin-top: 0;}
#positionList + .filter-row {border-top: none;}
#positionList .main-title .delPosition {float: right; color: #ff0000;}
#deleteTotal {color: #ff0000; float: right; font: 13px/16px "Open Sans", sans-serif; margin: 13px 13px 0 0;}

.filter-row.centered {padding: 21px 0 0;}
.filter-row.centered + .filter-row {border-top: none;}
.filter-row .field.small .main-title {border-bottom: none; padding: 0;}
.filter-row .field.small .form-images {margin: 0px 0 0 -12px;}

.button.small {font: 11px/14px "Open Sans",sans-serif; height: 28px; border-radius: 14px; padding: 0 24px;}

.field.special-in {min-height: 54px;}

/*КОММЕНТАРИИ*/
#commentsList + .comment-small-form {
    margin: 20px 0 0;
}
/*РЕЙТИНГ*/
.star-rating_ico{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #FFB300;
	background: transparent url("/img/icons.png") no-repeat scroll 0 -2428px;
    display: inline-block;
    height: 15px;
    vertical-align: top;
    width: 26px;
}
.star-rating_ico:last-child{
	padding-left: 0;
}
.star-rating_input{
	display: none;
}
.star-rating_ico:hover,
.star-rating_ico:hover ~ .star-rating_ico,
.star-rating_input:checked ~ .star-rating_ico
{
	background: transparent url("/img/icons.png") no-repeat scroll -36px -2428px;
}


/*FLICKITY SLIDER*/
.flickity-prev-next-button {
	background: none;
	border: 2px solid #3c5560;
    border-radius: 100%;
    height: 36px;
    margin: -18px 0 0;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 5;
}
.flickity-prev-next-button:hover {
	background: none;
}
.flickity-prev-next-button svg {display: none;}
.flickity-prev-next-button:before {
	content: "";
    height: 14px;
    position: absolute;
    top: 9px;
    width: 8px;
}
.flickity-prev-next-button.previous:before {
	background: transparent url("/img/icons.png") no-repeat scroll 0 -219px;
    left: 11px;
}
.flickity-prev-next-button.next:before{
	background: transparent url("/img/icons.png") no-repeat scroll -38px -219px;
    left: 13px;
}
.flickity-page-dots .dot {
	background: none;
	opacity: 1;
	border: 2px solid #374f59;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    vertical-align: top;
    width: 8px;
}
.flickity-page-dots .dot.is-selected {
	border-color: #acbc00;
}

.news-section .slider-wr::before {z-index: 0;}
.news-section .flickity-page-dots {
	bottom: auto;
    right: 0;
    text-align: right;
    top: -35px;
}

.filter-nav .js-flickity {
	float: left;
	width: 930px;
}
.filter-nav .flickity-prev-next-button {
	border-color: #a1be4a;
    position: absolute;
    top: 44px;
}
.filter-nav .flickity-prev-next-button.previous {right: -50px; left: auto;}
.filter-nav .flickity-prev-next-button.next {right: -105px;}
.filter-nav .gallery-cell {width: 190px;}

.item-image .mini .is-selected span::before {
    border: 3px solid #001720;
}
.item-image .mini .flickity-page-dots {
	bottom: -40px;
}
.item-image .mini .flickity-prev-next-button {
	border-color: #c7d2d5;
	bottom: -68px;
	top: auto;
}
.item-image .mini .flickity-prev-next-button.previous {
	left: 15px;
}
.item-image .mini .flickity-prev-next-button.previous:before {
	background: transparent url("/img/icons.png") no-repeat scroll 0 -568px;
}
.item-image .mini .flickity-prev-next-button.next {
	right: 15px;
}
.item-image .mini .flickity-prev-next-button.next:before {
    background: transparent url("/img/icons.png") no-repeat scroll -38px -568px;
}
.item-image .points-block.splited {
	height: 62px;
}
.popup-wr.pop-image .popup .close {
	right: 20%;
}

.gallery-large .gallery-cell {background: #052330 none repeat scroll 0 0;}
.gallery-large .gallery-cell img {opacity: 0.2;}
.gallery-large .gallery-cell.is-selected img {opacity: 1;}
.gallery-large .flickity-prev-next-button {border-color: #ffffff;}
.gallery-large .previous {left: 20%;}
.gallery-large .next {right: 20%;}

.tabs-section .col.big {padding-bottom: 62px;}
#liveContent {border-bottom: 1px dotted #cccccc;}
#liveContent section {padding-bottom: 20px;}
#liveContent .item-small.lined {margin: 13px 8px 0 30px; padding: 13px 0 0;}
#liveContent .item-small.lined:first-child {margin-top: 15px;}
#liveContent .item-small .text {height: 32px; overflow: hidden;}

#liveContent .comments-block {margin: 13px 8px 0 30px;}
#liveContent .comments-block .text {height: 40px; overflow: hidden; position: relative;}
#liveContent .comments-block .text a {background: #f8f8f7; padding-left: 10px; position: absolute; right: 4px; bottom: 4px;}
#liveContent .comments-block .text a:hover {opacity: 1; text-decoration: underline;}

#liveContent .live-gallery {margin: -15px; padding: 15px;}
#liveContent .flickity-viewport,
#liveContent .gallery-cell {width: 592px;}
#liveContent .flickity-page-dots {bottom: -52px;}
#liveContent .flickity-prev-next-button {
    border-color: #c7d2d5;
    bottom: -80px;
    top: auto;
}
#liveContent .flickity-prev-next-button.previous {left: 45px;}
#liveContent .flickity-prev-next-button.previous::before {
    background: transparent url("/img/icons.png") no-repeat scroll 0 -568px;
}
#liveContent .flickity-prev-next-button.next {right: 15px;}
#liveContent .flickity-prev-next-button.next::before {
    background: transparent url("/img/icons.png") no-repeat scroll -38px -568px;
}


.tabs-section .link-in {margin: 30px 0 0;}
.tabs-list .name {text-align: left; width: 100%;}
#testDriveContent .gallery-cell {width: 850px; height: 255px;}
#testDriveContent .flickity-page-dots {bottom: -46px;}
#testDriveContent .flickity-prev-next-button {
    border-color: #c7d2d5;
    bottom: -74px;
    top: auto;
}
#testDriveContent .flickity-prev-next-button.previous {left: 0;}
#testDriveContent .flickity-prev-next-button.previous::before {
    background: transparent url("/img/icons.png") no-repeat scroll 0 -568px;
}
#testDriveContent .flickity-prev-next-button.next {right: 0;}
#testDriveContent .flickity-prev-next-button.next::before {
    background: transparent url("/img/icons.png") no-repeat scroll -38px -568px;
}

.services-section {padding: 24px 0 55px}
.services-section .gallery-cell {width: 1140px;}
.services-block .text {width: 120px;}
.services-section .flickity-page-dots {bottom: -35px;}
.services-section .flickity-prev-next-button {top: -26px;}
.services-section .flickity-prev-next-button.previous {left: auto; right: 60px;}
.services-section .flickity-prev-next-button.next {right: 0;}


/*ПЕЧАТЬ СТРАНИЦ*/
#print {margin: -60px 0 0 0;}
#print .wrapper {margin: 0 0 0 10px;}
#print a {color: #1d4755;}
#print .text-price {color: #000000;}
#print .item-author {background: none;}
#print .item-author .info {color: #1d4755;}
#print .item-image {box-shadow: none;}
#print .item-image .points-block {display: none;}
#print .iconed.i-zoom::before {background: none;}

/*РЕДАКТИРОВАНИЕ КОМПАНИИ*/
#addresses {display: none;}
#addresses .row.active .input {border: 1px solid #ff7f7f;}
#addresses .i-field {position: relative;}
#addresses .i-field .link-delete {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #ff7f7f url("/img/icons.png") no-repeat scroll -37px -1642px;
	border-radius: 50%;
}
#addAddress {background: #82a80d url("/img/icons.png") no-repeat scroll 9px -1600px; padding: 0 12px 0 24px;}

/*РЕГИСТРАЦИЯ*/
.regForm {
	width: 500px;
	margin: 0 auto;
}