@import url("bootstrap-custom.css");

html {font-size:calc(100vw / 192);}
body {transition:0.5s ease opacity; overflow-x:hidden;}
html.loading {height:100%; background:url(../images/logo-loading.svg) center center no-repeat; background-size:25%;}
html.loading body {opacity:0; pointer-events:none;}
html.mobile-popup-menu-opened {overflow-y:hidden;}

*::-webkit-scrollbar {width:5px; height:5px; background:var(--bs-dark);}
*::-webkit-scrollbar-track {width:5px; height:5px; background:var(--bs-dark);}
*::-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);}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder , ::placeholder {color:var(--bs-dark)!important;}

a {text-decoration:none; color:inherit; transition:var(--bs-transition); text-decoration-thickness:1px; text-decoration-width:1px;}
a:hover, a.active {color:var(--bs-link-hover-color);}
.text-decoration-underline:hover {text-decoration:none!important;}
.text-decoration-underline-hover:hover {text-decoration:underline!important;}
.btn:hover {text-decoration:none;}
.btn-close {opacity:.75; transition:var(--bs-transition);}
.btn-close:hover {opacity:1;}
.btn[aria-expanded] i:before {transition:var(--bs-transition);}
.btn[aria-expanded="true"] i:before {transform:rotate(180deg);}
.btn-fixed-width {width:30rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:500; text-transform:uppercase;}
.h1, h1 {font-size:3rem; margin-bottom:0;}
.h2, .h3, h2, h3 {margin:1.5rem 0;}
.display-1, .display-2, .display-3, .display-4, .display-5 {font-weight:400;}
.card-img {height:60%; object-fit:cover;}
.modal {z-index:100500;}
.modal-dialog {justify-content:space-around;}
.modal-dialog > div[id*="comp_"] {width:100%;}
.text-justify {text-align:justify!important;}
.list-styled li {list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVQIW2NkYGD4D8RwwEi6AACaVAQBULo4sgAAAABJRU5ErkJggg==");}
.cursor-pointer {cursor:pointer!important;}
.modal-header {padding: 2rem;}

p {text-align:inherit;}
b, strong, th {font-weight:700;}
table {margin-bottom:1rem!important;}
img {max-width:100%;}

.fs-8 {font-size:0.8rem!important;}
.fs-11 {font-size:1.1rem!important;}
.fs-12 {font-size:1.2rem!important;}
.fs-13 {font-size:1.3rem!important;}
.fs-14 {font-size:1.4rem!important;}
.fs-16 {font-size:1.6rem!important;}
.fs-18 {font-size:1.6rem!important;}
.fs-20 {font-size:2rem!important;}
.fs-24 {font-size:2.4rem!important;}
.fs-32 {font-size:3.2rem!important;}
.fs-48 {font-size:4.8rem!important;}
.fs-50 {font-size:5rem!important;}
.fs-96 {font-size:9.6rem!important;}

.fw-300 {font-weight:300!important;} /* light */
.fw-400 {font-weight:400!important;} /* regular */
.fw-500 {font-weight:500!important;} /* medium */
.fw-600 {font-weight:600!important;} /* semibold */
.fw-700 {font-weight:700!important;} /* bold */
.fw-700 {font-weight:800!important;} /* extrabold */

.z-index-100500 {z-index:100500;}

.transition {transition:var(--bs-transition);}
.background-attachment-fixed {background-attachment:fixed;}
.object-fit-cover {object-fit:cover;}
.img-hover {position:relative; top:0; transition:var(--bs-transition);}
.img-hover:hover {top:-8px;}

[data-bs-toggle] {cursor:pointer;}
.fancybox__backdrop {background:rgba(var(--bs-white-rgb),.75); backdrop-filter:blur(5px);}
.fancybox__content :focus:not(.carousel__button.is-close) {outline:none;}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {border-color:var(--bs-primary);}
.carousel__button svg {stroke:var(--bs-primary); filter:none;}
.fancybox__container {color:var(--bs-primary);}
.fancybox__toolbar {text-shadow:none; background:none;}

.slick-dots {list-style-type:none; position:absolute; bottom:0; right:0; z-index:2;}
	.slick-dots li {display:block; width:6rem; height:0.6rem; margin-left:2rem; cursor:pointer; transition:var(--bs-transition); background:var(--bs-black);}
	.slick-dots li.slick-active, .slick-dots li:hover {background:var(--bs-cian);}
		.slick-dots li button {display:none;}

.header {}
	.header-logo-haval {width:12rem;}
	.header-logo-armada {width:19.2rem;}
	.header-nav-mobile {height:0; pointer-events:none; overflow:hidden;}
	.header-nav-mobile.active {height:auto; pointer-events:all;}

.section {padding:10rem 0 8rem 0;}
.section-bg-100 {background-position:center center; background-size:100%; background-repeat:no-repeat;}
.section-bg-cover {background-position:center center; background-size:cover; background-repeat:no-repeat;}
	.section-title {position:relative;}
		/* .section-title:after {content:""; display:block; position:absolute; left:calc(50% - 7.1rem); bottom:0; width:14.2rem; height:0.3rem; margin:0 auto; background:var(--bs-black);} */

.section-main {position:relative;}
	.main-slider {}
		.main-slide {}
			.main-slide-overlay {padding-bottom: 50px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; padding-top:20rem;}
				.main-slide-image {width:100%; height:100vh; object-fit:cover;}
	.main-slider-controls {position:absolute; left:0; bottom:0; width:100%;}
		.main-slider-arrow {cursor:pointer;}
			.main-slider-arrow svg {transition:var(--bs-transition);}
		.main-slider-dots {padding:1.2rem 0.8rem;}
			.main-slider-dots ul {display:flex; justify-content:center; align-items:center;}
				.main-slider-dots ul li {display:flex; justify-content:center; align-items:center; width:1.5rem; height:1.5rem; margin:0 0.25rem; border:0.1rem solid transparent; border-radius:50%; transition:var(--bs-transition);}
				.main-slider-dots ul li.slick-active {border-color:var(--bs-white); border-radius:50%;}
					.main-slider-dots ul li button {width:0.9rem; height:0.9rem; margin:0; padding:0; font-size:0; border:none; background:var(--bs-white); border-radius:50%;}
					
.section-model {height:100vh;}

.section-actions {}
	.actions-slider {}
		.actions-slide {}
	.actions-slider-controls {}
		.actions-slider-arrow {cursor:pointer;}
			.actions-slider-arrow svg {transition:var(--bs-transition);}
		.actions-slider-dots {padding:0 0.8rem;}
			.actions-slider-dots ul {display:flex; justify-content:center; align-items:center;}
				.actions-slider-dots ul li {display:flex; justify-content:center; align-items:center; width:1.5rem; height:1.5rem; margin:0 0.25rem; border:0.1rem solid transparent; border-radius:50%; transition:var(--bs-transition);}
				.actions-slider-dots ul li.slick-active {border-color:var(--bs-primary); border-radius:50%;}
					.actions-slider-dots ul li button {width:0.9rem; height:0.9rem; margin:0; padding:0; font-size:0; border:none; background:var(--bs-primary); border-radius:50%;}
					
.section-content {}
	.section-content .section-title{}
	.content-list {}
		.content-item {margin-bottom: 20px; background: #fff;}
			.content-item.reverse img {padding-left: 2rem;}
			.content-item img {padding-left: 0;padding-right: 2rem;}
			.content-item .row {align-items: center;}
			.content-item .content-item-text {display: flex; align-items: center;}

.section-partners {padding: 10rem 0 8rem 0;}
	.section-partners .partners-list .wrapper {border: 1px solid #000; margin-bottom: 20px; background: #fff; padding: 20px; text-align: center; width: 100%; display: block;}
	.section-partners .partners-list .wrapper:hover {background: #000; color: #fff;}

.section-credit {}
	.calculator {}
		.calculator-model-image {width:24.4rem;}

.section-map {height:77rem;}
	.map {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;}
		.map ymaps[class*="-ground-pane"] {filter:grayscale(100%);}
		.map-contacts {position:relative; z-index:1;}
	
.footer {}
	.footer-logo-haval {width:12rem;}
	.footer-logo-armada {width:19.2rem;}

@media (max-width:1199px) {
	.content-item.reverse > .row {flex-direction: column-reverse;}
	.content-item img {margin-bottom: 1rem;}
	.content-item.reverse img {padding-left: 0rem;}
	.content-item img {padding-left: 0;padding-right: 0rem;}
}
@media (max-width:991px) {
	html {font-size:14px;}
	.fs-8 {font-size:8px!important;}
	.fs-11 {font-size:11px!important;}
	.fs-12 {font-size:12px!important;}
	.fs-13 {font-size:13px!important;}
	.fs-14 {font-size:14px!important;}
	.fs-16 {font-size:16px!important;}
	.fs-18 {font-size:18px!important;}
	.fs-20 {font-size:20px!important;}
	.fs-24 {font-size:24px!important;}
	.fs-32 {font-size:32px!important;}
	.fs-48 {font-size:48px!important;}
	.fs-50 {font-size:50px!important;}
	.fs-96 {font-size:48px!important;}
	.header-logo-haval {width:49px;}
	.header-logo-armada {width:121px;}
	.footer-logo-haval {width:49px;}
	.footer-logo-armada {width:121px;}
	.main-slide-overlay {padding-top:100px;}
	.main-slider-dots {padding:18px 8px;}
	.main-slider-dots ul li {width:15px; height:15px; margin:0 2.5px; border-width:1px;}
	.main-slider-dots ul li button {width:9px; height:9px;}
	.main-slider-arrow svg {width:6px; height:11px;}
	.actions-slider-dots {padding:0 8px;}
	.actions-slider-dots ul li {width:15px; height:15px; margin:0 2.5px; border-width:1px;}
	.actions-slider-dots ul li button {width:9px; height:9px;}
	.actions-slider-arrow svg {width:6px; height:11px;}
	.section {padding:25px 0;}
	.section-title:after {left:calc(50% - 71px); width:142px; height:3px;}
	.btn-fixed-width {width:250px;}
	.actions-slide-btn svg {width:13px; height:13px;}
	.calculator-model-image {width:244px;}
	.section-map {height:auto;}
	.map {position:relative; height:430px}
	.section-map .container {max-width:100%;}
	.map-contacts {box-shadow:none!important;}
	.footer-nav {border-top:1px solid var(--bs-dark); border-bottom:1px solid var(--bs-dark);}
	.map-contacts svg {width:16px; height:16px;}
	.footer-socials svg {width:20px; height:20px;}
	.map-contacts-socials svg {width:20px; height:20px;}
}

@media (max-width:767px) {
	.main {margin-top:60px;}
	.main-slide-image {height:auto;}
	.main-slide-overlay {padding-bottom:0; padding-top:20px;}
	.btn-fixed-width {width:200px;}
	.section-model {position:relative; height:auto; padding:0; background:none!important;}
	.section-model-container {position:absolute; left:0; top:0; padding-top:30px;}
	.section-map {padding:0;}
	.footer-copyright {border-bottom:1px solid var(--bs-dark);}
}

@media (min-width:576px) and (max-width:991px) {
	.content-item .content-item-text {font-size: 1.5rem !important;}
}
@media (max-width:575px) {
	.fs-14 {font-size:12px!important;}
	.fs-16 {font-size:10px!important;}
	.fs-20 {font-size:12px!important;}
	.fs-24 {font-size:16px!important;}
	.fs-32 {font-size:16px!important;}
	.fs-48 {font-size:24px!important;}
	.fs-50 {font-size:28px!important;}
	.fs-96 {font-size:32px!important;}
	.specifications-item-text {font-size:14px!important;}
	.news-item-title {font-size:16px!important;}
	.actions-slide-date {font-size:10px!important;}
	.actions-slide-title {font-size:20px!important;}
	.calculator {font-size:14px!important;}
	.calculator-form-title  {font-size:14px!important;}
	.map-contacts-title {font-size:20px!important;}
	.header-nav-mobile-phone {font-size:16px!important;}
}