/* do not delete comment! outfit - latin */
@font-face{
font-display:swap;
font-family: "Outfit";
font-style: normal;
font-weight: 700;
src: url("custom_fonts/outfit-v15-latin-700.woff2") format("woff2");
}

/* do not delete comment! outfit - latin */
@font-face{
font-display:swap;
font-family: "Outfit";
font-style: normal;
font-weight: 400;
src: url("custom_fonts/outfit-v15-latin-regular.woff2") format("woff2");
}

/* do not delete comment! outfit - latin */
@font-face{
font-display:swap;
font-family: "Outfit";
font-style: normal;
font-weight: 400;
src: url("custom_fonts/outfit-v15-latin-300.woff2") format("woff2");
}

/* GENERAL */

body{
    font-family: Outfit;
    font-weight: 400;
	/*overflow-x:hidden;*/
}

h1,
h2,
h3,
.h1,
.h2,
.h3{
	font-family: Outfit;
	font-weight: 700;
}

.zen-light-font {
	font-family: Outfit;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 4px;
	color: #424242;
}
.what-goes-round-comes-round{
	border-radius: 50%;
}

.justify{
	text-align:justify;
}
body a{
	transition: all .4s !important;
}

.relative{
	position:relative;
	z-index:2;
}
/*NAVBAR */
.navbar{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    z-index: 99;
	padding:0;
    height: 100px;
    border: none;
}
.navbar .container {
    border: none;
}
.nav-scroll .container {
    border: none;
}
.navbar .icon-bar {
    color: #fff;
}
.navbar .navbar-nav .nav-link {
    font-family: Outfit, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 1px;
	 padding:0.8rem;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;

}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:active,
.navbar .navbar-nav .nav-link:focus{
    color: #fff;
	opacity:0.9;
	text-decoration:underline;
}

.navbar .navbar-nav a.active {
    color: #000;
	background:#fff;
   border-radius:2rem;
}
.navbar .navbar-nav a.active:hover,
.navbar .navbar-nav a.active:active,
.navbar .navbar-nav a.active:focus{
    color: #000;
	background:#fff;
   border-radius:2rem;
}

.nav-scroll {
    background: #000;
    padding: 0;
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    border: none;
}
.nav-scroll .icon-bar {
    color: #fff;
}
.nav-scroll .navbar-nav .nav-link {
    color: #fff;
}

.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #fff;
}
.nav-scroll .logo-img {
    width: 130px;
}
.nav-scroll .logo-img {
    margin-bottom: 0;
}
.nav-scroll .logo-wrapper .logo h2 {
    font-family: Outfit, sans-serif;
    font-size: 30px;
    font-weight: 700;
    display: block;
    width: 100%;
    position: relative;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    line-height: 1.25em;
}
.nav-scroll .logo-wrapper .logo span {
    color: #f5b754;
}
@media (max-width: 991px) {
	.navbar{
		background:#000;
		height:auto;
		padding-top:15px;
		padding-bottom:15px;
	}

	.navbar .navbar-nav a.nav-link{
		color: #fff;
	}
	.navbar .navbar-nav .nav-link:hover,
	.navbar .navbar-nav .nav-link:focus,
	.navbar .navbar-nav .nav-link:active{
	    color: #000;
		background: #fff;
		border-radius: 0.2rem;
	}
	.navbar .navbar-nav a.active {
		color: #000;
		background:#fff;
		border-radius:0.2rem;

	}
	.navbar .navbar-nav a.active:hover,
	.navbar .navbar-nav a.active:active,
	.navbar .navbar-nav a.active:focus{

		border-radius:0.2rem;
	}
	#zen-slider{
	height:564px !important;

	}
}

#zen-slider{height:864px;}
.vegas-wrapper{
	overflow:hidden;
	padding:0;
}
.v-middle {
	position: absolute;
	width: 100%;
	top: 50%;
	/* left: 0; */
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	z-index: 9;
}
.zen-transparent{
	background:transparent;
	color:#fff;
}

.zen-transparent:hover{
	background:transparent;
	color:#fff;
}

.zen-link-magic:hover{
	transform:translate3d(0px, -6px, 0.01px)

}

/* HOME */
#zen-slider:before{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	background: #000;
	content: '';
	top: 0;
	left: 0;
	z-index: 1;
}

.zen{
	position:relative;
    display:flex;
    background: url(../images/steering-wheel.jpg) center center/cover no-repeat fixed;
}

.zen a{
	color: #000;
}

.zen a:hover{
	text-decoration:none;
}

.zen2 {
    position:relative;
	background: url(../images/car-home.jpg) 0 -106px/cover no-repeat fixed;
	display: flex;
    flex-direction: column;
    overflow: hidden;
}
.zen3 {
    position:relative;
    background: url(../images/bg-slider.jpg) 0 0/cover no-repeat fixed;
}
.zen:before, .zen2:before, .zen3:before {
	position:absolute;
	display: block;
    content:'';
    width: 100%;
	height: 100%;
	top:0;
	left:0;

}
.zen:before{
	background:#fff;
	opacity:0.67;
}

