/*RST*/:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert;}*,::after,::before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;overflow-x: hidden;}a,button{cursor:revert}menu,ol,summary,ul{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}
/*MFP*/.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position: fixed;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:"";top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/************ FONTS ************/

@font-face {
	font-family: 'Inter';
	src: url('../font/Inter-Regular.woff2') format('woff2');
	src: url('../font/Inter-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('../font/Inter-Medium.woff2') format('woff2');
	src: url('../font/Inter-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('../font/Inter-SemiBold.woff2') format('woff2');
	src: url('../font/Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('../font/Inter-Bold.woff2') format('woff2');
	src: url('../font/Inter-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/************ SETUP ************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    line-height: 1.4em;
    color: #282828;
    font-size: 16px;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 0.25px;
    overflow-x: hidden;
    position: relative;
}

section {
	position: relative;
}

.gray {
	background: #EDEDED;
}

.container {
	padding: 40px;
	width: 100%;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}
.container.pb-0 {
	padding-bottom: 0;
}
@media (max-width: 1400px) {
	.container {
	    padding: 40px;
	}
}
@media (max-width: 1024px) {
	.container {
	    padding: 20px;
	}
}

h1,h2,h3,h4,h5,h6,label {
    color: #282828;
    font-weight: 600;
}
h1 {
	font-family: 'Inter', sans-serif;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -0.6px;
	line-height: 1em;
	text-transform: none;
	margin: 0 0 30px 0;
}
h2 {
	font-family: 'Inter', sans-serif;
	font-size: 48px;
	letter-spacing: -1px;
	font-weight: 600;
	line-height: 1em;
	margin: 0.4em 0;
	width: 100%;
	max-width: 800px;
}
h3 {
	font-size: 36px;
	letter-spacing: 0.5px;
	margin: 0.6em 0;
	font-weight: 600;
	line-height: 1em;
	text-transform: uppercase;
}
h4 {
	font-size: 28px;
	line-height: 1em;
	font-weight: 500;
}
h5 {
	font-size: 24px;
	line-height: 1em;
	font-weight: 600;
	text-transform: uppercase;
}
h6 {
	font-size: 20px;
	line-height: 1em;
	font-weight: 800;
	text-transform: uppercase;
}
@media (max-width: 1024px) {
	h1 {font-size: 32px;}
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}	
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
}
h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold,label.bold {
    font-weight: 700;
}
h1.lcase,h2.lcase,h3.lcase,h4.lcase,h5.lcase,h6.lcase,label.lcase {
    text-transform: none;
}
h1 sub,h2 sub,h3 sub,h4 sub {
	display: block;
	font-size: 18px;
	line-height: 14px;
	font-weight: 400;
	padding-left: 4px;
	margin-top: 14px;
}

.richtext h1 {font-size: 28px;}
.richtext h2 {font-size: 24px;}
.richtext h3 {font-size: 20px;}
.richtext h4 {font-size: 18px;}
.richtext h5 {font-size: 16px;}
.richtext h6 {font-size: 14px;}
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
	text-transform: none;
	margin: 1em 0 !important;
}

.head-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 30px 0;
}
.head-wrap h1, .head-wrap h2 {
	margin: 0;
	flex: 1 1 auto;
}
.head-wrap.underline {
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 0;
	padding-bottom: 30px;
}

.responsive {
    max-width: 100%;
    height: auto;
}
.sub {
    font-weight: 400;
    font-size: 14px;
    max-width: 800px;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
@media (max-width: 1024px) {
	.order-1 {order: 1;}
	.order-2 {order: 2;}
	.order-3 {order: 3;}
	.order-4 {order: 4;}
	.order-5 {order: 5;}
	.order-6 {order: 6;}
}
b, strong {
    font-weight: bold;
}

.red {
	color: #9B2D30;
}
.red-bg {
	background-color: #9B2D30;
	color: #FFF;
}

.panel {
	padding: 20px;
}
.panel.space {
	border-radius: 20px;
	padding: 35px;
}
.panel.red {background: #9B2D30; color: #FFF}
.panel.red>* {color: #FFF;}
.panel.gray {background: #E3E3E3;}
.panel.white {background: #FFF;}
.panel.dark {background-color: #212121;color: #FFF}
.panel.dark h3,.panel.dark h4 {color: #FFF}
.panel h3,.panel h4,.panel h5 {
	height: fit-content;
	margin-top: 0;
}
@media (max-width: 1024px) {
	.container>.panel {
		padding: 20px;
	}
	.panel h4, .panel h5 {
		margin-bottom: 10px;
		margin-right: auto;
	}
}

.r20 {border-radius: 20px;}

.lh0 {line-height: 0px;}

.maxw360 {max-width: 360px;}
.maxw400 {max-width: 400px;}

.h520 {height: 520px;}
.h480 {height: 480px;}
.h400 {height: 400px;}
.h360 {height: 360px;}
.h320 {height: 320px;}
.h280 {height: 280px;}
.h200 {height: 200px;}
.h160 {height: 160px;}
.h180 {height: 180px;}

.mt0 {margin-top: 0!important;}
.mr0 {margin-right: 0!important;}
.mb0 {margin-bottom: 0!important;}
.ml0 {margin-left: 0!important;}
.mt1 {margin-top: 1em!important;;}
.mr1 {margin-right: 1em!important;}
.mb1 {margin-bottom: 1em!important;}
.ml1 {margin-left: 1em!important;}
.mt2 {margin-top: 2em!important;}
.mr2 {margin-right: 2em!important;}
.mb2 {margin-bottom: 2em!important;}
.ml2 {margin-left: 2em!important;}
.mt3 {margin-top: 3em!important;}
.mr3 {margin-right: 3em!important;}
.mb3 {margin-bottom: 3em!important;}
.ml3 {margin-left: 3em!important;}
.mt4 {margin-top: 4em!important;}
.mr4 {margin-right: 4em!important;}
.mb4 {margin-bottom: 4em!important;}
.ml4 {margin-left: 4em!important;}

.p1 {padding: 1em!important;}
.p2 {padding: 2em!important;}
.pt1 {padding-top: 1em!important;}
.pb1 {padding-bottom: 1em!important;}
.pt2 {padding-top: 2em!important;}
.pb2 {padding-bottom: 2em!important;}
.pt0 {padding-top: 0!important;}
.pb0 {padding-bottom: 0!important;}

@media (max-width: 1024px) {
	.pm0 {padding: 0!important;}
}

.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.gap0 {gap: 0!important;}
.gap20 {gap: 20px;}

.col { grid-column: span 1;}

.col1 { grid-column: span 1; }
.col2 { grid-column: span 2; }
.col3 { grid-column: span 3; }
.col4 { grid-column: span 4; }
.col5 { grid-column: span 5; }
.col6 { grid-column: span 6; }
.col7 { grid-column: span 7; }
.col8 { grid-column: span 8; }
.col9 { grid-column: span 9; }
.col10 { grid-column: span 10; }
.col11 { grid-column: span 11; }
.col12 { grid-column: span 12; }
@media (max-width: 1024px) {
	.grid.gapm0 {gap: 0;}
	.col1,.col2,.col3,.col4,.col5 {
		grid-column: span 6;
	}
	.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
		grid-column: span 12;
	}
}
@media (max-width: 540px) {
	.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
		grid-column: span 12;
	}
}
.col3.right {
	grid-column: 10 / span 3;
}
@media (max-width: 1024px) {
	.col3.right {
		grid-column: span 12;
	}
}

.flex {
	display: flex;
}
.flex>* {
	flex: 0 0 auto;
}
.flex.row {
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.flex.col {
	flex-direction: column;
}
.flex.full {
	gap: 20px;
}
.flex.full>* {
	flex: 1 1 0;	
}
.flex.row input[type] {
	flex: 1;
	margin: 0;
}

.flex .right {
	margin-left: auto;
}
@media (max-width: 1024px) {
	.flex {
		flex-direction: column;
	}
	.flex.row {
		align-items: baseline;
	}
	.flex .right {
        margin-left: 0;
        margin-right: auto;
	}
}

.block {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.block .text {
	color: #707070;
	font-size: 16px;
}

.bottom {
	margin-top: auto;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.bottom .buttons {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}
.bottom .button {
	width: auto;
	flex: 0 auto;
}
.bottom.full {
	flex-wrap: wrap;
}
.bottom.full input[type],
.bottom.full .button {
	flex: 1 0 100%;
	width: 100%;
}
.bottom.half {
	flex-wrap: wrap;
	gap: 10px;
}
.bottom.half input[type],
.bottom.half .button {
	flex: 0 0 48%;
	box-sizing: border-box;
}
.bottom.half input[type].full {
	flex: 0 0 100%;
}
.bottom.arrows::after {
	content: '';
	flex: 0 0 132px;
}
@media (max-width: 540px) {
	.bottom.wrap {
		flex-direction: column;
	}
	.bottom.half input[type],
	.bottom.half .button {
		flex: 0 0 100%;
	}
}

.half-bg {
	width: 50%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center;
}
@media (max-width: 1024px) {
	.half-bg {
		width: 100%;
		position: relative;
		height: 340px;
	}
}

.hidden {
	display: none!important;
}
@media screen and (max-width: 1023px) {
	.hidden-sm {
		display: none!important;
	}
}
@media screen and (min-width: 1024px) {
	.hidden-lg {
		display: none!important;
	}
}

.rounded {
	border-radius: 12px;
}

.splide__arrows {
	position: absolute;
	display: flex;
	gap: 8px;
}
.arrows-top .splide__arrows {
	top: -80px;
	right: 28px;
}
@media (max-width: 1024px) {
	.arrows-top .splide__arrows {
		right: 0;
		top: -56px;
	}
}
.splide__arrows button {
	height: 54px;
	width: 54px;
	border-radius: 0;
	background: #E9E9E9;
	opacity: 1;
	position: relative;
	top: 0;
	transform: none;
}
.splide__arrow svg {
	fill: #000000 !important;
	width: 1em  !important;
	height: 1em  !important;
}
.splide__arrow--next {
    right: 0px !important;
}
.splide__arrow--prev {
    right: 0px !important;
    left: unset !important;
}
@media screen and (max-width: 1024px) {
	.splide__arrows button {
		width: 40px;
		height: 40px;
	}
}

/************ COMMON ************/

a {
	color: #9b2d30;
	text-underline-offset: 2px;
}
a:hover {
	color: #ff2d20;
	transition: color .1s 0s;
}
p {
	letter-spacing: 0.25px;
}

.button {
    display: block;
    width: fit-content;
    color: #FFF;
    padding: 8px 24px;
    margin: 0;
    font-size: 14px;
    line-height: 38px;
    font-weight: 500;
    background: #9B2D30;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 0;
    text-transform: uppercase;
}
.button.wide {
	padding: 8px 48px;
}
.button.full {
	width: 100%;
}
.button.white {
    background-color: #FFF;
    color: #1D1D1D;
}
.white .button.white {
	padding: 7px 16px;
	border: 2px solid #9b2d30;
}
.button.gray {
	background: #3D3D3D;
}
.button:hover {
	background-color: #841B1E;
	color: #FFF!important;
}
.button:active,
.button:focus {
	box-shadow: none;
	background-image: none;
}
.button.disabled {
	background: #3D3D3D;
	user-select: none;
	cursor: not-allowed;
}
.button .icon {
	background: #FFF;
	width: 36px;
	height: 36px;
	font-size: 24px;
	line-height: 36px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 -14px 0 18px;
	vertical-align: top;
	color: #9b2d30;
}
.button.white .icon {
	background: #9B2D30;
	color: #FFF;
	margin-right: -8px;
}

.button.ico {
	padding: 8px;
}
.button.ico.white {
	background: #FFF;
}
.button.ico .icon {
	margin: 0;
	padding: 0;
	font-size: 36px;
	color: #FFF;
	background: transparent;
}
.button.ico.white .icon {
	color: #9b2d30;
	background: transparent;
}

.image {
	background-size: cover;
	background-position: center;
}
@media (max-width: 540px) {
	.image {
		height: 240px;
	}
}

ul.marked li {
	position: relative;
	padding-left: 38px;
	margin: 16px 0;
}
ul.marked li:before {
	position: absolute;
	content: "\e904";
	font-family: 'icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	left: 0px;
	top: -4px;
	font-size: 16px;
	color: #ff2d20;
	background: #FFF;
	text-align: center;
	padding: 6px;
	border-radius: 4px;
}

.line {
	position: relative;
}
.line:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #ababab;
}

.toggle .icon {
	transition: transform .2s ease;
}
.toggle.active .icon {
	transform: rotate(45deg);
}
.expand {
	width: 100%;
	overflow: hidden;
	flex: 1 1 auto;
	max-height: 0;
	opacity: 0;
	transition: max-height .4s ease-in-out, opacity .4s ease, padding-top .4s ease-in-out;
}
.expand.active {
	max-height: 1000px;
	opacity: 1;
	padding-top: 1em;
}

/************ HEADER ************/

header {
    position: fixed;
    width: 100%;
    z-index: 99;
    height: auto;
    max-height: none;
    overflow: visible;
    background: linear-gradient(180deg, black, transparent);
}
header.simple {
	background-color: #1E1E1E;
	position: initial;
}
header .container {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
    height: 72px;
}
@media screen and (max-width: 1024px) {
	header {position: fixed;height: auto;transition: all .1s;}
	header .container {}
}
header .topline {
	background: #1E1E1E;
}
header .topline .container {height: 34px;display: flex;}
header .topline .address {flex: 1 1 0;line-height: 34px;font-size: 11px;color: #FFF;line-height: 28px;}
header .topline .social {
	flex: 1 1 0;
	text-align: right;
}
header .topline .social li {display: inline-block;}
header .topline .social li a {
	color: #FFF;
	font-size: 11px;
	line-height: 34px;
	margin-left: 12px;
}
header .wrap {
	position: relative;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	padding: 0;
	transition: background .2s ease;
	z-index: 3;
}
header.scroll {
	background: rgb(0 0 0 / 50%);
	position: fixed;	
}
@media screen and (max-width: 1024px) {
	header.active.scroll .wrap {
		background: transparent;
	}
}
header #logo {
    display: block;
    line-height: 72px;
    z-index: 1;
    flex: 0 1 auto;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    height: 72px;
    width: 260px;
}
header #logo img {
	width: 56px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

header #nav {
	display: block;
	text-align: center;
	flex: 1;
	align-self: flex-start;
	margin-left: 16px;
	line-height: 72px;
	min-width: 0;
	width: auto;
}
header #nav .menu {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
header #nav .menu li {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}
header #nav .menu li:first-child, 
header #nav .menu li:last-child {
	padding-right: 0;
}
header #nav .menu li a {
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    display: block;
    position: relative;
    padding: 0px 10px;
}
header #nav .menu li.parent {
	margin-right: 2px;
	position: relative;
}
header #nav .menu li.parent>a:after {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 0px;
    height: 0px;
    content: " ";
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #ffffff26;
    transition: all .3s ease 0s;
}
header #nav .menu li ul li.parent:after {
	top: 16px;
	right: -12px;
}
header #nav .menu li a:hover {color: #930004 !important;text-shadow: 0px 0px 20px #fff;}
header #nav .menu li a.button {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 4px;
}
header #nav .menu li a.button.white {
	color: #111;
}
header #nav .menu>li>ul {
	position: absolute;
	background: rgb(0 0 0 / 30%);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	text-align: left;
	padding: 1em;
	width: 240px;
	margin-top: 40px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease .3s;
}
header #nav .menu>li:hover>ul {
	opacity: 1;	
	visibility: visible;
	transition: all .3s ease 0s;
}
header #nav .menu>li:first-child>ul {
	margin-top: 32px;
}
header #nav .menu li ul li {
	display: block;
}
header #nav .menu li ul li>a {
	width: fit-content;
	line-height: 1.8em;
}
header #nav .menu li ul li ul {
	height: 0px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}
