:root{
	--bs-dark-rgb:20,20,20;
	--bs-body-color:#000;
}
html, body {font-family:"Roboto", sans-serif;  font-optical-sizing: auto; font-style:normal; font-weight:normal;}
body {opacity:1; transition:0.5s ease opacity;}
body.loading {opacity:0; pointer-events:none;}

*::-webkit-scrollbar {width:5px; height:5px; background:var(--bs-black);}
*::-webkit-scrollbar-track {width:5px; height:5px; background:var(--bs-black);}
*::-webkit-scrollbar-thumb {width:5px; height:5px; background:var(--bs-primary);}
.breadcrumb::-webkit-scrollbar {width:0; height:0; background:transparent;}
.breadcrumb::-webkit-scrollbar-thumb {width:0; height:0; background:transparent;}

img {max-width:100%;}
a {transition:var(--bs-transition); text-underline-offset:0.25em!important;}
textarea {min-height:100px!important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:1rem; font-weight:300;}

[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);}

.opacity-100-hover:hover {opacity:1!important;}

.transition {transition:var(--bs-transition);}
.link-underline-none {text-decoration:none;}
.hover-top {position:relative; top:0; transition:var(--bs-transition);}
.hover-top:hover {top:-0.25rem;}
.hover-start {position:relative; left:0; transition:var(--bs-transition);}
.hover-start:hover {left:-0.25rem;}

.ajax-loading {position:relative; overflow:hidden;}
.ajax-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;}
.ajax-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;}

.offcanvas-cookie {height:auto!important;}

.slick-arrow {position:absolute; top:calc(50% - 26px); width:52px; height:52px; margin:0; padding:0; border:0; background:none; color:var(--bs-white); cursor:pointer; transition:var(--bs-transition); z-index:1; font-size:0;}
.slick-arrow:before {font-family:bootstrap-icons; font-size:3rem; line-height:1;}
.slick-arrow:hover {color:var(--bs-primary)!important;}
.slick-arrow.slick-disabled {color:var(--bs-primary-light)!important; cursor:default;}
.slick-arrow.slick-prev {left:0;}
	.slick-arrow.slick-prev:before {content:"\F284";}
.slick-arrow.slick-next {right:0;}
	.slick-arrow.slick-next:before {content:"\F285";}
.slick-dots {display:flex; align-items:center; margin:0; padding:0; list-style-type:none;}
	.slick-dots li {margin-right:32px;}
		.slick-dots li button {display:block; margin:0; padding:0; border:0; background:none; color:var(--bs-white); transition:var(--bs-transition);}
		.slick-dots li button:hover {color:var(--bs-primary);}
		.slick-dots li.slick-active button {color:var(--bs-primary); transform:scale(1.3);}