.zen2:before{
	opacity:0.7;
}

.zen3:before{
	opacity:0.5;
}

.zen2:before, .zen3:before {
	background:#000;
}

/*range slider*/
.zen-ui-slider.noUi-target {
	background: #000;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
}

.zen-ui-slider.noUi-horizontal {
	height: 4px;
}
.zen-ui-slider .noUi-connect {
	background: #000;
}

.zen-ui-slider.noUi-horizontal .noUi-handle {
	width: 32px;
	height: 32px;
	/*right: -17px;*/
	top: -14px;
}

.zen-ui-slider .noUi-handle {
	 border: none; 
	background: #000;
	cursor: pointer;
	 box-shadow: none; 
	border-radius: 50%;
}
.zen-ui-slider .noUi-handle::after, .zen-ui-slider .noUi-handle::before {
	content: none;

}

.zen-container{
	display: flex;
	flex-wrap: wrap;
}
/* Process style */
.process {
    position: relative;
    overflow: hidden;
}
.process.item {
    position: relative;
    padding: 60px 40px 0 40px;
    border-radius: 20px 20px 20px 0;
    background: #000;
    z-index: 2;
    min-height:250px;
}
.process.item .text h5 {
    border-radius: 20px;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    white-space:pre-line;
}
.process.item .text p {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.95em;
    color: #999;
    margin-bottom: 20px;
}
.process.item .numb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -40px;
    position:absolute;
    bottom:0;
}
.process.item .numb .number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    border: 1px solid #000;
}
.process.item .numb .numb-curv {
    position: relative;
    padding: 15px;
    border-radius: 0 40px 0 0;
   /* background: #1b1b1b;*/
   background:#fff;
}

.process.item .numb .numb-curv .shap-left-top {
	position: absolute;
	top: -21px;
	left: -21px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	height: 3px;
	width: 41px;
}
.process.item .numb .numb-curv .shap-left-top svg {
    width: 24px;
    height: 24px;
}
.process.item .numb .numb-curv .shap-right-bottom {
	position: absolute;
	bottom: -2px;
	right: -16px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);

	height: 19px;
	width: 17px;
}

.process.item .numb .numb-curv .shap-right-bottom svg {
    width: 24px;
    height: 24px;
}
.process p span {
    background-color: #333;
    color: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    align-items: middle;
    margin-right: 10px;
    font-size: 10px;
}
/* Process Number */
.process-number {
    position: relative;
}
.process-number .item {
    position: relative;
    background-color: #f5b754;
    padding: 60px 0 60px 30px;
    border-radius: 20px;
    border: none;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    overflow: hidden;
     -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 1;

}
.process-number .item:hover {
    background-color: #fff;
    transform: translateY(-20px);
}
.process-number .item .con {
    position: relative;
    padding-right: 60px;
}
.process-number .item .con .no {
    position: absolute;
    font-size: 240px;
    font-weight: 900;
    color: #1b1b1b;
    text-align: right;
    top: -40px;
    width: 100%;
    line-height: 1;
    right: -20px;
}
.process-number .item .con h5 {
    font-size: 21px;
    color: #1b1b1b;
}
.process-number .item .con p {
    color: #222;
    margin-bottom: 0px;
}

.zen-children{
      margin: 10px;
}
@media(min-width:992px){
	.zen-children{
		flex: 1 0 21%;

	}
}
@media(min-width:1400px){
	.process.item{
		padding-top:80px;
	}
}

@media(max-width:991px){
	.zen-children{
		flex: 1 0 31%;
	}
	.faq-category{
		flex: 1 0 21%;
	}
}

@media(max-width:767px){
	.zen-children{
		flex: 1 0 41%;

	}
	.faq-category{
		flex: 1 0 51%;
	}
}
@media(max-width:575px){
	.zen-children{
		flex: 1 0 51%;

	}
}

/* pages*/
.page-header{
	position:relative;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	padding: 6rem 0;

}

.page-header:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0.8;
	background:#000;
}

/* faq */
.faq-header{
	background-image: url(../images/car-faq.jpg);
}
.faq-header:before{
	opacity: 0.5;
}