header #nav .menu li.active ul {
	height: auto;
	opacity: 1;
	visibility: visible;
}
header #nav .menu li ul li ul a {
	font-size: 0.9em;
	padding-left: 1.2em;
}
header #nav .menu li.active>a,
header #nav .menu li:hover.active>a {
	color: #FF2D20;
}

header button.search-toggle {
	flex: 0 0 auto;
	line-height: 72px;
	display: inline-block;
	text-align: center;
	margin-right: 16px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 14px;
	color: #FFF;
}
header button.search-toggle .icon {
	display: inline-block;
	font-size: 22px;
	vertical-align: middle;
	margin-bottom: 3px;
}

header #contact {
	flex: 0 0 auto;
	align-self: flex-start;
	text-align: right;
	min-width: 0;
	z-index: 1;
}
header #contact>ul,header #contact>a {
	display: inline-block;
}

header #contact ul.shop {
	padding: 0;
	margin: 0;
	padding-right: 12px;
}
body.home header #contact ul.shop,
body.page header #contact ul.shop {
	vertical-align: middle;
}
header #contact ul.shop li.search-toggle {
	display: none;
}
header #contact ul.shop>li>a {
	color: #FFF;
	display: block;
	width: 28px;
	height: 28px;
	text-align: center;
	margin: 0 4px;
	border: 1px solid #D9D9D9;
	border-radius: 50%;
}
header #contact ul.shop a:hover {
    color: #9b2d30!important;
}
header #contact ul.shop a .icon {
	font-size: 16px;
	line-height: 26px;
}
body.home header #contact ul.shop a,
body.page header #contact ul.shop a {
	color: #FFF;
}

