/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
.flatpickr-calendar {
  z-index: 999999 !important;
}

.car-price {
	font-size: 30px;
	margin-bottom: 40px;
	text-align: right;
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
}

.car-price h1 {
	font-size: 36px !important;
	text-align: left;
	font-weight: bold;
}
.car-price > div {
	align-content: center;
	border-bottom: 1px solid #000000;
}
.car-icons > .row {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.icon-data {
	text-align: center;
	font-size: 14px;
	line-height: 120% !important;
	margin-bottom: 25px;
}
.icon-data svg {
	display: block;
	height: 70px;
	margin: 0 auto;
}
.icon-data strong {
	display: block;
	line-height: 120% !important;
	font-size: 16px;
}
.list-sort select {
	border: none;
}
.list-sort {

	padding: 10px 30px;
	text-align: right;
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
}
.cars-list-empty {
	text-align: center;
	padding: 100px 0;
	display: none;
}
.card .icon-new {
    position: absolute;
    color: #FFFFFF !important;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 14px;
    top: 10px;
    left: 20px;
    background: #9DD601;
    background: #000000;
}
.cars-list-empty .cars-list-empty-text {
	padding: 40px 0;
	font-size: 24px;
}

.cars-list > .row > div {
	margin-bottom: 25px;
}
.cars-list > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.card {
	height: 100%;
	background: #FFFFFF;
	display: block;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
.card .km {
	text-align: right;
}
.card .card-header {
	padding: 10px 15px;
}
.card .card-image:hover {
	
	background-size: 118%;
}
.card .card-image {
	aspect-ratio: 4/3;
	background: #FFFFFF;
	background-size: cover;
	background-size: 110%;
	background-position: center center;
	background-repeat: no-repeat;
	transition: background .5s;
}
.card h3 {
	font-size: 20px !important;
	margin: 10px 0 2px 0;
	font-weight: bold !important;
}



.filter {
	position: relative;
}
.filter h4 {
	font-size: 16px !important;
	padding: 10px 20px;
}
.filter dl {
	display: block;
	padding: 0;
	margin: 0;
}
.filter dt i::before {
	font-size: 16px;
}
.filter dt i.awb-icon-minus {
	display: none;
}
.filter .ov dt i.awb-icon-minus {
	display: block;
}
.filter .ov dt i.awb-icon-plus {
	display: none;
}
.filter dt i {
	position: absolute;
	right: 15px;
	top:15px;
	border-radius: 20px;
    border: 2px solid #000000;
	color: #FFFFFF;
	background: #000000;
}
.filter dt {
	display: block;
	padding: 10px 35px 10px 15px;
	position: relative;
	margin: 0;
	display: block;
	cursor: pointer;
}
.filter dd label:first-child {
	margin-top: 15px;
}
.filter dd label {
	display: block;
	padding: 0 0 15px 28px;
	position: relative;
}

.filter input[type=checkbox] {
	accent-color: #000000;
	position: absolute;
	top: 5px;
	left: 0;
	border: 1px #000000 solid;   
}
.filter .filter-clear svg *,
.filter .filter-clear svg {
	fill: #FFFFFF !important;
}
.filter .filter-clear:hover svg *,
.filter .filter-clear:hover svg {
	fill: #000000 !important;
}
.filter .filter-clear svg {
	margin-left: 10px;
}
.filter .filter-clear:hover {
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
}
.filter .filter-clear {
	display: none;
	position: absolute;
	cursor: pointer;
	background: #000000;
	border: 1px solid #000000;
	border-radius: 4px;
	padding: 0 15px 0 25px;
	color: #FFFFFF;
	height: 45px;
	line-height: 45px;
	top: 15px;
	right: 10px;
}
.filter input[type=checkbox]::before {

}
.filter dl.ov dt {
	background: #EFEFEF;
}
.filter dl.ov dd {
	max-height: 300px;
	overflow: auto;
}
.filter dd{
	display: block;
	padding: 0 15px;
	margin: 0;
	display: block;
	overflow: hidden;
	max-height: 0;
	transition: max-height .5s;
}
.filter {
	background: #FFFFFF;
	border-radius: 15px;
	padding-bottom: 30px;
}


.filter-toggle {
	display: none;
}

#gmap {
	height: 350px;
}

@media screen and (max-width: 990px) {
	.filter-toggle {
		display: block;
		position: fixed;
		left: 50%;
		margin: 0 0 0 -28px;
		background: #000000;
		border: 1px solid #000000;
		color: #FFFFFF;
		z-index: 1000001;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
		bottom:0;
		border-radius: 5px 5px 0px 0px;
		cursor: pointer;
	}
	.filter-toggle > svg *,
	.filter-toggle > svg {
		fill: #FFFFFF;
	}
	.filter.active {
		bottom: 0;
	}
	.filter {
		position: fixed;
		bottom: calc( -70vh + 80px);
		bottom: -60vh;
		left: 5px;
		right: 5px;
		max-height: 60vh;
		overflow-y: auto;
		z-index: 4000;
		transition: bottom .5s;
		 box-shadow: 5px 10px #888888;
		z-index: 10001;
	}
	.custom-slider .slide .slider-photo {
		min-height: 350px; 
	}
}


.custom-slider,
.custom-slider .slider,
.custom-slider .lSSlideOuter,
.custom-slider .lSSlideWrapper,
.custom-slider .lightSlider,
.custom-slider .lslide {
    height: 100%;
}
.custom-slider .lslide > * {
    height: 100%;
}
.custom-slider,
.custom-slider-wrapper {
	height: 100%;
}
.custom-slider-wrapper .slider-inner-wrapper > div,
.custom-slider-wrapper .slider-inner-wrapper {
	height: 100%;
}
.custom-slider li.slide {
	overflow: hidden;
}
.custom-slider .slider-inner-bg {
		background: linear-gradient(
	  to bottom,
	  rgba(0,0,0,0) 0%,
	  rgba(0,0,0,0) 30%,
	  rgba(0,0,0,0.75) 100%
	);
	height: 100%;
}
.custom-slider .slider-inner {
	/*position: absolute;*/
	height: 600px;
	width: 100%;
overflow: hidden;

	padding: 0 0 40px 0;
	margin: 0 auto;
	max-width: 1600px;

}

.max-slider {
	max-width: 2100px;
	margin: 0 auto;
}
.custom-slider .slide .slider-photo img {
	
	opacity:0;
	width: 100%;
}
.custom-slider .button-flat {
	white-space: nowrap;
}
.custom-slider .slide .slider-photo {
	min-height: 600px; 
	height: 50vh;
	overflow: hidden;
	width: 100%;
	position: relative;
    height: 100%;
}
	.custom-slider .slide .slider-photo {
		min-height: 350px; 
	}
	
	
.header-menu a > span {
	position: relative;
	
}
.header-menu a:hover > span::before {
	width: 70%;

}
.header-menu a > span::before {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	position: absolute;
	bottom: -5px;
	left: 0;
	transition: width .6s;
	background: #ed1c24;
}





.hover-underline a {
	position: relative;
}

.car-table table {
	width: 100%;
}
.car-table table th {
	vertical-align: top;
	padding: 10px 8px;
	border-bottom: 1px solid #000000;
	text-align: left;
	font-weight: bold;
	text-transform: uppervase;
}
.car-table table td {
	padding: 5px 8px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
}



body .lSSlideOuter .lSPager.lSpg {
	position: absolute;
	left: 50%;
	bottom: 30px;
	margin-left: -550px;
}
body .lSAction > a * {
	color: #000000 !important;
	font-size: 24px !important;
	opacity: 1 !important;
}
body .lSAction > a:hover {
	background: #000000;
}
body .lSAction > a:hover * {
	color: #FFFFFF !important;
}
body .lSAction > a {
	border: 0 solid #FFFFFF;    
	padding: 10px 35px 50px 25px;
	border-radius: 0px !important;
    background-color: rgba( 255, 255, 255, 1);
	opacity: 1;
	/* #9DD601 */
}
body .lSSlideOuter .lSPager.lSpg > li:hover a, 
body .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #000000;
}
body .lSSlideOuter .lSPager.lSpg > li a {
    background-color: rgba( 255, 255, 255, 1);
	border: 1px solid #FFFFFF;
    height: 6px;
    width: 28px;
	border-radius: 0;
}
body .lSAction > a {
	top: 100px;
}










