/* techkomplex */

/* root */

:root{
	--bg-black: rgb(0 0 0);
	--bg-gray-dark-25: rgb(25 25 25);
	--bg-gray-dark-35: rgb(35 35 35);
	--bg-gray-dark-50: rgb(50 50 50);
	--bg-gray-195: rgb(195 195 195);
	--bg-gray-215: rgb(215 215 215);
	--bg-gray-235: rgb(235 235 235);
	--bg-gray-245: rgb(245 245 245);
	--bg-white: rgb(255 255 255);
	--breakpoint-sm: 40rem;
	--color-black: #000;
	--color-gray-5e: #5e5e5e;
	--color-gray-80: #808080;
	--color-gray-f0: #f0f0f0;
	--color-gray-04: rgba(0,0,0,.4);
	--color-gray-05: rgba(0,0,0,.5);
	--color-gray-06: rgba(0,0,0,.6);
	--color-white: #fff;
	--brand-color-1: #320096;
	--brand-color-2: #ff6432;
	--d: 1440;
	--font-family-1: 'Montserrat',sans-serif;
	--m: 640;
	--padding-inline: 0.5rem;
	--radius-1: 1.25vmax;
	--s: 480;
	--spacing: .25rem;
	--t: 768;
	--text-content-1: clamp(1rem, 1.2vmax, 1.2vw);
	--text-content-2: clamp(0.9rem, 1.0vmax, 1.0vw);
	--text-content-3: clamp(0.8rem, 0.8vmax, 0.8vw);
	--text-h-1: 7cqw;
	--text-h-2: max(2rem, 3.5vmax);
	--text-h-3: clamp(1.5rem, 2.5vmax, 2.5vw);
	--text-h-4: clamp(1.35rem, 1.75vmax, 1.75vw);
	--text-h-5: clamp(0.85rem, 1vmax, 1vw);
	--text-link-1: clamp(1rem, 1.5vmax, 1.5vw);
	--text-link-2: clamp(0.85rem, 1vmax, 1vw);
	--text-link-3: clamp(0.7rem, 0.8vmax, 0.8vw);
	--vw: calc(100vw / var(--s));
}
@media screen and (min-width:480px){
	:root{
		--vw: calc(100vw / var(--m))
	}
}
@media screen and (min-width:640px){
	:root{
		--vw: calc(100vw / var(--t))
	}
}
@media screen and (min-width:768px){
	:root{
		--vw: calc(100vw / var(--d))
	}
}

/* standard */

