.new-hotels_main-container,
.new-hotels_main-container *,
.new-hotels_main-container *::before,
.new-hotels_main-container *::after {
    box-sizing: border-box;
    line-height: normal;
    color: #666;
}
.new-hotels_main-container {
    margin-top: 10px;
}
.new-hotels_main-container > * {
    float: left;
}
.new-hotels_left-sidebar {
    width: 240px;
    position: relative;
    z-index: 1;
}
.new-hotels_content {
    width: calc(100% - 240px);
    padding-left: 28px;
}
.new-hotels_search-by-name {
    border-bottom: 8px solid #F9F9F9;
}
.new-hotels_left-sidebar .f-local.short {
    height: auto;
    border: none;
    background: none;
}
.new-hotels_left-sidebar .f-local.short > input {
    height: 32px;
    display: block;
    border-radius: 2px;
    width: 100%;
    border: 1px solid #d8d8d8;
    background: #fff url(../img/hotels/ic-search.svg) no-repeat right 6px center;
    padding: 0 8px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.new-hotels_left-sidebar .f-local.short button {
    display: none;
}
.new-hotels_filters-container {
    background: #fff;
    border-radius: 2px;
    margin: 0 0 28px;
}
.new-hotels_filters-header {
    padding: 9px 7px 7px 12px;
    border-bottom: 2px solid #ededed;
    position: relative;
}
.new-hotels_filters-header-title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.new-hotels_filters-header-clear {
    font-size: 12px;
    color: #00b8d4 !important;
    position: absolute;
    right: 7px;
    top: 13px;
}
.new-hotels_filters-block:not(:last-child) {
    border-bottom: 2px solid #ededed;
}
.new-hotels_filters-block {
    padding: 13px 12px 15px;
}
.new-hotels_filters-header + .new-hotels_filters-block {
    padding-bottom: 5px;
    padding-right: 0;
}
.new-hotels_filters-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 8px;
}
.new-hotels_filters-title span {
    font-weight: normal;
    text-transform: none;
}
.new_hotels-category-wrap label input {
    display: none;
}
.new_hotels-category-wrap label,
.new_hotels-category-wrap label span {
    margin: 0;
    padding: 0;
}
.new_hotels-category-wrap label span {
    width: 32px;
    height: 24px;
    border-radius: 2px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #d8d8d8;
    background: #fff no-repeat center;
    font-size: 12px;
    display: block;
    float: left;
    margin: 0 12px 10px 0;
}
.paginator a:hover,
.new_hotels-category-wrap label:hover span {
    border-color: #bbb;
}
.new_hotels-category-wrap label input ~ span a {
    text-decoration: none !important;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.new_hotels-category-wrap label :checked ~ span {
    background: #00b8d4;
    border-color: #00b8d4;
}
.paginator strong,
.new_hotels-category-wrap label :checked ~ span a {
    color: #fff;
}
.new-hotels_main-container .ui-slider,
.new-hotels_main-container .ui-slider-range {
    height: 2px !important;
    filter: none;
    border: none;
}
.new-hotels_filters-container .ui-slider-range-max {
    background: #ffd30e !important;
}
.new-hotels_filters-container #slider-range-max {
    background: #d8d8d8 !important;
    min-height: 2px;
}
.new-hotels_main-container .ui-slider .ui-slider-handle {
    top: -6px;
    width: 14px !important;
    height: 14px !important;
    border-color: #ccc;
    background: #fff;
    margin-left: -8px;
}
.new-hotels_main-container .slider-container {
    width: 200px;
    margin-top: 16px;
}
.new-hotels_slider-scale {
    margin: 0 -8%;
}
.new-hotels_slider-scale-item {
    float: left;
    padding-top: 8px;
    text-align: center;
    width: 14.2857%;
    position: relative;
    font-size: 12px;
    color: #000;
}
.new-hotels_slider-scale-item a {
    text-decoration: none !important;
}
.new-hotels_filters-services-label-wrap label {
    display: block;
    cursor: pointer;
    margin-bottom: 4px;
}
.new-hotels_filters-services-label-wrap label a {
    text-decoration: none !important;
    padding-left: 23px;
    display: block;
    line-height: 16px;
}
.new-hotels_filters-services-label-wrap label input {
    display: none;
}
.new-hotels_filters-services-label-wrap label input ~ span {
    display: block;
    position: relative;
    font-size: 12px;
}
.new-hotels_filters-services-label-wrap label input ~ span::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    pointer-events: none;
}
.new-hotels_filters-services-label-wrap label:hover input ~ span::before {
    border-color: #bbb;
}
.new-hotels_filters-services-label-wrap label input:checked ~ span::before {
    border-color: #00b8d4;
    background: #00b8d4 url(../img/hotels/ic-checked.svg) no-repeat center / 12px auto;
}
.new-hotels_filters-services-label-wrap .new-hotels_filters-title {
    margin-bottom: 2px;
}
.new-hotels_filters-services-label:not(:last-child) {
    margin-bottom: 9px;
}
.new-hotels_all-resorts {
    margin: 4px 0 0 23px;
    display: inline-block;
    font-size: 12px;
    color: #00b8d4;
    cursor: pointer;
    text-decoration: underline;
}

