.page {
    margin-bottom: 128px
}




.content {
    background-color: var(--color--anti-flash-white);
    padding: 55px 0 64px;
}


.content form {
    margin-bottom: 64px;
}

.content .fields {
    display: grid;
    grid-gap: 31px 24px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 32px;
}

.content .fields .field:last-child {
    grid-column-start: span 3;
}

.content .checkbox {
    margin-bottom: 7px;
}

.content .recaptcha {
    font-size: 14px;
    line-height: 28px;
    margin: 0 0 31px;
}




.content .map {
    background-color: var(--color--white);
    padding: 8px;
}

.content .media {
    align-items: center;
    background-color: var(--color--gray);
    display: flex;
    height: calc(var(--container--width) / 3);
    justify-content: center;
    position: relative;
}

.content .media .button {
    position: absolute;
}

.content .media iframe {
    height: 100%;
    left: 0;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.content .map iframe[_active] {
    opacity: 1;
}




@media (max-width: 1307px) {
    .page {
        margin-bottom: 96px;
    }
}


@media (max-width: 1199px) {
    .page {
        margin-bottom: 85px;
    }
}


@media (max-width: 1024px) {
    .page {
        margin-bottom: 56px
    }


    .content {
        padding: 39px 0 48px;
    }

    .content form {
        margin-bottom: 48px;
    }

    .content .fields {
        display: block;
        margin-bottom: 32px;
    }

    .content .fields .field:not(:last-child) {
        margin-bottom: 23px;
    }

    .content .checkbox {
        margin-bottom: 9px;
    }

    .content .map {
        background-color: transparent;
        height: calc(var(--viewport--height) - 80px);
        padding: 0;
    }
}