body[data-matched-route-name='contactSingle'] .main {
    padding: 0;
}

.page-header {
    padding: 15px 0 30px;
    background: #ffffff;
    box-shadow: 0 5px 15px -7px rgba(0, 0, 0, 0.15);
}

.page-header > .inner {
    max-width: 1330px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.page-header > .inner .breadcrumbs-wrapper {
    margin-bottom: 15px;
}

.contacts-wrapper {
    background: #f7f7f7;
}

.contacts-wrapper > .inner {
    display: flex;
    max-width: 1330px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.contacts-wrapper > .inner .contacts-form {
    flex: 0 1 100%;
    padding: 40px 40px 40px 0;
}

.contacts-wrapper > .inner .contacts-form .form-row {
    display: inline-block;
    vertical-align: top;
    max-width: calc(33.33% - 13.5px);
    width: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.contacts-wrapper > .inner .contacts-form .form-row:nth-child(3) {
    margin-right: 0;
}

.contacts-wrapper > .inner .contacts-form .form-row.message {
    max-width: 100%;
    margin-right: 0;
}

.contacts-wrapper > .inner .contacts-form .form-row.g-recaptcha-form-row {
    max-width: 100%;
    margin-right: 0;
}

.contacts-wrapper > .inner .contacts-form .form-row label {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: initial;
}

.contacts-wrapper > .inner .contacts-form .form-row .form-field {
    display: block;
    width: 100%;
}

.contacts-wrapper > .inner .contacts-form .form-row.has-error .form-field input,
.contacts-wrapper > .inner .contacts-form .form-row.has-error .form-field textarea {
    border-color: #E74C3C;
}

.contacts-wrapper > .inner .contacts-form .form-row .form-element-error {
    display: none;
}

.contacts-wrapper > .inner .contacts-form .form-row .form-element-error:not(:empty) {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.contacts-wrapper > .inner .contacts-form .button-medium-accent2 {
    display: inline-block;
    min-width: 255px;
    width: fit-content;
    margin-top: 10px;
    padding: 17px 10px 16px;
    background: #00ADEE;
    border-radius: 24px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.contacts-wrapper > .inner .contacts-form .button-medium-accent2:hover {
    background: #3d91c4;
}

.contacts-wrapper > .inner .contacts-info {
    flex: 0 0 300px;
    padding: 40px 0 40px 40px;
    border-left: 1px solid #E5E5E4;
}

.contacts-wrapper > .inner .contacts-info > .title {
    margin-bottom: 30px;
}

.contacts-wrapper > .inner .contacts-info > .text {
    margin-bottom: 30px;
}

.contacts-wrapper > .inner .contacts-info > .phone,
.contacts-wrapper > .inner .contacts-info > .email,
.contacts-wrapper > .inner .contacts-info > .working-time {
    position: relative;
    margin-top: 10px;
    padding-left: 31px;
}

.contacts-wrapper > .inner .contacts-info > .phone:before,
.contacts-wrapper > .inner .contacts-info > .email:before,
.contacts-wrapper > .inner .contacts-info > .working-time:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
}

.contacts-wrapper > .inner .contacts-info > .phone:before {
    background: url('../images/icons/icon-phone-dark.svg') no-repeat center;
}

.contacts-wrapper > .inner .contacts-info > .email:before {
    background: url('../images/icons/icon-envelope-dark.svg') no-repeat center;
}

.contacts-wrapper > .inner .contacts-info > .working-time:before {
    background: url('../images/icons/icon-clock-dark.svg') no-repeat center;
}

@media screen and (max-width: 1020px) {

    .contacts-wrapper > .inner .contacts-form .form-row {
        max-width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 740px) {

    .page-header {
        padding: 10px 0 20px;
    }

    .page-header > .inner .breadcrumbs-wrapper {
        margin-bottom: 20px;
    }

    .contacts-wrapper > .inner {
        display: block;
    }

    .contacts-wrapper > .inner .contacts-form {
        padding: 30px 0;
    }

    .contacts-wrapper > .inner .contacts-form .button-medium-accent2 {
        width: 100%;
    }

    .contacts-wrapper > .inner .contacts-info {
        padding: 30px 0;
        border-top: 1px solid #E5E5E4;
        border-left: 0 none;
    }
}