.hotel-navbar {
    display: none !important;
}

.hotel-container {
    .hotel-content {
        padding-top: 0 !important;

        .hotel-realization {
            background-image: url('../../../images/hotel/floor1/realization/floor1-2-transition-2.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            background-attachment: fixed;
            height: max(100vh, 500px);
            position: relative;

            .realization-content {
                min-height: calc(100vh - 40px);
                position: relative;

                .journal-block {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translateX(-50%) translateY(-50%);
                    width: 80px;
                    max-width: 80px;
                    cursor: pointer;
                    z-index: 90;

                    img {
                        width: 100%;
                    }
                }

                .realization-gif {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translateX(-50%) translateY(-50%);
                    border: 1px solid var(--basecolor);
                    z-index: 2;
                    width: 400px;
                    height: 400px;
                    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.7);

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }

                .door-block {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translateX(-50%) translateY(-50%);
                    max-width: 280px;
                    cursor: pointer;

                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
}