:root {
	--c-black:#040707;
	--c-red:#e41e2b;//#670d14;
	--c-yellow:#8d7338;
	--c-gray:#353635;
	--c-gray-text:#d2d2d2;
	--c-blue:#1dbff1;
	--c-magenta:#ea0f8b;
	--c-orange:#f58220;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

@font-face {
	font-family: 'TruenoSBd';
		src: url('../font/TruenoSBd.eot');
		src: url('../font/TruenoSBd.eot?#iefix') format('embedded-opentype'),
			url('../font/TruenoSBd.woff2') format('woff2'),
			url('../font/TruenoSBd.woff') format('woff'),
			url('../font/TruenoSBd.ttf') format('truetype'),
			url('../font/TruenoSBd.svg#TruenoSBd') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Impacted';
		src: url('../font/Impacted.eot');
		src: url('../font/Impacted.eot?#iefix') format('embedded-opentype'),
			url('../font/Impacted.woff2') format('woff2'),
			url('../font/Impacted.woff') format('woff'),
			url('../font/Impacted.ttf') format('truetype'),
			url('../font/Impacted.svg#Impacted') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Darkline';
		src: url('../font/Darkline.eot');
		src: url('../font/Darkline.eot?#iefix') format('embedded-opentype'),
			url('../font/Darkline.woff2') format('woff2'),
			url('../font/Darkline.woff') format('woff'),
			url('../font/Darkline.ttf') format('truetype'),
			url('../font/Darkline.svg#Darkline') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Asphaltic';
	src: url('../font/TruenoSBd.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Captureit';
    src: url('../font/Captureit.eot');
    src: url('../font/Captureit.eot?#iefix') format('embedded-opentype'),
        url('../font/Captureit.woff2') format('woff2'),
        url('../font/Captureit.woff') format('woff'),
        url('../font/Captureit.ttf') format('truetype'),
        url('../font/Captureit.svg#Captureit') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,
body {
	background:#ffffff;
	margin:0px;
	padding:0px;
}
body {
  background:#ffffff;
  color:#efefef;
  width:100%;
  margin: 0 auto;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, p {
	padding:0px;
	margin:0px;
}

.clearfix:before,
.clearfix:after {
	content:"";
	display: table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}

.wrapper {
	max-width:1920px;
	margin:0px auto;
}

.content {
	max-width:1280px;
	width:94%;
	margin:0px auto;
	position:relative;
}

img {
	display:inline-block;
}

ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.toplink {
	background-color: rgba(29, 191, 241, 0.3);
	border-radius: 5px;
	bottom: -52px;
	color: #fff;
	display: block;
	font-size: 30px;
	height: 50px;
	line-height: 56px;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: background-color 0.3s ease 0s, bottom 0.3s ease 0s;
	width: 50px;
	z-index: 100;
}

.toplink.active {
	bottom: 15px;
}

.toplink.active:hover {
	background-color: var(--c-blue);
	color: #fff;
}

.toplink.active:active {
	color: #fff;
}

.toplink svg {
	width:30px;
}


header {
	position:fixed;
	width:100%;
	line-height:75px;
	z-index:1000;
	background:#ffffff;
}

header,
header ul li {
	transition: line-height 0.3s ease 0s;
}

.mainLogo,
.mainLogo img {
	transition: height 0.3s ease 0s;
}

header.narrow,
header.narrow ul li {
	line-height:50px;
}

header.narrow {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);	
}

header.narrow .mainLogo,
header.narrow .mainLogo img {
	height:40px;
}

.mainLogo {
	display:inline-block;
	vertical-align:middle;
	height:65px;
	width:140px;
	text-align:center;
}

.mainLogo img {
	height:65px;
	vertical-align:top;
}

.hamburger {
	display:none;
	cursor:pointer;
	position:absolute;
	top:18px;
	right:0px;
	transition: top 0.3s ease 0s;
}

.hamburger div {
	width:35px;
	height:5px;
	background-color:#333333;
	margin:6px 0;
	transition:0.4s;
}

.hamburger.opened div:nth-child(1) {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
	transform: rotate(-45deg) translate(-9px, 6px) ;
}

.hamburger.opened div:nth-child(2) {
	opacity: 0;
}

.hamburger.opened div:nth-child(3) {
	-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
	transform: rotate(45deg) translate(-8px, -8px) ;
}


header ul {
	float:right;
}

header ul li {
	display:inline-block;
	line-height:75px;
}

header ul li a {
	display:inline-block;
	padding:0px .9rem;
	color:var(--c-black);
	text-decoration:none;
}

header ul li a:hover {
	background-color:var(--c-yellow);//var(--c-red);
	color:#ffffff;
}

@media (max-width: 660px) {
	.hamburger {
		display:inline-block;
	}
	
	header.narrow .hamburger {
		top:7px;
	}
	
	header ul {
		position:fixed;
		right:-100vw;
		top:75px;
		background:#ffffff;
		transition: right 0.5s ease 0s, top 0.3s ease 0s;
		-webkit-box-shadow: -3px 3px 5px 0px rgba(208,17,16,0.3);
		-moz-box-shadow: -3px 3px 5px 0px rgba(208,17,16,0.3);
		box-shadow: -3px 3px 5px 0px rgba(208,17,16,0.3);
	}
	
	header.narrow ul {
		top:50px;
	}
	
	header ul.opened {
		right:0vw;
	}
	
	header ul li,
	header ul li a {
		display:block;
		line-height:50px;
		min-width:250px;
	}
}


.landing {
	position:relative;
	background-color:#000000;
	height:80vh;
	min-height:500px;
	overflow:hidden;
}

.landing .background {
	width:100%;
	height:100%;
	background-size:cover;
	opacity:0;
	background-position:center;
	filter: blur(1px);
	-webkit-filter: blur(1px);
	position:absolute;
	top:0px;
	left:0px;
	-webkit-transition: opacity 3.5s ease-out 1s;
	transition: opacity 3.5s ease-out 1s;
}

.landing .background.active {
	opacity:0.3;
}

.landingTextHolder {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -60%);
	color:#ffffff;
	text-align:center;
	min-width:60vw;
}

.landingTextHolder h1 {
	text-transform:uppercase;
	font-size:3rem;
	font-family: 'Roboto';
	font-weight:400;
}

@media (max-width: 1024px) {
	.landingTextHolder h1 {
		min-width:85vw;
	}
}

@media (max-width: 896px) {
	.landingTextHolder h1 {
		font-size:2.6rem;
	}
}

@media (max-width: 414px) {
	.landingTextHolder h1 {
		font-size:2rem;
	}
}

@media screen and (aspect-ratio: 768/1024) {
	.landing {
		height:60vh;
	}
}

@media screen and (aspect-ratio: 800/1280) {
	.landing {
		height:50vh;
	}
}


.section-bottom {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:6rem 0;
	transform:translate3d(0, 50%, 0);
	z-index:3;
}

.section-bottom div {
	background:var(--c-gray);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.section-bottom .layer-desc {
	transform: skewY(4.7deg);
}

.section-bottom .layer-asc {
	transform: skewY(-4.7deg);
}



.aboutUs {
	background:var(--c-gray);
	color:var(--c-gray-text);
	padding:30px 0px;
}

.aboutUsContainer {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.aboutImage {
	font-size:0px;
	width:40%;
}

.aboutImage img {
	width:100%;
	min-width:300px;
	
	border:1px solid var(--c-blue);
	
	-webkit-box-shadow: 0px 0px 7px 1px rgba(29,191,241,0.3);
	-moz-box-shadow: 0px 0px 7px 1px rgba(29,191,241,0.3);
	box-shadow: 0px 0px 7px 1px rgba(29,191,241,0.3);
}

.aboutText {
	line-height:1.6em;
	width:50%;
}

.aboutText p {
	font-size:1.5em;
	margin-bottom:30px;
}

@media (max-width: 850px) {
	.aboutUs {
		padding-top:0px;
	}
	
	.aboutUsContainer {
		flex-direction:column;
	}
	
	.aboutImage {
		text-align:center;
		width:75%;
	}
	
	.aboutImage img {
		min-width:250px;
	}
	
	.aboutText {
		padding:0px;
		width:75%;
	}
	
	.aboutText p {
		margin-top:50px;
	}
}

@media (max-width: 550px) {
	.aboutImage {
		width:90%;
	}
	
	.aboutText {
		width:90%;
	}
}


.prices {
	//background:url("/image/hexa_op.png") 0% 50% var(--c-gray);
	background:var(--c-gray);
	padding:30px 0px;
	position:relative;
}

/*.prices::before {
	position:absolute;
	width:100%;
	height:74px;
	left:0;
	top:0;
	content:'';
	background: linear-gradient(to bottom,  rgba(53,54,53,1) 0%,rgba(53,54,53,1) 40%,rgba(53,54,53,0) 100%);
}

.prices::after {
	position:absolute;
	width:100%;
	height:50px;
	left:0;
	bottom:0;
	content:'';
	background: linear-gradient(to top,  rgba(53,54,53,1) 0%,rgba(53,54,53,1) 40%,rgba(53,54,53,0) 100%);
}*/

.prices .content {
	padding:30px 0px;
}

.priceRowGroup {
	border-bottom:1px solid #c6c6c6;
	color:#000000;
}

.priceGroup {
	line-height:31px;
	height:44px;
}

.priceGroup span {
	vertical-align:middle;
}

.priceGroup span:nth-child(2) {
	font-family:"Darkline";
}

.priceRow.onlymobile {
	display:none;
}

.pricePackage {
	font-weight:bold;
	padding:5px 10px;
	line-height:25px;
	height:41px;
}

.priceRowGroup.grand .pricePackage,
.priceRowGroup.grand .priceRow.priceText div {
	color:var(--c-red);
}

.priceRow.priceText div {
  padding-top: 12px;
}

.priceRowGroup .pricePackage {
	font-family:"Asphaltic";
}

.priceRowGroup .pricePackage span {
	line-height:31px;
	vertical-align:middle;
	color:var(--c-red);
}

.priceRowGroup .pricePackage span:nth-child(2) {
	font-family:"Darkline";
	font-size:15px;
}


.priceLeft {
	display:inline-block;
	width:35%;
}

.priceRight {
	display:inline-block;
	width:65%;
	vertical-align:top;
}

.priceRow {
	vertical-align:top;
	font-size:0px;
}

.priceRow.priceType {
	background:var(--c-yellow);//var(--c-red);
	color:#ffffff;
	padding:5px 0px;
	min-height:44px;
}

.priceRow div {
	display:inline-block;
	width:16.66666667%;
	font-size:1rem;
	text-align:center;
}

.priceRowGroup .priceRow.priceType div {
	vertical-align:middle;
	font-size:0.8rem;
}

.priceGroup {
	background:var(--c-yellow);//var(--c-red);
	color:#ffffff;
	font-weight:bold;
	padding:5px 10px;
	font-family:"Impacted";
	text-transform:uppercase;
	font-size:22px;
}

.priceDesc {
	font-size:0.8rem;
	padding:0px 10px 10px 10px;
}

.carDetails {
	font-size:10px;
	padding:10px;
	color:#ffffff;
	width:100%;
	background:var(--c-yellow);//var(--c-red);
}

.carDetails tr td {
	line-height:20px;
}

.carDetails tr td:first-child {
	width:160px;
}

@media (max-width: 700px) {
	.carDetails tr td:first-child {
		vertical-align:top;
	}
}

.brand {
	background:#121212;
}

.brandHolder {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items:center;
	padding-top:30px;
	padding-bottom:30px;
	row-gap:5px;
}

.brandLogo {
	width:20%;
	border: 1px solid var(--c-red);
	font-size: 0px;
}

.brandLogo img {
	width:100%;
}

.services {
	//background:url("/image/hexa_f5.jpg") 0% 50% #ffffff;
	background:#ffffff;
	padding:30px 0px;
}

.serviceHolder {
	display:table;
	width:100%;
}

.serviceRow {
	display:table-row;
}

.serviceRow.serviceHead {
	padding:5px 0px;
}

.serviceRow > div {
	display:table-cell;
	padding:5px 10px;
}

.serviceRow div span {
	display:inline-block;
	//width:70px;
	text-align:right;
	color: var(--c-gray-text);
}

.serviceRow div div {
	white-space:nowrap;
	display:inline-block;
}

.headerEmpty {
	background:var(--c-red);
}

.serviceHeader,
.servicePackage {
	width:50%;
	color:var(--c-blue);
}

.serviceHeader {
	background:var(--c-red);
	color: #ffffff;
	font-weight: bold;
	padding: 5px 10px;
}

.serviceHolder .serviceRow {
	color:#eeeeee;
}

.serviceHolder .serviceRow:nth-child(odd) {
	background-color:rgba(194,195,195,0.05);
}

.serviceHolder .serviceRow.yellow {
	color:var(--c-yellow);
	font-weight:bold;
}

.serviceHolder .serviceRow.red {
	color:var(--c-red);
	font-weight:bold;
}

.highlightedServices {
	/*display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	row-gap:30px;*/
}

.highlightedServices > div {
	margin-bottom:40px;
}

.highlightedBlock {
	width:100%;
	border:1px solid var(--c-blue);
	height:250px;
	
	position:relative;
	
	-webkit-box-shadow: 0px 0px 7px 1px rgba(29,191,241,0.3);
	-moz-box-shadow: 0px 0px 7px 1px rgba(29,191,241,0.3);
	box-shadow: 0px 0px 7px 1px rgba(29,191,241,0.3);
	
	//transition:all 0.3s ease 0s;
	
	display:flex;
	align-items:center;
	
	background: rgba(29,191,241,0.1);
	backdrop-filter: blur(5px);
}

.highlightedImageBlock {
	width:60%;
	display:flex;
}

.highlightedImage,
.highlightedImage33 {
	width:50%;
	height:248px;
	overflow:hidden;
	position:relative;
	border-right:1px solid var(--c-blue);
	
	align-items: center;
	display: flex;
	justify-content: center;
}

.highlightedImage33 {
	width:33.3333333333%;
}

.highlightedImage img {
	object-fit:cover;
	min-width:100%;
	min-height:100%;
}

.highlightedText {
	flex:2;
	padding:15px;
	line-height:1.3em;
}

.highlightedText h2 {
	color:var(--c-magenta);
	margin-bottom:15px;
	font-size:1.4em;
}

.highlightedText p {
	color:var(--c-gray-text);
}

@media (max-width: 900px) {
	.highlightedImageBlock {
		width:100%;
		order:2;
	}
	
	.highlightedImage {
		width:50%;
	}
	
	.highlightedText {
		width:100%;
		order:1;
	}
	
	.highlightedBlock {
		height:auto;
		flex-wrap:wrap;
	}
}

@media (max-width: 448px) {
	.highlightedBlock {
		flex-direction:column;
		height:auto;
	}
	
	.highlightedImage {
		width:100%;
		height:150px;
		border-bottom:1px solid var(--c-yellow);
	}
	
	.highlightedImage img {
		width:100%;
	}
}

.packageHolder .package {
	width:100%;
	border:1px solid var(--c-black);
	color:#151A20;
	padding:30px 30px;
	background:#fafafa;
	text-align:center;
	margin-bottom:10px;
}

.packageHolder .package.restart {
	//background:var(--c-orange);
	font-family: "Impacted";
}

.packageHolder .package .restart {
	display:flex;
	gap:10px;
	justify-content:space-between;
	//align-items:flex-end;
	align-items:center;
}

.packageHolder .package .restart span.grand {
	font-size: 1.8rem;
	text-transform: uppercase;
	color:var(--c-magenta);
}

.packageHolder .package .restart span.restart {
	position: absolute;
	top: 28px;
	left: 0px;
	z-index: 2;
	white-space: nowrap;
	text-transform: uppercase;
}

.packageHolder .package .restart .text {
	flex-grow: 1;
	text-align: left;
	padding-left: 45px
}

@media (max-width: 700px) {
	.packageHolder .package .restart {
		flex-direction:column;
	}
	
	.packageHolder .package .restart .text {
		padding-left:0px;
		padding-top:15px;
		text-align:center;
	}
}

.packageHolder .package .packageTitle {
	font-size:1.8em;
	line-height:25px;
	text-align:center;
	margin-bottom:25px;
}

.packageHolder .package .packageTitle span {
	font-family:"Darkline";
	vertical-align:bottom;
}

.packageHolder .package .packageTitle.highlighted {
	font-family:"Impacted";
}

.package hr {
	width:50%;
	margin-left:25%;
	background-color:var(--c-blue);
	height:5px;
	border:none;
	margin-bottom:25px;
}

.packageContentHolder {
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}

.packageHead {
	color:var(--c-magenta);
	margin-bottom:15px;
}

.packageContent {
	width:45%;
	margin-bottom:20px;
	line-height:1.4em;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
	font-family: "Impacted";
	letter-spacing:1px;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	row-gap:15px;
}

.packagePriceBottom {
	color:var(--c-magenta);
	text-transform:none;
}

.packagePrice {
	color:var(--c-red);
	text-align:center;
}

.packagePriceCombined > div {
	display:inline-block;
	background:var(--c-blue);
	color:#ffffff;
	line-height:1.4em;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
	font-family: "Impacted";
	letter-spacing:1px;
	padding:8px 25px;
}

.packagePriceBottom {
	text-transform:none;
}


@media (max-width: 890px) {
	.packageHolder {
		flex-wrap:wrap;
		row-gap:30px;
	}
	.packageHolder .package {
		width:100%;
	}
	
	.packageContentHolder {
		flex-direction:column;
	}
	
	.packageContent {
		width:100%;
	}
}

@media (max-width: 400px) {
	.packageHolder .package {
		font-size:0.9em;
	}
}

.prices .content.nopad {
	padding:0px 0px 30px 0px;
}

.serviceComment {
	padding-top:30px;
	color:#ffffff;
	text-align:center;
}

.serviceBlock {
	font-family:"Impacted";
	letter-spacing:0.8px;
}
.serviceBlock h2 {
	color:var(--c-magenta);
	text-transform:uppercase;
	
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:3px solid #feffff;
}

@media (max-width: 1024px) {
	.priceBlock,
	.serviceBlock {
		//border:1px solid var(--c-blue);
	}
	
	.priceLeft,
	.priceRight {
		width:100%;
	}
	
	.priceRow.priceText div {
		padding-bottom:15px;
	}
	
	.priceGroup {
		font-size:1.5rem;
	}
	
	.priceRow.onlymobile {
		display:block;
	}
}

@media (max-width: 800px) {
	.priceRowGroup .priceRow.priceType div {
		font-size:0.8rem;
	}
	
	.serviceRow div.headerEmpty {
		background:var(--c-red);
	}
}

@media (max-width: 560px) {
	.priceRowGroup .priceRow.priceType div {
		font-size:0.6rem;
	}
	
	.brandLogo {
    width: 32%;
	}
	
	.serviceHeader,
	.servicePackage {
		width:70%;
	}
	
	.serviceRow div {
		font-size:0.8rem;
	}
}

@media (max-width: 400px) {
	.priceRowGroup .priceRow.priceType div {
		font-size:9px;
	}
	
	.prices .content {
		width:99%;
	}
	
	.serviceBlock h2 {
		padding-left:7px;
	}
}


.gallery {
	background:var(--c-gray);
	font-size:0px;
	padding:10px 0px;
}

.gallery a {
	width:25%;
	float:left;
	padding-top:25%;
	display:inline-block;
	position:relative;
	//border:10px solid #121212;
	border:1px solid var(--c-gray-text);
}

.galItem {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
	background-repeat:none;
	background-size:cover;
}

@media (max-width: 667px) {
	.gallery a {
		width:50%;
		padding-top:50%;
	}
}


.contact {
	background:#ffffff;
	padding:80px 0px;
	color:var(--c-blue);
}

.contactLeft {
	width:33%;
	display:inline-block;
	vertical-align:top;
}

.contactRight {
	width:65%;
	float:right;
	height:250px;
	background:#fefefe;
}

.contactLeft p {
	font-size:1.4rem;
	padding-bottom:20px;
	padding-top:10px;
}

.contactLeft div {
	padding:3px 0px;
	line-height:25px;
}

.contactLeft div i {
	width:30px;
	text-align:center;
	font-size:25px;
}

.contactLeft div a, 
.contactLeft div span {
	padding-left:5px;
	//color:#ffffff;
	color:var(--c-blue);
	vertical-align:top;
}

@media (max-width: 1024px) {
	.contactLeft,
	.contactRight {
		width:100%;
		padding-bottom:15px;
	}
}



.footer {
	padding:100px 0px 40px 0px;
	background:#000000;
	color:#fff;
}


.popupLayer {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
	background-color: rgba(105, 105, 105, 0.7);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.popupWindow {
	display:inline-block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	max-width:95%;
	max-height:95%;
	min-width:300px;
	padding:0px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px;
	background:#05060a;
	color:#c8c8c8;
	box-shadow:0px 0px 7px 1px rgba(208,17,16,0.3);
}

.popupWindow .pwHead {
	height:35px;
	padding:5px 10px;
	position:relative;
	border-bottom:1px solid var(--c-red);
	color:var(--c-red);
}

.popupWindow .pwHead span {
	font-weight:bold;
	padding-right:25px;
}

.popupWindow .pwHead a {
	display:inline-block;
	position:absolute;
	right:-1px;
	top:-1px;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#333333;
}

.popupWindow .pwMessage {
	padding:10px 10px;
}

.popupWindow .pwFooter {
	padding:5px 10px;
	position:relative;
	border-top:1px solid #f4f4f4;
	background-color:#ffffff;
	text-align:right;
}

.popupWindow .pwFooter a {
	margin-left:6px;
}

.popup_h1 {
	font-size:1.2em;
	color:var(--c-red);
	padding-bottom:12px;
}

.popup_h2 {
	line-height:1.5em;
}

.popup_h2 div {
	padding-bottom:5px;
}