.home-news .home-button a {
	display: block;
	float: left;
}
.home-news .home-button a:hover,
.home-news .home-button a {
	background-image: url( 'img/ar.svg' );
	background-position: calc( 100% - 15px ) center;
	background-repeat: no-repeat;
	background-color: #095D6A;
	font-size: 16px;
	color: #FFFFFF;
	padding: 10px 70px 10px 15px;

}
.home-news .home-button a:hover {
	
	background-color: #2F313C;
}
.home-news .home-button {
	padding-top: 30px;
}
.home-news h3 a,
.home-news h3 {
	font-size: 24px;
	font-weight: 500;
}
.home-news .date {
	color: #6D6F77;
	font-size: 14px;
	font-weight: 14px;
	font-weight: 300;
}



.news-list .slider-img {
	
    background: #244545;
    border-radius: 0;
    overflow: hidden;
    border-radius: 0;
    display: block;
    position: relative;
    /* aspect-ratio: 3 / 4; */
    min-height: 360px;
	position: relative;
}
.news-list .slider-photo {
    border-radius: 0;
    display: block;
    position: relative;
    /* aspect-ratio: 3 / 4; */
	position: relative;
}
.news-list .slider-data .button {
	margin-top: 20px;
}
.news-list .slider-data .button a {
	text-transform: uppercase;
    color: #ed1c24 !important;
    letter-spacing: 0;
	font-size: 14px !important;
	position: relative;
}
.news-list .slider-data .button a::after {
    color: #ed1c24 !important;
	content: "\f105";
    top: 50%;
    right: -10px;
    padding-left: 5px;
    font-size: 14px;
    font-family: awb-icons;
    position: absolute;
    transform: translateY(-50%);
}
.news-list .slider-data .date {
	
    color: #8C8C8C !important;
    font-size: 14px;
}
.news-list .slider-data h3 {
	font-size: 24px !important;
	margin-bottom: 0 !important;
}
.news-list .slider-data {
	background: #FAFAFA;
	border: 1px solid #EFF0EF;
	padding: 20px;
	position: relative;
}
.news-list >.row {
	    display: flex;
    flex-wrap: wrap;
}
.news-list >.row>div {
	margin-bottom: 100px;
}



