@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap&subset=cyrillic');

:root {
	--h1: 34px;
	--h1-lh: 44px;
	--h2: 24px;
	--h2-lh: 29px;
	--h3: 18px;
	--h3-lh: 22px;
	--subtitle1: 16px;
	--subtitle1-lh: 24px;
	--subtitle2: 14px;
	--subtitle2-lh: 16px;
	--body1: 16px;
	--body1-lh: 26px;
	--body2: 14px;
	--body2-lh: 20px;
	--button: 16px;
	--button-lh: 19px;
	--caption: 12px;
	--caption-lh: 14px;
	--overline: 12px;
	--overline-lh: 14px;

	--black: #000;
	--white: #FFF;
	--font-color: #2A2A2A;
	--darkgrey: #1E1E1E;
	--grey5: #2A2A2A;
	--grey4: #585C60;
	--grey3: #A7AAAC;
	--grey2: #E5E9EC;
	--grey1: #F8F9FA;
	--red: #CA0100;
	--darkred: #9B0000;
	--yellow: #FED51F;

	--header-height: 80px;
}

/* ------------------------------------------------------------------------- CLASSES */
/* ------------------------------------------------------------------------- CLASSES */

	.flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.flex-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: space-around;
		-ms-align-items: stretch;
		align-items: stretch;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.flex-column {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: flex-start;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.flex-column-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	.flex-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}

	.hidden-br {
		display: none;
	}
	.table-container {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.accordeon-body {
		overflow: hidden;
		height: 0;
	}
	.accordeon-button {
		width: 135px;
		min-width: 135px;
		height: 38px;
		position: relative;
		border-radius: 20px;
		border: 1px solid #A7AAAC;
		font-weight: 500;
		font-size: 14px;
		line-height: 16px;
		color: #2A2A2A;
		padding-right: 20px;
		transition: color .2s, border-color .2s;
	}
	.accordeon-button:hover {
		color: var(--red);
		border-color: var(--red);
	}
	.accordeon-button-text,
	.accordeon-button-hidden-text {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding-right: 22px;
		opacity: 1;
		transition: opacity .4s;
	}
	.accordeon-button-hidden-text {
		opacity: 0;
	}
	.accordeon-is-open .accordeon-button-hidden-text {
		opacity: 1;
	}
	.accordeon-is-open .accordeon-button-text {
		opacity: 0;
	}
	.accordeon-arrow {
		transition: transform .4s;
		display: block;
		width: 12px;
		height: 9px;
		margin-left: auto;
		transform-origin: center;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgBjZHNCcJAEIW/iXi3hNiBHhQ82oEdBDvQCkw6sQNL8CT+REgJ2oHeoxlnFxZzWCUPFuaxb/a9nQFDBQM6IjlCWgtVmbCJCQ4wugiPK2SOSynsFBaeCPmkoQhi91hP2FuZ2nn2lWHyUtZG7k6gSn6CVURMrczH1iSxS2sszC0LHGU5ha1P8cP+i5bYfzoUM4v1NtsQz6GxuG1xFM7JpnI7Q05X/NvLB3BWNPs9El6SAAAAAElFTkSuQmCC);
	}
	.accordeon-is-open .accordeon-arrow {
		transform: rotate3d(1,0,0,180deg);
	}