.new-hotels_filters-services-label + .new-hotels_all-resorts {
    margin-bottom: 10px;
}
.new-hotels_content-header {
    position: relative;
}
.new-hotels_content-title {
    font-size: 24px;
    font-weight: bold;
    padding: 2px 242px 9px 0;
    margin: 0;
}
.new-hotels_content-sort-container {
    left: 753px;
}
.new-hotels_content-sort-container,
.new-hotels_content-sort-body {
    position: absolute;
    top: 0;
    width: 226.66px;
}
.new-hotels_filters-btn {
    display: none;
}
.new-hotels_filters-btn,
.new-hotels_content-sort-btn,
.new-hotels_content-sort-body {
    border: 1px solid #d8d8d8;
    font-size: 11px;
    border-radius: 2px;
}
.new-hotels_filters-btn,
.new-hotels_content-sort-btn {
    line-height: 22px;
    background: #fff url(../img/hotels/ic-dropdown.svg) no-repeat right 5px center;
    padding: 0 20px 0 5px;
    cursor: pointer;
}
.new-hotels_content-sort-body {
    display: none;
    top: 30px;
    background: #fff;
    right: 0;
}
.new-hotels_content-sort-item {
    padding: 4px 8px;
    cursor: pointer;
    display: block;
    text-decoration: none !important;
}
.new-hotels_content-sort-item:hover {
    background: #f7f7f7;
}
.new-hotels_content-sort-item.selected {
    display: none;
}
.new-hotels_filters-btn.active,
.new-hotels_content-sort-btn.active {
    background-image: url(../img/hotels/ic-dropdown-active.svg);
}
.new-hotels_content-sort-btn span {
    font-weight: bold;
}
.new-hotels_content-item {
    width: calc((100% - 32px)/3);
    height: 248px;
    border-radius: 2px;
    float: left;
    border: 1px solid #d8d8d8;
    margin: 0 0 16px;
    background: #fff;
    padding: 162px 16px 0;
    position: relative;
}
.new-hotels_content-item:nth-child(3n + 2) {
    margin-left: 16px;
    margin-right: 16px;
}
.new-hotels_content-item-img {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 152px;
    border-radius: 2px 2px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.new-hotels_content-item-img img {
    max-width: 100%;
    position: absolute;
}
.new-hotels_content-item-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}
.new-hotels_content-item-title,
.new-hotels_content-item-title span {
    color: #26b5d4;
    text-decoration: none !important;
}
.new-hotels_content-item-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 17px);
    display: inline-block;
}
.new-hotels_content-item-geo {
    font-size: 12px;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-hotels_content-item-price {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin: 4px 0 1px;
}
.new-hotels_content-item-date {
    font-size: 12px;
}
.new-hotels_content-item-rating,
.new-hotels_content-item-rating * {
    font-size: 12px;
    text-decoration: none !important;
}
.new-hotels_content-item-rating {
    position: absolute;
    right: 16px;
    bottom: 11px;
    text-align: right;
}
.new-hotels_content-item-rating-value {
    letter-spacing: -0.3px;
    margin-bottom: 11px;
    position: relative;
}
.new-hotels_content-item-rating-reviews {
    color: #26b5d4;
}
.new-hotels_content-item-rating-value::before {
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    width: 70px;
    background: url(https://export.otpusk.com/images/onsite/rate_icons.svg) no-repeat center;
    left: auto;
    right: -2px;
    top: 17px;
}
.new-hotels_content-item-rating-value[data-rating="0"]::before {
    display: none;
}
.new-hotels_content-item-rating-value[data-rating="1"]::before {
    background-position: center 0;
}
.new-hotels_content-item-rating-value[data-rating="2"]::before {
    background-position: center -7px;
}
.new-hotels_content-item-rating-value[data-rating="3"]::before {
    background-position: center -14px;
}
.new-hotels_content-item-rating-value[data-rating="4"]::before {
    background-position: center -21px;
}
.new-hotels_content-item-rating-value[data-rating="5"]::before {
    background-position: center -28px;
}
.new-hotels_content-item-rating-value[data-rating="6"]::before {
    background-position: center -35px;
}
.new-hotels_content-item-rating-value[data-rating="7"]::before {
    background-position: center -42px;
}
.new-hotels_content-item-rating-value[data-rating="8"]::before {
    background-position: center -49px;
}
.new-hotels_content-item-rating-value[data-rating="9"]::before {
    background-position: center -56px;
}
.new-hotels_content-item-rating-value[data-rating="10"]::before {
    background-position: center -63px;
}


/*pagination*/
.new-hotels_main-container .paginator {
    display: flex;
    justify-content: center;
}
.paginator ul strong,
.paginator ul a {
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #666;
    display: block;
    float: left;
    border-radius: 2px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #d8d8d8;
    margin: 0 4px;
}
.paginator > span {
    background-color: transparent;
}
.paginator ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.paginator a {
    text-decoration: none !important;
}
.paginator ul li {
    display: inline;
}
.new-hotels_main-container .paginator strong {
    font-weight: normal;
    background: #ffd30e;
    border-color: #ffd30e;
}
.new-hotels_main-container .paginator [class*="pag-"]::before {
    font-size: 17px;
    line-height: 20px;
}
.new-hotels_main-container .paginator .pag-first,
.new-hotels_main-container .paginator .pag-last {
    display: none;
}
.new-hotels_main-container .paginator > span {
    opacity: .3;
}
.new-hotels_main-container .paginator .pag-prev,
.new-hotels_main-container .paginator .pag-next {
    line-height: 40px;
    font-size: 14px;
    margin: 0 15px;
}
.new-hotels_main-container .paginator .pag-prev {
    background: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MiA0OTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk4LjYwOCwyNDYuMTA0TDM4Mi42NjQsNjIuMDRjNS4wNjgtNS4wNTYsNy44NTYtMTEuODE2LDcuODU2LTE5LjAyNGMwLTcuMjEyLTIuNzg4LTEzLjk2OC03Ljg1Ni0xOS4wMzJsLTE2LjEyOC0xNi4xMiAgICBDMzYxLjQ3NiwyLjc5MiwzNTQuNzEyLDAsMzQ3LjUwNCwwcy0xMy45NjQsMi43OTItMTkuMDI4LDcuODY0TDEwOS4zMjgsMjI3LjAwOGMtNS4wODQsNS4wOC03Ljg2OCwxMS44NjgtNy44NDgsMTkuMDg0ICAgIGMtMC4wMiw3LjI0OCwyLjc2LDE0LjAyOCw3Ljg0OCwxOS4xMTJsMjE4Ljk0NCwyMTguOTMyYzUuMDY0LDUuMDcyLDExLjgyLDcuODY0LDE5LjAzMiw3Ljg2NGM3LjIwOCwwLDEzLjk2NC0yLjc5MiwxOS4wMzItNy44NjQgICAgbDE2LjEyNC0xNi4xMmMxMC40OTItMTAuNDkyLDEwLjQ5Mi0yNy41NzIsMC0zOC4wNkwxOTguNjA4LDI0Ni4xMDR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2NjY2NjYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==") no-repeat left center / 13px auto;
    padding-left: 18px;
}
.new-hotels_main-container .paginator .pag-next {
    background: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5Mi4wMDQgNDkyLjAwNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDkyLjAwNCA0OTIuMDA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGNsYXNzPSIiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTM4Mi42NzgsMjI2LjgwNEwxNjMuNzMsNy44NkMxNTguNjY2LDIuNzkyLDE1MS45MDYsMCwxNDQuNjk4LDBzLTEzLjk2OCwyLjc5Mi0xOS4wMzIsNy44NmwtMTYuMTI0LDE2LjEyICAgIGMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4ICAgIGMwLDcuMjEyLDIuNzk2LDEzLjk2OCw3Ljg2LDE5LjA0bDE2LjEyNCwxNi4xMTZjNS4wNjgsNS4wNjgsMTEuODI0LDcuODYsMTkuMDMyLDcuODZzMTMuOTY4LTIuNzkyLDE5LjAzMi03Ljg2TDM4Mi42NzgsMjY1ICAgIGM1LjA3Ni01LjA4NCw3Ljg2NC0xMS44NzIsNy44NDgtMTkuMDg4QzM5MC41NDIsMjM4LjY2OCwzODcuNzU0LDIzMS44ODQsMzgyLjY3OCwyMjYuODA0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjY2NjY2IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=") no-repeat right center / 13px auto;
    padding-right: 18px;
}

.show-more-hotels-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
}
#show-more-hotels {
    line-height: 40px;
    padding: 0 20px;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    border-radius: 2px;
    background: #ffd30e;
    display: inline-block;
}

