:root {
	--bs-blue: #6dbce7;
	--bs-red: #e0300c;
	--bs-gray: #6b777c;
	--bs-dark: #30363a;
	--bs-dark-rgb: 48,54,58;
	--bs-primary: #004e9e;
	--bs-primary-rgb: 0,75,158;
	--bs-danger: #e0300c;
	--bs-danger-rgb: 227,0,15;
	--bs-warning: #30363a;
	--bs-warning-rgb: 48,54,58;
	--bs-secondary: #8396a5;
	--bs-secondary-rgb: 131,150,165;
	--bs-link-color: inherit;
	--bs-link-hover-color: inherit;
	--bs-transition: 0.3s ease all;
	--bs-light:#f4f5f5;
	--bs-light-rgb:244,245,245;
}

.btn {
	--bs-btn-border-radius: 0;
	--bs-btn-border-width: 0.1rem;
	--bs-btn-padding-y: 0.8rem;
	--bs-btn-padding-x: 1.6rem;
	--bs-btn-font-size: 1rem;
	--bs-btn-focus-box-shadow: none;
	--bs-btn-font-weight: 400;
}

.btn-primary {
	--bs-btn-border-width: 1px;
	--bs-btn-bg: var(--bs-white);
	--bs-btn-border-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--bs-dark);
	--bs-btn-color: var(--bs-dark);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-active-bg: var(--bs-white);
	--bs-btn-active-color: var(--bs-dark);
	--bs-btn-active-border-color: var(--bs-dark);
	--bs-btn-disabled-bg:#f4f5f5;
	--bs-btn-disabled-bg-rgb:244,245,245;
	--bs-btn-disabled-border-color:#f4f5f5;
	--bs-btn-disabled-border-color-rgb:244,245,245;
}

.btn-secondary {
	--bs-btn-bg: var(--bs-dark);
	--bs-btn-border-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--bs-warning);
	--bs-btn-hover-border-color: var(--bs-dark);
	--bs-btn-color: var(--bs-white);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-active-bg: var(--bs-dark);
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-active-border-color: var(--bs-dark);
	--bs-btn-disabled-bg:#f4f5f5;
	--bs-btn-disabled-bg-rgb:244,245,245;
	--bs-btn-disabled-border-color:#f4f5f5;
	--bs-btn-disabled-border-color-rgb:244,245,245;
}

.btn-warning {
	--bs-btn-bg: var(--bs-white);
	--bs-btn-hover-bg: var(--bs-white);
	--bs-btn-border-color: var(--bs-dark);
	--bs-btn-hover-border-color: var(--bs-dark);
	--bs-btn-color: var(--bs-dark);
	--bs-btn-hover-color: var(--bs-gray);
	--bs-btn-active-bg: var(--bs-white);
	--bs-btn-active-color: var(--bs-dark);
	--bs-btn-active-border-color: var(--bs-dark);
	--bs-btn-disabled-bg:#f4f5f5;
	--bs-btn-disabled-bg-rgb:244,245,245;
	--bs-btn-disabled-border-color:#f4f5f5;
	--bs-btn-disabled-border-color-rgb:244,245,245;
}

.btn-close:focus {
	box-shadow:none;
}

.dropdown-menu {
	--bs-dropdown-border-radius: 0;
	--bs-dropdown-link-active-bg: var(--bs-warning);
}

.card {
	--bs-card-border-radius: 0;
	--bs-card-inner-border-radius: 0;
}

.list-group {
	--bs-list-group-border-radius: 0;
	--bs-list-group-item-padding-x: 0;
	--bs-list-group-item-padding-y: 0.25rem;
	--bs-list-group-bg: transparent;
	--bs-list-group-border-width: 0;
}

.tooltip {
	--bs-tooltip-bg: var(--bs-dark);
	--bs-tooltip-color: var(--bs-white);
}

img, svg {max-width:100%;}
iframe {width:100%;}

@keyframes ajax-before {
	from {background:rgba(255,255,255,.0);} 
	to {background:rgba(255,255,255,.5);}
}
@keyframes ajax-after {
	from {left:50%; top:50%; width:0px; height:0px; background:rgba(255,255,255,.0);} 
	to {left:calc(50% - 2500px); top:calc(50% - 2500px); width:5000px; height:5000px; background:rgba(255,255,255,.5);}
}

