@font-face {
	font-family: 'Graphik';
	src: url('../newbanners/home/font/Graphik-Regular.woff2') format('woff2'),
		url('../newbanners/home/font/Graphik/Graphik-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

html,
body {
	height: 100%;
	/* font-family: 'Wix Madefor Display', sans-serif; */
	/* font-family: "Graphik", sans-serif; */
	font-family: "Montserrat", sans-serif;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	color: #000000;
}

a { cursor: pointer; }
/* * { transition: all, 0.5s ease; } */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: bold;
	/* font-family: "Graphik", sans-serif; */
  	font-family: "Montserrat", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 25px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	color: #000;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #777;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 35px;
	text-align: center;
	/* font-family: "Graphik", sans-serif; */
	font-family: "Montserrat", sans-serif;
}

.section-title span {
	font-size: 16px;
	color: #A1ADC9;
	font-weight: bold;
}

.section-title h2 {
	color: #000000;
	font-size: 30px;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 16px;
}

.section-title P {
	margin-bottom: 0;
	font-size: 17px;
	color: #727171;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}
.spad130 {
	padding-top: 130px;
	padding-bottom: 130px;
}
.spad150 {
	padding-top: 150px;
	padding-bottom: 150px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn, .secondary-btn {
	display: inline-block;
	font-size: 15px;
	padding: 12px 24px;
	color: #fff !important;
	font-weight: 700;
	background: #ff6a28;
	border-radius: 2px;
	cursor: pointer;
	/* font-family: "Graphik", sans-serif; */
	font-family: "Montserrat", sans-serif;
}

.secondary-btn { background: #999; padding: 7px 24px; margin-bottom: 7px; font-size: 12px; }
.secondary-btn.active { background: green; }
.secondary-btn:hover { background: #333; }
.primary-btn:hover { background: red; }

.site-btn {
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 10px 50px;
	font-size: 14px;
	border: 0;
	background: #FF6A2A;
	border: none;
	border-radius: 10px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header__logo {
	padding: 21px 0 0 0;
}

.header__logo a {
	display: inline-block;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

.car .section-title {
	margin-bottom: 20px;
}

.car .section-title h2 {
	margin-bottom: 0;
}

.car__filter__option {
	background: #f7f7f7;
	padding: 12px 30px;
	margin-bottom: 30px;
	border-radius: 10px;
}

.car__filter__option .car__filter__option__item.car__filter__option__item--right {
	text-align: right;
}

.car__filter__option .car__filter__option__item h6 {
	font-size: 15px;
	color: #353535;
	font-weight: 700;
	display: inline-block;
	margin-right: 15px;
}

.car__filter__option .car__filter__option__item .nice-select {
	width: auto;
	font-size: 15px;
	color: #353535;
	padding-left: 20px;
	padding-right: 50px;
	border: 1px solid #ebebeb;
	height: 36px;
	background: #ffffff;
	line-height: 36px;
	border-radius: 0;
	float: none;
	display: inline-block;
}

.car__filter__option .car__filter__option__item .nice-select .list {
	width: 100%;
	margin-top: 0;
	border-radius: 0;
}

.car__filter__option .car__filter__option__item .nice-select:after {
	border-bottom: 1.5px solid #AAAAB3;
	border-right: 1.5px solid #AAAAB3;
	height: 7px;
	right: 22px;
	width: 7px;
}

.car__item {
	position: relative;
	margin-bottom: 30px;
	border: 1px solid #000;
	border-radius: 10px;
}

.car__item a.box, .item a.box { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 83%; z-index: 1; text-indent: -10000px; }

.car__item .addtofav {
	position: absolute;
	left: 15px;
	top: 10px;
	color: #000; 
	background-color: #FFF; 
	padding: 1px 7px 0 7px; 
	border-radius: 5px; 
	font-size: 20px;
	border: solid 1px #000;
	cursor: pointer;
	z-index: 2;
}
.car__item .addtofav.active {
	color: #FF6A2A;
}

.car__item .addtofav:hover { background: rgba(255, 255, 255, 0.7); color: #fff; }

.car__item .offertype { 
	display: flex;
	z-index: 8;
	position: absolute;
	padding: 5px 10px;	
	text-transform: uppercase;
	color: #FFF;
	background: #000;
	border-radius: 5px;
	border: solid 1px #000; 
	font-size: 12px; 
	font-weight: 500;
	right: 11px;
	align-items: center;
	justify-content: center;
	top: -14px;
	content: "";
}
.car__item a.full { display: block; position: absolute; left: 0; top: 0; height: 230px; width: 100%; z-index: 10;}
.car__item .offertype.private::before { content: "Частно лице"; }
.car__item .offertype.autohouse::before { content: "Автокъща"; }
.car__item .offertype.dealer::before { content: "Оторизиран дилър"; }

.car__item .images { border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; }
.car__item .images, .car__item .img {
	height: 230px; width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* .car__item:hover { border: 2px solid #120CE9; } */
/* .car__item:hover .img { transform: scale(1.1); } */

.car__item__pic__slider img {
	border-radius: 2px 2px 0 0;
}

.car__item__pic__slider.owl-carousel .owl-dots {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 15px;
}

.car__item__pic__slider.owl-carousel .owl-dots button {
	height: 8px;
	width: 8px;
	background: #8d8d8d;
	border-radius: 50%;
	margin-right: 8px;
	display: inline-block;
}

.car__item__pic__slider.owl-carousel .owl-dots button.active {
	background: #ffffff;
}

.car__item__pic__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.car__item__text__inner {
	padding: 5px 20px 10px 20px;
}

.car__item__text__inner .label-date {
	top: 190px;
	position: absolute;
	right: 20px;
	background-color: #FFF;
	display: inline-block;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	padding: 2px 11px;
	border: 1px solid #000;
	border-radius: 3px;
}

.submit-lead-message {
	font-size: 14px;
	padding: 5px 15px;
	display: none;
	color: #FFF;
	font-weight: 700;
	border-radius: 5px;
}

.submit-lead-message.error__ {
	background-color: #dc3545;
}

.submit-lead-message.success__ {
	background-color: #28a745;
}

.car__item__text__inner .b-top {
	height: 20px;
}

.car__item__text__inner ul {
	height: 150px;
}

.car__item__text__inner h2 {
	/* margin: 0 0 14px 0; */
	height: 65px;
	font-size: 15px;
	overflow: hidden;
}

.car__item__text__inner h2 a {
	color: #000000;
	font-weight: 700;
	font-size: 18px;
}

.car__item__text__inner ul li {
	list-style: none;
	font-size: 14px;
	color: #A1ADC9;
	font-weight: 600;
	position: relative;
	margin: 7px 0;
	padding-left: 24px;
}

.car__item__text__inner ul li:before {
	position: absolute;
	left: 0;
	top: 2px;
	content: ' ';
	width: 16px;
	height: 16px;
	background-size: contain;
}
.car__item__text__inner ul li.mileage:before { background-image: url('../img/icon-mileage.png'); }
.car__item__text__inner ul li.eurostd:before { background-image: url('../img/eco.webp'); }
.car__item__text__inner ul li.enginetype:before { background-image: url('../img/icon-enginetype.png'); }
.car__item__text__inner ul li.power:before { background-image: url('../img/icon-power.png'); }



.car__item__text__inner ul li span {
	color: #000;
	font-weight: 600;
}

.car__item__text__inner ul li:last-child {
	margin-right: 0;
}

.car__item__text__inner ul li:last-child:after {
	display: none;
}

.car__item__price {
	/* border-top: 1px solid #A1ADC9; */
}

.car__item__price .car-option {
	float: left;
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	background: #120ce8;
	display: inline-block;
	padding: 12px 0;
	width: 50%;
	text-align: center;
	border-radius: 2px 0 0 2px;
	border-bottom-left-radius: 10px;
	margin: 0 0 -1px -1px;
}

.car__item__price .car-option-1 {
	font-size: 12px;
	color: #120ce8; 
	text-transform: uppercase;
	font-weight: 500;
	border: solid 1.5px #120ce8;
	background-color: #f9f9f9;
	box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.4);
	display: inline-block;
	padding: 12px 0;
	text-align: center;
	border-radius: 100cqmax;
}

.car__item__price .car-option-2 {
	font-size: 12px;
	color: #120ce8; 
	text-transform: uppercase;
	font-weight: 500;
	box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.4);
	border: solid 1.5px #120ce8;
	background-color: #f9f9f9;
	display: inline-block;
	padding: 12px 0;
	text-align: center;
	border-radius: 100cqmax;
}

.car__item__price .price {
	float: right;
	font-size: 18px;
	color: #FF6A2A;
	font-weight: 700;
	text-align: center;
	padding: 10px 0 0 0;
	width: 50%;
}

.car__item__price .car-option.sale {
	background: #ff6a28;
}

.car__item__price h6 {
	font-size: 15px;
	color: #ff6a28;
	font-weight: 700;
	border-top: 1px solid #ebebeb;
	padding-left: 120px;
	padding-top: 14px;
	padding-bottom: 11px;
}

.car__item__price h6 span {
	color: #727171;
	font-size: 13px;
	font-weight: 400;
}

.pagination__option {
	padding-top: 20px;
}

.pagination__option a {
	display: inline-block;
	height: 50px;
	width: 50px;
	font-size: 18px;
	color: #727171;
	font-weight: 700;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	line-height: 50px;
	text-align: center;
	margin-right: 6px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.pagination__option a:hover,
.pagination__option a.active {
	border-color: #ff6a28;
	color: #353535;
}

.pagination__option a:last-child {
	margin-right: 0;
}

.pagination__option a span {
	font-size: 18px;
	position: relative;
	top: 2px;
	font-weight: 700;
}

.car__sidebar {
	background: #f7f7f7;
	padding: 30px;
}

.car__search {
	margin-bottom: 40px;
}

.car__search h5 {
	font-size: 20px;
	color: #353535;
	font-weight: 700;
	margin-bottom: 15px;
}

.car__search form {
	position: relative;
}

.car__search form input {
	height: 46px;
	width: 100%;
	font-size: 15px;
	color: #727171;
	padding-left: 20px;
	border: 1px solid #ebebeb;
	background: #ffffff;
}

.car__search form input::-webkit-input-placeholder {
	color: #727171;
}

.car__search form input::-moz-placeholder {
	color: #727171;
}

.car__search form input:-ms-input-placeholder {
	color: #727171;
}

.car__search form input::-ms-input-placeholder {
	color: #727171;
}

.car__search form input::placeholder {
	color: #727171;
}

.car__search form button {
	font-size: 14px;
	color: #AAAAB3;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	border: none;
	height: 100%;
	padding: 0 15px;
}

.car__filter h5 {
	font-size: 20px;
	color: #353535;
	font-weight: 700;
	margin-bottom: 15px;
}

.car__filter form .nice-select {
	width: 100%;
	font-size: 15px;
	color: #727171;
	padding-left: 20px;
	border: 1px solid #ebebeb;
	height: 46px;
	background: #ffffff;
	line-height: 46px;
	border-radius: 0;
	margin-bottom: 10px;
	float: none;
}

.car__filter form .nice-select .list {
	width: 100%;
	margin-top: 0;
	border-radius: 0;
}

.car__filter form .nice-select:after {
	border-bottom: 1.5px solid #AAAAB3;
	border-right: 1.5px solid #AAAAB3;
	height: 7px;
	right: 22px;
	width: 7px;
}

.car__filter form .filter-price {
	margin-bottom: 30px;
	padding-top: 8px;
}

.car__filter form .filter-price p {
	color: #323232;
	margin-bottom: 5px;
	margin-bottom: 18px;
}

.car__filter form .filter-price .price-range-wrap {
	position: relative;
}

.car__filter form .filter-price .price-range-wrap .ui-widget-content {
	height: 4px;
	background: rgba(0, 0, 0, 0.1);
	border: none;
	border-radius: 1px;
}

.car__filter form .filter-price .price-range-wrap .ui-slider-horizontal .ui-slider-handle {
	top: -5px;
	margin-left: -4px;
}

.car__filter form .filter-price .price-range-wrap .ui-slider .ui-slider-handle {
	width: 14px;
	height: 14px;
	background: #ff6a28;
	border-radius: 50%;
	cursor: pointer;
}

.car__filter form .filter-price .price-range-wrap .ui-state-default,
.car__filter form .filter-price .price-range-wrap .ui-widget-content .ui-state-default,
.car__filter form .filter-price .price-range-wrap .ui-widget-header .ui-state-default,
.car__filter form .filter-price .price-range-wrap .ui-button,
.car__filter form .filter-price .price-range-wrap html .ui-button.ui-state-disabled:hover,
.car__filter form .filter-price .price-range-wrap html .ui-button.ui-state-disabled:active {
	border: none;
}

.car__filter form .filter-price .price-range-wrap .ui-slider .ui-slider-range {
	background: #ff6a28;
}

.car__filter form .filter-price .price-input {
	position: absolute;
	left: 42px;
	top: -44px;
}

.car__filter form .filter-price .price-input input {
	font-size: 15px;
	color: #353535;
	font-weight: 700;
	border: none;
	width: 200px;
	background: transparent;
}

.car__filter form .car__filter__btn {
	text-align: center;
}

.about {
	padding-bottom: 70px;
}

.section-title.about-title h2 {
	line-height: 55px;
}

.section-title.about-title p {
	font-size: 17px;
	line-height: 30px;
	color: #6A6B7C;
}

.about__feature {
	padding-bottom: 60px;
}

.about__feature__item {
	text-align: center;
	margin-bottom: 30px;
	padding: 0 20px;
}

.about__feature__item h5 {
	font-size: 20px;
	color: #353535;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 15px;
}

.about__feature__item p {
	margin-bottom: 0;
}

.about__pic {
	margin-bottom: 50px;
}

.about__pic img {
	min-width: 100%;
	border-radius: 10px;
}

.about__item {
	margin-bottom: 30px;
}

.about__item h5 {
	font-size: 20px;
	color: #353535;
	font-weight: 700;
	margin-bottom: 15px;
}

.about__item p {
	margin-bottom: 0;
}

/*---------------------
  Car Details
-----------------------*/

.car-details {
	padding-bottom: 70px;
}

.car__details__pic {
	margin-bottom: 20px;
}

.car__details__pic__large {
	margin-bottom: 20px;
	position: relative;
}

.car__details__pic__large img {
	min-width: 100%;
}

.car-thumbs .ct img {
	cursor: pointer;
}

.car__details__tab .nav-tabs {
	border-bottom: none;
	background: #f7f7f7;
	padding: 0 30px;
}

.car__details__tab .nav-tabs .nav-item {
	display: inline-block;
	margin-right: 62px;
}

.car__details__tab .nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.car__details__tab .nav-tabs .nav-item .nav-link {
	font-size: 20px;
	color: #707070;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 22px 0 16px;
	position: relative;
}

.car__details__tab .nav-tabs .nav-item .nav-link:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background: #ff6a28;
	content: "";
	opacity: 0;
}

.car__details__tab .nav-tabs .nav-item .nav-link.active {
	background-color: transparent;
}

.car__details__tab .nav-tabs .nav-item .nav-link.active:after {
	opacity: 1;
}

.car__details__tab .tab-content {
	padding-top: 45px;
}

.car__details__tab__info {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
}

.car__details__tab__info__item {
	margin-bottom: 30px;
}

.car__details__tab__info__item h5 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 6px;
}

.car__details__tab__info__item ul li {
	list-style: none;
	font-size: 15px;
	color: #707070;
	line-height: 36px;
}

.car__details__tab__info__item ul li i {
	color: #ff6a28;
	margin-right: 8px;
	font-size: 10px;
}

.car__details__tab__feature__item {
	margin-bottom: 30px;
}

.car__details__tab__feature__item h5 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 6px;
}

.car__details__tab__feature__item ul li {
	list-style: none;
	font-size: 15px;
	color: #707070;
	line-height: 36px;
}

.car__details__tab__feature__item ul li i {
	color: #ff6a28;
	margin-right: 8px;
	font-size: 10px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/


@media screen and (max-width: 350px) {
	.header__logo img {
		width: 70% !important;
	}

	.header__logo {
		padding: 18px 0 0 0 !important;
	}

	.navicon {
		font-size: 7px !important;
	}

	.canvas__open {
		font-size: 17px !important;
	}
}

@media screen and (max-width: 990px) {
	.sidebar-right-r {
		display: block;
		margin-bottom: 20px;
	}

	.sidebar-right-s {
		display: none;
	}
}

@media screen and (min-width: 990px) {
	.sidebar-right-r {
		display: none;
	}

	.sidebar-right-s {
		display: flex;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
	/* .hero .container, .headsearch .container {
		max-width: 98%;
	} */
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navicon {
		padding: 14px 11px 11px 11px !important;
		font-size: 11px !important;
	}
	.navicon img {
		height: 20px !important;
	}
	.car__filter form .filter-price .price-input {
		position: relative;
		left: 0;
		top: 0;
		margin-top: 20px;
	}
	.car__details__tab .nav-tabs .nav-item {
		margin-right: 8px;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		left: -10px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.car__item__text__inner ul {
		height: 200px !important;
	}
	.car__sidebar {
		margin-bottom: 40px;
	}
	.car__details__tab .nav-tabs .nav-item {
		margin-right: 8px;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		left: -10px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	.header__top {
		color: #000;
	}
	.header .container {
		position: relative;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #120CE8;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		cursor: pointer;
		position: absolute;
		right: 11px;
		top: 35px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 50px 30px 30px;
		display: block;
		z-index: 9999;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget a {
		font-size: 15px;
		color: #353535;
		margin-right: 20px;
		display: inline-block;
	}
	.offcanvas__widget .primary-btn {
		color: #ffffff;
	}
	.offcanvas__widget__add {
		margin-bottom: 20px;
	}
	.offcanvas__widget__add li {
		font-size: 15px;
		color: #353535;
		margin-right: 35px;
		list-style: none;
		line-height: 30px;
	}
	.offcanvas__widget__add li:last-child {
		margin-right: 0;
	}
	.offcanvas__widget__add li i {
		font-size: 18px;
		color: #353535;
		margin-right: 6px;
	}
	.offcanvas__social a {
		display: inline-block;
		font-size: 15px;
		color: #353535;
		margin-right: 16px;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.offcanvas__phone__num {
		margin-bottom: 20px;
	}
	.offcanvas__phone__num i {
		color: #353535;
		margin-right: 6px;
		font-size: 15px;
	}
	.offcanvas__phone__num span {
		font-size: 15px;
		color: #353535;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {

	.car__item__price .car-option-1 {
		font-size: 13px;
	}

	.car__item__price .car-option-2 {
		font-size: 13px;
	}
	.footer__contact__option .option__item {
		margin-bottom: 12px;
	}
	.car__sidebar {
		margin-bottom: 40px;
	}
	.footer__contact__option {
		text-align: left;
	}
	.footer__contact__title {
		margin-bottom: 20px;
	}
	.car__filter__option .car__filter__option__item.car__filter__option__item--right {
		text-align: left;
		padding-top: 20px;
	}
	.call__text {
		margin-bottom: 40px;
	}
	.testimonial__slider.owl-carousel .owl-nav {
		display: none;
	}
	.offcanvas-menu-wrapper {
		display: block;
	}
	.header .container {
		position: relative;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #120CE8;
		padding: 7px 15px;
		text-align: center;
		border: 1px solid #CAD6EB;
		border-radius: 10px;
		cursor: pointer;
		position: absolute;
		right: 11px;
		top: 10px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -700px;
		width: 100%;
		height: 100%;
		background: #ffffff;
		padding: 50px 30px 30px;
		display: block;
		z-index: 9999;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
		top: 110px;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget a {
		font-size: 15px;
		color: #353535;
		margin-right: 20px;
		display: inline-block;
	}
	.offcanvas__widget .primary-btn {
		color: #ffffff;
	}
	.offcanvas__widget__add {
		margin-bottom: 20px;
	}
	.offcanvas__widget__add li {
		font-size: 15px;
		color: #353535;
		margin-right: 35px;
		list-style: none;
		line-height: 30px;
	}
	.offcanvas__widget__add li:last-child {
		margin-right: 0;
	}
	.offcanvas__widget__add li i {
		font-size: 18px;
		color: #353535;
		margin-right: 6px;
	}
	.offcanvas__social a {
		display: inline-block;
		font-size: 15px;
		color: #353535;
		margin-right: 16px;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.offcanvas__phone__num {
		margin-bottom: 20px;
	}
	.offcanvas__phone__num i {
		color: #353535;
		margin-right: 6px;
		font-size: 15px;
	}
	.offcanvas__phone__num span {
		font-size: 15px;
		color: #353535;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.section-title h2,
	.breadcrumb__text h2 {
		font-size: 34px;
	}
	.section-title.about-title h2 {
		line-height: normal;
	}
}
.clear { clear: both; }

.pagination { vertical-align: middle; font-size: 14pt; text-align: center; border-top: 1px solid #999; padding: 20px 0; display: block; }
.pagination a, .pagination span { display: inline-block; font-size: 14pt; margin: 0 11px; }
@media only screen and (min-width: 1200px) {
	.car__item__pic__slider img { max-height: 197px; }
}

.primary-btn.large { font-size: 150%; }
.form-control, .nice-select, .nice-select .list { width: 100%; }

.form-control.half { width: 50%; float: left; }
.carfeats { font-size: 11pt; margin-bottom: 40px; }

.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.car__filter select { margin-bottom: 14px; }
.sharebuts { margin-top: 21px; text-align: center; }
.sharebuts h6 { font-size: 11pt; font-weight: bold; color: #999; margin-bottom: 7px; }
.sharebuts a { display: inline-block; padding: 2px 0; width: 40px; text-align: center; margin: 4px; font-size: 19px; border: 1px solid #999; border-radius: 10px; color: #007bff; cursor: pointer; }
#sharemsg { display: none; padding: 3px 11px 5px 11px; background: #999; border-radius: 5px; margin-top: 11px; color: #fff; font-size: 11pt; }
ol.pad { padding-left: 30px; }
ol.pad li { margin-top: 20px; }
.tab-content { border-radius: 20px; }
.header__logo img { width: 145px; margin: 0; }
.header__top__right img { height: 19px; }
.c { text-align: center; }
.r { text-align: right; }
section.marg, p.marg { margin: 50px 0; }
.mt14 { margin-top: 14px; }
.mt30 { margin-top: 30px; }
.mt45 { margin-top: 45px; }
.mt60 { margin-top: 60px; }
.marg20 { margin-top: 20px; margin-bottom: 20px; }
.greybg { background: grey; }
.pad30 { padding-top: 30px; padding-bottom: 30px; }
.hpad10pl { padding-left: 10%; padding-right: 5%; }
.hpad10pr { padding-left: 5%; padding-right: 10%; }
.vpad60, .pad60 { padding-top: 60px; padding-bottom: 60px; }
h2.feat { font-size: 18pt; font-weight: bold; margin-bottom: 30px; }
p.feat { font-size: 13pt; }
.orangebut, .bluebut, .orangebut.filled:hover { display: inline-block; padding: 14px 31px; color: #ff6a2a; font-size: 12pt; font-weight: bold; border: 2px solid #ff6a2a; border-radius: 10px; margin-top: 30px; background: #fff; }
.bluebut.gored { background: red !important; border: 1px solid #9b1717; }
.bluebut.gored:hover { background: #9b1717 !important; }
.orangebut.filled, .orangebut:hover { background: #ff6a2a; color: #fff; }
.orangebut i, .bluebut i { margin-left: 11px; }
.bluebut i.mr { margin-left: 0; margin-right: 10px; }
.bluebut { border: 2px solid #120CE8; color: #000; padding: 14px 11px; }
.bluebut.filled { background: #120CE8; color: #fff; }
.bluebut.filled:hover { background: #0e0b87; }

.lgreybg { background: #f6f6f6; position: relative; }
.lgreybg .dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; }
.iconsfeats h2 { margin-bottom: 20px; font-size: 17pt; font-weight: bold; text-align: center; line-height: 36px; }
.iconsfeats h3 { margin-bottom: 20px; font-size: 13pt; font-weight: bold; }
.iconsfeats .icon { margin-top: 34px; }
.servitem { border: 1px solid #000; border-radius: 10px; padding: 21px 14px; background: #fff; font-size: 16px; text-align: center; }
.servitem h3, h3.serv { font-weight: bold; font-size: 13pt; margin-bottom: 0; line-height: 30px; }
p.tick { margin-bottom: 14px; font-size: 16px; color: #000; padding-left: 31px; }
p.tick i { color: #2EC976; margin-right: 10px; }

.fs16 { font-size: 16px; }
.orange { color: #FF6A28 !important; }

.sameheights { display: flex; }
.sameheights>div { flex: 1; margin: 10px; }

.sideslidepanel { display: none; position: absolute; top: 140px; right: 0; background: #fff; width: 50%; min-height: 100%; }
.closeorange { position: absolute; top: 20px; left: 20px; color: #FF6A28; border: 1px solid #FF6A28; border-radius: 50%; width: 24px; height: 24px; text-align: center; line-height: 19px; cursor: pointer; }
.closer { position: absolute; font-size: 12pt; top: 1px; right: 11px; cursor: pointer; }

.grid-container { display: flex; width: 100%; margin: 0 auto; }
.grid-item {
  width: 31%;
  margin: 0 1% 10px 1%;
  background-color: #fff;
  padding: 14px;
  border: 1px solid #000;
  border-radius: 10px;
}
.grid-item h3 {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 7px;
}
.headsearch { background: #EFEFEF; padding: 20px 0 20px 0; color: #000; position: relative; }
/* .headsearch.home { margin: -60px 0 0 0;  } */
/* .headsearch .more a { color: #000; font-family: "Graphik", sans-serif; font-weight: 600;  font-size: 18px; } */
.headsearch .more a { color: #000;   font-family: "Montserrat", sans-serif; font-weight: 600;  font-size: 18px; }
.headsearch .searchbut { background: #120CE8; border-radius: 10px; color: #fff; padding: 10px 50px; font-size: 14px; border: 0; margin-top: 36px; }
.headsearch .more { width: 250px; background: #EFEFEF; position: absolute; left: calc(50% - 125px); bottom: -34px; text-align: center; padding: 10px 0 12px 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.headsearch .more a { display: inline-block; padding-left: 30px; cursor: pointer; padding-left: 36px; position: relative; }
.headsearch .more a:before { content: ' '; display: block; width: 22px; height: 22px; background: url('../img/orange-plus.png'); position: absolute; left: 0; top: 1px; }
.headsearch h5, .sidesearch h5 { font-size: 16px; font-weight: bold; }

.sidesearch { background: #EFEFEF; color: #000; position: relative; border-radius: 10px; }
.sidesearch p { margin: 17px 0 3px 0; }
.sidesearch .rsbox { padding: 27px 0 3px 0; }
.sidesearch .butwrap { padding: 24px 0 0 0; text-align: center; }

a.subtab, button.subtab { color: #A1ADC9; border-radius: 35px; border: 1px solid #A1ADC9; padding: 10px 30px; margin: 20px 7px 30px 7px; font-weight: 600; font-size: 18px; background: #fff; }
a.subtab i, button.subtab i { margin-right: 11px; }
a.subtab:hover, button.subtab.weekly:hover, button.subtab.weekly.active { color: #120CE9; border: 1px solid #005CFF; background: #EBEBFF; }
button.subtab.promo.active, button.subtab.promo:hover { color: #ff6a28; border: 1px solid #ff6a28; background: #FFE5BB; }

.price-input-inner input { width: 100%; background: none; border: none; text-align: center; }

.carprops ul {
	margin: 10px 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #F4F4F4;
}
.carprops ul li {
	display: inline-block;
	list-style: none;
	padding: 0; 
	margin: 7px 2%;
	width: 45%;
	color: #77829B;
	font-size: 16px;
	position: relative;
}
.carprops ul li span {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	color: #000;
}
.car-details h2 { font-size: 25px; color: #000; border-bottom: 2px solid #F4F4F4; padding-bottom: 11px; font-weight: bold; margin-bottom: 20px; }
div.hr { padding-top: 5px; border-bottom: 2px solid #F4F4F4; margin-bottom: 5px; }
.car-details h1 { padding: 0 0 30px 0; text-align: center; font-size: 30px; font-weight: 600; }
.topassistant { color: #120CE9; font-size: 14px; font-weight: 600; padding: 5px 7px 0 0; }
.topassistant img { margin-right: 6px; }
.navicon { display: inline-block; text-align: center; background: #EFEFEF; padding: 14px 16px 11px 16px; font-size: 12px; color: #000; margin-bottom: -7px;}
.navicon.acc { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right: 1px solid #A1ADC9; }
.navicon.fav { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid #A1ADC9; }
select { border-radius: 3px; color: #111 !important; }
input::placeholder { color: #A1ADC9; }


.selwrap {
  position: relative;
}

.selwrap select {
  width: 100%;
  padding: 4px 10px 4px 14px;
  border-radius: 4px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.selwrap::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 9px;
	height: 9px;
	border-right: 2px solid #120CE9;
	border-bottom: 2px solid #120CE9;
	pointer-events: none;
}

.car__item .offer { font-size: 12px; position: absolute; left: 20px; top: 211px; background: #EBEBFF 0% 0% no-repeat padding-box; border-radius: 15px; padding: 7px 14px 7px 12px; color: #000; font-weight: 600; }
.narrow .car__item .offer { top: 161px; }
.car__item .offer i {margin-right: 5px; color: #120ce9; }
.car__item .offer.promo { background: #FFE5BB 0% 0% no-repeat padding-box; }
.car__item .offer.promo i { color: #ff6a28; }
.car__item__price .price label { font-size: 13px; color: #666; display: block; }

.narrow .car__item__text__inner .label-date { float: none; display: block; position: absolute; top: 130px; right: 20px; background-color: #FFF; max-width: 160px; text-align: center; margin: 10px 0 7px 0; }
.narrow .car__item__price .price { font-size: 16px; }
.narrow .car__item .images, .narrow .car__item .img { height: 230px; }
/* .narrow .car__item__text__inner { padding-top: 11px; } */
.narrow.col-lg-3 { padding-left: 7px; padding-right: 7px; }

section.hero { height: 350px; background: url('../../newbanners/atara-main-banner-desktop.png?v=1') center -20px; background-repeat: no-repeat; margin-top: -14px; }
section.hero h1, section.hero h2 { font-size: 30px; color: #fff; text-align: center; }
section.hero h2 { font-size: 25px; margin-bottom: 30px; }
section.lgrey { background: #F4F4F4; padding: 60px 0; }

.whycard { background: #fff; border-radius: 10px; padding: 20px 14px; text-align: center; font-size: 14px; height: 100%; }
.whycard h3 { font-size: 24px; color: #000; margin-bottom: 11px; }
.whycard h4 { font-size: 18px; color: #000; margin-bottom: 11px; }
.whycard h4 span { color: #120CE9; }
.smallpad { padding-left: 7px; padding-right: 7px; }

.btnlue {
    background: #120CE8;
    border-radius: 10px;
    color: #fff;
    padding: 11px 63px;
    font-size: 18px;
    border: 0;
    margin-top: 36px;
}
#headpublish { display: none; }


.mycarousel-container {
    overflow: hidden;
    width: 100%;
    margin: auto;
    padding: 20px 0;
}

.mycarousel {
    display: flex;
    transition: transform 0.5s ease;
}

.mycarousel-item {
	width: auto;
    min-width: 200px;
    margin: 0 10px;
}

.contactbanner { border: 1px solid #120CE9; border-radius: 10px; padding: 10px 40px 0 30px; }
.contactbanner img { margin-top: -11px; }
.contactbanner h3 { display: inline-block; font-size: 30px; color: #000; font-weight: medium; margin-left: 27px; }
.contactbanner .buts { float: right; }
.contactbanner .buts i { font-size: 19px; margin: 0 5px 0 0; }
.contactbanner .buts a { margin-left: 11px; min-width: 200px; text-align: center; }

.buyfromus { padding: 60px 0 30px 0; }
.buyfromus .left { padding: 0 50px; color: #000; }
.buyfromus h3 { margin-bottom: 20px; font-size: 23px; font-weight: medium; }
.buyfromus .right { padding-right: 40px; }
.buyfromus .right .inner { background: #f6f6f6; padding: 30px; text-align: left; text-align: center; border-radius: 10px; color: #000; }
.buyfromus .left p { margin: 14px 0 4px 0; font-weight: 600; line-height: 22px; }
.buyfromus .left .fld { width: 300px; }
.buyfromus .step { display: none; }
.buyfromus .step1 { display: block; }
.buyfromus button { margin-right: 0; }

.bodybox { position: relative; }
.bodytypesel { position: relative; width: 100%; padding: 9px 10px 4px 82px !important; border-radius: 4px; border: 1px solid #ccc; background: #fff; height: 38px !important; margin: 0 !important; }
.bodytypesel { background-position: 11px center !important; }
.bodytypesel::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 9px;
	height: 9px;
	border-right: 2px solid #120CE9;
	border-bottom: 2px solid #120CE9;
	pointer-events: none;
}
.bodytype { position: absolute; width: 100%; left: 0; top: 38px; border: 1px solid #120CE9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 10px 0 10px; background: #fff; z-index: 10; }
.bodybox .item { height: 30px; background-position: left center; background-repeat: no-repeat; margin: 3px 7px; padding: 5px 0 0 74px; color: #77829B;
text-transform: uppercase; font-size: 12px; cursor: pointer; }
.bodybox .item:hover { color: #120ce9; }
.bodybox .item.micro { background-image: url('../img/carbody/carbody-micro.png'); }
.bodybox .item.micro:hover { background-image: url('../img/carbody/carbody-micro-on.png'); }
.bodybox .item.sedan { background-image: url('../img/carbody/carbody-sedan.png'); }
.bodybox .item.sedan:hover { background-image: url('../img/carbody/carbody-sedan-on.png'); }
.bodybox .item.cuv { background-image: url('../img/carbody/carbody-cuv.png'); }
.bodybox .item.cuv:hover { background-image: url('../img/carbody/carbody-cuv-on.png'); }
.bodybox .item.suv { background-image: url('../img/carbody/carbody-suv.png'); }
.bodybox .item.suv:hover { background-image: url('../img/carbody/carbody-suv-on.png'); }
.bodybox .item.hatchback { background-image: url('../img/carbody/carbody-hatchback.png'); }
.bodybox .item.hatchback:hover { background-image: url('../img/carbody/carbody-hatchback-on.png'); }
.bodybox .item.roadster { background-image: url('../img/carbody/carbody-roadster.png'); }
.bodybox .item.roadster:hover { background-image: url('../img/carbody/carbody-roadster-on.png'); }
.bodybox .item.pickup { background-image: url('../img/carbody/carbody-pickup.png'); }
.bodybox .item.pickup:hover { background-image: url('../img/carbody/carbody-pickup-on.png'); }
.bodybox .item.van { background-image: url('../img/carbody/carbody-van.png'); }
.bodybox .item.van:hover { background-image: url('../img/carbody/carbody-van-on.png'); }
.bodybox .item.coupe { background-image: url('../img/carbody/carbody-coupe.png'); }
.bodybox .item.coupe:hover { background-image: url('../img/carbody/carbody-coupe-on.png'); }
.bodybox .item.supercar { background-image: url('../img/carbody/carbody-supercar.png'); }
.bodybox .item.supercar:hover { background-image: url('../img/carbody/carbody-supercar-on.png'); }
.bodybox .item.campervan { background-image: url('../img/carbody/carbody-campervan.png'); }
.bodybox .item.campervan:hover { background-image: url('../img/carbody/carbody-campervan-on.png'); }
.bodybox .item.minitruck { background-image: url('../img/carbody/carbody-minitruck.png'); }
.bodybox .item.minitruck:hover { background-image: url('../img/carbody/carbody-minitruck-on.png'); }
.bodybox .item.cabrio { background-image: url('../img/carbody/carbody-cabrio.png'); }
.bodybox .item.cabrio:hover { background-image: url('../img/carbody/carbody-cabrio-on.png'); }
.bodybox .item.minivan { background-image: url('../img/carbody/carbody-minivan.png'); }
.bodybox .item.minivan:hover { background-image: url('../img/carbody/carbody-minivan-on.png'); }
.radioslide { border: 1px solid #888; border-radius: 20px; width: 100%; height: auto; }
.radioslide .left, .radioslide .right { width: 48%; float: left; border-radius: 20px; margin: 2px 1%; text-align: center; padding: 7px; cursor: pointer; }
.radioslide .right { float: right; }
.radioslide .active { background: #888; border-radius: 20px; color: #fff; }
.radioslide .active:hover { background: #555; }

.featsel { margin: 16px -17px 0 -17px; }
.featfilter { padding: 3px 7px 3px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: pointer; position: relative; }
.featfilter i { position: absolute; right: 21px; top: 7px; }
.subfeat { display: none; position: absolute; left: 250px; top: 0; background:	#EFEFEF; border: 1px solid #ddd; border-radius: 10px; padding: 10px 17px; z-index: 10; min-width: 300px; }
.featfilter span.line { display: block; }
.subfeat label { display: block; cursor: pointer; font-size: 15px;}
.subfeat label:hover { color: #666; }
.subfeat h5 { padding: 0 0 0 25px; font-size: 18px; }
.subfeat h5 i { position: absolute; right: none; left: 17px; top: 11px; }
.featfilter:hover { background: #ccc; }
.featfilter .num { font-size: 13px; color: #666; }
.filtertag { display: inline-block; width: auto; background: #666; color: #fff; border-radius: 10px; padding: 3px 14px 4px 27px; margin: 4px 7px; font-size: 13px; position: relative; cursor: pointer; }
.filtertag:after { position: absolute; left: 11px; top: 4px; line-height: 16px; display: block; content: 'x'; font-size: 15px; }
#filtersselected { margin-bottom: 14px; }

.topfiltertag { display: inline-block; width: auto; background: #FF6A2A; color: #fff; border-radius: 5px; padding: 5px 14px 4px 14px; margin: 4px 7px; font-size: 13px; position: relative; cursor: pointer; border: 1px solid #333; }
.topfiltertag i { color: #fff; font-size: 18px; margin-right: 7px}
.topfiltertag .allfiltersnum { font-size: 14px; font-weight: 600; }
#mobifiltersselected { display: block; position: absolute; top: 1px; right: 10px; width: 300px; white-space: nowrap; overflow: auto; }
.car__filter__option .col1 { float: left; width: 32%; }
.car__filter__option .col2 { float: left; width: 38%; }
.car__filter__option .col3 { float: right; padding-top: 5px; width: 25%; text-align: right; }

.half { width: 49%; float: left; padding: 0 1%; }
.half.rf { width: 49%; float: right; }

section.login, section.bgpaths { background: #F4F4F4; background-image: url('../img/login-bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; }
section.login { padding-top: 100px; padding-bottom: 140px; }

.logintabs .tab { display: inline-block; padding: 7px 50px; font-size: 20px; color: #120CE9; font-weight: 600; cursor: pointer; transition: none; }
.logintabs .tab.active { background: none; border: 1px solid #A1ADC9; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #fff; margin-bottom: -1px; color: #000; background: #fff; cursor: default; }

.logintabs .tabcontent { display: none; border: 1px solid #A1ADC9; border-radius: 10px; padding: 40px 0 20px 40px; background: #fff; }
.logintabs .tabcontent.active { display: block; }
.logintabs .tabcontent.login { border-top-left-radius: 0; }
.logintabs .tabcontent input[type=password], .logintabs .tabcontent input[type=text], .logintabs .tabcontent input[type=email], .logintabs .tabcontent select { border: 1px solid #A1ADC9; border-radius: 5px; background: #fff; padding: 9px 16px; height: 50px; }
.logintabs .tabcontent label { color: #000; font-size: 14px; }
.logintabs .tabcontent.signup label { color: #000; font-size: 16px; font-weight: 600; }
.logintabs .tabcontent.signup .half { width: 46%; }
.logintabs .tabcontent.signup .half.rf { padding-right: 5%; }
.logintabs .tabcontent.signup p { font-size: 16px; font-weight: bold; text-align: left; } 
.logintabs .tabcontent.signup h2 { margin-bottom: 20px; font-size: 30px; font-weight: bold; margin-top: 30px; }
.logintabs .tabcontent.signup h2 span { color: #FF6A28; }
.logintabs .tabcontent.signup img { margin-top: 20px; }
.logintabs .tabcontent input::placeholder { color: #A1ADC9; opacity: 1; font-size: 16px; }
.logintabs .tabcontent input.btn, .logintabs .tabcontent button { background: #120CE8; color: #fff; border-radius: 10px; line-height: 18px; padding: 11px 30px 17px 30px; font-size: 18px; }
.logintabs .tabcontent input.btn:hover { background: #0a06a1; }
.logintabs .tabcontent .or { text-align: center; padding: 11px 0; }
.logintabs .tabcontent button { background: none; color: #000; display: block; width: 100%; padding: 7px 0; border: 2px solid #120CE8; }
.logintabs .tabcontent button:hover { color: #0a06a1; }
.logintabs .tabcontent button img { width: 19px; height: 19px; margin-right: 11px; }

.logintabs .tabcontent .half { padding: 0 0 11px 0; }
.logintabs .tabcontent a { color: #120CE9; }
.logintabs .tabcontent a.small { font-size: 14px; }

h2.big-blue { font-size: 45px; color: #000; line-height: 60px; font-weight: bold; }
h2.big-blue span { color: #120CE9; }

.team { display: none; }
.team.active { display: block; }
.team .item { background: #EBEBFF; margin: 20px 0; padding: 0 0 5px 0; border-radius: 10px; }
.team .item h3 { font-size: 18px; margin: 14px 0 5px 0; padding: 0 17px; font-weight: 600; }
.team .item p.title { font-size: 14px; padding: 0 17px; font-weight: 600; }
.team .item p { padding: 0 17px; }
.team .item img { border-top-left-radius: 10px; border-top-right-radius: 10px; filter: grayscale(100%); }
.team .item:hover img { filter: none; }
.teamnav, .promosnav { background: #fff; border-radius: 10px; margin-bottom: 14px; }
.teamnav span, .promosnav span { display: inline-block; color: #77829B; font-size: 14px; width: 17%; margin: 0 1%; padding: 15px 2%; text-align: center; cursor: pointer; }
.teamnav span.active, .promosnav span.active { border: 1px solid #120CE9; background: #EBEBFF; border-radius: 10px; }
.promosnav span { width: 22%; }
.teamnav span { padding: 12px 2% 7px 2%; line-height: 12px; font-weight: bold; }
.teamnav span span { display: block; width: 100%; font-size: 11pt; font-weight: normal; }
.teamnav span:hover { color: #333; }

.promos { display: none; }
.promos.active { display: block; }
.promos .item { background: #EBEBFF; margin: 20px 0; padding: 0 0 5px 0; border-radius: 10px; }
.promos .item h3 { font-size: 18px; margin: 14px 0 5px 0; padding: 0 17px; font-weight: 600; }
.promos .item p { font-size: 14px; padding: 0 17px; font-weight: 600; }
.promos .item img { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.promos .item .linkblue { float: right; border: none; background: none; color: #120CE9; font-size: 16px; margin: -11px 11px 14px 0;}

.leasingsidebar { background: #fff; padding: 30px 20px; border-radius: 10px; margin-bottom: 20px; }
.insurancesidebar { padding: 0; border-radius: 10px; margin-bottom: 20px; }
.leasingsidebar h3, .insurancesidebar h3 { font-size: 21px; font-weight: bold; }
.cleanform { padding-top: 20px; }
.cleanform label { display: block; margin: 14px 0 4px 0; font-weight: 600; line-height: 22px; font-size: 12px; color: #77829B; }
.cleanform select { border-radius: 10px; }
.cleanform .showval { display: block; margin-top: 3px; color: #120CE9; font-size: 12px; text-align: right; font-weight: 600; }
.leasingsidebar .monthly { background: #EBEBFF; padding: 21px 16px; margin-top: 14px; position: relative; }
.leasingsidebar .monthly .lbl { display: block; font-size: 11px; color: #77829B; border-bottom: 1px solid #77829B; padding-bottom: 5px; }
.leasingsidebar .monthly .lbl2 { position: absolute; left: 16px; top: 45px; color: #77829B; font-size: 11px; }
.leasingsidebar .monthly .lbl span { float: right; font-size: 16px; color: #000; font-weight: bold; margin-top: -4px; }

.tabacordeon .toolbar { float: left; width: 100px; }
.tabacordeon .tab { display: block; padding: 70px 0 20px 0; text-align: center; font-size: 13px; color: #77829B; border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: relative; cursor: pointer; }
.tabacordeon .tab:before { position: absolute; left: 0; top: 17px; display: block; width: 100%; height: 51px; content: ' '; background-repeat: no-repeat; background-position: center center; }
.tabacordeon .tab.finance:before { background-image: url('../img/leasing-finance.png'); }
.tabacordeon .tab.finance.active:before { background-image: url('../img/leasing-finance-on.png'); }
.tabacordeon .tab.operativen:before { background-image: url('../img/leasing-operativen.png'); }
.tabacordeon .tab.operativen.active:before { background-image: url('../img/leasing-operativen-on.png'); }
.tabacordeon .tab.obraten:before { background-image: url('../img/leasing-obraten.png'); }
.tabacordeon .tab.obraten.active:before { background-image: url('../img/leasing-obraten-on.png'); }
.tabacordeon .tab.fast:before { background-image: url('../img/leasing-fast.png'); }
.tabacordeon .tab.fast.active:before { background-image: url('../img/leasing-fast-on.png'); }
.tabacordeon .tab.casco:before { background-image: url('../img/ins-casco.png'); }
.tabacordeon .tab.casco.active:before { background-image: url('../img/ins-casco-on.png'); }
.tabacordeon .tab.grad:before { background-image: url('../img/ins-grad.png'); }
.tabacordeon .tab.grad.active:before { background-image: url('../img/ins-grad-on.png'); }
.tabacordeon .tab.resistall:before { background-image: url('../img/icon_resistall.png'); }
.tabacordeon .tab.resistall.active:before { background-image: url('../img/icon_resistall.png'); }

.tabacordeon .tab.newauto:before { background-image: url('../img/partners-newauto.png'); }
.tabacordeon .tab.newauto.active:before { background-image: url('../img/partners-newauto-on.png'); }
.tabacordeon .tab.oldauto:before { background-image: url('../img/partners-oldauto.png'); }
.tabacordeon .tab.oldauto.active:before { background-image: url('../img/partners-oldauto-on.png'); }
.tabacordeon .tab.advertise:before { background-image: url('../img/partners-advertise.png'); }
.tabacordeon .tab.advertise.active:before { background-image: url('../img/partners-advertise-on.png'); }

.tabacordeon .tab.active { color: #120CE9; background: #fff; }
.tabacordeon .content { float: right; width: calc(100% - 100px); background: #fff; border-radius: 10px; border-top-left-radius: 0; padding: 30px 40px; }
.whitecontent { background: #fff; border-radius: 10px; padding: 30px 40px; }
.tabacordeon .tabcontent { display: none; min-height: 490px; }
.tabacordeon .tabcontent.active { display: block; }
.insurance .feat { font-size: 18px; color: #77829B; padding: 7px 0; }
.insurance .feat span { color: #000; font-weight: bold; }
.insurance h3 { padding-top: 14px; margin-bottom: 30px; }
.insurance .bluebut { position: absolute; top: 0px; right: 90px; }
.insurance .quote { display: inline-block; background: #ebebff !important; padding: 14px 21px; border-radius: 5px; margin-top: 30px; width: auto; }
.insurance .quote h5 { font-size: 12px; color: #77829B; font-weight: bold; border-bottom: 1px solid #77829B; padding-bottom: 4px; }
.insurance .quote .price { font-size: 60px; color: #120CE9; font-weight: bold; }
.insurance .note { margin: 10px 0 0 0; font-size: 12px; color: #77829B; }

#insformpopup, #protectformpopup, #leasingformpopup, #partnerformpopup, #promosformpopup, #pricehistorypopup { position: absolute; top: 100px; width: 780px; background: #fff; border-radius: 10px; display: none; padding: 30px 40px; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
#promosformpopup { position: fixed; top: 60px; width: 380px; }
#protectformpopup, #leasingformpopup { width: 380px; }
#pricehistorypopup { z-index: 9999; }
#insformpopup h3, #protectformpopup h3, #leasingformpopup h3, #partnerformpopup h3, #protectformpopup.subtitle, #insformpopup .subtitle, #leasingformpopup .subtitle, #partnerformpopup .subtitle, #pricehistorypopup .subtitle { text-align: center; }
#promosformpopup  .closeorange, #insformpopup .closeorange, #protectformpopup .closeorange, #leasingformpopup .closeorange, #partnerformpopup .closeorange, #pricehistorypopup .closeorange { left: auto; right: 20px; }
#insformpopup .half, #protectformpopup .half, #leasingformpopup .half, #partnerformpopup .half { padding: 10px 2%; }
#insformpopup h4, #protectformpopup h4, #leasingformpopup h4, #partnerformpopup h4, #insformpopup label, #protectformpopup label, #leasingformpopup label, #partnerformpopup label, #pricehistorypopup h4, #pricehistorypopup label { font-size: 16px; color: #A1ADC9; }
#insformpopup label, #protectformpopup label, #leasingformpopup label, #partnerformpopup label, #pricehistorypopup label { color: #000; }

.blog .item { background: #fff; border-radius: 10px; padding: 0 0 19px 0; margin-bottom: 21px; }
.blog .item img { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.blog .item h2 { font-size: 20px; margin: 11px 19px; height: 75px; overflow: hidden; 4:43 PM}
.blog .item h2 a { color: #000; }
.blog .item .tpub { display: inline-block; margin-left: 19px; color: #444; font-size: 14px; }
.blog .item .more { display: inline-block; float: right; margin: -2px 19px 0 0; font-size: 18px; font-weight: 600; }
.blog .item .more a { color: #120CE9; }
.blog .item .more a i { margin-left: 4px; }
.blog .item .more a:hover { color: #171492; }
.article { font-size: 18px; }
.square { display: grid; align-items: center; font-weight: 700; font-size: 18px; }
.square h2 { font-size: 30px; margin-bottom: 14px;}
.hpad20p { padding-left: 10%; padding-right: 10%; }

.googlereviews .item, .partnerreviews .item { float: left; width: 28%; margin: 20px 2%; background: #fff; border-radius: 10px; padding: 20px 30px; border: 1px solid #A1ADC9; }
.googlereviews .item h3, .partnerreviews .item h3 { font-size: 15px; font-weight: 600; margin: 9px 0 17px 0; }
.googlereviews .item .rating, .allgrate .fa { color: #FF6A2A; margin-right: 4px; }
.googlereviews img { float: left; margin: 0 14px 3px 0; }
.about img { margin-bottom: 16px; }
.video-container { position: relative; width: 100%; }
.video-container video { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; background-color: black; }
.vjs-poster img { object-fit: cover !important; }

.termspage { font-size: 17px; color: #000; }
.termspage li { margin: 20px 0; }
.termspage ul, .termspage ol { margin-left: 30px; }
.termspage p { margin: 14px 0; font-size: 17px; color: #000; }
.pg404 a { display: inline-block; color: #120CE9; font-size: 18px; margin: 60px 0 0 0; }
.pg404 a img { margin-right: 11px; }

.owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; background-color: rgba(0, 0, 0, 0.3); color: white; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.owl-prev { left: 10px; }
.owl-next { right: 10px; }
.owl-prev:hover, .owl-next:hover { background-color: rgba(0, 0, 0, 0.8); }

@media only screen and (min-width: 768px) {
	.featfilter:hover .subfeat { display: block; }
	.topfiltertag, .subfeat h5, #mobifiltersselected { display: none; }
	.square h2 { margin-bottom: -30px; }
}
.allgrate { text-align: center; padding: 11px 0; }
.allgrate h3 { font-size: 14pt; color: #333; }
.offermenu { position: absolute; bottom: 45px; border-top: 1px solid #555; border-bottom: 1px solid #555; left: 0; width: 100%; background: #eee; padding: 14px 7px; z-index: 100; box-shadow: 0 -3px 3px rgba(0,0,0,0.2); display: none; }
.offermenu a { display: block; border-bottom: 1px solid #aaa; padding: 3px 7px; }
.offermenu a:hover { background: #fff; }
.lnk { cursor: pointer; color: #007bff !important; }
.promooffer p, .promooffer .cleanform label { color: #000; font-size: 14px; }

@media only screen and (max-width: 365px) {
	.buttons_fixed a {
		font-size: 13px !important;
	}

	.car__item__price .car-option-2 {
		font-size: 11px !important;
	}

	.car__item__price .car-option-1 {
		font-size: 11px !important;
	}
}

@media only screen and (max-width: 768px) {
	#CookiebotWidget {
		display: none !important;
	}

	.free_resist {
		font-size: 11.5px !important;
	}

	.insurance .bluebut { position: relative; top: 0px; right: 0px; }

	section.hero { height: 400px; background-position: -10px -40px; background-size: cover; background-image: url('../../newbanners/atara-main-banner-mobile.png?v=1'); }
	section.hero.spad {
		padding-top: 25px !important;
	}
	section.hero h1 { font-size: 25px; padding: 30px; }
	section.hero h2 { font-size: 21px; margin-bottom: 35px; }
	/* .headsearch p { margin: 12px 0 3px; 0; } */
	.headsearch .searchbut { display: block; max-width: 200px; margin: 20px auto 5px auto; }
	h2.feat { margin-top: 30px; text-align: center; }
	.hpad10pl, .hpad10pr { padding-left: 3%; padding-right: 3%; text-align: center; }
	.mmt30 { margin-top: 30px; }
	.iconsfeats { text-align: center; }
	.servitem { margin-bottom: 14px; padding: 14px 29px; }
	.orangebut { display: block !important; margin: 30px auto 10px auto !important; padding: 14px 20px; max-width: 70%; text-align: center; }
	.grid-item { width: 100%; }
	.navicon img { width: 19px; height: 19px; }
	.navicon { padding: 7px 7px 4px 7px; font-size: 11px; }
	.topmail { padding: 0 0 5px 10px; font-size: 14px; }
	.topassistant { font-size: 13px; padding-bottom: 3px; }
	.header__top { border-bottom: 1px solid #ccc; padding-top: 7px; }
	.header__top .col-lg-6 { width: 50%; }
	.header__top__right img { height: 17px; }
	a.subtab, button.subtab { display: block; width: 290px; margin: 14px auto; }
	.whycard { width: 96%; margin: 10px auto; }
	.carprops ul li { width: 96%; }
	.grid-container { display: block; }
	.grid-item { width: 96%; margin: 10px auto; }
	.contactbanner { width: 96%; margin: 0 auto; padding: 30px 20px; }
	.contactbanner .buts { float: none; display: block; }
	.subfeat label { padding: 3px 0; }
	.sidesearch, #filtersselected { display: none; }
	.sidesearch .butwrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; background: #EFEFEF; padding: 9px 0; border-top: 1px solid #777; }
	.subfeat { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; }
	.filtertag { background: #EBEBFF; color: #000; border-radius: 5px; padding: 5px 14px 5px 27px; }
	.car__filter__option { position: relative; margin-top: 7px; }
	.car__filter__option .col1, .car__filter__option .col2, .car__filter__option .col3 { float: none; width: 100%; margin: 3px 0; }
	.car__filter__option .col3 { display: none; position: absolute; top: 9px; right: 19px; white-space: nowrap; }
	/* #filterform { margin-bottom: 100px; } */
	.logintabs .tabcontent .content.half { float: none; width: 90%; }
	.buyfromus .left { margin-bottom: 30px; padding: 0 20px; }
	.buyfromus .right { padding-right: 20px; }
	.sideslidepanel { width: 100%; }
	h2 { text-align: center; }
	.cmob { text-align: center; }
	.tabacordeon .toolbar { float: none; width: 100%; }
	.tabacordeon .tab { float: left; width: 80px; min-height: 91px; padding: 45px 0 14px 0; text-align: center; line-height: 13px; font-size: 11px !important; color: #77829B; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0; position: relative; cursor: pointer; font-size: 10px; }
	.tabacordeon .tab:before { background-size: contain; left: 28px; top: 12px; width: 23px; height: 26px; }
	.tabacordeon .content { float: none; width: 100%; }
	.tabacordeon .content { padding: 20px 25px; }
	#insformpopup { position: absolute; width: 95%; }
	#insformpopup .half { padding: 0; width: 100%; }
	.insurancesidebar { display: none; }
	.casco .bluebut { float: none; position: relative; right: auto; top: auto; margin: 0 auto 20px 0; }
	.googlereviews .item, .partnerreviews .item, .avatarright { float: none; width: 94%; margin: 20px auto; }
	/* body { padding-top: 60px;} */
	.header { margin-bottom: 20px; padding-top: 0 !important; position: fixed; width: 100%; background: #fff; padding-bottom: 10px; z-index: 100; top: 0; left: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
	.promosnav, .teamnav { background: none; }
	.promosnav span, .teamnav>span { font-size: 12px; width: 46%; padding: 7px 1%; margin: 7px 1%; background: #fff; border-radius: 10px; }
	.mobibr { display: block; }
	.team .item img { width: 100%; }
	#filterfixed { position: fixed; top: 66px; z-index: 11; background: #fff; left: 0; width: 100%; border-bottom: 1px solid #999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
	.logintabs .tab { font-size: 18px; padding: 5px 25px;}
}










.grecaptcha-badge { 
    visibility: hidden !important;
}

.dealer-button {
	padding: 10px 15px;
	border: solid 1px #120CE8;
	color: black;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px; 
}

.graybut {
	background-color: #ccc !important;
	border: solid 2px #ccc;
	color: #000 !important;
	cursor: default;
	font-weight: bold;
	margin-top: 30px; 
	border-radius: 10px;
	padding: 14px 11px;
}

.loader_r {
    width: 20px;
    height: 20px;
    border: 3px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 




/* .adsense__ {
	display: none;
} */

.carprops ul li {
	color: #000 !important;
}

.carprops ul li span {
	color: #000 !important;
}

.car__item__text__inner ul li {
	color: #000 !important;
}

.advantages ul li span {
	font-size: 14px;
}

.advantages .accordion-toggle:after {
	font-family: 'FontAwesome', 'Montserrat', sans-serif;
	content: "\f00d";
	margin-left: auto; 
	color: grey;  
}

.advantages .accordion-toggle.collapsed:after {
	content: "\f054";
}

.advantages .accordion-toggle, 
.advantages .card-header a {
	font-size: 20px !important;
}


.car-preview {
	width: 100%;
	height: 230px;
	z-index: 1;
}

.car-preview .swiper-button-prev:after, 
.car-preview .swiper-button-next:after {
	font-size: 12px !important;
	padding: 12px 15px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
}

.car-preview .swiper-pagination {
	transform: translateX(-50%);
	width: auto !important;
	left: 50% !important;
	/* background-color: #FFF; */
	display: flex;
	padding: 1px;
	/* border: solid 1px #000; */
	/* border-radius: 5px; */
}

.car-preview .swiper-pagination-bullet {
	background-color: #444;
	width: 6px;
	height: 6px; 
	margin: 0px 2px !important;
}

.car-preview .swiper-pagination-bullet-active {
	background-color: #000;
}

.car-preview .swiper-slide {
	width: 100%;
	height: 100%;
}

.car-preview .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	border-top-right-radius: 10px !important; 
	border-top-left-radius: 10px !important; 
	object-fit: cover;
}


.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw; 
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 300;
}

.header {
	z-index: 9999;
}

.popup-leads-form {
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	position: fixed;
	bottom: -80%;
	height: 80%;
	overflow: scroll;
	left: 0;
	z-index: 9999;
	width: 100%;
	background-color: #FFF;
	display: none;
}





.breadcrumbs,
.breadcrumbs a {
	color: #000;
	font-size: 11px;
}

.breadcrumbs i {
	font-size: 9px !important;
}

.breadcrumbs a {
	text-decoration: underline;
}



.offer_tags,
.offer_tags a {
	color: #000;
	text-decoration: underline;
	font-size: 11px;
	margin-right: 10px;
	text-transform: italic;
}




.pswp__custom-caption {
	background: rgba(255, 106, 40, 0.75);
	font-size: 16px;
	color: #fff;
	width: calc(100% - 32px);
	max-width: 400px;
	padding: 2px 8px;
	border-radius: 4px;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
}
.pswp__custom-caption a {
	color: #fff;
	text-decoration: underline;
}
	
.hidden-caption-content {
	display: none;
}

.pswp {
	background: #000;
}

.mySwiper_1 {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0 !important;
}

.pswp__item {
	opacity: 1 !important;
	background: #000;
}

.mySwiper_2 .swiper-button-next,
.mySwiper_2 .swiper-button-prev {
	color: white;
}

.mySwiper_2 .swiper-button-next svg,
.mySwiper_2 .swiper-button-prev svg {
	display: none;
}

.pswp__img {
	opacity: 1 !important;
	background: #000;
}

.pswp--touch .pswp__button--arrow {
	visibility: visible !important;
}

.mySwiper_1 .swiper-slide {
	background: #f2f2f2;
	height: 100%;
	opacity: 0.4;
	cursor: pointer;
}

.mySwiper_2 .swiper-slide {
	background: #f2f2f2;
}

.mySwiper_1 .swiper-slide-thumb-active {
	opacity: 1;
}

.mySwiper_1 .swiper-slide img,
.mySwiper_2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}































.top_header .nav-link,
.top_header .dropdown-item {
	font-size: 0.85em;
	color: #000;
}

.top_header .nav-link:hover,
.top_header .dropdown-item:hover {
	color: #000;
	text-decoration: underline;
}

.top_header .nav-link:focus,
.top_header .dropdown-item:focus {
	color: #000;
	text-decoration: underline;
}

.top_header .navbar .dropdown-menu {
	left: auto;
	right: 0;
	box-sizing: border-box;
}

.top_header .dropdown-item {
	display: inline-block;
	padding: 0;
}

.top_header .dropdown-item:hover {
	background: none;
	text-decoration: underline;
}

.top_header .dropdown-menu {
	display: block;
	padding: 20px 30px;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	transform: translateY(10px);
	border: 1px solid #000 !important;
}

.top_header .dropdown.show > .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.top_header .devider-menu {
		margin: 15px 0 15px 0;
		border-top: solid 1px #ccc;
	}

@media (min-width: 992px) {
	.top_header .dropdown-user > .dropdown-menu {
		width: 320px;
		min-width: 320px;
	}

	.top_header .dropdown-services > .dropdown-menu {
		width: 480px;
		min-width: 480px;
		height: 250px;
		min-width: 250px;
		background-position: bottom right;
		background-image: url(../img/dd-bg.png);
		background-repeat: no-repeat;
	}

	.top_header .hover-dropdown {
		position: relative;
	}

	.top_header .hover-dropdown::after {
		content: '';
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 10px; 
	}

	.top_header .hover-dropdown:hover > .dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	.top_header .nav-link,
	.top_header .dropdown-item {
		font-size: 0.65em;
		color: #000;
	}
}


@media (max-width: 991px) {
	.top_header .collapsing {
		transition: none !important;
		height: auto !important;
	}

	.top_header .navbar-toggler {
		font-size: 1em;
	}

	.top_header .navbar-toggler {
		font-size: 0.9em;
		color: #000;
	}

	.top_header .navbar-toggler .fa-bars {
		font-size: 1.5em;
		color: #000;
	}

	body.menu-open {
		overflow: hidden;
		height: 100vh;
		touch-action: none;
	}

	.top_header .dropdown-menu {
		border: none !important;
		padding: 0;
	}

	.top_header .dropdown-item {
		margin-bottom: 10px;
	}

	.top_header .dropdown-user > .dropdown-menu {
		margin-top: 10px;
	}

	.top_header .dropdown-services > .dropdown-menu {
		padding: 0 20px;
	}

	.top_header .nav-link,
	.top_header .dropdown-item {
		font-size: 1em;
		color: #000;
	}

	.top_header .overlay-menu {
		position: fixed;
		top: 76.99px;
		left: 0;
		z-index: 9999 !important;
		width: 100%;
		height: calc(100vh - 76.99px);
		background: #fff;
		z-index: 1100;
		overflow-y: auto;
		padding: 0 30px 20px 30px;
	}

	.top_header .dropdown-menu {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		transition: none;
		position: static;
		box-shadow: none;
	}

	.top_header .dropdown-toggle::after {
		display: none;
	}
}

.home_articles .article___ h3 {
	color: #FFF; 
	font-weight: normal;
	background: rgba(0,0,0,0.8); 
	font-size: 1.5em; 
	padding: 20px; 
	position: absolute; 
	bottom: 0; 
	left: 0;
}

.home_articles .article___ {
	border: solid 1px #000; 
	position: relative;
	height: 300px; 
	background-position: center top; 
	background-repeat: no-repeat; 
}

.prefooter___ {
	background: #29302f;
}

.prefooter___ h5 {
	color: #FFF; 
	font-size: 0.9em;
}

.prefooter___ .btn-link {
	color: #FFF; 
	text-decoration:none; 
	font-size: 1em; 
	border-bottom: solid 1px #414948;
}

.prefooter___ .footer__about {
	color: #FFF !important; 
	text-decoration:none; 
	font-size: 1em; 
}

.prefooter___ .footer__about a {
	color: #FFF !important; 
}

.prefooter___ .footer__about p {
	color: #FFF !important; 
}

.prefooter___ li a,
.footer___ li a {
	color: rgb(194, 201, 200); 
	font-size: 0.85em;
}


.footer___ {
	background: rgb(20, 24, 23);
}

.footer___ h6 {
	color: #c2c9c8; 
	font-size: 0.7em;
}

#loader-wrapper {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0.7;
	background-color: #000;
	z-index: 99;
	color: #FFF; 
	padding: 0 20px;
}

#loader-wrapper > div {
	display: flex; 
	align-items: center; 
	justify-content: center;
}

.home_wrapper_all h1,
.home_wrapper_all h2,
.home_wrapper_all h3,
.home_wrapper_all h4,
.home_wrapper_all h5 {
	text-align: left !important;
}

.home_wrapper_all h1,
.home_wrapper_all h2,
.home_wrapper_all h3,
.home_wrapper_all h4,
.home_wrapper_all h5,
.home_wrapper_all h6,
.home_wrapper_all a {
	/* font-family: 'Graphik', sans-serif; */
	font-family: "Montserrat", sans-serif;
}

.home_popular_searches button.collapsed:after {
	content: "\f078";
	font-size: 12px;
}
	
.home_popular_searches button:after {
	font-family: 'FontAwesome', 'Montserrat', sans-serif;
	content: "\f077";
	margin-left: auto; 
	font-size: 12px;
	color: #000;  
}

.home_sell_your_car > div {
	border-top: solid 1px #eee;
}

.home_sell_your_car .separator {
	gap: .5rem;
	color: #52605e;
	align-items: center;
}

.home_categories #categories-tabs {
	border: none;
}

.home_categories #categories-tabs .nav-link {
	background: #f0f2f1;
	margin-right: 10px;
	border: none;
	color: #000;  
	border-radius: 20px;
	font-size: 0.85em !important;
	border-bottom: solid 2px transparent;
}

.home_categories #categories-tabs .nav-link.active {
	background: #000;
	border: none;
	color: #FFF;
	font-size: 0.85em !important;
	font-weight: bold !important;
}

.home_categories .category-card {
	display: flex;
}

.home_categories .category-card > div {
	border: solid 1px #eee; 
	border-radius: 10px; 
	font-size: 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(68,89,88,.1); 
	box-shadow: 0px 0px 10px 0px rgba(68,89,88,.1); 
	background-color: rgba(255,255,255, 1);
}

.home_categories .category-card a:last-child {
	margin-top: auto;
}

.home_categories .category-card a {
	color: #000; 
	/* font-weight: bold; */
	font-size: 16px;
}

.home_categories .category-card > div > h3 > a {
	font-weight: bold !important;
}

.home_categories .category-card > div > h2 {
	font-size: 1.4em !important;
}

.home_categories .bottom-links a {
	text-decoration: underline;
	color: #000 !important;  
	font-size: 1em; 
	font-weight: bold;

}	

.home_deals h2 {
	font-size: 1.6em;
}

.home_deals .left-side {
	border-radius: 10px; background-color: #e6f4f5;
}

.home_deals .right-side {
	border-radius: 10px; 
	border: solid 1px #e6f4f5;
}

.home_deals .btn,
.home_ready .btn,
.home_garage .btn {
	border: solid 1px transparent;
	border-radius: 15px;
	font-weight: 600;
	color: #FFF;
	font-size: 13px;
}

.home_deals .btn,
.home_sell_your_car .btn {
	border-radius: 30px;
	padding: 10px 20px;
}

.home_garage .btn {
	border-radius: 30px;
	padding: 10px 20px;
}

.home_deals .btn.white,
.home_ready .btn.white,
.home_sell_your_car .btn.white,
.home_garage .btn.white {
	border: solid 1px #000;
	color: #000;
	background-color: #FFF;
}

.home_deals .btn.black,
.home_ready .btn.black {
	background-color: #000;
}

.home_ready .le {
	background-color: #e6f4f5; background-position: 300px 50px; background-size: 40%; background-image: url(../newbanners/home/icon1.png); background-repeat: no-repeat; border-radius: 10px; border: solid 1px#e6f4f5;
}

.home_top .home_background_text {
	position: absolute; 
}

.home_top .home_background_text h2 {
	text-align: end;
	padding: 10px 10px 10px 10px; 
}

@media (max-width: 767px) {
	.home_ready .le > div {
		margin-top: 140px;
	}

	.home_ready .le {
		background-position: center 20px !important;
	}

	#categories-tabs {
		justify-content: center;
	}

	.home_popular_searches ul {
		column-count: 1;
	}

	.home_deals .right-side > div {
		width: 100%;
	}

	.home_deals .right-side .btn {
		width: 100%;
	}

	.home_top .home_background_mobile {
		background-position: -260px center; 
		background-size: cover; 
		background-repeat: no-repeat; 
		min-height: 250px; 
		background-image: url('../newbanners/home/dongfeng-hero.webp?v=1');
	}

	.home_top .home_filters_box {
		width: 100%; 
		display: block; 
		background-color: rgb(240, 242, 241); 
	}

	.home_sell_your_car .separator:after,
	.home_sell_your_car .separator:before {
		height: 1px;
		width: 50%;
		background: #a3aeac;
		content: '';
		display: block;
	}

	.home_top .home_background_text {
		top: 10px !important; 
		left: 10px !important;
	}

	.home_top .home_background_text h2 {
		font-size: 1em !important;
		text-align: center !important;
		padding: 10px 10px 10px 10px !important; 
	}
}

@media (min-width: 767px) {
	.home_deals .right-side > div {
		width: 50%;
	}

	.home_popular_searches ul {
		column-count: 4;
	}

	.home_sell_your_car .separator {
		flex-direction: column;
	}

	.home_sell_your_car .separator:after,
	.home_sell_your_car .separator:before {
		height: 50%;
		width: 1px;
		background: #a3aeac;
		content: '';
		display: block;
	}

	.home_top .home_filters_box {
		width: 360px; 
		display: inline-block; 
		border-radius: 10px; 
		-webkit-box-shadow: 0px 10px 13px -7px #000000, 1px 5px 15px 5px rgba(0,0,0,0); 
		box-shadow: 0px 10px 13px -7px #000000, 1px 5px 15px 5px rgba(0,0,0,0); 
		background-color: rgb(240, 242, 241); 
	}

	.home_top .home_background {
		background-position: center center; 
		background-size: cover; 
		background-repeat: no-repeat; 
		min-height: 400px; 
		background-image: url('../newbanners/home/dongfeng-hero.webp?v=1');
	}

	.home_top .home_background_text {
		top: 78%; 
		right: 20px;
	}
}

.home_top h1 {
	font-size: 1.5em;
}

.home_top #filters-tabs .nav-link {
	background: none;
	border: none;
}

.home_top #filters-tabs .nav-link {
	background: none;
	color: #000 !important;  
	font-size: 0.85em !important;
	border-bottom: solid 2px transparent;
}

.home_top #filters-tabs .nav-link.active {
	background: none;
	font-size: 0.85em !important;
	font-weight: bold !important;
	border-bottom: solid 2px black;
}

.home_trending___ li a,
.home_popular_searches li a {
	color: #000; 
	text-decoration: underline; 
	font-size: 0.85em; 
	font-weight: bold;
}