body {
    &.white_head {
        background: #FFFFFF;
    }
}
.my_checkbox {
    label {
        input {
            display: block;
            position: absolute;
            z-index: -1;
            width: 0;
            height: 0;
            opacity: 0;
        }
        span {
            font-family: 'RawlineMedium';
            font-size: 13px;
            line-height: 16px;
            color: #84817E;
            width: 100%;
            font-weight: 500;
            a {
                color: #6DADD5;
                text-decoration: none;
                /*text-decoration: underline;*/
                /*text-decoration-thickness: 8%;*/
                /*text-decoration-style: wavy;*/
            }
        }
        span::before {
            content: "";
            display: inline-block;
            width: 24px;
            height: 24px;
            position: relative;
            left: 0;
            top: 0;
            transition: background 0.3s ease;
            background: #EBF2D4;
            border-radius: 4px;
            border: 2px solid #9BBD27;
        }
        input[type=checkbox]:checked + span:before {
            background-image: url(./img/ico/checkbox.png);
        }

    }
}
.contacts_block {
    display: block;
    width: 100%;
    position: relative;
    .container {
        .contacts_block_items {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-top: 32px;
            align-items: start;
            .contacts_block_item {
                &.left {
                    max-width: 668px;
                    width: 100%;
                    flex: calc(100%/2);
                    .contacts_block_item_text_blocks {
                        display: flex;
                        width: 100%;
                        flex-wrap: wrap;
                    }
                    .contacts_block_item_text_block:last-child {
                        padding-bottom: 0;
                    }
                    .contacts_block_item_text_block {
                        display: flex;
                        width: 100%;
                        flex: 50%;
                        gap: 16px;
                        padding-top: 32px;
                        padding-bottom: 30px;
                        flex-wrap: wrap;
                        .contacts_block_item_text_object {
                            display: block;
                            width: 100%;
                            p {
                                b {
                                    font-size: 18px;
                                    font-family: 'RawlineBold';
                                    line-height: 24px;
                                    color: #4F4B47;
                                    display: block;
                                    text-transform: uppercase;
                                    padding-bottom: 12px;
                                }
                                font-size: 16px;
                                font-family: 'RawlineSemiBold';
                                line-height: 22px;
                                margin: 0;
                                color: #3D3935;
                                display: block;
                            }
                            .address_link {
                                color: #6DADD5;
                                font-size: 16px;
                                font-family: 'RawlineMedium';
                                line-height: 22px;
                                display: inline-block;
                                text-decoration: none;
                                /*text-decoration: underline;*/
                                /*text-decoration-thickness: 8%;*/
                                /*text-decoration-style: wavy;*/
                            }
                            a {
                                font-size: 16px;
                                font-family: 'RawlineSemiBold';
                                line-height: 22px;
                                display: inline-block;
                                color: #3D3935;
                            }
                        }
                    }
                }
                &.right {
                    max-width: 692px;
                    width: 100%;
                    flex: calc(100%/2);
                    div {
                        width: 100%;
                        max-width: 692px;
                    }
                    .title_block_h2 {
                        display: none;
                        div {
                            width: 100%;
                            max-width: 692px;
                        }
                    }
                    iframe {
                        border-radius: 24px;
                    }
                    .ymaps-map {
                        border-radius: 24px;
                        max-width: 692px;
                        width: 100% !important;
                    }
                }
            }
        }
    }
}
.contacts_form_block {
    display: block;
    width: 100%;
    padding-top: 96px;
    .container {
        .contact_form_block_items {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            .contact_form_block_item {
                display: flex;
                width: 100%;
                gap: 48px;
                flex-wrap: wrap;
                .contact_form_block_item_img {
                    max-width: 644px;
                    display: flex;  
                    flex: calc(100%/2);
                    img {
                        border-radius: 24px;
                        object-fit: cover;
                        width: 100%;
                    }
                }
                .contact_form_block_item_text {
                    display: flex;  
                    flex: calc(100%/2);
                    max-width: 668px;
                    flex-wrap: wrap;
                    form {
                        display: flex;
                        width: 100%;
                        flex: 100%;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        padding-top: 32px;
                        input[type=text], input[type=phone] {
                            flex: calc(100%/2);
                            padding: 16px 12px 16px 12px;
                            border-radius: 8px;
                            border: 1px #DCDBDA solid;
                            max-width: 329px;
                            font-family: 'RawlineSemiBold';
                            font-size: 14px;
                            color: #A7A5A3;
                        }
                        .my_checkbox {
                            padding-top: 20px;
                            label {
                                margin: 0;
                                display: flex;
                                flex-wrap: wrap;
                                width: 100%;
                                gap: 12px;
                                span {
                                    max-width: 512px;
                                }
                                span::before {
                                    margin-right: 12px;
                                    top: 4px;
                                } 
                            }
                        }
                        .call_back_button {
                            margin-top: 24px;
                            display: flex;
                            justify-content: center;
                            img {
                                top: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
    .contacts_block {
        .container {
            .contacts_block_items {
                padding-top: 12px;
                .contacts_block_item {
                    &.right {
                        order: 1;
                        flex: 100%;
                        flex-wrap: wrap;
                        display: flex;
                        gap: 20px;
                        max-width: 100%;
                        .title_block_h2 {
                            display: block;
                        }
                        iframe {
                            max-height: 360px;
                        }
                        div {
                            width: 100%;
                            max-width: 100%;
                        }
                        .ymaps-map {
                            max-width: 100%;
                            width: 100% !important;
                        }
                    }
                    &.left {
                        order: 2;
                        flex: 100%;
                        max-width: 100%;
                        .title_block_h2 {
                            display: none;
                        }
                        .contacts_block_item_text_block {
                            padding-top: 20px;
                            gap: 0;
                            flex-wrap:wrap ;
                            flex-direction: row;
                            .contacts_block_item_text_object {
                                /*flex: calc(100%/2);*/
                                padding-bottom: 20px;
                                p {
                                    b {
                                        font-size: 20px;
                                        line-height: 100%;
                                        font-family: 'RawlineBold';
                                    }
                                    font-family: 'RawlineMedium';
                                    line-height: 22px;
                                    font-size: 16px;
                                    a {
                                        font-family: 'RawlineMedium';
                                        line-height: 22px;
                                        font-size: 16px;
                                    }
                                    .address_link {
                                        font-family: 'RawlineSemiBold';
                                        line-height: 22px;
                                        font-size: 16px;
                                    }
                                }

                            }
                            .contacts_block_item_text_object:last-child {
                                padding-bottom: 0;
                            }
                        }
                    }
                }
            }
        }
    }
    .contacts_form_block {
        padding-top: 64px;
        .container {
            .contact_form_block_items {
                .contact_form_block_item {
                    gap: 20px;
                    .contact_form_block_item_img {
                        max-width: 100%;
                        flex: 100%;
                        max-height: 360px;
                        height: 360px;
                    }
                    .contact_form_block_item_text {
                        flex: 100%;
                        max-width: 100%;
                        .title_block_h2 {
                            font-size: 48px !important;
                        }
                        form {
                            padding-top: 20px;
                            input[type=text], input[type=phone] {
                                flex: 100%;
                                max-width: 100%;
                                height: 48px;
                            }
                            input:first-child {
                                margin-bottom: 8px;
                            }
                            .my_checkbox {
                                label {
                                    span {
                                        max-width: 100%;
                                        font-size: 14px;
                                        line-height: 20px;
                                    }
                                    span::before {
                                        top: 8px;
                                    }
                                }
                            }
                        }
                    }
                }
                
            }
        }
    }
}
@media screen and (max-width: 767px) {
    .contacts_block {
        .container {
            .contacts_block_items {
                padding-top: 8px;
                .contacts_block_item {
                    &.right {
                        order: 1;
                        flex: 100%;
                        flex-wrap: wrap;
                        display: flex;
                        gap: 20px;
                        max-width: 100%;
                        .title_block_h2 {
                            display: block;
                        }
                        div {
                            max-height: 380px;
                        }
                        iframe {
                            max-height: 380px;
                            border-radius: 16px;
                        }
                        .ymaps-map {
                            border-radius: 16px;
                            max-height: 380px;
                        }
                    }
                    &.left {
                        order: 2;
                        flex: 100%;
                        max-width: 100%;
                        .title_block_h2 {
                            display: none;
                        }
                        .contacts_block_item_text_block {
                            padding-top: 20px;
                            gap: 0;
                            flex: 100%;
                            flex-wrap:wrap ;
                            flex-direction: row;
                            .contacts_block_item_text_object {
                                flex: 100%;
                                padding-bottom: 20px;
                                p {
                                    b {
                                        font-size: 16px;
                                        line-height: 22px;
                                        font-family: 'InterBold';
                                    }
                                    font-family: 'RawlineMedium';
                                    font-size: 16px;
                                    line-height: 22px;
                                }
                                .address_link {
                                    font-size: 14px;
                                    line-height: 20px;
                                    font-family: 'RawlineSemiBold';
                                }
                                a {
                                    font-size: 16px;
                                    line-height: 22px;
                                    font-family: 'RawlineMedium';
                                }

                            }
                            .contacts_block_item_text_object:last-child {
                                padding-bottom: 0;
                            }
                        }
                    }
                }
            }
        }
    }
    .contacts_form_block {
        padding-top: 48px;
        .container {
            .contact_form_block_items {
                .contact_form_block_item {
                    gap: 20px;
                    .contact_form_block_item_img {
                        max-width: 100%;
                        flex: 100%;
                        max-height: 200px;
                        height: 200px;
                        img {
                            border-radius: 16px;
                        }
                    }
                    .contact_form_block_item_text {
                        flex: 100%;
                        max-width: 100%;
                        .title_block_h2 {
                            font-size: 28px !important;
                        }
                        form {
                            padding-top: 20px;
                            input[type=text], input[type=phone] {
                                flex: 100%;
                                max-width: 100%;
                                height: 48px;
                            }
                            input:first-child {
                                margin-bottom: 8px;
                            }
                            .my_checkbox {
                                label {
                                    span {
                                        max-width: 100%;
                                        font-size: 14px;
                                        line-height: 20px;
                                    }
                                    span::before {
                                        top: 4px;
                                        margin-bottom: 40px;
                                    }
                                    span {
                                        font-size: 13px;
                                        line-height: 16px;
                                    }
                                }
                            }
                        }
                    }
                }
                
            }
        }
    }
}