header #contact a.email,
header #contact a.phone {
	text-decoration: none;
	color: #FFF;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 72px;
}
header #contact a.email i,
header #contact a.phone i,
header #contact a.address i {
	display: none;
}
body.home header #contact a.email,
body.home header #contact a.phone,
body.page header #contact a.email,
body.page header #contact a.phone {
	color: #FFF;
}
header #contact a.address,
header #contact a.address-toggle {
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
}
header #contact .addresses {
	position: relative;
	display: inline-block;
}
header #contact a.address-toggle svg {
	transform: rotate(90deg);
	opacity: 0.3;
	width: 8px;
	height: 8px;
	margin-left: 4px;
}
header #contact a.address-toggle path {
	fill: #FFF;
}

@media screen and (min-width: 1024px) {
	header #contact .addresses.active a.address-toggle svg {
		opacity: 1;
	}
	header #contact .addresses.active a.address-toggle path {
		fill: #9B2D30;
	}
	header #contact a.address {
		height: 0px;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		position: absolute;
		left: -22px;
		bottom: -75px;
		white-space: nowrap;
	}
	header #contact a.address:nth-child(3) {
		bottom: -121px;
	}
	header #contact .addresses.active a.address {
		opacity: 1;
		visibility: visible;
		height: auto;
		background: rgb(0 0 0 / 50%);
		padding: 12px 20px;
		width: 320px;
		text-align: left;
	    transition: opacity .4s ease;
	}
	header #contact .addresses.active a.address:nth-child(3) {
		transition: opacity .4s .1s ease;
	}
}

