/* Start:/local/templates/mpara_25/assets/css/section/3d-tour.css?17501036693532*/
body {
    --content-mt: 0;
}



.scroll {
    display: flex;
    flex-direction: column;
    height: 100vh;
}



.tour {
    --h1-fz: 110rem;
    --h1-lh: 1.1;
    --h1-ls: 13.75rem;
    --h1-mb: 100rem;
    --section-pad-block: 150rem;
    --iframe-h: 700rem;
    --panel-h: 43rem;
    position: relative;
    padding-block: var(--section-pad-block);
}

.tour h1 {
    font-size: var(--h1-fz);
    line-height: var(--h1-lh);
    letter-spacing: var(--h1-ls);
    margin-bottom: var(--h1-mb);
    text-align: center;
    text-transform: uppercase;
}

.tour__wrapper .container {}

.tour._expanded iframe {
    min-height: none
}

.tour__wrapper {
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
    min-height: var(--iframe-h);
}

/*стили для расктытого iframe*/
.tour._expanded {
    overflow: hidden;

    /* height: 100dvh; */
    /* width: 100%; */
    /* position: absolute; */
    /* inset: 0; */


}

.tour._expanded .container {
    display: contents;
    position: relative;
}

.tour._expanded .tour__wrapper {
    position: fixed;
    inset: 0;
    overflow: hidden;
    z-index: 100;
}



.tour iframe {
    min-height: var(--iframe-h);
    height: 100%;
    position: relative;
}



.panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--panel-h);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 20rem;

}




.panel__btn {
    display: flex;
    gap: 5rem;
    color: var(--white-color);
    align-items: center;
    line-height: 1;
    font-size: 16rem;
}

.panel__btn img:nth-of-type(1) {
    width: 13.75rem;
    height: 13.75rem;
}

.panel__btn img:nth-of-type(2) {

    width: 20.75rem;
    height: 20.75rem;
}

.panel__btn img:nth-of-type(2) {
    display: none;
}

.panel__btn._active img:nth-of-type(1) {
    display: none;
}

.panel__btn._active img:nth-of-type(2) {
    display: inline;
}

.panel::before {
    content: "";
    background-color: #120A06CC;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    filter: blur(1px);
    overflow: hidden;
    z-index: -1;
}



@media (max-width:1700px) {
    .tour {
        --iframe-h: 562rem;
        --container-width: 1200rem;
    }
}

@media (max-width:1640px) {
    .tour {
        --iframe-h: 567rem;
        --h1-mb: 80rem;
    }
}

@media (max-width:1530px) {
    .tour {
        --container-width: 1040rem;
        --iframe-h: 492rem;
    }


}

@media (max-width:1480px) {
    .tour {
        --h1-fz: 60rem;
        --h1-lh: 1.1;
        --h1-ls: 7.5rem;
        --h1-mb: 70rem;
    }

}

@media (max-width:1024px) {
    .tour {
        --container-width: 784rem;
        --iframe-h: 500rem;
        --h1-fz: 40rem;
        --h1-ls: 7.5rem;
        --h1-mb: 70rem;

    }
}

@media (max-width:640px) {
    .tour {
        --iframe-h: 300rem;
        --h1-mb: 30rem;
        --h1-fz: 20rem;
        --h1-ls: 1px
    }

    .panel__btn {
        width: 100%;
        justify-content: center;
        user-select: none;
    }

    .panel {
        justify-content: center;
    }
}

/* @media (max-width: 1362px) {
    .tour {
        padding: 0;
        height: 550px;
    }
}

@media (max-width: 1362px) {
    .tour {
        padding: 0;
        height: 500px;
    }
} */
/* End */
/* /local/templates/mpara_25/assets/css/section/3d-tour.css?17501036693532 */