/* common */
@media all
{
	@-webkit-keyframes flicker
	{
		0% 		{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		15%		{-webkit-transform: rotate(1deg);
		transform: rotate(1deg);}
		30% 	{-webkit-transform: rotate(-1deg);
		transform: rotate(-1deg);}
		45% 	{-webkit-transform: rotate(0.5deg);
		transform: rotate(0.5deg);}
		60% 	{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		100% 	{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
	}

	@-moz-keyframes flicker
	{
		0% 		{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		15%		{-webkit-transform: rotate(1deg);
		transform: rotate(1deg);}
		30% 	{-webkit-transform: rotate(-1deg);
		transform: rotate(-1deg);}
		45% 	{-webkit-transform: rotate(0.5deg);
		transform: rotate(0.5deg);}
		60% 	{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		100% 	{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
	}

	@keyframes flicker
	{
		0% 		{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		25%		{-webkit-transform: rotate(0.15deg);
		transform: rotate(0.15deg);}
		75% 	{-webkit-transform: rotate(-0.15deg);
		transform: rotate(-0.15deg);}
		100% 	{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
	}

	@-webkit-keyframes revving
	{
		0% 		{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		30%		{-webkit-transform: rotate(135deg);
		transform: rotate(135deg);}
		60% 	{-webkit-transform: rotate(75deg);
		transform: rotate(75deg);}
		100% 	{-webkit-transform: rotate(135deg);
		transform: rotate(135deg);}
	}

	@-moz-keyframes revving
	{
		0% 		{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		30%		{-webkit-transform: rotate(135deg);
		transform: rotate(135deg);}
		60% 	{-webkit-transform: rotate(75deg);
		transform: rotate(75deg);}
		100% 	{-webkit-transform: rotate(135deg);
		transform: rotate(135deg);}
	}

	@keyframes revving
	{
		0% 		{-webkit-transform: rotate(0deg);
		transform: rotate(0deg);}
		30%		{-webkit-transform: rotate(135deg);
		transform: rotate(135deg);}
		60% 	{-webkit-transform: rotate(75deg);
		transform: rotate(75deg);}
		100% 	{-webkit-transform: rotate(135deg);
		transform: rotate(135deg);}
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-light.woff2) format("woff2"),
			url(/web/fonts/montserrat-light.woff) format("woff"),
			url(/web/fonts/montserrat-light.otf) format("opentype"),
			url(/web/fonts/montserrat-light.ttf) format("truetype");
	    font-weight: normal;
	    font-style: normal;
		font-display: swap;
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-lightitalic.woff2) format("woff2"),
			url(/web/fonts/montserrat-lightitalic.woff) format("woff"),
			url(/web/fonts/montserrat-lightitalic.otf) format("opentype"),
			url(/web/fonts/montserrat-lightitalic.ttf) format("truetype");
	    font-weight: normal;
	    font-style: italic;
		font-display: swap;
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-medium.woff2) format("woff2"),
			url(/web/fonts/montserrat-medium.woff) format("woff"),
			url(/web/fonts/montserrat-medium.otf) format("opentype"),
			url(/web/fonts/montserrat-medium.ttf) format("truetype");
	    font-weight: 300;
	    font-style: normal;
		font-display: swap;
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-mediumitalic.woff2) format("woff2"),
			url(/web/fonts/montserrat-mediumitalic.woff) format("woff"),
			url(/web/fonts/montserrat-mediumitalic.otf) format("opentype"),
			url(/web/fonts/montserrat-mediumitalic.ttf) format("truetype");
	    font-weight: 300;
	    font-style: italic;
		font-display: swap;
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-semibold.woff2) format("woff2"),
			url(/web/fonts/montserrat-semibold.woff) format("woff"),
			url(/web/fonts/montserrat-semibold.otf) format("opentype"),
			url(/web/fonts/montserrat-semibold.ttf) format("truetype");
	    font-weight: 600;
	    font-style: normal;
		font-display: swap;
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-semibolditalic.woff2) format("woff2"),
			url(/web/fonts/montserrat-semibolditalic.woff) format("woff"),
			url(/web/fonts/montserrat-semibolditalic.otf) format("opentype"),
			url(/web/fonts/montserrat-semibolditalic.ttf) format("truetype");
	    font-weight: 600;
	    font-style: italic;
		font-display: swap;
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-bold.woff2) format("woff2"),
			url(/web/fonts/montserrat-bold.woff) format("woff"),
			url(/web/fonts/montserrat-bold.otf) format("opentype"),
			url(/web/fonts/montserrat-bold.ttf) format("truetype");
	    font-weight: bold;
	    font-style: normal;
		font-display: swap;
	}

	@font-face
	{
	    font-family: "Montserrat";
	    src: url(/web/fonts/montserrat-bolditalic.woff2) format("woff2"),
			url(/web/fonts/montserrat-bolditalic.woff) format("woff"),
			url(/web/fonts/montserrat-bolditalic.otf) format("opentype"),
			url(/web/fonts/montserrat-bolditalic.ttf) format("truetype");
	    font-weight: bold;
	    font-style: italic;
		font-display: swap;
	}

	section ul,
	section ol
	{
		margin: 0 0 0 20rem!important;
		padding: 0!important;
		position: relative;
	}

	section ul li
	{
		list-style: none;
		position: relative;
	}

	section ul li:before
	{
		content: "";
		background: var(--red);
		display: block;
		position: absolute;
		left: -20rem;
		top: 10rem;
		width: 6rem;
		height: 6rem;
	}

	section img.full
	{
		display: block;
		width: 100%;
	}
}

html>body>div.-sys-ui-dialog,
html>body>div.-sys-ui-dialog-cover
{
	background-color: rgba(34,34,34,0.9)!important;
}

html>body[data-smooth="y"]>div.-sys-ui-dialog>div
{
	border-radius: var(--border-radius)!important;
}

/* menu */
@media all
{
	body[data-menu]
	{
		overflow: hidden;
	}

	@media all and (max-width: 720px)
	{
		page-menu[srch]>nav>a.logo
		{
			width: 0!important;
			top: 23rem!important;
		}
	}

	page-menu[ready]>nav>menu-burger
	{
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}

	page-menu[items]>nav>menu-burger:before
	{
		top: 10rem;
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg);
		-webkit-transition: all .5s, -webkit-transform .5s ease .5s;
		transition: all .5s, transform .5s ease .5s;
	}

	page-menu[items]>nav>menu-burger>span
	{
		width: 0;
		left: 16rem;
		height: 1rem;
		top: 12rem;
		-webkit-transition: all .5s, -webkit-transform .5s ease .5s;
		transition: all .5s, transform .5s ease .5s;
	}

	page-menu[items]>nav>menu-burger:after
	{
		top: 10rem;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		-webkit-transition: all .5s, -webkit-transform .5s ease .5s;
		transition: all .5s, transform .5s ease .5s;
	}

	page-menu[ready]>nav>menu-qsearch
	{
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}

	page-menu[srch]>nav>menu-qsearch
	{
		width: 180rem;
	}

	page-menu>nav>menu-qsearch>input
	{
		display: block;
		position: relative;
		z-index: 0;
		height: 31rem;
		width: 100%;
		-webkit-transition: all .5s;
		transition: all .5s;
		cursor: text;
		background: #fff;
		opacity: 0;
		padding: 0 31rem 0 0;
		box-sizing: border-box;
		font-size: 14rem;
		font-weight: bold;
		text-indent: 10rem;
	}

	page-menu[srch]>nav>menu-qsearch>img
	{
		-webkit-filter: invert(100%);
		filter: invert(100%);
		-webkit-transform: scale(0.75, 0.75) translate(-3rem, 0);
		transform: scale(0.75, 0.75) translate(-3rem, 0);
	}

	page-menu[srch]>nav>menu-qsearch>input
	{
		opacity: 1;
	}

	page-menu[ready]>nav>menu-items
	{
		display: block;
		overflow: hidden;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 5;
		background: #000;
		width: 100vw;
		height: 0;
		-webkit-transition: all .5s ease .5s;
		transition: all .5s ease .5s;
		opacity: 0;
		box-sizing: border-box;
	}

	page-menu[ready]>nav>menu-items:before
	{
		position: absolute;
		left: 0;
		top: 0;
		width: calc(100% - 20rem);
		height: 130rem;
		content: "";
		background: -webkit-linear-gradient(0deg, transparent, rgba(0,0,0,0.9) 20rem, #000);
		background: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.9) 20rem, #000 100%);
		z-index: 1;
	}

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

	page-menu[ready][items]>nav>menu-items
	{
		height: 100vh;
		opacity: 1;
	}

	page-menu>nav>menu-items>div
	{
		display: block;
		width: 100%;
		height: 100%;
		overflow: auto;
		position: relative;
		z-index: 0;
		padding: 160rem 0 130rem 0;
		box-sizing: border-box;
	}

	body[data-scroll='y'] page-menu>nav>menu-items>div,
	page-menu[client]>nav>menu-items>div
	{
		padding-top: 130rem;
	}

	page-menu>nav>menu-items>div>div
	{
		display: flex;
		flex-direction: column;
		width: 310rem;
		max-width: var(--max-width);
		margin: 0 auto;
	}

	page-menu>nav>menu-items>div>div.items>span
	{
		display: block;
		height: 60rem;
	}

	page-menu>nav>menu-items>div>div.items>div
	{
		display: block;
	}

	page-menu>nav>menu-items>div>div.items>div+div
	{
		padding-top: 15rem;
	}

	page-menu>nav>menu-items>div>div.items>span~div+div
	{
		padding-top: 10rem;
	}

	page-menu>nav>menu-items>div>div.items>div>a
	{
		font-size: 24rem;
		font-weight: 300;
	}

	page-menu>nav>menu-items>div>div.items>span~div>a
	{
		font-size: 16rem;
		font-weight: normal;
	}

	page-menu>nav>menu-items>div>gc-nets
	{
		padding-top: 60rem;
		width: 310rem;
		margin: 0 auto;
	}
}

/* smart choice */
@media all
{
	gc-smart-choice
	{
		display: block;
		position: relative;
		width: 100%;
		padding: 40rem 0;
	}

	gc-smart-choice>div
	{
		position: relative;
	}

	gc-smart-choice div.links
	{
		position: relative;
		display: -ms-grid;
		display: grid;
		grid-gap: 20rem;
		grid-template-columns: repeat(6, 1fr);
		z-index: 8;
		width: 100%;
	}

	@media all and (max-width: 1200px)
	{
		gc-smart-choice div.links
		{
			grid-template-columns: repeat(3, 1fr);
		}

		@media all and (max-width: 720px)
		{
			gc-smart-choice div.links
			{
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}

	gc-smart-choice div.links>a
	{
		position: relative;
		background: #2f2f2f;
		color: #fff;
		padding: 20rem 0;
		width: 100%;
		font-size: 16rem!important;
		font-weight: 600;
		text-align: center;
		box-sizing: border-box;
		-webkit-transition: all .5s;
		transition: all .5s;
		white-space: nowrap;
		cursor: pointer;
	}

	gc-smart-choice div.links>a[count='0']
	{
		background: #666!important;
		color: #999!important;
		cursor: default!important;
		cursor: not-allowed!important;
	}

	@media all and (max-width: 720px)
	{
		gc-smart-choice div.links>a
		{
			position: relative;
			left: 0!important;
			top: 0!important;
			width: 100%;
			font-weight: 300;
			line-height: 20rem!important;
			font-size: 12rem!important;
		}
	}

	gc-smart-choice div.links>a:hover,
	gc-smart-choice div.links>a[curr]
	{
		background: var(--red);
	}

	gc-smart-choice div.links>a>span
	{
		font-weight: 600!important;
		display: inline-block;
		vertical-align: top;
		font-size: 75%!important;
		line-height: inherit!important;
		overflow: hidden;
		-webkit-transition: all .5s;
		transition: all .5s;
		width: 0;
		cursor: inherit;
		color: inherit;
	}

	@media all and (max-width: 720px)
	{
		gc-smart-choice div.links>a>span
		{
			line-height: 20rem!important;
			font-size: 12rem!important;
		}
	}

	gc-smart-choice div.links>a>strong
	{
		display: block;
		height: 16rem;
		overflow: hidden;
		line-height: 16rem!important;
		font-size: 75%!important;
		color: inherit;
		font-weight: normal;
		cursor: inherit;
	}

	@media all and (max-width: 720px)
	{
		gc-smart-choice div.links>a>strong
		{
			line-height: 18rem!important;
		}
	}
}

/* reviews + nets */
@media all
{
	page-content gc-reviews
	{
		display: -ms-grid;
		display: grid;
		width: 190rem;
		grid-template-columns: 1fr;
		grid-gap: 3rem;
		position: relative;
		font-size: 11rem;
	}

	page-content gc-reviews.row
	{
		grid-template-columns: 1fr 1fr 1fr;
		width: auto;
		max-width: 640rem;
	}

	@media all and (max-width: 720px)
	{
		page-content gc-reviews.row,
		page-content gc-reviews.row-s
		{
			width: 340rem!important;
			grid-template-columns: 1fr 1fr 1fr!important;
		}
	}

	page-content gc-reviews>a
	{
		display: block;
		width: 100%;
		background: var(--dark);
		color: #fff!important;
		height: 44rem;
		line-height: 16rem!important;
		font-size: inherit!important;
		padding: 6rem 0 6rem 60rem;
		position: relative;
		box-sizing: border-box;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
	page-content gc-reviews>a *
	{
		color: inherit!important;
	}

	page-content gc-reviews>a:hover
	{
		background: var(--hover-dark);
	}

	@media all and (max-width: 720px)
	{
		page-content gc-reviews>a
		{
			padding: 6rem 0 6rem 44rem;
		}
	}

	page-content gc-reviews>a>span
	{
		line-height: inherit!important;
		font-size: inherit!important;
	}

	@media all and (max-width: 720px)
	{
		page-content gc-reviews>a>span
		{
			display: none;
		}
	}

	page-content gc-reviews>a>img
	{
		display: block;
		position: absolute;
		width: 28rem;
		height: 28rem;
		left: 16rem;
		top: 8rem;
	}

	@media all and (max-width: 720px)
	{
		page-content gc-reviews>a>img
		{
			width: 24rem;
			height: 24rem;
			left: 10rem;
			top: 10rem;
		}
	}

	page-content gc-reviews>a>strong
	{
		display: block;
		font-weight: 600;
		line-height: 14rem!important;
		font-size: inherit!important;
	}

	page-content gc-reviews>a>strong>span
	{
		font-weight: normal;
		line-height: 14rem!important;
		font-size: inherit!important;
	}

	page-content gc-reviews>a>strong>span>span
	{
		font-weight: normal;
		line-height: inherit!important;
		font-size: inherit!important;
	}

	page-content gc-reviews>a>strong>span>span+span
	{
		display: none;
	}

	@media all and (max-width: 720px)
	{
		page-content gc-reviews.row>a>strong>span>span,
		page-content gc-reviews.row-s>a>strong>span>span
		{
			display: none;
		}

		page-content gc-reviews.row>a>strong>span>span+span
		{
			display: inline!important;
		}
	}

	gc-nets
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 40rem 40rem;
		width: 100rem;
		grid-gap: 20rem;
		margin: 0 auto;
	}

	gc-nets>a
	{
		display: block;
		width: 40rem;
		height: 40rem;
		text-decoration: none!important;
		-webkit-transition: all .5s;
		transition: all .5s;
		opacity: 1;
		background: #fff;
	}

	gc-nets>a:hover
	{
		opacity: var(--hover-opacity);
	}

	gc-nets>a>img
	{
		display: block;
		width: 100%!important;
		height: 100%!important;
		cursor: pointer;
		background: #fff;
	}
}

/* qcontact */
@media all
{
	section.qcontact
	{
		background: right top no-repeat;
		background-size: cover!important;
		margin-top: 40rem;
	}

	section.qcontact:not([loading='lazy'])
	{
		background-image: url(/web/images/qcontact.webp);
	}

	section.qcontact.v2
	{
		background: center top no-repeat;
	}

	section.qcontact.v2:not([loading='lazy'])
	{
		background-image: url(/web/images/qcontact2.webp);
	}

	section.qcontact>span.title,
	section.qcontact>div>div.txt
	{
		position: relative;
		top: 80rem;
	}

	@media all and (max-width: 1200px)
	{
		section.qcontact>span.title,
		section.qcontact>div>div.txt
		{
			max-width: 360rem;
			margin: 0 auto;
			top: 0;
		}

		section.qcontact>span.title
		{
			padding-top: 120rem;
		}

		@media all and (max-width: 720px)
		{
			section.qcontact>span.title,
			section.qcontact>div>div.txt
			{
				max-width: var(--smr-width);
			}
		}
	}

	section.qcontact div.box
	{
		display: block;
		max-width: 360rem;
		padding: 40rem;
		box-sizing: border-box;
		background: var(--red);
		text-align: left;
		margin: 0 0 0 auto;
	}

	@media all and (max-width: 1200px)
	{
		section.qcontact div.box
		{
			margin: 0 auto!important;
		}

		@media all and (max-width: 720px)
		{
			section.qcontact div.box
			{
				max-width: var(--smr-width);
			}
		}
	}

	section.qcontact div.box h2
	{
		display: block;
		font-weight: 600;
		font-size: 20rem;
		padding-bottom: 20rem;
	}

	section.qcontact div.box em
	{
		font-size: 11rem;
	}

	section.qcontact div.box a.nav:not(.white)
	{
		font-weight: 300;
		font-size: 14rem;
		border: 1rem solid #fff;
		background: transparent!important;
	}

	section.qcontact div.box a.white
	{
		color: var(--red);
	}

	section.qcontact div.box a.white:not(.nav)
	{
		margin-top: 10rem;
	}

	section.qcontact div.txt p
	{
		padding-bottom: 50rem;
	}

	section.qcontact div.txt a.button
	{
		margin-right: 56rem;
	}
}

/* about */
@media all
{
	section.about-comp
	{
		padding-top: 0;
		background: right bottom no-repeat;
	}

	section.about-comp:not([loading='lazy'])
	{
		background-image: url(/web/images/stripe-3.webp);
	}

	section.about-comp>div>div.b1
	{
		grid-area: b1;
	}

	section.about-comp>div>div.b2
	{
		grid-area: b2;
	}

	section.about-comp>div
	{
		background: rgba(0,0,0,0.8);
		box-shadow: 0 0 40rem 40rem rgba(0,0,0,0.8);
		grid-template-areas: "b1 b2";
	}

	@media all and (max-width: 1200px)
	{
		section.about-comp>div
		{
			grid-template-areas: "b2" "b1";
		}
	}

	section.about-comp div.vid
	{
		position: relative;
		cursor: pointer;
		width: 100%;
		max-width: 640rem;
		margin: 0 auto 0 0;
	}

	section.about-comp div.vid:before
	{
		position: absolute;
		width: 40rem;
		height: 40rem;
		left: calc(50% - 20rem);
		top: calc(50% - 20rem);
		display: block;
		content: "";
		background: url(/web/images/play-r.svg) center center no-repeat;
		background-size: 100% 100%;
		cursor: inherit;
		z-index: 2;
		border-radius: 20rem;
	}

	section.about-comp div.vid:after
	{
		content: "";
		position: absolute;
		z-index: 1;
		left: calc(50% - 10rem);
		top: calc(50% - 10rem);
		width: 20rem;
		height: 20rem;
		background: #fff;
		display: block;
		cursor: inherit;
	}

	section.about-comp div.vid>img
	{
		display: block;
		width: 100%;
		height: auto!important;
		aspect-ratio: 4/2.25;
		position: relative;
		z-index: 0;
		cursor: inherit;
	}

	section.about-comp span.title
	{
		font-size: 32rem;
		font-weight: 300;
		display: block;
		padding-bottom: 40rem;
		line-height: 125%;
	}

	@media all and (max-width: 1200px)
	{
		section.about-comp span.title
		{
			font-size: 24rem;
		}
	}

	section.about-comp p
	{
		padding-bottom: 50rem;
	}

	section.about-comp a.button
	{
		margin-right: 56rem;
	}
}

/* reviews */
@media all
{
	page-content.home section.reviews>h2
	{
		font-size: 16rem;
	}

	section.reviews>strong
	{
		width: var(--hir-width);
		max-width: var(--max-width);
		display: block;
		margin: 0 auto;
		font-weight: normal;
		display: block;
		white-space: nowrap;
		text-align: left;
		font-size: 32rem;
		padding: 20rem 0 0 0;
	}

	page-content:not(.home) section.reviews>strong
	{
		font-size: 64rem;
		line-height: 80rem;
		padding: 20rem 0 40rem 0;
	}

	@media all and (max-width: 720px)
	{
		section.reviews>strong
		{
			font-size: 24rem;
		}

		page-content:not(.home) section.reviews>strong
		{
			font-size: 40rem;
			line-height: 50rem;
		}
	}

	section.reviews div.items
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 10rem;
	}

	@media all and (max-width: 1200px)
	{
		section.reviews div.items
		{
			grid-template-columns: repeat(2, 1fr);
		}

		@media all and (max-width: 720px)
		{
			section.reviews div.items
			{
				grid-template-columns: 1fr;
			}
		}
	}

	@media all and (min-width: 721px)
	{
		section.reviews div.items>div.gcrv
		{
			background: #333;
			padding: 30rem 0;
		}
	}

	section.reviews div.items>div.gcrv>gc-reviews
	{
		align-self: center;
		margin: 0 auto;
	}

	section.reviews div.items>div:not(.gcrv)
	{
		background: #333;
		color: #fff;
		-webkit-transition: all .5s;
		transition: all .5s;
		overflow: hidden;
	}

	section.reviews div.items>div:not(.gcrv):hover
	{
		background: #fff;
		color: #000!important;
	}

	section.reviews div.items>div:not(.gcrv) *
	{
		color: inherit!important;
	}

	section.reviews div.items>div>strong
	{
		font-weight: 600;
		display: block;
		text-align: center;
		white-space: nowrap;
		padding: 30rem 40rem 20rem 40rem;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	section.reviews div.items>div>div
	{
		display: block;
		padding: 23rem 40rem 30rem 40rem;
		position: relative;
	}

	section.reviews div.items>div>div[txt='s']
	{
		padding-bottom: 70rem;
		cursor: pointer;
	}

	section.reviews div.items>div>div *
	{
		cursor: inherit;
	}

	section.reviews div.items>div>div[txt='s']:after
	{
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 25rem;
		color: #999;
		text-decoration: underline;
		content: "zobrazit celý text";
		text-align: center;
		display: block;
		font-size: 12rem;
	}

	section.reviews div.items>div>div>span
	{
		font-size: 12rem;
		display: block;
	}

	section.reviews div.items>div>div[txt='f']>span:first-child,
	section.reviews div.items>div>div[txt='s']>span:last-child
	{
		display: none;
	}

	section.reviews div.items>div>h3
	{
		font-size: 0!important;
		display: block;
		width: 103.32rem!important;
		padding: 0!important;
		margin: 0 auto!important;
		position: relative;
		height: 20rem!important;
		overflow: hidden;
		background: #666;
		background-size: 100% 100%;
	}

	section.reviews div.items>div>h3:before
	{
		content: "";
		position: absolute;
		left: calc(50% - 51.66rem);
		top: 0;
		width: 103.32rem;
		height: 20rem;
		background: url(/web/images/stars-l.svg) center center no-repeat;
		background-size: calc(100% + 2rem) auto;
		z-index: 3;
		outline: 10rem solid #fff;
		opacity: 0;
		-webkit-transition: -webkit-opacity .5s;
		transition: opacity .5s;
	}

	section.reviews div.items>div:hover>h3:before
	{
		opacity: 1;
	}

	section.reviews div.items>div>h3:after
	{
		content: "";
		position: absolute;
		left: calc(50% - 51.66rem);
		top: 0;
		width: 103.32rem;
		height: 20rem;
		background: url(/web/images/stars-d.svg) center center no-repeat;
		background-size: calc(100% + 2rem) auto;
		z-index: 1;
		outline: 10rem solid #333;
	}

	section.reviews div.items>div>h3>span
	{
		display: block;
		height: 20rem;
		font-size: 0!important;
		background: var(--red);
		z-index: 1;
		position: relative;
		outline: 110rem solid #666;
	}

	section.reviews div.buttons
	{
		text-align: center;
	}
}

/* services */
@media all
{
	section.svcs
	{
		background: center center no-repeat;
		background-size: cover;
		min-height: 580rem;
		margin-top: 40rem;
	}

	@media all and (max-width: 1200px)
	{
		section.svcs
		{
			min-height: auto;
		}
	}

	section.svcs:not([loading='lazy'])
	{
		background-image: url(/web/images/car.webp)
	}

	section.svcs>h2
	{
		font-size: 16rem;
	}

	section.svcs>*
	{
		z-index: 1;
	}

	section.svcs:after
	{
		background: -webkit-linear-gradient(0deg, #000, rgba(0,0,0,0.33));
		background: linear-gradient(0deg, #000 0, rgba(0,0,0,0.33) 100%);
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: 0;
	}

	section.svcs div.item
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 100rem;
		position: relative;
	}

	@media all and (max-width: 1200px)
	{
		section.svcs div.item
		{
			display: block;
			position: relative;
		}
	}

	section.svcs div.item>div:first-child
	{
		padding-bottom: 40rem;
	}

	section.svcs div.item h3
	{
		line-height: 40rem;
		font-size: 32rem;
		font-weight: 300;
		display: inline-block;
		cursor: pointer;
		-webkit-transition: all .5s;
		transition: all .5s;
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}

	section.svcs div.item h3:hover
	{
		color: var(--red);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	@media all and (min-width: 1201px)
	{
		section.svcs div.item[curr] h3,
		section.svcs div:not([usel])>div.item:first-child h3
		{
			color: var(--red);
		}
	}

	section.svcs div.item>div
	{
		display: block;
		position: relative;
		overflow: visible;
	}

	@media all and (max-width: 1200px)
	{
		section.svcs div.item:last-of-type>div
		{
			padding-bottom: 0;
		}

	}

	section.svcs div.item>div>div
	{
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}

	@media all and (max-width: 1200px)
	{
		section.svcs div.item>div>div
		{
			position: relative;
			padding-bottom: 80rem;
		}
	}

	@media all and (min-width: 1201px)
	{
		section.svcs div.item:nth-of-type(2)>div>div
		{
			top: -80rem;
		}

		section.svcs div.item:nth-of-type(3)>div>div
		{
			top: -160rem;
		}

		section.svcs div.item:nth-of-type(4)>div>div
		{
			top: -240rem;
		}

		section.svcs div.item:nth-of-type(5)>div>div
		{
			top: -320rem;
		}

		section.svcs div.item:nth-of-type(6)>div>div
		{
			top: -480rem;
		}

		section.svcs div.item:nth-of-type(7)>div>div
		{
			top: -560rem;
		}

		section.svcs div.item:nth-of-type(8)>div>div
		{
			top: -640rem;
		}

		section.svcs div.item:nth-of-type(9)>div>div
		{
			top: -720rem;
		}

		section.svcs div.item:nth-of-type(10)>div>div
		{
			top: -800rem;
		}

		section.svcs div:not([usel])>div.item:first-child>div>div
		{
			display: block;
		}
	}

	section.svcs div.item[curr]>div>div
	{
		display: block;
	}

	section.svcs div.item img
	{
		display: block;
		width: 400rem;
		max-width: 100%;
		aspect-ratio: 4/3;
	}

	section.svcs div.item p
	{
		padding-top: 40rem;
		display: block;
	}

	section.svcs div.item a.button
	{
		margin-top: 40rem;
	}
}

/* references */
@media all
{
	section.refs-top
	{
		padding-top: 0;
	}

	section.refs-top>div
	{
		width: 100%;
		max-width: 100%;
	}

	section.refs-top>div>div,
	section.refs>div>div
	{
		text-align: center;
	}

	section.refs-top>div>div.items
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-gap: 0;
		padding-top: 0;
		font-size: 13rem;
	}

	@media all and (max-width: 1920px)
	{
		section.refs-top>div>div.items
		{
			grid-template-columns: repeat(6, 1fr);
		}

		section.refs-top>div>div.items>div:nth-of-type(12)~div
		{
			display: none;
		}

		@media all and (max-width: 1640px)
		{
			section.refs-top>div>div.items
			{
				grid-template-columns: repeat(5, 1fr);
			}

			section.refs-top>div>div.items>div:nth-of-type(10)~div
			{
				display: none;
			}

			@media all and (max-width: 1280px)
			{
				section.refs-top>div>div.items
				{
					grid-template-columns: repeat(4, 1fr);
				}

				section.refs-top>div>div.items>div:nth-of-type(8)~div
				{
					display: none;
				}

				@media all and (max-width: 960px)
				{
					section.refs-top>div>div.items
					{
						grid-template-columns: repeat(3, 1fr);
					}

					section.refs-top>div>div.items>div:nth-of-type(6)~div
					{
						display: none;
					}

					@media all and (max-width: 640px)
					{
						section.refs-top>div>div.items
						{
							grid-template-columns: repeat(2, 1fr);
							font-size: min(13rem, max(11rem, 2vw));
						}

						@media all and (max-width: 350px)
						{
							section.refs-top>div>div.items
							{
								grid-template-columns: 1fr;
								font-size: 13rem;
							}

							section.refs-top>div>div.items>div:nth-of-type(3)~div
							{
								display: none;
							}
						}
					}
				}
			}
		}
	}

	section.refs>div>div.items
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 10rem;
		font-size: 13rem;
	}

	@media all and (max-width: 1920px)
	{
		section.refs>div>div.items
		{
			grid-template-columns: repeat(4, 1fr);
		}

		@media all and (max-width: 1200px)
		{
			section.refs>div>div.items
			{
				grid-template-columns: repeat(2, 1fr);
			}

			@media all and (max-width: 720px)
			{
				section.refs>div>div.items
				{
					font-size: 11rem;
				}

				@media all and (max-width: 350px)
				{
					section.refs>div>div.items
					{
						grid-template-columns: 1fr;
						font-size: 13rem;
					}
				}
			}
		}
	}

	section.refs-top>div>div.items>div,
	section.refs>div>div.items>div
	{
		display: block;
		position: relative;
		overflow: hidden;
		font-size: inherit;
	}

	section.refs-top>div>div.items>div>img,
	section.refs>div>div.items>div>img
	{
		display: block;
		position: relative;
		z-index: 0;
		width: 100%!important;
		height: auto!important;
		aspect-ratio: 4/3;
	}

	section.refs-top>div>div.items>div>div,
	section.refs>div>div.items>div>div
	{
		position: absolute;
		box-sizing: border-box;
		background: rgba(220,8,33,0.8);
		width: 100%;
		height: 100%;
		z-index: 1;
		overflow: auto;
		font-size: inherit;
		white-space: nowrap;
		opacity: 0;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.refs-top>div>div.items>div:hover>div,
	section.refs-top>div>div.items>div:active>div,
	section.refs>div>div.items>div:hover>div,
	section.refs>div>div.items>div:active>div
	{
		opacity: 1;
	}

	section.refs-top>div>div.items>div>div:before,
	section.refs>div>div.items>div>div:before
	{
		content: "";
		width: 0;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	section.refs-top>div>div.items>div>div>h3,
	section.refs>div>div.items>div>div>h3
	{
		font-weight: 300;
		font-size: inherit;
		text-align: left;
		max-height: 100%;
		width: 100%;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
		white-space: normal;
		box-sizing: border-box;
		padding: 10rem 10% 0 10%;
	}

	section.refs-top>div>div.items>div>div>h3:after,
	section.refs>div>div.items>div>div>h3:after
	{
		display: block;
		height: 10rem;
		width: 100%;
		content: "";
	}
}

/* stories */
@media all
{
	section.stories
	{
		background: center 50rem no-repeat;
		background-size: cover;
		padding-top: 0;
		margin-top: 40rem;
	}

	section.stories:not([loading='lazy'])
	{
		background-image: url(/web/images/stories.webp);
	}

	@media all and (max-width: 1200px)
	{
		section.stories
		{
			background-position: left 50rem;
		}
	}

	@media all and (max-width: 720px)
	{
		section.stories
		{
			background-position: -360rem 50rem;
		}
	}

	section.stories>div>div
	{
		padding-top: 0;
	}

	section.stories div.title
	{
		display: block;
		position: relative;
	}

	section.stories div.title>div
	{
		background: var(--red);
		padding: 25rem 140rem 25rem 0;
		line-height: 50rem!important;
		white-space: nowrap;
		font-size: 0!important;
		display: inline-block;
		text-align: center;
		position: relative;
	}

	@media all and (max-width: 1200px)
	{
		section.stories div.title>div
		{
			padding: 25rem 0;
			display: block;
			margin: 0 auto;
			width: 320rem;
		}
	}

	section.stories div.title>div:before
	{
		position: absolute;
		left: -1000rem;
		width: 1000rem;
		height: 100%;
		top: 0;
		content: "";
		background: var(--red);
		display: block;
		z-index: 0;
	}

	@media all and (max-width: 1200px)
	{
		section.stories div.title>div:before
		{
			left: -40rem;
			width: 400rem;
		}
	}

	section.stories div.title>div>img
	{
		width: 153rem;
		display: inline-block;
		padding: 0!important;
		margin: 0!important;
		vertical-align: middle;
		position: relative;
		top: 3rem;
		z-index: 1;
	}

	@media all and (max-width: 1200px)
	{
		section.stories div.title>div>img
		{
			width: 118rem;
		}
	}

	section.stories div.title>div>span
	{
		font-weight: 300;
		display: inline-block;
		line-height: 50rem;
		border-left: 1rem solid #fff;
		padding-left: 50rem;
		margin-left: 50rem;
		vertical-align: middle;
		font-size: 24rem;
		position: relative;
		z-index: 1;
	}

	@media all and (max-width: 1200px)
	{
		section.stories div.title>div>span
		{
			margin-left: 30rem;
			padding-left: 30rem;
		}
	}

	section.stories div.faces
	{
		width: 320rem;
		margin: 0 auto;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 320rem 100rem;
		grid-gap: 50rem;
		align-items: end;
		padding-top: 100rem;
	}

	@media all and (max-width: 1200px)
	{
		section.stories div.faces
		{
			grid-template-columns: 320rem;
		}
	}

	section.stories div.faces gc-nets
	{
		position: relative;
		top: -17rem;
	}

	section.stories div.faces>h2
	{
		display: block;
		font-size: 80rem;
		line-height: 100rem!important;
		font-weight: 300;
		white-space: nowrap;
	}

	section.stories div.faces>h2>span
	{
		color: var(--red);
		font-size: 80rem;
		line-height: 100rem!important;
		font-weight: 300;
		display: inline-block;
	}

	section.stories div.faces>h2>strong
	{
		display: block;
		font-weight: 300;
		font-size: 36rem;
		line-height: 48rem;
		position: relative;
		top: -12rem;
	}

	section.stories div.links
	{
		width: 320rem;
		margin: 0 auto;
		padding: 30rem 0 60rem 0;
		visibility: hidden;
	}

	section.stories div.links>a.button
	{
		margin-top: 50rem;
	}
}

/* cars filter */
@media all
{
	page-content:not(.home) section.cars-filter
	{
		background: url(/web/images/stripe-1.webp) -120rem center no-repeat;
	}

	section.cars-filter
	{
		padding-bottom: 80rem;
		min-height: 251rem;
		z-index: 999;
		box-sizing: border-box;
	}

	section.cars-filter>span.chng
	{
		position: fixed;
		top: 78rem;
		left: 0;
		width: 100%;
		background: #ccc;
		display: block;
		cursor: pointer;
		line-height: 40rem;
		height: 40rem;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-filter>span.chng
		{
			top: 70rem;
		}

		@media all and (max-width: 720px)
		{
			section.cars-filter>span.chng
			{
				top: 63rem;
			}
		}
	}

	section.cars-filter>span.chng>span
	{
		display: block;
		grid-gap: 20rem;
		margin: 0 auto;
		width: var(--hir-width);
		max-width: var(--max-width);
		position: relative;
		cursor: pointer;
		color: #000;
		line-height: 40rem;
	}

	section.cars-filter>span.chng>span:before
	{
		display: block;
		width: calc(100% - 94rem);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		content: attr(txt);
		font-size: 11rem;
		line-height: 40rem;
		font-weight: 600;
		text-align: left;
	}

	section.cars-filter>span.chng>span:after
	{
		display: block;
		position: absolute;
		right: 0;
		top: 8rem;
		height: 24rem;
		line-height: 24rem;
		font-weight: 300;
		text-align: center;
		width: 84rem;
		content: "upravit filtr";
		font-size: 11rem;
		color: #fff;
		background: var(--red);
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.cars-filter>span.chng>span:after:hover
	{
		background: var(--hover-red);
	}

	section.cars-filter>span:empty
	{
		display: none!important;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-filter
		{
			min-height: 411rem;
		}

		@media all and (max-width: 720px)
		{
			section.cars-filter
			{
				min-height: 550rem;
			}
		}
	}

	section.cars-filter>strong.title
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: auto 230rem;
		grid-template-areas: "title flags";
		position: relative;
	}

	@media all and (max-width: 720px)
	{
		section.cars-filter>strong.title
		{
			grid-template-columns: 1fr 0;
			grid-gap: 0;
		}
	}

	section.cars-filter>strong.title>span.flags
	{
		display: -ms-inline-grid;
		display: inline-grid;
		grid-gap: 17rem;
		/*grid-template-columns: 117rem 96rem;*/
		grid-template-columns: 96rem;
		grid-area: flags;
		margin: 0 0 0 auto;
	}

	@media all and (max-width: 720px)
	{
		section.cars-filter>strong.title>span.flags
		{
			display: none;
		}
	}

	section.cars-filter>strong.title>span.flags>img
	{
		display: block;
		width: 100%;
		height: auto;
		cursor: pointer;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.cars-filter>strong.title>span.flags>img:hover
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	section.cars-filter>div
	{
		grid-template-columns: auto 230rem;
		grid-gap: 20rem;
		min-height: 130rem;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-filter>div
		{
			grid-template-columns: 1fr;
			min-height: 250rem;
		}

		@media all and (max-width: 720px)
		{
			section.cars-filter>div
			{
				min-height: 400rem;
			}
		}
	}

	section.cars-filter>div>div.buttons
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10rem;
		grid-template-rows: 15rem 15rem 40rem;
		grid-template-areas: "extended" "reset" "submit";
	}

	@media all and (max-width: 1200px)
	{
		section.cars-filter>div>div.buttons
		{
			width: 340rem;
			display: -ms-inline-grid;
			display: inline-grid;
			margin: 0 auto;
			grid-template-rows: none;
			grid-template-columns: 1fr 1fr;
			grid-template-areas: "extended submit" "reset submit";
			-webkit-transition: all .5s;
			transition: all .5s;
			padding-top: 0;
		}

		section.cars-filter>div>div.buttons>*
		{
			width: 100%!important;
		}
	}

	section.cars-filter>div>div.buttons>div.button
	{
		height: 40rem;
		padding: 10rem 5rem;
		grid-area: submit;
		align-self: flex-end;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-filter>div>div.buttons>div.button
		{
			margin-right: auto;
		}
	}

	section.cars-filter>div>div.buttons>div.rst,
	section.cars-filter>div>div.buttons>div.ext
	{
		position: relative;
		padding-left: 20rem;
		box-sizing: border-box;
		line-height: 15rem!important;
		font-size: 12rem!important;
		text-align: left;
		font-weight: 300;
		cursor: pointer;
		margin: 0 auto 0 0;
	}

	section.cars-filter>div>div.buttons>div.ext
	{
		grid-area: extended;
	}

	section.cars-filter>div>div.buttons>div.rst
	{
		grid-area: reset;
	}

	section.cars-filter>div>div.buttons>div.rst:before,
	section.cars-filter>div>div.buttons>div.ext:before
	{
		content: "";
		background: #fff;
		position: absolute;
		left: 0;
		top: 7rem;
		width: 12rem;
		height: 2rem;
		display: block;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.cars-filter[extended]>div>div.buttons>div.ext:before
	{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		width: 2rem;
		left: 5rem;
	}

	section.cars-filter>div>div.buttons>div.rst:after,
	section.cars-filter>div>div.buttons>div.ext:after
	{
		content: "";
		background: #fff;
		position: absolute;
		left: 5rem;
		top: 2rem;
		width: 2rem;
		height: 12rem;
		display: block;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.cars-filter[extended]>div>div.buttons>div.ext:after
	{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	section.cars-filter>div>div.buttons>div.rst:before,
	section.cars-filter>div>div.buttons>div.rst:after
	{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		background: var(--red);
	}

	section.cars-filter div.inp
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10rem;
		width: 100%;
		position: relative;
		margin-bottom: -30rem;
		-webkit-transition: all .5s ease .5s;
		transition: all .5s ease .5s;
	}

	section.cars-filter[extended] div.inp
	{
		margin-bottom: 0!important;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.cars-filter[rst] *
	{
		-webkit-transition: none!important;
		transition: none!important;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-filter div.inp
		{
			grid-template-columns: repeat(2, 1fr);
			margin-bottom: -40rem;
		}

		@media all and (max-width: 720px)
		{
			section.cars-filter div.inp
			{
				grid-template-columns: 1fr;
				margin-bottom: -80rem;
			}
		}
	}

	section.cars-filter div.inp>*
	{
		align-self: center;
	}

	section.cars-filter div.inp>div.-sys-ui-ctrl
	{
		font-size: 0!important;
		line-height: 0!important;
		height: 40rem!important;
		min-height: 0!important;
		overflow: hidden!important;
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		display: block!important;
		-webkit-transition: height .5s ease, -webkit-opacity .5s ease .5s, transform .5s ease .5s;
		transition: height .5s ease, opacity .5s ease .5s, transform .5s ease .5s;
	}

	section.cars-filter div.inp>div.-sys-ui-ctrl>div>div.-nfo
	{
		display: none!important;
	}

	section.cars-filter div.inp>div.-sys-ui-ctrl>div>label
	{
		position: absolute!important;
		height: 0!important;
		overflow: hidden!important;
	}

	section.cars-filter:not([extended]) div.inp>div.-sys-ui-ctrl[extended]
	{
		-webkit-transition: transform .5s ease, height .5s ease .5s, -webkit-opacity .5s ease .5s;
		transition: transform .5s ease, height .5s ease .5s, opacity .5s ease .5s;
		height: 0!important;
		opacity: 0!important;
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}

	section.cars-filter div.inp div.-sys-ui-ctrl>div
	{
		max-width: calc(10rem + var(--hir-width))!important;
		padding: 0!important;
	}

	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='selectbox']>div>select+strong,
	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='textbox']>div>input
	{
		height: 40rem!important;
		background: -webkit-linear-gradient(-90deg, transparent, rgba(0,0,0,.8))!important;
		background: linear-gradient(-90deg, transparent 0, rgba(0,0,0,.8) 100%)!important;

		border-color: #fff!important;
		color: #fff!important;
		font-size: 13rem!important;
		font-weight: 300!important;
	}

	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='selectbox']>div>select
	{
		height: 40rem!important;
		line-height: 40rem!important;
		margin-bottom: -40rem!important;
	}

	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='selectbox']>div>select+strong:after
	{
		top: 7rem!important;
	}

	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='textbox']>div>input
	{
		padding: 7rem 10rem!important;
	}

	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='selectbox']>div>select:focus+strong,
	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='textbox']>div>input:focus
	{
		border-color: var(--red)!important;
	}

	section.cars-filter div.inp div.-sys-ui-ctrl[data-sys-ctrl='selectbox']>div>select+strong:before
	{
		font-weight: 300!important;
		color: #fff!important;
	}

	section.cars-filter div.inp>div.-sys-ui-ctrl.-dsb[data-sys-ctrl='selectbox']>div>select+strong
	{
		color: #fff!important;
	}

	section.cars-filter div.-sys-ui-ctrl>div>select+strong:after
	{
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon fill='%23fff' points='15,14 18,10 21,12 15,20 9,12 12,10 '/%3E%3C/svg%3E%0A")!important;
	}

	section.cars-filter div.inp>div.-sys-ui-ctrl:not([data-sys-val=''])>div>input,
	section.cars-filter div.inp>div.-sys-ui-ctrl:not([data-sys-val=''])>div>select+strong,
	section.cars-filter div.inp>div.-sys-ui-ctrl.-dsb:not([data-sys-val=''])>div>input,
	section.cars-filter div.inp>div.-sys-ui-ctrl.-dsb:not([data-sys-val=''])>div>select+strong
	{
		background: #fff!important;
		color: #000!important;
	}

	section.cars-filter div.inp>div.-sys-ui-ctrl:not([data-sys-val=''])>div>select+strong:after
	{
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon fill='%23000' points='15,14 18,10 21,12 15,20 9,12 12,10 '/%3E%3C/svg%3E%0A")!important;
	}

	section.cars-filter div.inp>div.-sys-ui-ctrl>div>select:focus+strong:after
	{
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon fill='%23dc0821' points='15,14 18,10 21,12 15,20 9,12 12,10 '/%3E%3C/svg%3E%0A")!important;
	}
}

/* cars list */
@media all
{
	page-content:not(.home) section.cars-list
	{
		background: url(/web/images/stripe-2.webp) right center no-repeat;
	}

	section.cars-list>h2
	{
		padding-bottom: 30rem;
	}

	section.cars-list>h2>strong
	{
		font-weight: normal;
		font-size: 13rem;
		display: block;
	}

	section.cars-list>h2.alt
	{
		font-size: 18rem;
		padding-top: 80rem;
	}

	section.cars-list>h2[ord]
	{
		font-size: 12rem;
		text-align: right;
		padding-top: 0;
		font-weight: normal;
	}

	section.cars-list>h2[ord]>span
	{
		padding-right: 15rem;
		width: auto;
		white-space: nowrap;
		height: 17rem;
		line-height: 17rem;
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon fill='%23fff' points='15,14 18,10 21,12 15,20 9,12 12,10 '/%3E%3C/svg%3E%0A") right center no-repeat;
	}

	section.cars-list>h2[ord]>span:after
	{
		position: absolute;
		left: 0;
		width: calc(100% - 15rem);
		display: block;
		bottom: -1rem;
		height: 1rem;
		background: #fff;
		content: "";
	}

	section.cars-list>h2[ord]>span>strong
	{
		color: #fff;
		display: inline-block;
		position: relative;
		z-index: 0;
		font-weight: normal;
		vertical-align: top;
		line-height: 17rem;
		font-size: 12rem;
	}

	section.cars-list>h2[ord]>span>select
	{
		display: block;
		opacity: 0;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	section.cars-list>h2[ord]>span>select>option
	{
		color: #000;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-list>div
		{
			width: var(--mir-width);
		}

		@media all and (max-width: 720px)
		{
			section.cars-list>div
			{
				width: var(--smr-width);
			}
		}
	}

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

	section.cars-list:not([crsl]) div.buttons span.prev,
	section.cars-list:not([crsl]) div.buttons span.next
	{
		display: none!important;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-list[crsl] div.buttons span.prev
		{
			top: -696rem;
			position: absolute;
			right: calc(100% + 19rem);
			cursor: pointer;
			z-index: 9;
			width: calc(50vw - 340rem);
			height: 696rem;
			background: url(/web/images/arrow-l1.svg) calc(100% - 20rem) 302rem no-repeat;
			background-size: auto 37rem!important;
			display: block!important;
		}

		section.cars-list[crsl] div.buttons span.next
		{
			top: -696rem;
			position: absolute;
			left: calc(100% + 19rem);
			cursor: pointer;
			z-index: 9;
			width: calc(50vw - 340rem);
			height: 696rem;
			background: url(/web/images/arrow-r1.svg) 20rem 302rem no-repeat;
			background-size: auto 37rem!important;
			display: block!important;
		}

		@media all and (max-width: 790px)
		{
			section.cars-list[crsl] div.buttons span.prev
			{
				right: calc(100% - 20rem);
				width: calc(50vw - 300rem);
			}

			section.cars-list[crsl] div.buttons span.next
			{
				left: calc(100% - 20rem);
				width: calc(50vw - 300rem);
			}

			@media all and (max-width: 720px)
			{
				section.cars-list[crsl] div.buttons span.prev
				{
					top: -597rem;
					right: calc(100% + 14rem);
					width: calc(50vw - 174rem);
					height: 597rem;
					background-position: calc(100% - 20rem) 175rem;
				}

				section.cars-list[crsl] div.buttons span.next
				{
					top: -597rem;
					left: calc(100% + 14rem);
					width: calc(50vw - 174rem);
					height: 597rem;
					background-position: 20rem 175rem;
				}

				@media all and (max-width: 430px)
				{
					section.cars-list[crsl] div.buttons span.prev
					{
						right: calc(100% - 30rem);
						width: calc(50vw - 135rem);
					}

					section.cars-list[crsl] div.buttons span.next
					{
						left: calc(100% - 30rem);
						width: calc(50vw - 135rem);
					}
				}
			}
		}
	}

	section.cars-list div.list
	{
		grid-gap: 20rem;
		position: relative;
		z-index: 1;
		align-content: stretch;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-list div.list
		{
			grid-template-columns: var(--mir-width)!important;
		}

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

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

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

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

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

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

		section.cars-list[crsl] div.list
		{
			grid-template-columns: repeat(8, var(--mir-width))!important;
		}

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

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

			section.cars-list[crsl] div.list[pos='2']
			{
				left: -345rem;
			}

			section.cars-list[crsl] div.list[pos='3']
			{
				left: -690rem;
			}

			section.cars-list[crsl] div.list[pos='4']
			{
				left: -1035rem;
			}

			section.cars-list[crsl] div.list[pos='5']
			{
				left: -1380rem;
			}

			section.cars-list[crsl] div.list[pos='6']
			{
				left: -1725rem;
			}

			section.cars-list[crsl] div.list
			{
				grid-template-columns: repeat(8, var(--smr-width))!important;
			}
		}
	}

	section.cars-list div.list>em
	{
		padding: 40rem 0 0 0;
		font-size: 16rem;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-list div.list>em>br
		{
			display: none;
		}
	}

	section.cars-list div.item
	{
		position: relative;
		padding-top: 0;
		align-content: stretch;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 80rem min-content auto;
	}

	section.cars-list div.item[shadow='y']
	{
		display: none!important;
	}

	@media all and (max-width: 1200px)
	{
		section.cars-list div.item[shadow]
		{
			display: block!important;
		}

		section.cars-list[crsl] div.item
		{
			left: -660rem;
		}

		@media all and (max-width: 720px)
		{
			section.cars-list[crsl] div.item
			{
				left: -345rem;
				grid-template-rows: 70rem min-content auto;
			}
		}
	}

	section.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)
	{
		section.cars-list[crsl] div.item:not([pos='c'])>a
		{
			background: rgba(0,0,0,0.66);
		}
	}

	section.cars-list div.item>h3
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 50rem auto;
		background: var(--dark);
		-webkit-transition: -webkit-background .5s;
		transition: background .5s;
		padding: 15rem 30rem;
		grid-gap: 0;
		align-items: center;
	}

	@media all and (max-width: 720px)
	{
		section.cars-list div.item>h3
		{
			grid-template-columns: 40rem auto;
			padding: 15rem 20rem;
		}
	}

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

	section.cars-list div.item:hover>h3
	{
		background: var(--red);
	}

	section.cars-list div.item>h3>strong
	{
		display: block;
		padding-left: 30rem;
		margin-left: 30rem;
		border-left: 1rem solid #fff;
		height: 40rem;
		line-height: 20rem!important;
		font-weight: 300;
	}

	@media all and (max-width: 720px)
	{
		section.cars-list div.item>h3>strong
		{
			padding-left: 20rem;
			margin-left: 20rem;
			font-size: 14rem;
		}
	}

	section.cars-list div.item>h3>strong>span
	{
		display: block;
		font-weight: normal;
		font-size: 14rem;
		line-height: 20rem!important;
	}

	@media all and (max-width: 720px)
	{
		section.cars-list div.item>h3>strong>span
		{
			font-size: 11rem;
		}
	}

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

	section.cars-list div.item[arch]>div.img:before
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		content: "PRODÁNO";
		text-align: center;
		font-size: 50rem;
		font-size: max(6vmin,4vmax);
		font-weight: bold;
		display: -ms-grid;
		display: grid;
		align-content: center;
		color: rgba(255,255,255,0.75);
	}

	section.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;
	}

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

	section.cars-list div.item>div.flags
	{
		display: flex;
		flex-wrap: wrap;
		grid-gap: 3rem;
		position: absolute;
		top: 90rem;
		width: min-content;
		z-index: 4;
		left: 0;
		overflow: hidden;
	}

	section.cars-list div.item>div.flags>strong
	{
		font-size: 10rem;
		padding: 0 10rem;
		height: 20rem;
		line-height: 20rem;
		font-weight: 600;
		text-transform: uppercase;
		display: block;
		-webkit-transform: skew(-11.25deg, 0);
		transform: skew(-11.25deg, 0);
		position: relative;
		white-space: nowrap;
		color: #fff;
		cursor: pointer;
		text-align: left;
		left: -3rem;
		margin-right: 10rem;
	}

	section.cars-list div.item>div.flags>strong.new
	{
		background: #070;
	}

	section.cars-list div.item>div.flags>strong.top
	{
		background: #fc0;
		color: #000;
	}

	section.cars-list div.item>div.flags>strong.stock,
	section.cars-list div.item>div.flags>strong.import,
	section.cars-list div.item>div.flags>strong.prep,
	section.cars-list div.item>div.flags>strong.comm
	{
		background: #eee;
		color: #000;
	}

	section.cars-list div.item>div.flags>strong.extg
	{
		background: var(--red);
	}

	section.cars-list div.item>div.img[stat]:not([stat='']):after
	{
		background: var(--red) url(/web/images/eye.svg?v=2.0) 7rem center no-repeat;
		background-size: 16rem auto;
		content: attr(stat);
		position: absolute;
		right: 0;
		bottom: 10rem;
		padding: 0 7rem 0 30rem;
		font-size: 10rem;
		font-weight: 300;
		display: block;
		z-index: 1;
		white-space: nowrap;
	}

	section.cars-list div.item>div.data
	{
		background: var(--dark);
		padding: 25rem 30rem;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 15rem;
	}

	@media all and (max-width: 720px)
	{
		section.cars-list div.item>div.data
		{
			padding: 15rem 20rem;
			grid-template-columns: 100%;
		}
	}

	section.cars-list div.item>div.data *
	{
		color: #000;
	}

	section.cars-list div.item>div.data>div.attr
	{
		white-space: nowrap;
		display: -ms-grid;
		display: grid;
		grid-template-columns: auto auto auto 210rem;
		grid-gap: 15rem;
	}

	@media all and (max-width: 720px)
	{
		section.cars-list div.item>div.data>div.attr
		{
			grid-template-columns: auto 200rem;
		}
	}

	section.cars-list div.item>div.data>div.price
	{
		white-space: nowrap;
		display: -ms-grid;
		display: grid;
		grid-gap: 15rem;
		grid-template-columns: auto 210rem;
		grid-template-areas: "fund price";
		padding-bottom: 12rem;
		border-bottom: 1rem solid #999;
	}

	@media all and (max-width: 720px)
	{
		section.cars-list div.item>div.data>div.price.nofund
		{
			grid-gap: 0;
		}

		section.cars-list div.item>div.data>div.price
		{
			grid-template-columns: 1fr;
			grid-template-areas: "price" "fund";
		}
	}

	section.cars-list div.item>div.data>div.attr>span,
	section.cars-list div.item>div.data>div.price>span
	{
		display: block;
		text-transform: uppercase;
		font-size: 10rem;
		font-weight: 300;
		color: #999;
	}

	section.cars-list div.item>div.data>div.attr>span>strong,
	section.cars-list div.item>div.data>div.price>span>strong
	{
		display: block;
		font-weight: 300;
		font-size: 12rem;
		text-transform: none;
		color: #fff;
	}

	section.cars-list div.item>div.data>div.price>span.fund
	{
		grid-area: fund;
	}

	@media all and (max-width: 720px)
	{
		section.cars-list div.item>div.data>div.price.nofund>span.fund
		{
			display: none!important;
		}
	}

	section.cars-list div.item>div.data>div.price>span.pr
	{
		grid-area: price;
	}

	section.cars-list div.item>div.data>div.price>span.pr>strong
	{
		font-size: 16rem;
	}

	section.cars-list div.item>div.data>div.price>span.fund>strong
	{
		padding-top: 3rem;
	}

	section.cars-list div.item>div.data>div.price>span.fund>strong>span.sm
	{
		display: inline-block;
		font-weight: inherit;
		font-size: inherit;
		color: #fff;
		background: var(--red);
		padding: 0 10rem;
		clip-path: polygon(4rem 0, 100% 0, calc(100% - 4rem) 100%, 0 100%);
	}

	section.cars-list div.item>div.data>div.price>span.fund>strong>span.act
	{
		display: inline-block;
		font-weight: inherit;
		font-size: inherit;
		color: #fff;
		background: var(--blue);
		padding: 0 10rem;
		clip-path: polygon(4rem 0, 100% 0, calc(100% - 4rem) 100%, 0 100%);
	}

	section.cars-list div.pager>div
	{
		text-align: center;
	}

	section.cars-list div.pager>div>div
	{
		display: -webkit-inline-flex;
		display: inline-flex;
		flex-wrap: wrap;
		grid-gap: 10rem;
		text-align: center;
		min-height: 38rem;
	}

	section.cars-list div.pager>div>div>a
	{
		display: block;
		padding-left: 0;
		padding-right: 0;
		width: 38rem;
		height: 38rem;
	}

	section.cars-list div.pager[loading]>div>div>a
	{
		display: none!important;
	}

	section.cars-list div.pager[loading]>div>div
	{
		background: url(/vario/images/bg-loading-progress.gif) center center no-repeat;
		display: block!important;
	}

	section.cars-list div.pager>div>div>a.button[curr],
	section.cars-list div.pager>div>div>a.button[curr]:hover
	{
		background: var(--dark)!important;
		cursor: default!important;
	}

	section.cars-smlr
	{
		background: url(/web/images/stripe-1.webp) left top no-repeat;
	}

	section.cars-smlr>h2>strong
	{
		font-weight: normal;
		font-size: 13rem;
		display: block;
	}

	section.cars-smlr>div>div
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 10rem;
	}

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

		@media all and (max-width: 720px)
		{
			section.cars-smlr>div>div
			{
				grid-template-columns: 1fr;
			}
		}
	}

	section.cars-smlr>div>div>a
	{
		display: -ms-grid;
		display: grid;
		position: relative;
		background-color: var(--red);
		-webkit-transition: all .5s;
		transition: all .5s;
		font-size: 12rem;
		text-align: center;
		box-sizing: border-box;
		padding: 10rem 20rem;
		grid-template-rows: 20rem auto 20rem;
		font-weight: 300;
		min-height: 130rem;
	}

	section.cars-smlr>div>div>a:hover
	{
		background-color: var(--hover-red);
	}

	section.cars-smlr>div>div>a>img
	{
		display: block;
		margin: 0 auto;
		align-self: center;
	}

	section.cars-smlr>div>div>a>strong
	{
		display: block;
		line-height: 24rem;
		align-self: center;
	}

	section.cars-smlr>div>div>a>span
	{
		display: block;
		font-size: 12rem;
		font-weight: normal;
	}

	section.cars-smlr>div>div>a>span:after
	{
		display: inline-block;
		content: "";
		clip-path: polygon(0 0, 100% 50%, 0 100%);
		width: 8rem;
		height: 8rem;
		vertical-align: middle;
		background: #fff;
		position: relative;
		margin-left: 5rem;
		top: -1rem;
	}

}

