:root
{
	font-size: 1px;
	--hover-opacity: .7;
	--blue: #36f;
	--red: #dc0821;
	--hover-red: #9a0617;
	--dark: #333;
	--hover-dark: #1a1a1a;
	--hir-width: 1280rem;
	--mir-width: 640rem;
	--smr-width: 340rem;
	--max-width: 95%;
	--max-width-v: 95vw;
	--border-radius: 6rem!important;
}

@media all and (min-width: 1921px)
{
	:root
	{
		font-size: calc(0.1px + 0.048vmax);
	}
}

@media all and (max-width: 1200px)
{
	:root
	{
		--hir-width: var(--mir-width);
	}

	@media all and (max-width: 720px)
	{
		:root
		{
			--hir-width: var(--smr-width);
		}
	}
}

/* common */
@media all
{
	html, body
	{
		width: 100%;
		height: 100%;
		min-height: 100%;
		background: #000!important;
		position: relative;
		padding: 0;
		margin: 0!important;
		scroll-behavior: smooth;
	}

	body *
	{
		font-style: normal;
		font-weight: normal;
		font-family: Montserrat, Arial, sans-serif!important;
		font-size: 16rem;
		margin: 0;
		line-height: 150%;
		scrollbar-width: thin;
		scrollbar-color: #999 transparent;
	}

	body::-webkit-scrollbar,
	body *::-webkit-scrollbar
	{
		width: 6rem;
		height: 6rem;
	}

	body::-webkit-scrollbar-track,
	body *::-webkit-scrollbar-track
	{
		background: transparent;
	}

	body::-webkit-scrollbar-thumb,
	body *::-webkit-scrollbar-thumb
	{
		background: #999;
	}

	em,
	em *
	{
		font-style: italic;
	}

	strong,
	strong *
	{
		font-weight: 600;
	}

	.fleft,
	*[data-float='left']
	{
		float: left!important;
		margin-right: 30rem;
	}

	.fright,
	*[data-float='right']
	{
		float: right!important;
		margin-left: 30rem;
	}

	a
	{
		text-decoration: none;
	}

	a,
	a:active,
	a:hover,
	a:focus
	{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		outline: none!important;
		-webkit-tap-highlight-color: transparent;
	}

	.link
	{
		display: inline-block;
		position: relative;
		color: #fff;
		-webkit-transition: color .5s;
		transition: color .5s;
		cursor: pointer;
		top: 1rem;
	}

	.link *
	{
		color: inherit;
	}

	.link.red,
	.link:hover
	{
		color: var(--red);
	}

	.link.white:hover
	{
		color: #fff!important;
	}

	.link:after
	{
		position: absolute;
		left: 0;
		width: 0;
		bottom: 3rem;
		-webkit-transition: all .5s;
		transition: all .5s;
		content: "";
		display: block;
		height: 1rem;
		background: #fff;
	}

	.link.red:after
	{
		background: var(--red)!important;
	}

	.link.vsb:after,
	.link:hover:after
	{
		width: 100%;
		background: var(--red);
	}

	.link.white:after
	{
		background: #fff!important;
	}

	.link.play
	{
		color: #fff!important;
		margin-left: 28rem;
		position: relative;
		font-size: 14rem;
		line-height: 20rem;
	}

	.link.play:before
	{
		position: absolute;
		left: -28rem;
		top: 0;
		background: url(/web/images/play-r.svg) left top no-repeat;
		background-size: 20rem 20rem;
		display: block;
		width: 28rem;
		height: 20rem;
		content: "";
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	.link.play:hover:before
	{
		-webkit-filter: grayscale(100%) brightness(500%);
		filter: grayscale(100%) brightness(500%);
	}


	.link.play:after
	{
		background: #fff!important;
	}

	.button
	{
		display: inline-block;
		color: #fff;
		background: var(--dark);
		font-weight: 300;
		padding: 9rem 29rem;
		border: 1rem solid var(--dark);
		font-size: 14rem;
		line-height: 20rem!important;
		text-decoration: none!important;
		-webkit-transition: all .5s;
		transition: all .5s;
		box-sizing: border-box;
		height: 40rem;
		text-align: center;
		cursor: pointer;
	}

	.button.middle
	{
		padding: 6rem 20rem;
		font-size: 12.5rem;
		line-height: 18rem!important;
		height: 32rem;
	}

	.button.small
	{
		padding: 3rem 11rem;
		font-size: 11rem;
		line-height: 16rem!important;
		height: 24rem;
	}

	.button.xsmall
	{
		padding: 3rem 11rem;
		font-size: 9rem;
		line-height: 14rem!important;
		height: 20rem;
	}

	.button *
	{
		color: inherit;
		cursor: inherit;
	}

	.button.w150
	{
		width: 150rem;
	}

	.button.w200
	{
		width: 200rem;
	}

	.button.w250
	{
		width: 200rem;
	}

	.button.w300
	{
		width: 300rem;
	}

	.button.w340
	{
		width: 340rem;
	}

	.button.red
	{
		background: var(--red);
		border-color: var(--red);
	}

	.button.red.ghost
	{
		background: transparent;
	}

	.button.white
	{
		color: var(--red)!important;
		background: #fff;
		border-color: #fff;
	}

	.button.white.alt
	{
		color: #000!important;
	}

	.button.white.ghost
	{
		color: #fff!important;
		background: transparent;
	}

	.button:hover,
	.button.white:hover
	{
		color: #fff!important;
		background: var(--hover-dark)!important;
		border-color: var(--hover-dark)!important;
	}

	.button.red:hover
	{
		background: var(--hover-red)!important;
		border-color: var(--hover-red)!important;
	}
}

/* menu */
@media all
{
	page-menu
	{
		display: block;
		position: fixed;
		width: 100%;
		z-index: 1;
		top: 0;
		left: 0;
		padding-top: 40rem!important;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	body[data-scroll='y'] page-menu,
	page-menu[client]
	{
		top: -30rem;
	}

	@media all and (max-width: 1200px)
	{
		page-menu
		{
			top: -32rem!important;
		}

		@media all and (max-width: 720px)
		{
			page-menu
			{
				top: -36rem!important;
			}
		}
	}

	page-menu:after
	{
		position: absolute;
		z-index: 0;
		left: 0;
		top: -1rem;
		width: 100%;
		height: 108rem;
		content: "";
		background: #000;
		border-bottom: 1rem solid var(--red);
		-webkit-transition: all .3s;
		transition: all .3s;
		opacity: 0;
	}

	@media all and (max-width: 1200px)
	{
		page-menu:after
		{
			height: 103rem;
		}

		@media all and (max-width: 720px)
		{
			page-menu:after
			{
				height: 101rem;
			}
		}
	}

	body[data-scroll='y'] page-menu:after,
	page-menu[client]:after
	{
		opacity: 1;
	}

	page-menu>nav
	{
		display: block;
		margin: 0 auto;
		width: var(--hir-width);
		max-width: var(--max-width);
		height: 60rem;
		position: relative;
		z-index: 1;
	}

	page-menu>nav>a.logo
	{
		position: absolute;
		left: 0;
		top: -6rem;
		display: block;
		width: 232rem;
		cursor: pointer;
		z-index: 9;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	@media all and (max-width: 1200px)
	{
		page-menu>nav>a.logo
		{
			width: 174rem;
			top: 3rem;
		}

		@media all and (max-width: 720px)
		{
			page-menu>nav>a.logo
			{
				width: 116rem;
				top: 10rem;
			}
		}
	}

	page-menu>nav>a.logo>img
	{
		display: block;
		cursor: pointer;
		width: 100%;
		height: auto!important;
	}

	page-menu>nav>menu-burger
	{
		display: block;
		position: absolute;
		right: 0;
		top: 15rem;
		width: 30rem;
		height: 25rem;
		cursor: pointer;
		z-index: 9;
		-webkit-transition: all .5s;
		transition: all .5s;
		opacity: 0;
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}

	page-menu>nav>menu-burger:before,
	page-menu>nav>menu-burger:after,
	page-menu>nav>menu-burger>span
	{
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 5rem;
		background: #fff;
		-webkit-transition: all .5s ease .5s, -webkit-transform .5s;
		transition: all .5s ease .5s, transform .5s;
		cursor: pointer;
	}

	page-menu>nav>menu-burger:before
	{
		content: "";
	}

	page-menu>nav>menu-burger>span
	{
		top: 10rem;
	}

	page-menu>nav>menu-burger:after
	{
		top: 20rem;
		content: "";
	}

	page-menu>nav>menu-offer
	{
		display: block;
		position: absolute;
		right: 60rem;
		top: 7rem;
		width: 150rem;
		height: 43rem;
		z-index: 1;
	}

	@media all and (max-width: 1200px)
	{
		page-menu>nav>menu-offer
		{
			width: 130rem;
			top: 7rem;
			height: 40rem;
			right: 52rem;
		}

		@media all and (max-width: 720px)
		{
			page-menu>nav>menu-offer
			{
				top: 9rem;
				height: 37rem;
				width: 105rem;
				right: 45rem;
			}
		}
	}

	page-menu>nav>menu-offer>a
	{
		cursor: pointer;
		display: block;
		width: 100%;
		height: 43rem;
		line-height: 43rem;
		background: var(--red);
		color: #fff;
		font-weight: 300;
		text-align: center;
		font-size: 14rem;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	page-menu>nav>menu-offer>a:hover
	{
		background: var(--hover-red);
	}

	@media all and (max-width: 1200px)
	{
		page-menu>nav>menu-offer>a
		{
			height: 40rem!important;
			line-height: 40rem!important;
			font-size: 12.5rem!important;
		}

		@media all and (max-width: 720px)
		{
			page-menu>nav>menu-offer>a
			{
				height: 37rem!important;
				line-height: 37rem!important;
				font-size: 11rem!important;
			}
		}
	}

	page-menu>nav>menu-qsearch
	{
		display: block;
		position: absolute;
		z-index: 1;
		top: 13rem;
		right: 240rem;
		height: 31rem;
		width: 25rem;
		max-width: calc(100% - 167rem);
		-webkit-transition: all .5s;
		transition: all .5s;
		opacity: 0;
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
		overflow: hidden;
	}

	@media all and (max-width: 1200px)
	{
		page-menu>nav>menu-qsearch
		{
			right: 205rem;
		}

		@media all and (max-width: 720px)
		{
			page-menu>nav>menu-qsearch
			{
				right: 165rem;
			}
		}
	}

	page-menu>nav>menu-qsearch>img
	{
		display: block;
		box-sizing: border-box;
		width: 41rem;
		height: 41rem;
		cursor: pointer;
		position: absolute;
		right: -8rem;
		top: -5rem;
		padding: 8rem;
		z-index: 2;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	page-menu>nav>menu-qsearch>input,
	page-menu>nav>menu-items
	{
		display: none;
	}
}

/* page */
@media all
{
	page-content
	{
		display: -ms-grid;
		display: grid;
		grid-gap: 0;
		grid-template-columns: 100%;
		grid-template-rows: max-content auto max-content;
		position: relative;
		z-index: 0;
		width: 100%;
		min-height: 100%;
	}
	page-content>page-header
	{
		display: block;
		position: relative;
		padding-top: 96rem;
		z-index: 2;
	}

	page-content:not(.home)>page-header
	{
		padding-top: 136rem;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-header
		{
			padding-top: 86rem!important;
		}

		@media all and (max-width: 720px)
		{
			page-content>page-header
			{
				padding-top: 66rem!important;
			}
		}
	}

	page-content>page-body
	{
		display: block;
		position: relative;
		z-index: 1;
		min-height: 25vw;
	}

	page-content>page-footer
	{
		display: block;
		position: relative;
		z-index: 1;
	}

	page-content gc-reviews
	{
		display: none;
	}
}

/* header */
@media all
{
	@media all and (max-width: 1200px)
	{
		page-content:not(.home)>page-header
		{
			padding-top: 80rem;
		}
	}

	page-content.home>page-header
	{
		z-index: 0;
		background: url(/web/images/car.webp) center top no-repeat;
		background-size: cover;
	}

	@media all and (max-width: 1780px)
	{
		page-content.home>page-header
		{
			background-size: contain;
		}
	}

	page-content.home>page-header:after
	{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		content: "";
		display: block;
		background: -webkit-linear-gradient(0deg, #000, rgba(0,0,0,0.66));
		background: linear-gradient(0deg, #000 0, rgba(0,0,0,0.66) 100%);
	}

	page-content.home>page-header>header
	{
		display: block;
		position: relative;
		z-index: 2;
		background: url(/web/images/stripe-1.webp) left top no-repeat;
		padding-bottom: 80rem;
		overflow: hidden;
		background-size: 352rem auto;
	}

	page-content.home>page-header>header>header-addon
	{
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		top: calc(50vh - 69rem);
		z-index: 1;
	}

	@media all and (max-width: 1780px)
	{
		page-content.home>page-header>header>header-addon
		{
			position: relative;
			top: 0;
			width: 420rem;
			margin: 0 auto;
			display: -ms-grid;
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 40rem;
			padding-top: 120rem;
		}

		@media all and (max-width: 720px)
		{
			page-content.home>page-header>header>header-addon
			{
				width: var(--smr-width);
				grid-gap: 10rem;
			}
		}
	}

	page-content.home>page-header>header>header-addon>gc-counter
	{
		position: absolute;
		right: 20rem;
		bottom: 0;
		z-index: 0;
		width: 170rem;
		display: block;
		box-sizing: border-box;
		text-align: left;
		white-space: nowrap;
		-webkit-transform: skew(-10deg, 0);
		transform: skew(-10deg, 0);
	}

	@media all and (max-width: 1780px)
	{
		page-content.home>page-header>header>header-addon>gc-counter
		{
			position: relative;
			right: 0;
			padding-bottom: 0;
		}

		@media all and (max-width: 720px)
		{
			page-content.home>page-header>header>header-addon>gc-counter
			{
				width: 150rem;
			}
		}
	}

	page-content.home>page-header>header>header-addon>gc-counter>span
	{
		color: #fff;
		display: block;
	}

	page-content.home>page-header>header>header-addon>gc-counter>strong
	{
		font-size: 125rem;
		line-height: 125rem;
		display: flex;
		color: #fff;
		font-weight: 300;
		letter-spacing: -7rem;
	}

	page-content.home>page-header>header>header-addon>gc-counter>strong>span
	{
		display: block;
		font-size: 30rem;
		line-height: 30rem;
		padding: 15rem 0 0 10rem;
		letter-spacing: normal;
	}

	page-content.home>page-header>header>header-addon>gc-counter>strong>span>span
	{
		display: block;
		font-size: 10rem;
		font-weight: normal;
	}

	page-content.home>page-header>header>header-addon>gc-reviews
	{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0;
	}

	@media all and (max-width: 1780px)
	{
		page-content.home>page-header>header>header-addon>gc-reviews
		{
			position: relative;
		}

		@media all and (max-width: 720px)
		{
			page-content.home>page-header>header>header-addon>gc-reviews
			{
				width: 150rem;
			}
		}
	}

	page-content.home>page-header>header>header-content
	{
		display: -ms-grid;
		display: grid;
		grid-gap: 20rem;
		grid-template-columns: 1fr;
		width: var(--hir-width);
		max-width: var(--max-width);
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}

	page-content.home>page-header>header>header-content>strong.motto
	{
		color: #fff;
		font-weight: 300;
		text-align: center;
		display: block;
		font-size: 36rem;
		line-height: 133%;
		padding: 5rem 0;
	}

	page-content.home>page-header>header>header-content>strong.motto>span
	{
		font-size: inherit;
		display: inline;
	}

	page-content.home>page-header>header>header-content>div.signpost
	{
		display: -ms-grid;
		display: grid;
		grid-gap: 20rem;
		grid-template-columns: 640rem auto;
		width: 100%;
		position: relative;
		z-index: 1;
	}

	@media all and (max-width: 1200px)
	{
		page-content.home>page-header>header>header-content>div.signpost
		{
			grid-template-columns: 1fr;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.cars
	{
		display: block;
		aspect-ratio: 4/3;
		position: relative;
		overflow: hidden;
		background: transparent;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.cars
		{
			padding-bottom: 52rem;
			background: #222;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.cars>h1
	{
		font-size: 24rem;
		line-height: 125%;
		font-weight: 300;
		display: block;
		padding: 15rem 30rem;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
		color: #fff;
		text-shadow: 0 0 20rem #000;
		width: 100%;
		box-sizing: border-box;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.cars>h1
		{
			font-size: 18rem;
			padding: 15rem 20rem;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.cars>h1:after
	{
		display: block;
		width: 100%;
		height: 66rem;
		content: "";
		background: -webkit-linear-gradient(180deg, rgba(34,34,34,0.5), transparent);
		background: linear-gradient(180deg, rgba(34,34,34,0.5) 0, transparent 100%);
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.cars>h1:after
		{
			height: 55rem;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.cars>a.button
	{
		position: absolute;
		right: 30rem;
		bottom: 25rem;
		z-index: 3;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.cars>a.button
		{
			left: 20rem;
			bottom: 10rem;
			padding: 6rem 20rem;
			font-size: 12.5rem;
			line-height: 18rem!important;
			height: 32rem;
			width: min-content;
			white-space: nowrap;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20rem;
		align-content: stretch;
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div
	{
		display: block;
		position: relative;
		background: #222;
		min-height: 200rem;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.services>div
		{
			min-height: 150rem;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div>h2
	{
		display: block;
		position: relative;
		z-index: 3;
		font-weight: 300;
		font-size: 24rem;
		line-height: 125%;
		color: #fff;
		padding: 20rem 30rem 15rem 30rem;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.services>div>h2
		{
			font-size: 18rem;
			padding: 15rem 20rem 10rem 20rem;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div>div
	{
		display: block;
		color: #fff;
		padding: 0 30rem;
		position: relative;
		z-index: 3;
		font-size: 13rem;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.services>div>div
		{
			padding: 0 20rem;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div>a.button
	{
		position: absolute;
		left: 30rem;
		bottom: 25rem;
		z-index: 1;
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.services>div>a.button
		{
			left: 20rem;
			bottom: 10rem;
			padding: 6rem 20rem;
			font-size: 12.5rem;
			line-height: 18rem!important;
			height: 32rem;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div>img
	{
		display: block;
		position: absolute;
		right: -3%;
		bottom: 0;
		z-index: 2;
		width: 52%;
		height: auto;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div:hover>img
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.services>div>img
		{
			width: 40%;
		}
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div:after
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		content: "";
		background: var(--red);
		z-index: 0;
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div.fund:after
	{
		clip-path: polygon(14.5% 100%, 65% 0, 100% 0, 100% 100%, 0 100%);
	}

	page-content.home>page-header>header>header-content>div.signpost>div.services>div.svc:after
	{
		clip-path: polygon(0 20%, 10% 0, 100% 0, 100% 25%, 20% 100%, 0 100%);
	}

	@media all and (max-width: 720px)
	{
		page-content.home>page-header>header>header-content>div.signpost>div.services>div.svc:after
		{
			clip-path: polygon(0 17%, 8% 0, 100% 0, 100% 25%, 20% 100%, 0 100%);
		}
	}
}

/* cars list */
@media all
{
	page-content.home>page-header>header>header-content>div.signpost>div.cars>div.cars-list
	{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	page-header div.cars-list div.buttons
	{
		text-align: center;
		overflow: visible;
		z-index: 2;
	}

	@media all and (max-width: 720px)
	{
		page-header div.cars-list:before
		{
			position: absolute;
			right: 0;
			top: 225rem;
			width: 97rem;
			height: 85rem;
			content: "";
			background: var(--red);
			z-index: 90;
			clip-path: polygon(0 100%, 100% 0, 100% 100%);
		}
	}

	page-header div.cars-list[atmo]:after
	{
		position: absolute;
		left: 30rem;
		bottom: 12rem;
		z-index: 99;
		content: "";
		background: rgba(255,255,255,0.5);
		width: calc(100% - 60rem);
		height: 2rem;
		display: block;
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
	}

	@media all and (max-width: 720px)
	{
		page-header div.cars-list[atmo]:after
		{
			width: calc(100% - 40rem);
			left: 20rem;
			top: 301rem;
		}
	}

	page-header div.cars-list[atmo='stop']:after,
	page-header div.cars-list[atmo='wait']:after
	{
		-webkit-transform: scale(0, 1)!important;
		transform: scale(0, 1)!important;
		-webkit-transition: none!important;
		transition: none!important;
	}

	page-header div.cars-list[atmo='run']:after,
	page-header div.cars-list[atmo='next']:after
	{
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transition: transform 5s linear;
		transition: transform 5s linear;
	}

	page-header div.cars-list div.buttons span.prev
	{
		position: absolute;
		bottom: 0;
		left: 0;
		cursor: pointer;
		z-index: 9;
		width: 40rem;
		height: 480rem;
		background: url(/web/images/arrow-l1.svg) center center no-repeat;
		background-size: 20rem 40rem;
		display: block;
	}

	page-header div.cars-list div.buttons span.next
	{
		position: absolute;
		bottom: 0;
		right: 0;
		cursor: pointer;
		z-index: 9;
		width: 40rem;
		height: 480rem;
		background: url(/web/images/arrow-r1.svg) center center no-repeat;
		background-size: 20rem 40rem;
		display: block;
	}

	@media all and (max-width: 720px)
	{
		page-header div.cars-list div.buttons span.prev,
		page-header div.cars-list div.buttons span.next
		{
			height: 255rem;
		}
	}

	page-header div.cars-list div.list
	{
		display: -ms-grid;
		display: grid;
		grid-gap: 20rem;
		position: relative;
		z-index: 1;
		align-content: stretch;
		grid-template-columns: repeat(8, var(--mir-width))!important;
		transition: all 1s;
	}

	page-header div.cars-list div.list[skip]
	{
		transition: none!important;
	}

	page-header div.cars-list div.list[skip][pos='1']
	{
		left: 660rem;
	}

	page-header div.cars-list div.list[pos='1']
	{
		left: 0;
	}

	page-header div.cars-list div.list[pos='2']
	{
		left: -660rem;
	}

	page-header div.cars-list div.list[pos='3']
	{
		left: -1320rem;
	}

	page-header div.cars-list div.list[pos='4']
	{
		left: -1980rem;
	}

	page-header div.cars-list div.list[pos='5']
	{
		left: -2640rem;
	}

	page-header div.cars-list div.list[pos='6']
	{
		left: -3300rem;
	}

	page-header div.cars-list div.list[skip][pos='6']
	{
		left: -3960rem;
	}

	@media all and (max-width: 720px)
	{
		page-header div.cars-list div.list
		{
			grid-gap: 15rem;
			grid-template-columns: repeat(8, var(--smr-width))!important;
		}

		page-header div.cars-list div.list[skip][pos='1']
		{
			left: 355rem;
		}

		page-header div.cars-list div.list[pos='1']
		{
			left: 0;
		}

		page-header div.cars-list div.list[pos='2']
		{
			left: -355rem;
		}

		page-header div.cars-list div.list[pos='3']
		{
			left: -710rem;
		}

		page-header div.cars-list div.list[pos='4']
		{
			left: -1065rem;
		}

		page-header div.cars-list div.list[pos='5']
		{
			left: -1420rem;
		}

		page-header div.cars-list div.list[pos='6']
		{
			left: -1775rem;
		}

		page-header div.cars-list div.list[skip][pos='6']
		{
			left: -2130rem;
		}
	}

	page-header div.cars-list div.item
	{
		position: relative;
		display: block;
	}

	page-header div.cars-list div.list[pos]>div.item
	{
		left: -660rem;
	}

	page-header div.cars-list div.item:after
	{
		position: absolute;
		display: block;
		z-index: 1;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		background: var(--red);
		content: "";
		clip-path: polygon(64% 100%, 100% 64.8%, 100% 100%);
	}

	@media all and (max-width: 1200px)
	{
		page-header div.cars-list div.item:after
		{
			clip-path: polygon(69.6% 100%, 100% 74.6%, 100% 100%);
		}

		@media all and (max-width: 720px)
		{
			page-header div.cars-list div.item:after
			{
				clip-path: none;
				height: 60rem;
				background: -webkit-linear-gradient(0deg, #222, transparent);
				background: linear-gradient(0deg, #222 0, transparent 100%);
			}
		}
	}

	page-header div.cars-list div.item[shadow]
	{
		display: block!important;
	}

	@media all and (max-width: 720px)
	{
		page-header div.cars-list div.list[pos]>div.item
		{
			left: -355rem;
		}
	}

	page-header div.cars-list div.item>a
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		display: block;
		font-size: 0!important;
		-webkit-transition: -webkit-background .5s;
		transition: background .5s;
		background: transparent;
	}

	@media all and (max-width: 1200px)
	{
		page-header div.cars-list div.item:not([pos='c'])>a
		{
			background: rgba(0,0,0,0.66);
		}
	}

	page-header div.cars-list div.item>h2
	{
		position: absolute;
		left: 30rem;
		bottom: 25rem;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 40rem auto;
		grid-gap: 0;
		align-items: center;
		z-index: 2;
	}

	@media all and (max-width: 720px)
	{
		page-header div.cars-list div.item>h2
		{
			left: 20rem;
			bottom: 10rem;
		}
	}

	page-header div.cars-list div.item>h2>img
	{
		display: block;
		width: 100%!important;
		height: auto!important;
	}

	page-header div.cars-list div.item>h2>strong
	{
		display: block;
		padding-left: 20rem;
		margin-left: 20rem;
		border-left: 1rem solid #fff;
		height: 40rem;
		line-height: 20rem!important;
		font-weight: 300;
		font-size: 14rem;
		color: #fff;
	}

	page-header div.cars-list div.item>h2>strong>span
	{
		display: block;
		font-weight: normal;
		font-size: 11rem;
		line-height: 20rem!important;
		color: #fff;
	}

	page-header div.cars-list div.item>div.img
	{
		display: block;
		position: relative;
		overflow: hidden;
	}

	page-header div.cars-list div.item>div.img>img
	{
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 0;
		width: 100%;
		height: auto!important;
		-webkit-transition: -webkit-transform 1s;
		transition: transform 1s;
	}

	page-header div.cars-list div.item:hover>div.img>img
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

/* bread crumbs */
@media all
{
	page-content:not(.home)>page-header>header>header-content>bread-crumbs
	{
		width: var(--hir-width);
		max-width: var(--max-width);
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		grid-gap: 5rem;
		opacity: .66;
		padding-left: 30rem;
	}

	@media all and (max-width: 1200px)
	{
		page-content:not(.home)>page-header>header>header-content>bread-crumbs
		{
			padding-left: 16rem;
		}

		@media all and (max-width: 720px)
		{
			page-content:not(.home)>page-header>header>header-content>bread-crumbs
			{
				padding-left: 0;
			}
		}
	}

	page-content:not(.home)>page-header>header>header-content>bread-crumbs *
	{
		color: #fff;
		font-size: 12rem;
		line-height: 20rem;
		font-weight: 300;
		margin: 0!important;
	}

	page-content:not(.home)>page-header>header>header-content>bread-crumbs>a.link
	{
		top: 0;
	}
}

/* sections */
@media all
{
	section
	{
		display: block;
		position: relative;
		z-index: 1;
		overflow: hidden;
		padding: 0 0 80rem 0;
	}

	section *
	{
		color: #fff;
	}

	section>img.hlpx
	{
		width: 1rem;
		height: 1rem;
		display: block;
	}

	section>h2,
	section>.title
	{
		display: block;
		position: relative;
		width: var(--hir-width);
		max-width: var(--max-width);
		margin: 0 auto;
		font-size: 32rem;
		padding-top: 40rem;
		font-weight: 300;
		line-height: 125%;
	}

	@media all and (max-width: 1200px)
	{
		section>h2,
		section>.title
		{
			font-size: 24rem;
		}
	}

	section>div
	{
		display: -ms-grid;
		display: grid;
		position: relative;
		grid-gap: 100rem;
		grid-row-gap: 10rem;
		grid-template-columns: 1fr;
		margin: 0 auto;
		width: var(--hir-width);
		max-width: var(--max-width);
	}

	@media all and (max-width: 1200px)
	{
		section>div
		{
			grid-template-columns: 1fr!important;
		}
	}

	section>div[data-size="1/2"]
	{
		grid-template-columns: 1fr 1fr;
	}

	section>div[data-size="1/3"]
	{
		grid-template-columns: 1fr 1fr 1fr;
	}

	section>div[data-size="2/3+1/3"]
	{
		grid-template-columns: calc(66.66% - 34rem) calc(33.33% - 66rem);
	}

	section>div[data-size="1/3+2/3"]
	{
		grid-template-columns: calc(33.33% - 66rem) calc(66.66% - 34rem);
	}

	section>div>div
	{
		display: block;
		position: relative;
		padding-top: 40rem;
	}

	section h3
	{
		display: block;
		font-weight: 600;
		font-size: 20rem;
	}
}

/* image */
@media all
{
	section.image
	{
		position: absolute;
		right: 0;
		top: -175rem;
		width: 100%;
		min-width: 400rem;
		max-width: none;
		height: auto;
		z-index: 0;
		overflow: hidden;
		padding: 0!important;
	}

	@media all and (max-width: 1200px)
	{
		section.image
		{
			top: -105rem;
		}

		@media all and (max-width: 720px)
		{
			section.image
			{
				top: -95rem;
			}
		}
	}

	section.image:after
	{
		background: -webkit-linear-gradient(0deg, #000, rgba(0,0,0,0.66));
		background: linear-gradient(0deg, #000 0, rgba(0,0,0,0.66) 100%);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		content: "";
	}

	section.image>div,
	section.image>div>div,
	section.image>div>div>img
	{
		width: 100%;
		max-width: 100%;
		padding: 0!important;
	}
}