header #contact a.email {
	display: none;
}
header #contact .call .icon {
	display: none;
}
header #contact .button.call {
	height: 38px;
	position: relative;
	padding: 0px 20px;
	border-radius: 4px;
	font-size: 12px;
}
header .button.call b {
	font-weight: 500;
}

header #menu_button {
    align-self: flex-start;
    z-index: 1;
    height: 32px;
    padding: 0;
    display: inline-block;
    margin: 18px 0 0 12px;
    border-radius: 4px;
    background: transparent;
}
header #menu_button .icon {
	background: none;
	color: #FFF;
	width: auto;
	height: auto;
	margin: 0;
	font-size: 32px;
}
header #menu_button .ico_plus {
	display: none;
}

header .search-wrap {
	background: #ffffff;
	padding: 40px 20px 20px;
	visibility: hidden;
	max-height: 0px;
	opacity: 0;
	overflow: hidden;
	transition: max-height .4s ease, opacity .4s ease;
	position: relative;
	z-index: 3;
}
header .search-wrap.active {
	max-height: 200px;
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 1024px) {
	header .search .button {
		margin-left: auto;
		width: 100%;
		text-align: left;
		position: relative;
	}
	header .search .button .icon {
		text-align: center;
		margin-left: auto;
		position: absolute;
		right: 24px;
	}
}
header .search-wrap .search-toggle {
	position: absolute;
	right: 4px;
	top: 4px;
	color: #121212;
	opacity: 0.4;
	font-size: 24px;
	font-weight: 600;
	transform: rotate(45deg);
	cursor: pointer;
}
header .over {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	background: #202020e6;
	left: 0;
	top: 0;	
	visibility: hidden;
	z-index: 1;
}
header .over.active {
	visibility: visible;
	opacity: 1;
	z-index: 2;
}

header .burger {
	width: calc(100% - 80px);
	position: absolute;
	right: 40px;
	top: 72px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	visibility: hidden;
	max-height: 0px;
	opacity: 0;
	box-shadow: 1px 1px 20px #00000033;
	transition: max-height .2s ease, opacity .4s ease;
}
@media screen and (min-width: 1023px) {
	header.active .burger {
		visibility: visible;
		max-height: 1000px;
		opacity: 1;
		z-index: 3;
	}
}
header .burger .panel {
	width: 25%;
	flex-direction: column-reverse;
	height: 400px;
	background-size: cover;
	background-position: center;
	display: flex;
	padding: 2em;
	position: relative;
}
header .burger .panel:before {
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(20deg, #1e1e1eFF, transparent);
	box-shadow: inset 1px 1px 80px 20px #1e1e1eab;
	position: absolute;
	left: 0;
	top: 0;
	transition: box-shadow .2s ease;
}
header .burger .panel:hover:before {
	box-shadow: inset 1px 1px 80px 20px #1e1e1e00;
	background-size: 110%;
}
header .burger .panel h4 {
	color: #FFF;
	text-transform: none;
	font-size: 24px;
	font-weight: 400;
	z-index: 1;
}
header .burger .burger-toggle {
	position: absolute;
	right: 12px;
	top: 12px;
	font-size: 28px;
	transform: rotate(45deg);
	cursor: pointer;
	color: #FFF;
	z-index: 1;
}



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

}
@media screen and (max-width: 1400px) {
	header #logo {
		width: auto;
	}
	header #contact .call .icon {
		display: inline-block;
	}
	header #contact .call b {
		display: none;
	}
	header #contact .addresses {
		display: none;
	}
}
@media screen and (max-width: 1160px) {
	header #nav {
		text-align: left;
	}
	header #contact .call {
	    display: none;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	ul.shop li a {
	    font-size: 16px;
	    line-height: 30px;
	    width: 28px;
	    height: 28px;
	    margin: 0 3px;
	}
	header #contact a.email {
	    padding-right: 10px;
	}
	header .button,
	header #nav .menu li a.button {
		/* padding: 4px 8px; */
	}
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
	header .shape {
	    left: 16em;
	}
    header #logo {
        margin-left: 0;
    }
    header #nav, header #contact {
    }
}
@media screen and (min-width: 870px) and (max-width: 960px) {
	header .shape {
	    left: 11.2em;
	}
    header #logo {
        margin-left: 0;
    }
    header #nav, header #contact {
    }
}
@media screen and (min-width: 540px) and (max-width: 870px) {
	header .shape {
	    left: 6em;
	}
    header #logo {
        margin-left: 0;
    }
    header #nav, header #contact {
    }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
	header:not(.active) ul.shop li a {
	    font-size: 16px;
	    line-height: 30px;
	    width: 28px;
	    height: 28px;
	    margin: 0 3px;
	}
	header:not(.active) #contact a.email, header #contact a.phone {
	    padding: 0 12px;
	    font-size: 14px;
	}
	header:not(.active) #contact a.email {
	    padding-right: 10px;
	}
	header:not(.active) .button,
	header #nav .menu li a.button {
		/* padding: 4px 8px; */
	}
}
@media screen and (min-width: 540px) and (max-width: 660px) {
	header #contact a.email {
	    display: none;
	}
}
@media screen and (max-width: 540px) {
	header #contact .shop,
	header #contact .email,
	header #contact .call {
	    display: none;
	}
	header #contact a.phone {
		padding: 0;
	}
    header #nav, header #contact {
    }
	header #nav, header #contact {
		align-self: stretch;
	}
	header #logo {
		margin-left: 0;
		margin-top: 0;
	}
	header #logo img {
	}
}
@media screen and (max-width: 320px) {
	header #contact a.phone {
		display: none;
	}
}

