body.formSending {
opacity:0.5;
pointer-events:none;
}
.requestSection {
padding-top:150px;
padding-bottom:150px;
background-color:#ffffff;
}
.requestSection_wrapper {
position:relative;
width:calc(((100vw - (23 * (19 * 100vw / 1280))) / 24 * 20) + (19 * (19 * 100vw / 1280)));
margin:0 auto;
}
.requestForm {
position:relative;
width:100%;
margin:0 auto;
display:flex;
flex-wrap:wrap;
}
.formRow {
position:relative;
width:100%;
display:flex;
justify-content:space-between;
}
.formField {
position:relative;
margin-bottom:20px;
}
.formRow:last-Child .formField {
position:relative;
margin-bottom:0;
}
.formField_full {
width:calc(100% - 2px);
}
.formField_title {
width:calc((((100vw - (23 * (19 * 100vw / 1280))) / 24 * 4) + (3 * (19 * 100vw / 1280))) - 2px);
}
.formField_name {
width:calc((((100vw - (23 * (19 * 100vw / 1280))) / 24 * 8) + (7 * (19 * 100vw / 1280))) - 2px);
}
.formField_half {
width:calc(((100% - (19 * 100vw / 1280)) / 2) - 2px);
}
.formField_third {
width:calc(((100% - (2 * 19 * 100vw / 1280)) / 3) - 2px);
}
.formField_styled {
min-height:50px;
border-bottom:1px solid #747474;
}
.formField_styled label {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
font-size:18px;
line-height:30px;
transform-origin:left top;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
white-space:nowrap;
display:flex;
align-items:center;
color:#747474;
text-transform:uppercase;
}
.inFocus label, .hasValue label {
top:-2px;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
-webkit-transform:scale(.6);
-moz-transform:scale(.6);
-ms-transform:scale(.6);
-o-transform:scale(.6);
transform:scale(.6);
}
.formField_styled input[type="text"], .formField_styled input[type="email"] {
position:absolute;
bottom:0;
left:0;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
border:0;
border-radius:0;
background:none;
height:50px;
font-size:18px;
line-height:50px;
width:100%;
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
}
.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;
height:50px;
width:100%;
font-size:18px;
line-height:50px;
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
}
.formField_styled textarea {
border:0;
height:140px;
padding-top:30px;
width:calc(100% - ((((100vw - (23 * (19 * 100vw / 1280))) / 24 * 1) + (0 * (19 * 100vw / 1280))) * 2));
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
font-size:18px;
line-height:28px;
background:none;
resize:none;
}
.checkboxHolder input {
position:absolute;
top:0;
left:0;
height:100%;
width:25px;
opacity:0;
cursor:pointer;
}
.checkboxHolder .checkmark {
position:absolute;
top:5px;
left:0;
height:23px;
width:23px;
border:1px solid #747474;
background-color:#ffffff;
}
.checkboxHolder .checkmark:after {
content:"";
position:absolute;
display:none;
}
.checkboxHolder input:checked ~ .checkmark:after {
display:block;
}
.checkboxHolder:hover input ~ .checkmark {
background-color:#747474;
}
.checkboxHolder input:checked ~ .checkmark {
background-color:#747474;
}
.checkboxHolder .checkmark:after {
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);
width:5px;
height:10px;
border:solid white;
border-width:0 3px 3px 0;
}
-webkit-appearance:radio;
-moz-appearance:radio;
-ms-appearance:radio;
border:1px solid #747474;
height:25px;
width:25px;
background-color:#ffffff;
border-radius:50%;
margin:0;
height:20px;
width:20px;
}
::-webkit-input-placeholder {
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
font-size:18px;
line-height:30px;
}
::-moz-placeholder {
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
font-size:18px;
line-height:30px;
}
:-moz-placeholder {
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
font-size:18px;
line-height:30px;
}
::-ms-input-placeholder {
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
font-size:18px;
line-height:30px;
}
:-ms-input-placeholder {
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
font-size:18px;
line-height:30px;
}
::placeholder {
font-family:'IBM Plex Sans', sans-serif;
font-weight:300;
color:#747474;
font-size:18px;
line-height:30px;
}
.formField_privacy {
display:flex;
align-items:stretch;
padding-top:20px;
}
.checkboxHolder {
display:block;
position:relative;
padding-left:calc(((100vw - (23 * 19 / 1280 * 100vw)) / 24 * 1) + (1 * 19 / 1280 * 100vw));;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.formRow_security {
position:absolute;
opacity:0;
pointer-events:none;
}
.formField_submit {
display:flex;
justify-content:flex-start;
margin-top:40px;
width:auto;
position:relative;
}
.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_submit input {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
font-size:16px!important;
line-height:40px!important;
font-weight:400;
color:#ffffff;
padding-left:20px;
padding-right:20px;
background-color:#747474;
text-decoration:none;
border-radius:20px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:inline-block;
}
.formField_submit input:hover {
background-color:#1D425D;
}
label[for="formPrivacy"] {
width:calc(100% - 40px);
}
.formField_select:after {
content:'';
position:absolute;
top:0;
right:30px;
bottom:0;
width:10px;
background-image:url(../../Images/formSelect.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
z-index:2;
}
.formField_textarea:not(.hasValue):not(.inFocus) label {
top:30px;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
}
label p + p {
margin-top:20px;
}
#formSubmit {
font-size:18px;
line-height:40px;
font-weight:600;
text-transform:uppercase;
border:0;
background:none;
color:#747474;
cursor:pointer;
}
}
@media screen and (min-width:1900px) and (min-height:1200px) {
.inFocus label, .hasValue label {
top:calc(2px * -1.35);
}
label p + p {
margin-top:calc(20px * 1.35);
}
.checkboxHolder .checkmark {
top:calc(5px * 1.35);
height:calc(23px * 1.35);
width:calc(23px * 1.35);
}
.checkboxHolder input {
width:calc(25px * 1.35);
}
.formField_styled label {
font-size:calc(18px * 1.35);
line-height:calc(30px * 1.35);
}
.formField_styled input[type="text"], .formField_styled input[type="email"] {
font-size:calc(18px * 1.35);
line-height:calc(50px * 1.35);
height:calc(50px * 1.35);
}
.formField_styled {
min-height:calc(50px * 1.35);
}
.formField_styled select {
font-size:calc(18px * 1.35);
}
.formField_styled textarea {
font-size:calc(18px * 1.35);
}
::-webkit-input-placeholder {
font-size:calc(18px * 1.35);
}
::-moz-placeholder {
font-size:calc(18px * 1.35);
}
:-moz-placeholder {
font-size:calc(18px * 1.35);
}
::-ms-input-placeholder {
font-size:calc(18px * 1.35);
}
:-ms-input-placeholder {
font-size:calc(18px * 1.35);
}
::placeholder {
font-size:calc(18px * 1.35);
}
.formField {
margin-bottom:calc(20px * 1.35);
}
.requestSection {
padding-top:calc(150px * 1.35);
}
.formField_select:after {
right:calc(30px * 1.35);
width:calc(10px * 1.35);
}
label p + p {
margin-top:calc(20px * 1.35);
}
#formSubmit {
font-size:calc(18px * 1.35);
line-height:calc(40px * 1.35);
}
.inFocus label, .hasValue label {
top:calc(2px * -1.35);
}
}
@media screen and (min-width:1900px) and (min-height:1200px) {
.inFocus label, .hasValue label {
top:calc(2px * -1.1);
}
label p + p {
margin-top:calc(20px * 1.1);
}
.checkboxHolder .checkmark {
top:calc(5px * 1.1);
height:calc(23px * 1.1);
width:calc(23px * 1.1);
}
.checkboxHolder input {
width:calc(25px * 1.1);
}
.formField_styled label {
font-size:calc(18px * 1.1);
line-height:calc(30px * 1.1);
}
.formField_styled input[type="text"], .formField_styled input[type="email"] {
font-size:calc(18px * 1.1);
line-height:calc(50px * 1.1);
height:calc(50px * 1.1);
}
.formField_styled {
min-height:calc(50px * 1.1);
}
.formField_styled select {
font-size:calc(18px * 1.1);
}
.formField_styled textarea {
font-size:calc(18px * 1.1);
}
::-webkit-input-placeholder {
font-size:calc(18px * 1.1);
}
::-moz-placeholder {
font-size:calc(18px * 1.1);
}
:-moz-placeholder {
font-size:calc(18px * 1.1);
}
::-ms-input-placeholder {
font-size:calc(18px * 1.1);
}
:-ms-input-placeholder {
font-size:calc(18px * 1.1);
}
::placeholder {
font-size:calc(18px * 1.1);
}
.formField {
margin-bottom:calc(20px * 1.1);
}
.requestSection {
padding-top:calc(150px * 1.1);
}
.formField_select:after {
right:calc(30px * 1.1);
width:calc(10px * 1.1);
}
label p + p {
margin-top:calc(20px * 1.1);
}
#formSubmit {
font-size:calc(18px * 1.1);
line-height:calc(40px * 1.1);
}
.inFocus label, .hasValue label {
top:calc(2px * -1.1);
}
}
@media screen and (max-width:767px) {
.formRow {
flex-wrap:wrap;
}
.formField {
width:100%;
}
.formField_styled select {
font-size:16px;
padding-left:calc(((100vw - (23 * (19 * 100vw / 1280))) / 24 * 1) + (1 * (19 * 100vw / 1280)));
padding-right:calc(((100vw - (23 * (19 * 100vw / 1280))) / 24 * 1) + (1 * (19 * 100vw / 1280)));
}
.formField_styled label {
font-size:16px;
}
.formField_styled input[type="text"], .formField_styled input[type="email"] {
font-size:16px;
}
.formField_styled {
min-height:60px;
}
.formField {
margin-bottom:20px;
}
.checkboxHolder {
    padding-left:40px;
}
}
@media screen and (max-width:639px) {
.requestSection {
    padding-top: 100px;
    padding-bottom: 100px;
}
.requestSection_wrapper {
width:calc(((100vw - (23 * (19 * 100vw / 1280))) / 24 * 22) + (21 * (19 * 100vw / 1280)));
}
.formField_submit {
    margin-top: 15px;
}
label p + p {
    margin-top: 10px;
}
.formField {
    margin-bottom: 10px;
}
}