/* PROBABLY REMOVE MOST OF THESE WHEN TROIKIFICATION IS DONE */

.topbar-level2.fixed:not(.hidden) {
    top: 50px;
    border-bottom: 1px solid #ddd;
}

.no-scroll {
    height: 100%;
    overflow: hidden;
}

.cb {
    clear: both;
}

.pale-filter {
    margin: 8px 0 32px;
}

.pale-filter .filter-title {
    margin-bottom: 8px;
}

.filter-checkbox {
    margin-right: 4px;
}

.filter-checkbox .filter-checkbox-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 4px;
}

.more-rooms-toggler :hover {
    text-decoration: underline;
}

@media screen and (min-width: 479px) {
    .primaryPhoto {
        width: 33.3%;
        height: 139px;
    }
    .secondaryPhoto {
        width: 33.3%;
        height: 139px;
    }
}
@media screen and (max-width: 479px) {
    .primaryPhoto {
        width: 100%;
    }
    .secondaryPhoto {
        display: none;
    }
}

@media screen and (min-width: 480px) {
    .gt480-size1of4 {
        width: 25%;
    }
    .gt480-size1of3 {
        width: 33.3%;
    }
    .u-text-right--gt480 {
        text-align: right;
    }
}

@media screen and (max-width: 479px) {
    .lt480-size2of3 {
        width: 66.7%;
    }
    .lt480-size1of3 {
        width: 33.3%;
    }
    .lt480-size1of2 {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .desktop-flex {
        display: flex;
        align-items: center;
    }
    .gt768-size5of8 {
        width: 62.5%;
    }
    .gt768-size1of8 {
        width: 12.5%;
    }
}

@media screen and (max-width: 767px) {
    .lt768-size7of12 {
        width: 58.3%;
    }
}

@media screen and (max-width: 413px) {
    .hide--lt413 {
        display: none !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 479px) {
    .lt768--gt480-size1of6 {
        width: 16.6%;
    }
}

@media screen and (max-width: 906px) and (min-width: 767px) {
    .hide--lt906--gt768 {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .scroll-container-temp-fix {
        position: absolute;
        top: 55px;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0 16px !important;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {
    .filters-overlay {
        position: fixed;
        z-index: 2;
        top: 55px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.95);
        -webkit-transform: translateY(110%);
        transform: translateY(110%);
        transition:
            transform 0.3s ease-out,
            -webkit-transform 0.3s ease-out;
    }

    .filters-overlay-active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition:
            transform 0.2s ease-out,
            -webkit-transform 0.2s ease-out;
    }
}

#ppResults {
    position: relative;
}

#ppResults .loader {
    height: 50px;
    width: 100%;
    text-align: center;
    margin-left: -25px;
    padding-left: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#ppResults .loadingOverlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #aaa;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

/* Display rating */
.rating-stars {
    width: 80px;
    height: 16px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iIzAwNzdFRSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjM5Ljc4OCwzLjg5MSA0OC43NTksMzEuNSA3Ny43ODksMzEuNSA1NC4zMDMsNDcuNzY0IA0KCTYzLjI3Myw3NC45NzcgMzkuNzg4LDU3LjcxIDE2LjMwMiw3NC42NzYgMjUuMjczLDQ3LjgxNiAxLjc4OCwzMS41IDMwLjgxOCwzMS41ICIvPg0KPC9zdmc+DQo=");
    background-size: contain;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
}

.rating-stars .stars {
    height: 16px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI4MHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjMxLjU4MiIgeTE9Ii0xMDguODE0IiB4Mj0iMzEuNTgyIiB5Mj0iLTM3LjczMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSA4LjM5OTkgLTMzLjgzOTgpIj4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDAiLz4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDc3RUUiLz4KCTxzdG9wICBvZmZzZXQ9IjAuMjMyMyIgc3R5bGU9InN0b3AtY29sb3I6IzA4N0VFRiIvPgoJPHN0b3AgIG9mZnNldD0iMC41OTgxIiBzdHlsZT0ic3RvcC1jb2xvcjojMUY4RkYxIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojM0ZBOUY1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzEuNTg0NSIgeTE9Ii0xMTAuMTQzNiIgeDI9IjMxLjU4NDUiIHkyPSItMzYuMTEzMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSA4LjM5OTkgLTMzLjgzOTgpIj4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDAiLz4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDc3RUUiLz4KCTxzdG9wICBvZmZzZXQ9IjAuMjMyMyIgc3R5bGU9InN0b3AtY29sb3I6IzA4N0VFRiIvPgoJPHN0b3AgIG9mZnNldD0iMC41OTgxIiBzdHlsZT0ic3RvcC1jb2xvcjojMUY4RkYxIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojM0ZBOUY1Ii8+CjwvbGluZWFyR3JhZGllbnQ+Cjxwb2x5Z29uIGZpbGw9InVybCgjU1ZHSURfMV8pIiBzdHJva2U9InVybCgjU1ZHSURfMl8pIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMzkuOTgxLDMuODkxIDQ4Ljk1MywzMS41IDc3Ljk4MiwzMS41IAoJNTQuNDk3LDQ3Ljc2NiA2My40NjksNzQuOTc1IDM5Ljk4MSw1Ny43MSAxNi40OTcsNzQuNjc0IDI1LjQ2OSw0Ny44MTYgMS45ODIsMzEuNSAzMS4wMTIsMzEuNSAiLz4KPC9zdmc+");
    background-size: contain;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
}

.rating-stars.small-stars .stars {
    height: 11px;
}
.rating-stars.small-stars {
    width: 55px;
    height: 11px;
}
.rating-stars.medium-stars .stars {
    height: 28px;
}
.rating-stars.medium-stars {
    width: 140px;
    height: 28px;
}
.rating-stars.large-stars .stars {
    height: 47px;
}
.rating-stars.large-stars {
    width: 235px;
    height: 47px;
}
/* Set rating */

.star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 250px;
    height: 50px;
    overflow: hidden;
    position: relative;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iIzAwNzdFRSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjM5Ljc4OCwzLjg5MSA0OC43NTksMzEuNSA3Ny43ODksMzEuNSA1NC4zMDMsNDcuNzY0IA0KCTYzLjI3Myw3NC45NzcgMzkuNzg4LDU3LjcxIDE2LjMwMiw3NC42NzYgMjUuMjczLDQ3LjgxNiAxLjc4OCwzMS41IDMwLjgxOCwzMS41ICIvPg0KPC9zdmc+DQo=");
    background-size: contain;
}

.star-rating label,
.star-rating i,
.star-rating input:checked + label,
.star-rating input:checked + i {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI4MHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjMxLjU4MiIgeTE9Ii0xMDguODE0IiB4Mj0iMzEuNTgyIiB5Mj0iLTM3LjczMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSA4LjM5OTkgLTMzLjgzOTgpIj4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDAiLz4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDc3RUUiLz4KCTxzdG9wICBvZmZzZXQ9IjAuMjMyMyIgc3R5bGU9InN0b3AtY29sb3I6IzA4N0VFRiIvPgoJPHN0b3AgIG9mZnNldD0iMC41OTgxIiBzdHlsZT0ic3RvcC1jb2xvcjojMUY4RkYxIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojM0ZBOUY1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzEuNTg0NSIgeTE9Ii0xMTAuMTQzNiIgeDI9IjMxLjU4NDUiIHkyPSItMzYuMTEzMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSA4LjM5OTkgLTMzLjgzOTgpIj4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDAiLz4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDc3RUUiLz4KCTxzdG9wICBvZmZzZXQ9IjAuMjMyMyIgc3R5bGU9InN0b3AtY29sb3I6IzA4N0VFRiIvPgoJPHN0b3AgIG9mZnNldD0iMC41OTgxIiBzdHlsZT0ic3RvcC1jb2xvcjojMUY4RkYxIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojM0ZBOUY1Ii8+CjwvbGluZWFyR3JhZGllbnQ+Cjxwb2x5Z29uIGZpbGw9InVybCgjU1ZHSURfMV8pIiBzdHJva2U9InVybCgjU1ZHSURfMl8pIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMzkuOTgxLDMuODkxIDQ4Ljk1MywzMS41IDc3Ljk4MiwzMS41IAoJNTQuNDk3LDQ3Ljc2NiA2My40NjksNzQuOTc1IDM5Ljk4MSw1Ny43MSAxNi40OTcsNzQuNjc0IDI1LjQ2OSw0Ny44MTYgMS45ODIsMzEuNSAzMS4wMTIsMzEuNSAiLz4KPC9zdmc+");
    background-size: contain;
}
.star-rating label,
.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    margin: 0;
    z-index: 1;
}

.star-rating input:checked + label,
.star-rating input:checked + i {
    z-index: 0;
}

.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.star-rating input:hover + label,
.star-rating input:checked + label {
    opacity: 1;
}
.star-rating label ~ label {
    width: 40%;
}
.star-rating label ~ label ~ label {
    width: 60%;
}
.star-rating label ~ label ~ label ~ label {
    width: 80%;
}
.star-rating label ~ label ~ label ~ label ~ label {
    width: 100%;
}