/************ MOB MENU ************/

@media screen and (max-width: 1024px) {
	header:not(.active) #contact {
	margin: 0;
	padding: 0;
	}
	header .topline {
		display: none;
	}
	header #menu_button {
		display: block;
	}
	header #menu_button .icon {
	    color: #FFF;
	}
	body.home header #menu_button .icon,
	body.page header #menu_button .icon {
		color: #FFF;
	}
	header #nav {
		display: none;
	}
	header button.search-toggle {
		display: none;
	}
	header #contact a.email, header #contact a.phone {
	    padding: 0;
	    font-size: 14px;
	}

	header #menu_button.active .ico_burger {
		display: none;
	}
	header #menu_button.active .ico_plus {
		display: block;
		transform: rotate(45deg);
		color: #817f7f !important;
		font-size: 28px;
	}	
	header.active {
		background: #ffffff;
		position: fixed;
		height: 100%;
	}
	header.active .container {
		height: 100%;
	}
	header.active .wrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		height: 100%;
	}
	header.active #logo  {
		order: 1;
	}
	header.active #nav {
		order: 2;
		display: block;
		margin-top: 48px;
		margin-left: 60px;
		width: 100%;
	}
	header.active #nav .menu {
		width: 95%;
	}
	header.active #nav .menu:before {	
		display: none;
	}
	header.active #nav .menu:after {
		height: 1px;
		width: 100%;
		position: absolute;
		margin-bottom: 0;
		bottom: -16px;
	}
	header.active #nav .menu>li {
		display: block;
		line-height: 1.6em;
	}
	header.active #nav .menu>li a {
		font-size: 20px;
		color: #151515!important;
	}
	header.active #nav .menu>li.burger {
	    display: block;
	    width: fit-content;
	}
	header #nav .menu li a {
		margin: 0;
		font-weight: 500;
		padding: 6px 0px;
		font-size: 16px;
	}
	header #nav .menu li a:hover {
		color: inherit;
	}
	header #nav .menu li.parent>a:after {
		right: -12px;
	}
	header.active #nav .menu li .button {
		margin: 0;
		background: none;
		color: #FFF;
		padding: 6px 0px;
		font-weight: 400;
		text-align: left;
	}
	header.active #nav .menu li:first-child .button {
		display: none;
	}
	header.active #nav .menu li ul {
		display: block;
		position: relative;
		opacity: 1;
		visibility: visible;
		background: transparent;
		padding: 0;
		margin: 0;
		width: fit-content;
	}
	header.active #contact {
		order: 3;
		margin-top: auto;
		margin-left: 60px;
		max-height: fit-content;
		text-align: left;
		display: flex;
		flex-direction: column;
	}
	header.active #contact a.phone i {
		display: block;
		font-size: 10px;
		text-transform: capitalize;
		font-weight: 700;
	}
	header.active #contact a.phone {
		display: block;
		order: 1;
		padding: 0;
		color: #151515!important;
		line-height: 1em;
		font-size: 20px;
		font-weight: 600;
	}
	header.active #contact a.phone {
		margin-bottom: 24px;
	}

	header.active {
		display: flex;
		flex-direction: column;
	}
	header.active>.container {
		order: 1;
	}
	header.active .topline {
		display: block;
		order: 2;
	}
	header.active .topline .container {
		flex-direction: column;
		margin-left: 60px;
		padding: 20px;
	}
	header.active .topline .address b {
		display: block;
		height: 0px;
	}
	header.active .topline .social {
		text-align: left;
	}
	header.active .topline .social li {
		display: block;
		height: 28px;
	}
	header.active .topline .social li a {
		margin: 0;
	}

	header.active #menu_button {
		position: absolute;
		background: transparent;
		right: -12px;
		top: -16px;
		height: 46px;
		text-align: center;
		padding: 16px;
	}
	header.active .over {
		display: none;
	}
}

/************ CRUMBS ************/

.breadcrumb {
	list-style: none;
	padding: 0;
	margin: 0 0 0 4px;
}
.breadcrumb li {
	display: inline-block;
	font-size: 14px;
	color: #cdcdcd;
}
.breadcrumb li:not(.active):after {
	content: '/';
	padding: 0 4px;
}
.breadcrumb li a {
	color: #242424;
	text-decoration: none;
}

/************ SLIDER ************/