html, body {font-family:"Noto Sans", sans-serif; font-size:16px; font-weight:400; color:#222; --bs-body-line-height:1.25;}

* {scrollbar-width:thin;}
*::-webkit-scrollbar {width:5px; height:5px; background:var(--bs-light);}
*::-webkit-scrollbar-thumb {width:5px; height:5px; background:var(--bs-warning);}

::selection {background:var(--bs-warning); color:#fff;}
::-moz-selection {background:var(--bs-warning); color:#fff;}

[data-bs-toggle] {cursor:pointer;}
[data-bs-toggle] .bi-chevron-up {transition:var(--bs-transition);}
[data-bs-toggle][aria-expanded="true"] .bi-chevron-up {transform:rotate(180deg);}
.dropdown-toggle::after {border-top:0.2em solid; border-right:0.2em solid transparent; border-left:0.2em solid transparent;}
.dropup .dropdown-toggle::after {border-right:0.2em solid transparent; border-bottom:0.2em solid; border-left:0.2em solid transparent;}

a {text-decoration:none; color:inherit; transition:var(--bs-transition);}
a.active {color:var(--bs-link-hover-color);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:600;}
.content__top .h1, .content__top h1 {margin-bottom:0;}
.h1, h1 {margin-bottom:3rem;}
.h2, h2 {margin-bottom:2rem;}
p {text-align:justify;}
.text-center p {text-align:center;}

.text-gray {color:var(--bs-gray);}

.fw-100 {font-weight:100!important;}
.fw-200 {font-weight:200!important;}
.fw-300 {font-weight:300!important;}
.fw-400 {font-weight:400!important;}
.fw-500 {font-weight:500!important;}
.fw-600 {font-weight:600!important;}
.fw-700 {font-weight:700!important;}
.fw-800 {font-weight:800!important;}
.fw-900 {font-weight:900!important;}

.columns-2 {columns:2;}
.columns-3 {columns:3;}
.columns-4 {columns:4;}
.columns-5 {columns:5;}

.site-logo {height:18px;}

.header {}
#panel[style] + .header {top:39px;}
	.nav-mobile-toggler {width:40px; height:26px; border-top:3px solid var(--bs-dark); border-bottom:3px solid var(--bs-dark); transition:var(--bs-transition);}
	.nav-mobile-toggler.active {border-color:transparent;}
		.nav-mobile-toggler:before, .nav-mobile-toggler:after {content:""; position:absolute; width:30px; height:3px; background:var(--bs-dark); transition:var(--bs-transition);}
		.nav-mobile-toggler.active:before {width:40px; transform:rotate(-45deg);}
		.nav-mobile-toggler.active:after {width:40px; transform:rotate(45deg);}
	.nav-mobile {position:fixed; width:50%; height:100%; right:-100%; background:#fff; z-index:1; transition:var(--bs-transition);}
	.nav-mobile.active {right:0;}
		.nav-mobile:before {content:""; position:absolute; width:100%; height:100%; top:0; left:-100%; background:rgba(var(--bs-dark-rgb), 0.5); backdrop-filter:blur(2px); transition:var(--bs-transition); pointer-events:none; opacity:0;}
		.nav-mobile.ready:before {opacity:1;}
		.subnav-mobile {position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:1; transition:var(--bs-transition);}
		.subnav-mobile.active {right:0;}
	.nav {}
		.nav-item {}
			.subnav {position:absolute; left:0; top:100%; width:100%; opacity:0; pointer-events:none; transition:var(--bs-transition);}
			.nav-item:hover .subnav {opacity:1; pointer-events:all;}
			.nav-item .ext {position:relative;}
				.nav-item:hover .ext:after {content:""; display:block; width:100%; height:2000%; position:absolute; left:0; top:100%;}

.modal {backdrop-filter:blur(2px); --bs-modal-width:550px; --bs-modal-padding:1.5rem;}
.modal-backdrop {--bs-backdrop-bg:var(--bs-dark);}

.slick-dots {position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:center; margin:0; padding:0; list-style-type:none;}
	.slick-dots li {margin:0 6px; padding:12px 0;}
		.slick-dots li button {display:block; border:0; width:50px; height:5px; background:#fff; opacity:0.5; transition:var(--bs-transition); font-size:0;}
		.slick-dots li.slick-active button {opacity:1;}

.main-carousel {}
	.main-carousel-item {position:relative;}
		.main-carousel-link {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
		.main-carousel-item-overlay {position:absolute; left:5%; right:5%; top:0; bottom:0;}
			.main-carousel-item-content {background:rgba(0,0,0,0.35);}
				.main-carousel-item-content .btn {position:relative; z-index:2;}
	.carousel-control-next, .carousel-control-prev {width:5%; transition:var(--bs-transition);}
	.carousel-control-next:hover, .carousel-control-prev:hover {background:rgba(0,0,0,0.35);}
	
.advantages {}
	.advantage-image img {transition:var(--bs-transition);}
	.advantage-image:hover img {transform:scale(1.05);}
				
.brands {}
	.brand {}
		.brand img {height:34px;}
		.brand-models {}
			.brand-models a {display:inline-flex; margin:0 0.375rem 0.375rem 0; white-space:nowrap;}
				.brand-models a span {margin-left:0.125rem;}

.available {}		
	.available-filter {position:sticky; z-index:1;}		
		.available-filter input {transition:var(--bs-transition);}		
		.available-filter label {cursor:pointer; transition:var(--bs-transition);}		
		.available-filter label:hover {color:var(--bs-warning);}		
		.smart-filter-slider-track {position:relative; height:4px; background:var(--bs-border-color);}
			.smart-filter-slider-ruler {display:none;}
			.smart-filter-slider-price-bar-v {position:absolute; height:100%; background:var(--bs-gray);}
			.smart-filter-slider-range {position:absolute; width:100%; height:100%;}
				.smart-filter-slider-handle {position:absolute; top:-3px; width:10px; height:10px; background:var(--bs-warning); border-radius:50%; transition:none;}
				.smart-filter-slider-handle.left {}
				.smart-filter-slider-handle.right {}
	.cars {}
	.cars.-loading {position:relative; overflow:hidden;}
	.cars.-loading:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,.0); z-index:10; animation:ajax-before 0.5s linear forwards;}
	.cars.-loading:after {content:''; display:block; position:absolute; left:50%; top:50%; width:0; height:0; border-radius:50%; background:rgba(255,255,255,.0); z-index:20; animation:ajax-after 0.5s linear forwards;}
		.cars__item {position:relative;}
			.car-favorite-btn {position:absolute; top:0; right:0;}
				.js-favorite-result {display:none; font-size:75%;}
			.car {}
				.car-image {position:relative;}
					.car-image img + img {position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:var(--bs-transition);}
					.car:hover .car-image img + img {opacity:1;}
.car-detail {}
	.car-detail-slider {margin-bottom:1.5rem;}
		.car-detail-slide {}
		.car-detail-slider .slick-arrow {display:block; width:4rem; height:4rem; margin:0; padding:0; position:absolute; top:calc(50% - 2rem); border:none; background:none; font-size:0; color:var(--bs-warning); transition:var(--bs-transition); z-index:1;}
		.car-detail-slider .slick-arrow.slick-disabled {opacity:0; pointer-events:none;}
		.car-detail-slider .slick-arrow:hover {color:var(--bs-dark);}
		.car-detail-slider .slick-arrow:before {font-family:"bootstrap-icons"; font-size:40px;}
		.car-detail-slider .slick-prev {left:-4rem;}
			.car-detail-slider .slick-prev:before {content:"\F284";}
		.car-detail-slider .slick-next {right:-4rem;}
			.car-detail-slider .slick-next:before {content:"\F285";}
	.car-detail-thumbs {margin:0 -0.75rem;}
		.car-detail-thumb {padding:0 0.75rem; opacity:0.7; transition:var(--bs-transition); cursor:pointer;}
		.car-detail-thumb:hover, .car-detail-thumb.slick-current {opacity:1;}

.default-carousel {}
	.default-carousel .slick-list {margin:0 -0.75rem;}
		.default-carousel-item {padding:0 0.75rem;}
	.default-carousel .slick-arrow {display:block; width:4rem; height:4rem; margin:0; padding:0; position:absolute; top:calc(50% - 2rem); border:none; background:none; font-size:0; color:var(--bs-warning); transition:var(--bs-transition); z-index:1;}
	.default-carousel .slick-arrow:hover {color:var(--bs-dark);}
	.default-carousel .slick-arrow:before {font-family:"bootstrap-icons"; font-size:40px;}
	.default-carousel .slick-prev {left:-4rem;}
		.default-carousel .slick-prev:before {content:"\F284";}
	.default-carousel .slick-next {right:-4rem;}
		.default-carousel .slick-next:before {content:"\F285";}
		
.gallery-tabs {}
	.gallery-tab {padding:10px 20px; background:transparent; border:1px solid var(--bs-dark); transition:var(--bs-transition); color:var(--bs-dark);}
	.gallery-tab:hover {background:var(--bs-light);}
	.gallery-tab.active {background:var(--bs-dark); color:var(--bs-white);}
	
.tech {}
	.tech-tab {position:relative; padding-bottom:10px; border-bottom:2px solid var(--bs-gray); color:var(--bs-gray); transition:var(--bs-transition); cursor:pointer;}
	.tech-tab:hover, .tech-tab.active {border-color:var(--bs-red); color:var(--bs-dark);}
.tech-content {display:none;}
	.tech-list {border-top: 1px solid #a6b7be;}
		.tech-item {border-bottom:1px solid #a6b7be;}
			.tech-title {padding:16px 0; font-weight:600; font-size:24px; cursor:pointer;}
				.tech-icon{-ms-flex-negative:0;flex-shrink:0;border:none;background:0 0;position:relative;width:24px;height:24px;margin-left:12px}
					.tech-icon:after,.tech-icon:before{content:"";position:absolute;top:50%;width:100%;height:1px;margin-top:-1px;background:#30363a;-webkit-transition:all .3s;transition:all .3s}
						.tech-icon:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
						.active .tech-icon:after{-webkit-transform:rotate(0);transform:rotate(0)}
			.tech-props {display:none; padding-bottom:6px;}
				.tech-prop {padding:10px 0; border-top:1px solid #e2e4e4;}
					.tech-prop-name {max-width:50%;}
					.tech-prop-val {max-width:50%; padding-left:10px; text-align:right;}
.compl-table {}
	.compl-table td, .compl-table th {padding:6px; border:1px solid var(--bs-gray); text-align:center;}
	.compl-table tr td:first-child {text-align:left;}
					

	

.contacts-map {}
	.ya-map {width:100%; height:600px;}
.contacts-info {}
	.contacts-item {padding:40px 20px; height:100%;}
		
.footer {}
	.footer-nav {}
		.footer-nav .dropup:hover .dropdown-menu, .footer-nav .dropdown:hover .dropdown-menu {display:block;}

.map {position:relative;}
	#map {position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
	.map-contacts {position:relative; z-index:2;}
	
.form {}
	.form-control {border-radius:0;}
	.form-control-sm {font-size:0.725rem;}
	.form-control-lg {padding:0.8rem 1rem; font-size:1rem;}
	.form-control:focus {border-color:var(--bs-warning); box-shadow:0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.25);}
	.form-check-input:checked {background-color:var(--bs-warning); border-color:var(--bs-warning);}
	.form-check-input:focus {border-color:var(--bs-warning); box-shadow:0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.25);}

@media (max-width:1199px) {
	.default-carousel .slick-prev {left:0;}
	.default-carousel .slick-next {right:0;}
	.car-detail-slider .slick-prev {left:-3rem;}
	.car-detail-slider .slick-next {right:-3rem;}
	.footer-nav .dropdown-menu.columns-4 {columns:3;}
}

@media (max-width:991px) {
	.car-detail-slider .slick-prev {left:0;}
	.car-detail-slider .slick-next {right:0;}
	.car-detail-slider {margin-bottom:0.75rem;}
	.car-detail-thumbs {margin:0 -0.375rem;}
	.car-detail-thumb {padding:0 0.375rem;}
	.footer-nav .dropdown-menu.columns-4 {columns:2;}
	.smart-filter-form {display:none; height:0; overflow:hidden;}
	.smart-filter-title.collapsed + .smart-filter-form {height:auto; overflow:unset; display:block;}
	.compl-table {display:block; width:100%; overflow-x:auto;}
	.compl-table tbody {display:table; width:1000px;}
}

@media (max-width:767px) {
	html, body {font-size:15px;}
	.carousel-control-next, .carousel-control-prev {display:none!important;}
	.nav-mobile {width:75%;}
	.main-carousel-item-overlay {position:relative; left:0; right:0;}
	.main-carousel-item-content {background:var(--bs-dark);}
	#map {position:relative; height:500px;}
	.brand img {height:auto; max-height:64px;}
}

@media (max-width:575px) {
	.h1, h1 {margin-bottom:1.5rem;}
	.nav-mobile {width:90%;}
	.footer-nav .dropup:hover .dropdown-menu, .footer-nav .dropdown:hover .dropdown-menu {display:none;}
	.footer-nav .dropdown-toggle::after {display:none;}
	.slick-dots {flex-wrap:wrap;}
	.slick-dots li {padding:6px 0;}
	.slick-dots li button {width:15px;}
	.tech-prop {flex-wrap:wrap;}
	.tech-prop-name {width:100%; max-width:100%;}
	.tech-prop-val {width:100%; max-width:100%; padding-left:0; margin-top:6px; text-align:left;}
}