.requestSection_wrapper {
width:calc(((100vw - (2 * 125 / 1920 * 100vw) - (6 * 30 / 1920 * 100vw)) / 7 * 5) + (4 * 30 / 1920 * 100vw));
margin:0 auto;
}
.requestForm {
width:100%;
}
.spaForm {
margin-top:calc(30px);
width:100%;
}
.formRow {
position:relative;
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.formField {
position:relative;
margin-bottom:calc(30px);
}
.formRow:last-Child .formField {
position:relative;
margin-bottom:0;
}
.formField_full {
width:100%;
}
.formField_half {
width:calc(50% - (calc(((100vw - (2 * 125 / 1920 * 100vw) - (6 * 30 / 1920 * 100vw)) / 7 * 0) + (0.5 * 30 / 1920 * 100vw))));
}
.formField_third {
width:calc((100% / 3) - (calc(((100vw - (2 * 125 / 1920 * 100vw) - (6 * 30 / 1920 * 100vw)) / 7 * 0) + (0.5 * 30 / 1920 * 100vw))));
}
.formField_styled {
border-bottom:calc(1px) solid #1B1B1B;
}
.formField_wrapper {
position:relative;
min-height:calc(48px);
}
.formField_privacy .formField_wrapper {
position:relative;
min-height:auto;
}
.formField_styled label {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-height:calc(48px);
z-index:1;
}
.formField_styled label span {
font-family:var(--mainFont);
font-weight:200;
font-size:calc(22px);
line-height:calc(28px);
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
transform-origin:left top;
-webkit-transition:all 200ms ease;
-moz-transition:all 200ms ease;
-ms-transition:all 200ms ease;
-o-transition:all 200ms ease;
transition:all 200ms ease;
white-space:nowrap;
}
.inFocus label, .hasValue label {
z-index:1;
}
.inFocus label span, .hasValue label span {
top:0;
font-size:calc(10px);
line-height:calc(20px);
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
}
label p, label a {
font-family:var(--mainFont);
font-weight:200;
font-size:calc(20px);
line-height:calc(24px);
}
label p + p {
margin-top:calc(5px);
}
.formField_styled input[type="text"], .formField_styled input[type="email"], .formField_styled input[type="tel"] {
font-family:var(--mainFont);
font-weight:200;
font-size:calc(22px);
line-height:calc(34px);
position:absolute;
bottom:0;
left:0;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
border:0;
border-radius:0;
background:none;
width:100%;
z-index:2;
padding-top:calc(14px);
}
.formField_styled select {
position:absolute;
bottom:0;
left:0;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
border:0;
border-radius:0;
background:none;
width:100%;
font-family:var(--mainFont);
font-weight:200;
font-size:calc(22px);
line-height:calc(34px);
height:calc(48px);
width:100%;
z-index:2;
padding-top:calc(14px);
}
.formField_styled select option {
color:#1B1B1B;
}
.formField_styled textarea {
border:0;
width:100%;
font-family:var(--mainFont);
font-weight:200;
font-size:calc(22px);
line-height:calc(24px);
background:none;
resize:none;
display:block;
padding-top:calc(18px);
height:calc(110px);
}
.formField_textarea .formField_wrapper {
height:calc(128px);
}
.checkboxHolder input {
position:absolute;
top:0;
left:0;
height:100%;
opacity:0;
cursor:pointer;
}
.checkboxHolder .checkmark {
position:absolute;
top:0;
left:0;
border:calc(1px) solid #1B1B1B;
background-color:transparent;
width:calc(22px);
height:calc(22px);
}
.checkboxHolder .checkmark:after {
content:"";
position:absolute;
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
transform:translateX(-50%) translateY(-50%) rotate(45deg);
border:solid #1B1B1B;
border-width:0 calc(3px) calc(3px) 0;
display:none;
width:calc(5px);
height:calc(10px);
}
.checkboxHolder input:checked ~ .checkmark:after {
display:block;
}
isDesktop .checkboxHolder:hover input ~ .checkmark {
background-color:transparent;
}
.checkboxHolder input:checked ~ .checkmark {
background-color:transparent;
}
.formField_privacy {
display:flex;
align-items:stretch;
}
.formField_privacy .formField_wrapper {
margin-left:0;
margin-right:0;
}
.checkboxHolder {
display:block;
position:relative;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
padding-left:calc(40px);
}
.formRow_security {
position:absolute;
opacity:0;
pointer-events:none;
width:calc(1px);
height:calc(1px);
overflow:hidden;
}
.formField_submit {
display:flex;
justify-content:center;
margin-bottom:0!important;
}
.formField_submit input {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
display:block;
border:0;
cursor:pointer;
}
.formRow_flex {
display:flex;
}
.formRow_flexCenter {
justify-content:center;
}
.formField_select:after {
content:'';
position:absolute;
top:0;
right:calc(10px);
bottom:0;
width:calc(20px);
background-image:url(/fileadmin/templates/images/spaItem_titleIcon.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
z-index:2;
}
.formSending #formSubmit, .formSending .formSubmit {
pointer-events:none;
opacity:0.5;
}
.formField_submit .formField_wrapper {
height:auto;
min-height:auto;
margin-left:0;
margin-right:0;
width:100%;
display:inline-flex;
justify-content:center;
}
fieldset {
border:0;
padding:0;
margin:0;
}
fieldset + fieldset {
margin-top:calc(60px);
}
legend {
margin-bottom:calc(30px);
}
.formRow_whatsapp {
padding-top:calc(30px);
padding-left:calc(30px);
padding-right:calc(30px);
width:calc(100% - (60px));
background-color:rgba(2,187,0,0.2);
margin-bottom:calc(30px);
}
.formField_childrenAge {
display:none;
}
.formRow_whatsapp {
display:none;
}