.slider {
	overflow: hidden;
	position: relative;
    background: transparent;
    line-height: 0;
    padding: 0;
}
.slider .container {
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.slider .item {
	height: 480px;
}
@media (min-width: 1024px) {
	.slider .item {height: 440px;}
}
@media (min-width: 1280px) {
	.slider .item {height: 500px;}
}
@media (min-width: 1440px) {
	.slider .item {height: 540px;}
}

.slider .pic {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	opacity: 1;
}
.slider .vignette {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 18em rgba(0, 0, 0, 0.9) inset;
    background-color: #000000;
    background: linear-gradient(30deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 20%) 50%, rgba(255, 255, 255, 0) 100%);
    background-size: cover;
    background-position: center;
}

.slider .item .panel {
	max-width: 560px;
	line-height: 1em;
	color: #FFF;
	padding: 0;
}
.slider .panel .heading {
	font-size: 48px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 0.2em;
}
.slider .panel .text {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 1.2em;
}
.slider .button {
    padding: 8px 36px;
}
@media screen and (max-width: 720px) {
	.slider .panel .heading {
		font-size: 36px;
	}
}
@media screen and (max-width: 480px) {
	.slider .panel .heading {
		font-size: 28px;
	}
}

.slider .splide__arrows {
	position: absolute;
	bottom: 40px;
	line-height: 1em;
	right: calc((100vw - 1600px) / 2 + 40px);
}
.slider .splide__arrows button {
	height: 54px;
	width: 54px;
	opacity: 0.6!important;
}
@media (max-width: 1600px) {
	.slider .splide__arrows {
		right: 40px;
	}
}
@media (max-width: 1024px) {
	.slider .splide__arrows {
		right: 20px;
		bottom: 20px;
	}
}

/************ GALLERY ************/

