/* Start:/local/templates/yourplace/assets/css/landing.css?17537722415692*/
.landing {
    height: 990px;
    background: #E0DFDD;
}
.landing__bg {
    background: #E0DFDD;
}

.landing__container {
    /*display: grid;*/
    grid-template-columns: 6fr 6fr;
    column-gap: 16px;
}

.landing__inner {

}

.landing__prev {
    font-family: var(--font-noto-sans) !important;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 43px;
    color: #415955;
    margin-bottom: 96px;
    display: block;
    margin-top: 50px;
    position: relative;
    padding-left: 69px;
}
.landing__prev:before {
    background-image: url("/local/templates/yourplace/assets/css/../images/landing/prev.svg");
    content: '';
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: -2px;
}

.landing__title {
    font-family: var(--font-noto-sans) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 83px;
    line-height: 82px;
    color: #362D2D;
    margin-bottom: 130px;
}

.landing__popular-title {
    font-family: var(--font-noto-sans) !important;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    color: #141825;
    margin-bottom: 30px;
}

.landing__popular {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
}

.landing__popular-item {
    font-family: var(--font-noto-sans) !important;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 33px;
    color: #2E3654;
    margin-bottom: 25px;
    transition: all .6s ease-in-out;
    width: max-content;
    position: relative;
}

.landing__popular-item:before {
    content: "";
    position: absolute;
    transition: transform .4s ease-in-out;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: #2E3654;
    transform: scaleX(0);
}

.landing__popular-item:hover:before {
    transform: scaleX(1);
}

.landing__popular-item:last-child {
    margin-bottom: 0;
}

.landing__more {
    position: relative;
    font-family: var(--font-noto-sans) !important;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    color: #415955;
    margin-top: 50px;
    display: inline-block;
}

.landing__more:after {
    background-image: url("/local/templates/yourplace/assets/css/../images/landing/more.svg");
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    right: -40px;
    top: 5px;
}

.landing__photo {

}

.landing__photo-img {
    height: 1000px;
}

.image-with-tips-wrapper {
    display: flex;
    justify-content: center;
}

#image-with-tips {
    width: 1000px;
    position: relative;
}
.tip {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 39;
    background-image: url("/local/templates/yourplace/assets/css/../images/landing/tip.svg");
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: transform .8s ease-in-out;
}
.tip:hover {
    background-image: url("/local/templates/yourplace/assets/css/../images/landing/tip-active.svg");
    transition: transform .8s ease-in-out;
}

.description {
    position: absolute;
    margin: 0;
    width: max-content;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #2E3654;
    cursor: pointer;
    transition: all .6s ease-in-out;
}

.description:before {
    content: "";
    position: absolute;
    transition: transform .4s ease-in-out;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: #2E3654;
    transform: scaleX(0);
}

.description:hover:before {
    transform: scaleX(1);
}

#background-for-tips {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 39;
}

.image-with-tips-back-btn-wrapper {
    position: relative;
    z-index: 39;
    left: -115px;
}

.hidden {
    display: none!important;
}

#image-with-tips-position {
    position: absolute;
    width: 90%;
    transition: .5s all ease-in-out;
}

.highlight-tip {
    /*color: red;*/
    /*filter: grayscale(1);*/
}

.main-info, .detail-description {
    position: relative;
    z-index: 39;
    top: 150px;
    left: -115px;
    width: 70%;
}

.detail-description {
    top: -20px;
    width: 64%;
}

#image-with-tips-order {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 171px;
    gap: 5px;
}

.detail-description__title {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: #2E3654;
    margin-bottom: 17px;
}

.detail-description__text {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 46px;
}

.detail-description__request {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 33px;
    color: #495C67;
    position: relative;
}

.detail-description__request:after {
    background-image: url("/local/templates/yourplace/assets/css/../images/landing/more.svg");
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    right: -40px;
    top: 5px;
}

@media screen and (max-width: 1399px) {
    .landing__title {
        font-size: 60px;
        line-height: 65px;
        margin-bottom: 90px;
    }
    .main-info, .detail-description {
        top: 75px;
        left: -58px;
        width: 70%;
    }
    .landing__popular-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .landing__popular {
        margin-left: 0;
    }
    .landing__popular-item {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .image-with-tips-back-btn-wrapper {
        left: -58px;
    }
    .landing__prev {
        font-size: 28px;
    }
    .detail-description {
        top: -21px;
        width: 63%;
    }
}
/* End */
/* /local/templates/yourplace/assets/css/landing.css?17537722415692 */