:root {
	--font1: 'Rubik', sans-serif;
	--color1: #fff;
	--color2: #9a9999;
	--color3: #3d3d3d;
	--color4: #2d2d2d;
	--color5: #777777;
	--color6: #a1a1a1;
	--color7: #e82c17;
	--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: var(--font1) !important;
}

/* !1 */
#application_form .form_control input,
#car_extras h4,
#top_nav .wrapper ul .btn,
#contact_application.popup .wrapper,
#application {
	background-color: var(--color1);
}

#car_right .header .bonus,
#car_right .header #links .facebook i,
#car_extras .entry ul li i,
#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,
#top_nav .wrapper ul .btn:hover,
#main_slider-wrapper h1,
#main_slider-wrapper h2,
.car-catalog-info p,
#car_right .title {
	color: var(--color1);
}

.fotorama__thumb-border,
#top_nav .wrapper a:hover {
	border-color: var(--color1);
}

#car-newest-entries a:hover {
	box-shadow: 0 0 10px var(--color1);
}


/* ?2 */
#wor_up,
.noUi-connect,
.filter__item-sort,
.filter__item input[type="text"],
#car_details,
.filter__item-sort select,
.filter__item-check label:before,
#top_nav .wrapper ul .btn:hover,
#listing #more_auto div {
	background-color: var(--color2);
}

#top_nav .wrapper ul .btn,
#bot_nav .wrapper ul li,
#bot_nav .wrapper ul li i,
#contact_application .application_marketing,
#burger,
.team_items-item .item-info b,
#services_content .step p,
#bot_nav .wrapper ul li a {
	color: var(--color2);
}

/* *3 */
#application_form,
#charging_stations-txt,
#filters,
.fotorama__wrap--css3 .fotorama__stage,
footer,
#top_nav,
#services_content .step .btn {
	background-color: var(--color3);
}

.btn,
#car_detail,
#contact_application .application_marketing a {
	color: var(--color3);
}

#delivery_partner,
#teams,
#filters,
#car-newest-entries a,
#gallery,
#car_right,
#sub_footer,
.car-catalog-info {
	background-color: var(--color3);
}

#contact_application .application_marketing a {
	border-color: var(--color3);
}

/* 4 */
body,
#welcome,
#car_loan,
.btn:hover,
#services,
#car-related #car-newest-entries a,
.car-catalog-info .car-catalog-entry-loan,
#car-related .car-catalog-info {
	background-color: var(--color4);
}

#application_form_button,
.sub_title {
	color: var(--color4);
}

/* 5 */

.noUi-connect,
#car-related {
	background-color: var(--color5);
}

.footer_item-title,
#car_extras .entry h5,
#application_form_button,
#services_content .step b,
#main_slider-wrapper a:hover {
	color: var(--color5);
}

#car_extras,
#services_content .step,
#main_slider-wrapper a:hover {
	border-color: var(--color5);
}

/* 6 */
.car-catalog-info .car-catalog-name,
#we_social,
#we_social i,
.footer_item ul li,
.footer_item ul as,
#car_text,
#car_extras .entry ul li,
#team_txt-right p,
.team_items-item .item-info p,
.team_items-item .item-info a,
#team_txt-left p,
#car-related #car-newest-entries .car-catalog-info ul li,
.footer_item ul a,
.footer_item ul p {
	color: var(--color6);
}

.car-catalog-entry-label.bonus-2 {
	color: #fff;
}

#we_social b, #application_against_car-options .option-img-wrapper {
	background-color: var(--color6);
}

#bot_nav .wrapper ul li a:hover {
	border-color: var(--color6);
}

#main_slider-wrapper a,
#services_content .step .btn,
.btn {
	background: linear-gradient(90deg, rgba(0, 172, 182, 1) 0%, rgba(0, 73, 126, 1) 35%, rgba(232, 44, 23, 1) 70%);
	border: unset;
	background-size: 130%;
}

#main_slider-wrapper a:hover,
#services_content .step .btn:hover,
.btn:hover {
	background: linear-gradient(90deg, rgba(0, 172, 182, 1) 0%, rgba(0, 73, 126, 1) 35%, rgba(232, 44, 23, 1) 70%);
	background-size: 100%;
	color: #fff;
}

.car-catalog-info ul li i,
.title,
#application .checkbox_wrapper p a {
	color: var(--color7);
}

.car-catalog-info .car-catalog-entry-loan {
	border: 2px solid var(--color7);
}

.car-catalog-info .car-catalog-entry-loan {
	border-color: var(--color7);
}

#application .checkbox_wrapper {
	background-color: #f5f6fa;
}

/* WHITE */
.btn,
.car-catalog-info .car-catalog-entry-loan,
.filter__item .title,
#car_details,
#bot_nav .wrapper ul li a:hover {
	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);
}



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

#teams,
#top_nav .wrapper ul .btn,
#navigation_rent,
.footer_item:nth-of-type(4),
.footer_item:nth-of-type(5),
#nav_adress,
#car_right #application_contact_form_button {
	display: none;
}

#main_slider {
	background: url('/design/img/index/bmw-gimotors.jpg');
	background-size: cover;
	background-position: center;
}

#car_right #car_price {
	color: #0072b6;
}

.car-catalog-info ul li:nth-of-type(1) i {
	color: #0072b6;
}

.car-catalog-info ul li:nth-of-type(2) i {
	color: #00497e;
}

.car-catalog-info ul li:nth-of-type(3) i {
	color: #e82c17;
}

#main_slider-wrapper a,
#listing>div>center>a {
	position: relative;
}

#delivery_partner {
	margin: unset;
	padding: unset;
	background-color: #000;
}

#delivery_partner #delivery_title,
#delivery_partner #partners,
#delivery_partner .btn {
	display: none;
}

#delivery_partner .wrapper {
	background: url(/design/img/banner-mini.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 200px;
	background-position: right;
}

/*#main_slider-wrapper a:nth-of-type(1) {
	margin-bottom: 50px;
}

#listing>div>center>a:after {
	content: "";
	position: absolute;
	width: 100%;
	background: url(/design/img/m-strips.png);
	background-size: cover;
	background-position: top;
	transform: rotate(2deg);
	height: 80%;
	bottom: -80%;
	left: -5%;
}

#main_slider-wrapper a:nth-of-type(1):after {
	content: "";
	position: absolute;
	width: 100%;
	background: url(/design/img/m-strips.png);
	background-size: cover;
	background-position: top;
	transform: rotate(2deg);
	height: 120%;
	bottom: -110%;
	left: -5%;
}*/

#bot_nav .wrapper ul a {
	position: relative;
}

#bot_nav .wrapper ul a:hover {
	border-color: transparent;
}


#bot_nav>div>ul>li:nth-child(1),
#main_slider-wrapper > a:nth-child(4) {
	display: none;
}

#bot_nav .wrapper ul a:after {
	display: none;
	content: "";
	position: absolute;
	width: 120px;
	background: url(/design/img/m-strips.png);
	background-size: contain;
	background-position: left top;
	transform: rotate(2deg);
	height: 40px;
	bottom: -40px;
	left: -10px;
	background-repeat: no-repeat;
}


@media screen and (min-width: 900px) {
	footer #footer_content {
		grid-template-columns: repeat(3, 1fr);
	}

	#delivery_partner .wrapper {
		background: url(/design/img/banner.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 220px;
		background-position: center;
	}

	#bot_nav .wrapper ul a:after {
		display: block;
	}
	#main_slider-wrapper h2{
		font-size: 30px;
		margin-bottom: 10px;
	}
}

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