.gallery .splide {
	height: 100%;
}
.gallery .splide .splide__track {
	height: 100%;
}
.gallery a {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.gallery a img {
	max-width: 100%;
	border-radius: 4px;
	opacity: 0.3;
	transition: opacity 0.1s;
}
.gallery li.is-active a img {
	opacity: 1;
}
.gallery .splide__arrow {
	border-radius: 0;
	opacity: 1;
	padding: 12px;
	width: 46px;
	height: 46px;
	color: #000;
}
.gallery .splide__arrow--prev {
	left: 1.6em;
	bottom: 0.2em;
	top: unset;
}
.gallery .splide__arrow--next {
	bottom: 0.2em;
	top: unset;
}
.gallery .splide.inline {
	height: 360px;
}
.gallery .splide.inline a {
	border-radius: 10px;
}

.pswp__container {
    transition: transform var(--pswp-transition-duration) ease-out;
}
.pswp__img, .pswp__zoom-wrap {
    max-block-size: inherit;
}

.gallery .thumbnails {
    height: min-content;
}
.gallery .thumbnails .splide__track {
	height: min-content;
}
.gallery .thumbnails .splide__list {
	height: min-content;
}
.gallery .thumbnails .splide__slide {
  opacity: 0.8;
  margin-right: 0!important;
}
.gallery .thumbnails .splide__slide.is-active {
  opacity: 1;
  border-width: 2px!important;
}
.gallery .thumbnails .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery .thumbnails .splide__arrows {
    position: relative;
    width: 116%;
    margin-left: -8%;
    margin-bottom: -58px;
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.gallery .thumbnails .splide__arrow {
	background: transparent;
}
@media (max-width: 1400px) {
	.gallery .thumbnails .splide__arrows {
	    width: 118%;
	    margin-left: -9%;
	}
}
@media (max-width: 1200px) {
	.gallery .thumbnails .splide__arrows {
	    width: 122%;
	    margin-left: -11%;
	}
}
@media (max-width: 1024px) {
	.gallery .thumbnails .splide__arrows {
	    width: 112%;
	    margin-left: -6%;
	}
}
@media (max-width: 720px) {
	.gallery .thumbnails .splide__arrows {
	    width: 120%;
	    margin-left: -10%;
	}
}
@media (max-width: 600px) {
	.gallery .thumbnails .splide__arrows {
	    width: 124%;
	    margin-left: -12%;
	    margin-bottom: -48px;
	    margin-top: 2px;
	}
}
@media (max-width: 480px) {
	.gallery .thumbnails .splide__arrows {
	    width: 134%;
	    margin-left: -17%;
	}
}

/************ HERO ************/

.hero {
	overflow: hidden;
	position: relative;
	background: transparent;
	line-height: 0;
	padding: 0;
	height: 480px;
	background-image: url(../img/rmt/hero.jpg);
	background-size: cover;
	background-position: center;
	z-index: 0;	
}
.hero .vignette {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(18 18 18 / 60%);
}
.hero .breadcrumb {
	margin-bottom: 12px;
}
.hero .breadcrumb a {
	color: #FFF;
}
.hero .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: normal;
	justify-content: end;
}
.hero h1 {
	margin: 0;
	color: #FFF;
	text-transform: uppercase;
	font-size: 48px;
	line-height: 1em;
	font-weight: 500;
	max-width: 800px;
}
.hero .text {
    margin-top: 4px;
    color: #FFF;
    line-height: 1.2em;
    max-width: 720px;
}
.hero .button {
	margin-top: 24px;
}
@media screen and (max-width: 1024px) {
	.hero {
		height: 400px;
	}
	.hero .container {
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.hero h1 {
		margin-bottom: 14px;
		font-size: 24px;
	}
}

/************ BLOCKS ************/

.showcase .item {background: #E3E3E3;}
.showcase .item .cover {
	height: 200px;
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-size .2s 0s ease;
}
.showcase .item:hover .cover {
	background-size: 95%;
}
.showcase .item .title {
	font-size: 18px;
	font-weight: 600;
	color: #000;
}
.showcase .item .count {
	color: #4A4A4A;
	font-size: 14px;
}

.intro p {
	margin-bottom: 1.2em;
}
.intro p.red-bg {
	padding: 1em;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
}
.intro a.video {
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 240px;
}
.intro a.video .ico_play {
	position: absolute;
	top: 50%;          /* Move to center (by coordinates) */
	left: 50%;
	transform: translate(-50%, -50%); /* Center by own size */
	color: #FFF;
	font-size: 40px;
	width: 80px;
	height: 80px;
	padding-left: 4px;
	line-height: 80px;
	text-align: center;
	background: #1E1E1E;
	border-radius: 50%;
	box-shadow: 0 0 20px #FFF;
}
.intro a.video:hover .ico_play {
	color: #9B2D30;
}

.search-res .item a {
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-bottom: 0.6em;
}
.search-res .item a .icon {
	font-weight: 800;
    color: #9b2d30;
}

.blog .item a {
	color: #32302D;
}
.blog .item a .cover {
	height: 280px;
	margin-bottom: 14px;
	background-size: cover;
	background-position: center;
}
.blog .item a .title {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2em;
}

.buyback .panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #1E1E1E;
    color: #FFF;
    padding: 32px;
    gap: 20px;
}
.buyback .text {
	flex: 1 1 auto;
	line-height: 1em;
}
.buyback .text h4 {
	color: #FFF;
	margin-bottom: 8px;
}

.cta .grid {
    background: #9B2D30;
}
.cta.black .grid {
	background: #1E1E1E;
}
.cta .text {padding: 32px;}
.cta .text h4 {
	color: #FFF;
	margin-bottom: 34px;
}
.cta .img {
    background-size: 460px;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 240px;
}

.content img {
	max-width: 100%;
	height: auto;
}
.content .img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.content p {
    margin-bottom: 1em;
}


/************ CARLIST ************/

.carlist .models a {
    background-color: #1e1e1e;
    color: #FFF;
    padding: 2px 8px;
}

.carlist .item .cover {
	display: block;
	height: 240px;
	background-size: cover;
	background-position: center;
}
.carlist .item .bar {
	display:flex;
	flex-wrap:wrap;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}
.carlist .item .bar .sale {
	flex: 0 0 100%;
	background: #F22D33;
	line-height: 24px;
	height: 24px;
	margin-top: -24px;
}
.carlist .item .bar .price {
	flex:1 0 auto;
	background: #1E1E1E;
	text-align: left;
	padding-left: 12px;
	line-height: 42px;
	height: 42px;
	font-weight: 600;
}
.carlist .item .bar .price.deal {
	line-height: 28px;
}
.carlist .item .bar .price .old {
    text-decoration: line-through;
    line-height: 8px;
    font-size: 12px;
    margin-top: 6px;
    font-weight: 300;
}
.carlist .item .bar .price .usd,
.carlist .item .bar .price em b {
	display: inline-block;
	font-weight: 300;
}
.carlist .item .bar .status {
	flex:1 0 auto;	
	line-height: 42px;
}
.carlist .item .bar .nds {
	flex:1 0 auto;
	background: #1e1e1e;
	line-height: 42px;
}
.carlist .item .title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}
.carlist .item .info {
	font-size: 14px;
	font-weight: 400;
	color: #7a7a7a;
}

.status {
	background-color: #495459;
}
.status.n0 {
	background-color: #4DCE07;
}
.status.n3 {
	background-color: #003148;
}

.price i,
.price sub {
	font-size: 0.7em;
	opacity: 0.7;
	margin-left: 0.2em;
}

/************ CARINFO ************/

.details .gallery {
	position: relative;
	min-height: 330px;
}
.details .gallery .thumbnails {
	position: absolute;
	bottom: 1em;
	left: 8%;
	width: 84%;
	background: #FFF;
	padding: 4px 40px;
}

.details .info {
	background-color: #E3E3E3;
	padding: 40px;
}
.details .info h1 {
	margin-top: 12px;
	margin-bottom: 0;
}

.details .info .bar {
	display:flex;
	flex-wrap:wrap;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	flex-direction: row;
	align-content: center;
	margin-right: -40px;
}
.details .info .bar .price {
	flex: 0 0 100%;
	background: #1E1E1E;
	text-align: left;
	font-weight: 400;
	font-size: 25px;
	line-height: 1em;
	padding: 14px;
}
.details .info .bar .price.deal {
	line-height: 28px;
}
.details .info .bar .price .old {
    text-decoration: line-through;
    line-height: 18px;
    font-size: 16px;
    font-weight: 300;
}
.details .info .bar .price em {
	display: inline-block;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	opacity: 0.7;
}
.details .info .bar .price .price-var-link {
	color: #FFF;
    font-size: 12px;
    display: block;
}
.details .info .bar .sale {
	flex:1 0 auto;
	background: #F22D33;
	line-height: 24px;
}
.details .info .bar .status {
	flex:1 0 auto;
}
.details .info .bar .nds {
	flex:1 0 auto;
	background: #464646;
}

.details .info a.pdf {
    display: block;
    flex: 0 0 100%;
    color: #000;
    font-size: 14px;
    text-decoration: underline;
    text-decoration-color: #d5d5d5;
}

.details .descr {
	columns: 2;
}

.specs {
	display: block;
	width: 100%;
	margin: 8px 0;
	font-size: 12px;
	line-height: 40px;
}
.specs li {
	display: flex;
	align-items: center;
	font-weight: 600;
	line-height: 32px;
}
.specs li:not(:first-child) {
	border-top: 1px solid #D5D5D5;
}
.specs .icon {
	font-size: 22px;
	display: inline-block;
	line-height: 40px;
	margin-right: 8px;
}
.specs b {
	margin-left: auto;
	line-height: 1em;
	text-align: right;
}

@media screen and (max-width: 1024px) {
	.details .info {
		padding: 20px;
	}
	.details .info .bar {
		margin-right: 0;
	}
	.details .descr {
		columns: 1;
	}
}
@media screen and (max-width: 480px) {
	.details .info .button {
		width: 100%;
	}
}

/************ FOOTER ************/

footer {
    width: 100%;
    background-color: #1E1E1E;
}
footer .logo {
	width: 80px;
	display: block;
	margin-bottom: 36px;
}

footer a.phone {
	color: #FFF;
	display: block;
	font-size: 32px;
	font-weight: 600;
}
footer a.email {
	color: #c9c9c9;
	display: block;
	margin-top: 16px;
	font-size: 17px;
	font-weight: 400;
}
footer .address {
	color: #FFF;
	margin-top: 28px;
	font-size: 22px;
}
footer .time {
	color: #c9c9c9;
	margin-top: 12px;
}

footer .nav {
	border-top: 1px solid #303030;
	margin-top: 32px;
	padding-top: 28px;
}
footer .nav h4 {
	color: #FFF;
	text-transform: none;
	font-size: 14px;
	margin-bottom: 16px;
}
footer .nav ul li a {
	color: #c9c9c9;
	font-size: 14px;
}

footer .legal {
	border-top: 1px solid #303030;
	margin-top: 32px;
	padding-top: 20px;
	color: #767676;
}

footer .map {
	line-height: 0px;
	width: 100%;
}
.map iframe {
    width: 100%;
    height: 100%;
    min-height: 320px;
    border: none;
    opacity: 0.8;
}
.map iframe .popup {
	display: none!important;
}



/************ FORM ************/

.form label {
    margin: 1em 0 0;
    font-weight: 600;
    font-size: 100%;
}
.form input[type],
.form textarea,
.form select {
    background: #ffffff;
    box-shadow: none;
    font-size: 18px;
    line-height: 56px;
    padding: 0px 16px;
    color: #111;
    font-weight: 400;
    display: inline-block;
    min-width: auto;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 1px;
    border-bottom: 1px solid #C5C5C5;
}
.form select * {
	background-color: #ffffff;
}
.sel-wrap {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sel-wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  transform: translateY(-50%);
}
.sel-wrap:has(select[disabled])::after {
  border-top: 5px solid #bfbfbf;
}
.sel-wrap select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px; /* пространство для стрелки */
}
.form textarea {
	line-height: 1em;
	padding: 12px;
}

