@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("bootstrap_custom.css?v=1");

html, body {font-family:"Inter", sans-serif; font-size:16px; font-weight:300; color:var(--bs-black); --bs-body-line-height:1.25;}
html.loading {height:100%; background:url(../images/logo-blue.png) center center no-repeat; background-size:33.33%;}
html.loading body {opacity:0; pointer-events:none;}

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

::selection {background:var(--bs-primary); color:var(--bs-white);}
::-moz-selection {background:var(--bs-primary); color:var(--bs-white);}

[data-bs-toggle] {cursor:pointer;}
.fancybox__backdrop {background:rgba(70,80,84,.5); backdrop-filter:blur(10px);}
.fancybox__content :focus:not(.carousel__button.is-close) {outline:none;}

a {text-decoration:none; color:inherit; transition:var(--bs-transition);}
a:hover {color:var(--bs-primary);}
.soc-links a:hover path{fill: var(--bs-primary);}
a.active {color:var(--bs-link-hover-color);}
.btn:hover {text-decoration:none;}
.btn-close {opacity:.75; transition:var(--bs-transition);}
.btn-close:hover {opacity:1;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:700;}
.h1, h1 {margin-bottom:3rem;}
.h2, h2 {margin-bottom:2rem;}
b, strong {font-weight:500;}
ul {padding-left:0; list-style:none;}
ul:not([class]) li::before {content:"\2022"; color:var(--bs-primary); font-size:20px; margin-right:1rem;}

.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;}

.transition {transition:var(--bs-transition);}

.header {}
.header.shadow {background:rgba(255,255,255,.9); backdrop-filter:blur(10px);}
	.header-top {}
		.header-logo-ag {right:0;}
		.header-logo-ag:hover {right:-6px;}
		
	.header-bottom {}
		.header-logo {max-width:180px;}
		.main-nav {}
			.main-nav a {border-bottom:3px solid transparent;}
			.main-nav a:hover {border-color:var(--bs-primary); text-decoration:none;}
		.nav-mobile-toggler {width:30px; height:20px; border-top:2px solid var(--bs-white); border-bottom:2px solid var(--bs-white); transition:var(--bs-transition);}
		.header.shadow .nav-mobile-toggler:not(.active) {border-color:var(--bs-black);}
		.nav-mobile-toggler.active {border-color:transparent;}
			.nav-mobile-toggler:before, .nav-mobile-toggler:after {content:""; position:absolute; width:24px; height:2px; background:var(--bs-white); transition:var(--bs-transition);}
			.header.shadow .nav-mobile-toggler:before, .header.shadow .nav-mobile-toggler:after {background:var(--bs-black);}
			.nav-mobile-toggler.active:before {width:30px; transform:rotate(-45deg);}
			.nav-mobile-toggler.active:after {width:30px; transform:rotate(45deg);}
		
.main-carousel {}
	.main-carousel-item {position:relative;}
		.main-carousel-item-image {position:relative;}
		.main-carousel-item-overlay {position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.15);}
			.main-carousel-item-content {padding:0 10%; background:linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);}
	.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);}
	.main-carousel-disclaimer{max-width: 80%; margin: -40px auto 0 auto; position: relative; font-size: 9px;}

.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:var(--bs-light); opacity:1; transition:var(--bs-transition); font-size:0;}
		.bg-light .slick-dots li button {background:var(--bs-white);}
		.slick-dots li.slick-active button, .slick-dots li:hover button {background:var(--bs-primary);}
		
#test-drive{background: url(/assets/images/test-drive/test_drive.webp); background-position: bottom;}

.tech-item-info {display: none;}
	.tech-item-info.active{display: block;}
.tech-item img{cursor: pointer;}
	.tech-item img:hover{transform: scale(1.2);}
.tech-image{overflow: hidden;}
	
.custom-p{padding: 13px 110px;}

.car-colors {}
	.car-color {position:absolute; left:0; top:0; z-index:-1; opacity:0;}
	.car-color.active {position:relative; z-index:1; opacity:1;}