@font-face{
	font-family: Montserrat;
	src: url('/fonts/Montserrat-Light.ttf');
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family: Montserrat;
	src: url('/fonts/Montserrat-Medium.ttf');
	font-weight: 500;
	font-style: normal;
}
@font-face{
	font-family: Montserrat;
	src: url('/fonts/Montserrat-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}
:host,html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}
body{
	background: var(--bg-white);
	color: var(--color-black);
	font-family: var(--font-family-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -.025em;
	overflow-y: scroll;
	margin: 0;
	line-height: inherit;
	/*
	overflow: hidden;
	height: 100dvh;
	width: 100%;
	*/
}
body,html{
	position: relative;
}
.antialiased,body,h1,h2,h3,h4,h5,h6,p,li,a,span,input,textarea,select,button{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{
	border: 0;
	margin: 0;
	padding: 0;
}
*,::before,::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
*::selection{
	color: var(--color-white);
	background: var(--brand-color-2);
}
:disabled{
	cursor: default;
}
a{
	color: inherit;
	text-decoration: none;
}
b,strong{
	font-weight: bolder;
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
}
button,input,optgroup,select,textarea{
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
}
button,select{
	text-transform: none;
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
	height: auto;
}
[type=search]{
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
::-webkit-search-decoration{
	-webkit-appearance: none;
}
::-webkit-file-upload-button{
	-webkit-appearance: button;
	font: inherit;
}
:-moz-focusring{
	outline: auto;
}
:-moz-ui-invalid{
	box-shadow: none;
}
[role=button],button{
	cursor: pointer;
}
table{
	border-collapse: collapse;
	border-color: inherit;
	border-spacing: 0;
	text-indent: 0;
	width: 100%;
}
th{
	font-weight: 400;
}
tr{
	vertical-align: middle;
}
td,th{
	padding: 10px;
}
menu,ol,ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
li{
	list-style-type: none;
}
img,video{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
hr{
	border-top-width: 1px;
	color: inherit;
	display: block;
	height: 1px;
	margin: 0;
	padding: 0;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub{
	bottom: -.25em;
}
sup{
	top: -.5em;
}
figure,video,article,aside,details,figcaption,footer,header,hgroup,nav,section,summary{
	display: block;
}
blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
	margin: 0;
}
dialog,fieldset,legend{
	padding: 0;
}
input,button,select,textarea,h1,h2,h3,h4,h5,h6{
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
input:focus,textarea:focus,button:focus{
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	margin: 0;
	outline: 0;
}
input::-moz-placeholder,textarea::-moz-placeholder{
	opacity: 1;
	color: var(--color-black);
}
input::placeholder,textarea::placeholder{
	opacity: 1;
	color: var(--color-black);
}
textarea{
	resize: vertical;
}
audio,canvas,embed,iframe,img,object,svg,video{
	display: block;
	vertical-align: middle;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.fixed{
	position: fixed;
}
.sticky{
	position: sticky;
}
.z-0{
	z-index: 0;
}
.z-10{
	z-index: 10;
}
.z-20{
	z-index: 20;
}
.z-30{
	z-index: 30;
}
.z-40{
	z-index: 40;
}
.z-50{
	z-index: 50;
}
.top-0{
	top: 0;
}
.left-0{
	left: 0;
}
.right-0{
	right: 0;
}
.bottom-0{
	bottom: 0;
}
.pointer-events-auto{
	pointer-events: auto;
}
.overflow-hidden{
	overflow: hidden;
}
.overflow-auto{
	overflow: auto;
}
.display-block{
	display: block;
}
.display-inline-block{
	display: inline-block;
}
.hide,[hidden]{
	display: none;
}
.clear{
	clear: both;
}
.whitespace-nowrap{
	white-space: nowrap;
}
.box-border{
	box-sizing: border-box;
}
@media (min-width:768px){
	.md-display-block{
		display: block;
	}
}

/* containers */

.content{
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.container-1400,.container-1800{
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.container-1400{
	max-width: 1400px;
}
.container-1800{
	max-width: 1800px;
}
.container-m-0-1{
	padding: 0 1em;
}

/* row */

.content-center-wide, .content-center-narrow{
	padding: 3.5em 1.5em;
}
.content-center-wide-accent{
	padding: 8vh 5vw;
}
.content-center-narrow-accent{
	padding: 8vh 10vw;
}

/* padding */

.p-0{
	padding: 0;
}
.p-0-125{
	padding: .125rem;
}
.p-0-25{
	padding: .25rem;
}
.p-0-35{
	padding: .35rem;
}
.p-0-5{
	padding: .5rem;
}
.p-0-75{
	padding: .75rem;
}
.p-1{
	padding: 1rem;
}
.p-3{
	padding: 3rem;
}
.p-5{
	padding: 5rem;
}
.p-7{
	padding: 7rem;
}
.p-1vmax{
	padding: 1vmax;
}
.p-2vmax{
	padding: 2vmax;
}
.p-3vmax{
	padding: 3vmax;
}
.p-4vmax{
	padding: 4vmax;
}
.p-5vmax{
	padding: 5vmax;
}
.p-7vmax{
	padding: 7vmax;
}
.p-0-3-3vmax{
	padding: 0 3vmax 3vmax;
}
.p-clamp-05-1vmax-1vw{
	padding: clamp(.5rem,1vmax,1vw);
}
.p-clamp-1-2vmax-2vw{
	padding: clamp(1rem,2vmax,2vw);
}
.p-clamp-2-3vmax-3vw{
	padding: clamp(2rem,3vmax,3vw);
}
.p-clamp-3-5vmax-5vw{
	padding: clamp(3rem,5vmax,5vw);
}
.p-max-1-1vmax{
	padding: max(1rem,1vmax);
}
.p-max-3-3vmax{
	padding: max(3rem,3vmax);
}
@media (min-width: 1024px){
	.md-p-1vmax{
		padding: 1vmax;
	}
	.md-p-3vmax{
		padding: 3vmax;
	}
	.md-p-5vmax{
		padding: 5vmax;
	}
	.lg-p-2vmax{
		padding: 2vmax;
	}
}

.px-0{
	padding-left: 0;
	padding-right: 0;
}
.px-0-125{
	padding-left: .125rem;
	padding-right: .125rem;
}
.px-0-25{
	padding-left: .25rem;
	padding-right: .25rem;
}
.px-0-35{
	padding-left: .35rem;
	padding-right: .35rem;
}
.px-0-5{
	padding-left: .5rem;
	padding-right: .5rem;
}
.px-0-75{
	padding-left: .75rem;
	padding-right: .75rem;
}
.px-1{
	padding-left: 1rem;
	padding-right: 1rem;
}
.px-3{
	padding-left: 3rem;
	padding-right: 3rem;
}
.px-5{
	padding-left: 5rem;
	padding-right: 5rem;
}
.px-7{
	padding-left: 7rem;
	padding-right: 7rem;
}
.px-1vmax{
	padding-left: 1vmax;
	padding-right: 1vmax;
}
.px-2vmax{
	padding-left: 2vmax;
	padding-right: 2vmax;
}
.px-3vmax{
	padding-left: 3vmax;
	padding-right: 3vmax;
}
.px-5vmax{
	padding-left: 5vmax;
	padding-right: 5vmax;
}
.px-7vmax{
	padding-left: 7vmax;
	padding-right: 7vmax;
}
.px-clamp-05-1vmax-1vw{
	padding-left: clamp(.5rem,1vmax,1vw);
	padding-right: clamp(.5rem,1vmax,1vw);
}
.px-clamp-1-2vmax-2vw{
	padding-left: clamp(1rem,2vmax,2vw);
	padding-right: clamp(1rem,2vmax,2vw);
}
.px-clamp-2-3vmax-3vw{
	padding-left: clamp(2rem,3vmax,3vw);
	padding-right: clamp(2rem,3vmax,3vw);
}
.px-clamp-3-5vmax-5vw{
	padding-left: clamp(3rem,5vmax,5vw);
	padding-right: clamp(3rem,5vmax,5vw);
}
.px-max-1-1vmax{
	padding-left: max(1rem,1vmax);
	padding-right: max(1rem,1vmax);
}
.px-max-1-5-1-7vmax{
	padding-left: max(1.5rem,1.7vmax);
	padding-right: max(1.5rem,1.7vmax);
}
.px-max-3-3vmax{
	padding-left: max(3rem,3vmax);
	padding-right: max(3rem,3vmax);
}
.px-calc-var-vw-x30{
	padding-left: calc(var(--vw)*30);
	padding-right: calc(var(--vw)*30);
}
.px-calc-var-vw-x32{
	padding-left: calc(var(--vw)*32);
	padding-right: calc(var(--vw)*32);
}

/* padding y axis */

.py-0{
	padding-top: 0;
	padding-bottom: 0;
}
.py-0-125{
	padding-top: .125rem;
	padding-bottom: .125rem;
}
.py-0-25{
	padding-top: .25rem;
	padding-bottom: .25rem;
}
.py-0-35{
	padding-top: .35rem;
	padding-bottom: .35rem;
}
.py-0-5{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.py-0-75{
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.py-1{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-3{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.py-5{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.py-7{
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.py-1vmax{
	padding-top: 1vmax;
	padding-bottom: 1vmax;
}
.py-3vmax{
	padding-top: 2vmax;
	padding-bottom: 2vmax;
}
.py-3vmax{
	padding-top: 3vmax;
	padding-bottom: 3vmax;
}
.py-5vmax{
	padding-top: 5vmax;
	padding-bottom: 5vmax;
}
.py-7vmax{
	padding-top: 7vmax;
	padding-bottom: 7vmax;
}
.py-clamp-05-1vmax-1vw{
	padding-top: clamp(.5rem,1vmax,1vw);
	padding-bottom: clamp(.5rem,1vmax,1vw);
}
.py-clamp-1-2vmax-2vw{
	padding-top: clamp(1rem,2vmax,2vw);
	padding-bottom: clamp(1rem,2vmax,2vw);
}
.py-clamp-2-3vmax-3vw{
	padding-top: clamp(2rem,3vmax,3vw);
	padding-bottom: clamp(2rem,3vmax,3vw);
}
.py-clamp-3-5vmax-5vw{
	padding-top: clamp(3rem,5vmax,5vw);
	padding-bottom: clamp(3rem,5vmax,5vw);
}
.py-max-0-7-0-7vmax{
	padding-top: max(0.7rem,0.7vmax);
	padding-bottom: max(0.7rem,0.7vmax);
}
.py-max-1-1vmax{
	padding-top: max(1rem,1vmax);
	padding-bottom: max(1rem,1vmax);
}
.py-max-3-3vmax{
	padding-top: max(3rem,3vmax);
	padding-bottom: max(3rem,3vmax);
}
.py-calc-var-vw-x30{
	padding-top: calc(var(--vw)*30);
	padding-bottom: calc(var(--vw)*30);
}
.py-calc-var-vw-x32{
	padding-top: calc(var(--vw)*32);
	padding-bottom: calc(var(--vw)*32);
}

/* padding top */

.pt-0{
	padding-top: 0;
}
.pt-0125{
	padding-top: .125rem;
}
.pt-025{
	padding-top: .25rem;
}
.pt-035{
	padding-top: .35rem;
}
.pt-05{
	padding-top: .5rem;
}
.pt-075{
	padding-top: .75rem;
}
.pt-1{
	padding-top: 1rem;
}
.pt-3{
	padding-top: 3rem;
}
.pt-5{
	padding-top: 5rem;
}
.pt-7{
	padding-top: 7rem;
}
.pt-03vmax{
	padding-top: 0.3vmax;
}
.pt-05vmax{
	padding-top: 0.5vmax;
}
.pt-1vmax{
	padding-top: 1vmax;
}
.pt-2vmax{
	padding-top: 2vmax;
}
.pt-3vmax{
	padding-top: 3vmax;
}
.pt-4vmax{
	padding-top: 4vmax;
}
.pt-5vmax{
	padding-top: 5vmax;
}
.pt-7vmax{
	padding-top: 7vmax;
}
.pt-clamp-05-1vmax-1vw{
	padding-top: clamp(.5rem,1vmax,1vw);
}
.pt-clamp-1-2vmax-2vw{
	padding-top: clamp(1rem,2vmax,2vw);
}
.pt-clamp-2-3vmax-3vw{
	padding-top: clamp(2rem,3vmax,3vw);
}
.pt-clamp-3-5vmax-5vw{
	padding-top: clamp(3rem,5vmax,5vw);
}
.pt-max-1-1vmax{
	padding-top: max(1rem,1vmax);
}
.pt-max-3-3vmax{
	padding-top: max(3rem,3vmax);
}
.pt-calc-var-vw-x30{
	padding-top: calc(var(--vw)*30);
}
.pt-calc-var-vw-x32{
	padding-top: calc(var(--vw)*32);
}

/* padding bottom */

.pb-0{
	padding-bottom: 0;
}
.pb-0-125{
	padding-bottom: .125rem;
}
.pb-0-25{
	padding-bottom: .25rem;
}
.pb-0-35{
	padding-bottom: .35rem;
}
.pb-0-5{
	padding-bottom: .5rem;
}
.pb-0-75{
	padding-bottom: .75rem;
}
.pb-1{
	padding-bottom: 1rem;
}
.pb-3{
	padding-bottom: 3rem;
}
.pb-5{
	padding-bottom: 5rem;
}
.pb-7{
	padding-bottom: 7rem;
}
.pb-05-vmax{
	padding-bottom: 0.5vmax;
}
.pb-1vmax{
	padding-bottom: 1vmax;
}
.pb-2vmax{
	padding-bottom: 2vmax;
}
.pb-3vmax{
	padding-bottom: 3vmax;
}
.pb-5vmax{
	padding-bottom: 5vmax;
}
.pb-7vmax{
	padding-bottom: 7vmax;
}
.pb-clamp-05-1vmax-1vw{
	padding-bottom: clamp(.5rem,1vmax,1vw);
}
.pb-clamp-1-2vmax-2vw{
	padding-bottom: clamp(1rem,2vmax,2vw);
}
.pb-clamp-2-3vmax-3vw{
	padding-bottom: clamp(2rem,3vmax,3vw);
}
.pb-clamp-3-5vmax-5vw{
	padding-bottom: clamp(3rem,5vmax,5vw);
}
.pb-max-1-1vmax{
	padding-bottom: max(1rem,1vmax);
}
.pb-max-3rem-3vmax{
	padding-bottom: max(3rem,3vmax);
}
@media (min-width:768px){
	.md-pb-7vmax{
		padding-bottom: 7vmax;
	}
}

/* margin x axis */

.mx-0{
	margin-left: 0;
	margin-right: 0;
}
.mx-0-125{
	margin-left: .125rem;
	margin-right: .125rem;
}
.mx-0-25{
	margin-left: .25rem;
	margin-right: .25rem;
}
.mx-0-35{
	margin-left: 0;
	margin-right: .35rem;
}
.mx-0-5{
	margin-left: .5rem;
	margin-right: .5rem;
}
.mx-0-75{
	margin-left: .75rem;
	margin-right: .75rem;
}
.mx-1{
	margin-left: 1rem;
	margin-right: 1rem;
}
.mx-3{
	margin-left: 3rem;
	margin-right: 3rem;
}
.mx-5{
	margin-left: 5rem;
	margin-right: 5rem;
}
.mx-7{
	margin-left: 7rem;
	margin-right: 7rem;
}
.mx-1vmax{
	margin-left: 1vmax;
	margin-right: 1vmax;
}
.mx-2vmax{
	margin-left: 2vmax;
	margin-right: 2vmax;
}
.mx-3vmax{
	margin-left: 3vmax;
	margin-right: 3vmax;
}
.mx-5vmax{
	margin-left: 5vmax;
	margin-right: 5vmax;
}
.mx-7vmax{
	margin-left: 7vmax;
	margin-right: 7vmax;
}
.mx-clamp-05-1vmax-1vw{
	margin-left: clamp(.5rem,1vmax,1vw);
	margin-right: clamp(.5rem,1vmax,1vw);
}
.mx-clamp-1-2vmax-2vw{
	margin-left: clamp(1rem,2vmax,2vw);
	margin-right: clamp(1rem,2vmax,2vw);
}
.mx-clamp-2-3vmax-3vw{
	margin-left: clamp(2rem,3vmax,3vw);
	margin-right: clamp(2rem,3vmax,3vw);
}
.mx-clamp-3-5vmax-5vw{
	margin-left: clamp(3rem,5vmax,5vw);
	margin-right: clamp(3rem,5vmax,5vw);
}
.mx-max-1-1vmax{
	margin-left: max(1rem,1vmax);
	margin-right: max(1rem,1vmax);
}
.mx-max-3-3vmax{
	margin-left: max(3rem,3vmax);
	margin-right: max(3rem,3vmax);
}
.m-1vmax{
	margin: 1vmax;
}
.m-0-1-1vmax{
	margin: 0 1vmax 1vmax;
}
.m-2-0vmax{
	margin: 2vmax 0;
}
.m-3-0vmax{
	margin: 3vmax 0;
}
.m-4-2-0-2vmax{
	margin: 4vmax 2vmax 0 2vmax;
}
.m-4-2vmax{
	margin: 4vmax 2vmax;
}
.m-5-1-1vmax{
	margin: 5vmax 1vmax 1vmax;
}
.m--1--1vmax{
	margin: -1vmax -1vmax;
}
.m--1-1vmax{
	margin: -1vmax 1vmax;
}
.m--2--2vmax{
	margin: -2vmax -2vmax;
}
.m--2-2vmax{
	margin: -2vmax 2vmax;
}
@media (min-width:768px){
	.md-m-2-0vmax{
		margin: 2vmax 0;
	}
	.md-m-4-2vmax{
		margin: 4vmax 2vmax;
	}
}

/* margin y axis */

.my-0{
	margin-top: 0;
	margin-bottom: 0;
}
.my-0-125{
	margin-top: .125rem;
	margin-bottom: .125rem;
}
.my-0-25{
	margin-top: .25rem;
	margin-bottom: .25rem;
}
.my-0-35{
	margin-top: 0;
	margin-bottom: .35rem;
}
.my-0-5{
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.my-0-75{
	margin-top: .75rem;
	margin-bottom: .75rem;
}
.my-1{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.my-3{
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.my-5{
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.my-7{
	margin-top: 7rem;
	margin-bottom: 7rem;
}
.my-1vmax{
	margin-top: 1vmax;
	margin-bottom: 1vmax;
}
.my-2vmax{
	margin-top: 2vmax;
	margin-bottom: 2vmax;
}
.my-3vmax{
	margin-top: 3vmax;
	margin-bottom: 3vmax;
}
.my-5vmax{
	margin-top: 5vmax;
	margin-bottom: 5vmax;
}
.my-7vmax{
	margin-top: 7vmax;
	margin-bottom: 7vmax;
}
.my-clamp-05-1vmax-1vw{
	margin-top: clamp(.5rem,1vmax,1vw);
	margin-bottom: clamp(.5rem,1vmax,1vw);
}
.my-clamp-1-2vmax-2vw{
	margin-top: clamp(1rem,2vmax,2vw);
	margin-bottom: clamp(1rem,2vmax,2vw);
}
.my-clamp-2-3vmax-3vw{
	margin-top: clamp(2rem,3vmax,3vw);
	margin-bottom: clamp(2rem,3vmax,3vw);
}
.my-clamp-3-5vmax-5vw{
	margin-top: clamp(3rem,5vmax,5vw);
	margin-bottom: clamp(3rem,5vmax,5vw);
}
.my-max-1-1vmax{
	margin-top: max(1rem,1vmax);
	margin-bottom: max(1rem,1vmax);
}
.my-max-3-3vmax{
	margin-top: max(3rem,3vmax);
	margin-bottom: max(3rem,3vmax);
}

/* margin top */

.mt-from-header{
	margin-top: calc(3vmax + 110px);
}
.mt-0{
	margin-top: 0;
}
.mt-0-125{
	margin-top: .125rem;
}
.mt-0-25{
	margin-top: .25rem;
}
.mt-0-35{
	margin-top: .35rem;
}
.mt-0-5{
	margin-top: .5rem;
}
.mt-0-75{
	margin-top: .75rem;
}
.mt-1{
	margin-top: 1rem;
}
.mt-3{
	margin-top: 3rem;
}
.mt-5{
	margin-top: 5rem;
}
.mt-7{
	margin-top: 7rem;
}
.mt-05vmax{
	margin-top: 0.5vmax;
}
.mt-075vmax{
	margin-top: 0.75vmax;
}
.mt-1vmax{
	margin-top: 1vmax;
}
.mt-2vmax{
	margin-top: 2vmax;
}
.mt-3vmax{
	margin-top: 3vmax;
}
.mt-5vmax{
	margin-top: 5vmax;
}
.mt-7vmax{
	margin-top: 7vmax;
}
.mt-clamp-05-1vmax-1vw{
	margin-top: clamp(.5rem,1vmax,1vw);
}
.mt-clamp-1-2vmax-2vw{
	margin-top: clamp(1rem,2vmax,2vw);
}
.mt-clamp-2-3vmax-3vw{
	margin-top: clamp(2rem,3vmax,3vw);
}
.mt-clamp-3-5vmax-5vw{
	margin-top: clamp(3rem,5vmax,5vw);
}
.mt-max-1-1vmax{
	margin-top: max(1rem,1vmax);
}
.mt-max-3-3vmax{
	margin-top: max(3rem,3vmax);
}
@media (min-width:768px){
	.md-mt-0{
		margin-top: 0;
	}
	.md-mt-7vmax{
		margin-top: 7vmax;
	}
}

/* margin bottom */

.mb-0{
	margin-bottom: 0;
}
.mb-0-125{
	margin-bottom: .125rem;
}
.mb-0-25{
	margin-bottom: .25rem;
}
.mb-0-35{
	margin-bottom: .35rem;
}
.mb-0-5{
	margin-bottom: .5rem;
}
.mb-0-75{
	margin-bottom: .75rem;
}
.mb-1{
	margin-bottom: 1rem;
}
.mb-3{
	margin-bottom: 3rem;
}
.mb-5{
	margin-bottom: 5rem;
}
.mb-7{
	margin-bottom: 7rem;
}
.mb-1vmax{
	margin-bottom: 1vmax;
}
.mb-2vmax{
	margin-bottom: 2vmax;
}
.mb-3vmax{
	margin-bottom: 3vmax;
}
.mb-5vmax{
	margin-bottom: 5vmax;
}
.mb-7vmax{
	margin-bottom: 7vmax;
}
.mb-clamp-05-1vmax-1vw{
	margin-bottom: clamp(.5rem,1vmax,1vw);
}
.mb-clamp-1-2vmax-2vw{
	margin-bottom: clamp(1rem,2vmax,2vw);
}
.mb-clamp-2-3vmax-3vw{
	margin-bottom: clamp(2rem,3vmax,3vw);
}
.mb-clamp-3-5vmax-5vw{
	margin-bottom: clamp(3rem,5vmax,5vw);
}
.mb-max-1-1vmax{
	margin-bottom: max(1rem,1vmax);
}
.mb-max-3-3vmax{
	margin-bottom: max(3rem,3vmax);
}

/* margin left-right */

.mr-0perc{
	margin-right: 0%;
}
.mr-10perc{
	margin-right: 10%;
}
.mr-20perc{
	margin-right: 20%;
}
.mr-30perc{
	margin-right: 30%;
}
.mr-50perc{
	margin-right: 50%;
}
.ml-0perc{
	margin-left: 0%;
}
.ml-10perc{
	margin-left: 10%;
}
.ml-20perc{
	margin-left: 20%;
}
.ml-30perc{
	margin-left: 30%;
}
.ml-50perc{
	margin-left: 50%;
}
.ml-5{
	margin-left: 5rem;
}
@media (min-width:768px){
	.md-mr-10perc{
		margin-right: 10%;
	}
	.md-mr-20perc{
		margin-right: 20%;
	}
	.md-mr-30perc{
		margin-right: 30%;
	}
	.md-mr-50perc{
		margin-right: 50%;
	}
	.md-ml-0perc{
		margin-left: 0%;
	}
}

/* flex */

.flex{
	display: flex;
}
.inline-flex{
	display: inline-flex;
}
.flex-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}
.flex-1-0-30{
	flex: 1 0 30%;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-nowrap{
	flex-wrap: nowrap;
}
.flex-row{
	flex-direction: row;
}
.flex-row-reverse{
	flex-direction: row-reverse;
}
.flex-col{
	flex-direction: column;
}
.flex-col-reverse{
	flex-direction: column-reverse;
}
.flex-h100{
	height: 100%;
}
.justify-start{
	-webkit-box-pack: start;
	justify-content: flex-start;
}
.justify-center{
	-webkit-box-pack: center;
	justify-content: center;
}
.justify-end{
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.justify-space-between{
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.align-items-start{
	align-items: flex-start;
}
.align-items-center{
	align-items: center;
}
.align-items-end{
	align-items: flex-end;
}
.align-content-start{
	align-content: flex-start;
}
.align-content-center{
	align-content: center;
}
.align-content-end{
	align-content: flex-end;
}
.place-items-start{
	place-items: start;
}
.place-items-center{
	place-items: center;
}
.place-items-end{
	place-items: end;
}
.flex-grow{
	flex-grow: 1; 
}
.order-1{
	order: 1;
}
.order-2{
	order: 2;
}
.order-3{
	order: 3;
}
.column{
	box-sizing: border-box;
	margin: 0;
	min-width: 0;
	padding: 0;
}
.sm-flex-12{
	max-width: 100%;
	flex-basis: 100%;
}
.sm-flex-11{
	max-width: 91.66666667%;
	flex-basis: 91.66666667%;
	}
.sm-flex-10{
	max-width: 83.33333333%;
	flex-basis: 83.33333333%;
}
.sm-flex-9{
	max-width: 75%;
	flex-basis: 75%;
}
.sm-flex-8{
	max-width: 66.66666667%;
	flex-basis: 66.66666667%;
}
.sm-flex-7{
	max-width: 58.33333333%;
	flex-basis: 58.33333333%;
}
.sm-flex-6{
	max-width: 50%;
	flex-basis: 50%;
}
.sm-flex-5{
	max-width: 41.66666667%;
	flex-basis: 41.66666667%;
}
.sm-flex-4{
	max-width: 33.33333333%;
	flex-basis: 33.33333333%;
}
.sm-flex-3{
	max-width: 25%;
	flex-basis: 25%;
}
.sm-flex-3-20{
	max-width: 20%;
	flex-basis: 20%;
}
.sm-flex-2{
	max-width: 16.66666667%;
	flex-basis: 16.66666667%;
}
.sm-flex-1{
	max-width: 8.33333333%;
	flex-basis: 8.33333333%;
}
.sm-order-1{
	order: 1;
}
.sm-order-2{
	order: 2;
}
.sm-order-3{
	order: 3;
}
@media (min-width:768px){
	.md-hide{
		display: none;
	}
	.md-inline-flex{
		display: inline-flex;
	}
	.md-flex-row{
		flex-direction: row;
	}
	.md-flex-row-reverse{
		flex-direction: row-reverse;
	}
	.md-flex-col{
		flex-direction: column;
	}
	.md-flex-col-reverse{
		flex-direction: column-reverse;
	}
	.md-justify-start{
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
	.md-justify-center{
		-webkit-box-pack: center;
		justify-content: center;
	}
	.md-justify-end{
		-webkit-box-pack: end;
		justify-content: flex-end;
	}
	.md-justify-space-between{
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
	.md-align-items-start{
		align-items: flex-start;
	}
	.md-align-items-center{
		align-items: center;
	}
	.md-align-items-end{
		align-items: flex-end;
	}
	.md-place-items-start{
		place-items: start;
	}
	.md-place-items-center{
		place-items: center;
	}
	.md-place-items-end{
		place-items: end;
	}
	.md-flex-12{
		max-width: 100%;
		flex-basis: 100%;
	}
	.md-flex-11{
		max-width: 91.66666667%;
		flex-basis: 91.66666667%;
	}
	.md-flex-10{
		max-width: 83.33333333%;
		flex-basis: 83.33333333%;
	}
	.md-flex-9{
		max-width: 75%;
		flex-basis: 75%;
	}
	.md-flex-8{
		max-width: 66.66666667%;
		flex-basis: 66.66666667%;
	}
	.md-flex-7{
		max-width: 58.33333333%;
		flex-basis: 58.33333333%;
	}
	.md-flex-6{
		max-width: 50%;
		flex-basis: 50%;
	}
	.md-flex-5{
		max-width: 41.66666667%;
		flex-basis: 41.66666667%;
	}
	.md-flex-4{
		max-width: 33.33333333%;
		flex-basis: 33.33333333%;
	}
	.md-flex-3{
		max-width: 25%;
		flex-basis: 25%;
	}
	.md-flex-3-20{
		max-width: 20%;
		flex-basis: 20%;
	}
	.md-flex-2{
		max-width: 16.66666667%;
		flex-basis: 16.66666667%;
	}
	.md-flex-1{
		max-width: 8.33333333%;
		flex-basis: 8.33333333%;
	}
	.md-order-1{
		order: 1;
	}
	.md-order-2{
		order: 2;
	}
	.md-order-3{
		order: 3;
	}
}
@media (min-width:1024px){
	.lg-flex-12{
		max-width: 100%;
		flex-basis: 100%;
	}
	.lg-flex-11{
		max-width: 91.66666667%;
		flex-basis: 91.66666667%;
	}
	.lg-flex-10{
		max-width: 83.33333333%;
		flex-basis: 83.33333333%;
	}
	.lg-flex-9{
		max-width: 75%;
		flex-basis: 75%;
	}
	.lg-flex-8{
		max-width: 66.66666667%;
		flex-basis: 66.66666667%;
	}
	.lg-flex-7{
		max-width: 58.33333333%;
		flex-basis: 58.33333333%;
	}
	.lg-flex-6{
		max-width: 50%;
		flex-basis: 50%;
	}
	.lg-flex-5{
		max-width: 41.66666667%;
		flex-basis: 41.66666667%;
	}
	.lg-flex-4{
		max-width: 33.33333333%;
		flex-basis: 33.33333333%;
	}
	.lg-flex-3{
		max-width: 25%;
		flex-basis: 25%;
	}
	.lg-flex-3-20{
		max-width: 20%;
		flex-basis: 20%;
	}
	.lg-flex-2{
		max-width: 16.66666667%;
		flex-basis: 16.66666667%;
	}
	.lg-flex-1{
		max-width: 8.33333333%;
		flex-basis: 8.33333333%;
	}
	.lg-order-1{
		order: 1;
	}
	.lg-order-2{
		order: 2;
	}
	.lg-order-3{
		order: 3;
	}
}

/* grid */

.inline-size{
	container-type: inline-size;
}
.grid{
	display: grid;
}
.grid-cols-1{
	grid-template-columns: repeat(1,minmax(0,1fr));
}
.grid-cols-2{
	grid-template-columns: repeat(2,minmax(0,1fr));
}
.grid-cols-3{
	grid-template-columns: repeat(3,minmax(0,1fr));
}
.grid-cols-4{
	grid-template-columns: repeat(4,minmax(0,1fr));
}
.grid-cols-6{
	grid-template-columns: repeat(6,minmax(0,1fr));
}
.grid-cols-8{
	grid-template-columns: repeat(8,minmax(0,1fr));
}
.grid-cols-10{
	grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-12{
	grid-template-columns: repeat(12,minmax(0,1fr));
}
.grid-cols-auto-1fr{
	grid-template-columns: auto 1fr;
}
.grid-cols-250px-1fr{
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}
.grid-rows-1fr-auto{
	grid-template-rows: 1fr auto;
}
.grid-rows-auto-1fr-auto{
	grid-template-rows: auto 1fr auto;
}
.col-span-1{
	grid-column: span 1/span 1;
}
.col-span-2{
	grid-column: span 2/span 2;
}
.col-start-1{
	grid-column-start: 1;
}
.col-start-2{
	grid-column-start: 2;
}
.col-start-3{
	grid-column-start: 3;
}
.col-start-4{
	grid-column-start: 4;
}
.col-start-5{
	grid-column-start: 5;
}
.col-start-6{
	grid-column-start: 6;
}
.col-start-7{
	grid-column-start: 7;
}
.col-start-8{
	grid-column-start: 8;
}
.col-start-9{
	grid-column-start: 9;
}
.col-start-10{
	grid-column-start: 10;
}
.col-start-11{
	grid-column-start: 11;
}
.col-start-12{
	grid-column-start: 12;
}
.col-end-1{
	grid-column-end: 1;
}
.col-end-2{
	grid-column-end: 2;
}
.col-end-3{
	grid-column-end: 3;
}
.col-end-4{
	grid-column-end: 4;
}
.col-end-5{
	grid-column-end: 5;
}
.col-end-6{
	grid-column-end: 6;
}
.col-end-7{
	grid-column-end: 7;
}
.col-end-8{
	grid-column-end: 8;
}
.col-end-9{
	grid-column-end: 9;
}
.col-end-10{
	grid-column-end: 10;
}
.col-end-11{
	grid-column-end: 11;
}
.col-end-12{
	grid-column-end: 12;
}
.col-end-13{
	grid-column-end: 13;
}
.row-start-1{
	grid-row-start: 1;
}
.row-start-2{
	grid-row-start: 2;
}
.row-end-1{
	grid-row-end: 1;
}
.row-end-2{
	grid-row-end: 2;
}

@media (min-width:768px){
	.md-grid{
		display: grid;
	}
	.md-grid-cols-1{
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
	.md-grid-cols-2{
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.md-grid-cols-3{
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
	.md-grid-cols-4{
		grid-template-columns: repeat(4,minmax(0,1fr));
	}
	.md-grid-cols-6{
		grid-template-columns: repeat(6,minmax(0,1fr));
	}
	.md-grid-cols-8{
		grid-template-columns: repeat(8,minmax(0,1fr));
	}
	.md-grid-cols-10{
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
	.md-row-start-1{
		grid-row-start: 1;
	}
	.md-row-start-2{
		grid-row-start: 2;
	}
	.md-row-end-1{
		grid-row-end: 1;
	}
	.md-row-end-2{
		grid-row-end: 2;
	}
	.md-col-start-1{
		grid-column-start: 1;
	}
	.md-col-start-2{
		grid-column-start: 2;
	}
	.md-col-start-3{
		grid-column-start: 3;
	}
	.md-col-start-4{
		grid-column-start: 4;
	}
	.md-col-start-5{
		grid-column-start: 5;
	}
	.md-col-start-6{
		grid-column-start: 6;
	}
	.md-col-start-7{
		grid-column-start: 7;
	}
	.md-col-start-8{
		grid-column-start: 8;
	}
	.md-col-start-9{
		grid-column-start: 9;
	}
	.md-col-start-10{
		grid-column-start: 10;
	}
	.md-col-start-11{
		grid-column-start: 11;
	}
	.md-col-start-12{
		grid-column-start: 12;
	}
	.md-col-end-1{
		grid-column-end: 1;
	}
	.md-col-end-2{
		grid-column-end: 2;
	}
	.md-col-end-3{
		grid-column-end: 3;
	}
	.md-col-end-4{
		grid-column-end: 4;
	}
	.md-col-end-5{
		grid-column-end: 5;
	}
	.md-col-end-6{
		grid-column-end: 6;
	}
	.md-col-end-7{
		grid-column-end: 7;
	}
	.md-col-end-8{
		grid-column-end: 8;
	}
	.md-col-end-9{
		grid-column-end: 9;
	}
	.md-col-end-10{
		grid-column-end: 10;
	}
	.md-col-end-11{
		grid-column-end: 11;
	}
	.md-col-end-12{
		grid-column-end: 12;
	}
	.md-col-end-13{
		grid-column-end: 13;
	}
}
@media (min-width: 896px) {
	.xmd-grid{
		display: grid;
	}
}
@media (min-width: 1024px){
	.lg-grid{
		display: grid;
	}
	.lg-grid-cols-1{
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
	.lg-grid-cols-2{
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.lg-grid-cols-3{
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
	.lg-grid-cols-4{
		grid-template-columns: repeat(4,minmax(0,1fr));
	}
	.lg-grid-cols-6{
		grid-template-columns: repeat(6,minmax(0,1fr));
	}
	.lg-grid-cols-8{
		grid-template-columns: repeat(8,minmax(0,1fr));
	}
	.lg-grid-cols-10{
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
	.lg-col-start-1{
		grid-column-start: 1;
	}
	.lg-col-start-2{
		grid-column-start: 2;
	}
	.lg-col-start-3{
		grid-column-start: 3;
	}
	.lg-col-start-4{
		grid-column-start: 4;
	}
	.lg-col-start-5{
		grid-column-start: 5;
	}
	.lg-col-start-6{
		grid-column-start: 6;
	}
	.lg-col-start-7{
		grid-column-start: 7;
	}
	.lg-col-start-8{
		grid-column-start: 8;
	}
	.lg-col-start-9{
		grid-column-start: 9;
	}
	.lg-col-start-10{
		grid-column-start: 10;
	}
	.lg-col-start-11{
		grid-column-start: 11;
	}
	.lg-col-start-12{
		grid-column-start: 12;
	}
	.lg-col-end-1{
		grid-column-end: 1;
	}
	.lg-col-end-2{
		grid-column-end: 2;
	}
	.lg-col-end-3{
		grid-column-end: 3;
	}
	.lg-col-end-4{
		grid-column-end: 4;
	}
	.lg-col-end-5{
		grid-column-end: 5;
	}
	.lg-col-end-6{
		grid-column-end: 6;
	}
	.lg-col-end-7{
		grid-column-end: 7;
	}
	.lg-col-end-8{
		grid-column-end: 8;
	}
	.lg-col-end-9{
		grid-column-end: 9;
	}
	.lg-col-end-10{
		grid-column-end: 10;
	}
	.lg-col-end-11{
		grid-column-end: 11;
	}
	.lg-col-end-12{
		grid-column-end: 12;
	}
	.lg-col-end-13{
		grid-column-end: 13;
	}
}
@media (min-width: 1280px) {
	.xl-col-start-4{
		grid-column-start: 4;
	}
	.xl-col-end-4{
		grid-column-end: 4;
	}
}

/* gap */

.gap-0{
	gap: 0;
}
.gap-0-25{
	gap:.25rem;
}
.gap-0-5{
	gap:.5rem
}
.gap-0-75{
	gap:.75rem;
}
.gap-1{
	gap: 1rem;
}
.gap-1-25{
	gap: 1.25rem;
}
.gap-1-5{
	gap: 1.5rem;
}
.gap-0-5vmax{
	gap: 0.5vmax;
}
.gap-0-75vmax{
	gap: 0.75vmax;
}
.gap-1vmax{
	gap: 1vmax;
}
.gap-1-5vmax{
	gap: 1.5vmax;
}
.gap-2vmax{
	gap: 2vmax;
}
.gap-3vmax{
	gap: 3vmax;
}
.gap-4vmax{
	gap: 4vmax;
}
.gap-5vmax{
	gap: 5vmax;
}
.gap-6vmax{
	gap: 6vmax;
}
.gap-7vmax{
	gap: 7vmax;
}
.gap-clamp-0-8rem-1vmax-1vw{
	gap: clamp(0.8rem, 1vmax, 1vw);
}
.gap-clamp-1rem-1-25vmax-1-25vw{
	gap: clamp(1rem, 1.25vmax, 1.25vw);
}
.gap-clamp-1-2rem-1-5vmax-1-5vw{
	gap: clamp(1.2rem, 1.5vmax, 1.5vw);
}
.gap-clamp-1-2rem-1-7vmax-1-7vw{
	gap: clamp(1.2rem, 1.7vmax, 1.7vw);
}
.row-gap-0-25vmax{
	row-gap: .25vmax;
}
.row-gap-1vmax{
	row-gap: 1vmax;
}
.row-gap-2vmax{
	row-gap: 2vmax;
}
.row-gap-3vmax{
	row-gap: 3vmax;
}
.row-gap-5vmax{
	row-gap: 5vmax;
}
@media (min-width:768px){
	.md-md-gap-0{
		gap: 0;
	}
	.md-gap-1vmax{
		gap: 1vmax;
	}
	.md-gap-1-5vmax{
		gap: 1.5vmax;
	}
	.md-gap-2vmax{
		gap: 2vmax;
	}
	.md-gap-3vmax{
		gap: 3vmax;
	}
	.md-gap-4vmax{
		gap: 4vmax;
	}
	.md-gap-5vmax{
		gap: 5vmax;
	}
	.md-gap-6vmax{
		gap: 6vmax;
	}
	.md-gap-7vmax{
		gap: 7vmax;
	}
	.md-gap-calc-vw-x20{
		gap: calc(var(--vw) * 20);
	}
	.md-row-gap-1vmax{
		row-gap: 1vmax;
	}
	.md-row-gap-2vmax{
		row-gap: 2vmax;
	}
	.md-row-gap-3vmax{
		row-gap: 3vmax;
	}
	.md-row-gap-5vmax{
		row-gap: 5vmax;
	}
	.md-row-gap-10vmax{
		row-gap: 10vmax;
	}
}

/* text */

.color-black{
	color: var(--color-black);
}
.color-black-0-35{
	color: rgba(0,0,0,.35);
}
.color-black-0-5{
	color: rgba(0,0,0,.5);
}
.color-black-0-6{
	color: rgba(0,0,0,.6);
}
.color-black-0-8{
	color: rgba(0,0,0,.8);
}
.color-gray-f0{
	color: var(--color-gray-f0);
}
.color-gray-5e{
	color: var(--color-gray-5e);
}
.color-gray-80{
	color: var(--color-gray-80);
}
.color-white{
	color: var(--color-white);
}
.color-white-0-35{
	color: rgba(255,255,255,.35);
}
.color-white-0-5{
	color: rgba(255,255,255,.5);
}
.color-white-0-6{
	color: rgba(255,255,255,.5);
}
.color-white-0-8{
	color: rgba(255,255,255,.8);
}
.color-brand-1{
	color: var(--brand-color-1);
}
.color-brand-2{
	color: var(--brand-color-2);
}
.text-l{
	font-size: var(--text-link-1);
}
.text-m{
	font-size: var(--text-link-2);
}
.text-s{
	font-size: var(--text-link-3);
}
h1,h2,h3,h4,.text-h1,.text-h2,.text-h3,.text-h4,.text-h5{
	font-family: var(--font-family-1);
}
.italic{
	font-style: italic;
}
.weight-300{
	font-weight: 300;
}
.weight-500{
	font-weight: 500;
}
.text-h1{
	font-size: var(--text-h-1);
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -.025em;
}
.text-h2{
	font-size: var(--text-h-2);
	letter-spacing: -.025em;
	line-height: 100%;
}
.text-h3{
	font-size: var(--text-h-3);
	letter-spacing: -.025em;
	line-height: 100%;
}
.text-h4{
	font-size: var(--text-h-4);
	letter-spacing: -.025em;
	line-height: 100%;
}
.text-h5{
	font-size: var(--text-h-5);
	letter-spacing: -.025em;
	line-height: 100%;
}
.text-c1{
	font-size: var(--text-content-1);
	line-height: 130%;
	letter-spacing: -.025em;
}
.text-c2{
	font-size: var(--text-content-2);
	line-height: 130%;
	letter-spacing: -.025em;
}
.text-c3{
	font-size: var(--text-content-3);
	line-height: 130%;
	letter-spacing: -.025em;
}
.text-3rem{
	font-size: 3rem;
}
.text-0-7cqw{
	font-size: 0.7cqw;
}
.columns-2{
	-moz-columns: 2;
	column-count: 2;
}
.columns-3{
	-moz-columns: 3;
	column-count: 3;
}
.leading-100-perc{
	line-height: 100%;
}
.text-lowercase{
	text-transform: lowercase;
}
.text-nowrap{
	text-wrap: nowrap;
}
.text-balance{
	text-wrap: balance;
}
.tracking-tighter{
	letter-spacing: -.05em;
}
.text-center{
	text-align: center;
}
.text-center-30,.text-center-50,.text-center-70{
	text-align: center;
	margin: 0 auto 2rem;
}
.text-center-30{
	width: 30%;
}
.text-center-50{
	width: 50%;
}
.text-center-70{
	width: 70%;
}
.text-start{
	text-align: start;
}
.text-end{
	text-align: end;
}
.text-marker{
	color: var(--color-black);
	background: var(--brand-color-1);
}
.icon-in-text-sm, .icon-in-text-md, .icon-in-text-lg{
	display: inline-block;
	height: auto;
}
.icon-in-text-sm{
	width: clamp(1.25rem, 2vmax, 2vw)
}
.icon-in-text-md{
	width: clamp(1.5rem, 3vmax, 3vw)
}
.icon-in-text-lg{
	width: clamp(2rem, 5vmax, 5vw);
}
@media (min-width:768px){
	.md-text-h1{
		font-size: var(--text-h-1);
	}
	.md-text-h2{
		font-size: var(--text-h-2);
	}
	.md-text-h3{
		font-size: var(--text-h-3);
	}
	.md-text-h4{
		font-size: var(--text-h-4);
	}
	.md-text-h5{
		font-size: var(--text-h-5);
	}
	.md-text-start{
		text-align: start;
	}
	.md-text-end{
		text-align: end;
	}
}

/* btn */

input[type="submit"]:disabled{
	cursor: not-allowed;
}
.btn{
	border: none;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	align-items: center;
	border-radius: 9999px;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: -.025em;
	position: relative;
	white-space: nowrap;
}
.btn-l{
	font-size: var(--text-link-2);
	padding-top: max(0.7rem, 0.7vmax);
	padding-bottom: max(0.7rem, 0.7vmax);
	padding-left: max(1.5rem, 1.7vmax);
	padding-right: max(1.5rem, 1.7vmax);
}
.btn-m{
	font-size: var(--text-link-3);
	padding-top: max(0.7rem, 0.7vmax);
	padding-bottom: max(0.7rem, 0.7vmax);
	padding-left: max(1.5rem, 1.7vmax);
	padding-right: max(1.5rem, 1.7vmax);
}
.but-bg-black{
	background-color: var(--bg-black);
	color: var(--color-white);
}
.but-bg-black:hover{
	background-color: #303030;
}
.but-bg-white{
	background-color: var(--bg-white);
	color: var(--color-black);
}
.but-bg-white:hover{
	background-color: #f5f5f5;
}
.but-bg-brand-1{
	background-color: var(--brand-color-1);
	color: var(--color-white);
}
.but-bg-brand-2{
	background-color: var(--brand-color-2);
	color: var(--color-white);
}
.but-bg-brand-1:hover, .but-bg-brand-2:hover{
	opacity: 0.7;
}
.but-bg-glass{
	background-color: rgba(255,255,255,.75);
	backdrop-filter: blur(25px);
}
.but-border-black{
	border: 1px solid;
	border-color: var(--color-black);
	color: var(--color-black);
}
.but-border-black:hover{
	border-color: var(--color-gray-80);
	color: var(--color-gray-80);
}
.border-black{
	border: 1px solid;
	border-color: var(--color-black);
}
.border-gray{
	border: 1px solid;
	border-color: var(--color-gray-80);
}
.but-border-white{
	border: 1px solid;
	border-color: rgba(255,255,255,.95);
	color: var(--color-white);
}
.but-border-white:hover{
	border-color: var(--color-white);
}
.but-not-active, .but-not-active:hover{
	background-color: transparent;
	border: 1px solid;
	border-color: var(--color-gray-5e);
	color: var(--color-gray-5e);
}
.text-link{
	color: var(--color-gray-5e);
	cursor: pointer;
	letter-spacing: -.025em;
	font-size: var(--text-link-2);
	font-weight: 500;
}
.btn svg, .link svg, .link-opposite svg{
	height: auto;
	width: 1rem;
	margin: 0 0 0 0.5rem;
}
.link-md svg{
	height: auto;
	width: 1.5rem;
	margin: 0 0 0 1.5rem;
}
.link-lg svg{
	height: auto;
	width: 2.5rem;
	margin: 0 0 0 1.5rem;
}
.link-opposite.link-lg svg{
	margin: 0 1.5rem 0 0;
}
.btn:hover svg, .link:hover svg, .icon-in-text:hover svg{
	-webkit-transform: translateX(25%);
	transform: translateX(25%);
}
.link-opposite:hover svg{
	-webkit-transform: translateX(-25%);
	transform: translateX(-25%);
}
.icon-close{
	margin: 1rem 1rem 0 0;
	position: absolute;
	padding: max(0.7rem, 1.0vmax);
	top: 0;
	right: 0;
}
.btn.icon-close svg{
	margin: 0;
}
.btn.icon-close:hover svg{
	-webkit-transform: scale3d(1.25, 1.25, 1.25);
	transform: scale3d(1.25, 1.25, 1.25);
}
@media (min-width:768px){
	.btn svg, .link svg, .link-opposite svg{
		width: 1.5rem;
	}
	.link-md svg{
		width: 2.5rem;
	}
	.link-lg svg{
		width: 4.5rem;
	}
}

/* links */

.link-white{
	color: var(--color-white);
}
.link-gray{
	color: var(--color-gray-5e);
}
.link-black{
	color: var(--color-black);
}
.breadcrumb a{
	color: var(--color-black);
}
.link-black:hover, .breadcrumb a:hover, footer .link-black#more:hover{
	color: var(--color-gray-80);
}
.underline{
	border-bottom: 1px solid;
}
.link-black.underline{
	border-color: var(--color-black);
}
.link-black.underline:hover{
	border-color: var(--color-gray-80);
}

/* border */

.border-none{
	border-style: none;
}
.border-t-w-05{
	border-top: 1px solid rgba(255,255,255,.5);
}
.border-t-w-1{
	border-top: 1px solid rgba(255,255,255,1);
}
.border-b-w-1{
	border-bottom: 1px solid rgba(255,255,255,1);
}
.border-w-1{
	border: 1px solid rgba(255,255,255,1);
}
.border-b-1{
	border: 1px solid rgba(0,0,0,1);
}
.border-t-b-015{
	border-top: 1px solid rgba(0,0,0,.15);
}
.border-t-b-03{
	border-top: 1px solid rgba(0,0,0,.3);
}
.border-t-b-05{
	border-top: 1px solid rgba(0,0,0,.5);
}
.border-t-b-1{
	border-top: 1px solid rgba(0,0,0,1);
}
.border-b-b-015{
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.border-b-b-03{
	border-bottom: 1px solid rgba(0,0,0,.3);
}
.border-b-b-05{
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.border-b-b-1{
	border-bottom: 1px solid rgba(0,0,0,1);
}
.border-b-b-1-last>div:last-child{
	border-bottom: 1px solid rgba(0,0,0,1);
}

/* aspect-ratio */

.aspect-auto{
	aspect-ratio: auto;
}
.aspect-1-1{
	aspect-ratio: 1/1;
}
.aspect-2-1{
	aspect-ratio: 2/1;
}
.aspect-3-2{
	aspect-ratio: 3/2;
}
.aspect-4-3{
	aspect-ratio: 4/3;
}
.aspect-16-9{
	aspect-ratio: 16/9;
}
.aspect-2-3{
	aspect-ratio: 2/3;
}
.aspect-21-9{
	aspect-ratio: 21/9;
}
.aspect-3-4{
	aspect-ratio: 3/4;
}
.aspect-9-16{
	aspect-ratio: 9/16;
}
@media (min-width:768px){
	.md-aspect-auto{
		aspect-ratio: auto;
	}
	.md-aspect-1-1{
		aspect-ratio: 1/1;
	}
	.md-aspect-3-2{
		aspect-ratio: 3/2;
	}
	.md-aspect-4-3{
		aspect-ratio: 4/3;
	}
	.md-aspect-16-9{
		aspect-ratio: 16/9;
	}
	.md-aspect-2-3{
		aspect-ratio: 2/3;
	}
	.md-aspect-21-9{
		aspect-ratio: 21/9;
	}
	.md-aspect-3-4{
		aspect-ratio: 3/4;
	}
	.md-aspect-9-16{
		aspect-ratio: 9/16;
	}
}

/* border-radius */

.rounded-none{
	border-radius: 0;
}
.rounded-025{
	border-radius: .25rem;
}
.rounded-075{
	border-radius: .75rem;
}
.rounded-1{
	border-radius: 1rem;
}
.rounded-1-5{
	border-radius: 1.5rem;
}
.rounded-05vmax{
	border-radius: .5vmax;
}
.rounded-1vmax{
	border-radius: 1vmax;
}
.rounded-1-5vmax{
	border-radius: 1.5vmax;
}
.rounded-2vmax{
	border-radius: 2vmax;
}
.rounded-3vmax{
	border-radius: 3vmax;
}
.rounded-0-0-2-2vmax {
	border-radius: 0 0 2vmax 2vmax;
}
.rounded-3vmax{
	border-radius: 3vmax;
}
.rounded-clamp-0-5rem-0-7vmax-0-7vw{
	border-radius: clamp(.5rem,.7vmax,.7vw);
}
.rounded-full, .list-dots li i::before{
	border-radius: 9999px;
}

/* bg */

.bg-white{
	background-color: var(--bg-white);
}
.bg-white-blur{
	background-color: rgba(255,255,255,.925);
	backdrop-filter: blur(25px);
}
.bg-black{
	background-color: var(--bg-black);
}
.bg-gray-dark-25{
	background-color: var(--bg-gray-dark-25);
}
.bg-gray-dark-35{
	background-color: var(--bg-gray-dark-35);
}
.bg-gray-dark-50{
	background-color: var(--bg-gray-dark-50);
}
.bg-gray-195{
	background-color: var(--bg-gray-195);
}
.bg-gray-215{
	background-color: var(--bg-gray-215);
}
.bg-gray-235{
	background-color: var(--bg-gray-235);
}
.bg-gray-245{
	background-color: var(--bg-gray-245);
}
.bg-gray-245-blur{
	background-color: rgba(245,245,245,.925);
	backdrop-filter: blur(25px);
}
.brand-color-1{
	background-color: var(--brand-color-1);
}
.brand-color-2{
	background-color: var(--brand-color-2);
}
.bg-gradient-blue{
	background: var(--color-black);
	background: linear-gradient(180deg, rgb(0 0 0), rgb(0 0 0), rgb(0 0 0) 75%);
}

/* sizes */

.h-auto{
	height: auto;
}
.h-fit{
	height: -moz-fit-content;
	height: fit-content;
}
.h-full{
	height: 100%;
}
.h-min{
	height: -moz-min-content;
	height: min-content;
}
.h-max{
	height: -moz-max-content;
	height: max-content;
}
.h-screen-100-fit{
	height: 100vh;
	min-height: -moz-fit-content;
	min-height: fit-content;
}
.h-100vh{
	height: 100vh;
}
.h-80vh{
	height: 80vh;
}
.h-70vh{
	height: 70vh;
}
.h-50vh{
	height: 50vh;
}
.h-20vh{
	height: 20vh;
}
.min-h-full{
	min-height: 100%;
}
.min-h-screen{
	min-height: 100vh;
}
.w-50perc{
	width: 50%;
}
.w-33perc{
	width: 33.333333%;
}
.w-25perc{
	width: 25%;
}
.w-50perc{
	width: 50%;
}
.w-50vw{
	width: 50vw;
}
.w-25vw{
	width: 25vw;
}
.w-2-5rem{
	width: 2.5rem;
}
.w-3rem{
	width: 3rem;
}
.w-3-5rem{
	width: 3.5rem;
}
.w-5rem{
	width: 5rem;
}
.w-clamp-2-5rem-3vmax-3vw{
	width: clamp(2.5rem,3vmax,3vw);
}
.w-clamp-2rem-3-5vmax-3-5vw{
	width: clamp(2rem,3.5vmax,3.5vw);
}
.w-auto{
	width: auto;
}
.w-fit{
	width: -moz-fit-content;
	width: fit-content;
}
.w-full{
	width: 100%;
}
.w-max{
	width: -moz-max-content;
	width: max-content;
}
.w-min{
	width: -moz-min-content;
	width: min-content;
}
.object-cover {
	-o-object-fit: cover;
	object-fit: cover;
}
.logo-clamp-7vmax{
	height: auto;
	width: clamp(8rem, 7vmax, 7vw);
}
.logo-clamp-15vmax{
	height: auto;
	width: clamp(15rem, 15vmax, 15vw);
}
.logo-10rem, .logo-10vmax, .logo-15vmax, .logo-20vmax, .logo-25vmax, .logo-30vmax{
	display: inline-flex;
	height: auto;
}
.logo-10rem{
	width: 10rem;
}
.logo-10vmax{
	width: 10vmax;
}
.logo-15vmax{
	width: 15vmax;
}
.logo-20vmax{
	width: 20vmax;
}
.logo-25vmax{
	width: 25vmax;
}
.logo-30vmax{
	width: 30vmax;
}
.logo-dealership img{
	height: 5rem;
}
@media (min-width:768px){
	.md-h-full{
		height: 100%;
	}
}

/* img parallax */

.img-h30vmax{
	height: 30vmax;
}
.img-h40vmax{
	height: 40vmax;
}
.img-h45vmax{
	height: 45vmax;
}
.img-h50vmax{
	height: 50vmax;
}
.img-h50vmax .h120perc{
	will-change: transform;
	height: 120%;
}
.img-h50vmax img{
	position: absolute;
	inset: 0px;
	color: transparent;
	opacity: 1;
}
.img-16-9{
	aspect-ratio: 16/9;
	position: relative;
	height: 100%;
	width: 100%;
}
.img-16-9 video{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.graphic-position-1{
	left: auto;
	right: -3vmax;
	top: -5vmax;
}
.img-on-img-h50-t50{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	height: 50%;
}
.img-on-img-h70-t50{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	height: 70%;
}
.img-on-img-h80-t50{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	height: 80%;
}
.img-on-img-h50-b-10{
	position: absolute;
	transform: translateY(-50%);
	bottom: -10%;
	height: 50%;
}
.img-on-img-h60-t80{
	position: absolute;
	transform: translateY(-50%);
	top: 80%;
	height: 60%;
}
.img-on-img-h85-t-10{
	position: absolute;
	transform: translateY(-50%);
	top: -10%;
	height: 85%;
}
.scale:hover .scale-1-15{
	-webkit-transform: translateY(-50%) scale(1.15);
	transform: translateY(-50%) scale(1.15);
}
.scale:hover .scale-1-15 img{
	-webkit-transform: sscale(1.05);
	transform: scale(1.05);
}
.scale:hover .scale-1-025 img{
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
}
.brand-color-1-substrate::before{
	content: '';
	background-color: var(--brand-color-1);
	border-radius: 3vmax;
	height: 100%;
	width: 100%;
}

/* transition */

.duration-500{
	animation-duration: .5s;
	transition-duration: .5s;
}
.duration-300, header a, footer a, .breadcrumb a, .menu-sub-items, .btn, .btn svg, .link, .link svg, .icon-in-text svg, .link-opposite svg, .hover-scale-015 img, .hover-scale-015 svg, .hover-scale-03 img, .hover-scale-03 svg, .hover-scale-05 img, .hover-scale-05 svg, .hover-scale-1 img, .hover-scale-1 svg{
	animation-duration: .3s;
	transition-duration: .3s;
}
.duration-150{
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.5,0,.2,5);
	animation-duration: .15s;
	transition-duration: .15s;
}
.transition-0-25{
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
}
.transform-y-5vh{
	transform: translate3d(0, 5vh, 0);
	opacity: 0;
	transition: opacity .65s cubic-bezier(.150,.85,.45,1), transform .65s cubic-bezier(.150,.85,.45,1);
}
.hover-scale-015:hover img, .hover-scale-015:hover svg{
	transform: scale(1.015);
}
.hover-scale-03:hover img, .hover-scale-03:hover svg{
	transform: scale(1.03);
}
.hover-scale-05:hover img, .hover-scale-05:hover svg{
	transform: scale(1.05);
}
.hover-scale-1:hover img, .hover-scale-1:hover svg{
	transform: scale(1.1);
}

/* header */

.header-wrap{
	float: left;
	position: fixed;
	width: 100%;
	z-index: 100;
}
.header-navigation{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 1vmax;
}
header .header-logo{
	display: inline-flex;
	height: auto;
	width: 11rem;
	padding: 1.25rem;
}
.header-navigation{
	background-color: rgba(245,245,245,.75);
	backdrop-filter: blur(25px);
	border-radius: 0.5rem;
}
header .header-logo{
	border-radius: 0.5rem;
}
header .header-logo, header nav ul li a, header .menu-sub-items-ul li a, header .messenger a, header .mobile-menu-btn{
	color: var(--color-black);
}
header .header-logo:hover, header nav ul li a:hover, header .menu-sub-items-ul li a:hover, header .messenger a:hover, header .mobile-menu-btn:hover{
	color: #505050;
}
header .menu-sub-items-ul li a:hover{
	background-color: #f5f5f5;
}
header nav>ul{
	display: flex;
	gap: 0.75rem;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
	text-align: center;
}
header nav ul li a, header .menu-sub-items-ul li a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(0.8rem, 0.7vmax, 0.7vw);
	padding: 0.5rem;
	margin: 0.35rem;
	border-radius: 0.75rem;
	white-space: nowrap;
}
header .menu-sub-items-ul li a{
	padding: 0.75rem 1.5rem;
	margin: 0;
	width: 100%;
}
header nav>ul>li.active>a, .mobile-menu nav>ul>li.active>a, .mobile-menu .menu-sub-items .active>a{
	border: 1px solid rgba(0,0,0,1.0);
}
header .menu-sub-items-ul li.active a{
	background: none;
	border: 1px solid rgba(0, 0, 0, .5);
	cursor: default;
}
header nav ul li a:hover{
	border-color: var(--color-gray-80);
	color: var(--color-gray-80);
}
header .menu-sub-items{
	transform: translateX(-50%);
	left: 50%;
	opacity: 0;
	padding-top: 0.7em;
	position: absolute;
	visibility: hidden;
	z-index: 150;
}
li[data-menu]{
	position: relative;
}
li[data-menu]:hover .menu-sub-items{
	opacity: 1;
	visibility: visible;
}
header .menu-sub-items-ul{
	background-color: #fff;
	box-shadow: 0 25px 50px -10px #00000030;
	border-radius: 0.95rem;
	display: flex;
	flex-flow: column;
	transform: translateX(-50%);
	left: 50%;
	position: relative;
	padding: 0.35rem;
	-webkit-user-select: none;
	user-select: none;
	gap: 0.35rem;
}
header i{
	display: inline-flex;
	height: 1.1rem;
	width: 100%;
	margin: 0 0.5rem 0 0;
}
header .menu-sub-items-ul i{
	display: none;
	height: 2.15rem;
	margin: 0 0 0.75rem;
}
header .messenger{
	gap: calc(0.5rem * 1);
	margin: 0 1rem 0 0;
}
header .messenger a, header .mobile-menu-btn{
	cursor: pointer;
	display: inline-flex;
	height: auto;
	padding: 0.5rem;
	margin: 0.1vmax;
	width: 2.5rem;;
}
.mobile-menu{
	background-color: rgba(245,245,245,.85);
	backdrop-filter: blur(25px);
	box-shadow: 0 25px 50px -10px #00000030;
	overflow: auto;
	position: relative;
	height: 100%;
	width: 100%;
}
header nav{
	display: none;
}
@media (min-width:1200px){
	header nav{
		display: block;
	}
	header .mobile-menu-btn{
		display: none;
	}
	header .header-logo{
		width: 20rem;
	}
	header .messenger a, header .mobile-menu-btn{
		width: 3rem;
	}
}

/* footer */

footer .footer-logo{
	height: auto;
	width: 100%;
	color: var(--color-white);
}
footer ul>li a, footer #more{
	color: var(--color-white);
	cursor: pointer;
	display: inline-block;
	font-size: var(--text-content-2);
	margin: 0 0 .5em 0;
	margin-bottom: clamp(.35rem, .4vmax, .4vw);
}
footer ul>li a:hover{
	opacity: 0.5;
}
.messenger button{
	color: var(--color-white);
	height: auto;
	padding: 25%;
	width: clamp(3rem, 2.5vmax, 2.5vw);
	will-change: transform;
}
.messenger.messenger-color button{
	background-color: var(--brand-color-1);
	color: var(--color-white);
}
.messenger.messenger-large button{
	width: clamp(3.5rem, 3.5vmax, 3.5vw);
}
.messenger button:hover{
	transform: scale(1.1);
}
.messenger-large-onpage{
	color: var(--color-white);
	height: auto;
	width: clamp(4rem, 4.5vmax, 4.5vw);
}
@media (min-width:768px){
	footer .footer-logo{
		width: clamp(2rem, 18vmax, 18vw);
	}
}

/* bread-crumbs */

.breadcrumb{
	-webkit-box-pack: start;
	align-items: center;
	display: flex;
	flex-direction: row;
	font-size: var(--text-link-3);
	justify-content: flex-start;
}
.breadcrumbs-separator{
	background-image: url('/images/icons/icon-arrow-simple.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1vmax;
	height: 1vmax;
	padding: 0 2vmax 0 0;
	width: 1vmax;
}
.breadcrumb li{
	margin: 0 1vmax 0 0;
}

/* sitemap */

.sitemap-wrapp ul>li>ul,.sitemap-wrapp ul>ul>ul,.sitemap-wrapp ul>ul>ul>ul{
	margin: 1em
}
.sitemap-wrapp ul>li,.sitemap-wrapp ul ul>li{
	margin: 0 0 .5em
}

/* form */

.form-input{
	cursor: pointer;
	-webkit-appearance: none;
	display: block;
	font-size: var(--text-link-1);
	outline: 0;
	padding-top: max(0.7rem, 0.7vmax);
	padding-bottom: max(0.7rem, 0.7vmax);
	padding-left: 0;
	padding-right: max(1.5rem, 1.7vmax);
	width: 100%;
}
.form-input[disabled],.form-input[readonly],.fieldset[disabled] .form-input{
	background-color: transparent;
	cursor: not-allowed;
	opacity: 1;
}
.form-white .form-input{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 1.0);
	color: var(--color-black);
}
.form-white .form-input::placeholder, .form-white .form-input::-moz-placeholder, .form-white .form-input::-ms-input-placeholder, .form-white .form-input::-webkit-input-placeholder{
	background-color: transparent;
	color: var(--color-black);
}
.form-white .form-input:focus::placeholder, .form-white .form-input:focus{
	color: var(--color-gray-05);
}
span.error{
	color:  var(--color-gray-06);
	display: block;
	font-size: var(--text-link-2);
	margin: 1vmax 0 0;
}
.valid-icon{
	background-image: url('/images/icons/icon-check.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1vmax;
	border-radius: 9999px;
	height: 2vmax;
	opacity: 0.3;
	position: absolute;
	right: 10px;
	top: 0.9vmax;
	width: 2vmax;
	z-index: 5;
}
.valid-icon-active{
	opacity: 1;
}
input[type=file]{
	display: block;
}
textarea{
	height: auto;
	resize: vertical;
	width: 100%;
}
.hellow{
	display: none;
}

/* tabs */

.header_tabs_list, .tabs_features_list_item{
	display: none;
}
.active_tab_list{
	display: block;
}
.active_tab > .btn{
	background-color: var(--color-black);
	border-color: var(--color-black);
	color: var(--color-white);
}

/* list-dots */

.list-dots li, .list-checkmark li{
	display: flex;
	align-items: start;
	position: relative;
	justify-content: start;
	gap: 1.5vmax;
}
.list-dots li i::before{
	background-color: var(--brand-color-1);
	content: "";
	display: inline-flex;
	height: 1rem;
	width: 1rem;
}
.list-checkmark li i::before{
	background-image: url('/images/icons/icon-check.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2rem;
	content: "";
	height: 3rem;
	width: 3rem;
}
.tile{
	-webkit-backdrop-filter: saturate(150%) blur(10px);
	backdrop-filter: saturate(150%) blur(10px);
	background-color: rgba(0,0,0,.8);
	color: var(--color-white);
	display: flex;
	flex-direction: column;
	flex: 1;
	height: 100%;
	justify-content: space-between;
	padding: .7em 1.5em;
}

/* accordeon */

.icon-accordeon{
	background: url('/images/icons/icon-arrow-b.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5vmax;
	height: 1.5vmax;
	width: 1.5vmax;
	cursor: pointer;
}
.head-accordeon-inner{
	cursor: pointer;
}
.icon-rotate-180{
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordeon-inner{
	display: none;
}
.accordeon-active{
	display: flex;
}
.accordeon-item{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	display: block;
	position: relative;
	width: 100%;
}
.accordeon-list li:last-child{
	border: none;
}

/* slick-slider */

.slick-list,.slick-slider{
	position: relative;
	display: block;
}
.slick-slider{
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: 0;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: grab;
}
.slick-slider .slick-list,.slick-slider .slick-track{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track::after,.slick-track::before{
	display: table;
	content: '';
}
.slick-track::after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir=rtl] .slick-slide{
	float: right;
}
.slick-initialized .slick-slide,.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
	display: none;
}
.slick-loading .slick-list{
	background: var(--color-white) url('./ajax-loader.gif') center center no-repeat;
}
.slick-next,.slick-prev{
	border-radius: 9999px;
	color: transparent;
	cursor: pointer;
	display: block;
	height: clamp(5rem,3vmax,3vw);
	opacity: 1;
	overflow: hidden;
	position: absolute;
	width: clamp(5rem,3vmax,3vw);
	z-index: 5;
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
	color: transparent;
	outline: 0;
	opacity: 1;
}
.slick-next.slick-disabled,.slick-prev.slick-disabled, .slick-next.slick-disabled::before,.slick-prev.slick-disabled::before{
	opacity: 0.5;
	cursor: default;
}
[dir=rtl] .slick-prev{
	right: -25px;
	left: auto;
}
[dir=rtl] .slick-next{
	right: auto;
	left: -25px;
}
.slick-prev{
	background: url('/images/icons/icon-arrow-l.svg');
	background-color: var(--color-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 1.5em;
	right: 80px;
}
.slick-next{
	background: url('/images/icons/icon-arrow-r.svg');
	background-color: var(--color-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 1.5em;
	right: 20px;
}
.arrow-in-block .slick-prev, .arrow-in-block .slick-next, .arrow-in-center .slick-prev, .arrow-in-center .slick-next{
	top: 50%;
	transform: translateY(-50%);
}
.arrow-in-block .slick-prev, .arrow-in-center .slick-prev{
	background: url('/images/icons/icon-arrow-l.svg');
	background-color: var(--color-white);
	background-position: 45% 50%;
	background-repeat: no-repeat;
	background-size: clamp(1.25rem,0.85vmax,0.85vw);
	left: 28%;
}
.arrow-in-block .slick-next, .arrow-in-center .slick-next{
	background: url('/images/icons/icon-arrow-r.svg');
	background-color: var(--color-white);
	background-position: 55% 50%;
	background-repeat: no-repeat;
	background-size: clamp(1.25rem,0.85vmax,0.85vw);
	right: 28%;
}
.arrow-in-center .slick-prev{
	left: 28%;
}
.arrow-in-center .slick-next{
	right: 28%;
}
.arrow-in-block .slick-prev{
	left: 3%;
}
.arrow-in-block .slick-next{
	right: 3%;
}
.slick-dots{
	text-align: center;
	list-style: none;
}
.arrow-in-block .slick-dots, .arrow-in-center .slick-dots{
	bottom: 1.5em;
	left: 0;
	right: 0;
	text-align: center;
	 margin-bottom: 1.75vmax;
}
.slick-dots li{
	border-radius: 9999px;
	cursor: pointer;
	display: inline-block;
	height: 1.75vmax;
	position: relative;
	margin-left: 0.7vmax;
	margin-right: 0.7vmax;
	overflow: hidden;
	width: 1.75vmax;
}
.slick-dots li button{
	background-color: rgba(0,0,0,.5);
	border: 0;
	cursor: pointer;
	color: transparent;
	display: block;
	height: 100%;
	outline: 0;
	width: 100%;;
}
.slick-dots li button:focus,.slick-dots li button:hover{
	outline: 0;
	opacity: 1;
}
.slick-dots li.slick-active button{
	background-color: var(--color-black);
}

/* modal-window */

.modal-window, .modal-window-bg{
	height: 100vh;
	opacity: 0;
	overflow: auto;
	position: fixed;
	visibility: hidden;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.modal-window{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 70vw;
	z-index: 101;
}
.modal-window-bg{
	background-color: var(--color-black);
	cursor: pointer;
	z-index: 100;
}
.modal-window-active{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.modal-window-bg-active{
	opacity: 0.5;
	visibility: visible;
}
@media (min-width:768px){
	.modal-window{
		width: 50vw;
	}
}