textarea::placeholder,
input::placeholder {
	color: #b5c7cd;
	font-size: 14px;
	font-weight: 300;
	transition: color 0.2s;
}
textarea:focus::placeholder,
input:focus::placeholder {
	color: #04b280;
}
.form input[type=color]:focus,
.form input[type=date]:focus,
.form input[type=datetime-local]:focus,
.form input[type=datetime]:focus,
.form input[type=email]:focus,
.form input[type=month]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form input[type=week]:focus,
.form select:focus,
.form textarea:focus {
	border-color: #04b280;
}

.form input[type=text][disabled],
.form input[type=tel][disabled],
.form input[type=email][disabled],
.form select[disabled],
.form textarea[disabled] {
	background: #FFF;
	color: #b1b1b1;
}

#form_thank {
	display: none;
}
.form h2 {
	font-family: 'Inter';
	margin: 0.2em 0;
	text-align: left;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0;
}
.form .sub {
	line-height: 1.2;
	font-weight: 300;
	margin-bottom: 1.4em;
	margin-top: 1em;
	opacity: 0.8;}
.form label {
    margin: 1em 0 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    padding: 0;
    min-height: 24px;
    display: block;
}
.form label i {
	display: inline-block;
	vertical-align: sub;
	max-width: 280px;
}
@media screen and (max-width: 48em) {
	.form input[type] {
		width: 100%;
	}
}
textarea::placeholder,
input::placeholder {
	color: #717471;
	font-size: 16px;
	font-weight: 300;
	transition: color 0.2s;
}
textarea:focus::placeholder,
input:focus::placeholder {
	color: #2c2c2c;
}
.form input[type=color]:focus,
.form input[type=date]:focus,
.form input[type=datetime-local]:focus,
.form input[type=datetime]:focus,
.form input[type=email]:focus,
.form input[type=month]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form input[type=week]:focus,
.form select:focus,
.form textarea:focus {
	border-color: #cda173;
}
.popup-form-wrap .form button {
	margin: 1em auto;
	width: 100%;
}

.form>.full {
	flex: 0 0 100%;
	width: 100%;
}

.company-input {display: none!important;}

/* Customize the label (the container) */
.form .container {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.form .container input {
	appearance: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Create a custom checkbox */
.form .checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  background-color: #FFF;
  border: 1px solid #D5D5D5;
}

/* On mouse-over, add a grey background color */
.form .container:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.form .container input:checked ~ .checkmark {
  background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form .container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid #282828;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/************ POPUP **************/

#popup_video_wrap video {
	width: auto;
	height: auto;
	max-height: 96vh;
	display: block;
	margin: 0 auto;
	border-radius: 12px;
}
#popup_video_wrap {
	padding: 0;
	width: auto !important;
	max-width: none;
}
.mfp-content {
	width: auto !important;
	max-width: none;
}
#popup_video_wrap .mfp-close {
	color: #FFF;
	font-size: 36px;
	opacity: 0.8;
}

.popup-form-wrap {
    position: relative;
    background: #EDEDED;
    padding: 1.8em;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0px 4px 20px 2px rgb(0 0 0 / 40%);
}
@media screen and (max-width: 48em) {
	.popup-form-wrap {
		padding: 2em;
	}
}
.mfp-close-btn-in .mfp-close {
    color: #000000;
    opacity: 0.4;
    font-size: 2em;
    font-family: inherit;
    font-weight: lighter;
    transition: opacity 0.1s ease-out;
}
.mfp-close-btn-in .mfp-close:hover {
    opacity: 0.3;
}
.mfp-zoom-out {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-zoom-out .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-out;
	transform: scale(0.95);
}
.mfp-zoom-out.mfp-bg {
	opacity: 0;
	transition: all 0.2s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
	opacity: 0.95;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
	transform: scale(1.1);
	opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
	opacity: 0;
}

.adm {
	position: fixed;
	bottom: 0;
	right: 0;
	background: #9b2d30;
	color: #FFF;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 28px;
}