.swiper-pagination {justify-content:center; bottom:0!important;}
.swiper-pagination-bullet {width:40px!important; height:30px!important; margin:0 10px!important; background:none!important; border-radius:0!important; display:flex!important; align-items:center!important; justify-content:center!important; opacity:1!important;}
.swiper-pagination-bullet:after {content:""!important; display:block!important; width:100%!important; height:2px!important; background:#fff!important; opacity:0.4!important;}
.swiper-pagination-bullet-active:after {opacity:1!important;}

.header {}
	.header-logo {width:138px;}
	.header-logo-sun {height:18px;}
	.header-nav {}
		.header-nav-item {}
			.header-nav-item-link {}
			.header-subnav {position:absolute; top:100%; left:0; min-width:150%; white-space:nowrap; opacity:0; pointer-events:none;}
			.header-nav-item:hover .header-subnav {opacity:1; pointer-events:all; top:calc(100% + 8px);}
				.header-nav-item:hover .header-subnav:before {content:""; display:block; position:absolute; top:-8px; left:0; width:100%; height:8px;}

	.dropdown-toggle[data-dealer-name] {padding:4px 8px; border-radius:3px; font-size:14px; background:#333333;}
	.dropdown-toggle[data-dealer-name]:hover {background:#4d4d4d;}
	.header-callback {padding:4px 8px; border-radius:3px; font-size:14px; background:#333333;}
	.header-callback:hover {background:#4d4d4d;}

	.main-navigation {z-index:50;}
	.main-navigation-burger {display:none; flex-direction:column; justify-content:space-between; width:30px; height:20px; background:transparent; border:none; cursor:pointer; padding:0; z-index:1060;}
	.main-navigation-burger-line {display:block; width:100%; height:2px; background:#ffffff; transition:all 0.3s ease; transform-origin:center;}
	.main-navigation-burger.active .main-navigation-burger-line:nth-child(1) {transform:translateY(9px) rotate(45deg);}
	.main-navigation-burger.active .main-navigation-burger-line:nth-child(2) {opacity:0; transform:scaleX(0);}
	.main-navigation-burger.active .main-navigation-burger-line:nth-child(3) {transform:translateY(-9px) rotate(-45deg);}
	.main-navigation-list {display:flex; justify-content:center; list-style:none; margin:0; padding:0;}
	.main-navigation-list-item {margin-right:20px;}
	.main-navigation-list-item-link {display:block; padding:10px 0; color:#000; text-decoration:none; cursor:pointer; transition:opacity 0.2s; font-weight:bold; font-size:18px;}
	.main-navigation-list-item-link:hover {color:#1971d4;}
	.main-navigation-list-item.active .main-navigation-list-item-link {opacity:1;}
	.main-navigation-dropdown {display:none; position:absolute; left:0; right:0; top:100%; background:#ffffff; padding:10px 0; box-shadow:0 10px 30px rgba(0,0,0,0.2); border-top:2px solid #dee2e6; z-index:1050; transition:opacity 0.3s ease, transform 0.3s ease; opacity:0; transform:translateY(-10px);}
	.main-navigation-dropdown.active {display:block; opacity:1; transform:translateY(0);}
	.main-navigation-dropdown-inner {max-width:1200px; margin:0 auto; padding:0 15px;}
	.main-navigation-dropdown-col-4 {flex:0 0 33.333333%; max-width:33.333333%;}
	.main-navigation-dropdown-col-3 {flex:0 0 25%; max-width:25%;}
	.main-navigation-dropdown a {color:#212529; text-decoration:none; transition:color 0.2s;}
	.main-navigation-dropdown a:hover {color:#1971d4;}
	.main-navigation-dropdown-item-link {display:block; padding:8px 15px; font-weight:bold; font-size:18px; color:#212529; text-decoration:none; cursor:pointer; transition:background 0.2s;}
	@media (min-width: 992px) {
		.main-navigation-dropdown-item-link {margin-left:-15px;}
	}
	.main-navigation-dropdown-item-link:hover {background:#f8f9fa;}
	.main-navigation-dropdown-item.active .main-navigation-dropdown-item-link {color:#1971d4; background:#f8f9fa;}
	.main-navigation-dropdown-item-link-parent {position:relative; padding-right:30px;}
	.main-navigation-dropdown-item-link-parent::after {content:"›"; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:20px; color:#6c757d;}
	.main-navigation-dropdown-level {display:none; position:absolute; left:0; right:0; top:100%; background:#f8f9fa; padding:15px 20px; border-radius:4px; box-shadow:0 5px 15px rgba(0,0,0,0.1); transition:opacity 0.3s ease; opacity:0;}
	.main-navigation-dropdown-level.active {display:block; opacity:1;}
	.main-navigation-dropdown-level-inner {max-width:1200px; margin:0 auto;}
	.main-navigation-dropdown-level-link {display:block; padding:6px 0; color:#212529; text-decoration:none; transition:color 0.2s, padding-left 0.2s;}
	.main-navigation-dropdown-level-link:hover {color:#1971d4; padding-left:5px;}
	.main-navigation-dropdown-simple-link {display:block; padding:8px 0; color:#212529; text-decoration:none; transition:color 0.2s, padding-left 0.2s;}
	.main-navigation-dropdown-simple-link:hover {color:#1971d4;}

	@media (max-width: 991.98px) {
		.header-row {--bs-gutter-x:10px;}
		.main-navigation {position:relative;}
		.main-navigation .container {max-width:100%!important;}
		.main-navigation .row {--bs-gutter-x:0!important;}
		.main-navigation-burger {display:flex;}
		.main-navigation-list {display:none; flex-direction:column; position:fixed; left:0; right:0; top:52px; bottom:0; background:#1a1a1a; padding:10px 20px; margin:0; overflow-y:auto; z-index:1055; justify-content:flex-start; align-items:stretch;}
		.main-navigation-list.open {display:flex;}
		.main-navigation-list-item {margin:0; border-bottom:1px solid rgba(255,255,255,0.08);}
		.main-navigation-list-item:last-child {border-bottom:none;}
		.main-navigation-list-item-link {padding:14px 0; opacity:1; font-size:17px; position:relative; padding-right:30px; color:#fff; opacity:0.75;}
		.main-navigation-list-item-link.has-dropdown::after {content:"▼"; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:12px; color:rgba(255,255,255,0.5); transition:transform 0.3s ease;}
		.main-navigation-list-item.active .main-navigation-list-item-link.has-dropdown::after {transform:translateY(-50%) rotate(180deg); color:#1971d4;}
		.main-navigation-dropdown {position:static; padding:5px 15px 15px 15px; box-shadow:none; border-top:none; transform:none; opacity:1; background:transparent;}
		.main-navigation-dropdown.active {display:block; transform:none;}
		.main-navigation-dropdown .container {padding:0;}
		.main-navigation-dropdown .row {flex-direction:column;}
		.main-navigation-dropdown .col-auto {width:100%; max-width:100%; flex:0 0 100%; padding:0;}
		.main-navigation-dropdown a {color:#ffffff;}
		.main-navigation-dropdown a:hover {color:#1971d4;}
		.main-navigation-dropdown-item-wrapper {position:static;}
		.main-navigation-dropdown-item {position:static; padding:0;}
		.main-navigation-dropdown-item-link {color:#ffffff; padding:8px 0; font-size:15px; font-weight:500;}
		.main-navigation-dropdown-item-link:hover {background:transparent;}
		.main-navigation-dropdown-item.active .main-navigation-dropdown-item-link {color:#1971d4; background:transparent;}
		.main-navigation-dropdown-item-link-parent {position:relative; padding-right:30px;}
		.main-navigation-dropdown-item-link-parent::after {content:"▼"; font-size:12px; color:#ffffff; right:0;}
		.main-navigation-dropdown-level {position:static; padding:5px 0 5px 15px; background:transparent; box-shadow:none; border-left:2px solid rgba(255,255,255,0.1); border-radius:0; margin-top:0; opacity:1;}
		.main-navigation-dropdown-level.active {display:block;}
		.main-navigation-dropdown-level-link {color:rgba(255,255,255,0.7); padding:5px 0; font-size:14px;}
		.main-navigation-dropdown-level-link:hover {color:#1971d4; padding-left:5px;}
		.main-navigation-dropdown-simple-link {color:#ffffff; padding:8px 0; font-size:15px;}
		.main-navigation-dropdown-simple-link:hover {color:#1971d4;}
		.navbar {padding:0!important;}
		.header-phone {font-size:0; width:20px; height:20px; background:url(../images/phone.svg) no-repeat 50% 50%; background-size:20px; padding:0!important; display:block!important;}
	}

.index-slider {}
	.index-slider img {height:85vh; object-fit:cover; object-position:center;}

.slider-thumbs-block {position:absolute; left:0; bottom:20px; width:100%; display:flex; justify-content:center;}
.slider-thumbs {max-width:1170px;}
.slider-thumbs-swiper-slide {width:150px!important;}
.slider-thumbs-swiper-slide img {opacity:0.75; border-radius:5px;}
.swiper-slide-thumb-active img {opacity:1;}

.section {padding:4rem 0;}
.section-vykup {background:url(../images/vykup_avto.jpg) center top no-repeat; background-size:cover;}
	
	.breadcrumb {flex-wrap:nowrap; white-space:nowrap; overflow-x:auto;}
		.breadcrumb-item {flex-shrink:0;}

	.models-list {}
		.models-list-item {overflow:hidden; position:relative;}
			.models-list-item-links {opacity:0; pointer-events:none; background:rgba(255,255,255,0.8); padding:10px;}
			.models-list-item:hover .models-list-item-links {opacity:1; pointer-events:all;}
			.models-list-item-image {transform-origin:left;}
			.models-list-item:hover .models-list-item-image {transform:scale(1.5);}
			.models-list-item-btn {opacity:0; pointer-events:none;}
			.models-list-item:hover .models-list-item-btn {opacity:1; pointer-events:all;}
			.models-list-item-link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; opacity:0;}
			
	.news-detail {}
		.news-detail img {max-width:100%; height:auto!important;}
		
	.actions-detail {}
		.actions-detail img {max-width:100%; height:auto!important;}
		
	.smart-filter {}
		.smart-filter-container-modef {display:none!important;}
		.smart-filter input {transition:var(--bs-transition);}
		.smart-filter label {cursor:pointer; transition:var(--bs-transition);}
		.smart-filter label.disabled {cursor:default; color:var(--bs-secondary);}
		.smart-filter label:not(.disabled):hover {color:var(--bs-primary);}
		.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-primary);}
			.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-gray); border-radius:50%; transition:none;}
				.smart-filter-slider-handle.left {}
				.smart-filter-slider-handle.right {}
				
	.car-detail {}
		.car-detail-slider {}
			.car-detail-slide {opacity:0.7; cursor:pointer; transition:var(--bs-transition);}
			.car-detail-slide:hover {opacity:0.85;}
			.car-detail-slide.slick-current {opacity:1;}
			
	.staff-row {}
		.staff-item {}
			.staff-item-photo {}
				.staff-item-photo img {height:300px;}
		
.footer {}
	.footer-logo {width:243px;}
	.modal {}
		.modal[id*="form"] .modal-header {background:url(../images/modal-header.jpg) center left no-repeat; background-size:cover;}


@media (max-width:1199px) {
	.section {padding:3rem 0;}
}

@media (max-width:991px) {
	.section {padding:2rem 0;}
	.index-slider img {height:auto;}
	.smart-filter-form {display:none; height:0; overflow:hidden;}
	.smart-filter-title.collapsed + .smart-filter-form {height:auto; overflow:unset; display:block;}
	.dropdown-toggle[data-dealer-name] span {display:inline-block; overflow:hidden; font-size:12px;}
}

@media (max-width:767px) {

}

@media (max-width:575px) {
	.header-logo {width:132px;}
	.main-navigation-list {top:36px;}
}
@media (max-width:374px) {
	.dropdown-toggle[data-dealer-name] span {max-width:55px;}
}

@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);}
}