.modal_wrapper.modal_show {
    opacity: 1;
    z-index: 1000;
}

.modal_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #242424ab;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: -1000;
    transition: all 0.3s ease;
}

.modal_body {
    display: none;
    flex-direction: column;
    gap: 32px;
    border-radius: 16px;
    background: #EFEFEF;
    width: 100%;
    max-width: 480px;
    margin: 0 16px;
    padding: 24px;
}

.modal_body.body_show {
    display: flex;
}


body.dark .modal_body {
    background: #1D1D1D;
}

.modal_row {
    display: flex;
    flex-direction: column;
}

.modal_row:nth-child(1) {
    gap: 16px;
}

.modal_row:nth-child(2) {
    gap: 8px;
}

.modal_title_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.modal_title {
    color: #171717;
    font-family: "HelveticaNeue-Bold";
    font-size: 24px;
    line-height: 100%;
}

body.dark .modal_title {
    color: #F2F2F2;
}

.modal_close {
    cursor: pointer;
}

.modal_close svg path {
    stroke: #171717;
}

body.dark .modal_close svg path {
    stroke: #F2F2F2;
}

.modal_contact_item {
    border-radius: 6px;
    border: 1px solid #E4E4E4;
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

body.dark .modal_contact_item {
    border: 1px solid #242424;
}

.modal_contact_name img {
    width: 19px;
    height: 16px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(1160%) hue-rotate(316deg) brightness(99%) contrast(82%);
}

body.dark .modal_contact_name img {
    filter: none;
}

.modal_contact_name {
    color: #171717;
    font-family: "HelveticaNeue-Medium";
    font-size: 18px;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 12px;
}

body.dark .modal_contact_name {
    color: #F2F2F2;
}

#modal_banner_img {
    width: 100%;
    height: 100%;
}

.view_banner_big {
    background: url(../images/banner_big.jpg) center / contain no-repeat;
}

.view_banner_mini {
    background: url(../images/banner_mini.jpg) center / contain no-repeat;
}

.view_Top_left {
    background: url(../images/top_left.jpg) center / contain no-repeat;
}

.view_S_left {
    background: url(../images/s_left.jpg) center / contain no-repeat;
}

.view_A_left {
    background: url(../images/a_left.jpg) center / contain no-repeat;
}

.view_B_left {
    background: url(../images/b_left.jpg) center / contain no-repeat;
}

.view_Top_right {
    background: url(../images/top_right.jpg) center / contain no-repeat;
}

.view_S_right {
    background: url(../images/s_right.jpg) center / contain no-repeat;
}

.view_A_right {
    background: url(../images/a_right.jpg) center / contain no-repeat;
}

.view_B_right {
    background: url(../images/b_right.jpg) center / contain no-repeat;
}

.modal_banner {
    width: 100%;
    height: 100%;
    max-width: 1000px;
    max-height: 590px;
    padding: 16px;
    display: none;
    flex-direction: column;
    align-items: end;
}

.modal_banner.show_banner {
    display: flex;
}