/* ------------------------------------------------------------------------- BASE */
/* ------------------------------------------------------------------------- BASE */

	* {
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html {
		min-width: 320px;
		width: 100%;
	  overflow-x: hidden;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	body {
		width: 100%;
		max-width: 1920px;
		min-height: 100vh;
		margin: 0 auto;
		font-family: Roboto, Arial, sans-serif;
		font-size: var(--body1);
		line-height: var(--body1-lh);
		font-weight: normal;
		font-style: normal;
		color: var(--font-color);
		background-color: var(--white);
		position: relative;
		z-index: 1;
	  overflow-x: hidden;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.site-container {
		min-height: 590px;
		width: 100%;
		flex-grow: 2;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.custom-container {
		padding: 0 25px;
		width: 100%;
	}
	.custom-wrapper {
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
	}
	main {
		flex-grow: 2;
		position: relative;
		z-index: 1;
	}
	h1, .h1 {
		font-family: Russo One;
		font-size: var(--h1);
		font-weight: normal;
		line-height: var(--h1-lh);
	}

	.big-h1 {
		font-size: 48px;
		line-height: 50px;
	}
	h2, .h2 {
		font-family: Russo One;
		font-size: var(--h2);
		font-weight: normal;
		line-height: var(--h2-lh);
	}
	h2 .red-color {
		color: var(--red);
	}
	h2 .ps {
		position: absolute;
		top: 100%;
		color: #a7aaac;
		left: 0;
    padding-top: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
	}
	h3, .h3 {
		font-family: Russo One;
		font-size: var(--h3);
		font-weight: normal;
		line-height: var(--h3-lh);
	}
	h4, .h4 {}

	.subtitle-1 {
		font-family: Roboto;
		font-style: normal;
		font-weight: 500;
		font-size: var(--subtitle1);
		line-height: var(--subtitle1-lh);
	}
	.subtitle-2 {
		font-family: Roboto;
		font-style: normal;
		font-weight: 500;
		font-size: var(--subtitle2);
		line-height: var(--subtitle2-lh);
	}
	.body-2 {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: var(--body2);
		line-height: var(--body2-lh);
	}
	p, h1, h2, h3, h4, h5, li, span {
		cursor: default;
	}
	a p, a h1, a h2, a h3, a h4, a h5, a li, a span,
	button * {
		cursor: pointer;
	}
	a {
		text-decoration: none;
		color: var(--font-color);
		cursor: pointer;
	}
	rect, circle, path {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	::-moz-selection {
		background-color: var(--red);
		color: var(--white);
		text-shadow: none;
	}
	::selection {
		background-color: var(--red);
		color: var(--white);
		text-shadow: none;
	}
	
	*:focus {
		outline: none;
	}

	/* ---------------------------------- buttons */
		button {
			cursor: pointer;
			border: none;
			background: none;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			font: unset;
			font-family: Roboto, Arial, sans-serif;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		.custom-transparent-button,
		.custom-red-button,
		.custom-red-color-button {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: center;
			-ms-align-items: center;
			align-items: center;
			text-align: center;
			min-height: 48px;
			font-weight: 500;
			font-size: var(--subtitle2);
			line-height: var(--subtitle2-lh);
			color: var(--white);
			border-radius: 24px;
			border: 1px solid var(--grey3);
			padding: 0 32px;
			transition: all .3s;
		}
		.custom-transparent-button:hover {
			border-color: var(--darkred);
		}
		.custom-red-button {
			background-color: var(--red);
			border-color: var(--red);
		}
		.custom-red-button:hover {
			background-color: var(--darkred);
			border-color: var(--darkred);
		}
		.custom-red-color-button {
			color: var(--red);
			padding: 0 30px;
		}
		.custom-red-color-button:hover {
			color: var(--darkred);
			border-color: var(--darkred);
		}
		span.white-arrow,
		span.red-arrow {
			background-position: center center;
			background-repeat: no-repeat;
			width: 7px;
			height: 10px;
			display: inline-block;
			margin-left: 10px;
			position: relative;
		}
		span.white-arrow {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABCSURBVHgBxdAxEQAgDEPRSkASEnAATsAhUpAQMpRjabs2d3/qmyrCAShssyneeBz4S4TVAp0dBcsDiEALgaL3JxNcv9l8BZ609mIAAAAASUVORK5CYII=");
		}
		span.red-arrow {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABWSURBVHgBdYtBDYAwEATnTgkowkKdYAEHSCAo4Ek4ROCEoy0hoU26r83sDqcymjLzi97Q44R6wGAywZvDISyawA4dwpC6OGsG8XFlHcKrCVsBPrUAMQ9RKh7N+GTqiAAAAABJRU5ErkJggg==");
		}
		button:hover span.white-arrow,
		a:hover span.white-arrow,
		button:hover span.red-arrow,
		a:hover span.red-arrow {
			-webkit-animation: link-arrow infinite 1.3s linear;
			-o-animation: link-arrow infinite 1.3s linear;
			animation: link-arrow infinite 1.3s linear;
		}
		span.white-phone {
			background-position: center center;
			background-repeat: no-repeat;
			width: 15px;
			height: 15px;
			display: inline-block;
			margin-right: 10px;
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgBrVEBEcMgDEQCEiqhEpAwCUiog+GgONgcdA6QMAmVUAlZWJ+7kIOx3e3v/oAk/4RgzD9ARDNzY04iFuhEYvpPwgOFezHg9QLDkrsxrRaXJAkDK/ITMyK3aXELLreK20onxcBJ8a6EAfEF5wO3W+yTFEchXFVXDvGI83sGrYJqYCKfO/BiiEG/Ow0MnI6ZzndVBrxee6bSwFONXLw2Yl2DhcZ4mB7o/JbUEeanzWYEDOnOfP4k/AYvxyzEsFNjwtcAAAAASUVORK5CYII=");
		}

	/* ----------------------------------------- inputs */
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="submit"],
		input[type="tel"],
		textarea {
			font: unset;
			font-family: Roboto, Arial, sans-serif;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		.custom-inputs {
			width: 100%;
		}
		.custom-inputs input[type="text"],
		.custom-inputs input[type="tel"],
		.custom-inputs input[type="email"], 
		.custom-inputs input[type="password"],
		.custom-inputs textarea {
			background-color: transparent;
			color: var(--black);
			border: none;
			width: 100%;
			height: 48px;
			z-index: 2;
			position: relative;
			padding: 0 20px;
			font-size: 1em;
			display: inline-block;
		}
		.custom-inputs textarea {
			height: 150px;
			padding-top: 15px;
			resize: none;
		}
		.input-wrapper {
			width: 100%;
			position: relative;
			background-color: var(--white);
			border: 1px solid var(--grey3);
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			border-radius: 24px;
		}
		.input-wrapper.empty-input {
			border-color: var(--red);
		}
		.input-wrapper span {
			position: absolute;
			z-index: 1;
			line-height: 48px;
			top: 0;
			left: 0;
			min-width: 100%;
			padding: 0 20px;
			display: block;
			color: var(--grey3);
			background-color: transparent;
			font-size: 1em;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.input-wrapper.empty-input span {
			color: var(--red);
		}
		.input-wrapper input:focus + span,
		.input-wrapper textarea:focus + span,
		.input-wrapper.not-empty-input span {
			height: 20px;
			line-height: 20px;
			font-size: 12px;
			transform: translateY(-50%);
			background-color: var(--white);
			padding: 0 8px;
			min-width: 0;
			left: 20px;
		}
		.input-wrapper span:before {
		}
		.input-wrapper.empty-input span:before {
		}
		.input-wrapper input:focus + span:before {
		}
		.input-wrapper span:after {
		}
		.input-wrapper.empty-input span:after {
		}
		.input-wrapper input:focus + span:after {
		}
		input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active {
		    transition: background-color 5000s ease-in-out 0s;
		}

/* ------------------------------------------------------------------------- POPUP */
/* ------------------------------------------------------------------------- POPUP */

	.custom-overlay {
		position: fixed;
		top: 0; bottom: 0;
		left: 0; right: 0;
		background-color: var(--grey5);
		opacity: 0;
		visibility: hidden;
		z-index: 99;
		-webkit-transition: opacity .7s, visibility 0s .7s;
		-o-transition: opacity .7s, visibility 0s .7s;
		transition: opacity .7s, visibility 0s .7s;
	}
	.custom-overlay.custom-show {
		opacity: 0.65;
		visibility: visible;
		-webkit-transition: opacity .7s, visibility 0s 0s;
		-o-transition: opacity .7s, visibility 0s 0s;
		transition: opacity .7s, visibility 0s 0s;
	}
	.custom-popup {
		height: 95vh;
		width: 95vw;
		max-width: 370px;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background: var(--white) url(/images/png/popup-bg.png) left top/auto no-repeat;
		-webkit-box-shadow: box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
		box-shadow: box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		-o-transform: translateY(-60px);
		transform: translateY(-60px);
		-webkit-transition: opacity .7s, transform .7s, visibility 0s .7s;
		-o-transition: opacity .7s, transform .7s, visibility 0s .7s;
		transition: opacity .7s, transform .7s, visibility 0s .7s;
	}
	.custom-popup.custom-show {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: opacity .7s, transform .7s, visibility 0s 0s;
		-o-transition: opacity .7s, transform .7s, visibility 0s 0s;
		transition: opacity .7s, transform .7s, visibility 0s 0s;
	}
	
	.close-custom-popup {
		cursor: pointer;
		height: 18px;
		width: 18px;
		position: absolute;
		top: 27px;
		right: 27px;
		display: block;
		background-color: var(--red);
		border-radius: 50%;
	}
	.close-custom-popup span {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0);
		height: 200%;
		width: 200%;
		opacity: 0;
		z-index: -1;
		transition: opacity .3s, transform .3s;
		border: 1px solid var(--grey3);
		border-radius: 50%;
	}
	.close-custom-popup:hover span {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
	.close-custom-popup:after, .close-custom-popup:before {
		content: '';
		background-color: var(--white);
		height: 3px;
		width: 60%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transition: background-color .4s;
		-o-transition: background-color .4s;
		transition: background-color .4s;
		transform-origin: center center;
	}
	.close-custom-popup:after {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		-ms-transform: translate(-50%, -50%) rotate(-45deg);
		-o-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	.close-custom-popup:before {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		-o-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.custom-popup-container {
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 55px 57px 45px;
	}
	.custom-popup-title {
		margin: 0 auto 11px;
		text-align: center;
	}
	.custom-popup-container p.body-2 {
		margin-bottom: 24px;
		color: var(--grey4);
		text-align: center;
		width: 100%;
	}
	.custom-popup form {
		-ms-align-items: center;
		align-items: center;
		width: 100%;
	}
	.custom-popup form .input-wrapper {
		margin-bottom: 20px;
	}
	.custom-popup form button[type="submit"] {
		width: 100%;
		margin-top: 10px;
	}
	p.agreement {
		line-height: 1.1em;
		text-align: center;
		font-size: 12px;
		color: var(--grey3);
		margin-top: 11px;
	}
	p.agreement a {
		border-bottom: 1px solid;
		display: inline-block;
	}

	#calculate-popup,
	#review-popup {
		max-width: 600px;
	}
	#tradein-popup {
		max-width: 700px;
	}
	#thank-you-popup,
	#thank-you-review {
		max-height: 200px;
		max-width: 330px;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

/* ------------------------------------------------------------------------- CUSTOM-SLIDER */
/* ------------------------------------------------------------------------- CUSTOM-SLIDER */
	
	.custom-slider {
		width: 100%;
		position: relative;
		touch-action: pan-y;
	}
	.custom-slider-view {
		position: relative;
		z-index: 1;
		width: 100%;
	}
	.custom-slides-container {
		width: 100%;
		-ms-align-items: stretch;
		align-items: stretch;
		position: relative;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.custom-slides-container.shifting {
		transition: left .2s ease-out;
	}

	.custom-slider-arrow {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background-color: transparent;
		transition: border-color .3s;
		border: 1px solid var(--grey3);
		position: absolute;
		z-index: 2;
		top: 50%;
		transform: translateY(-50%);
	}
	.custom-slider-arrow:hover {
		border-color: var(--darkred);
	}
	.custom-slider-arrow path {
		fill: var(--grey5);
	}
	.custom-slider-arrow:hover path {
		fill: var(--darkred);
	}
	.custom-prev {
		left: -93px;
	}
	.custom-next {
		right: -93px;
	}

/* ------------------------------------------------------------------------- TAB-PANELS */
/* ------------------------------------------------------------------------- TAB-PANELS */

	.custom-panels {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.custom-panel {
		position: absolute;
		visibility: hidden;
		opacity: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		overflow: hidden;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-o-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
	}
	.active-custom-panel {
		position: relative;
		z-index: 2;
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-o-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	
/* ------------------------------------------------------------------------- HEADER */
/* ------------------------------------------------------------------------- HEADER */
	
	.custom-header {
		border-bottom: 1px solid rgba(167,179,172,0.15);
		background-color: var(--font-color);
		padding-top: 33px;
		padding-bottom: 33px;
		position: relative;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
	}
	.custom-header-wrapper {
		-ms-align-items: center;
		align-items: center;
	}
	
	.custom-header .logo {
		width: 160px;
		margin-right: 10px;
	}
	.custom-header .logo img {
		width: 100%;
	}
	.header-address {
		position: relative;
		padding-left: 18px;
		color: var(--grey3);
		font-size: var(--body2);
		line-height: var(--body2-lh);
	}
	.header-address:before {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACfSURBVHgBhVABDcMwDEunAyiEQjiEQjiEQjiDQbiO4B+CQyiEQdgZ7AzyRM8kK8o+S1ZbO03cEgGYuQq7cOUfdN8oghgj72P0xQ1M7XqxaU/QK17oJs7B5M3reh5ML7ZOQdoJawY6RqZg7JZ1FmbQs3Ax74EXKjxOC27GBfTipzTexzUMq12EL/fFZ/oHy71anOL9kxdSSh8pvNv+7f0vYqr7mRdY+sYAAAAASUVORK5CYII=");
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.social-icon {
		border: 2px solid var(--grey4);
		height: 38px;
		width: 38px;
		margin: 6px;
		transition: border-color .3s;
		border-radius: 50%;
	}
	.social-icon:hover {
		border-color: var(--red);
	}
	.header-address-container .social-icons {
		justify-content: center;
	}

	.header-phones-container a {
		color: var(--white);
		transition: color .3s;
	}
	.header-phones-container a:hover {
		color: var(--grey3);
	}
	.header-phones-container .custom-transparent-button {
		margin-left: 28px;
	}
	.adaptive-header-buttons {
		justify-content: flex-end;
		flex-grow: 2;
		display: none;
	}

	.header-phones-container .open-testdrive {
		margin-right: 28px;
	}
	.adaptive-header-buttons .custom-red-button {
		padding-left: 10px;
		padding-right: 10px;
		min-height: 38px;
		height: 38px;
		border-radius: 19px;
		margin-left: 10px;
	}
	.adaptive-header-phone {
		height: 38px;
		width: 38px;
		min-height: 38px;
		min-width: 38px;
		margin-left: 16px;
		border: 1px solid var(--grey4);
		border-radius: 50%;
	}
	.header-links {
		text-align: center;
		margin-top: 10px;
	}
	.header-links a {
		color: var(--white);
		border-bottom: 1px solid;
		transition: all .3s;
		margin: 0 10px;
    font-size: var(--body2);
    line-height: var(--body2-lh);
	}
	.header-links a:hover {
		color: var(--grey3);
	}

/* ------------------------------------------------------------------------- NAV */
/* ------------------------------------------------------------------------- NAV */

	.custom-nav {
		background: var(--font-color);
		position: relative;
		z-index: 10;
		left: 0;
		width: 100%;
	}
	ul.top-nav {
		list-style: none;
		-ms-align-items: stretch;
		align-items: stretch;
		width: 100%;
		justify-content: space-between;
	}
	ul.top-nav>li {
		position: relative;
	}
	ul.top-nav>li>a,
	ul.top-nav>li>span,
	ul.top-nav ul.nav-child li a {
		color: var(--white);
		position: relative;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		text-align: center;
		min-height: 54px;
		transition: color .5s;
		font-size: var(--subtitle2);
		line-height: var(--subtitle2-lh);
		font-weight: 500;
		overflow: hidden;
	}
	ul.top-nav>li>a:hover,
	ul.top-nav>li.active-link>a,
	ul.top-nav ul.nav-child li a:hover,
	ul.top-nav ul.nav-child li.active-link>a {
		color: var(--red);
	}
	ul.top-nav>li>a:before {
		content: '';
		height: 3px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: var(--red);
		transition: transform .5s;
		transform-origin: center right;
		transform: scale(0, 1);
	}
	ul.top-nav>li>a:hover:before,
	ul.top-nav>li.active-link>a:before {
		transform-origin: center left;
		transform: scale(1, 1);
	}
	ul.top-nav ul.nav-child {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		min-width: 220px;
		list-style: none;
		visibility: hidden;
		transition: visibility 0s .3s;
	}
	ul.top-nav>li:hover ul.nav-child {
		visibility: visible;
		transition: visibility 0s 0s;
	}
	ul.top-nav ul.nav-child li {
		background: var(--font-color);
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s;
		transform-origin: center;
		transform: rotateX(90deg);
	}
	ul.top-nav>li:hover ul.nav-child li {
		opacity: 1;
		visibility: visible;
		transform: rotateX(0deg);
		transition: opacity .3s 0s, visibility 0s 0s, transform .3s 0s;
	}
	ul.top-nav ul.nav-child li a {
		border-bottom: 1px solid rgba(167,179,172,0.15);
		padding-left: 25px;
		padding-right: 25px;
		min-height: 45px;
		position: relative;
		overflow: visible;
	}
	ul.top-nav ul.nav-child li:first-of-type a:before {
		content: '';
		width: 100%;
		height: 1px;
		background-color: rgba(167,179,172,0.15);
		position: absolute;
		top: -1px;
		left: 0;
	}

	.social-icons-container {
		display: none;
		padding-top: 35px;
	}
	.social-icons-container p {
		margin-bottom: 10px;
		color: var(--grey3);
	}
	.custom-nav .social-icons {
		justify-content: flex-start;
	}
	.custom-nav .social-icon {
		margin-left: 0;
		margin-right: 15px;
	}

	/* ---------------------------------- hamburger */
		.hamburger {
			-ms-align-items: center;
			align-items: center;
			justify-content: center;
			height: 40px;
			width: 25px;
			display: none;
			margin-right: 25px;
		}
		.hamburger-line {
			background-color: var(--white);
			position: relative;
			width: 25px;
			height: 3px;
			border-radius: 2px;
			display: block;
			-webkit-transition: background-color .2s;
			-o-transition: background-color .2s;
			transition: background-color .2s;
			cursor: pointer;
		}
		.hamburger-line:before,
		.hamburger-line:after {
			content: '';
			position: absolute;
			left: 0;
			background-color: var(--white);
			height: 3px;
			border-radius: 2px;
			-webkit-transform-origin: center;
			-moz-transform-origin: center;
			-ms-transform-origin: center;
			-o-transform-origin: center;
			transform-origin: center;
			-webkit-transition: background-color .2s 0s, top .2s .3s, bottom .2s .3s, transform .3s 0s, width .2s .3s;
			-o-transition: background-color .2s 0s, top .2s .3s, bottom .2s .3s, transform .3s 0s, width .2s .3s;
			transition: background-color .2s 0s, top .2s .3s, bottom .2s .3s, transform .3s 0s, width .2s .3s;
			cursor: pointer;
		}
		.hamburger-line:before {
			top: -6px;
			width: 25px;
		}
		.hamburger-line:after {
			bottom: -6px;
			width: 25px;
		}
		.hamburger:hover .hamburger-line,
		.hamburger:hover .hamburger-line:before,
		.hamburger:hover .hamburger-line:after,
		.hamburger:focus .hamburger-line,
		.hamburger:focus .hamburger-line:before,
		.hamburger:focus .hamburger-line:after {
			background-color: var(--darkred);
		}
		.menu-is-open .hamburger-line {
			background-color: transparent!important;
		}
		.menu-is-open .hamburger-line:before {
			width: 25px;
			top: 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s, width .2s 0s;
			-o-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s, width .2s 0s;
			transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s, width .2s 0s;
		}
		.menu-is-open .hamburger-line:after {
			width: 25px;
			bottom: 0;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s;
			-o-transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s;
			transition: background-color .2s 0s, top .2s 0s, bottom .2s 0s, transform .3s .2s;
		}

/* ------------------------------------------------------------------------- MAIN */
/* ------------------------------------------------------------------------- MAIN */
	
	/* -------------------------------------- custom-banner */
		.custom-banner {
			width: 100%;
			height: auto;
		}
		.custom-banner .custom-slide {
			width: 100%;
			min-width: 100%;
			position: relative;
		}
		.custom-banner .custom-slide img {
			width: 100%;
			height: 100%;
			object-position: center;
			object-fit: cover;
			position: relative;
			z-index: 1;
		}
		.custom-banner .custom-prev {
			position: static;
			border-color: var(--white);
			background-color: rgba(0,0,0,0.5);
			transition: background-color .3s;
			transform: unset;
		}
		.custom-banner .custom-next {
			position: static;
			margin-left: 25px;
			border-color: var(--white);
			background-color: rgba(0,0,0,0.5);
			transition: background-color .3s;
			transform: unset;
		}
		.custom-banner .custom-prev:hover,
		.custom-banner .custom-next:hover {
			background-color: rgba(0,0,0,0.8);
		}
		.custom-banner .custom-prev path,
		.custom-banner .custom-next path {
			fill: var(--white)
		}

		.custom-banner-content {
			position: absolute;
			height: 100%;
			z-index: 2;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			padding-top: 80px;
			padding-bottom: 120px;
			justify-content: flex-end;
			padding-left: 20px;
			padding-right: 20px;
		}
		.custom-banner-bottom {
			position: absolute;
			z-index: 3;
			bottom: 30px;
			left: 50%;
			transform: translateX(-50%);
			-ms-align-items: center;
			align-items: center;
			padding-left: 20px;
			padding-right: 20px;
		}
		.custom-banner-content-bottom {
			-ms-align-items: center;
			align-items: center;
		}
		.custom-banner-content-subtitle {
			color: var(--white);
			padding: 8px 20px;
			background-color: var(--grey5);
			-ms-align-self: flex-start;
			align-self: flex-start;
			margin-top: 10px;
		}
		.custom-banner-content-label {
			color: var(--white);
			text-align: center;
			padding: 15px 80px 10px;
			background-color: var(--red);
			clip-path: polygon(40px 0, 100% 0, calc(100% - 40px) 100%, 0 100%);
			margin-left: 25px;
		}
		.custom-banner-content-label .h3 {
			padding-bottom: 10px;
		}

	/* -------------------------------------- main-banner */
		.main-banner-container {
			width: 100%;
			height: calc(100vh - 54px);
			min-height: 700px;
			max-height: 836px;
			background-color: var(--white);
			position: relative;
			z-index: 1;
			padding-top: 70px;
			padding-bottom: 70px;
			justify-content: center;
			overflow: hidden;
		}
		.main-banner-back-1,
		.main-banner-back-2 {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 0;
			transform: translate(100px, 50px);
			-webkit-animation: main-banner-back .8s ease-out;
			-o-animation: main-banner-back .8s ease-out;
			animation: main-banner-back .8s ease-out;
			animation-fill-mode: forwards;
			overflow: hidden;
		}
		.main-banner-back-1 {
			z-index: 1;
			animation-delay: 1.6s;
		}
		.main-banner-back-2 {
			z-index: 2;
			animation-delay: 1.4s;
		}
		.main-banner-back-1:after,
		.main-banner-back-2:after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			width: 100%;
			height: calc(100vh - 54px);
			min-height: 700px;
			max-height: 836px;
			transform: skewX(-30deg);
		}
		.main-banner-back-1:after {
			background-color: var(--grey1);
			left: 43%;
		}
		.main-banner-back-2:after {
			background-color: var(--grey2);
			left: 68%;
		}
		@keyframes main-banner-back {
			0% { 
				height: 0;
				transform: translate(100px, 50px);
			}
			50% { 
				height: 100%;
				transform: translate(80px, 0);
			}
			100% {
				height: 100%;
				transform: translate(0, 0);
			}
		}
		.main-banner-wrapper {
			position: relative;
			z-index: 3;
		}
		.main-banner-top {
			-ms-align-items: center;
			align-items: center;
			justify-content: flex-start;
			margin-bottom: 60px;
		}
		.main-banner-top h1 {
			-ms-align-self: flex-start;
			align-self: flex-start;
			max-width: 607px;
			margin-right: 70px;
			opacity: 0;
			-webkit-animation: opacity-one 1s ease-out;
			-o-animation: opacity-one 1s ease-out;
			animation: opacity-one 1s ease-out;
			animation-fill-mode: forwards;
			animation-delay: 2.5s;
		}
		.main-banner-top button {
			opacity: 0;
			-webkit-animation: opacity-one 1s ease-out;
			-o-animation: opacity-one 1s ease-out;
			animation: opacity-one 1s ease-out;
			animation-fill-mode: forwards;
			animation-delay: 2.8s;
		}
		@keyframes opacity-one {
			from { 
				opacity: 0;
			}
			to {
				opacity: 1;
			}
		}
		@keyframes opacity-two {
			from { 
				opacity: 0;
			}
			to {
				opacity: 1;
				transform: translateX(0);
			}
		}
		.main-banner-bottom {
			-ms-align-items: stretch;
			align-items: stretch;
		}
		.main-banner-bottom.flex {justify-content:center;}
		.main-banner-car {
			width: calc((100% - 160px) / 3);
			position: relative;
			padding-top: 50px;
		}
		.main-banner-car * {
			cursor: pointer;
		}
		.main-banner-car:nth-of-type(1) {
			opacity: 0;
			transform: translateX(70px);
			-webkit-animation: opacity-two 1s ease-out;
			-o-animation: opacity-two 1s ease-out;
			animation: opacity-two 1s ease-out;
			animation-fill-mode: forwards;
			animation-delay: 2s;
		}
		.main-banner-car:nth-of-type(2) {
			opacity: 0;
			-webkit-animation: opacity-one 1s ease-out;
			-o-animation: opacity-one 1s ease-out;
			animation: opacity-one 1s ease-out;
			animation-fill-mode: forwards;
			animation-delay: 2s;
		}
		.main-banner-car:nth-of-type(3) {
			opacity: 0;
			transform: translateX(-70px);
			-webkit-animation: opacity-two 1s ease-out;
			-o-animation: opacity-two 1s ease-out;
			animation: opacity-two 1s ease-out;
			animation-fill-mode: forwards;
			animation-delay: 2s;
		}
		.main-banner-car-title {
			position: absolute;
			z-index: 1;
			top: 30px;
			left: 0;
			opacity: 0;
			font-family: Russo One;
			font-size: 90px;
			line-height: 100px;
			color: var(--red);
			text-transform: uppercase;
			transition: top .5s .5s, opacity .5s 0s;
		}
@media(max-width:650px) {
  .main-banner-car.active .main-banner-car-title {font-size:60px;}
}
		.main-banner-car.active .main-banner-car-title {
			opacity: 1;
			top: 0;
			transition: top .5s 0s, opacity .5s 0s;
		}
		.main-banner-car-img-container {
			height: 200px;
			max-height: 200px;
			width: 100%;
			max-width: 100%;
			position: relative;
			z-index: 2;
		}
		.main-banner-car-img-container img {
          max-width:100%;height:auto;
		}
		.main-banner-car .main-banner-car-text {
			color: var(--grey4);
			margin-top: 25px;
			margin-bottom: 35px;
			cursor: default;
		}
		.main-banner-car .main-banner-arrow {
			color: var(--grey3);
			height: 48px;
			line-height: 48px;
			border-radius: 24px;
			transition: padding .5s, color .5s, border-color .5s;
			border: 1px solid transparent;
			-ms-align-self: flex-start;
			align-self: flex-start;
			position: relative;
			cursor: pointer;
		}
		.main-banner-car.active .main-banner-arrow {
			color: var(--grey5);
			border-color: var(--grey3);
			padding: 0 55px 0 35px;
		}
		.main-banner-car .main-banner-arrow:after {
			content: '';
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBjZBBCsJADEVfRt17hB6hK8GdnkR7EvEk9gYeQTciVKFH8Ai6FjQmtYXSTqGBT8j8P8lPuEJSCOUFUiIRpsLRcjoTTnfY9ARvJbP8Msy/Qh4TUY95GNQxSnQL7PxdOqLVxLw09UdZh3YHIw9Nrcp+CWdpkf4z+bNkC8irLXx/I8sYWYUfqTb2LGAbd8/wJX8RXzYeO2QEFQAAAABJRU5ErkJggg==");
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			width: 7px;
			height: 100%;
			position: absolute;
			z-index: 1;
			right: 29px;
			top: 0;
			pointer-events: none;
			opacity: 0;
			transform: translateX(-5px);
			transition: all .5s;
		}
		.main-banner-car.active .main-banner-arrow:after {
			-webkit-animation: link-arrow infinite 1.3s linear;
			-o-animation: link-arrow infinite 1.3s linear;
			animation: link-arrow infinite 1.3s linear;
			transform: translateX(0);
			opacity: 1;
		}

		.main-banner-bottom .custom-slider-arrow {
			top: auto;
			bottom: 0;
			height: 48px;
			width: 48px;
			transform: unset;
			display: none;
			z-index: 5;
		}
		.main-banner-bottom .custom-prev {
			left: 0;
		}
		.main-banner-bottom .custom-next {
			right: 0;
		}
		.main-banner-wrapper>.custom-red-button {
			-ms-align-self: center;
			align-self: center;
			margin-top: 30px;
			display: none;
		}

	/* -------------------------------------- advantages */
		.advantages-container {
			background: var(--grey5);
			padding-top: 118px;
			padding-bottom: 85px;
			position: relative;
			z-index: 2;
		}
		.advantages-cards-wrapper {
			-ms-align-items: stretch;
			align-items: stretch;
			margin-bottom: 97px;
		}
		.advantages-card {
			width: calc(50% - 15px);
			padding: 45px 69px 51px;
			-ms-align-items: flex-start;
			align-items: flex-start;
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0);
			transition: box-shadow .2s;
			background-color: var(--white);
			background-position: right bottom;
			-webkit-background-size: auto;
			background-size: auto;
			background-repeat: no-repeat;
		}
		.advantages-card:hover {
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
		}
		.advantages-card h2 {
			margin-bottom: 20px;
			opacity: 0.8;
			transition: opacity .2s;
		}
		.advantages-card:hover h2 {
			opacity: 1;
		}
		.advantages-card p {
			color: var(--grey4);
			max-width: 340px;
			margin-bottom: 20px;
			opacity: 0.8;
			transition: opacity .2s;
		}
		.advantages-card:hover p {
			opacity: 1;
		}
		.advantages-wrapper {
			color: var(--white);
		}
		.advantages-wrapper h2 {
			margin-bottom: 65px;
			text-align: center;
		}
		.advantages {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.advantage {
			width: calc(100% / 3);
			margin-bottom: 50px;
			justify-content: flex-start;
			-ms-align-items: center;
			align-items: center;
			padding-right: 25px;
			padding-left: 25px;
		}
		.advantage p {
			margin-left: 21px;
		}
		.sale-card-container {
			perspective: 2000px;
			background: linear-gradient(to bottom, var(--grey5) 0%, var(--grey5) 50%, var(--white) 0%);
			margin-bottom: 110px;
		}
		.sale-card {
			will-change: transform;
			-ms-align-self: center;
			align-self: center;
			width: 100%;
			max-width: 830px;
			padding: 33px 39px 31px;
			padding-left: 184px;
			background: var(--white) url(/images/png/sale-card.png) left top/auto no-repeat;
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
			margin: 0 auto;
			transform: rotateX(65deg);
			opacity: 0;
			transition: all .7s .5s;
		}
		.sale-card-label {
		    display: block;
		    position: absolute;
		    top: 0;
		    left: 0;
		    z-index: 1;
		    animation: sale-label 3.5s infinite;
		    transform-origin: center;
		}
		@keyframes sale-label {
		    0% {
		        transform: rotate(0);
		    }
		    5% {
		        transform: rotate(5deg);
		    }
		    10% {
		        transform: rotate(-5deg);
		    }
		    15% {
		        transform: rotate(10deg);
		    }
		    20% {
		        transform: rotate(-5deg);
		    }
		    25% {
		        transform: rotate(5deg);
		    }
		    30% {
		        transform: rotate(0deg);
		    }
		    100% {
		        transform: rotate(0deg);
		    }
		}
		.sale-card.is-uprise {
			transform: rotateX(0deg);
			opacity: 1;
		}
		.sale-card-top {
			-ms-align-items: center;
			align-items: center;
			margin-bottom: 20px;
		}
		.sale-card h2,
		.category-card h2 {
			margin-bottom: 24px;
		}
		.sale-card ul,
		.category-card ul {
			list-style: none;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: center;
			align-items: center;
		}
		.sale-card li,
		.category-card li {
		    will-change: transform;
			padding-left: 40px;
			position: relative;
			width: 50%;
			padding-right: 40px;
			margin-bottom: 10px;
		}
		.sale-card li:before,
		.category-card li:before {
			content: '';
			height: 18px;
			width: 18px;
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBnVTLTcNAEH2zDveUYCrAkQAp4rKpIKGCiAoogdABVAB0ECrAHBCKc8Ad4BJ8j+Jlxt4Fs3awzZMS787n6Xk+JrRgC2ijsISB5mtozSkIqSrwfAqs/RyqX945KSA88FHjb2R7g9mUnw2iNyA6IrzwcYx+yHdMdiFKHZFV8jGA5JuMlU1EmZJbMExJHWNbCqgNsMBPQbuQcQPuPZvmN9IjUpizsxeJK3Ai8YRr5wiApSKDqCUpP0Qi9WSS+S8vQSsmj1qSJvy7aiOx9Qy9nHDkGWAI66kp5+NxY5AX3N4OkkpUQvj0nURYnRW4dfcuEkaqjMFrQ5XBaqtw05OEE5CStM4GNuUS7pi0czw45rKc7KQi0vgfsnOD43KybYfy4RzliszkUBJJV3aVYQhZubTuC6CcVbZY5ge1T8NBGMQS6zZfQG1xdv8W7DzhiMgmZ/wf74EnVhH7OV+X2IP3zsgVGgAAAABJRU5ErkJggg==");
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%)
		}
		.sale-card li:after,
		.category-card li:after {
			content: '';
			height: 18px;
			width: 18px;
			opacity: 0;
			z-index: -1;
			position: absolute;
			top: 50%;
			left: -1px;
			transform: translateY(-50%) scale(0);
			transition: all .3s;
			border: 1px solid var(--grey3);
			border-radius: 50%;
			transform-origin: center;
		}
		.sale-card li:hover:after,
		.category-card li:hover:after {
			transform: translateY(-50%) scale(1.5);
			opacity: 1;
		}
		.category-card a.custom-red-button {
			font-size: 16px;
			line-height: 15px;
		}
	
	/* -------------------------------------- popular-models */
		.popular-models-container {
			position: relative;
			z-index: 1;
			padding-bottom: 141px;
		}
		.custom-slides-container.slides-on-center {
			justify-content: center;
		}
		.popular-models-container h2,
		.cars-for-sale-container h2 {
			margin-bottom: 68px;
			text-align: center;
			font-size: var(--h1);
			line-height: var(--h1-lh);
		}
		.cars-for-sale-container {
			padding-top: 126px;
			padding-bottom: 133px;
			background-color: var(--grey1);
		}
		.cars-tabs {
			height: 38px;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			display: none;
		}
		.custom-banner-tabs .custom-tab,
		.cars-tabs .custom-tab {
			height: 10px;
			width: 10px;
			border-radius: 50%;
			background-color: var(--grey3);
			margin: 10px;
			position: relative;
		}
		.custom-banner-tabs .custom-tab {
			background-color: var(--white);
		}
		.custom-banner-tabs .custom-tab:after,
		.cars-tabs .custom-tab:after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0);
			opacity: 0;
			border: 1px solid var(--grey3);
			border-radius: 50%;
			height: 28px;
			width: 28px;
			transform-origin: center;
			transition: transform .3s, opacity .3s;
		}
		.custom-banner-tabs .custom-tab:after {
			border-color: var(--white);
		}
		.custom-banner-tabs .active-custom-tab:after,
		.cars-tabs .active-custom-tab:after {
			transform: translate(-50%, -50%) scale(1);
			opacity: 1;
		}

	/* -------------------------------------- main-sales */
		.main-sales-container {
			padding-top: 137px;
			padding-bottom: 28px;
			-ms-align-items: center;
			align-items: center;
			background-color: var(--grey5);
		}
		.main-sales-container h2 {
			text-align: center;
			color: var(--white);
			margin-bottom: 78px;
			font-size: var(--h1);
			line-height: var(--h1-lh);
		}
		.main-sales-wrapper {
			justify-content: flex-start;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
			margin-bottom: 60px;
		}
		.main-sale {
			width: calc((100% - 60px) / 3);
			height: 0;
			position: relative;
			padding-bottom: 21.8%;
			margin-right: 30px;
			margin-bottom: 30px;
			overflow: hidden;
		}
		.main-sale:nth-child(3n) {
			margin-right: 0;
		}
		.custom-slide.main-sale {
			margin-right: 30px!important;
			width: calc((100% - 60px) / 3);
			min-width: calc((100% - 60px) / 3);
			opacity: 0;
			visibility: hidden;
			transition: opacity .3s 0s, visibility 0s .3s;
			margin-bottom: 0;
		}
		.custom-slide.main-sale.active-custom-slide {
			opacity: 1;
			visibility: visible;
			transition: opacity .3s 0s, visibility 0s 0s;
		}
		.main-sale img {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 1;
			object-fit: cover;
			transition: transform .8s;
		}
		.main-sale:hover img {
			transform: scale(1.1);
			transition: transform .2s;
		}
		.main-sale-inner {
			color: var(--white);
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center;
			padding: 28px 30px 17px 34px;
			justify-content: space-between;
		}
		.main-sale-inner:before {
			content: '';
			width: 160px;
			height: 100%;
			top: 0;
			left: 0;
			position: absolute;
			z-index: 1;
			background-color: var(--red);
			clip-path: polygon(0 0, 100% 0, 0 100%);
		}
		.main-sale-inner.red-main-sale:before {
			background-color: var(--grey3);
		}
		.main-sale-inner h3 {
			-ms-align-self: flex-start;
			align-self: flex-start;
			position: relative;
			z-index: 2;
		}
		.main-sale-inner h3.red-main-sale {
			color: var(--red);
			text-shadow: 0 0 2px rgba(255,255,255,0.6);
		}
		.main-sale-inner h3.black-main-sale {
			color: #000;
		}
		.main-sale-inner h3.gray-main-sale {
			color: var(--grey2);
			text-shadow: 0 0 2px rgba(255,255,255,0.6);
		}
		.main-sale-inner h3 span {
			font-size: 1.2em;
			line-height: 1.3;
		}
		.main-sale-inner .main-sale-desc {
			-ms-align-self: flex-end;
			align-self: flex-end;
			text-align: right;
			position: relative;
			z-index: 2;
			text-shadow: 0 0 3px rgba(0,0,0,0.65);
		}
		.main-sale-inner .main-sale-desc.red-main-sale {
			color: var(--red);
		}
		.main-sale-inner .main-sale-desc.black-main-sale {
			color: #000;
		}
		.main-sale-inner .main-sale-desc.gray-main-sale {
			color: var(--grey2);
		}

	/* -------------------------------------- main-service */
		.service-container {
			padding-top: 168px;
			padding-bottom: 191px;
			background: var(--grey5) url(/images/jpg/service-bg.jpg) center top/cover;
		}
		.service-container h2 {
			max-width: 980px;
			text-align: center;
			margin: 0 auto 104px;
			color: var(--white);
			font-size: var(--h1);
			line-height: var(--h1-lh);
		}
		.service-wrapper {
			-ms-align-items: stretch;
			align-items: stretch;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.service-item {
			background-color: var(--white);
			width: calc((100% - 2px) / 3);
			padding: 45px 43px 35px;
			position: relative;
			z-index: 2;
			margin-bottom: 1px;
			margin-right: 1px;
		}
		.service-item:nth-child(3n) {
			margin-right: 0;
		}
		.service-item-readmore {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
			z-index: 5;
		}
		.service-item:hover {
			z-index: 3;
		}
		.service-item:before {
			content: '';
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 0;
			transition: all .3s;
			background-color: var(--white);
			pointer-events: none;
			transform-origin: center;
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0);
		}
		.service-item:hover:before {
			border-radius: 6px;
			transform: scale(1.03);
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
		}
		.service-item-img {
			height: 58px;
			min-height: 58px;
			width: auto;
			margin-bottom: 67px;
			display: block;
			-ms-align-self: flex-start;
			align-self: flex-start;
			position: relative;
			z-index: 1;
		}
		.service-item-circle-container {
			position: absolute;
			overflow: hidden;
			top: 0;
			left: 0;
			width: 100%;
			height: 170px;
			transition: all .3s;
			pointer-events: none;
		}
		.service-item:hover .service-item-circle-container {
			transform: scale(1.03);
			top: -3px;
		}
		.service-item-circle-container:after {
			content: '';
			width: 205px;
			height: 205px;
			position: absolute;
			z-index: 2;
			bottom: 7px;
			left: -30px;
			border: 1px solid var(--red);
			border-radius: 50%;
			opacity: 0;
			transform: scale(0);
			transition: all .5s;
			transform-origin: 50% 60%;
		}
		.service-item:hover .service-item-circle-container:after {
			opacity: 1;
			transform: scale(1);
		}
		.service-item-desc {
			-ms-align-items: flex-start;
			align-items: flex-start;
			justify-content: flex-start;
			flex-grow: 2;
			color: var(--grey4);
		}
		.service-item-desc h3 {
			margin-bottom: 18px;
			color: var(--grey5);
		}
		.service-item-desc ul {
			list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBzY/BCcJAEEXfDnpPKbnZhh1oB9qBsRJtRjDxYCkWIGScCYysi4G9CH5Y+PPZx/yBX2oQTjfh4H5RC6Bs1byBSC0Q8ziSJnOBNlaXwJDQeD10b8CCh4cB3qGZBfympbCz9Y0PqnTe+amsLWvjk+XHVQZN/XrhnJTNt5tK4EMO5nXKSrPKwSogB6+w5y/0Aj6bSW91ciIUAAAAAElFTkSuQmCC");
			margin-bottom: 27px;
			padding-left: 20px;
		}
		.service-item-desc li {
			padding-left: 5px;
		}
		.service-item-desc>*:last-child {
			margin-bottom: 0;
		}
		.service-item-desc a.flex-center {
			display: -webkit-inline-flex;
			display: -moz-inline-flex;
			display: -ms-inline-flex;
			display: -o-inline-flex;
			display: inline-flex;
			color: var(--grey5);
			text-align: left;
			padding: 0 15px;
			line-height: 1.1;
			margin-right: 5px;
		}
		.service-custom-arrows {
			display: none;
		}

	/* -------------------------------------- main-insurance */
		.main-insurance-container {
			position: relative;
			padding-top: 154px;
			padding-bottom: 164px;
		}
		.main-insurance-container:before {
			content: '';
			display: block;
			position: absolute;
			z-index: 1;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: var(--grey1);
			left: 50%;
			transform: skewX(-30deg);
		}
		.main-insurance-wrapper {
			-ms-align-items: stretch;
			align-items: stretch;
			position: relative;
			z-index: 2;
		}
		.main-insurance-item {
			width: calc(100% / 3)
		}
		.main-insurance-info h2 {
			font-size: var(--h1);
			line-height: var(--h1-lh);
		}
		.main-insurance-info {
			-ms-align-items: flex-start;
			align-items: flex-start;
			padding-bottom: 50px;
		}
		.main-insurance-info p,
		.main-insurance-desc {
			color: var(--grey4);
			flex-grow: 2;
			padding-top: 38px;
			padding-bottom: 38px;
			max-width: 276px;
		}

		.main-insurance-card-container {
			perspective: 800px;
		}
		.main-insurance-card {
			position: relative;
			width: 100%;
			height: auto;
			min-height: 608px;
			transition: transform 1s;
			transform-style: preserve-3d;
		}
		.main-insurance-card-container:hover .main-insurance-card {
		 	transform: rotateY(180deg);
		}
		.main-insurance-card-container .main-insurance-card {
		 	transform: rotateY(180deg);
		}
		.main-insurance-card-face {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		.main-insurance-card-face.front {
			background-position: center;
			-webkit-background-size: cover;
			background-size: cover;
			-ms-align-items: flex-start;
			align-items: flex-start;
			justify-content: flex-end;
			color: var(--white);
			padding: 50px;
		}
		.main-insurance-card-face.back {
		 	transform: rotateY(180deg);
		 	-ms-align-items: flex-start;
		 	align-items: flex-start;
			padding: 25px 50px 50px;
		 }
		.main-insurance-card-face h3 {
			margin-top: 15px;
		}

/* ------------------------------------------------------------------------- CATALOG */
/* ------------------------------------------------------------------------- CATALOG */
		
	/* --------------------------- car-category */
		.auto-catalog-banner {
			position: relative;
			overflow: hidden;
			min-height: 594px;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: center;
		}
		.auto-catalog-banner-wrapper {
			position: relative;
			z-index: 2;
			-ms-align-items: stretch;
			align-items: stretch;
			padding-top: 97px;
			padding-bottom: 98px;
		}
		.auto-catalog-banner-left {
			min-width: 370px;
			margin-right: 100px;
			justify-content: space-between;
			-ms-align-items: flex-start;
			align-items: flex-start;
		}
		.auto-catalog-banner-desc {
			margin-bottom: 163px;
		}
		.auto-catalog-banner-right {
			position: relative;
			flex-grow: 2;
		}
		.auto-catalog-banner-right h1 {
			position: relative;
			z-index: 5;
			font-size: 158px;
			color: var(--red);
			font-weight: normal;
			text-transform: uppercase;
			line-height: 137px;
          	opacity: 0;
          	visibility: hidden
		}
		.auto-catalog-banner-right img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			width: 120%;
			height: auto;
			left: -15%;
		}

		.auto-catalog-sales {
			background-color: var(--grey5);
			padding-top: 80px;
			padding-bottom: 80px;
			display: none;
		}
		.auto-catalog-sales .custom-slider-arrow path {
			fill: var(--white);
		}
		.category-card-container {
			background: linear-gradient(to bottom, var(--grey5) 0%, var(--grey5) 50%, var(--grey1) 0%);
		}
		.category-card {
		  will-change: transform;
			-ms-align-self: center;
			align-self: center;
			max-width: 830px;
			padding: 33px 39px 31px;
			padding-left: 184px;
			background: var(--white) url(/images/png/category-card.png) left top/auto no-repeat;
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
			position: relative;
		}
		.category-card ul {
			-ms-align-items: flex-start;
			align-items: flex-start;
			justify-content: space-between;
		}
		.category-card li {
			width: auto;
			padding-left: 32px;
			padding-right: 10px;
		}
		.category-card li:before {
			top: 5px;
			transform: unset;
		}
		.category-card li:after {
			top: 4px;
			transform: scale(0)
		}
		.category-card li:hover:after {
			transform: scale(1.5)
		}

		.auto-catalog-container {
			padding-top: 90px;
			background-color: var(--grey1);
			padding-bottom: 155px;
		}
		.auto-catalog-wrapper h2 {
			width: 100%;
			text-align: center;
			margin-bottom: 90px;
		}

	/* --------------------------- auto-item */
		.auto-item {
			width: 100%;
			-ms-align-items: stretch;
			align-items: stretch;
			margin-bottom: 45px;
			transition: box-shadow .4s;
			box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
			background-color: var(--white);
		}
		.auto-item:hover {
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
		}
		.auto-item-slider-container {
			min-width: 520px;
		}
		.auto-item-slides {
			width: 100%;
			min-height: 367px;
			flex-grow: 2;
		}
		.auto-item-slide {
			background-position: center;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.auto-item-slides .custom-tabs {
			position: absolute;
			z-index: 10;
			top: 0;
			left: 0;
			padding-top: 39px;
			padding-left: 46px;
		}
		.auto-item-slides .custom-tab,
		.auto-subcategory-banner .custom-tab {
			height: 10px;
			width: 10px;
			position: relative;
			background-color: var(--white);
			border-radius: 50%;
			margin-right: 21px;
			transition: background-color .3s;
		}
		.auto-item-slides .custom-tab:hover,
		.auto-subcategory-banner .custom-tab:hover {
			background-color: var(--red);
		}
		.auto-item-slides .custom-tab:after,
		.auto-subcategory-banner .custom-tab:after {
			content: '';
			position: absolute;
			z-index: 2;
			height: 29px;
			width: 29px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0);
			opacity: 1;
			border: 1px solid var(--white);
			transform-origin: center;
			border-radius: 50%;
			transition: all .3s;
		}
		.auto-item-slides .active-custom-tab.custom-tab:after,
		.auto-subcategory-banner .active-custom-tab.custom-tab:after {
			opacity: 1;
			transform: translate(-50%, -50%) scale(1);
		}
		.auto-item-slider-bottom {
			padding: 29px 36px;
			background-color: var(--grey5);
		}
		.auto-item-slider-arrows {
			justify-content: flex-start;
			-ms-align-self: center;
			align-self: center;
		}
		.auto-item-slider-arrows .custom-slider-arrow {
			position: static;
			transform: unset;
			margin-right: 18px;
			margin-left: 0;
		}
		.auto-item-slider-arrows .custom-slider-arrow path {
			fill: var(--white);
		}
		.auto-item-fields {
			flex-grow: 2;
			margin-left: 45px;
			justify-content: flex-end;
		}
		.auto-item-field {
			color: var(--white);
			padding-left: 33px;
			background-position: left 5px;
			background-repeat: no-repeat;
		}
		.auto-item-field-engine {
			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKzSURBVHgBzVRRUhpBFOyZhSR/ITcwJ8jyY5LyAzxBwgmEEyAnAE6gnAA9gXgCzEcqUVMFnEByAjafycJOund2dUsDGquscqq2dnZ2pqenu98Az6FdWnQvDBZ8HJ/xN2Br3Vz7EEABEGjiHPYTh/7KYZfDlcBg+GjgC4s2ASbshnAYlYC5tfjEfotjdW5a/9e60jpAIlVigxMChGJJ8JoDfv0mcJBgy2TzON7lnLMHAV+SRZwdM+axd4DpucPccKMX1NclmEGbclysRaIKRFgnhSbQoANHY8jitOxQ3fGL8R4YUdsWQev87FLv47LXevoH2Me69pUa0qCrzHE9k3PgM+5p3wmqpIjUHcZyvexZzsmkIdf5nunoP4C9TcAvgSO9qX3zDnAaGzq+Ap022JMhCdDj2CAxONwELG1JYmANk1Joqbk6ulgGluzcdXwiaUgTF3FBazUdWwwZu3fU/CdB5kQaCuMjfEJsgXrFuFSnyHmQSvFf3leutRnH2khSZjVkCUqjd7MmbWfs1ZYOHTIGNwh5vE5sU32jVxlblTT/S6JWmSoQ9JjDHTJ9iyx6eZmnOV6pAIBxySJaJmgQKFqSmUpY+klHLXAZqA3g4gRX+anI9GjFdXyPrTexlxcQFC2m4AA3F0ukivsAb55iRYPaqRcqceaYZh8SKOS6oQjwsBHndLcd3lxrrAJQQXBCPwcOCoaRgUp7VvIbV2LGTAz1j2tOCRoGBW/s7ehwg5404+QvqkCaNZQMxrN57bLSlaHygf5NybjG70URy2BDE2Dg74QwMyfUptl1WecmI+MZarwayFxeUNvA7sZrk5mcU6/qyl+RuVEnlKxBWTppPFmtuqjKAWPn0ORmg3sZ3265gekHvVBhiHHi7+em/JGU/w2sJnms4kRdkSeI9zET0s+r7knbX1sGLXYXxyMhAAAAAElFTkSuQmCC");
		}
		.auto-item-field-boost {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHVSURBVHgBnVTbUcJAFD2b6IyflgAd6A/g+AFWoFYAVoBWoFYgVABWgB2AH04EnMEOQgfiN5r13M0Gsnng6J3ZJHuz99xzX6tQIgFQ8RUG/Kxkfi3XGjenwHuRnVcG6Hu45asFzWd6Ubev8JA++wIcBdbxHkrY0bgjbGpA1WENhPw8TJ+ngxFfK9ocFwL6wgyG0X2Jvp/oZjCOhcAVymSmEHLpIJO/Ir3Vhck+x3BOFjr2ODxhyLv0RexyRdEe2vL+Bh5/0yuF87TDHGC6GGQxcT3FBsxjRapqwDWeY2QMtML4Fbh2AMuKYVTaMqMxq7qQcBtAj6Bnenu+5QAyhK4Na5IFrAN3GeOmPCQS2jVtuE+eGxV7SZiSPis3zlb5gNNB47bdmnDn2wHos2eHDgvJDUMZc5n2END0/ykbWPRTspX9zEPXnltglwgzcxBbQGFidb2N8xgsDPLz7go9D6xxxwGzTKxDieIjC6YKAW3n1zSqbz7aUWRys5SiMI+rdQxciXjrNCzjcnZklbArCithn+QxK/nrS5mqrdg6y+QW4f13uRnDCJ/Sk/USQCdkM69xZSeIGZk5zbXDDnEuhy+y8OPPljykiet/ACsU5uaCayRziX/ID2aL0d4lQ51nAAAAAElFTkSuQmCC");
		}
		.auto-item-field-title {
			font-size: var(--caption);
			line-height: var(--caption-lh);
			color: var(--grey3);
		}
		.auto-item-field-value span:last-child {
			font-size: var(--caption);
			line-height: var(--caption-lh);
		}
		
		.auto-item-price {
			margin-left: 20px;
		}
		.auto-item-price span,
		.auto-page-price span {
			color: var(--grey3);
			font-size: 0.8em;
		}
		.auto-item-price span.curency-label,
		.auto-page-price span.curency-label {
			font-size: 1em;
			font-family: 'Roboto';
			color: var(--grey5);
			font-weight: bold;
		}
		.auto-item-info {
			padding: 44px 50px 44px 70px;
			flex-grow: 2;
		}
		.auto-item-info-top {
			-ms-align-items: center;
			align-items: center;
		}
		.auto-item-text {
			flex-grow: 2;
			color: var(--grey4);
			margin-top: 25px;
			margin-bottom: 25px;
		}
		.auto-item-text .jcomments-links {
			display: none;
		}
		.auto-item-info-bottom {
			justify-content: flex-start;
		}
		.auto-item-info-bottom .custom-red-color-button {
			margin-right: 25px;
		}

	/* --------------------------- car-item */
		.car-item {
			width: calc((100% - 60px) / 3);
			margin-right: 30px;
			background-color: var(--white);
			transition: box-shadow .4s;
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0);
			padding-bottom: 42px;
			position: relative;
			z-index: 1;
		}
		.car-item.custom-slide {
			transition: box-shadow .4s 0s, opacity .3s 0s, visibility 0s .3s;
			visibility: hidden;
			opacity: 0;
			min-width: calc((100% - 60px) / 3);
			margin-right: 30px!important;
		}
		.slides-on-center .car-item.custom-slide {
			margin-right: 15px!important;
			margin-left: 15px!important;
		}
		.car-item.custom-slide.active-custom-slide {
			transition: box-shadow .4s 0s, opacity .3s 0s, visibility 0s 0s;
			visibility: visible;
			opacity: 1;
		}
		.car-item:hover {
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
		}
		.car-item:last-of-type {
			margin-left: 0;
		}
		.car-item-img-container {
			position: relative;
			-ms-align-items: center;
			align-items: center;
			justify-content: center;
			height: 234px;
			width: 100%;
			margin-bottom: 28px;
			overflow: hidden;
		}
		.car-item-img-container img {
			max-height: 100%;
			max-width: 100%;
			width: 100%;
			height: 100%;
			position: relative;
			z-index: 1;
			object-fit: cover;
			object-position: center;
		}
		.car-item-type {
			color: var(--grey3);
		}
		.car-item-price-container {
			position: absolute;
			z-index: 3;
			top: 26px;	
			right: 32px;
			color: var(--grey2);
			font-size: 20px;
			line-height: 24px;
			font-family: "Russo One";
		}
		.car-item-black .car-item-price-container {
			color: var(--grey3);
		}
		.car-item-red .car-item-price-container {
			color: var(--red);
		}
		.car-item-price {
			color: var(--white);
			text-shadow: 0 0 3px rgba(0,0,0,0.5);
		}
		.car-item-black .car-item-price {
			color: var(--grey5);
			text-shadow: none;
		}
		.car-item-red .car-item-price {
			color: var(--red);
			text-shadow: none;
		}
		.car-item-price b {
			font-family: Roboto;
		}
		.month-payment {
			font-family: Roboto;
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);
			color: var(--white);
			font-size: var(--caption);
			line-height: var(--caption-lh);
			white-space: nowrap;
		}
		.car-item-black .month-payment {
			color: var(--grey4);
		}
		.car-item-title {
			margin-bottom: 25px;
			text-align: center;
		}
		.car-item a.custom-red-button {
			-ms-align-self: center;
			align-self: center;
		}
		.car-item-properties {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-bottom: 15px;
			padding-left: 30px;
			padding-right: 30px;
		}
		.car-item-property {
			flex-basis: 50%;
			max-width: 50%;
			margin-bottom: 13px;
			padding-right: 10px;
			padding-left: 10px;
			-ms-align-items: center;
			align-items: center;
			justify-content: flex-start;
		}
		.car-item-property-img {
			height: 20px;
			min-height: 20px;
			width: 20px;
			min-width: 20px;
			margin-right: 11px;
			-webkit-background-size: contain;
			background-size: contain;
			background-position: left center;
			background-repeat: no-repeat;
		}
		.car-item-property-gearbox .car-item-property-img {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGySURBVHgB5VTBUQJBEOw9T8vnGYFnBvjRsnxwZgAZkIEagRqBZABGoBkADwvFBxiBlwH3VmDtmb3VpTzBhw+r7KqF3e2Z2Zm53cYQSEcGYw47itAZAwkCcO+U3JTj5SnCRciJLfd76kteYkUb3CCXWIs7WLRegTPvIAbca3OacxS0ubwHap4vbTP1JRjrNuJ/aoHJIdAUJwPsBklk8kOHK2NxLvNYDvmEzAvxpd+E85oE7HPRkLLgyh14623oyYXhyZZDMl04RwXnfbiyp0yqwWq62odHGksfHoJyw7KlPzLCcj3ER3sI1/9onxkw8rOQW9AslnDk+pfTJj8OsvOwrgrBQGJF+GX8/YBxuJgZdEfVdjXwKpDrVXDJl4AzNnbToo7vYMp/W8kWH/xPoc+rOjt/reTatGT9D7/y2oDlc0vZ+HS4LAyKWN6wi1SXp7fy+0gAL2/lKHgb9vS5Qq9Riwd14NbC96M16Wt2c4smJUzkLXnzGUFvUSbBDix2jNPELF4V0DhhEOG89ntzJ1kewqtaWXd4vjLDA6qLiGtZTrqgyJbqo6A6tcnfGKeFBSs5eQegxJwDf0Y1FAAAAABJRU5ErkJggg==");
		}
		.car-item-property-drive .car-item-property-img {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIASURBVHgBnVXLUQJBEH2zYJVHjUAyAKssLU9iBJIBm4FkYBmBGoEQgRKBcFKWAxiBZMAerVK2fT27A6PuB21q2KVn3pvunp6HQWYzYO+dYxeIDzmwhT0DDX36mEC/pgGuPgyWNYM3fervKjJdo+sd5gXoqd/oV0SnCOYJMOQObWPQPZZ0zoLVx+iPgEfnI0b46a+AMTEXxLSJ2a9n8w2OwSnQZxqoAV0l0QkJ0OVmofB9YnAbJBhaf4obK2aS4jvqqBelJAZP2CBHNh1Bj/4eSqyQcCU4Rxpth8lfWm7BgGXpW7/bsIAwNgEOpgnaTPFMozrNotLomP4ZyeITIHTACLYcTcUkBk1kp2wJE8E1C3vDdEIlI/ja31Vy2kjX8KCutAQGG8z6JF0f6jujW/jgSNMj6zHSMpRh1jXMGnOrhi7DBFWgKLAH0mAurcirYZGVEloCwS1HzDEn6f0k67d/EUp2V1m7Q69+rTLMuoZ5F92LNJekVBz8i+7EIWvimKnO7OC7a+wqcViyj0ZcfOduhhMHjaJu8MB57DBtF4knDgNGFVIcLnxx0F561duhBDWkCuPV0m79KWhNfV8qDqNJunbvWw1/muTcVSm4v75VikORVYoDU2pG1D38FodcU3HQtVFiI1dxWKwJrTgY3JC0kycOeebEgZjwz+JQZHl/bF+tlt67FIvvOAAAAABJRU5ErkJggg==");
		}
		.car-item-property-engine .car-item-property-img {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKzSURBVHgBzVRRUhpBFOyZhSR/ITcwJ8jyY5LyAzxBwgmEEyAnAE6gnAA9gXgCzEcqUVMFnEByAjafycJOund2dUsDGquscqq2dnZ2pqenu98Az6FdWnQvDBZ8HJ/xN2Br3Vz7EEABEGjiHPYTh/7KYZfDlcBg+GjgC4s2ASbshnAYlYC5tfjEfotjdW5a/9e60jpAIlVigxMChGJJ8JoDfv0mcJBgy2TzON7lnLMHAV+SRZwdM+axd4DpucPccKMX1NclmEGbclysRaIKRFgnhSbQoANHY8jitOxQ3fGL8R4YUdsWQev87FLv47LXevoH2Me69pUa0qCrzHE9k3PgM+5p3wmqpIjUHcZyvexZzsmkIdf5nunoP4C9TcAvgSO9qX3zDnAaGzq+Ap022JMhCdDj2CAxONwELG1JYmANk1Joqbk6ulgGluzcdXwiaUgTF3FBazUdWwwZu3fU/CdB5kQaCuMjfEJsgXrFuFSnyHmQSvFf3leutRnH2khSZjVkCUqjd7MmbWfs1ZYOHTIGNwh5vE5sU32jVxlblTT/S6JWmSoQ9JjDHTJ9iyx6eZmnOV6pAIBxySJaJmgQKFqSmUpY+klHLXAZqA3g4gRX+anI9GjFdXyPrTexlxcQFC2m4AA3F0ukivsAb55iRYPaqRcqceaYZh8SKOS6oQjwsBHndLcd3lxrrAJQQXBCPwcOCoaRgUp7VvIbV2LGTAz1j2tOCRoGBW/s7ehwg5404+QvqkCaNZQMxrN57bLSlaHygf5NybjG70URy2BDE2Dg74QwMyfUptl1WecmI+MZarwayFxeUNvA7sZrk5mcU6/qyl+RuVEnlKxBWTppPFmtuqjKAWPn0ORmg3sZ3265gekHvVBhiHHi7+em/JGU/w2sJnms4kRdkSeI9zET0s+r7knbX1sGLXYXxyMhAAAAAElFTkSuQmCC");
		}
		.car-item-property-power .car-item-property-img {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHVSURBVHgBnVTbUcJAFD2b6IyflgAd6A/g+AFWoFYAVoBWoFYgVABWgB2AH04EnMEOQgfiN5r13M0Gsnng6J3ZJHuz99xzX6tQIgFQ8RUG/Kxkfi3XGjenwHuRnVcG6Hu45asFzWd6Ubev8JA++wIcBdbxHkrY0bgjbGpA1WENhPw8TJ+ngxFfK9ocFwL6wgyG0X2Jvp/oZjCOhcAVymSmEHLpIJO/Ir3Vhck+x3BOFjr2ODxhyLv0RexyRdEe2vL+Bh5/0yuF87TDHGC6GGQxcT3FBsxjRapqwDWeY2QMtML4Fbh2AMuKYVTaMqMxq7qQcBtAj6Bnenu+5QAyhK4Na5IFrAN3GeOmPCQS2jVtuE+eGxV7SZiSPis3zlb5gNNB47bdmnDn2wHos2eHDgvJDUMZc5n2END0/ykbWPRTspX9zEPXnltglwgzcxBbQGFidb2N8xgsDPLz7go9D6xxxwGzTKxDieIjC6YKAW3n1zSqbz7aUWRys5SiMI+rdQxciXjrNCzjcnZklbArCithn+QxK/nrS5mqrdg6y+QW4f13uRnDCJ/Sk/USQCdkM69xZSeIGZk5zbXDDnEuhy+y8OPPljykiet/ACsU5uaCayRziX/ID2aL0d4lQ51nAAAAAElFTkSuQmCC");
		}

		.car-item-property-name {
			font-size: var(--caption);
			line-height: var(--caption-lh);
			color: var(--grey3);
		}
		.car-item-property-value {
			color: var(--grey4);
		}

/* ------------------------------------------------------------------------- AUTO-SUBCATEGORY */
/* ------------------------------------------------------------------------- AUTO-SUBCATEGORY */
	
	/* --------------------------- auto-subcategory-banner */
		.auto-subcategory-banner {
			position: relative;
			z-index: 1;
			min-height: 468px;
			padding-top: 60px;
			padding-bottom: 60px;
		}
		.auto-subcategory-slides {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 1;
		}
		.auto-subcategory-slide {
			flex-grow: 2;
			width: 100%;
			object-fit: cover;
			object-position: right center;
			object-position: center;
		}
		.auto-subcategory-banner-wrapper {
			position: relative;
			z-index: 5;
			flex-grow: 2;
		}
		.auto-subcategory-banner-wrapper .custom-tabs {
			position: absolute;
			z-index: 1;
			bottom: 0;
			left: 0;
			justify-content: flex-start;
		}
		.auto-subcategory-slider-arrows {
			position: absolute;
			z-index: 2;
			bottom: 0;
			right: 0;
			justify-content: flex-end;
		}
		.auto-subcategory-slider-arrows .custom-slider-arrow {
			position: static;
			margin-right: 0;
			margin-left: 20px;
			transform: unset;
		}
		.auto-subcategory-banner-title {
			position: absolute;
			z-index: 4;
			width: 100%;
			bottom: 60px;
			padding-right: 30%;
			color: var(--red);
			font-family: Russo One;
			-ms-align-items: flex-end;
			align-items: flex-end;
		}
		.big-title {
			font-size: 118px;
			line-height: 87px;
			padding-right: 40px;
		}

	/* --------------------------- auto-subcategory-info & slider */
		.auto-subcategory-info {
			padding-top: 80px;
			padding-bottom: 80px;
		}
		.auto-subcategory-info-header {
			min-width: 320px;
			margin-right: 70px;
		}
		.auto-subcategory-info-desc {
			flex-grow: 2
		}
		.auto-subcategory-info-desc p {
			color: var(--grey4);
		}
		.auto-subcategory-info-desc p strong {
			color: var(--grey5);
		}

		.auto-variants-container {
			padding-top: 105px;
			padding-bottom: 105px;
			background-color: var(--grey1);
		}
		.auto-variants-container h2 {
			text-align: center;
			max-width: 665px;
			margin: 0 auto 70px;
		}

	/* --------------------------- auto-subcategory-video */
		.auto-subcategory-video-container {
			padding-top: 105px;
			padding-bottom: 105px;
		}
		.auto-subcategory-video-wrapper {
			-ms-align-items: stretch;
			align-items: stretch;
		}
		.auto-subcategory-video {
			position: relative;
			flex-grow: 2;
			min-height: 450px;
		}
		.auto-subcategory-video:after {
			content: '';
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center;
			transition: opacity .3s 0s, visibility 0s .3s;
		}
		.active-video.auto-subcategory-video:after {
			opacity: 0;
			visibility: hidden;
		}
		.auto-subcategory-play {
			height: 50px;
			width: 50px;
			border-radius: 50%;
			background-color: var(--red);
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			z-index: 3;
			transition: opacity .3s 0s, visibility 0s .3s, background-color .3s;
			background-position: calc(50% + 2px) center;
			background-repeat: no-repeat;
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBlZJRDYAwDEQLCpCABCQgBQk4QAKgABwgYVImAQlHR8bHBgu9l1yyj156t1QAbCqvGsQCUmZVwxgQt7WM4WFiDYHjtQ3/eFXPGJKIVXiJnZ01SC0cK9NhuS2GQc/8kkN+KoXBUzV+tihE6Iq1s+EFhmt1McIgBi5kQ5LCWtMC5QAAAABJRU5ErkJggg==");
		}
		.auto-subcategory-play:hover {
			background-color: var(--darkred);
		}
		.active-video.auto-subcategory-video .auto-subcategory-play {
			opacity: 0;
			visibility: hidden;
		}
		.auto-subcategory-play:after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(1);
			transform-origin: center;
			height: 76px;
			width: 76px;
			border-radius: 50%;
			border: 1px solid var(--grey3);
			pointer-events: none;
		}
		.auto-subcategory-video iframe {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
		.auto-subcategory-parameters {
			min-width: 242px;
			margin-left: 75px;
		}
		.auto-subcategory-parameters h3 {
			margin-bottom: 10px;
		}
		.auto-subcategory-parameter {
			flex-grow: 2;
			border-bottom: 1px solid #E0E0E0;
			justify-content: center;
			-ms-align-items: flex-start;
			align-items: flex-start;
			padding-left: 37px;
			background-position: 0 center;
			background-repeat: no-repeat;
		}
		.size-parameter {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZXbccIwEEWvFBeQDpJ0wEcebVBCOsikgpgSqCAtpIlMxuTDdABUAAWAxV5ZMsJIxgzwx52R9djV0VpeyWqiMAPwiH3NXw2e0KHUvCwYnG4MxmxoYIUjMgafFXDP9p3Ch1QDsjIP40Cm8fBSYYQeegN+WP9rfAl80DDq5TA2daS5OKAv1MFyKSOJdi6RfutgRWugAx1PgXFuY+DmFsDQ96Wdy5jpgtJGnyIAkeE+1KEcdFm6TW+LthB2tlIL3XRlTeqjdLJNxwZtDiqUv5GJFia2ZJ62EzuWtG3Fkr9JbBpk1fe+sBT0TxjsZ2Fk0bOZEH0KY5v2QllXWPhXNlLKvpGlIvUMxYezTRFcsM/uvusADZU/grsLFurSv4AtvOGYOGHjhVIAAAAASUVORK5CYII=");
		}
		.kpp-parameter {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGySURBVHgB5VTBUQJBEOw9T8vnGYFnBvjRsnxwZgAZkIEagRqBZABGoBkADwvFBxiBlwH3VmDtmb3VpTzBhw+r7KqF3e2Z2Zm53cYQSEcGYw47itAZAwkCcO+U3JTj5SnCRciJLfd76kteYkUb3CCXWIs7WLRegTPvIAbca3OacxS0ubwHap4vbTP1JRjrNuJ/aoHJIdAUJwPsBklk8kOHK2NxLvNYDvmEzAvxpd+E85oE7HPRkLLgyh14623oyYXhyZZDMl04RwXnfbiyp0yqwWq62odHGksfHoJyw7KlPzLCcj3ER3sI1/9onxkw8rOQW9AslnDk+pfTJj8OsvOwrgrBQGJF+GX8/YBxuJgZdEfVdjXwKpDrVXDJl4AzNnbToo7vYMp/W8kWH/xPoc+rOjt/reTatGT9D7/y2oDlc0vZ+HS4LAyKWN6wi1SXp7fy+0gAL2/lKHgb9vS5Qq9Riwd14NbC96M16Wt2c4smJUzkLXnzGUFvUSbBDix2jNPELF4V0DhhEOG89ntzJ1kewqtaWXd4vjLDA6qLiGtZTrqgyJbqo6A6tcnfGKeFBSs5eQegxJwDf0Y1FAAAAABJRU5ErkJggg==");
		}
		.engine-parameter {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgBzVRdTttAGJxdN2rfmiOEExReiioeEk7Q9gSYE4QbJDlBe4O0J2h7goYHxE+QTE5AOEHCI1hkmbE3YWPsEJCQ+KSV7c+7s7PzzbfAW4ihRefMYMLhOP4fA42quXYdQAEQKHEOBzOH3p3DLtP1yKCPl8aZRXvBEg9AfN9Ujpu2yta9qwJMyCg1+AOHTbEku6YDrovzmO9wzmAt4CFZpP6YKY+9A1ycOowNNxqSpZthBAEyz9ESiS1gGmLYIksW6IdjYcjiX81haydfjG3gL7XdJ2iLnx3q/buWa31xCxygKo5yzS59xTWSU+AbnogTgqoGIvWIsapey1mOyeS7qs7nSEc/B/ZWAb8Hful5A8SPfsqTYcUXeeCn2OCJ4Mm6wghzxgM7sfyC5ep6Z0zSQOt5XgytxSdqfkWQMZH6IYYNNKlXMQr/ydfajLk2ZhmzJryDotwpCIEHfGsWAVOb6Tv94NmqpVmHLsf+Z2CDQ89dMt2At95Sm6t7JIcW6oe3XXYvSD8/p+G7L0ZJaI1cNZ+/CFmrYLfJSeBPb6tLrIi59UIpsgZQQ9BmPZ+aRkHBqKVae7QK2M+vLwEr1JbcoCvNuMGhOpDF6ksGAk+twUesGaXXJi0z5gZxVhReQpEkMFlxW6vuYKdil1xIlUGwONA/SUqseR5hT//n14DBM0LFoRztnB56agyO+sziK79j1Wfbu+JZwJ59g/p1TS5Nw28yuAN6xc59lbgHyvn1lWMwhDMAAAAASUVORK5CYII=");
		}
		.volume-parameter {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHVSURBVHgBnVTbUcJAFD2b6IyflgAd6A/g+AFWoFYAVoBWoFYgVABWgB2AH04EnMEOQgfiN5r13M0Gsnng6J3ZJHuz99xzX6tQIgFQ8RUG/Kxkfi3XGjenwHuRnVcG6Hu45asFzWd6Ubev8JA++wIcBdbxHkrY0bgjbGpA1WENhPw8TJ+ngxFfK9ocFwL6wgyG0X2Jvp/oZjCOhcAVymSmEHLpIJO/Ir3Vhck+x3BOFjr2ODxhyLv0RexyRdEe2vL+Bh5/0yuF87TDHGC6GGQxcT3FBsxjRapqwDWeY2QMtML4Fbh2AMuKYVTaMqMxq7qQcBtAj6Bnenu+5QAyhK4Na5IFrAN3GeOmPCQS2jVtuE+eGxV7SZiSPis3zlb5gNNB47bdmnDn2wHos2eHDgvJDUMZc5n2END0/ykbWPRTspX9zEPXnltglwgzcxBbQGFidb2N8xgsDPLz7go9D6xxxwGzTKxDieIjC6YKAW3n1zSqbz7aUWRys5SiMI+rdQxciXjrNCzjcnZklbArCithn+QxK/nrS5mqrdg6y+QW4f13uRnDCJ/Sk/USQCdkM69xZSeIGZk5zbXDDnEuhy+y8OPPljykiet/ACsU5uaCayRziX/ID2aL0d4lQ51nAAAAAElFTkSuQmCC");
		}
		.chassis-parameter {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIASURBVHgBnVXLUQJBEH2zYJVHjUAyAKssLU9iBJIBm4FkYBmBGoEQgRKBcFKWAxiBZMAerVK2fT27A6PuB21q2KVn3pvunp6HQWYzYO+dYxeIDzmwhT0DDX36mEC/pgGuPgyWNYM3fervKjJdo+sd5gXoqd/oV0SnCOYJMOQObWPQPZZ0zoLVx+iPgEfnI0b46a+AMTEXxLSJ2a9n8w2OwSnQZxqoAV0l0QkJ0OVmofB9YnAbJBhaf4obK2aS4jvqqBelJAZP2CBHNh1Bj/4eSqyQcCU4Rxpth8lfWm7BgGXpW7/bsIAwNgEOpgnaTPFMozrNotLomP4ZyeITIHTACLYcTcUkBk1kp2wJE8E1C3vDdEIlI/ja31Vy2kjX8KCutAQGG8z6JF0f6jujW/jgSNMj6zHSMpRh1jXMGnOrhi7DBFWgKLAH0mAurcirYZGVEloCwS1HzDEn6f0k67d/EUp2V1m7Q69+rTLMuoZ5F92LNJekVBz8i+7EIWvimKnO7OC7a+wqcViyj0ZcfOduhhMHjaJu8MB57DBtF4knDgNGFVIcLnxx0F561duhBDWkCuPV0m79KWhNfV8qDqNJunbvWw1/muTcVSm4v75VikORVYoDU2pG1D38FodcU3HQtVFiI1dxWKwJrTgY3JC0kycOeebEgZjwz+JQZHl/bF+tlt67FIvvOAAAAABJRU5ErkJggg==");
		}
		.parameter-title {
			font-size: var(--caption);
			line-height: var(--caption-lh);
			color: var(--grey3);
		}

	/* --------------------------- auto-subcategory-options */
		.auto-options-wrapper {
			justify-content: flex-start;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
		}
		.auto-option {
			width: calc((100% - 60px) / 3);
			position: relative;
			padding-bottom: 21.8%;
			margin-right: 30px;
			margin-bottom: 30px;
			overflow: hidden;
		}
		.auto-option:nth-child(3n) {
			margin-right: 0;
		}
		.auto-option-inner {
			color: var(--white);
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center;
			padding: 28px 30px 17px 34px;
			justify-content: flex-end;
		}

	/* --------------------------- auto-subcategory-form */
		.auto-subcategory-form-container {
			background: linear-gradient(to top, var(--darkgrey) 0%, var(--darkgrey) 50%, var(--white) 0%);
			padding-bottom: 110px;
			padding-top: 110px;
		}
		.auto-simple-subcategory.auto-subcategory-form-container {
			background: linear-gradient(to top, var(--darkgrey) 0%, var(--darkgrey) 50%, var(--grey1) 0%);
		}
		.auto-subcategory-form-wrapper {
			will-change: transform;
			-ms-align-self: center;
			align-self: center;
			max-width: 830px;
			padding: 33px 39px 31px;
			padding-left: 184px;
			background: var(--white) url(/images/png/money.png) left top/auto no-repeat;
			box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
		}
		.auto-subcategory-form-label {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			animation: sale-label 3.5s infinite;
			transform-origin: center;
		}
		.auto-subcategory-form {
			padding-top: 10px;
		}
		.auto-subcategory-form-inputs {
			width: calc(50% - 30px);
		}
		.auto-subcategory-form .input-wrapper,
		.auto-subcategory-form .custom-red-button,
		.auto-subcategory-form .agreement {
			margin-top: 15px;
		}

/* ------------------------------------------------------------------------- AUTOSERVICE */
/* ------------------------------------------------------------------------- AUTOSERVICE */

	/* -------------------------------------- autoservice */
		.service-container.autoservice {
			background: var(--grey5) url(/images/jpg/service-bg-autoservice.jpg) center top/cover;
			padding-top: 130px;
		}
		.autoservice .custom-transparent-button {
			color: var(--grey4);
			min-height: 38px;
			height: 38px;
			padding: 0 15px;
			transition: all .3s;
			font-weight: 600;
		}
		.autoservice .service-item:hover .custom-transparent-button {
			border-color: var(--red);
		}
		.autoservice-properties {
			margin-bottom: 15px;
			flex-grow: 2;
		}
		.autoservice-property-title {
			font-size: 15px;
		}
		.autoservice-property-value {
			font-weight: normal;
			margin-left: 10px;
			white-space: nowrap;
			color: var(--red);
			font-family: "Russo One";
		}
		.autoservice-property {
			margin-bottom: 15px;
			align-items: center;
			line-height: 18px;
		}
		.autoservice-bottom {
			color: #fff;
			text-align: center;
			width: 100%;
			margin-top: 50px;
		}
		.service-container.autoservice + .sale-card-container {
			background: none;
			transform: translateY(-50%);
			margin-bottom: 0;
		}
		.service-container.autoservice + .sale-card-container .sale-card {
			background: var(--white) url(/images/service/autoservice-sale-card-bg.png) left top/auto no-repeat;
			max-width: 770px;
		}
		.service-container.autoservice + .sale-card-container .sale-card h2 {
			position: relative;
			font-size: 34px;
			line-height: 1.4;
		}
		.service-container.autoservice + .sale-card-container .sale-card button {
			align-self: flex-end;
		}

	/* -------------------------------------- autoservice-advantages */
		.autoservice-advantages-container {
			margin-bottom: 80px;
		}
		.autoservice-advantages-container h2 {
	    margin-bottom: 68px;
	    text-align: center;
	    font-size: var(--h1);
	    line-height: var(--h1-lh);
	  }
	  .autoservice-advantage {
	  	width: 25%;
	  	max-width: 25%;
	  	padding: 0 10px 45px;
	  	align-items: center;
	  	text-align: center;
	  }
	  .autoservice-advantage img {
	  	height: 195px;
	  	width: 149px;
	  	object-fit: contain;
	  	object-position: center;
	  }
	  .autoservice-advantage-title {
	  	font-family: "Russo One";
	  	font-style: normal;
	  	font-weight: normal;
	  	font-size: 18px;
	  	line-height: 22px;
	  	text-align: center;
	  	margin-bottom: 10px;
	  	margin-top: 30px;
	  }

	/* -------------------------------------- autoservice-certificate */
	  .autoservice-certificate-container {
	  	margin-bottom: 120px;
	  }
	  .autoservice-certificate {
	  	padding-top: 100px;
	  	padding-bottom: 100px;
	  	position: relative;
	  	z-index: 2;
	  	width: 100%;
	  	max-width: 1000px;
	  	margin: 0 auto;
	  }
	  .autoservice-certificate h2 {
	  	max-width: 450px;
	  	font-size: 34px;
	  	line-height: 44px;
	  }
	  .autoservice-certificate a {
	  	position: absolute;
	  	bottom: 0;
	  	right: 0;
	  	padding: 50px;
	  	background: url('/images/jpg/autoservice-certificate-frame.jpg') center/contain no-repeat;
	  }
	  .autoservice-certificate-container img {
	  	width: 100%;
	  	height: auto;
	  }

	/* -------------------------------------- autoservice-reviews */
	  .reviews-slider-container {
	  	padding-top: 80px;
	  	padding-bottom: 100px;
	  	background: url(/images/jpg/reviews-slider-bg.jpg) center/cover no-repeat;
	  }
	  .reviews-slider-container h2 {
	    margin-bottom: 68px;
	    text-align: center;
	    font-size: var(--h1);
	    line-height: var(--h1-lh);
	    color: #fff;
	  }
	  .review-slide {
	  	width: calc((100% - 40px) / 3);
	  	max-width: calc((100% - 40px) / 3);
	  	min-width: calc((100% - 40px) / 3);
	  	padding: 40px 40px 50px;
	  	margin-right: 20px;
	  	background-color: #fff;
	  	align-items: flex-start;
	  	max-height: 550px;
	  	overflow: hidden;
	  	position: relative;
	  }
	  .review-slide:after {
	  	content: '';
	  	position: absolute;
	  	bottom: 0;
	  	left: 0;
	  	width: 100%;
	  	height: 50px;
	  	z-index: 2;
	  	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 50%);
	  }
	  .review-slide-name {
			font-family: Russo One;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			line-height: 22px;
			margin-top: 15px;
			margin-bottom: 1px;
	  }
	  .review-slide-date {
			font-style: normal;
			font-weight: 500;
			font-size: 16px;
			line-height: 24px;
			color: #a7aaac;
			margin-bottom: 10px;
	  }
	  .reviews-slider-bottom {
	  	padding-top: 30px;
	  }
	  .reviews-slider-bottom a,
	  .reviews-slider-bottom button {
	  	margin-left: 15px;
	  	margin-right: 15px;
	  	margin-top: 20px;
	  }

	/* -------------------------------------- autoservice-page */
		.autoservice-page-container {
			padding-top: 55px;
			padding-bottom: 100px;
		}
		.autoservice-page-container h1 {
			margin-bottom: 30px;
			text-align: center;
		}
		.autoservice-page-img {
			display: block;
			margin: 0 auto 50px;
			max-width: 100%;
			height: auto;
		}
		.autoservice-accordeon .accordeon-head {
			padding: 16px 50px;
			align-items: center;
		}
		.autoservice-accordeon-title {
			font-weight: 500;
			padding-right: 30px;
			margin-right: auto;
		}
		.autoservice-accordeon-price {
			font-family: Russo One;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 29px;
			color: var(--red);
			white-space: nowrap;
			width: 170px;
			max-width: 170px;
			min-width: 170px;
			margin-right: 20px;
			margin-left: auto;
		}
		.autoservice-accordeon:nth-of-type(odd) .accordeon-head {
			background-color: #F8F9FA;
		}
		.autoservice-accordeon .accordeon-content {
			padding: 30px 50px;
		}

/* ------------------------------------------------------------------------- AUTO-PAGE */
/* ------------------------------------------------------------------------- AUTO-PAGE */
	
	/* --------------------------- breadcrumbs */
		.breadcrumbs-container {
			padding-top: 40px;
			padding-bottom: 40px;
		}
		.breadcrumbs-wrapper {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: center;
			align-items: center;
			justify-content: flex-start;
			list-style: none;
		}
		.breadcrumbs-divider {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABFSURBVHgBTYrREUBAFAP3QsE6cJ1QjjtVqEAH7xFjjP3JZBO6WHYx86IMjkzqX7LB1AtpKYtx4HRGULD12qA+9ybWr9xcJekXuMYCigoAAAAASUVORK5CYII=");
			background-position: center center;
			background-repeat: no-repeat;
			display: block;
			margin: 0 10px;
			width: 4px;
			height: 6px;
		}
		.breadcrumbs-wrapper li span {
			color: var(--grey3);
			font-size: var(--caption);
			line-height: var(--caption-lh);
		}
		.breadcrumbs-wrapper li a span {
			color: var(--grey5);
			transition: color .3s;
		}
		.breadcrumbs-wrapper li a:hover span {
			color: var(--darkred);
		}
	
	/* --------------------------- auto-page-top */
		.auto-page-top-container {
			padding-bottom: 150px;
		}
		.auto-page-top-wrapper {
			-ms-align-items: stretch;
			align-items: stretch;
		}
		.auto-page-gallery-container {
			height: 460px;
			min-height: 460px;
			width: 570px;
			min-width: 570px;
			margin-right: 95px;
			position: relative;
		}
		.auto-page-gallery-container img {
			max-height: 100%;
			height: 100%;
			max-width: 100%;
			width: 100%;
			object-position: center;
			object-fit: cover;
		}
		.auto-page-gallery-container .custom-prev {
			left: 25px!important;
			background-color: rgba(0,0,0,0.5);
			height: 38px;
			width: 38px;
		}
		.auto-page-gallery-container .custom-next {
			right: 25px!important;
			background-color: rgba(0,0,0,0.5);
			height: 38px;
			width: 38px;
		}
		.auto-page-gallery-container .custom-prev path,
		.auto-page-gallery-container .custom-next path {
			fill: var(--white);
		}
		.auto-page-info {
			flex-grow: 2;
			justify-content: space-between;
		}
		.auto-page-title span {
			color: var(--red);
			font-size: var(--h1);
			line-height: var(--h1-lh);
		}
		.auto-page-info .car-item-properties,
		.auto-page-info .car-item-property {
			padding: 0;
			margin-bottom: 0;
		}
		.auto-page-info .car-item-property {
			margin-bottom: 6px;
			margin-top: 6px;
			padding-right: 15px;
		}
		.auto-page-info-buttons {
			margin-top: 24px;
			justify-content: flex-start;
		}
		.custom-red-color-button.open-testdrive {
			padding-left: 16px;
			padding-right: 24px;
		}
		.custom-red-color-button.open-testdrive span {
			display: block;
			margin-right: 8px;
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIsSURBVHgBvVVLctNAEH0j2cUSc4I4N7AXBFxsxA3gBuEEOCfAPgHFCTAnIJyAsEphFpZPgDgBWlLB0fCeZmRLGpE4qSRdJY3m06+7X3ePgHsSc92BJTDiMLLAUHOOeQykT4GzWwET8Ji7b+GAuySjlfkRsNgLeAUM/hp85meC/SS7tHg5kaH/AZ8z3NjgK3zYN5AAvAG8dKBJoGaR8p362ZBaSRd432I8Zg406W1BxWkIKk/eTFqJOrdlZKKrzv/wAphynDU8prc/0aSgDE8fBPnoQQZ8zrg+l7GOCHN6fSivjfd2RBOrulceNIvd+gAtsRavC9IT7DNCVUqk7yKkIJVHsQtNSikNHeqh4gd/Zqpk0cCXlm5JT+T5aHhUWPzSSMtThvak77wf8vCoWnvmnbG7pDpdT2cPHUKA3yVF5HBjkPYKzI3rvlI2Ed59ZwI35LpD9/EW2FZkV2Jo1aMw1OkFTz8vcKL5D4JqjeezF/R2GbE7bQM7qwOnLcOJmkXZZ3ISQyAmeG0cpzNv8FPZpTbIzzfvOeDrNK/vqsS0ruyj2a45c3BCjmeiBK0uvfQ1H1ULdpftrdfiWCV1xGroA6e60VSnj1hOpOS9KGloWCyqtt5S6y+fFbruCYNFUWBdRhLhgIDHCGu7cV/c1SVUNgzpOa3mUX1zsmvjDPtLLp06aABcgeuWQsh5h5tYEHQ86fibXPlrEu9/gFexa44Dr5AzoWslcNyqpAeRf5TG23McKqy9AAAAAElFTkSuQmCC");
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			min-width: 22px;
			min-height: 22px;
		}
		.auto-page-info-buttons .custom-red-color-button.open-testdrive {
			margin-right: 20px;
		}
		.auto-page-links {
			justify-content: flex-start;
			-ms-align-items: center;
			align-items: center;
			padding-top: 25px;
		}
		.auto-page-links p,
		.auto-page-links span {
			cursor: pointer;
			white-space: nowrap;
		}
		.auto-page-links p {
			margin-right: 20px;
		}
		.calculate-link-img,
		.tradein-link-img,
		.consult-link-img	{
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGOSURBVHgBlVTBUQIxFH0Je9DRGSlh7UArUCuQI8M4w1oBUgFQgdDBHhT1RgdSAlYgdrBHDruJL8tmJmAC8c/s5OVn/8t/Pz8R2LPuQ3YLgRQxprF+f8mXrkvskY04jPEPExrDt9d8aufJ7obo8IccFSbHiDYbFCdnmGqJAad+QiHQ5vBD7/cxwtNzFExgRnjj+pNQgFaYCYmFfxGZFuj7loKELO5qv+DW6oMLWJiQtWFgP7BbagoeTWjkMugCIWO7UMGX3tb8OOHHPH9ChFHBOIqw18uulMSzwVJhWEmMmFFbVTyoFvoGV/T7YoM1NLIsZG8WHIpEYK0a3FIcZSThfJ6vODw6Li+m5DjCbjdLdbKVzEwmVjKnEx7u4JBk6XVKtE2QXTSYX8F6Fg1x0A5JvnNcXkzJnShCI5krWZ2twoInbgOX/G5rVPIRic2Q3hTNXS0lVpR5Xz8cGktt8ZY8jrC5w5eOy30kri3w3eldQtN7zMzXDl4zKpx+/UtYssda+OSPI0SY1ixHudOj+AUqQoAe/+mvzwAAAABJRU5ErkJggg==");
			background-position: center;
			-webkit-background-size: contain;
			background-size: contain;
			height: 20px;
			width: 20px;
			margin-right: 8px;
		}
		.tradein-link-img {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKnSURBVHgBhVSxbhNBEH27PkuxACl/gEGUiFxBn+QLcg3BDo6y+YKYCrrYXxCnpMpZRImBxuno4nwBDqJIab4AF6BYsn3Lm/WduZzPYaW725udebsz894q5IwgMKulBzCRwrpS8GFRFrsF+vwMVISLzlkY5sWqrGG7aoKChxOJjiK0VYEgFgPnbOHT7HO6Ds33FM0s8B3A6q45shZ1Tpuj32h1u+EQSzJYeej8Dvk0Oqdhc8GpUjOH1Zr5tbNjfNwzBCyZi6/EVN+Yo8SmHdiOMbITa7N5dhb2l4FJOVYe4VulYsryL74SYxXq2zUTzAFRcEdv3gfmnC3rGXFSxGUaVGILwElgzKrnTkenURGteSo1c0BTkIsqVZeuE5SzJ2IaeWiVJjgojWG01diirdcN/zWAYK24s1fZR1lHHbB5F4l/HNtm3IbHSZmbtnNO0mb3emmTNMEWcMDN2p9Ow3p6jXXsk7NbmmC+/GTA9jGZcS89yMuhgHEjs3AAyYil8JAzOh9nZH1NXqoxjjudcODss2/dNaSIjcQvPTRPM2DRytmFyq45YVeN1lhd2NGjv6Wa0klRRcy271kpssYdMseKMZx2I42gEnMsld7jrGgpyTXG/NQ8xRXJuCccmi9GM8rQYabb7KPYSIu3ib+L1digrevdFhGSQ4crE6fNhvOYYpNkv3S0H2M/qeGywVjpPOSi0MKhKdhVCv1VrGMHQFCecJhbw9SItd8goLsg5pWgyEUpexNq88t/JJgGIy8vufExqdQQWyFZ/PG9//X5C79EYp7zi2dP/eubm/4oD0huHP+l/4787TDTDyT5+2Rt4YJ12la8LKR+EXp0uJ4Tn81gw9ZYBiM1m06x//k87Kbj1ZJsHLCizqOZNP3Ye+C0TGbc/kGYdwH/BRPnIj5b479rAAAAAElFTkSuQmCC");
		}
		.consult-link-img {
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEcSURBVHgB7ZThbcIwEIXfGQbICNmg3aDpBLS/Gqmt6m7QTtBsQLuBkVoaiR+wARmBETICAwDmBRIIBqwIwT+eFNl+8n2+nOwTOIpjHdo2hgLcwidBPp/jcdA3k7rddvcR1iVsyoD3rYm8hIQ1L2opdDm79wIJCzhERcA2FiP6E04SN0s3fg9YEnrcbMpVRNgXxweCfzgfVT6/t2ZAnpz+mqxcZayrUQpBv1av+FWHh0IPAx2lqcnRUApn1hV4BZ6gYxf7Ln7RCTwSixsrTYGWXUXg1YJNRBpnKOjxLSfV8ulZfxS1+f8z35XHt6yxbhp+oC16IdDhL2e1dIr+GNCLNmdadLDe6wfKDJ9oYUzAeGOq1UGuprLYba4X0RKfkUiejgu08AAAAABJRU5ErkJggg==");
		}
		.auto-page-links .subtitle-2 {
			color: var(--grey4);
			transition: color .3s;
		}
		.auto-page-links p:hover .subtitle-2 {
			color: var(--darkred);
		}

	/* --------------------------- auto-page-parameters */
		.auto-page-parameters-container {
			background-color: var(--grey1);
			padding-top: 55px;
			padding-bottom: 85px;
		}
		.auto-page-parameters-container h2 {
			margin-bottom: 30px;
		}
		.auto-page-parameters {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: flex-start;
		}
		.auto-page-parameter {
			width: 25%;
			background-color: var(--white);
			padding: 15px 15px 15px 36px;
		}
		.auto-page-parameter:nth-of-type(8n + 5),
		.auto-page-parameter:nth-of-type(8n + 6),
		.auto-page-parameter:nth-of-type(8n + 7),
		.auto-page-parameter:nth-of-type(8n + 8) {
			background-color: var(--grey1);
		}
		.auto-page-parameter-title {
			color: var(--grey3);
			margin-bottom: 7px;
		}
		.auto-page-parameter-value {
			color: var(--grey4);
		}

	/* --------------------------- auto-page-options */
		.auto-page-options-container {
			padding-top: 60px;
		}
		.auto-page-options-wrapper {
			position: relative;
		}
		.auto-page-options-container h2 {
			margin-bottom: 40px;
			line-height: 48px;
		}
		.auto-page-options {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: flex-start;
		}
		.auto-page-option {
			width: calc((100% - 60px) / 4);
			padding-top: 25px;
			padding-bottom: 25px;
			margin-right: 20px;
			color: var(--grey4);
			border-top: 1px solid #e0e0e0;
		}
		.auto-page-option:nth-of-type(4n) {
			margin-right: 0;
		}
		.auto-page-options-wrapper .custom-red-color-button {
			position: absolute;
			z-index: 1;
			top: 0;
			right: 0;
			min-height: 48px;
		}

	/* --------------------------- autoservice-form */
		.autoservice-form-container {
			background: url(/images/jpg/autoservice-form-bg.jpg) center/cover no-repeat;
			flex-grow: 2;
			padding-left: 0;
			padding-right: 0;
		}
		.autoservice-form-wrapper {
			flex-grow: 2;
			align-items: stretch;
			position: relative;
			z-index: 1;
			padding-right: 25px;
			max-width: 1220px;
		}
		.autoservice-form-wrapper:before {
			content: '';
			background-color: #fff;
			position: absolute;
			top: 0;
			right: 100%;
			height: 100%;
			width: 100vw;
		}
		.autoservice-form-accordeons {
			max-height: 590px;
			overflow-y: auto;
			overflow-x: hidden;
			width: 370px;
			min-width: 370px;
			max-width: 370px;
			background-color: #fff;
			/* firefox */
			scrollbar-color: var(--red) #E5E9EC; /* «цвет ползунка» «цвет полосы скроллбара» */
		  scrollbar-width: thin;
		  padding: 16px 40px 40px 25px;
		  position: relative;
		  z-index: 2;
		}
		/* ---------------------------------- scrollbar */
			/* полоса прокрутки (скроллбар) */
			.autoservice-form-accordeons::-webkit-scrollbar {
			    width: 8px; /* ширина для вертикального скролла */
			    background-color: #E5E9EC;
			}

			/* ползунок скроллбара */
			.autoservice-form-accordeons::-webkit-scrollbar-thumb {
			    background-color: var(--red);
			    border-radius: 4px;
			}

			.autoservice-form-accordeons::-webkit-scrollbar-thumb:hover {
			    background-color: var(--darkred);
			}

		.autoservice-form-accordeons .accordeon-head {
			align-items: center;
			border-bottom: 1px solid #E0E0E0;
			padding: 24px 0;
		}
		.autoservice-list-title {
			font-family: "Russo One";
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			line-height: 22px;
			color: #2A2A2A;
			cursor: pointer;
		}
		.autoservice-list-arrow {
			height: 17px;
			width: 17px;
			min-width: 17px;
			border: 1px solid var(--red);
			border-radius: 10px;
			margin-left: 15px;
			padding-top: 2px;
			transition: transform .4s, background-color .4s, padding-top .4s;
		}
		.accordeon-is-open .autoservice-list-arrow {
			transform: rotate3d(1,0,0,180deg);
			background-color: var(--red);
			padding-top: 0;
		}
		.autoservice-list-arrow path {
			fill: var(--red);
			transition: fill .4s;
		}
		.accordeon-is-open .autoservice-list-arrow path {
			fill: #fff;
		}
		.autoservice-form-accordeons .accordeon-content {
			border-bottom: 1px solid #E0E0E0;
			padding-top: 15px;
			padding-left: 20px;
		}
		.autoservice-form-accordeons .accordeon-content p {
			margin-bottom: 15px;
			font-weight: normal;
			font-size: 16px;
			line-height: 26px;
			color: #1E1E1E;
			cursor: pointer;
		}
		.autoservice-form-accordeons .accordeon-content p:hover {
			text-decoration: underline;
		}
		.autoservice-form-inner {
			flex-grow: 2;
			align-items: center;
			justify-content: center;
		}
		.autoservice-form {
			padding: 50px 120px;
			background: #fff url('/images/png/autoservice-form-corner.png') left top/auto no-repeat;
			max-width: calc(100% - 170px);
			align-items: center;
		}
		.autoservice-form>p.body-2 {
			text-align: center;
			margin-bottom: 30px;
		}
		.autoservice-form .input-wrapper {
			margin-bottom: 15px;
		}

/* -------------------------------------------------------------------------- FOOTER */
/* -------------------------------------------------------------------------- FOOTER */
	
	.custom-footer-bottom {
		background-color: var(--darkgrey);
		color: var(--grey3);
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.custom-footer-bottom a {
		color: var(--grey3);
		transition: color .3s;
	}
	.custom-footer-bottom a:hover {
		color: var(--white);
	}

	.custom-footer-top {
		background-color: var(--grey5);
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.custom-footer-left {
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.logo {
		-ms-align-items: center;
		align-items: center;
	}
	.logo p {
		color: var(--grey3);
		text-align: center;
		margin-top: 5px;
	}
	.custom-footer-top .logo {
		margin-bottom: 30px;
	}
	.custom-footer-top .social-icon {
		margin-left: 0;
		margin-right: 12px;
	}
	
	.footer-right-item {
		min-width: 168px;
		margin-left: 77px;
	}
	.footer-right-header {
		color: var(--white);
		-ms-align-items: center;
		align-items: center;
		padding-bottom: 12px;
		margin-bottom: 24px;
		border-bottom: 1px solid rgba(167,179,172,0.15);
	}
	.footer-right-header a,
	.footer-nav-container a {
		color: var(--white);
		transition: color .3s;
	}
	.footer-right-header a:hover,
	.footer-nav-container a:hover {
		color: var(--grey3);
	}
	.footer-models-nav {
		list-style: none;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.footer-models-nav li {
		margin-bottom: 12px;
	}
	.footer-models-nav a {
		display: block;
		height: 28px;
		padding: 0 31px 0 21px;
		color: var(--white);
		font-size: var(--subtitle2);
		line-height: 28px;
		font-weight: 500;
		border-radius: 24px;
		border: 1px solid var(--grey4);
		position: relative;
	}
	.footer-models-nav a:after {
		content: '';
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB7SURBVHgBTY6xDYNADEWfT6HPCBkhqVNlhIyQDbIBozACbECFkKDgRqEGgbFPAp0lW9/vW7bp4dHBkyzCTagLoc2NsCg/F7khXrwxWJu8r8onOHxDFKFxaGaV4BgoVfmbjJvyTWAQ1HKabDId2ve0Nxa26wXz9dc5ccYBnGwhSWWb0vEAAAAASUVORK5CYII=");
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		width: 5px;
		height: 100%;
		position: absolute;
		z-index: 1;
		right: 19px;
		top: 0;
		pointer-events: none;
	}
	.footer-models-nav a:hover:after {
		-webkit-animation: link-arrow infinite 1.3s linear;
		-o-animation: link-arrow infinite 1.3s linear;
		animation: link-arrow infinite 1.3s linear;
	}
	@keyframes link-arrow {
		0% {
			transform: translateX(0);
		}
		25% {
			transform: translateX(5px);
		}
		50% {
			transform: translateX(2px);
		}
		75% {
			transform: translateX(5px);
		}
		100% {
			transform: translateX(0);
		}
	}
	.footer-nav-container {
		max-width: 270px;
	}
	.footer-nav {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-nav li {
		width: 50%;
		margin-bottom: 12px;
	}
	.footer-nav li:nth-of-type(odd) {
		padding-right: 20px;
	}

	.footer-contacts-container .footer-right-header a {
		white-space: nowrap;
	}
	.footer-right-links-divider {
		margin: 0 8px;
		font-weight: 300;
	}
	.footer-address {
		position: relative;
		padding-left: 18px;
		color: var(--grey3);
		font-size: var(--body2);
		line-height: var(--body2-lh);
		margin-bottom: 15px;
	}
	.footer-address:before {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACfSURBVHgBhVABDcMwDEunAyiEQjiEQjiEQjiDQbiO4B+CQyiEQdgZ7AzyRM8kK8o+S1ZbO03cEgGYuQq7cOUfdN8oghgj72P0xQ1M7XqxaU/QK17oJs7B5M3reh5ML7ZOQdoJawY6RqZg7JZ1FmbQs3Ax74EXKjxOC27GBfTipzTexzUMq12EL/fFZ/oHy71anOL9kxdSSh8pvNv+7f0vYqr7mRdY+sYAAAAASUVORK5CYII=");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.footer-contacts-container button {
		-ms-align-self: center;
		align-self: center;
		padding-right: 0;
		padding-left: 0;
		min-width: 258px;
		margin-bottom: 15px;
	}
	.custom-red-button.open-testdrive span {
		display: block;
		margin-right: 5px;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFlSURBVHgBnVTtcYMwDDVc/5dOEHcDuoGzASOwQekEsEHbCZINep3A3SB0AugEsIErh6fWMYIjeXcPgSw9GfkjUStwzuVkPDVcI7FNkuRLXQMSKoknt4zOx2wRyojWbUdH1EtiGgHXogtFk0DQkjFCrRb00AsxPfGJejuGPZMqm4U/kfrbhEGd9BugJQ7wWy7i5r32Mdl5awjVDMQGJ6NYGC9ToSe8zypihv49gu+IqSimJ/sZ5eYpkkL8+AcleMEH4h6LkbOPrOHiUa5O1RwD94hMzZXV/2mpaezDTacoxv2dmo7TRZXgvcJsX1Ckhq8nX0vfz1Fur7AAMXTkL6Pvxk2nqosXRaFyvFoW/gJJLOjjKoy9OmEiLNgIg5YD/GzYgpLY4dyeIOEU9Y9xJH7jfUcs1Xxn9MQ9tpLiWd56OXgUSsINor6nRq0BPXrbIHZwwl2YrAj7YKOmTb2De0Q/j39XVYRfxVMBRGJcqscAAAAASUVORK5CYII=");
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		min-width: 20px;
		min-height: 20px;
	}
	.footer-social-icons {
		margin-top: 45px;
		display: none;
	}

/* -------------------------------------------------------------------------- ARTICLES */
/* -------------------------------------------------------------------------- ARTICLES */
	
	.blog,
	.inner-page {
		padding-top: 50px;
		padding-bottom: 110px;
		min-height: 50vh;
	}
	#content .main-sales-container {
		padding-top: 50px;
	}
	.inner-page h1,
	.blog-page h1,
	.blog h1 {
		margin-bottom: 20px;
		max-width: 800px;
	}
	.blog h1 {
		text-align: center;
	}
	.articleBody>h2,
	.articleBody>h3 {
		margin-bottom: 15px;
	}
	.articleBody>p,
	.articleBody>ul,
	.articleBody>ol {
		margin-bottom: 1em;
	}
	.articleBody>ul,
	.articleBody>ol {
		padding-left: 20px;
	}
	.articleBody img.left-img {
		float: left;
		margin-right: 1em;
		margin-bottom: 1em;
	}
	.articleBody img {
		max-width: 100%;
		height: auto;
	}
	.articleBody iframe {
		max-width: 100%!important;
	}
	.articleBody img.right-img {
		float: right;
		margin-left: 1em;
		margin-bottom: 1em;
	}
	.articleBody img.center-img {
		display: block;
		margin: 0 auto 1em;
	}
	@media screen and (max-width: 750px) {
		.articleBody img.right-img,
		.articleBody img.left-img {
			float: unset;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}
	}

	.articleBody p a {
		color: var(--red);
		transition: color .3s;
	}
	.articleBody p a:hover {
		color: var(--darkred);
	}

	ul.sigFreeContainer {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		-ms-align-items: stretch;
		align-items: stretch;
		width: 100%;
		margin-bottom: 1em;
	}
	ul.sigFreeClassic li.sigFreeThumb {
		width: calc((100% - 40px) / 4);
		margin: 0 5px 10px;
		float: unset;
	}
	ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink {
		width: 100%!important;
		max-height: 230px!important;
		height: 22vw!important;
		min-height: 180px!important;
	}
	ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img {
		object-fit: cover;
		object-position: center;
		width: 100%!important;
		height: 100%!important;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
	}
	.fancybox-caption {
		display: none;
	}
	@media screen and (max-width: 1050px) {
		ul.sigFreeClassic li.sigFreeThumb {
			width: calc((100% - 30px) / 3);
		}
	}
	@media screen and (max-width: 750px) {
		ul.sigFreeClassic li.sigFreeThumb {
			width: calc((100% - 20px) / 2);
		}
	}
	@media screen and (max-width: 450px) {
		ul.sigFreeClassic li.sigFreeThumb {
			width: 100%;
			margin: 0 0 10px;
		}
	}

	.pagination .pager {
		-ms-align-items: stretch;
		align-items: stretch;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.pagination .pager a,
	.pagination .pager span {
		height: 30px;
		min-width: 30px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background-color: #FFF;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0 10px;
		font-size: 16px;
		font-weight: 300;
		margin: 5px;
		transition: all .3s;
		font-family: "Russo One";
		border: 1px solid var(--grey3);
	}
	.pagination .pager a:hover {
		background-color: var(--red);
		border-color: var(--red);
		color: #fff;
	}
	.pagination .pager span {
		border: 1px solid var(--darkred);
		background-color: var(--darkred);
		color: #fff;
	}
	.pagination .counter {
		display: none;
	}

	.blog-wrapper {
		max-width: 800px;
	}
	.blog-wrapper img,
	.blog-wrapper p,
	.blog-item-text>div,
	.articleBody>div {
		max-width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
	.blog-wrapper p img,
	.articleBody>div img {
		margin-bottom: 0;
	}
	.blog-post {
		padding: 30px;
		margin-bottom: 40px;
		box-shadow: 0 0 25px rgba(0,0,0,0.17);
	}
	.blog-item-text>*:last-child {
		margin-bottom: 0!important;
	}
	.blog-post .page-header {
		margin-bottom: 1em;
	}
	.blog-item-text {
		width: 100%;
		max-width: 100%;
	}
	.blog-item-text iframe {
		width: 100% !important;
		height: 40vw !important;
		max-height: 450px !important;
	}
	.hasTooltip {
		position: relative;
		z-index: 1;
	}
	.tooltip {
		position: absolute;
		z-index: 2;
		background-color: #fff;
		padding: 5px 10px;
		border: 1px solid var(--grey3);
		line-height: 18px;
		text-align: center;
		font-size: 14px;
		display: none!important;
	}
	.blog-post-pagination {
		margin-bottom: 25px;
	}
	.blog-post-pagination:last-child {
		margin-top: 25px;
		margin-bottom: 0;
	}
	.blog-post-pagination .pager {
		list-style: none;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.blog-post-pagination a {
		font-size: 18px;
		line-height: 40px;
		display: inline-block;
		padding: 0 20px;
		font-weight: bold;
		background-color: var(--red);
		-webkit-transition: background-color .3s;
		-o-transition: background-color .3s;
		transition: background-color .3s;
		color: #fff;
		border-radius: 20px;
	}
	.blog-post-pagination a:hover {
		background-color: var(--darkred);
	}
	.blog-page .ya-share2 {
		margin-bottom: 1em;
	}

	.reviews-page {
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.reviews-page h1 {
		text-align: center;
		margin-bottom: 50px;
	}
	.review-item {
		padding: 40px;
		justify-content: flex-start;
	}
	.review-item:nth-of-type(odd) {
		background-color: #F8F9FA;
	}
	.review-item-content {
		padding-left: 35px;
	}
	.review-item-content .review-slide-name {
		margin-top: 0;
	}
	.reviews-page .pagination {
		padding-top: 50px;
	}
	.reviews-bottom {
		padding-top: 50px;
	}

/*--------------------------------------------------------------------------- ERROR*/
/*--------------------------------------------------------------------------- ERROR*/

	#system-message-container {
		position: fixed;
		top: 25px;
		left: 0;
		right: 0;
		z-index: 30;
		max-width: 1065px;
		margin: auto;
	}
	.alert-warning, .alert-error {
		max-width: 1065px;
		margin: 0 auto;
		padding: 25px;
		background-color: #fdd!important;
		border: 1px solid #a22!important;
		box-shadow: 0 0 7px rgba(0,0,0,0.4);
	}
	.alert.alert-message,
	.alert-notice {
		max-width: 1065px;
		margin: 25px auto 0;
		padding: 25px;
		background-color: #d9edf7;
		border-color: #bce8f1;
		color: #3a87ad;
		box-shadow: 0 0 7px rgba(0,0,0,0.4);
	}
	.alert-warning a.close, .alert-error a.close,
	.alert-warning button.close, .alert-error button.close,
	.alert-notice a.close, .alert-notice button.close,
	.alert.alert-message a.close, .alert.alert-message button.close {
		text-align: center;
		color: #a22;
		line-height: 25px;
		font-size: 21px;
		display: block;
		width: 25px;
		height: 25px;
		position: relative;
		border-radius: 50%;
		border: 1px solid #a22;
		margin-bottom: 1em;
		background-color: #fee;
	}
	.alert.alert-message a.close, .alert.alert-message button.close,
	.alert.alert-notice a.close, .alert.alert-notice button.close {
		border: 1px solid #3a87ad;
		background-color: #d9edf7;
		color: #3a87ad;
	}
  .header-404 {
    font-size: 4em;
    margin-bottom: 25px;
    color: #ee2b2e;
  }
  .wrapper-404 h2 {
    margin-bottom: 15px;
  }
  .links-404 {
    justify-content: flex-start;
    margin: 45px 0 60px;
  }
  .links-404 a {
    height: 50px;
    width: 220px;
    border: 1px #d5a63a solid;
    border-radius: 25px;
  }
  .links-404 button {
    height: 50px;
    color: #fff;
    border-radius: 25px;
    width: 220px;
    margin-left: 20px;
  }
   @media screen and (max-width: 1050px) {
	  .wrapper-404 img {
			display: none;
	  }
  }

/* -------------------------------------------------------------------------- BACK-TO-TOP */
/* -------------------------------------------------------------------------- BACK-TO-TOP */

	#up {
		position: fixed;
		bottom: -200px;
		right: 30px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		height: 150px;
		width: 80px;
		z-index: 10;
		background: url(/images/png/up.png) center/contain no-repeat;
	}
	#up:after {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		left: auto;
		width: 100%;
		height: 100%;
		background: url(/images/png/up-hover.png) center/contain no-repeat;
		opacity: 0;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
	}
	#up:before {
		content: '';
		position: absolute;
		top: 5px;
		left: 0;
		width: 100%;
		height: 14px;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgBjZDBCYVADERf+A38EuxCPFqZWplH0YslaCOybsSILBs1MBCSeTthwakBCpW3Fw/6Cb32W6CuYH0Fb1BxjtYcLC8QHiweFALdYRAaN1mhSViigmqE1nba21w99mGSSypvoMFpMvGVPpeUVpI8X2c+QQl8nRtx/nws8+7/HUrnzRxZawAAAABJRU5ErkJggg==");
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		transition: all .4s;
		opacity: 0;
	}
	#up.up-show {
		bottom: 30px;
		transition: bottom .8s;
	}
	#up.up-show:hover:after {
		opacity: 1;
	}
	#up.up-show:hover:before {
		opacity: 1;
		top: -3px;
	}
	#up.active {
		bottom: 100vh;
		transition: bottom 1.5s;
	}
	#up.active:before {
		opacity: 0;
		transition: all .2s;
	}






.articleBody .advantages-cards-wrapper {padding:40px 0;position:relative;}
.articleBody .advantages-cards-wrapper .advantages-card {box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);}
.articleBody .sale-card-container {background:none;}
@media (min-width:1220px) {
	.articleBody .advantages-cards-wrapper:before {content:'';position:absolute;top:0;height:100%;width:100vw;background:var(--grey5);left: calc(585px - 50vw);z-index: -1;}
	.articleBody .service-container {position:relative;background:none;}
	.articleBody .service-container:before {content:'';position:absolute;top:0;height:100%;width:100vw;background: var(--grey5) url(/images/jpg/service-bg.jpg) center top/cover;left: calc(585px - 50vw);z-index: -1;}
}



.avn {display:block;width:100px;height:100px;padding:0;background:none;text-decoration:none;position:fixed;z-index:49;right:10px;top:320px;}	
.avn img {display:block;width:100px;height:auto;}

.main-zsld-wrap {background-color: #2a2a2a;}
.main-zsld-wrap > .custom-banner {max-width: 1170px;margin: 0 auto;overflow: hidden;}



.t_textblock {padding:40px;}
.t_textblock p,
.t_textblock ul,
.t_textblock h1,
.t_textblock h2,
.t_textblock h3 {margin:1em 0 0.75em 0;}


.t_textblock ul {
			list-style: none;
		}
.t_textblock li {
		    will-change: transform;
			padding-left: 40px;
			position: relative;
			width: 50%;
			padding-right: 40px;
			margin-bottom: 10px;
		}
.t_textblock li:before {
			content: '';
			height: 18px;
			width: 18px;
			background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBnVTLTcNAEH2zDveUYCrAkQAp4rKpIKGCiAoogdABVAB0ECrAHBCKc8Ad4BJ8j+Jlxt4Fs3awzZMS787n6Xk+JrRgC2ijsISB5mtozSkIqSrwfAqs/RyqX945KSA88FHjb2R7g9mUnw2iNyA6IrzwcYx+yHdMdiFKHZFV8jGA5JuMlU1EmZJbMExJHWNbCqgNsMBPQbuQcQPuPZvmN9IjUpizsxeJK3Ai8YRr5wiApSKDqCUpP0Qi9WSS+S8vQSsmj1qSJvy7aiOx9Qy9nHDkGWAI66kp5+NxY5AX3N4OkkpUQvj0nURYnRW4dfcuEkaqjMFrQ5XBaqtw05OEE5CStM4GNuUS7pi0czw45rKc7KQi0vgfsnOD43KybYfy4RzliszkUBJJV3aVYQhZubTuC6CcVbZY5ge1T8NBGMQS6zZfQG1xdv8W7DzhiMgmZ/wf74EnVhH7OV+X2IP3zsgVGgAAAABJRU5ErkJggg==");
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%)
		}
.t_textblock li:after {
			content: '';
			height: 18px;
			width: 18px;
			opacity: 0;
			z-index: -1;
			position: absolute;
			top: 50%;
			left: -1px;
			transform: translateY(-50%) scale(0);
			transition: all .3s;
			border: 1px solid var(--grey3);
			border-radius: 50%;
			transform-origin: center;
		}
.t_textblock li:hover:after {
			transform: translateY(-50%) scale(1.5);
			opacity: 1;
		}

.t_textblock ul {list-style-type:none;}
.t_textblock li {
  
  width: auto;padding-left: 32px;padding-right: 10px;}
.t_textblock li:before {content:'';top: 5px;transform: unset;}
.t_textblock li:after {content:'';top: 4px;transform: scale(0)}
.t_textblock li:hover:after {transform: scale(1.5)}