.accordion-button:focus{
	box-shadow:none;

}
@media(min-width:768px){
	.zen-container .faq-category:first-child{
		margin-left:0px;
	}

	.zen-container .faq-category:last-child{
		margin-right:0px;
	}
}
.zen-container .faq-category h3{
	position:relative;
	top:50%;
	transform:translateY(-50%);

}
.faq-category, .car-search {
	background: #000;
	color:#fff;
	padding: 30px 30px;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: background-color 300ms ease, transform 300ms ease, color 300ms ease;
	transform: translateY(-50%);

	border-radius: 20px;
	border:1px solid #000;
	word-wrap: break-word;
	white-space: pre-wrap;

}
.car-search{
	overflow:inherit;

}
.faq-category:hover, .faq-category.active{
	cursor:pointer;
	background: #fff;
	color: #000;
	/*transform: translate3d(0px, -55%, 0.01px);*/
}
@media(min-width:768px){
	.faq-category:hover,.faq-category.active{
		transform: translate3d(0px, -55%, 0.01px)
	}
}

/*cars*/
.car-container{
	height:100%;
	position:relative;
	flex-direction:column;
}
.car-search .form-control:focus{
	box-shadow:none;
	border-color:#000;
}

.car-container .zen-image{
	overflow:hidden;
}
.car-container img {
	-webkit-transition: all .5s;
	transition: all .5s;
	transform: scale(1);

}

.car-container img:hover  {
	-webkit-filter: none;
	filter: none;
	-webkit-transform: scale(1.09, 1.09);
	transform: scale(1.09, 1.09);
	-webkit-filter: brightness(70%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.zen-dropdown li label:hover{
	cursor:pointer;
}

/*bootstrap overrides */

.form-check-input:checked {
	background-color: #000;
	border-color: #000;
}
.form-check-input:focus {
	border-color: #000;
	outline: 0;
	box-shadow: 0 0 0 .15rem rgba(0,0,0,.15);
}
.zen-form1 .not-allowed{
	cursor:not-allowed;

}

.zen-form1 .no-pointer{
	pointer-events:none;
	opacity:0.7;
}

/* forms */
textarea{ resize: none;}
.required::before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
.label-error{
	color:rgb(220,53,69);

}
.input-error{

	border-color: #fe8686;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(253, 13, 13, 0.25);
}

.zen-form2 > div:first-child{
	display:none;

}

.pagination > li > a,
.pagination > li > span {

  color: #fff;
border: 1px solid #000;
background:#000;
}
/*.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}*/
/*.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {

  background-color: #fff;
  border-color: #44885a;
  color:

}*/
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

   background-color: #fff;
  border-color: #000;
  color:#000;

}


.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}
.pagination-lg {
	--bs-pagination-padding-x: 1rem;
	--bs-pagination-padding-y: 0.5rem;
	--bs-pagination-font-size: 1rem;

}

/*modal*/
.zen-modal-content{
margin:0 10%;
position:relative;
box-shadow:0 0 95px 25px rgba(0,0,0,0.8);
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
}



.modal-row{
margin:3px 0px;
border-top:1px solid #cacaca;

}

.container-zen {
	background: #f8f8f8;
	min-height: 20px;
	padding: 19px;
	border: 1px solid #373737;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/*footer*/
.zen-badge{
	width:50px;
	height:50px;
	font-size:1.5rem;
}
.zen-badge i{
	transform:translate3d(0px, 6px, 0.01px);

}

.footer .logo img{
    max-width: 280px;
}
.footer .img-mail{
	margin-left:-15px;
}
@media(max-width:991px){
	.footer .logo img{
		max-width: 200px;
		margin-bottom:2rem;
	}
}
/*@media(max-width:767px){
	.zen-scroll{

		margin-bottom:2.5rem;
	}
}*/
.footer .copyright .btn{
	font-size:.7rem;
	padding: .25rem .5rem;


}

.progress-wrap {
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.progress-wrap. svg {
	fill: #1b1b1b;
}
.progress-wrap::after {
	position: absolute;
	font-family: 'FontAwesome';
	content: '\f062';
	text-align: center;
	line-height: 50px;
	font-size: 10px;
	font-weight: normal;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
.progress-wrap::after {
	color: #3a3737;
}

.progress-wrap svg.progress-circle path {
	stroke: #3a3737;
	stroke-width: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
.progress-wrap svg path {
	fill: none;
}

/*preloader*/
#preloader {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1b1b1b;
	z-index: 999999;
}
.preloader-progress {
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	top: 50%;
	right: 0;
	left: 0;
	transform: translateY(-50%);
	margin: 0 auto;
}

.preloader-image {
	width: 150px;
	max-width: 100%;
}
.preloader-pulse {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 1px solid rgba(250, 250, 250, .2);
}
.preloader-pulse:before,
.preloader-pulse:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
	box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
	background-color: rgba(250, 250, 250, .3);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
	animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
}
.preloader-pulse:after {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
@-webkit-keyframes pulse-anim {
	0% {
		opacity: 1;
		-webkit-transform: scale(.5);
		        transform: scale(.5);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes pulse-anim {

	0% {
		opacity: 1;
		-webkit-transform: scale(.5);
		        transform: scale(.5);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

}