:root {
	--font1: 'Roboto', sans-serif;
	--color1: #531010;
	--color2: #000000;
	--color3: #6b6b6b;
	--color4: #111;
	--color5: #942121;
	--color6: #fff;
	--borderRadius-mini: 10px;
	--borderRadius-max: 14px;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
b,
ul,
li,
span,
input,
label,
select,
a,
.btn,
.title,
.sub_title,
.contact_item,
.footer_item,
.car-catalog-entry-label.bonus-4 {
	font-family: "Numans", sans-serif !important;
}

/* !1 */
#application_form .form_control input,
#car_extras h4,
#top_nav .wrapper ul .btn {
	background-color: var(--color1);
}

#car_right .header .bonus,
#car_right .header #links .facebook i,
#car_extras .entry ul li i,
#burger,
#car_right #car_price,
#top_nav .wrapper ul,
#top_nav .wrapper ul li,
#top_nav .wrapper a,
.car-catalog-info .car-catalog-entry-loan,
#car_right #car_price s,
#application .checkbox_wrapper p a {
	color: var(--color1);
}

.fotorama__thumb-border {
	border-color: var(--color1);
}

#car-newest-entries a:hover {
	box-shadow: 0 0 10px var(--color1);
}

#main_slider-wrapper a,
#main_slider-wrapper a:hover {
	background-color: var(--color1);
}
#main_slider-wrapper a:hover {
	opacity:0.8;
}



/* ?2 */
#wor_up,
.noUi-connect,
.filter__item-sort,
.filter__item input[type="text"],
#car-related #car-newest-entries a,
#car_details,
#application,
.filter__item-sort select,
.filter__item-check label:before {
	background-color: var(--color2);
}

#car_text,
.car-catalog-info .car-catalog-name,
.car-catalog-info ul li {
	color: var(--color2);
}

/* *3 */
#application_form,
#charging_stations-txt,
#filters {
	background-color: var(--color3);
}

.btn {
	color: var(--color3);
}

#delivery_partner,
#teams,
#filters,
#car-newest-entries a,
#gallery,
#car_right,
#car-related,
#sub_footer {
	background-color: var(--color3);
}

/* 4 */
body,
#welcome,
footer,
#car_loan,
.btn:hover,
#services {
	background-color: var(--color4);
}

#application_form_button {
	color: var(--color4);
}

/* 5 */

.noUi-connect,
.btn,
.car-catalog-info .car-catalog-entry-loan {
	background-color: var(--color5);
}

.footer_item-title,
#car_extras .entry h5,
#application_form_button,
.team_items-item .item-info b,
#services_content .step b {
	color: var(--color5);
}

#car_extras,
#services_content .step {
	border-color: var(--color5);
}

/* 6 */
#we_social,
#we_social i,
.footer_item ul li,
.footer_item ul a,
#car_details,
#car_extras .entry ul li,
#team_txt-right p,
.team_items-item .item-info p,
.team_items-item .item-info a,
.sub_title,
.title,
#team_txt-left p,
#services_content .step p,
#car-related #car-newest-entries .car-catalog-info ul li,
#main_slider-wrapper a,
#main_slider-wrapper a:hover {
	color: var(--color6);
}

#top_nav,
#we_social b,
#application .checkbox_wrapper {
	background-color: var(--color6);
}



/* WHITE */
.btn,
.car-catalog-info .car-catalog-entry-loan,
.filter__item .title {
	color: #fff;
}

.car-catalog-info .car-catalog-entry-price {
	background-color: white;
}

/* BLACK */
.car-catalog-info .car-catalog-entry-price {
	color: #000;
}

/* BORDER RADIUS MINI */
#car_right,
#car_loan,
#application_form,
#application_form .form_control input,
#car_details,
.fotorama__stage,
#wor_up,
.btn,
.policy.popup .wrapper,
.filter__item input[type="text"],
.filter__item-sort,
#main_slider-wrapper a,
#car-newest-entries a,
.car-catalog-entry-img,
.car-catalog-info .car-catalog-entry-price,
.car-catalog-info .car-catalog-entry-loan {
	border-radius: var(--borderRadius-mini);
}

#application_form_button,
#charging_stations-txt {
	border-radius: 0 var(--borderRadius-mini) var(--borderRadius-mini) 0px;
}

/* BORDER RADIUS MAX */
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__thumb-border,
.fotorama__thumb,
.contact_item,
#filters,
#welcome_content .step {
	border-radius: var(--borderRadius-max);
}



#delivery-slick {
	display: none;
}

.car-catalog-info .car-catalog-price {
	justify-content: space-around;
}

.filter__item input[type="number"] {
	background-color: var(--color2);
	border: none;
	border-radius: var(--borderRadius-mini);
	padding: 5px 15px;
}


#main_slider {
	background-image: url('/design/img/index/bg.webp');
}

#bot_nav .wrapper ul li,
#bot_nav .wrapper ul li a,
#bot_nav .wrapper ul li i,
#bot_nav .wrapper ul li b{
	color: #fff;
   }

#main_slider-wrapper h1{
	display: none;
}

footer #footer_logo{
	max-width: 170px;
}

#top_nav{
	background-color: #000;
}

#top_nav .wrapper ul li{
	color: #fff;
}

#logo img{
	width: clamp(3.13rem, calc(2.26rem + 3.85vw), 6.88rem);	/* 50-110 */
}

footer #footer_logo{
	width: clamp(3.13rem, calc(2.26rem + 3.85vw), 6.88rem);	/* 80-180 */
}

#main_slider-wrapper a{
	border: 0;
}
#top_nav .wrapper a:hover{
	border-color: var(--color1);
}

@media (900px <= width) {
	footer #footer_content{
		grid-template-columns: repeat(3, 1fr);
	}
}


@keyframes discount-pulse {
	0% {
		box-shadow: 0 0 0 0 var(--color5);
	}

	80% {
		box-shadow: 0 0 0 10px #ffffff00;
	}

	100% {
		box-shadow: 0 0 0 0 #ffffff00;
	}
}