.vehicles-radio .fusion-form-label-wrapper {
	display: none;
}
.vehicles-radio .fusion-form-radio {
	float: left;
	width: 20%;
	margin-right: 30px;
	margin-bottom: 20px;
}
.vehicles-radio input.fusion-form-input + label {
	display: block;
	height: 130px;
	background-size: auto 95px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left 30px;
	border-radius: 4px;
	border: 2px solid #FFFFFF;
	padding: 15px 15px 15px 25px !important;
}
body .fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label:before {

    left: 5px;
    top: 25px;
}
body .fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label:after {

    left: 9px;
    top: 25px;
}
.vehicles-radio input.fusion-form-input:checked + label {
	
	border: 2px solid #000000;
}
.vehicles-radio #radio-automobilis-1-0 + label {
	background-image: url( 'img/micra.png' );
}
.vehicles-radio #radio-automobilis-1-1 + label {
	background-image: url( 'img/leaf.png' );
}
.vehicles-radio #radio-automobilis-1-2 + label {
	background-image: url( 'img/ariya.png' );
}
.vehicles-radio #radio-automobilis-1-3 + label {
	background-image: url( 'img/juke.png' );
}
.vehicles-radio #radio-automobilis-1-4 + label {
	background-image: url( 'img/qq.png' );
}
.vehicles-radio #radio-automobilis-1-5 + label {
	background-image: url( 'img/x.png' );
}
.vehicles-radio #radio-automobilis-1-6 + label {
	background-image: url( 'img/c.png' );
}
.vehicles-radio #radio-automobilis-1-7 + label {
	background-image: url( 'img/mg3.png' );
}
.vehicles-radio #radio-automobilis-1-8 + label {
	background-image: url( 'img/mg3h.png' );
}
.vehicles-radio #radio-automobilis-1-9 + label {
	background-image: url( 'img/mgzs.png' );
}
.vehicles-radio #radio-automobilis-1-10 + label {
	background-image: url( 'img/mgzsh.png' );
}
.vehicles-radio #radio-automobilis-1-11 + label {
	background-image: url( 'img/mghs.png' );
}
.vehicles-radio #radio-automobilis-1-12 + label {
	background-image: url( 'img/mghsh.png' );
}
.vehicles-radio #radio-automobilis-1-13 + label {
	background-image: url( 'img/mghsphev.png' );
}
.vehicles-radio #radio-automobilis-1-14 + label {
	background-image: url( 'img/mg4.png' );
}
.vehicles-radio #radio-automobilis-1-15 + label {
	background-image: url( 'img/mgs5ev.png' );
}