/* banners */
@media all
{
	section.banners
	{
		background: right center no-repeat;
	}

	section.banners:not([loading='lazy'])
	{
		background-image: url(/web/images/stripe-2.webp)
	}

	section.banners>div>div
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10rem;
	}

	@media all and (min-width: 1201px)
	{
		section.banners[layout='ttb']>div>div
		{
			grid-template-columns: 1fr 1fr;
		}
	}

	section.banners div.banner
	{
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	section.banners div.banner>img
	{
		width: 100%!important;
		height: auto!important;
		display: none;
		position: relative;
		z-index: 0;
	}

	@media all and (min-width: 1201px)
	{
		section.banners div.banner[size='h']>img[size='m'],
		section.banners div.banner[size='f']>img[size='l']
		{
			display: block;
		}
	}

	@media all and (max-width: 1200px)
	{
		section.banners div.banner>img[size='l'],
		section.banners div.banner>img[size='s']
		{
			display: none;
		}

		section.banners div.banner[size='h']>img[size='m'],
		section.banners div.banner[size='f']>img[size='m']
		{
			display: block;
		}

		@media all and (max-width: 720px)
		{
			section.banners div.banner>img[size='l'],
			section.banners div.banner>img[size='m']
			{
				display: none!important;
			}

			section.banners div.banner[size='h']>img[size='s'],
			section.banners div.banner[size='f']>img[size='s']
			{
				display: block;
			}
		}
	}

	@media all and (min-width: 1201px)
	{
		section.banners[layout='ttb'] div.banner[size='f']
		{
			width: calc(200% + 10rem);
		}
	}

	section.banners div.banner>a
	{
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		font-size: 0!important;
	}

	section.banners div.banner>a>em
	{
		display: block;
		position: absolute;
		font-style: normal;
		left: 30rem;
		bottom: 30rem;
	}

	@media all and (max-width: 720px)
	{
		section.banners div.banner>a>em
		{
			left: 20rem;
			bottom: 20rem;
			height: 30rem;
			padding: 5rem 15rem;
			font-size: 10rem;
		}
	}

	section.banners div.banner>div
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		box-sizing: border-box;
		padding: 20rem 30rem;
	}

	@media all and (max-width: 720px)
	{
		section.banners div.banner>div
		{
			padding: 15rem 20rem;
		}
	}

	section.banners div.banner>div>h2
	{
		font-size: 36rem;
		line-height: 125%;
		display: block;
		font-weight: bold;
	}

	@media all and (max-width: 1200px)
	{
		section.banners div.banner>div>h2
		{
			font-size: 32rem;
		}

		@media all and (max-width: 720px)
		{
			section.banners div.banner>div>h2
			{
				font-size: 28rem;
			}
		}
	}

	section.banners div.banner>div>h2>span
	{
		font-size: inherit;
		line-height: inherit;
		font-weight: bold;
		color: var(--red);
	}

	section.banners div.banner>div>p
	{
		padding-top: 20rem;
	}

	@media all and (max-width: 1200px)
	{
		section.banners div.banner>div>p
		{
			font-size: 14rem;
			padding-top: 15rem;
		}

		@media all and (max-width: 720px)
		{
			section.banners div.banner>div>p
			{
				font-size: 12rem;
				padding-top: 10rem;
			}
		}
	}
}

