:root{
	--font-body:"Arial";
	--font-headings:"Arial";
	--color-primary:#333;
	--color-secondary:#555;
}
html,body{width:100%;height:100%;margin:0;padding:0;background:#fff;font-size:17px}
h1,h2,h3,h4,h5,h6,select,textarea,input,button{font-family:inherit;font-size:inherit}
h1{font-size:clamp(1.6rem, .9rem + 1.2vw, 4.8rem)}
h2{font-size:clamp(1.4rem, .9rem + 1.1vw, 3.8rem)}
h3{font-size:clamp(1.2rem, .9rem + 0.9vw, 3.2rem)}
h4{font-size:clamp(1rem, .9rem + 0.3vw, 2.9rem)}
h5{font-size:clamp(1rem, .9rem + 0.1vw, 2.6rem)}
h6{font-size:clamp(1rem, .9rem + 0.1vw, 1.9rem)}
*:not(h1,h2,h3,h4,h5){font-family:var(--font-body)}
h1,h2,h3,h4,h5{font-family:var(--font-headings);color:var(--color-primary);margin:0 0 5px}
a,a:hover,a:focus,label,button{-webkit-tap-highlight-color:transparent}
a,a:hover,a:focus{color:var(--color-primary);text-decoration:none}
img{max-width:100%;display:block}
button{background:none;appearance:none;border:none;padding:0;margin:0;cursor:pointer}
input:focus-visible{outline:none}
span,label{word-break:break-word}
div{box-sizing:border-box}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#aaa}
::selection {color:#fff;background:var(--color-primary)}
.diptych{display:grid}
	.diptych__left{padding:25px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;text-align:center;background-position: center}
	.diptych__right{padding:50px 35px 35px;overflow:auto;position:relative;display:flex;flex-direction:column}
.logo{width:100%;margin-bottom:40px;display:flex}
.logo img{width:100%;max-width:200px}
.form-fields{display:grid;grid-template-columns:repeat(2,calc(50% - 10px));gap:20px}
.form-field{position:relative}
	.form-field__input{width:100%;box-sizing:border-box;appearance:none;padding:21px 12px 8px 12px;border:1px solid var(--color-primary);height:55px;outline:none;background:#fff}
	.form-field--textarea .form-field__input{min-height:150px}
	.form-field--select:after{position:absolute;content:'';border-style:solid;border-width:0.1em 0.1em 0 0;display:inline-block;height:0.4em;right:17px;width:0.4em;top:22px;transform:rotate(135deg)}
	.form-field--select:invalid{border-color:red !important}
	.form-field--checkbox {margin-bottom:5px}
	.form-field--checkbox .form-field__label {position:static;padding-left:25px}
	.form-field--checkbox input {width:1px;height:1px;position:absolute;left:0;top:1px;margin:0}
	.form-field--checkbox input:before{content:'';width:15px;height:15px;border:1px solid var(--color-primary);display:block;position:absolute;left:0;top:0}
	.form-field--checkbox input:after {left:7px;color:#fff;position:absolute;content:'';border-style:solid;border-width:0.02em 0.02em 0 0;display:inline-block;height:0.025em;width:0.045em;top:6px;transform:rotate(100deg);transition:all .2s ease}
	.form-field--checkbox input:checked:after {left:3px;color:#111;border-width:0.2em 0.2em 0 0;height:0.25em;width:0.45em;top:3px;transform:rotate(135deg)}
	.form-field__option {position:relative;width:100%;display:block}
	.form-field--radios {position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
	.form-field--radios .form-field__label {position:static;padding-left:25px}
	.form-field--radios input {width:1px;height:1px;position:absolute;left:2px;top:4px;margin:0}
	.form-field--radios input:before{content:'';width:15px;height:15px;border:1px solid var(--color-primary);display:block;position:absolute;left:-2px;top:-3px;border-radius:50%}
	.form-field--radios input[disabled]:before{border-color:#dfdfdf;background:#dfdfdf}
	.form-field--radios input:after {left:6px;background:#fff;position:absolute;content:'';display:inline-block;height:0;width:0;top:5px;border-radius:50%;transition:all .2s ease}
	.form-field--radios input:checked:after {left:1px;background:#111;height:11px;width:11px;top:0px}
	.form-field__label{left:15px;position:absolute;top:16px;transition:transform 0.25s ease-out;pointer-events:none}
	.form-field__input:focus, .form-field__input:not(:placeholder-shown){border:1px solid var(--color-primary)}
	.form-field__input:focus + .form-field__label, .form-field__input:not(:placeholder-shown) + .form-field__label{transform:translate(-13%, -52%) scale(0.8)}
	.form-field__input::placeholder{color:transparent}
	.form-field-header{display:block;font-weight:600;margin-bottom:10px}
	.form-field-header+div{margin-left:10px}
	.form-field--fullwidth{grid-column:1/3}
	.form-field--phone select, .form-field--phone input{padding-top:8px;}
	.phone-number{display: flex;gap:6px;}
.pull-right{margin-left:auto}
.introduce-container{display:flex;flex-wrap:wrap;gap:40px}
.introduce{width:100%}
.button{text-decoration:none;appearance:none;outline:none;box-shadow:none;touch-action:manipulation;cursor:pointer;display:inline-block;text-align:center;white-space:nowrap;font-size:16px;font-weight:500;padding:12px 48px;background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff;position:relative;transition:all .2s ease;z-index:1;font-weight:600}
.button--small{padding-left:10px;padding-right:10px}
.button:hover,.button:focus{background-color:var(--color-secondary);border:1px solid var(--color-secondary);color:#fff}
.visitorcontrol{display:flex;padding-top:20px;margin-top:auto;gap:5px;flex-direction:column;align-items:center}
.visitorcontrol a{font-size:10px;color:#545454;}
.langswitch{position:absolute;right:25px;top:25px;display:flex;gap:8px}
.tabs{display:flex;gap:10px}
.message{position:fixed;top:50%;left:50%;padding:8px;background:#0cb50c;z-index:2;color:#fff;text-align:center;transform:translate(-50%,-50%);border-radius:5px;transition:opacity .3s ease-in}
.message--fixed-to-top{top:15px;left:50%;transform:translateX(-50%)}
.message--red{background:red}
.hidden{opacity:0}
.video-container {position: relative;padding-bottom: 52.6%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom: 20px}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

@media (max-width:720px){
	.diptych{grid-template-rows:300px auto}
	.logo {max-width:150px}
}
@media (min-width:721px){
	.diptych{grid-template-columns:50% 50%;height:100vh}
}
@media (max-width:1200px){
	.form-fields {display:flex;flex-direction:column}
}