body .awb-menu.collapse-enabled.mobile-mode-collapse-to-button.expanded .awb-menu__main-ul{
	padding: 100px 40px 40px 40px !important;
	height: 100vh;
    max-height: 100vh;

}
body .awb-menu.collapse-enabled.mobile-mode-collapse-to-button::before {
	background: rgba( 255, 255, 255, .0);
}
body .awb-menu.collapse-enabled.mobile-mode-collapse-to-button.expanded::before {
	content: '';
	display: block;
	position: fixed;
	top: -50px;
	left: 0;
	width: 100vw;
	height: 200px;
	transition: background 1s;
	background: rgba( 255, 255, 255, 1);
}
body .fusion-blog-layout-masonry .fusion-post-content-wrapper {
	position: static;
}
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper .fusion-single-line-meta {
		color: #8C8C8C !important;
		font-size: 14px;
	
}
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper h4 a,
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper h2 a {
		color: #000000 !important;
}
body .fusion-blog-shortcode .fusion-read-more {
	text-transform: uppercase;
		color: #ed1c24!important;
		letter-spacing: 0;
}
body .fusion-blog-shortcode .fusion-read-more:after {

		color: #ed1c24!important;
}
body .fusion-blog-layout-grid.fusion-blog-equal-heights .fusion-post-wrapper .fusion-post-content.post-content {
    margin-bottom: 0px;
}
.fusion-body .post-item-wrapper .fusion-flex-container:first-child {
	padding: 0 150px 0 0 !important;
}

.fusion-blog-shortcode .fusion-post-slideshow,
.fusion-blog-shortcode .fusion-image-wrapper img {
  width: 100%;
  aspect-ratio: 1 / 1; /* Modern CSS */
  object-fit: cover;   /* Crops without distortion */
}

.fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper {
	padding-bottom: 35px;
}
body .fusion-post-card-image.has-aspect-ratio img,
body .fusion-carousel .fusion-carousel-item img,
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper img {
	
  transition: transform .8s;
}

body .fusion-carousel {
}
body .fusion-post-card-image.has-aspect-ratio:hover img,
body .fusion-carousel .fusion-carousel-item:hover img,
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper:hover img {
	transform: scale(1.2, 1.2);
}

.fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper,
body.fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper,
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper {
	border: none;
	overflow: hidden;
  box-shadow: 0px 0 25px rgba( 0,0,0,.0);
  transition: box-shadow .5s;
}
.fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper:hover,
body.fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper:hover,
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper:hover {

  box-shadow: 0px 0 25px rgba( 0,0,0,0) !important;
}



body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper:hover {
	
  box-shadow: 0px 0 25px rgba( 0,0,0,0);
}
body .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper {
	border: none;
	overflow: hidden;
  box-shadow: 0px 0 25px rgba( 0,0,0,.0);
  transition: box-shadow .5s;
}

.list-grid-block .fusion-button {
	position: absolute;
	bottom: 0;
}
.list-grid-block {
	position: relative;
}


@media (max-width: 1024px) {
	 .mobile-span-buton {
		display: block;
		width: 100%;
	}

.lSAction > .lSNext {
	
	right: -20px !important;
}
.lSAction > .lSPrev {
	left: -20px !important;
}
.custom-slider .slide .slider-photo {
    min-height: calc( 100vh - 230px ) ;
}
	.fusion-footer .awb-menu.collapse-enabled a {
		padding-left: 0 !important;
		padding-bottom: 6px !important;
	}
	.mobile-gradient::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 60vw;
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 100px, rgba(0, 0, 0, 0.95) 100%);
	}
	.mobile-gradient {
		position: relative;
	}
	
	.car-table table th,
	.car-table table td {
			font-size: 14px !important;
	}
	
	
	.vehicles-radio .fusion-form-radio {
		float: left;
		width: 48%;
		margin-right: 1%;
		margin-bottom: 20px;
	}
	.vehicles-radio input.fusion-form-input + label {
		
		height: 130px;
		background-size: auto 80px;
		width: 100%;
		background-position: left 30px;
	
		padding: 15px 15px 15px 25px !important;
	}
	
	.custom-slider .slider-inner-bg {
		background: linear-gradient(to bottom, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .35) 30%, rgba(0, 0, 0, 0.85) 100%);
		height: 100%;
	}
}