.cat-list__items.js-list.hotels-list .c-item.js-list__item {
    border: none;
    padding: 0;
    margin: 20px;
    margin-bottom: 20px;
}

.cat-list__items.js-list.hotels-list .js-list__item-wrapper {
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}

.cat-list__items.js-list.hotels-list .expand-button {
    position: relative;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    color: #034C5C;
    cursor: pointer;
    transition: background-color .3s;
    background: #F0FAFC;
    border-radius: 5px;
}

.cat-list__items.js-list.hotels-list .expand-button:after {
    display: inline-block;
    content: '';
    width: 14px;
    height: 8px;
    background-image: url(/local/templates/main/tpl/assets/images/static/arrow-orange.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: 6px;
    top: 50%;
    margin-top: -4px;
    margin-left: 10px;
    transition: transform .3s;
}

.cat-list__items.js-list.hotels-list .expand-button.clicked:after {
    transform: rotate(180deg);
}

.cat-list__items.js-list.hotels-list .expand-button:before {
    content: 'Об отеле, номера и цены';
}

.cat-list__items.js-list.hotels-list .expand-button.clicked:before {
    content: 'Скрыть';
}

.cat-list__items.js-list.hotels-list .c-item__nav {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    width: 35%;
}

.cat-list__items.js-list.hotels-list .c-item__nav > div {
    margin: 0;
}

.cat-list__items.js-list.hotels-list .c-item__nav .c-item__date {
    margin: 0;
}

.c-item__nav-top-block {
    text-align: end;
}

.c-item__nav-top-block > div {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;

}

.js-list__item-detail {
    margin: 20px;
}

.js-list__item-detail-about > div {
    width: 49%;
    margin: 0;
}

.js-list__item-detail-about {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.js-list__item-detail-terms {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.js-list__item-detail-term {
    width: 49%;
}

.js-list__item-detail-numbers {
    margin-top: 20px;
    border-top: 1px solid #D8D8D8;
}

.js-list__item-detail-number-picture {
    width: 30%;
}

.js-list__item-detail-numbers-number {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 20px;
    padding-top: 20px;
}

.js-list__item-detail-numbers-number:last-of-type {
    border: none;
    padding-bottom: 0;
}

.js-list__item-detail-number-description {
    width: 69%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.js-list__item-detail-number-description-first {
    display: flex;
    justify-content: space-between;
}

.js-list__item-detail-number-description-name {
    width: 75%;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 25px;
    color: #034C5C;
}

.js-list__item-detail-number-description-price {
    text-align: right;
    width: 35%;
}

.js-list__item-detail-number-description-price > div:first-of-type {
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 10px;
}

.js-list__item-detail-number-description-price > div:last-of-type {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}

.js-list__item-detail-number-description-second {
    margin-top: -2rem;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    width: 65%;
}

.js-list__item-detail-number-description-third {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto 0 0 0;
}

.js-list__item-detail-number-description-third > div {
    margin: 0;
}

.js-list__item-detail-number-description-third .c-item__params-button {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.js-list__item-detail-number-description-third .c-item__params-button > a {
    margin: 0;
}

.js-list__item-detail-number-description-third .c-item__param {
    margin-bottom: 0;
}

.js-list__item-detail-number-description-third .c-item__param:not(:last-of-type) {
    margin-right: 40px;
}

.js-list__item-detail-number-description-third .c-item__param-image {
    margin-right: 10px;
}

.js-list__item-detail-numbers .js-list__item-detail-term {
    width: 100%;
    margin-bottom: 0;
}

.js-list__item-detail-term h2 {
    margin-bottom: 5px;
    margin-top: 10px;
}

.js-list__item-detail-about-detail {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
}

.cat-list__items.js-list.hotels-list .c-item__content .c-item__text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
}

.c-item__name.get_detail_cottage2 {
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 25px;
    /*color: #444444;*/
}

.c-item__about-delimiter {
    content: '';
    width: 75px;
    height: 5px;
    background: linear-gradient(90deg, #24C4FE 0%, #12D43B 100%);
    margin-bottom: 25px;
}

.js-list__item-detail-number-description-name-mobile {
    display: none;
}

.cat-list__items.js-list.hotels-list .-mobile {
    display: none;
}

.cat-list__items.js-list.hotels-list .c-item__head {
    border: none;
}

.c-item__head-title.c-item__head-title--photo {
    margin-left: 20px;
}

.c-item__head-title.c-item__head-title--right.c-item__head-title--cost {
    margin-right: 20px;
}

.cat-list__items.js-list.hotels-list .c-item__nav .c-item__note, .cat-list__items.js-list.hotels-list .c-item__nav .c-item__date {
    margin-top: 10px
}

@media screen and (max-width: 1023px) {
    .cat-list__items.js-list.hotels-list .c-item__nav {
        width: 25%;
    }
}

@media screen and (max-width: 767px) {
    .cat-list__items.js-list.hotels-list .c-item__nav, .c-item__content .c-item__note {
        width: 100%;
        text-align: right;
    }

    .cat-list__items.js-list.hotels-list .c-item__nav > div {
        width: 100%;
    }

    .js-list__item-detail-about > div, .js-list__item-detail-term {
        width: 100%;
    }

    .js-list__item-detail-about {
        flex-direction: column;
    }

    .js-list__item-detail-numbers-number {
        flex-direction: column;
    }

    .js-list__item-detail-number-picture {
        display: flex;
        justify-content: center;
        width: calc(100% + 40px);
    }

    .js-list__item-detail-number-picture > img {
        width: 100%;
    }

    .js-list__item-detail-number-description-first {
        display: none;
    }

    .cat-list__items.js-list.hotels-list .-mobile {
        display: block;
    }

    .js-list__item-detail-number-description-name-mobile {
        display: block;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px;
        color: #034C5C;
    }

    .js-list__item-detail-number-description-second, .js-list__item-detail-number-description-third, .js-list__item-detail-number-description {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .js-list__item-detail-number-description-price {
        width: auto;
    }

    .js-list__item-detail-number-description-price.-mobile {
        display: block;
        margin-left: auto;
        margin-bottom: 20px;
    }

    .js-list__item-detail-number-description-third {
        flex-direction: column;
        align-items: center;
    }

    .js-list__item-detail-number-description-third .c-item__params {
        margin-right: auto;
        margin-top: 20px;
    }

    .c-item__params-button {
        width: 75%;
    }

    .get_detail_cottage2:not(.c-item__name), .js-list__item-detail-number-picture {
        margin-left: -20px;
        margin-right: -20px;
    }

    .get_detail_cottage2 .c-item__image, .js-list__item-detail-number-picture > img {
        border-radius: 0;
    }

    .c-item__name.get_detail_cottage2.-mobile {
        font-size: 20px;
    }

    .c-item__name.get_detail_cottage2:not(.-mobile) {
        display: none;
    }

    .c-item__about .c-item__about-delimiter {
        display: none;
    }

    .cat-list__items.js-list.hotels-list h2 {
        font-size: 16px;
    }

    .js-list__item-detail-number-description-price > div:last-of-type {
        font-size: 12px;
    }

    .js-list__item-detail-number-description-price > div:first-of-type {
        font-size: 24px;
    }

    .cat-list__items.js-list.hotels-list .c-item__content .c-item__text {
        font-size: 14px;
        font-weight: 300;
    }

    .js-list__item-detail-about-detail, .js-list__item-detail-term, .js-list__item-detail-number-description-second {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
    }

    .js-list__item-detail-number-description-second {
        margin-top: 10px;
    }
}