.contact-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 92px 20px 106px
}

    .contact-details .lead {
        color: #125246;
        text-align: center;
        margin-bottom: 52px
    }

.contact-details__links {
    max-width: 1275px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

    .contact-details__links .link {
        color: #00a3e0;
        font-size: 28px;
        font-weight: 300;
        letter-spacing: 0
    }

        .contact-details__links .link a {
            color: #00a3e0;
            font-weight: 400;
            margin-left: 20px
        }

            .contact-details__links .link a:hover {
                color: #125246
            }

.contact-details .link-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .contact-details .link-social span {
        color: #00a3e0;
        font-size: 28px;
        font-weight: 300;
        letter-spacing: 0
    }

    .contact-details .link-social .socials {
        padding-top: 4px;
        margin-left: 33px
    }

        .contact-details .link-social .socials a {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex
        }

            .contact-details .link-social .socials a:not(:last-child) {
                margin-right: 35px
            }

            .contact-details .link-social .socials a path {
                -webkit-transition: .2s;
                -o-transition: .2s;
                transition: .2s
            }

            .contact-details .link-social .socials a:hover path {
                fill: #125246
            }

.section-form {
    padding: 68px 0 115px
}

    .section-form.lazy-background.visible {
        background: #c1e7ef url(../gfx/contact-bg.jpg);
        background-size: cover
    }

.section-form__wrapper {
    max-width: 1500px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px;
    margin: auto
}

    .section-form__wrapper .heading {
        color: #4eb2b1;
        text-align: center;
        margin-bottom: 41px
    }

.section-form .form-contact {
    width: 100%
}

    .section-form .form-contact .inputs-row {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }

        .section-form .form-contact .inputs-row label {
            width: 433px;
            position: relative;
        }

    .section-form .form-contact .textarea-form {
        height: 195px;
        margin-bottom: 11px
    }

    .section-form .form-contact .legend-form {
        margin-bottom: 20px
    }

    .section-form .form-contact .bottom-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .section-form .form-contact .bottom-row .submit-form {
            max-width: 313px;
            width: 100%
        }

            .section-form .form-contact .bottom-row .submit-form::after {
                display: none
            }

.text-info {
   font-weight:500;
}

.section-form .form-contact .inputs-row label.error, #contact_message-error {
    color: red;
    position: absolute;
    right: 7px;
    width: auto;
    margin-top: 17px;
    font-size: 12px;
}

@media (max-width: 1599.98px) {
    .contact-details {
        padding: 70px 20px 50px
    }

        .contact-details .lead {
            margin-bottom: 35px
        }

    .contact-details__links {
        max-width: 900px
    }

        .contact-details__links .link {
            font-size: 21px
        }

    .contact-details .link-social span {
        font-size: 21px
    }

    .contact-details .link-social .socials a {
        width: 42px;
        height: 42px
    }

        .contact-details .link-social .socials a:not(:last-child) {
            margin-right: 20px
        }

    .section-form .form-contact .inputs-row label {
        width: 380px
    }
}

@media (max-width: 1023.98px) {
    .contact-details {
        padding: 50px 20px 30px
    }

    .contact-details__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .contact-details__links .link {
            width: 320px;
            margin-bottom: 20px
        }

            .contact-details__links .link span {
                width: 100px;
                display: -webkit-inline-box;
                display: -webkit-inline-flex;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

        .contact-details__links .link--email {
            padding-left: 0
        }

    .contact-details .link-social {
        height: 50px;
        width: 320px
    }

        .contact-details .link-social span {
            width: 100px;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .contact-details .link-social .socials {
            padding-top: 4px
        }

    .section-form {
        padding: 40px 0 30px
    }

    .section-form__wrapper {
        padding: 0 20px
    }

    .section-form .form-contact .inputs-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }

        .section-form .form-contact .inputs-row label {
            width: 100% !important;
            margin-bottom: 10px
        }

    .section-form .form-contact .bottom-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .section-form .form-contact .bottom-row .submit-form {
            margin-top: 30px
        }
}

@media (max-width: 1279.98px) {
    .section-form.lazy-background.visible {
        background-position: right
    }

    .section-form .form-contact .inputs-row label {
        width: 280px
    }
}


@media (max-width: 769px) {
    .text-info {
        margin-top:30px;
    }

}