/* news */
@media all
{
	section.news
	{
		background: url(/web/images/stripe-1.webp) -120rem center no-repeat;
	}

	page-content.home section.news>h2
	{
		font-size: 16rem;
	}

	section.news div.buttons
	{
		text-align: center;
	}

	section.news div.items
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 20rem;
	}

	@media all and (max-width: 1200px)
	{
		section.news div.items
		{
			grid-template-columns: 1fr 1fr;
		}

		@media all and (max-width: 720px)
		{
			section.news div.items
			{
				grid-template-columns: 1fr;
			}
		}
	}

	section.news div.item
	{
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		background: #222;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.news div.item[act]:hover
	{
		background: var(--red);
	}

	section.news div.item>div.img
	{
		display: block;
		aspect-ratio: 1/1;
		width: 100%;
		overflow: hidden;
	}

	section.news div.item>div.img>img
	{
		display: block;
		width: 100%;
		height: auto!important;
		aspect-ratio: 1/1;
		position: relative;
		z-index: 0;
		-webkit-transition: all .5s;
		transition: all .5s;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	section.news div.item[act]:hover>div.img>img
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	section.news div.item>div.data
	{
		padding: 20rem 25rem;
		position: relative;
		z-index: 0;
	}

	section.news div.item>div.data>h3
	{
		font-size: 16rem;
		font-weight: bold;
	}

	section.news div.item>div.data>p
	{
		font-size: 12rem;
		padding-top: 20rem;
	}

	section.news div.item>div.data>p *
	{
		font-size: 12rem;
	}

	section.news div.item>a
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		font-size: 0!important;
		z-index: 1;
	}
}

