/*//---------------CenterContactForm--//*/

#form-main_contact_form_center {
    width: 1080px;
    max-width: 100%;
}
#mf-message-main_contact_form_center {
    height: 270px;
    padding-top: 25px;
}
#mf-confirm-acceptance-main_contact_form_center {
    margin-left: 0;
    margin-right: 10px;
}
#form-main_contact_form_center label {
    display: block;
}
.mf-component:nth-child(1) {
    grid-area: firstname;
}
.mf-component:nth-child(2) {
    grid-area: phone;
}
.mf-component:nth-child(3) {
    grid-area: email;
}
.mf-component:nth-child(4) {
    grid-area: message;
}
.mf-component:nth-child(5) {
    grid-area: confirm;
}
.mf-component:nth-child(6) {
    grid-area: privacy;
}
.mf-component:nth-child(7) {
    grid-area: send;
}
.mf-success {
    grid-area: success;
    font-size: 17px;
    color: green;
    padding-top: 18px;
}
#form-main_contact_form_center form {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, minmax(50px, auto));
    grid-auto-rows: minmax(50px, auto);
    gap: 10px;
    grid-template-areas: 
    "firstname firstname firstname message message"
    "phone phone phone message message"
    "email email email message message"
    "confirm confirm confirm confirm privacy"
    "success success send send send"
    ;
}
#mf-privacy-policy-main_contact_form_center {
    font-family: 'Apercu pro', sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #333;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .mf-component {
        height: 66px;
    }
    #mf-message-main_contact_form_center {
        height: 213px;
        padding-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    #form-main_contact_form_center form {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(5, minmax(50px, auto));
        grid-auto-rows: minmax(50px, auto);
        gap: 10px;
        grid-template-areas: 
        "firstname firstname firstname firstname firstname"
        "phone phone phone phone phone"
        "email email email email email"
        "message message message message message"
        "confirm confirm confirm confirm confirm"
        "privacy privacy privacy privacy privacy"
        "send send send send send"
        "success success success success success"
        ;
    }
    #mf-message-main_contact_form_center {
        max-height: 38px;
        padding-top: 8px;
    }
    .mf-component {
        height: 0;
        margin-bottom: 6px;
    }
}

/*//---------------BottomContactForm--//*/

#form-main_contact_form_bottom {
    width: 1080px;
    max-width: 100%;
}
/*#form-main_contact_form_bottom input {*/
/*    width: 100%;*/
/*    max-width: 100%;*/
/*}*/
#mf-message-main_contact_form_bottom {
    height: 270px;
    padding-top: 25px;
    width: 100%;
}
#mf-confirm-acceptance-main_contact_form_bottom {
    margin-left: 0;
    margin-right: 10px;
}
.mf-input-check-custom-2 {
    float: left;
    width: 13px;
}
#form-main_contact_form_bottom label {
    display: block;
    color: #fff;
    font-family: 'Apercu pro', sans-serif;
    font-style: italic;
    font-weight: 400;
}
.mf-component:nth-child(1) {
    grid-area: firstname;
}
.mf-component:nth-child(2) {
    grid-area: phone;
}
.mf-component:nth-child(3) {
    grid-area: email;
}
.mf-component:nth-child(4) {
    grid-area: message;
}
.mf-component:nth-child(5) {
    grid-area: confirm;
}
.mf-component:nth-child(6) {
    grid-area: privacy;
}
.mf-component:nth-child(7) {
    grid-area: send;
}
#form-main_contact_form_bottom form {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, minmax(50px, auto));
    grid-auto-rows: minmax(50px, auto);
    gap: 10px;
    grid-template-areas: 
    "firstname firstname firstname message message"
    "phone phone phone message message"
    "email email email message message"
    "confirm confirm confirm confirm privacy"
    "success success send send send"
    ;
}
#form-main_contact_form_bottom form .mf-success {
    background-color: #d9e4e9;
    text-align: center;
}
#mf-privacy-policy-main_contact_form_bottom {
    color: #fff;
    font-family: 'Apercu pro', sans-serif;
    font-style: italic;
    font-weight: 400;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .mf-component {
        height: 66px;
    }
    #mf-message-main_contact_form_bottom {
        height: 213px;
        padding-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    #form-main_contact_form_bottom form {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(5, minmax(50px, auto));
        grid-auto-rows: minmax(50px, auto);
        gap: 10px;
        grid-template-areas: 
        "firstname firstname firstname firstname firstname"
        "phone phone phone phone phone"
        "email email email email email"
        "message message message message message"
        "confirm confirm confirm confirm confirm"
        "privacy privacy privacy privacy privacy"
        "send send send send send"
        "success success success success success"
        ;
    }
    #mf-message-main_contact_form_bottom {
        max-height: 38px;
        padding-top: 8px;
    }
    .mf-component {
        height: 0;
        margin-bottom: 6px;
    }
}