.car-color-togglers {}
	.car-color-toggler {width:40px; height:40px; border-radius:50%; border:3px solid var(--bs-light); cursor:pointer;}
	.car-color-toggler.active, .car-color-toggler:hover {transform:scale(1.1); border-color:var(--bs-primary);}
	
.nav-tabs {}
	.nav-tab {border-bottom:3px solid transparent;}
	.nav-tab.active {border-color:var(--bs-primary);}
	
.gallery {display:block; position:relative;}
	.gallery:before {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:transparent; transition:var(--bs-transition);}
	.gallery:hover:before {background:rgba(0,0,0,.5);}
	
.exterior {}
	.exterior:hover img {transform:scale(1.1);}
	
.video {}
	.video-overlay {position:relative;}
	.video-overlay:before {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:transparent; transition:var(--bs-transition);}
	.video:hover .video-overlay:before {background:rgba(0,0,0,.5);}
		.video-overlay i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.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-primary); 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";}
	
.footer {}
	.footer-disclaimer {font-size:.75em;}
	.footer-logo {max-width:180px;}
	.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; border-color:#fff;}
	.form-control-sm {font-size:0.725rem;}
	.form-control-lg {padding:0.8rem 1rem; font-size:1rem;}
	.form-control:focus {border-color:var(--bs-primary); box-shadow:0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.75);}
	.form-check-input:checked {background-color:var(--bs-primary); border-color:var(--bs-primary);}
	.form-check-input:focus {border-color:var(--bs-primary); box-shadow:0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);}
	.form-image {position:absolute; left:0; top:0; right:0; bottom:0; object-fit:cover;}
	.form-send.sending {pointer-events:none;}

@media (min-width: 1400px) {
	.container {max-width:90%;}
}

@media (max-width:1399px) {
	.main-carousel-item-content br {display:none;}
	.default-carousel .slick-prev {left:0;}
	.default-carousel .slick-next {right:0;}
}

@media (max-width:1300px) {
	.main-carousel-disclaimer{ font-size: 7px;}
}

@media (min-width:1150px) {
	.pt-8{padding-top: 8rem !important; }
}

@media (min-width:1000px) {
	.pt-8{padding-top: 9rem !important;}
}

@media (max-width:991px) {
	.main-carousel-item-image:after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 50%);}
	.main-carousel-item-overlay {position:relative; left:0; right:0; background:var(--bs-light); color:var(--bs-black)!important;}
	.main-carousel-item-content {background:var(--bs-light);}
	.carousel-control-next, .carousel-control-prev {display:none!important;}
	.header.shadow {background:rgba(255,255,255,.98); backdrop-filter:none;}
	.main-nav {position:fixed; width:50%; height:100%; right:-100%; background:rgba(255,255,255,.98); z-index:1; transition:var(--bs-transition);}
	.main-nav.active {display:block; right:0; top:111px; height:100vh;}
	.main-nav:before {content:""; position:absolute; width:100%; height:100%; top:0; left:-100%; background:rgba(var(--bs-dark-rgb), 0.5); backdrop-filter:blur(10px); transition:var(--bs-transition); pointer-events:none; opacity:0;}
	.main-nav.ready:before {opacity:1;}
	.main-nav a {border-bottom:none; color:var(--bs-black)!important}
	html.loading {background-size:66.66%;}
}


@media (max-width:767px) {
	html, body {font-size:15px;}
	.main-nav {width:75%;}
	#map {position:relative; height:300px;}
	.main-nav.active {display:block; right:0; top:88px;}
}

@media (max-width:575px) {
	html, body {font-size:14px;}
	.h1, h1 {margin-bottom:1.5rem;}
	.main-nav {width:80%;}
	.main-nav.active {top:84px;}
	.header-phone {font-size:inherit!important;}
	.header-dealer {font-size:inherit!important;}
	.header-logo {max-width:150px;}
}

@media (max-width:399px) {
	.header-logo-ag {height:40px;}
	.header-contacts {display:none;}
	.header-btn {order:-1;}
	.header-logo {max-width:125px;}
}