.new-hotels_main-container {
    position: relative;
}

.new-hotel-sidebar-blocks {
    width: 240px;
    position: absolute;
    top: 0;
    left: 0;
}
.new-hotels_content-item .sum {
    margin-right: 4px;
}

@media (max-width: 478px) {
    body.mobile-style .wrapper {
        padding-bottom: 0;
    }
    .new-hotel-sidebar-blocks {
        position: static !important;
        width: auto;
        padding: 20px 10px;
        background: #fff;
        margin-top: 20px;
    }
    .new-hotel-sidebar-blocks .blue-bline {
        display: none;
    }
    .new-hotels_main-container > * {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .new-hotels_content-item {
        width: 100%;
        height: 110px;
        border: none;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        margin-bottom: 5px;
        border-radius: 0;
        padding: 10px 10px 10px 120px;
    }
    .new-hotels_content-item-img {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        height: auto;
        width: 108px;
        border-radius: 0;
        bottom: 0;
    }
    .new-hotels_content-item-img img {
        position: absolute;
        top: 0;
        bottom: 0;
        width: auto;
        height: 100%;
        max-width: 300%;
    }
    .new-hotels_content-item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }
    .new-hotels_content-sort-container {
        right: auto;
        left: 0;
    }
    .new-hotels_content-title {
        padding: 10px 10px 50px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px;
        font-weight: 500;
    }
    .new-hotels_content {
        background: #F9F9F9;
    }
    .new-hotels_filters-btn {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
    }
    .new-hotels_filters-container {
        display: none;
        position: absolute;
        left: -100%;
        right: 0;
    }
    .new-hotels_filters-btn,
    .new-hotels_content-sort-btn {
        line-height: 30px;
        background-color: #F9F9F9;
        border-color: transparent;
        border-top-color: #eee;
        border-bottom-color: #eee;
    }
    .new-hotels_filters-btn {
        border-left-color: #eee;
    }
    #new-hotels_filters-container,
    .new-hotels_content-sort-container {
        top: 51px;
    }
    .new-hotels_content-sort-container {
        width: calc(100% - 107px);
    }
    #new-hotels_filters-container {
        width: 107px;
    }
    .new-hotels_content-sort-container .button-text {
        max-width: calc(100% - 86px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        position: relative;
        top: 3px;
    }
    #new-hotels_filters-container {
        position: absolute;
        right: 0;
    }
    .ref-country-hotels .wrapper {
        background: transparent !important;
    }
    .new-hotels_content-sort-body {
        top: 32px;
        left: 0;
        width: 200%;
        border: none;
        border-radius: 0;
        border-bottom: 3px solid #26b5d4;
    }
    .new-hotels_filters-btn.active {
        background-color: #26b5d4;
        border-color: #26b5d4;
        color: #fff;
        border-radius: 0;
        text-align: center;
    }
    .new-hotels_filters-btn.active::after {
        content: '×';
        position: absolute;
        right: 7px;
        top: 1px;
        color: #fff;
        font-family: 'times new roman', sans-serif !important;
        font-size: 30px;
        font-weight: normal;
        line-height: 30px;
    }
    #new-hotels_filters-container.active {
        width: 100%;
    }
    #new-hotels_filters-container.active .new-hotels_filters-container {
        left: 0;
        border-bottom: 3px solid #26b5d4;
        border-radius: 0;
    }
    .new-hotels_filters-header {
        display: none;
    }
    .mobile-style.ref-index .new-hotels_search-by-name {
        border-bottom: none;
        padding: 8px 12px;
    }
    .mobile-style.ref-index .new-hotels_search-by-name #cntListLocal ul,
    .mobile-style.ref-index .new-hotels_search-by-name .shadow,
    .mobile-style.ref-index .new-hotels_search-by-name input {
        width: 100% !important;
    }
    .new_mobile-form .new-hotels_filters-container .ui-slider .ui-slider-handle {
        margin-left: -6px;
        top: -6px !important;
    }
    .new-hotels_main-container .slider-container {
        padding-left: 10px;
    }
    .new-hotels_search-by-name,
    .new-hotels_filters-block:not(:last-child) {
        border-bottom: 1px solid #ededed;
    }
    #new-hotels_filters-container ~ * {
        display: none;
    }
    .new-hotels_content-header {
        margin-bottom: 45px;
    }
    .new-hotels_main-container .paginator .pag-prev,
    .new-hotels_main-container .paginator .pag-next {
        font-size: 0;
        line-height: 35px;
    }
    .new-hotels_main-container .paginator {
        margin-top: 15px;
    }
    .new-hotel-sidebar-blocks .blue-block ~ .blue-block .popular-cnt .label {
        max-width: 100%;
    }
    .paginator ul strong,
    .paginator ul a {
        width: 35px;
        height: 35px;
        line-height: 34px;
    }
    .mobile-style.ref-index .popular-cnt a {
        height: 25px !important;
    }
    .new-hotels_filters-services-label-wrap label {
        margin-bottom: 10px;
    }
    .new-hotels_filters-services-label-wrap .new-hotels_filters-title {
        margin: 15px 0 10px;
    }
    .new-hotels_filters-services-label-wrap .new-hotels_filters-services-label:first-child .new-hotels_filters-title {
        margin-top: 0;
    }
    .new-hotels_content-item-date,
    .new-hotels_content-item-rating,
    .new-hotels_content-item-rating *,
    .new-hotels_content-item-geo {
        font-size: 13px;
    }
    .new-hotels_filters-btn,
    .new-hotels_content-sort-btn,
    .new-hotels_content-sort-body {
        font-size: 14px;
    }
    .new-hotels_content-item-title,
    .new-hotels_left-sidebar .f-local.short > input,
    .new-hotels_filters-btn.active,
    .new-hotels_all-resorts,
    .new_hotels-category-wrap label input ~ span a,
    .new-hotels_filters-title,
    .new-hotels_filters-services-label-wrap label a,
    .new-hotels_slider-scale-item {
        font-size: 16px;
    }
    .new-hotels_content-item-price {
        font-size: 18px;
    }
}