@font-face {
	font-family: 'Cuch St';
	src: url('../fonts/CuchLightSt.woff2') format('woff2'),
	url('../fonts/CuchLightSt.woff') format('woff');
	font-weight: 300;
	font-style: light;
}

@font-face {
	font-family: 'Cuch St';
	src: url('../fonts/CuchRegularSt.woff2') format('woff2'),
	url('../fonts/CuchRegularSt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/*Reset*/
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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
html{font-size: 10px}
body{font-family: 'Cuch St';color:#000}

:root{
	--font-family: 'Cuch St';
	--container-gap: 2rem;
	--body-size: 3rem;
	--brand-size: 6rem;
}

p, input, textarea{font-size: var(--body-size);font-weight: 300;line-height: 1.2}

img{width: 100%}
a{text-decoration: none;color: #000}
a:hover, [type="submit"]:hover{opacity:.6}

.brand{
	position: absolute;
	width: var(--brand-size);
	top: var(--container-gap);
	left: var(--container-gap);
}

.bg-white{background: #fff}

/* Modal  */
.modal{
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	top: 100vh;
	left: 0;
	width: 100vw;
	height: 100vh;
	min-height: 100vh;
	background-color: #fff;
	visibility: hidden;
	z-index: 1;
	pointer-events: none;
	transition: all .6s cubic-bezier(.7, 0, .3, 1);
}

.modal .close{
	position: absolute;
	top: 6rem;
	right: 3rem;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
	z-index: 999999;
}

.close:before, .close:after{
	position: absolute;
	content: '';
	top: 50%;left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	width: .3rem;height: 3.2rem;
	background:currentColor
}

.close:after{
	transform: translate(-50%,-50%) rotate(-45deg);
}

.modal[data-show="on"] {
	top: 0;
	pointer-events: inherit;
	opacity:1;
	visibility: visible !important;
	transform: translateY(0);
	backdrop-filter: blur(3px);
	z-index: 99999999;
}

.blind-list{
	list-style: none;
	font-size: var(--body-size);
	font-weight: lighter;
}

.scroller {position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto}

@media (min-width:720px) {
	:root{
		--container-gap: 3rem;
		--body-size: 4rem;
		--brand-size: 8rem;
	}

	.modal .close{
		left: 5rem;
		top: 5.5rem;
	}

}

@media (min-width: 1024px) {
	:root{
		--container-gap: 5rem;
		--body-size: 5rem;
		--brand-size: 9rem;
	}
	html{font-size: 9px}
	.brand{position: fixed}
}

@media (min-width: 1440px) {
	html{font-size: 10px}
}

.h-100{min-height: 100vh}
.z-100{z-index: 100}

.relative{position: relative}

/* GRID */
.d-grid{display:grid}.grid-col-1{grid-template-columns:repeat(1,1fr)}.grid-col-2{grid-template-columns:repeat(2,1fr)}.grid-col-3{grid-template-columns:repeat(3,1fr)}.grid-col-4{grid-template-columns:repeat(4,1fr)}.grid-col-5{grid-template-columns:repeat(5,1fr)}.grid-col-6{grid-template-columns:repeat(6,1fr)}.grid-col-7{grid-template-columns:repeat(7,1fr)}.grid-col-8{grid-template-columns:repeat(8,1fr)}.grid-col-9{grid-template-columns:repeat(9,1fr)}.grid-col-10{grid-template-columns:repeat(10,1fr)}.grid-col-11{grid-template-columns:repeat(11,1fr)}.grid-col-12{grid-template-columns:repeat(12,1fr)}.grid-gap-0{grid-gap:0}.grid-gap-05{grid-gap:.5rem}.grid-gap-1{grid-gap:1rem}.grid-gap-2{grid-gap:2rem}.grid-gap-3{grid-gap:3rem}.grid-gap-1{grid-gap:1rem}.grid-gap-4{grid-gap:4rem}.grid-gap-5{grid-gap:5rem}.grid-gap-6{grid-gap:6rem}.grid-gap-7{grid-gap:7rem}.grid-gap-8{grid-gap:8rem}.grid-gap-9{grid-gap:9rem}.grid-gap-10{grid-gap:10rem}@media(min-width:768px){.d-sm-grid{display:grid}.grid-col-sm-1{grid-template-columns:repeat(1,1fr)}.grid-col-sm-2{grid-template-columns:repeat(2,1fr)}.grid-col-sm-3{grid-template-columns:repeat(3,1fr)}.grid-col-sm-4{grid-template-columns:repeat(4,1fr)}.grid-col-sm-5{grid-template-columns:repeat(5,1fr)}.grid-col-sm-6{grid-template-columns:repeat(6,1fr)}.grid-col-sm-7{grid-template-columns:repeat(7,1fr)}.grid-col-sm-8{grid-template-columns:repeat(8,1fr)}.grid-col-sm-9{grid-template-columns:repeat(9,1fr)}.grid-col-sm-10{grid-template-columns:repeat(10,1fr)}.grid-col-sm-11{grid-template-columns:repeat(11,1fr)}.grid-col-sm-12{grid-template-columns:repeat(12,1fr)}.grid-gap-sm-0{grid-gap:0}.grid-gap-sm-05{grid-gap:.5rem}.grid-gap-sm-1{grid-gap:1rem}.grid-gap-sm-2{grid-gap:2rem}.grid-gap-sm-3{grid-gap:3rem}.grid-gap-sm-1{grid-gap:1rem}.grid-gap-sm-4{grid-gap:4rem}.grid-gap-sm-5{grid-gap:5rem}.grid-gap-sm-6{grid-gap:6rem}.grid-gap-sm-7{grid-gap:7rem}.grid-gap-sm-8{grid-gap:8rem}.grid-gap-sm-9{grid-gap:9rem}.grid-gap-sm-10{grid-gap:10rem}}@media(min-width:960px){.d-md-grid{display:grid}.grid-col-md-1{grid-template-columns:repeat(1,1fr)}.grid-col-md-2{grid-template-columns:repeat(2,1fr)}.grid-col-md-3{grid-template-columns:repeat(3,1fr)}.grid-col-md-4{grid-template-columns:repeat(4,1fr)}.grid-col-md-5{grid-template-columns:repeat(5,1fr)}.grid-col-md-6{grid-template-columns:repeat(6,1fr)}.grid-col-md-7{grid-template-columns:repeat(7,1fr)}.grid-col-md-8{grid-template-columns:repeat(8,1fr)}.grid-col-md-9{grid-template-columns:repeat(9,1fr)}.grid-col-md-10{grid-template-columns:repeat(10,1fr)}.grid-col-md-11{grid-template-columns:repeat(11,1fr)}.grid-col-md-12{grid-template-columns:repeat(12,1fr)}.grid-gap-md-0{grid-gap:0}.grid-gap-md-05{grid-gap:.5rem}.grid-gap-md-1{grid-gap:1rem}.grid-gap-md-2{grid-gap:2rem}.grid-gap-md-3{grid-gap:3rem}.grid-gap-md-1{grid-gap:1rem}.grid-gap-md-4{grid-gap:4rem}.grid-gap-md-5{grid-gap:5rem}.grid-gap-md-6{grid-gap:6rem}.grid-gap-md-7{grid-gap:7rem}.grid-gap-md-8{grid-gap:8rem}.grid-gap-md-9{grid-gap:9rem}.grid-gap-md-10{grid-gap:10rem}}@media(min-width:1024px){.d-lg-grid{display:grid}.grid-col-lg-1{grid-template-columns:repeat(1,1fr)}.grid-col-lg-2{grid-template-columns:repeat(2,1fr)}.grid-col-lg-3{grid-template-columns:repeat(3,1fr)}.grid-col-lg-4{grid-template-columns:repeat(4,1fr)}.grid-col-lg-5{grid-template-columns:repeat(5,1fr)}.grid-col-lg-6{grid-template-columns:repeat(6,1fr)}.grid-col-lg-7{grid-template-columns:repeat(7,1fr)}.grid-col-lg-8{grid-template-columns:repeat(8,1fr)}.grid-col-lg-9{grid-template-columns:repeat(9,1fr)}.grid-col-lg-10{grid-template-columns:repeat(10,1fr)}.grid-col-lg-11{grid-template-columns:repeat(11,1fr)}.grid-col-lg-12{grid-template-columns:repeat(12,1fr)}.grid-gap-lg-0{grid-gap:0}.grid-gap-lg-05{grid-gap:.5rem}.grid-gap-lg-1{grid-gap:1rem}.grid-gap-lg-2{grid-gap:2rem}.grid-gap-lg-3{grid-gap:3rem}.grid-gap-lg-1{grid-gap:1rem}.grid-gap-lg-4{grid-gap:4rem}.grid-gap-lg-5{grid-gap:5rem}.grid-gap-lg-6{grid-gap:6rem}.grid-gap-lg-7{grid-gap:7rem}.grid-gap-lg-8{grid-gap:8rem}.grid-gap-lg-9{grid-gap:9rem}.grid-gap-lg-10{grid-gap:10rem}}@media(min-width:1680px){.d-xl-grid{display:grid}.grid-col-xl-1{grid-template-columns:repeat(1,1fr)}.grid-col-xl-2{grid-template-columns:repeat(2,1fr)}.grid-col-xl-3{grid-template-columns:repeat(3,1fr)}.grid-col-xl-4{grid-template-columns:repeat(4,1fr)}.grid-col-xl-5{grid-template-columns:repeat(5,1fr)}.grid-col-xl-6{grid-template-columns:repeat(6,1fr)}.grid-col-xl-7{grid-template-columns:repeat(7,1fr)}.grid-col-xl-8{grid-template-columns:repeat(8,1fr)}.grid-col-xl-9{grid-template-columns:repeat(9,1fr)}.grid-col-xl-10{grid-template-columns:repeat(10,1fr)}.grid-col-xl-11{grid-template-columns:repeat(11,1fr)}.grid-col-xl-12{grid-template-columns:repeat(12,1fr)}.grid-gap-xl-0{grid-gap:0}.grid-gap-xl-05{grid-gap:.5rem}.grid-gap-xl-1{grid-gap:1rem}.grid-gap-xl-2{grid-gap:2rem}.grid-gap-xl-3{grid-gap:3rem}.grid-gap-xl-1{grid-gap:1rem}.grid-gap-xl-4{grid-gap:4rem}.grid-gap-xl-5{grid-gap:5rem}.grid-gap-xl-6{grid-gap:6rem}.grid-gap-xl-7{grid-gap:7rem}.grid-gap-xl-8{grid-gap:8rem}.grid-gap-xl-9{grid-gap:9rem}.grid-gap-xl-10{grid-gap:10rem}}
.container{padding: var(--container-gap)}

.poster-container{padding-bottom: 0 !important}

.poster{
	position: absolute !important;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: -1 !important;
	pointer-events: none;
}

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

.form-container{
	padding-top: 10rem;
}

/*/////////////////// FORM /////////////////////*/
input:not([type="submit"]), textarea {
	font-family: var(--font-family);
	width: 100%;
	background: transparent;
	border: none;
	color: inherit;
	border-top: 1px solid currentColor;
	padding: 1rem 0 2rem;
	box-shadow: none !important;
	margin-bottom: 2rem;
}

input[type="checkbox"], input[type="radio"] {width: auto}
input:not([type="submit"]):focus, textarea:focus{outline: none}

[type="submit"] {
	-webkit-appearance: button;
	width: auto;
	padding: 0;
	border: none;
	background: transparent;
	color: var(--color-1);
	transition: all .3s ease-out;
	cursor: pointer;
	outline: none !important;
}

input, textarea, [type="submit"] , #contact-result{
	font-family: var(--font-family);
	font-size: 3rem;
	font-weight: 300;
}

#contact-result {margin: 2rem 0}

::-webkit-input-placeholder {font-family: var(--font-family) !important; color:#000 !important}
::-moz-placeholder {font-family: var(--font-family) !important; color:#000 !important}
:-ms-input-placeholder {font-family: var(--font-family) !important; color:#000 !important}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset}

.field-wrap {position: relative}

label.error {
	font-size: 2rem;
	color: #ab0000;
	display: block;
	margin-bottom: 4rem;
}

#contact-form {padding-bottom: 22rem}