/* car detail */
@media all
{
	section.car-detail
	{
		display: block;
		padding: 0!important;
		position: absolute;
		height: max(min(100vh, 75vw), 40vw);
		width: 100%;
		left: 0;
		top: 0;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail
		{
			overflow: visible;
		}
	}

	section.car-detail:before
	{
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 80rem;
		content: "";
		background: -webkit-linear-gradient(0deg, transparent, #000);
		background: linear-gradient(0deg, transparent 0, #000 100%);
	}

	@media all and (max-width: 720px)
	{
		section.car-detail:before
		{
			height: 60rem!important;
		}
	}

	/* photo */
	section.car-detail>div.photo
	{
		width: 100%!important;
		max-width: 100%!important;
		position: relative;
		z-index: 0;
		height: 100%;
	}

	section.car-detail>div.photo>div.imgs
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr max(146.66vh, 58.66vw) 1fr; /* 133.33vh == 100% vw, 146.66vh == 110% vw */
		position: relative;
		grid-gap: 0;
		z-index: 1;
		width: 100vw!important;
		max-width: 100vw!important;
		padding: 0!important;
		overflow: hidden;
		height: 100%;
	}

	section.car-detail[cpv='2']>div.photo>div.imgs
	{
		grid-template-columns: 0 100% 0;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail>div.photo>div.imgs
		{
			grid-template-columns: 0 100% 0!important;
		}
	}

	section.car-detail>div.photo>div.imgs>div
	{
		height: 100%;
		position: relative;
		aspect-ratio: 4/3;
		max-width: 100vw;
	}

	section.car-detail>div.photo>div.imgs:after
	{
		position: absolute;
		display: block;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: min(15vh, 15vw);
		content: "";
		background: -webkit-linear-gradient(180deg, transparent, #000);
		background: linear-gradient(180deg, transparent 0, #000 100%);
	}

	section.car-detail[cpv='2']>div.photo>div.imgs>div.curr
	{
		width: 100vw;
		height: 75vw;
		overflow: hidden;
	}

	section.car-detail>div.photo>div.imgs>div.curr
	{
		z-index: 1;
	}

	section.car-detail>div.photo>div.imgs>div>img
	{
		display: block;
		width: 100%;
		aspect-ratio: 4/3;
		position: relative;
		top: min(0rem, calc(5vh - 6.66vw), calc(6.66vw - 5vh));
		z-index: 0;
	}

	section.car-detail[cpv='2']>div.photo>div.imgs>div>img
	{
		top: min(0rem, calc(66.66vh - 50vw), calc(50vw - 66.66vh));
	}

	section.car-detail[cpv='2'][cph='1']>div.photo>div.imgs>div>img
	{
		top: min(0rem, calc(50vh - 37.5vw), calc(37.5vw - 50vh));
	}

	@media all and (max-aspect-ratio: 3/4)
	{
		section.car-detail>div.photo>div.imgs>div>img
		{
			top: 0!important;
		}
	}

	@media all and (max-aspect-ratio: 4/3)
	{
		section.car-detail[cpv='2']>div.photo>div.imgs>div>img
		{
			top: 0!important;
		}
	}

	@media all and (max-width: 720px)
	{
		section.car-detail>div.photo>div.imgs>div>img
		{
			top: 0!important;
		}
	}

	section.car-detail>div.photo>div.imgs>div.prev,
	section.car-detail>div.photo>div.imgs>div.next
	{
		z-index: 0;
		aspect-ratio: auto;
		overflow: visible;
	}

	section.car-detail>div.photo>div.imgs>div.prev>img,
	section.car-detail>div.photo>div.imgs>div.next>img
	{
		height: 100%;
		width: auto;
		-webkit-filter: blur(2rem);
		filter: blur(2rem);
		opacity: 0.2;
		position: absolute;
	}

	section.car-detail>div.photo>div.imgs>div.next>img
	{
		left: -3rem;
	}

	section.car-detail>div.photo>div.imgs>div.prev>img
	{
		left: calc(100% - max(146.66vh, 56.25vw) + 3rem);
	}

	@media all and (max-aspect-ratio: 4/3)
	{
		section.car-detail>div.photo>div.imgs>div.prev>img
		{
			left: auto;
			right: -3rem;
		}
	}

	section.car-detail[cpv='2']>div.photo>div.imgs>div.prev>img
	{
		left: auto;
		right: -3rem;
	}

	section.car-detail>div.photo>div.ext
	{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		padding: 0!important;
	}

	section.car-detail>div.photo>div.ext>em
	{
		font-style: normal;
		color: rgba(255,255,255,0.75);
		font-size: max(12vmin,10vw);
		font-weight: bold;
		display: -ms-grid;
		display: grid;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		grid-template-columns: 1fr;
		text-align: center;
		align-content: center;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		z-index: 0;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.photo>div.ext>em
		{
			top: 0;
		}
	}

	section.car-detail>div.photo>div.ext>div
	{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	section.car-detail[moved]>div.photo>div.ext *
	{
		cursor: move;
	}

	section.car-detail>div.photo>div.ext>div>span
	{
		position: absolute;
		top: calc(min(50vh, 37.5vw) - 40rem);
		display: block;
		width: 40rem;
		height: 80rem;
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition: -webkit-opacity .5s, transform .5s;
		transition: opacity .5s, transform .5s;
		background: center center no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
	}

	@media all and (max-width: 800px)
	{
		section.car-detail>div.photo>div.ext>div>span
		{
			top: calc(min(50vh, 37.5vw) - 20rem);
			width: 20rem;
			height: 40rem;
		}
	}

	section.car-detail>div.photo>div.ext>div>span[ready]
	{
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	section.car-detail>div.photo>div.ext>div>span.prev
	{
		left: calc(50% - 47vw);
		background-image: url(/web/images/arrow-l1.svg);
	}

	section.car-detail>div.photo>div.ext>div>span.next
	{
		right: calc(50% - 47vw);
		background-image: url(/web/images/arrow-r1.svg);
	}

	section.car-detail>div.photo>div.ext>div>div.back
	{
		position: absolute;
		left: 0;
		bottom: 165rem;
		width: 100%;
		z-index: 9;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.photo>div.ext>div>div.back
		{
			bottom: 140rem;
		}

		@media all and (max-width: 720px)
		{
			section.car-detail>div.photo>div.ext>div>div.back
			{
				bottom: 50rem;
			}
		}
	}

	section.car-detail>div.photo>div.ext>div>div.back>div
	{
		width: var(--hir-width);
		max-width: var(--max-width);
		margin: 0 auto;
		position: relative;
	}

	section.car-detail>div.photo>div.ext>div>div.back>div>span
	{
		position: absolute;
		left: 13rem;
		bottom: 0;
		display: block;
		color: #fff;
		font-size: 12rem;
		line-height: 20rem;
		height: 20rem;
		font-weight: 300;
		cursor: pointer;
	}

	section.car-detail>div.photo>div.ext>div>div.back>div>span:before
	{
		display: inline-block;
		content: "";
		clip-path: polygon(0 50%, 100% 100%, 100% 0);
		width: 8rem;
		height: 8rem;
		vertical-align: middle;
		background: #fff;
		position: relative;
		margin-left: -13rem;
		left: -3rem;
		margin-right: 2rem;
	}

	section.car-detail>div.photo>div.ext>div>div.flags
	{
		position: absolute;
		width: 100%;
		height: 0;
		overflow: visible;
		left: 0;
		bottom: 105rem;
	}

	section.car-detail>div.photo>div.ext>div>div.flags>div
	{
		width: var(--hir-width);
		max-width: var(--max-width);
		margin: 0 auto;
		position: relative;
		height: 0;
		overflow: visible;
	}

	section.car-detail>div.photo>div.ext>div>div.flags>div>div
	{
		display: flex;
		grid-gap: 5rem;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 4;
	}

	section.car-detail>div.photo>div.ext>div>div.flags strong
	{
		font-size: 10rem;
		height: 24rem;
		line-height: 24rem;
		width: min-content;
		padding: 0 8rem;
		font-weight: 600;
		letter-spacing: 0.5rem;
		text-transform: uppercase;
		display: block;
		-webkit-transform: skew(-11.25deg, 0);
		transform: skew(-11.25deg, 0);
		position: relative;
		white-space: nowrap;
		color: #fff;
		cursor: pointer;
		text-align: center;
		-webkit-transition: all .5s;
		transition: all .5s;
		z-index: 0;
	}

	section.car-detail>div.photo>div.ext>div>div.flags strong:hover
	{
		-webkit-transform: skew(-11.25deg, 0) scale(1.1);
		transform: skew(-11.25deg, 0) scale(1.1);
		z-index: 1;
	}

	section.car-detail>div.photo>div.ext>div>div.flags strong.new
	{
		background: #070;
	}

	section.car-detail>div.photo>div.ext>div>div.flags strong.stock,
	section.car-detail>div.photo>div.ext>div>div.flags strong.import,
	section.car-detail>div.photo>div.ext>div>div.flags strong.comm,
	section.car-detail>div.photo>div.ext>div>div.flags strong.prep
	{
		background: #eee;
		color: #000;
	}

	section.car-detail>div.photo>div.ext>div>div.flags strong.top
	{
		background: #fc0;
		color: #000;
	}

	section.car-detail>div.photo>div.ext>div>div.flags strong.extg
	{
		background: var(--red);
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.photo>div.ext>div>div.flags
		{
			bottom: 80rem;
		}

		@media all and (max-width: 720px)
		{
			section.car-detail>div.photo>div.ext>div>div.flags
			{
				display: none!important;
			}
		}
	}

	/* info */
	section.car-detail>div.info
	{
		z-index: 2;
		position: absolute;
		left: 0;
		bottom: 20rem;
		width: 100%!important;
		max-width: 100%!important;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail>div.info
		{
			bottom: -70rem;
		}
	}

	section.car-detail>div.info>div
	{
		padding-top: 0;
		width: var(--hir-width)!important;
		max-width: var(--max-width-v)!important;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 130rem auto auto 96rem;
		grid-template-areas: "brand name price flags";
		align-items: flex-end;
		grid-gap: 0;
		margin: 0 auto;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.info>div
		{
			grid-template-columns: 82rem auto 0 0;
			align-items: center;
		}
	}

	section.car-detail>div.info>div[stat]:not([stat='']):after
	{
		background: var(--red) url(/web/images/eye.svg?v=2.0) 7rem center no-repeat;
		background-size: 16rem auto;
		content: attr(stat);
		position: absolute;
		left: 0;
		bottom: 85rem;
		padding: 0 7rem 0 30rem;
		font-size: 10rem;
		font-weight: 300;
		display: block;
		z-index: 1;
		white-space: nowrap;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.info>div[stat]:not([stat='']):after
		{
			bottom: 60rem;
		}
	}

	section.car-detail>div.info>div>strong.price
	{
		display: block;
		grid-area: price;
		white-space: nowrap;
		text-align: left;
		font-size: 16rem;
		font-weight: 300;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.info>div>strong.price
		{
			display: none!important;
		}
	}

	section.car-detail>div.info>div>strong.price>span
	{
		font-size: 10rem;
		font-weight: normal;
	}

	section.car-detail>div.info>div>span.flags
	{
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
		grid-gap: 17rem;
		grid-area: flags;
	}

	section.car-detail>div.info>div>span.flags>img.ceb
	{
		display: block;
		width: 96rem;
		cursor: pointer;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.car-detail>div.info>div>span.flags>img.ceb:hover
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	section.car-detail>div.info>div>span.flags>img.prm
	{
		display: block;
		width: 117rem;
	}

	section.car-detail>div.info>div>span.flags>img[na]
	{
		opacity: 0.1;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	@media all and (max-width: 720px)
	{
		section.car-detail>div.info>div>span.flags
		{
			display: none!important;
		}
	}

	section.car-detail>div.info>div>img
	{
		display: block;
		height: auto;
		width: 65rem;
		aspect-ratio: 1;
		padding-right: 32rem;
		margin-right: 32rem;
		border-right: 1rem solid #fff;
		-webkit-filter: drop-shadow(0 0 5rem rgba(0,0,0,0.5));
		filter: drop-shadow(0 0 5rem rgba(0,0,0,0.5));
		grid-area: brand;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.info>div>img
		{
			width: 41rem;
			padding-right: 20rem;
			margin-right: 20rem;
		}

	}

	section.car-detail>div.info>div>h1
	{
		display: block;
		font-weight: 600;
		font-size: 32rem;
		text-shadow: 0 0 5rem rgba(0,0,0,0.5);
		grid-area: name;
		line-height: 100%;
		margin: -5rem 0;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.info>div>h1
		{
			font-size: 24rem;
		}
	}

	section.car-detail>div.info>div>h1>strong
	{
		display: block;
		font-weight: 300;
		font-size: 50%;
		line-height: inherit;
		padding-top: 10rem;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail>div.info>div>h1>strong
		{
			padding-top: 4rem;
		}
	}

	/* data */
	section.car-detail-data
	{
		background: url(/web/images/stripe-1.webp) calc(50vw - 1060rem) top no-repeat, url(/web/images/stripe-2.webp) right center no-repeat;
		overflow: initial;
		z-index: 9;
		margin-top: calc(max(min(100vh, 75vw), 40vw) + 20rem);
	}

	@media all and (max-width: 720px)
	{
		section.car-detail-data
		{
			margin-top: calc(75vw + 70rem);
		}

	}

	section.car-detail-data>div>div.flags
	{
		display: none;
		padding-top: 40rem;
		grid-gap: 5rem;
		grid-row-gap: 10rem;
		flex-wrap: wrap;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail-data>div>div.flags
		{
			display: flex;
		}
	}

	section.car-detail-data>div>div.flags strong,
	section.car-detail-data>div>div.flags img
	{
		font-size: 10rem;
		padding: 0 10rem;
		font-weight: 600;
		box-sizing: border-box;
		height: 24rem;
		line-height: 24rem;
		text-transform: uppercase;
		display: block;
		position: relative;
		white-space: nowrap;
		color: #fff;
		cursor: pointer;
		text-align: center;
		-webkit-transform: skew(-11.25deg, 0);
		transform: skew(-11.25deg, 0);
	}

	section.car-detail-data>div>div.flags img.ceb
	{
		height: auto;
		-webkit-transform: none;
		transform: none;
	}

	section.car-detail-data>div>div.flags strong.new
	{
		background: #070;
	}

	section.car-detail-data>div>div.flags strong.stock,
	section.car-detail-data>div>div.flags strong.import,
	section.car-detail-data>div>div.flags strong.comm,
	section.car-detail-data>div>div.flags strong.prep
	{
		background: #eee;
		color: #000;
	}

	section.car-detail-data>div>div.flags strong.top
	{
		background: #fc0;
		color: #000;
	}

	section.car-detail-data>div>div.flags strong.extg
	{
		background: var(--red);
	}

	/* base data */
	section.car-detail-data div.data>div>h2
	{
		display: block;
		font-size: 32rem;
		padding-bottom: 48rem;
		font-weight: 300;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail-data div.data>div>h2
		{
			font-size: 24rem;
			padding-bottom: 36rem;
		}
	}

	section.car-detail-data div.form>div.req-form
	{
		position: -webkit-sticky;
		position: sticky;
		top: 120rem;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail-data div.form>div.req-form
		{
			position: relative;
			top: 0;
			padding-top: 40rem;
		}
	}

	section.car-detail-data div.data>div>h2>strong
	{
		font-weight: normal;
		font-size: 13rem;
		display: block;
	}

	section.car-detail-data div.data>div.base>div,
	section.car-detail-data div.data>div.grnt
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 280rem auto;
		grid-gap: 80rem;
		grid-row-gap: 20rem;
	}

	section.car-detail-data div.data>div.base strong.price
	{
		font-size: 22rem;
		white-space: nowrap;
	}

	section.car-detail-data div.data>div.base strong.fund
	{
		display: -ms-inline-grid;
		display: inline-grid;
		grid-gap: 10rem;
		margin-top: 5rem;
		cursor: pointer;
	}

	section.car-detail-data div.data>div.base strong.fund>span.info
	{
		display: inline-block;
		margin-right: auto;
	}

	section.car-detail-data div.data>div.base strong.fund>span.info,
	section.car-detail-data div.data>div.base strong.fund>span.info *
	{
		cursor: pointer;
	}


	section.car-detail-data div.data>div.base strong.fund img
	{
		display: inline-block;
		vertical-align: middle;
		width: 18rem;
		height: 18rem;
		position: relative;
		top: -2rem;
	}

	section.car-detail-data div.data>div.base strong.fund span.sm
	{
		font-size: inherit;
		font-weight: inherit;
		color: #fff;
		background: var(--red);
		padding: 2rem 14rem;
		clip-path: polygon(4rem 0, 100% 0, calc(100% - 4rem) 100%, 0 100%);
		cursor: pointer;
		letter-spacing: 0.5rem;
	}

	section.car-detail-data div.data>div.base strong.fund span.act
	{
		font-size: inherit;
		font-weight: inherit;
		color: #fff;
		background: var(--blue);
		padding: 2rem 14rem;
		clip-path: polygon(4rem 0, 100% 0, calc(100% - 4rem) 100%, 0 100%);
		cursor: pointer;
		letter-spacing: 0.5rem;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail-data div.data>div.base>div,
		section.car-detail-data div.data>div.grnt
		{
			grid-template-columns: 1fr;
		}
	}

	section.car-detail-data div.data>div.grnt
	{
		padding-top: 20rem;
	}

	section.car-detail-data div.data>div.base>div>div>span,
	section.car-detail-data div.data>div.grnt>div>span,
	section.car-detail-data div.data>div.ntc>span
	{
		display: block;
		font-size: 12rem;
		text-transform: uppercase;
		color: #ccc;
	}

	section.car-detail-data div.data>div.base>div>div>strong>span.calc
	{
		position: relative;
		display: block;
	}

	section.car-detail-data div.data>div.base>div>div>strong>span.yt
	{
		position: relative;
		display: block;
		margin-top: 5rem;
	}

	section.car-detail-data div.data>div.grnt>div.extg>strong
	{
		position: relative;
		display: inline-block;
	}

	section.car-detail-data div.data>div.grnt>div.extg>strong>a
	{
		font-weight: 600;
	}

	section.car-detail-data div.data>div.grnt>div.extg>strong>img
	{
		width: 54rem;
		height: 54rem;
		display: block;
		position: absolute;
		right: -70rem;
		top: -10rem;
		cursor: pointer;
		-webkit-transition: all .5s;
		transition: all .5s;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	section.car-detail-data div.data>div.grnt>div.extg>strong>img:hover
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	section.car-detail-data div.data>div.ntc
	{
		padding-top: 20rem;
	}

	section.car-detail-data div.data>div.ntc>strong
	{
		font-weight: normal;
	}

	section.car-detail-data div.data>div.equip
	{
		padding-top: 70rem;
	}

	section.car-detail-data div.data>div.equip>h2
	{
		padding-bottom: 24rem;
	}

	section.car-detail-data div.data>div.equip>div
	{
		display: block;
	}

	section.car-detail-data div.data>div.equip>div>h3
	{
		font-size: 16rem;
		text-transform: uppercase;
		padding: 24rem 0;
	}

	section.car-detail-data div.data>div.equip>div>ul
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 280rem auto;
		grid-gap: 80rem;
		grid-row-gap: 0;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail-data div.data>div.equip>div>ul
		{
			grid-template-columns: 1fr;
		}
	}

	section.car-detail-data div.form
	{
		padding-top: 20rem;
	}

	/* funding */
	section.car-detail-data div.data>div.funding
	{
		padding-top: 80rem;
	}

	section.car-detail-data div.data>div.funding>div.notes
	{
		padding-top: 40rem;
		font-size: 11rem;
		color: #ccc;
		font-style: italic;
		width: 100%;
		max-width: 660rem;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail-data div.data>div.funding>div.notes
		{
			max-width: var(--mir-width);
		}

		@media all and (max-width: 720px)
		{
			section.car-detail-data div.data>div.funding>div.notes
			{
				max-width: var(--smr-width);
			}
		}
	}

	section.car-detail-data div.data>div.funding>div.vars
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		max-width: var(--mir-width);
		grid-gap: 10rem;
		grid-row-gap: 40rem;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail-data div.data>div.funding>div.vars
		{
			max-width: var(--smr-width);
			grid-template-columns: 1fr;
		}
	}

	section.car-detail-data div.data>div.funding>div.vars>div
	{
		display: block;
		position: relative;
		background: #222;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>h3
	{
		display: block;
		vertical-align: bottom;
		font-size: 16rem;
		padding: 25rem 35rem;
		border-bottom: 2rem solid #000;
		margin: 0!important;
		cursor: pointer;
	}

	section.car-detail-data div.data>div.funding>div.vars>div.smart>h3
	{
		border-top: 5rem solid var(--red);
	}

	section.car-detail-data div.data>div.funding>div.vars>div.active>h3
	{
		border-top: 5rem solid var(--blue);
	}

	section.car-detail-data div.data>div.funding>div.vars>div>h3 img
	{
		display: inline-block;
		vertical-align: middle;
		width: 18rem;
		height: 18rem;
		cursor: pointer;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>h3>span
	{
		display: block;
		font-size: 10rem;
		cursor: pointer;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div
	{
		padding: 25rem 35rem 0 35rem;
		display: -ms-grid;
		display: grid;
		grid-gap: 5rem;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div.more
	{
		display: block;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div:last-child
	{
		padding-bottom: 25rem;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div>div
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 95rem auto;
		align-items: center;
		white-space: nowrap;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div>div>strong.pay
	{
		font-size: 22rem;
		padding: 10rem 0;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div.info
	{
		margin-top: -20rem;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div,
	section.car-detail-data div.data>div.funding>div.vars>div>div *
	{
		font-size: 11rem;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div a
	{
		padding-bottom: 2rem;
	}

	section.car-detail-data div.data>div.funding>div.vars>div>div>div>strong>span.ntc
	{
		display: block;
		white-space: normal;
	}

	/* gallery */
	section.car-detail-gallery
	{
		background: url(/web/images/stripe-1.webp) left top no-repeat;
	}

	section.car-detail-gallery>h2
	{
		display: block;
		font-size: 32rem;
		padding-bottom: 48rem;
		font-weight: 300;
	}

	section.car-detail-gallery>h2:first-letter
	{
		text-transform: uppercase;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail-gallery>h2
		{
			font-size: 24rem;
			padding-bottom: 36rem;
		}
	}

	section.car-detail-gallery>h2>strong
	{
		font-weight: normal;
		font-size: 13rem;
		display: block;
	}

	section.car-detail-gallery>div.gallery>div
	{
		padding: 0!important;
		display: -ms-grid;
		display: grid;
		grid-gap: 10rem;
		grid-template-columns: repeat(6, 1fr);
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail-gallery>div.gallery>div
		{
			grid-template-columns: repeat(3, 1fr);
		}

		@media all and (max-width: 720px)
		{
			section.car-detail-gallery>div.gallery>div
			{
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}

	section.car-detail-gallery>div.gallery>div>div
	{
		text-align: center;
		aspect-ratio: 4/3;
		width: 100%;
		align-content: center;
	}

	section.car-detail-gallery>div.gallery>div>div>a.play
	{
		margin-left: 20rem;
	}

	section.car-detail-gallery>div.gallery>div>img
	{
		display: block;
		width: 100%;
		cursor: pointer;
		-webkit-transition: outline-color .5s;
		transition: outline-color .5s;
		outline: min(5.6148vw, 77rem) solid transparent;
		outline-offset: max(-5.6148vw, -77rem);
		aspect-ratio: 4/3;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail-gallery>div.gallery>div>img
		{
			outline-width: 79rem;
			outline-offset: -79rem;
		}

		@media all and (max-width: 720px)
		{
			section.car-detail-gallery>div.gallery>div>img
			{
				outline-width: 62rem;
				outline-offset: -62rem;
			}
		}
	}

	section.car-detail-gallery>div.gallery>div>img:hover
	{
		outline-color: rgba(220,8,33,.33);
	}

	/* nav */
	section.car-detail-nav>div>div
	{
		display: -ms-grid;
		display: grid;
		grid-gap: 0;
		align-items: center;
		grid-template-columns: auto 1fr;
		border-top: 1rem solid #333;
		border-bottom: 1rem solid #333;
		padding: 25rem 0;
	}

	@media all and (max-width: 1200px)
	{
		section.car-detail-nav>div>div
		{
			margin: 10rem 0;
		}

		@media all and (max-width: 720px)
		{
			section.car-detail-nav>div>div
			{
				grid-template-columns: auto 132rem;
			}
		}
	}

	section.car-detail-nav>div>div>div.back
	{
		line-height: 24rem;
	}

	section.car-detail-nav>div>div>div.back>span
	{
		position: relative;
		display: inline-block;
		color: #fff;
		font-size: 12rem;
		line-height: 20rem;
		font-weight: 300;
		cursor: pointer;
		left: 16rem;
		top: -1rem;
	}

	section.car-detail-nav>div>div>div.back>span:before
	{
		display: inline-block;
		content: "";
		clip-path: polygon(0 50%, 100% 100%, 100% 0);
		width: 8rem;
		height: 8rem;
		vertical-align: middle;
		background: #fff;
		position: relative;
		margin-left: -13rem;
		left: -3rem;
		margin-right: 2rem;
	}

	section.car-detail-nav>div>div>div.qshr
	{
		display: -webkit-inline-flex;
		display: inline-flex;
		flex-wrap: nowrap;
		grid-gap: 12rem;
		grid-row-gap: 6rem;
		margin: 0 0 0 auto;
		line-height: 24rem;
		white-space: nowrap;
		position: relative;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail-nav>div>div>div.qshr
		{
			flex-wrap: wrap;
			top: -11rem;
		}
	}

	section.car-detail-nav>div>div>div.qshr>span
	{
		display: inline;
		font-size: 12rem;
		line-height: 24rem;
	}

	@media all and (max-width: 720px)
	{
		section.car-detail-nav>div>div>div.qshr>span
		{
			display: block;
			width: 132rem;
			line-height: 16rem;
		}
	}

	section.car-detail-nav>div>div>div.qshr>a
	{
		display: block;
		width: 24rem;
		height: 24rem;
		font-size: 0!important;
		background: #333 center center no-repeat;
		background-size: 100% 100%;
		-webkit-transition: all .5s;
		transition: all .5s;
		overflow: hidden;
		opacity: 1;
	}

	section.car-detail-nav>div>div>div.qshr>a:hover
	{
		opacity: var(--hover-opacity);
	}

	section.car-detail-nav>div>div>div.qshr>a.fb
	{
		background-image: url(/web/images/qshr_fb_l.svg);
		background-color: #1877F2;
	}

	section.car-detail-nav>div>div>div.qshr>a.wa
	{
		background-image: url(/web/images/qshr_wa_l.svg);
		background-color: #00C800;
	}

	section.car-detail-nav>div>div>div.qshr>a.em
	{
		background-image: url(/web/images/qshr_em_l.svg);
	}

	section.car-detail-nav>div>div>div.qshr>a.pr
	{
		background-image: url(/web/images/qshr_pr_l.svg);
	}

	gc-req-form-anchor
	{
		display: block;
		position: fixed;
		left: 0;
		bottom: -100rem;
		-webkit-transition: bottom 1s ease 2s;
		transition: bottom 1s ease 2s;
		width: 100%;
		line-height: 32rem;
		padding: 10rem 0 35rem 0;
		background: var(--red);
		z-index: 99;
	}

	gc-req-form-anchor[show='y']
	{
		bottom: 0;
	}

	gc-req-form-anchor[rel='n'],
	gc-req-form-anchor[show='n']
	{
		display: none!important;
	}

	gc-req-form-anchor>div
	{
		display: block;
		margin: 0 auto;
		max-width: var(--mir-width);
	}

	@media all and (max-width: 720px)
	{
		gc-req-form-anchor>div
		{
			max-width: var(--smr-width);
		}
	}
}

/* banner rozsirene zaruky */
@media all
{
	section.extg-banner
	{
		padding: 0 0 160rem 0;
		background: #000 url(/web/images/extg-bg.webp?v=3) center bottom no-repeat;
		background-size: 1600rem auto;
		margin-bottom: 80rem;
	}

	@media all and (max-width: 720px)
	{
		section.extg-banner
		{
			background-position: 63% bottom;
			padding-bottom: 80rem;
		}
	}

	section.extg-banner>div>div
	{
		padding-top: 0;
	}

	section.extg-banner a.button
	{
		margin-top: 30rem;
	}

	section.extg-banner div.data
	{
		display: -ms-grid;
		display: grid;
		width: var(--mir-width);
		max-width: 100%;
		grid-template-columns: 96rem 280rem auto;
		grid-template-areas: "img head list";
		grid-gap: 30rem;
		margin: 0 auto;
		padding-top: 0;
	}

	@media all and (max-width: 720px)
	{
		section.extg-banner div.data
		{
			width: var(--smr-width);
			grid-template-columns: 96rem auto;
			grid-template-areas: "img head" "none list";
		}
	}

	section.extg-banner div.data>img
	{
		display: block;
		-webkit-transform: rotate(-22.5deg);
		transform: rotate(-22.5deg);
		width: 96rem;
		height: 96rem;
		position: relative;
		top: 8rem;
		grid-area: img;
	}

	section.extg-banner div.data>div
	{
		grid-area: list;
	}

	section.extg-banner div.data li
	{
		text-shadow: 0 0 3rem #000;
	}

	section.extg-banner div.data li:before
	{
		background: transparent url(/web/images/ok.svg) center center no-repeat;
		background-size: 100% auto;
		width: 13rem;
		height: 10rem;
		top: 7rem;
		left: -20rem;
	}

	section.extg-banner div.data>h2
	{
		font-weight: bold;
		font-size: 24rem;
		text-shadow: 0 0 3rem #000;
		white-space: nowrap;
		grid-area: head;
	}
}
/* contacts + team */
@media all
{
	section.gmap,
	section.gmap>div,
	section.gmap>div>div,
	section.gmap>div>div>iframe
	{
		display: block!important;
		padding: 0!important;
		width: 100%!important;
		height: 750rem!important;
		max-height: calc(100vh - 100rem);
		max-width: 100%!important;
	}

	section.gmap+section
	{
		padding-top: 80rem;
	}

	section.team
	{
		background: url(/web/images/stripe-3.webp) right center no-repeat;
	}

	@media all and (min-width: 721px)
	{
		section.team>h2
		{
			padding-bottom: 30rem;
		}
	}

	section.team>div
	{
		grid-row-gap: 110rem;
	}

	section.team div.description
	{
		padding-top: 0;
		padding-bottom: 40rem;
	}

	section.team div.item
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 200rem auto;
		grid-gap: 50rem;
	}

	@media all and (max-width: 720px)
	{
		section.team div.item
		{
			grid-template-columns: 1fr;
		}
	}

	section.team div.item>img
	{
		display: block;
		width: 200rem;
		border-radius: 100rem;
		margin-top: -30rem
	}

	@media all and (max-width: 720px)
	{
		section.team div.item>img
		{
			margin-top: 0;
		}
	}

	section.team div.item em
	{
		display: block;
		font-style: normal;
		font-weight: 300;
		font-size: 20rem;
		color: var(--red);
	}

	section.team div.item h3
	{
		display: block;
		font-weight: 300;
	}

	section.team div.item div.contacts
	{
		padding: 15rem 0 17rem 0;
		display: -ms-inline-grid;
		display: inline-grid;
		grid-gap: 30rem;
		grid-template-columns: auto auto;
		align-items: center;
	}

	section.team div.item div.contacts>div.txt>div
	{
		display: block;
	}

	section.team div.item div.contacts>div.lnk
	{
		display: flex;
		grid-gap: 10rem;
		position: relative;
	}

	section.team div.item div.contacts>div.lnk a
	{
		font-size: 0!important;
		display: block;
		width: 36rem;
		height: 36rem;
		background: var(--red) center center no-repeat;
		background-size: 100% 100%;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	section.team div.item div.contacts>div.lnk a:hover
	{
		background-color: var(--hover-red);
	}

	section.team div.item div.contacts>div.lnk a.phone
	{
		background-image: url(/web/images/phone-w.svg);
	}

	section.team div.item div.contacts>div.lnk a.email
	{
		background-image: url(/web/images/email-w.svg);
	}

	section.team div.item div.desc>p
	{
		font-size: 12rem;
		font-style: italic;
		color: #ccc;
	}

	section.contact
	{
		background: url(/web/images/stripe-1.webp) left 105% no-repeat;
	}

	section.contact>h3
	{
		width: var(--hir-width);
		max-width: var(--max-width);
		display: block;
		margin: 0 auto;
		font-weight: normal;
		font-size: 64rem;
		line-height: 80rem;
		display: block;
		padding: 20rem 0 40rem 0;
		white-space: nowrap;
		text-align: left;
	}

	@media all and (max-width: 720px)
	{
		section.contact>h3
		{
			font-size: 40rem;
			line-height: 50rem;
		}
	}

	section.contact>div>div.base em
	{
		font-size: 12rem;
	}

	@media all and (min-width: 1201px)
	{
		section.contact>div>div.time
		{
			padding-top: 70rem;
		}
	}

	section.contact>div>div.req-form
	{
		font-size: 0!important;
	}

	@media all and (min-width: 1201px)
	{
		section.contact>div>div.req-form
		{
			margin-top: -170rem;
		}
	}
}

/* service */
@media all
{
	section.car-svc.base>h3
	{
		display: block;
		width: var(--hir-width);
		max-width: var(--max-width);
		margin: 0 auto;
		font-weight: normal;
		font-style: normal;
		font-size: 64rem;
		display: block;
		padding: 20rem 0 40rem 0;
		line-height: 80rem;
	}

	@media all and (max-width: 1200px)
	{
		section.car-svc.base>h3>br
		{
			display: none!important;
		}

		@media all and (max-width: 720px)
		{
			section.car-svc.base>h3
			{
				font-size: 40rem;
				line-height: 50rem;
			}
		}
	}

	section.car-svc img.full
	{
		max-width: 360rem;
	}

	section.car-svc>div>div.req-form
	{
		font-size: 0!important;
	}

	@media all and (min-width: 1201px)
	{
		section.car-svc>div>div.req-form
		{
			margin-top: -270rem;
		}
	}
}

/* request form */
@media all
{
	gc-request
	{
		display: block;
		width: 100%;
		max-width: 100%;
		background: var(--red);
		padding: 25rem 25rem 35rem 25rem;
		position: relative;
		box-sizing: border-box;
		margin-top: 30rem!important;
	}

	gc-request:before
	{
		content: "";
		position: absolute;
		left: 30rem;
		top: -35rem;
		width: 78rem;
		height: 53rem;
		background: #fff;
		clip-path: polygon(39rem 53rem, 78rem 14rem, 64rem 0, 39rem 25rem, 14rem 0, 0 14rem);
	}

	gc-request>strong
	{
		font-size: 18rem;
		display: block;
		padding: 0 5rem 25rem 5rem;
	}

	gc-request div.-sys-ui-ctrl>div>select+strong:after
	{
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon fill='%23999' points='15,14 18,10 21,12 15,20 9,12 12,10 '/%3E%3C/svg%3E%0A")!important;
	}

	gc-request div.-sys-ui-ctrl>div>input,
	gc-request div.-sys-ui-ctrl>div>textarea,
	gc-request div.-sys-ui-ctrl>div>select+strong
	{
		color: #000!important;
		font-size: 12rem!important;
		font-weight: 300!important;
	}

	gc-request>div.send
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 36rem auto 80rem;
		grid-gap: 10rem;
		align-items: center;
		margin: 10rem 5rem 0 5rem;
	}

	gc-request>div.send>div.-sys-ui-ctrl>div
	{
		margin: 0!important;
		padding: 0!important;
	}

	gc-request>div.send>button.button
	{
		padding: 10rem 0!important;
		width: 100%;
	}

	gc-request>div.send>span
	{
		display: inline-block;
		font-size: 9rem!important;
		color: #fff;
		line-height: 13rem!important;
		white-space: nowrap;
		align-content: center;
		font-weight: 300;
		position: relative;
	}

	gc-request>div.send>span>a
	{
		color: #fff;
		display: inline;
		text-decoration: underline!important;
		line-height: 13rem!important;
		font-size: 9rem!important;
		font-weight: 300;
	}

	gc-request>div.send>span br
	{
		display: block;
	}

	gc-request>div.cp
	{
		display: block;
		background: #222;
		padding: 0 30rem 30rem 30rem;
		margin: 65rem -25rem -35rem -25rem;
		text-align: center;
	}

	gc-request>div.cp>img
	{
		display: block;
		width: 100rem;
		height: 100rem;
		border-radius: 50rem;
		margin: 0 auto -35rem auto;
		position: relative;
		top: -50rem;
	}

	gc-request>div.cp>p
	{
		display: block;
		font-size: 12rem;
	}

	gc-request>div.cp>p>br
	{
		display: block;
	}

	gc-request>div.cp>a
	{
		display: block;
		width: min-content;
		margin: 15rem auto 0 calc(50% - 83rem);
		font-weight: 300;
		font-size: 14rem;
		position: relative;
		white-space: nowrap;
	}

	gc-request>div.cp>a+a
	{
		margin-top: 12rem;
	}

	gc-request>div.cp>a.phone:before
	{
		display: block;
		position: absolute;
		left: -32rem;
		top: -1rem;
		width: 24rem;
		height: 24rem;
		background: url(/web/images/qc-phone-rw.svg) center center no-repeat;
		background-size: cover;
		content: "";
	}

	gc-request>div.cp>a.whatsapp:before
	{
		display: block;
		position: absolute;
		left: -32rem;
		top: -1rem;
		width: 24rem;
		height: 24rem;
		background: url(/web/images/qc-whatsapp-gw.svg) center center no-repeat;
		background-size: cover;
		content: "";
	}
}

/* footer */
@media all
{
	page-content>page-footer>footer
	{
		display: block;
		position: relative;
		padding-top: 80rem;
	}

	page-content>page-footer>footer *
	{
		color: #fff;
		font-size: 14rem;
	}

	page-content>page-footer>footer gc-reviews
	{
		font-size: 11rem;
	}

	page-content>page-footer>footer>footer-info
	{
		display: block;
		margin: 0 auto;
		width: var(--hir-width);
		max-width: var(--max-width);
		padding: 40rem 0;
		border-top: 1rem solid #111;
	}

	page-content>page-footer>footer>footer-info *
	{
		color: #999!important;
	}

	page-content>page-footer>footer>footer-info div
	{
		line-height: 28rem!important;
	}

	page-content>page-footer>footer>footer-info a
	{
		display: inline-block;
		vertical-align: middle;
	}

	page-content>page-footer>footer>footer-info a.dg
	{
		font-weight: 600;
		top: -2rem;
	}

	page-content>page-footer>footer>footer-info a.dg:after
	{
		background: #999!important;
	}

	page-content>page-footer>footer>footer-info a.tn
	{
		font-size: 0!important;
		opacity: .66;
		-webkit-transition: all .5s;
		transition: all .5s;
		position: relative;
		top: 5rem;
	}

	page-content>page-footer>footer>footer-info a.tn:hover
	{
		opacity: 1;
	}

	page-content>page-footer>footer>footer-info a.tn>img
	{
		display: block;
		width: 60rem;
		height: auto;
	}

	page-content>page-footer>footer>footer-data
	{
		display: block;
		position: relative;
		width: var(--hir-width);
		max-width: var(--max-width);
		margin: 0 auto;
		padding-bottom: 80rem;
	}

	page-content>page-footer>footer>footer-data>div.news
	{
		display: -ms-grid;
		display: grid;
		grid-gap: 40rem;
		grid-template-columns: 320rem auto;
		padding-bottom: 130rem;
		max-width: 100%;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.news
		{
			width: var(--hir-width);
			grid-template-columns: 1fr;
			margin: 0 auto;
		}
	}

	page-content>page-footer>footer>footer-data>div.news>div.title
	{
		display: block;
		width: 320rem;
		max-width: 100%;
		color: #fff;
		font-weight: 300;
		font-size: 32rem;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.news>div.title
		{
			margin: 0 auto 0 0;
			font-size: 24rem;
		}
	}

	@media all and (max-width: 720px)
	{
		page-content>page-footer>footer>footer-data>div.news>div.title
		{
			margin: 0 auto;
		}
	}

	page-content>page-footer>footer>footer-data>div.news>div.newsreg
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: auto 220rem;
		grid-template-areas: "input button" "text text";
		grid-gap: 15rem;
		max-width: 100%;
		position: relative;
		top: 9rem;
		align-self: end;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.news>div.newsreg
		{
			top: 0;
		}
	}

	@media all and (max-width: 720px)
	{
		page-content>page-footer>footer>footer-data>div.news>div.newsreg
		{
			grid-template-columns: 1fr;
			grid-template-areas: "input" "button" "text";
			text-align: center;
		}
	}

	page-content>page-footer>footer>footer-data>div.news>div.newsreg>div
	{
		opacity: 0.5;
		font-size: 14rem;
		line-height: 18rem!important;
		color: #fff;
		display: block;
		width: 100%;
		text-align: right;
		white-space: nowrap;
		position: relative;
		top: -2rem;
		grid-area: text;
	}

	@media all and (max-width: 720px)
	{
		page-content>page-footer>footer>footer-data>div.news>div.newsreg>div
		{
			text-align: left;
		}
	}

	page-content>page-footer>footer>footer-data>div.news>div.newsreg>div a
	{
		font-size: 14rem;
		line-height: 18rem!important;
		text-decoration: underline!important;
		color: #fff;
	}

	page-content>page-footer>footer>footer-data>div.news>div.newsreg>button
	{
		background: var(--red);
		color: #fff;
		font-size: 14rem;
		height: 39rem;
		line-height: 39rem!important;
		font-weight: 600;
		padding: 0 30rem;
		display: inline-block;
		vertical-align: top;
		border: none!important;
		white-space: nowrap;
		grid-area: button;
		width: 220rem;
	}

	@media all and (max-width: 720px)
	{
		page-content>page-footer>footer>footer-data>div.news>div.newsreg>button
		{
			margin-right: 0;
			width: 100%;
		}
	}

	page-content>page-footer>footer>footer-data>div.news>div.newsreg>input
	{
		background: rgba(255,255,255,0.15);
		color: #fff;
		height: 40rem;
		line-height: 40rem;
		border: none!important;
		padding: 0 30rem;
		font-size: 14rem;
		display: block;
		vertical-align: top;
		cursor: text;
		width: 100%;
		max-width: 340rem;
		margin-left: auto;
		grid-area: input;
		box-sizing: border-box;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.news>div.newsreg>input
		{
			max-width: 405rem;
		}
	}

	page-content>page-footer>footer>footer-data>div.imp
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: auto 250rem;
		grid-gap: calc(50% - 375rem);
		max-width: 100%;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.imp
		{
			grid-template-columns: 100%;
			grid-gap: 80rem;
		}
	}

	page-content>page-footer>footer>footer-data>div.imp .button
	{
		padding: 0 20rem;
		height: 32rem!important;
		line-height: 32rem!important;
		margin-top: 24rem;
	}

	page-content>page-footer>footer>footer-data>div.imp strong
	{
		display: block;
		font-weight: 600;
		padding-bottom: 30rem;
		font-size: 16rem;
		padding-bottom: 16rem;
	}

	page-content>page-footer>footer>footer-data>div.imp div.title
	{
		display: block;
		color: #fff;
		font-weight: 300;
		font-size: 32rem;
		white-space: nowrap;
		padding-bottom: 0!important;
		height: 176rem;
	}

	page-content>page-footer>footer>footer-data>div.imp *+strong.subt,
	page-content>page-footer>footer>footer-data>div.imp div.links>strong.subt,
	page-content>page-footer>footer>footer-data>div.imp div.cloud>strong.subt
	{
		padding-top: 80rem;
	}

	page-content>page-footer>footer>footer-data>div.imp div.logo+strong.subt,
	page-content>page-footer>footer>footer-data>div.imp div.title+strong.subt
	{
		padding-top: 0;
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data
	{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 250rem 250rem;
		grid-gap: calc(100% - 500rem);
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i1
		{
			max-width: 100%;
		}

		page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data
		{
			width: var(--hir-width);
			margin: 0 auto;
		}
	}

	@media all and (max-width: 720px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data
		{
			grid-template-columns: 100%;
			grid-row-gap: 80rem;
		}
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data>div.comp>div.logo
	{
		display: block;
		height: 176rem;
		box-sizing: border-box;
		padding-top: 30rem;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data>div.comp>div.logo
		{
			display: none;
		}

	}

	page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data>div.comp>div.logo>img
	{
		display: block;
		width: 192rem;
		height: auto!important;
	}

	@media all and (min-width: 1201px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data>div.about
		{
			padding-top: 176rem;
		}
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i1>div.data>div.about em
	{
		font-size: 11rem;
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i1>div.rev
	{
		padding-top: 80rem;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i1>div.rev
		{
			width: var(--hir-width);
			margin: 0 auto;
		}

		page-content>page-footer>footer>footer-data>div.imp>div.i2
		{
			max-width: 100%;
			display: -ms-grid;
			display: grid;
			grid-template-columns: 250rem 250rem;
			grid-gap: calc(100% - 500rem);
			grid-row-gap: 0;
			grid-template-areas: "title title" "snet snet" "links cloud";
		}

		page-content>page-footer>footer>footer-data>div.imp>div.i2>div.title
		{
			text-align: center;
			grid-area: title;
		}
	}

	@media all and (max-width: 720px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i2
		{
			grid-template-columns: 100%;
			grid-template-areas: "title" "snet" "links" "cloud";
		}

		page-content>page-footer>footer>footer-data>div.imp>div.i2>div.title
		{
			text-align: left;
		}
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i2>div.snet
	{
		grid-area: snet;
	}

	@media all and (max-width: 1200px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i2>div.snet>gc-nets
		{
			margin: 0 auto;
		}

		page-content>page-footer>footer>footer-data>div.imp>div.i2>div.snet>strong.subt
		{
			text-align: center;
		}
	}

	@media all and (max-width: 720px)
	{
		page-content>page-footer>footer>footer-data>div.imp>div.i2>div.snet>gc-nets
		{
			margin: 0 auto 0 0;
		}

		page-content>page-footer>footer>footer-data>div.imp>div.i2>div.snet>strong.subt
		{
			text-align: left;
		}
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i2>div.snet>div>a
	{
		display: block;
		width: 40rem;
		height: 40rem;
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i2>div.snet>div>a>img
	{
		display: block;
		width: 100%;
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i2>div.links
	{
		grid-area: links;
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i2>div.links *+a.link
	{
		margin-top: 5rem;
	}

	page-content>page-footer>footer>footer-data>div.imp>div.i2>div.cloud
	{
		grid-area: cloud;
	}
}


/* cover */
@media all
{
	gc-cover
	{
		display: none;
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0,0,0,.95);
		grid-template-columns: 1fr;
		z-index: 999;
		text-align: center;
	}

	gc-cover[shl]
	{
		display: -ms-grid;
		display: grid;
	}

	gc-cover>gc-shell
	{
		align-self: center;
		display: block;
		margin: 0 auto;
		text-align: center;
		position: relative;
		-webkit-transition: all .5s;
		transition: all .5s;
		opacity: 0;
	}

	gc-cover[cnt]>gc-shell
	{
		opacity: 1;
	}

	gc-cover>gc-shell>gc-hide
	{
		display: block;
		position: absolute;
		right: 5rem;
		top: 5rem;
		z-index: 1;
		cursor: pointer;
	}

	gc-cover>gc-shell>gc-hide:after
	{
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon fill='%23fff' points='12.24,8 19.99,15.76 27.75,8 32,12.24 24.23,20 32,27.76 27.76,32 19.99,24.24 12.23,32 7.99,27.76 15.75,20 7.99,12.24'/%3E%3C/svg%3E%0A");
		cursor: pointer;
		height: 32rem;
		width: 32rem;
		display: block;
		-webkit-filter: drop-shadow(0 0 5rem rgba(0,0,0,0.5));
		filter: drop-shadow(0 0 5rem rgba(0,0,0,0.5));
	}

	gc-cover>gc-shell>gc-hide:hover:after
	{
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon fill='%23dc0821' points='12.24,8 19.99,15.76 27.75,8 32,12.24 24.23,20 32,27.76 27.76,32 19.99,24.24 12.23,32 7.99,27.76 15.75,20 7.99,12.24'/%3E%3C/svg%3E%0A");
	}

	gc-cover>gc-shell>gc-content
	{
		outline: 1rem solid #222;
		background: #222;
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		min-width: 160rem;
		min-height: 120rem;
		position: relative;
		z-index: 0;
		-webkit-transition: all .5s;
		transition: all .5s;
		top: 2rem;
	}

	gc-cover>gc-shell>gc-content>*
	{
		border: none;
		display: block;
		aspect-ratio: 16/9;
		width: 100%;
		height: 100%;
	}
}

html>body>div#-sys-ui-help
{
	background: #333 url(/web/images/i.svg?v=2) 8rem 6rem no-repeat!important;
	background-size: 16rem 16rem!important;
	color: #fff!important;
	border-color: transparent!important;
	padding-left: 32rem!important;
	font-size: 10rem!important;
}

html>body[data-smooth='y']>div#-sys-ui-help
{
	border-radius: var(--border-radius)!important;
}

html>body[data-smooth='y']>div#-sys-ui-help strong
{
	font-size: 10rem!important;
}



/* odpad */
@media
{
	section.smart-tmp.s1>h2
	{
		width: 600rem;
		margin: 0 auto;
		font-size: 16rem;
		margin-bottom: -10rem;
	}

	@media all and (max-width: 1200px)
	{
		section.smart-tmp.s1>h2
		{
			width: var(--mir-width);
		}

		@media all and (max-width: 720px)
		{
			section.smart-tmp.s1>h2
			{
				width: var(--smr-width);
			}
		}
	}

	section.smart-tmp.s1>div
	{
		width: 600rem;
		margin: 0 auto;
	}

	@media all and (max-width: 1200px)
	{
		section.smart-tmp.s1>div
		{
			width: var(--mir-width);
		}

		@media all and (max-width: 720px)
		{
			section.smart-tmp.s1>div
			{
				width: var(--smr-width);
			}
		}
	}

	section.smart-tmp.s1>div>div>strong
	{
		font-size: 46rem;
		line-height: 133%;
		font-weight: 300;
		display: block;
	}

	@media all and (max-width: 720px)
	{
		section.smart-tmp.s1>div>div>strong
		{
			font-size: 24rem;
		}
	}

	section.smart-tmp.s1>div>div>strong>span
	{
		color: var(--red);
		font-size: 136%;
		line-height: inherit;
		font-weight: inherit;
	}

	section.smart-tmp.s1 div.vid
	{
		position: relative;
		margin-top: 40rem;
		cursor: pointer;
	}

	section.smart-tmp.s1 div.vid>span
	{
		display: block;
		position: absolute;
		right: -10%;
		bottom: -10%;
		width: 30%;
		height: auto;
		aspect-ratio: 1/1;
		cursor: inherit;
		border-radius: 50%;
		background: url(/web/images/flag-24m-w.svg) center center no-repeat;
		background-size: cover;
		-webkit-transform: rotate(21deg);
		transform: rotate(21deg);
	}

	section.smart-tmp.s1 div.vid:before
	{
		position: absolute;
		width: 40rem;
		height: 40rem;
		left: calc(50% - 20rem);
		top: calc(50% - 20rem);
		display: block;
		content: "";
		background: url(/web/images/play-r.svg) center center no-repeat;
		background-size: 100% 100%;
		cursor: inherit;
		z-index: 2;
		border-radius: 20rem;
	}

	section.smart-tmp.s1 div.vid:after
	{
		content: "";
		position: absolute;
		z-index: 1;
		left: calc(50% - 10rem);
		top: calc(50% - 10rem);
		width: 20rem;
		height: 20rem;
		background: #fff;
		display: block;
		cursor: inherit;
	}

	section.smart-tmp.s1 div.vid>img
	{
		display: block;
		width: 100%;
		height: auto!important;
		aspect-ratio: 4/2.25;
		position: relative;
		z-index: 0;
		cursor: inherit;
	}

	section.smart-tmp.s1 div.buttons
	{
		text-align: center;
		padding-top: 40rem;
	}

	section.smart-tmp.s2>h2
	{
		text-align: center;
	}

	section.smart-tmp.s2>h2,
	section.smart-tmp.s2 p
	{
		width: 600rem;
		margin: 0 auto;
	}

	section.smart-tmp.s3>h2,
	section.smart-tmp.s3 p
	{
		width: 890rem;
		margin: 0 auto;
	}

	section.smart-tmp.s4>h2
	{
		width: 510rem;
		margin: 0 auto;
		white-space: nowrap;
	}

	@media all and (max-width: 1200px)
	{
		section.smart-tmp.s2>h2,
		section.smart-tmp.s2 p,
		section.smart-tmp.s3>h2,
		section.smart-tmp.s3 p,
		section.smart-tmp.s4>h2
		{
			width: var(--mir-width);
		}

		@media all and (max-width: 720px)
		{
			section.smart-tmp.s2>h2,
			section.smart-tmp.s2 p,
			section.smart-tmp.s3>h2,
			section.smart-tmp.s3 p,
			section.smart-tmp.s4>h2
			{
				width: var(--smr-width);
			}
		}
	}

	section.smart-tmp.s2>h2>span,
	section.smart-tmp.s3>h2>span,
	section.smart-tmp.s4>h2>span
	{
		font-size: inherit;
		font-weight: inherit;
		color: var(--red);
	}

	section.smart-tmp div.checks
	{
		text-align: center;
	}

	section.smart-tmp div.checks>div
	{
		display: -webkit-inline-flex;
		display: inline-flex;
		justify-content: center;
		grid-gap: 60rem;
		grid-row-gap: 40rem!important;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	@media all and (max-width: 720px)
	{
		section.smart-tmp div.checks>div
		{
			grid-gap: 120rem;
		}
	}

	section.smart-tmp div.checks>div>strong
	{
		display: block;
		white-space: nowrap;
		padding-top: 35rem;
		background: url(/web/images/ok.svg) center top no-repeat;
		background-size: 32rem auto;
		text-align: center;
	}

	@media all and (max-width: 720px)
	{
		section.smart-tmp div.table:after
		{
			content: "";
			background: #fff;
			width: 200rem;
			height: 9rem;
			display: block;
			margin: 10rem auto 0 auto;
			clip-path: polygon(10rem 0, 10rem 4rem, 190rem 4rem, 190rem 0, 200rem 5rem, 190rem 9rem, 190rem 5rem, 10rem 5rem, 10rem 9rem, 0 5rem);
		}
	}

	section.smart-tmp div.table>div
	{
		display: block;
		overflow: hidden;
		overflow-x: auto;
		padding-bottom: 20rem;
		margin: 0 auto;
	}

	@media all and (max-width: 1200px)
	{
		section.smart-tmp div.table>div
		{
			max-width: var(--mir-width);
		}

		@media all and (max-width: 720px)
		{
			section.smart-tmp div.table>div
			{
				max-width: var(--smr-width);
			}
		}
	}

	section.smart-tmp table
	{
		empty-cells: show;
		table-layout: fixed;
		border-spacing: 0;
		display: table;
		margin: 0 auto;
		white-space: nowrap;
	}

	section.smart-tmp table thead td>div
	{
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
		padding: 0 20rem;
		position: relative;
		font-size: 12rem;
	}

	section.smart-tmp table thead td>div>span
	{
		display: inline-block;
		font-weight: 600;
		padding: 0 10rem;
		background: var(--red);
		margin: 0 3rem;
		vertical-align: bottom;
		font-size: 12rem;
		clip-path: polygon(4rem 0, 100% 0, 60rem 100%, 0 100%);
	}

	section.smart-tmp table thead td>div>span.act
	{
		background: var(--blue);
	}

	section.smart-tmp table thead td:not(:last-child)>div:after
	{
		content: "";
		position: absolute;
		right: -2rem;
		top: 0;
		width: 2rem;
		height: 334rem;
		background: -webkit-linear-gradient(0deg, transparent, var(--red) 60rem, var(--red));
		background: linear-gradient(0deg, transparent 0%, var(--red) 60rem, var(--red) 100%);
	}

	@media all and (max-width: 1200px)
	{
		section.smart-tmp table thead td:not(:last-child)>div:after
		{
			height: 416rem;
		}
	}

	section.smart-tmp table tbody td
	{
		padding: 20rem 10rem 0 10rem;
	}

	section.smart-tmp table br
	{
		display: none;
	}

	@media all and (max-width: 1200px)
	{
		section.smart-tmp table br
		{
			display: block;
		}
	}

	section.smart-tmp table tr>td:first-of-type
	{
		position: sticky!important;
		left: 0;
		z-index: 1;
		background: #000;
		padding-left: 0!important;
	}

	section.smart-tmp table tr.pay td
	{
		font-weight: 600;
		text-align: center;
	}

	section.smart-tmp table tr>td:first-child
	{
		font-size: 12rem;
	}

	section.smart-tmp table tr.pay td:first-child
	{
		text-align: left;
	}

	section.smart-tmp table img
	{
		width: 24rem;
		height: 24rem;
		display: block;
		margin: 0 auto;
	}

	section.smart-tmp.choice
	{
		background: url(/web/images/car.webp) center top no-repeat;
		background-size: cover;
		padding-bottom: 0;
	}

	section.smart-tmp.choice:after
	{
		background: -webkit-linear-gradient(0deg, #000, rgba(0,0,0,0.33));
		background: linear-gradient(0deg, #000 0, rgba(0,0,0,0.33) 100%);
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
	}

	section.smart-tmp.choice>div>div
	{
		padding-top: 10rem;
	}

	section.smart-tmp+section.extg-banner
	{
		margin-top: 40rem;
	}

	section.smart-tmp.team>h2
	{
		width: var(--mir-width);
	}

	section.smart-tmp.team>div
	{
		width: var(--mir-width);
		grid-template-columns: 1fr!important;
	}

	@media all and (max-width: 720px)
	{
		section.smart-tmp.team>h2,
		section.smart-tmp.team>div
		{
			width: var(--smr-width);
		}
	}

	section.smart-tmp+section.cars-list
	{
		margin-top: 10rem;
	}

	section.smart-tmp+section.cars-list>h2
	{
		display: none!important;
	}

	section.smart-tmp+section.cars-list>div.list>div.item
	{
		display: none!important;
	}

	section.smart-tmp+section.cars-list>div.list[sm='nol']>div.item,
	section.smart-tmp+section.cars-list>div.list[sm='eco']>div.item[sm='eco'],
	section.smart-tmp+section.cars-list>div.list[sm='std']>div.item[sm='std'],
	section.smart-tmp+section.cars-list>div.list[sm='com']>div.item[sm='com'],
	section.smart-tmp+section.cars-list>div.list[sm='bus']>div.item[sm='bus'],
	section.smart-tmp+section.cars-list>div.list[sm='del']>div.item[sm='del']
	{
		display: block!important;
	}

}

/* vysehrad */
@media all
{
	section.vys2-banner
	{
		box-shadow: 0 0 300rem rgba(255,255,255,.1);
		-webkit-transition: all .5s;
		transition: all .5s;
		margin-bottom: -40rem;
	}

	page-content.home section.vys2-banner
	{
		margin-bottom: 20rem;
	}

	section.vys2-banner:hover
	{
		box-shadow: 0 0 300rem #BECDEA;
	}

	section.vys2-banner,
	section.vys2-banner>div,
	section.vys2-banner>div>div
	{
		padding: 0!important;
		background: #000;
		width: 100%;
		max-width: 100%;
		position: relative;
	}

	section.vys2-banner>div>div>a
	{
		text-decoration: none!important;
		background: #fae013!important;
		color: #000!important;
		font-weight: bold!important;
		text-transform: uppercase;
		width: 220rem!important;
		text-align: center;
		display: block;
		font-size: 14rem!important;
		line-height: 40rem!important;
		height: 40rem!important;
		border: none!important;
		position: relative;
		z-index: 2;
		-webkit-transition: all .5s;
		transition: all .5s;
		top: -30rem;
		margin: 0 auto;
	}

	section.vys2-banner>div>div>a:hover
	{
		box-shadow: 0 0 40rem #BECDEA;
	}

	@media all and (max-width: 1200px)
	{
		section.vys2-banner>div>div>a
		{
		}
	}

	section.vys2-banner>div>div>div
	{
		position: relative;
		padding: 0!important;
		width: 900rem;
		max-width: 95vw;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20rem;
		grid-row-gap: 0;
		align-items: center;
		overflow: hidden;
		margin: 0 auto -40rem auto;
		box-sizing: border-box;
	}

	@media all and (max-width: 1200px)
	{
		section.vys2-banner>div>div>div
		{
			grid-template-columns: 1fr;
			width: 100%;
			max-width: 100%;
			padding: 0 2.5vw;
		}

		section.vys2-banner>div>div>div:after
		{
			display: block;
			content: "";
			height: 100rem;
		}

	}


	section.vys2-banner>div>div>div>img
	{
		display: block;
		margin: 0 auto;
		max-width: 100%;
		width: 280rem;
		position: relative;
		z-index: 2;
	}

	section.vys2-banner>div>div>div>img.g
	{
		top: -5%;
	}

	@media all and (max-width: 1200px)
	{
		section.vys2-banner>div>div>div>img.g
		{
			top: 25%;
		}
	}

	section.vys2-banner>div>div>div>img.l
	{
		-webkit-transition: all .5s;
		transition: all .5s;
		top: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		z-index: 1;
	}

	section.vys2-banner:hover>div>div>div>img.l
	{
		top: 10%;
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	section.vys2 div h2
	{
		display: block;
		position: relative;
		max-width: 480rem;
		width: 100%;
		font-size: 32rem;
		padding-bottom: 24rem;
		font-weight: 300;
		line-height: 125%;
	}

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

	section.vys2 img.logo
	{
		display: block;
		width: 80%;
		margin: -50% auto 0 auto;
	}
}

@media
{
	page-content.warriors>page-body,
	page-content.warriors>page-body>article
	{
		height: auto;
		min-height: 100vh;
		overflow: hidden;
	}

	page-content.warriors wa-content
	{
		--bronze1: #8a6724;
		--bronze2: #ba8931;
		--bronze3: #e1b54f;
		--bronze4: #f4d76d;

		height: auto;
		min-height: 100vh;
		margin: 0 auto;
		width: 1280rem;
		max-width: 90vw;
		display: grid;
		grid-template-rows: min-content auto;
		grid-gap: 150rem;
	}

	page-content.warriors wa-content *
	{
		color: #fff;
		font-size: 18rem;
	}

	page-content.warriors wa-header.subp
	{
		transform: scale(.33);
		margin: -100rem auto -300rem auto;
	}

	page-content.warriors img.wa-logo
	{
		display: block;
		margin: 150rem auto 0 auto;
		width: 640rem;
		height: auto!important;
		max-width: 100%;
	}

	page-content.warriors wa-header.subp img.wa-logo
	{
		margin-top: 0;
		cursor: pointer;
	}

	page-content.warriors h1
	{
		display: block;
		text-align: center !important;
		font-size: 24rem;
		line-height: 110% !important;
		font-weight: 300;
		transform: scale(2, 1);
	}

	@media (max-width: 711px)
	{
		page-content.warriors h1
		{
			font-size: 3.36vw;
		}
	}

	page-content.warriors h1>span
	{
		display: none;
	}

	page-content.warriors h1>strong
	{
		font-weight: bold;
		font-size: 290%;
		display: block;
		margin: 0 auto;
		color: var(--bronze2);
		letter-spacing: 2rem;
	}

	page-content.warriors h2
	{
		display: block;
		font-size: 30rem;
		font-weight: bold;
		transform: scale(2, 1);
		transform-origin: left top;
		text-transform: uppercase;
		color: var(--bronze2);
		padding-bottom: 25rem;
	}

	page-content.warriors h2>strong
	{
		font-size: inherit !important;
	}

	@media (max-width: 711px)
	{
		page-content.warriors h2
		{
			font-size: 4vw;
		}
	}

	page-content.warriors h3
	{
		display: block;
		font-size: 20rem;
		font-weight: bold;
		transform: scale(2, 1);
		transform-origin: left top;
		text-transform: uppercase;
		color: #fff;
	}

	@media (max-width: 711px)
	{
		page-content.warriors h3
		{
			font-size: 2.66vw;
		}
	}

	page-content.warriors wa-section
	{
		display: block;
		padding: 100rem 0;
		position: relative;
	}

	page-content.warriors wa-section>*
	{
		position: relative;
		z-index: 2;
	}

	page-content.warriors wa-section img
	{
		display: block;
		width: 100%;
		height: auto !important;
	}

	/* about */
	page-content.warriors wa-section.about:before
	{
		position: absolute;
		left: calc(50% - 50vw);
		top: 0;
		width: 100vw;
		height: 100%;
		display: block;
		content: "";
		background: #111;
		z-index: 0;
	}

	page-content.warriors wa-section.about>div
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 50rem;
		grid-row-gap: 25rem;
	}

	@media (max-width: 1024px)
	{
		page-content.warriors wa-section.about>div
		{
			grid-template-columns: 1fr;
		}
	}

	/* merch */
	page-content.warriors wa-section.merch:before
	{
		position: absolute;
		left: calc(50% - 50vw);
		top: 0;
		width: 100vw;
		height: 100%;
		display: block;
		content: "";
		z-index: 0;
		background: url(/web/images/wa/bg-merch.webp) right 120rem no-repeat;
		background-size: 45vw auto;
	}

	page-content.warriors wa-section.merch>div
	{
		display: block;
	}

	page-content.warriors wa-section.merch>div img
	{
		width: auto;
		margin: 50rem auto 0 0;
		max-width: 50%;
	}

	page-content.warriors wa-section.merch>div img+img
	{
		max-width: 25%;
		margin: -15% auto 0 auto;
	}

	@media (max-width: 1024px)
	{
		page-content.warriors wa-section.merch:before
		{
			display: none !important;
		}

		page-content.warriors wa-section.merch>div img
		{
			max-width: 100%;
		}

		page-content.warriors wa-section.merch>div img+img
		{
			max-width: 50%;
			margin: 50rem auto 0 auto;
		}
	}

	/* events */
	page-content.warriors wa-section.events>div
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 50rem;
	}

	@media (max-width: 1024px)
	{
		page-content.warriors wa-section.events>div
		{
			grid-template-columns: 1fr 1fr;
		}
	}

	@media (max-width: 640px)
	{
		page-content.warriors wa-section.events>div
		{
			grid-template-columns: 1fr;

			page-content.warriors wa-section.events>div>div.empty
			{
				display: none !important;
			}
		}
	}

	page-content.warriors wa-section.events h3
	{
		display: none !important;
	}

	page-content.warriors wa-section.events>div>div
	{
		text-align: center;
	}

	page-content.warriors wa-section.events>div>div.empty
	{
		background: #111;
	}

	page-content.warriors wa-section.events>div>div>a
	{
		color: #fff;
		background: var(--red);
		padding: 10rem 20rem;
		font-weight: bold;
		display: block;
		width: min-content;
		white-space: nowrap;
		margin: 20rem auto 0 auto;
		text-transform: uppercase;
		text-decoration: none !important;
	}

	/* sponsors */
	page-content.warriors wa-section.sponsors
	{
		min-height: 50vw;
		padding-left: 50%;
	}

	page-content.warriors wa-section.sponsors:before
	{
		position: absolute;
		left: calc(50% - 50vw);
		top: 0;
		width: 100vw;
		height: 100%;
		display: block;
		content: "";
		z-index: 0;
		background: url(/web/images/wa/bg-sponsors.webp) left top no-repeat;
		background-size: cover;
	}

	page-content.warriors wa-section.sponsors:after
	{
		position: absolute;
		left: calc(50% - 50vw);
		top: 0;
		width: 100vw;
		height: 100%;
		display: block;
		content: "";
		z-index: 1;
		background: linear-gradient(90deg, transparent 15%, rgba(0,0,0,.9)  100%);
	}

	@media (max-width: 1280px)
	{
		page-content.warriors wa-section.sponsors:before
		{
			background-position: 20% top;
		}
	}

	@media (max-width: 1024px)
	{
		page-content.warriors wa-section.sponsors:before
		{
			background-position: 30% top;
		}
	}

	page-content.warriors wa-section.sponsors h2
	{
		color: #fff;
		width: 50% !important;
	}

	page-content.warriors wa-section.sponsors>div
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 40rem;
		align-items: center;
		padding-top: 40rem;
	}

	@media (max-width: 1024px)
	{
		page-content.warriors wa-section.sponsors>div
		{
			grid-template-columns: 1fr;
		}
	}

	page-content.warriors wa-section.sponsors img
	{
		display: block;
		width: 200rem;
		max-width: 100%;
		filter: drop-shadow(0 0 20rem rgba(0,0,0,.75));
	}

	/* contacts */
	page-content.warriors wa-section.contacts
	{
		padding-bottom: 36vw;
		background: #111;
		text-align: center;
	}

	page-content.warriors wa-section.contacts>h2
	{
		width: 50%;
	}

	page-content.warriors wa-section.contacts:before
	{
		position: absolute;
		left: calc(50% - 50vw);
		top: 0;
		width: 100vw;
		height: 100%;
		display: block;
		content: "";
		background: #111;
		z-index: 0;
	}

	page-content.warriors wa-section.contacts>div
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 50rem;
		padding-bottom: 50rem;
	}

	page-content.warriors wa-section.contacts h3
	{
		width: 50%;
		padding-bottom: 10rem;
	}

	page-content.warriors wa-section.contacts>img
	{
		position: absolute;
		width: 100vw;
		left: calc(50% - 50vw);
		bottom: 0;
	}

	page-content.warriors wa-section.contacts wa-snets
	{
		display: inline-grid;
		gap: 20rem;
		width: min-content;
		margin: 0 auto;
	}

	page-content.warriors wa-section.contacts wa-snets>a
	{
		font-size: 0 !important;
		width: 32rem;
		height: 32rem;
	}

	page-content.warriors wa-section.contacts wa-snets>a>img
	{
		display: block;
		width: 100%;
		height: 100%;
	}

	@media (max-width: 720px)
	{
		page-content.warriors wa-section.contacts
		{
			padding-bottom: 260rem;
		}

		page-content.warriors wa-section.contacts>div
		{
			grid-template-columns: 1fr;
		}

		page-content.warriors wa-section.contacts>img
		{
			left: -5vw;
			width: 720rem;
		}
	}
}