@charset "UTF-8";
@import url(https://use.typekit.net/hta4qem.css);

@-webkit-keyframes wb-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes wb-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes ui-spinner-rotate-right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ui-spinner-rotate-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ui-spinner-rotate-right {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes ui-spinner-rotate-left {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@media (min-width: 320px) {
    .xs-col, .xs-col-right {
        float: left;
        box-sizing: border-box
    }

    .xs-col-right {
        float: right
    }

    .xs-col-1 {
        width: 8.33333%
    }

    .xs-col-2 {
        width: 16.66667%
    }

    .xs-col-3 {
        width: 25%
    }

    .xs-col-4 {
        width: 33.33333%
    }

    .xs-col-5 {
        width: 41.66667%
    }

    .xs-col-6 {
        width: 50%
    }

    .xs-col-7 {
        width: 58.33333%
    }

    .xs-col-8 {
        width: 66.66667%
    }

    .xs-col-9 {
        width: 75%
    }

    .xs-col-10 {
        width: 83.33333%
    }

    .xs-col-11 {
        width: 91.66667%
    }

    .xs-col-12 {
        width: 100%
    }
}

.h1, .richtextGeneric h1 {
    font-size: 1.8125rem
}

.h2, .richtextGeneric h2 {
    font-size: 1.625rem
}

.h3, ul li i {
    font-size: 1.4375rem
}

.h4, .richtextGeneric h4 {
    font-size: 1.25rem
}

.h5 {
    font-size: 1.125rem
}

.h6 {
    font-size: .75rem
}

.font-family-inherit {
    font-family: inherit
}

.font-size-inherit {
    font-size: inherit
}

.text-decoration-none {
    text-decoration: none
}

.bold, .inspire-container .inspire-tile__title {
    font-weight: 700
}

.regular, a, h1, h2, h3, h4, h5, h6, p {
    font-weight: 400
}

.italic {
    font-style: italic
}

.caps {
    text-transform: uppercase;
    letter-spacing: .2em
}

.left-align {
    text-align: left
}

.center, .inspire-container .inspire-tile__title, .inspire-introduction, .wb-header__primary-navigation > ul > li {
    text-align: center
}

.right-align {
    text-align: right
}

.justify {
    text-align: justify
}

.nowrap {
    white-space: nowrap
}

.break-word {
    word-wrap: break-word
}

.line-height-1 {
    line-height: 1
}

.line-height-2 {
    line-height: 1.125
}

.line-height-3 {
    line-height: 1.25
}

.line-height-4 {
    line-height: 1.5
}

.list-style-none {
    list-style: none
}

.underline {
    text-decoration: underline
}

.truncate, .wb-form-item .wb-form-item__field select, .wb-form-item .wb-input-style, .wb-form-item input[type=button], .wb-form-item input[type=date], .wb-form-item input[type=datetime-local], .wb-form-item input[type=datetime], .wb-form-item input[type=email], .wb-form-item input[type=file], .wb-form-item input[type=month], .wb-form-item input[type=number], .wb-form-item input[type=password], .wb-form-item input[type=search], .wb-form-item input[type=tel], .wb-form-item input[type=text], .wb-form-item input[type=time], .wb-form-item input[type=url], .wb-form-item input[type=week] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wb-form-item textarea {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-reset {
    padding-left: 0
}

.list-reset, .wb-header__primary-navigation > ul {
    list-style: none
}

.inline {
    display: inline
}

.block {
    display: block
}

.inline-block, .wb-form-item label, .wb-form-item__label {
    display: inline-block
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.hotel-details .pi-icon-panel ul, .overflow-hidden, .responsive-component .pi-icon-panel ul {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-auto {
    overflow: auto
}

.clearfix:after, .clearfix:before, .wb-header:after, .wb-header:before, .wb-header__primary-navigation:after, .wb-header__primary-navigation:before, .wb-header__primary-navigation > ul:after, .wb-header__primary-navigation > ul:before, .wb-radio__group--horizontal:after, .wb-radio__group--horizontal:before {
    content: " ";
    display: table
}

.clearfix:after, .wb-header:after, .wb-header__primary-navigation:after, .wb-header__primary-navigation > ul:after, .wb-radio__group--horizontal:after {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.fit {
    max-width: 100%
}

.max-width-1 {
    max-width: 24rem
}

.max-width-2 {
    max-width: 32rem
}

.max-width-3 {
    max-width: 48rem
}

.max-width-4 {
    max-width: 64rem
}

.border-box, .wb-header__primary-navigation .wb-header__logo-container {
    box-sizing: border-box
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.m0, .wb-header__primary-navigation > ul {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.hotel-details .pi-icon-panel ul, .mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0, .mx0 {
    margin-left: 0
}

.mx0 {
    margin-right: 0
}

.my0 {
    margin-top: 0;
    margin-bottom: 0
}

.m1 {
    margin: .5rem
}

.mt1 {
    margin-top: .5rem
}

.mr1 {
    margin-right: .5rem
}

.mb1, .wb-form-item label, .wb-form-item__label {
    margin-bottom: .5rem
}

.ml1, .mx1 {
    margin-left: .5rem
}

.mx1 {
    margin-right: .5rem
}

.my1 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.m2 {
    margin: 1rem
}

.hotel-details .pi-icon-panel ul, .mt2 {
    margin-top: 1rem
}

.mr2 {
    margin-right: 1rem
}

.hotel-details .pi-icon-panel ul, .mb2 {
    margin-bottom: 1rem
}

.ml2, .mx2 {
    margin-left: 1rem
}

.mx2 {
    margin-right: 1rem
}

.my2 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.m3 {
    margin: 2rem
}

.mt3 {
    margin-top: 2rem
}

.mr3 {
    margin-right: 2rem
}

.mb3 {
    margin-bottom: 2rem
}

.ml3, .mx3 {
    margin-left: 2rem
}

.mx3 {
    margin-right: 2rem
}

.my3 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.m4 {
    margin: 4rem
}

.mt4 {
    margin-top: 4rem
}

.mr4 {
    margin-right: 4rem
}

.mb4 {
    margin-bottom: 4rem
}

.ml4, .mx4 {
    margin-left: 4rem
}

.mx4 {
    margin-right: 4rem
}

.my4 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mxn1 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.mxn2 {
    margin-left: -1rem;
    margin-right: -1rem
}

.mxn3 {
    margin-left: -2rem;
    margin-right: -2rem
}

.mxn4 {
    margin-left: -4rem;
    margin-right: -4rem
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.mx-auto, .wb-container, .wb-header__primary-navigation, .wb-section {
    margin-left: auto;
    margin-right: auto
}

.p0, .wb-header__primary-navigation > ul, .wb-header__secondary-navigation {
    padding: 0
}

.pt0, .wb-section.wb-section--pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0, .pi-fixed-height-layout main, .wb-section.wb-section--pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.px0, .wb-section.wb-section--px0 {
    padding-left: 0;
    padding-right: 0
}

.py0 {
    padding-top: 0;
    padding-bottom: 0
}

.p1 {
    padding: .5rem
}

.pt1 {
    padding-top: .5rem
}

.pr1, .responsive-component .pi-icon-panel ul li {
    padding-right: .5rem
}

.pb1 {
    padding-bottom: .5rem
}

.pl1 {
    padding-left: .5rem
}

.pika-single table thead abbr, .py1, .wb-datepicker table thead abbr {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.pika-single table tbody td button, .px1, .wb-datepicker table tbody td button {
    padding-left: .5rem;
    padding-right: .5rem
}

.p2 {
    padding: 1rem
}

.pt2 {
    padding-top: 1rem
}

.pr2 {
    padding-right: 1rem
}

.pb2 {
    padding-bottom: 1rem
}

.pl2 {
    padding-left: 1rem
}

.pika-single table tbody td button, .py2, .wb-datepicker table tbody td button {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px2 {
    padding-left: 1rem;
    padding-right: 1rem
}

.p3 {
    padding: 2rem
}

.pt3 {
    padding-top: 2rem
}

.pr3 {
    padding-right: 2rem
}

.pb3 {
    padding-bottom: 2rem
}

.pl3 {
    padding-left: 2rem
}

.py3 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px3 {
    padding-left: 2rem;
    padding-right: 2rem
}

.p4 {
    padding: 4rem
}

.pt4 {
    padding-top: 4rem
}

.pr4 {
    padding-right: 4rem
}

.pb4 {
    padding-bottom: 4rem
}

.pl4 {
    padding-left: 4rem
}

.py4 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px4 {
    padding-left: 4rem;
    padding-right: 4rem
}

.col, .col-right, .responsive-component .pi-icon-panel ul li {
    float: left;
    box-sizing: border-box
}

.col-right {
    float: right
}

.col-1 {
    width: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-3, .tabset__nav--bottom-bar.tabset--size4 li, .tabset__nav--bottom-block.tabset--size4 li, .tabset__nav--top-bar.tabset--size4 li, .tabset__nav--top-block.tabset--size4 li {
    width: 25%
}

.col-4, .tabset__nav--bottom-bar.tabset--size3 li, .tabset__nav--bottom-block.tabset--size3 li, .tabset__nav--top-bar.tabset--size3 li, .tabset__nav--top-block.tabset--size3 li {
    width: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-6, .hotel-details .pi-icon-panel ul li, .tabset__nav--bottom-bar.tabset--size2 li, .tabset__nav--bottom-block.tabset--size2 li, .tabset__nav--top-bar.tabset--size2 li, .tabset__nav--top-block.tabset--size2 li {
    width: 50%
}

.col-7 {
    width: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333%
}

.col-11 {
    width: 91.66667%
}

.col-12, .pika-single table, .wb-checkbox-multiple label, .wb-datepicker table {
    width: 100%
}

@media (min-width: 576px) {
    .sm-col, .sm-col-right, .wb-header__primary-navigation > ul > li {
        float: left;
        box-sizing: border-box
    }

    .sm-col-right {
        float: right
    }

    .sm-col-1 {
        width: 8.33333%
    }

    .sm-col-2 {
        width: 16.66667%
    }

    .sm-col-3 {
        width: 25%
    }

    .sm-col-4, .wb-header__primary-navigation > ul > li {
        width: 33.33333%
    }

    .sm-col-5 {
        width: 41.66667%
    }

    .sm-col-6 {
        width: 50%
    }

    .sm-col-7 {
        width: 58.33333%
    }

    .sm-col-8 {
        width: 66.66667%
    }

    .sm-col-9 {
        width: 75%
    }

    .sm-col-10 {
        width: 83.33333%
    }

    .sm-col-11 {
        width: 91.66667%
    }

    .sm-col-12 {
        width: 100%
    }
}

@media (min-width: 768px) {
    .md-col, .md-col-right {
        float: left;
        box-sizing: border-box
    }

    .md-col-right {
        float: right
    }

    .md-col-1 {
        width: 8.33333%
    }

    .md-col-2 {
        width: 16.66667%
    }

    .md-col-3 {
        width: 25%
    }

    .md-col-4 {
        width: 33.33333%
    }

    .md-col-5 {
        width: 41.66667%
    }

    .md-col-6 {
        width: 50%
    }

    .md-col-7 {
        width: 58.33333%
    }

    .md-col-8 {
        width: 66.66667%
    }

    .md-col-9 {
        width: 75%
    }

    .md-col-10 {
        width: 83.33333%
    }

    .md-col-11 {
        width: 91.66667%
    }

    .md-col-12 {
        width: 100%
    }
}

@media (min-width: 1280px) {
    .lg-col, .lg-col-right {
        float: left;
        box-sizing: border-box
    }

    .lg-col-right {
        float: right
    }

    .lg-col-1 {
        width: 8.33333%
    }

    .lg-col-2 {
        width: 16.66667%
    }

    .lg-col-3 {
        width: 25%
    }

    .lg-col-4 {
        width: 33.33333%
    }

    .lg-col-5 {
        width: 41.66667%
    }

    .lg-col-6 {
        width: 50%
    }

    .lg-col-7 {
        width: 58.33333%
    }

    .lg-col-8 {
        width: 66.66667%
    }

    .lg-col-9 {
        width: 75%
    }

    .lg-col-10 {
        width: 83.33333%
    }

    .lg-col-11 {
        width: 91.66667%
    }

    .lg-col-12 {
        width: 100%
    }
}

.flex {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 576px) {
    .sm-flex {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 768px) {
    .md-flex {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1280px) {
    .lg-flex {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.items-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.items-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.items-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.self-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.self-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.self-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.justify-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.content-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.content-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.content-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.content-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.content-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.content-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.flex-auto {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-none {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.order-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.order-last {
    -webkit-order: 99999;
    -ms-flex-order: 99999;
    order: 99999
}

.hotel-details .pi-icon-panel ul, .hotel-details .pi-icon-panel ul li, .relative, .responsive-component .pi-icon-panel ul li {
    position: relative
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul li i, .absolute, .container-tab-room .pi-icon-panel ul li i, .hotel-details .pi-icon-panel ul li i, .responsive-component .pi-icon-panel ul li i {
    position: absolute
}

.fixed {
    position: fixed
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul li i, .container-tab-room .pi-icon-panel ul li i, .hotel-details .pi-icon-panel ul li i, .left-0, .responsive-component .pi-icon-panel ul li i {
    left: 0
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z4 {
    z-index: 4
}

.border {
    border-style: solid;
    border-width: 1px
}

.border-top {
    border-top-style: solid;
    border-top-width: 1px
}

.border-right {
    border-right-style: solid;
    border-right-width: 1px
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.border-left {
    border-left-style: solid;
    border-left-width: 1px
}

.border-none {
    border: 0
}

.rounded {
    border-radius: 3px
}

.circle {
    border-radius: 50%
}

.rounded-top {
    border-radius: 3px 3px 0 0
}

.rounded-right {
    border-radius: 0 3px 3px 0
}

.rounded-bottom {
    border-radius: 0 0 3px 3px
}

.rounded-left {
    border-radius: 3px 0 0 3px
}

.not-rounded {
    border-radius: 0
}

.hide, .wb-radio__inner input[type=radio] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

@media (min-width: 320px) {
    .xs-hide {
        display: none !important
    }
}

@media (min-width: 40em) and (max-width: 52em) {
    .sm-hide, .wb-header__primary-navigation > ul > li ul, .wb-header__toggle-mobile-nav {
        display: none !important
    }
}

@media (min-width: 52em) and (max-width: 64em) {
    .md-hide, .wb-header__primary-navigation > ul > li ul, .wb-header__toggle-mobile-nav {
        display: none !important
    }
}

@media (min-width: 1280px) {
    .lg-hide, .wb-header__primary-navigation > ul > li ul, .wb-header__toggle-mobile-nav {
        display: none !important
    }
}

.display-none, .pika-single.is-hidden {
    display: none !important
}

.site-container {
    margin: 0 auto;
    display: block
}

@media screen and (min-width: 320px) {
    .site-container {
        max-width: 576px;
        padding: 0 16px
    }
}

@media screen and (min-width: 576px) {
    .site-container {
        max-width: 768px;
        padding: 0 18px
    }
}

@media screen and (min-width: 768px) {
    .site-container {
        max-width: 1280px;
        padding: 0 24px
    }
}

@media screen and (min-width: 1280px) {
    .site-container {
        max-width: 1280px;
        padding: 0 28px
    }
}

@media screen and (min-width: 1440px) {
    .site-container {
        max-width: 1440px;
        padding: 0 66px
    }
}

@media screen and (min-width: 320px) {
    .m1 {
        width: 25%
    }

    .m2 {
        width: 50%
    }

    .m3 {
        width: 75%
    }

    .m4 {
        width: 100%
    }
}

@media screen and (min-width: 576px) {
    .st1, .tl1 {
        width: 12.5%
    }

    .st2, .tl2 {
        width: 25%
    }

    .st3, .tl3 {
        width: 37.5%
    }

    .st4, .tl4 {
        width: 50%
    }

    .st5, .tl5 {
        width: 62.5%
    }

    .st6, .tl6 {
        width: 75%
    }

    .st7, .tl7 {
        width: 87.5%
    }

    .st8, .tl8 {
        width: 100%
    }
}

@media screen and (min-width: 1280px) {
    .d1 {
        width: 8.33%
    }

    .d2 {
        width: 16.66%
    }

    .d3 {
        width: 24%
    }

    .d4 {
        width: 33.33%
    }

    .d5 {
        width: 41.66%
    }

    .d6 {
        width: 50%
    }

    .d7 {
        width: 58.33%
    }

    .d8 {
        width: 66.66%
    }

    .d9 {
        width: 75%
    }

    .d10 {
        width: 83.33%
    }

    .d11 {
        width: 91.66%
    }

    .d12 {
        width: 100%
    }
}

@media (min-width: 320px) {
    .xs-col, .xs-col-right {
        float: left;
        box-sizing: border-box
    }

    .xs-col-right {
        float: right
    }

    .xs-col-1 {
        width: 8.33333%
    }

    .xs-col-2 {
        width: 16.66667%
    }

    .xs-col-3 {
        width: 25%
    }

    .xs-col-4 {
        width: 33.33333%
    }

    .xs-col-5 {
        width: 41.66667%
    }

    .xs-col-6 {
        width: 50%
    }

    .xs-col-7 {
        width: 58.33333%
    }

    .xs-col-8 {
        width: 66.66667%
    }

    .xs-col-9 {
        width: 75%
    }

    .xs-col-10 {
        width: 83.33333%
    }

    .xs-col-11 {
        width: 91.66667%
    }

    .xs-col-12 {
        width: 100%
    }
}

@font-face {
    font-family: 'wb-icons';
    src: url(../../designs/pi/desktop/assets/wb-icons/icomoon.woff) format("woff"), url(../../designs/pi/desktop/assets/wb-icons/icomoon.ttf) format("truetype"), url(../../designs/pi/desktop/assets/wb-icons/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.pika-single .pika-title .wb-datepicker-prev-next:before, .pika-single .wb-datepicker-title .wb-datepicker-prev-next:before, .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next:before, .wb-icon:before, [class*=" wb-icon"]:before, [class^=wb-icon]:before {
    font-family: 'wb-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    display: inline-block;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wb-icon_accessible-bathrooms:before {
    content: "\e900"
}

.wb-icon_accessible-rooms:before {
    content: "\e961"
}

.wb-icon_air-condition:before {
    content: "\e902"
}

.wb-icon_app-account:before {
    content: "\e903"
}

.wb-icon_app-padlock:before {
    content: "\e904"
}

.wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled:before, .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled:before, .wb-icon_arrow-down:before {
    content: "\e905"
}

.pika-single .pika-title .pika-prev:before, .pika-single .pika-title .wb-datepicker-prev:before, .pika-single .wb-datepicker-title .wb-datepicker-prev:before, .wb-datepicker .wb-datepicker-title .wb-datepicker-prev:before, .wb-icon_arrow-left:before {
    content: "\e906"
}

.pika-single .pika-title .pika-next:before, .pika-single .pika-title .wb-datepicker-next:before, .pika-single .wb-datepicker-title .wb-datepicker-next:before, .wb-datepicker .wb-datepicker-title .wb-datepicker-next:before, .wb-icon_arrow-right:before {
    content: "\e907"
}

.wb-icon_arrow-up:before {
    content: "\e908"
}

.wb-icon_bell:before {
    content: "\e909"
}

.wb-icon_bookings:before {
    content: "\e90a"
}

.wb-icon_business:before {
    content: "\e90b"
}

.wb-icon_calendar:before {
    content: "\e90c"
}

.wb-icon_camera:before {
    content: "\e90d"
}

.wb-icon_card:before {
    content: "\e90e"
}

.wb-icon_check-in:before {
    content: "\e90f"
}

.wb-icon_child:before {
    content: "\e910"
}

.wb-icon_city-centre:before {
    content: "\e911"
}

.wb-icon_costa-coffee:before {
    content: "\e912"
}

.wb-icon_cross-filled:before {
    content: "\e913"
}

.wb-icon_cross:before {
    content: "\e914"
}

.wb-icon_dashboard:before {
    content: "\e915"
}

.wb-icon_direction:before {
    content: "\e916"
}

.wb-icon_disc-checked-fill:before {
    content: "\e917"
}

.wb-icon_disc-checked:before {
    content: "\e918"
}

.wb-icon_disc-cross:before {
    content: "\e919"
}

.wb-icon_disc-info-filled-star:before {
    content: "\e91a"
}

.wb-icon_disc-info-filled:before {
    content: "\e91b"
}

.wb-icon_disc-info-new:before, .wb-notification__unhousedinfo-center .wb-notification-header:before {
    content: "\e91c"
}

.wb-icon_disc-minus:before {
    content: "\e91d"
}

.wb-icon_disc-plus:before {
    content: "\e91e"
}

.wb-icon_disc-star:before {
    content: "\e91f"
}

.wb-icon_distance:before {
    content: "\e920"
}

.wb-icon_edit:before {
    content: "\e921"
}

.wb-icon_email:before {
    content: "\e922"
}

.wb-icon_error-circle:before {
    content: "\e923"
}

.wb-icon_euro:before {
    content: "\e924"
}

.wb-icon_explore:before {
    content: "\e925"
}

.wb-icon_family-rooms:before {
    content: "\e926"
}

.wb-icon_family:before {
    content: "\e927"
}

.wb-icon_filter:before {
    content: "\e928"
}

.wb-icon_globe:before {
    content: "\e929"
}

.wb-icon_heart:before {
    content: "\e92a"
}

.wb-icon_help-circle:before {
    content: "\e92b"
}

.wb-icon_help-filled:before {
    content: "\e92c"
}

.wb-icon_hub-app:before {
    content: "\e92f"
}

.wb-icon_information-filled:before {
    content: "\e932"
}

.wb-icon_interconnecting-doors:before {
    content: "\e933"
}

.wb-icon_lift:before {
    content: "\e934"
}

.wb-icon_list:before {
    content: "\e935"
}

.wb-icon_loader:before {
    content: "\e936"
}

.wb-icon_location:before {
    content: "\e937"
}

.wb-icon_lock-closed:before {
    content: "\e938"
}

.wb-icon_lock-open:before {
    content: "\e939"
}

.wb-icon_luggage:before {
    content: "\e93a"
}

.wb-icon_manage:before {
    content: "\e93b"
}

.wb-icon_map-pin:before {
    content: "\e93c"
}

.wb-icon_meeting-rooms:before {
    content: "\e93d"
}

.wb-icon_minus:before {
    content: "\e93e"
}

.wb-icon_mobile:before {
    content: "\e93f"
}

.wb-icon_navigation:before {
    content: "\e940"
}

.wb-icon_parking:before {
    content: "\e941"
}

.wb-icon_pause:before {
    content: "\e942"
}

.wb-icon_play:before {
    content: "\e946"
}

.wb-icon_plus:before {
    content: "\e947"
}

.wb-icon_pound:before {
    content: "\e948"
}

.wb-icon_price:before {
    content: "\e949"
}

.wb-icon_printer:before {
    content: "\e94a"
}

.wb-icon_rail:before {
    content: "\e94b"
}

.wb-icon_restaurant:before {
    content: "\e94c"
}

.wb-icon_room-double-one:before {
    content: "\e94d"
}

.wb-icon_room-double-two:before {
    content: "\e94e"
}

.wb-icon_room-single:before {
    content: "\e94f"
}

.wb-icon_satnav:before {
    content: "\e950"
}

.wb-icon_save:before {
    content: "\e951"
}

.wb-icon_search:before {
    content: "\e952"
}

.wb-icon_settings:before {
    content: "\e953"
}

.wb-icon_shower:before {
    content: "\e954"
}

.wb-icon_star-filled:before {
    content: "\e955"
}

.wb-icon_telephone:before {
    content: "\e956"
}

.wb-icon_tick:before {
    content: "\e957"
}

.wb-icon_tube:before {
    content: "\e958"
}

.wb-icon_tv:before {
    content: "\e959"
}

.wb-icon_user:before {
    content: "\e95a"
}

.wb-icon_wifi:before {
    content: "\e95b"
}

.wb-icon_hub-logo-favicon-1:before {
    content: "\e95c"
}

.wb-icon_moon-new:before {
    content: "\e95d"
}

.wb-icon_zip-logo:before {
    content: "\e95e"
}

.wb-icon_accessible-icon:before {
    content: "\e960"
}

.wb-icon_triangle-info:before {
    content: "\e962"
}

.wb-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wb-transition {
    transition: all .3s ease-in-out
}

.wb-animate-spin {
    -webkit-animation: wb-spin 2s infinite linear;
    animation: wb-spin 2s infinite linear;
    display: inline-block
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}

.focus-visible {
    outline: 2px solid #007aff;
    outline-offset: 2px
}

body {
    min-width: 320px
}

img {
    height: auto
}

.wb-container, .wb-header__primary-navigation, .wb-section {
    padding: 0 16px;
    max-width: 1140px
}

@media (min-width: 48em) {
    .wb-container, .wb-header__primary-navigation, .wb-section {
        padding: 0 24px
    }
}

.wb-border-container {
    padding: 16px;
    border: 1px solid #ccc
}

@media (max-width: 47.99em) {
    .md-col-clear {
        clear: left
    }
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.animate-show-hide {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.animate-show-hide.ng-hide {
    opacity: 0;
    display: block !important;
    position: absolute;
    top: -9999px;
    left: -9999px
}

.wb-text--left {
    text-align: left !important
}

.wb-text--center {
    text-align: center !important
}

.wb-text--right {
    text-align: right !important
}

.wb-float--right {
    float: right !important
}

.wb-float--left {
    float: left !important
}

.wb-float--none {
    float: none !important
}

.wb-checkbox-list li, .wb-checkbox-list ul, .wb-checkbox-multiple li, .wb-checkbox-multiple ul, .wb-checkbox__contained h5, .wb-checkbox__contained p, .wb-flush--base {
    margin: 0 !important
}

.wb-flush--top {
    margin-top: 0 !important
}

.wb-flush--right {
    margin-right: 0 !important
}

.wb-checkbox label, .wb-flush--bottom {
    margin-bottom: 0 !important
}

.wb-flush--left {
    margin-left: 0 !important
}

.wb-flush--ends {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.wb-flush--sides {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.wb-push--base {
    margin: 24px !important
}

.wb-push--top {
    margin-top: 24px !important
}

.wb-push--right {
    margin-right: 24px !important
}

.wb-push--bottom {
    margin-bottom: 24px !important
}

.wb-push--left {
    margin-left: 24px !important
}

.wb-push--ends {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.wb-push--sides {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.wb-push-half--base {
    margin: 16px !important
}

.wb-checkbox-singlelabel, .wb-push-half--top {
    margin-top: 16px !important
}

.wb-push-half--right {
    margin-right: 16px !important
}

.wb-push-half--bottom {
    margin-bottom: 16px !important
}

.wb-push-half--left {
    margin-left: 16px !important
}

.wb-push-half--ends {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.wb-push-half--sides {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.wb-push-middle--base {
    margin: 24px !important
}

.wb-push-middle--top {
    margin-top: 24px !important
}

.wb-push-middle--right {
    margin-right: 24px !important
}

.wb-push-middle--bottom {
    margin-bottom: 24px !important
}

.wb-push-middle--left {
    margin-left: 24px !important
}

.wb-push-middle--ends {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.wb-push-middle--sides {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.wb-push-double--base {
    margin: 32px !important
}

.wb-push-double--top {
    margin-top: 32px !important
}

.wb-push-double--right {
    margin-right: 32px !important
}

.wb-push-double--bottom {
    margin-bottom: 32px !important
}

.wb-push-double--left {
    margin-left: 32px !important
}

.wb-push-double--ends {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.wb-push-double--sides {
    margin-right: 32px !important;
    margin-left: 32px !important
}

.wb-push-base--base {
    margin: 16px !important
}

.wb-push-base--top {
    margin-top: 16px !important
}

.wb-push-base--right {
    margin-right: 16px !important
}

.wb-push-base--bottom {
    margin-bottom: 16px !important
}

.wb-push-base--left {
    margin-left: 16px !important
}

.wb-push-base--ends {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.wb-push-base--sides {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.wb-checkbox-list ul, .wb-checkbox-multiple ul, .wb-hard--base {
    padding: 0 !important
}

.wb-hard--top {
    padding-top: 0 !important
}

.wb-hard--right {
    padding-right: 0 !important
}

.wb-hard--bottom {
    padding-bottom: 0 !important
}

.wb-checkbox__contained .wb-checkbox label, .wb-hard--left {
    padding-left: 0 !important
}

.wb-hard--ends {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.wb-hard--sides {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.wb-checkbox-multiple__contained, .wb-checkbox-multiple__dynamic, .wb-checkbox-single__contained, .wb-checkbox__contained, .wb-soft--base {
    padding: 24px !important
}

.wb-soft--top {
    padding-top: 24px !important
}

.wb-soft--right {
    padding-right: 24px !important
}

.wb-soft--bottom {
    padding-bottom: 24px !important
}

.wb-soft--left {
    padding-left: 24px !important
}

.wb-soft--ends {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.wb-soft--sides {
    padding-right: 24px !important;
    padding-left: 24px !important
}

.wb-notification__contained, .wb-soft-half--base {
    padding: 16px !important
}

.wb-soft-half--top {
    padding-top: 16px !important
}

.wb-soft-half--right {
    padding-right: 16px !important
}

.wb-checkbox-error label, .wb-checkbox-list li, .wb-soft-half--bottom {
    padding-bottom: 16px !important
}

.wb-soft-half--left {
    padding-left: 16px !important
}

.wb-soft-half--ends {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.wb-soft-half--sides {
    padding-right: 16px !important;
    padding-left: 16px !important
}

.wb-soft--middle--base {
    padding: 24px !important
}

.wb-soft--middle--top {
    padding-top: 24px !important
}

.wb-soft--middle--right {
    padding-right: 24px !important
}

.wb-soft--middle--bottom {
    padding-bottom: 24px !important
}

.wb-soft--middle--left {
    padding-left: 24px !important
}

.wb-soft--middle--ends {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.wb-soft--middle--sides {
    padding-right: 24px !important;
    padding-left: 24px !important
}

.wb-soft-double--base {
    padding: 32px !important
}

.wb-soft-double--top {
    padding-top: 32px !important
}

.wb-soft-double--right {
    padding-right: 32px !important
}

.wb-soft-double--bottom {
    padding-bottom: 32px !important
}

.wb-checkbox label, .wb-soft-double--left {
    padding-left: 32px !important
}

.wb-soft-double--ends {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.wb-soft-double--sides {
    padding-right: 32px !important;
    padding-left: 32px !important
}

.wb-base-typography--light, .wb-base-typography--light-italic {
    font-weight: 300;
    font-style: normal;
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

.wb-base-typography--light-italic {
    font-style: italic
}

.pika-single, .wb-base-typography--regular, .wb-datepicker, .wb-radio, .wb-typography {
    font-weight: 400;
    font-style: normal;
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

.wb-btn, .wb-form-item .wb-form-item__field > i {
    font-style: normal;
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

.wb-text-btn {
    font-weight: 400
}

.wb-accordion, .wb-accordion__open + .wb-accordion__container, .wb-base-typography--italic, .wb-form-item, .wb-text-btn {
    font-style: normal;
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

.wb-base-typography--italic, .wb-form-item {
    font-weight: 400
}

.wb-base-typography--italic {
    font-style: italic
}

.form-item-msg, .wb-base-typography--bold, .wb-header__primary-navigation > ul > li.active .top-nav-label, .wb-header__primary-navigation > ul > li:hover .top-nav-label, .wb-header__secondary-navigation li a::after, .wb-header__secondary-navigation li a:hover, .wb-heading--bold, .wb-price--large, .wb-price--mid, .wb-price--small, .wb-price--xlarge, .wb-typography--label {
    font-weight: 700;
    font-style: normal;
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

.wb-base-typography--medium, .wb-base-typography--semi-bold, .wb-heading--semi-bold {
    font-weight: 600;
    font-style: normal;
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

.wb-base-typography--medium {
    font-weight: 500
}

.wb-a {
    line-height: 1.25rem
}

.wb-a, .wb-radio__inner .wb-radio__label__inner-link {
    cursor: pointer;
    text-decoration: underline
}

.wb-a > i[class*=wb-icon_link-round]:before, .wb-a > i[class^=wb-icon_link-round]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class*=wb-icon_link-round]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class^=wb-icon_link-round]:before {
    background: #6c3072;
    color: #fff;
    border-radius: 50%;
    font-size: 1.188rem;
    margin-right: 16px;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.wb-a > i[class*=wb-icon_link-round-open]:before, .wb-a > i[class^=wb-icon_link-round-open]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class*=wb-icon_link-round-open]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class^=wb-icon_link-round-open]:before {
    background: #b597b8
}

.wb-a > i[class*=wb-icon_link-clean]:before, .wb-a > i[class^=wb-icon_link-clean]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class*=wb-icon_link-clean]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class^=wb-icon_link-clean]:before {
    color: #6c3072;
    font-size: 1.4375rem;
    vertical-align: middle
}

.wb-a > i[class*=wb-icon_link-clean-open]:before, .wb-a > i[class^=wb-icon_link-clean-open]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class*=wb-icon_link-clean-open]:before, .wb-radio__inner .wb-radio__label__inner-link > i[class^=wb-icon_link-clean-open]:before {
    color: #b597b8
}

.wb-a, .wb-a:link, .wb-radio__inner .wb-radio__label__inner-link, .wb-radio__inner .wb-radio__label__inner-link:link {
    color: #511e62;
    -webkit-tap-highlight-color: #c4acc7
}

.wb-a:focus, .wb-radio__inner .wb-radio__label__inner-link:focus {
    text-decoration: none;
    outline: solid 1px
}

.wb-a[class*=" wb-icon"], .wb-a[class^=wb-icon], .wb-radio__inner .wb-radio__label__inner-link[class*=" wb-icon"], .wb-radio__inner .wb-radio__label__inner-link[class^=wb-icon] {
    position: relative;
    margin-left: 20px
}

.wb-a.wb-a--danger[class*=" wb-icon"]:before, .wb-a.wb-a--danger[class^=wb-icon]:before, .wb-a[class*=" wb-icon"]:before, .wb-a[class^=wb-icon]:before, .wb-radio__inner .wb-a--danger.wb-radio__label__inner-link[class*=" wb-icon"]:before, .wb-radio__inner .wb-a--danger.wb-radio__label__inner-link[class^=wb-icon]:before, .wb-radio__inner .wb-radio__label__inner-link[class*=" wb-icon"]:before, .wb-radio__inner .wb-radio__label__inner-link[class^=wb-icon]:before {
    position: absolute;
    left: -20px;
    vertical-align: bottom;
    line-height: 23px
}

.wb-a.wb-a--danger, .wb-radio__inner .wb-a--danger.wb-radio__label__inner-link {
    color: #da3c21;
    -webkit-tap-highlight-color: #da3c21;
    cursor: pointer;
    text-decoration: underline;
    line-height: 1.25rem
}

.wb-a.wb-a--danger:link, .wb-radio__inner .wb-a--danger.wb-radio__label__inner-link:link {
    color: #da3c21;
    -webkit-tap-highlight-color: #da3c21
}

.wb-a.wb-a--danger:focus, .wb-radio__inner .wb-a--danger.wb-radio__label__inner-link:focus {
    text-decoration: none;
    outline: solid 1px
}

.wb-a.wb-a--danger[class*=" wb-icon"], .wb-a.wb-a--danger[class^=wb-icon], .wb-radio__inner .wb-a--danger.wb-radio__label__inner-link[class*=" wb-icon"], .wb-radio__inner .wb-a--danger.wb-radio__label__inner-link[class^=wb-icon] {
    position: relative;
    margin-left: 20px
}

.wb-a--secondary {
    color: #333
}

ul li i.wb-icon_tick {
    margin-right: 4px
}

.align--left {
    text-align: left
}

.align--center {
    text-align: center
}

.align--right {
    text-align: right
}

.wb-base-typography--bold, .wb-base-typography--italic, .wb-base-typography--light, .wb-base-typography--light-italic, .wb-base-typography--medium, .wb-base-typography--regular, .wb-base-typography--semi-bold {
    font-size: 30px
}

.font-size--xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-size--s, .in-page__text, .wb-form-item label, .wb-form-item__label {
    font-size: .875rem;
    line-height: 1.313rem
}

.font-size--base, .in-page__intro {
    font-size: 1rem;
    line-height: 1.188rem
}

.font-size--m {
    font-size: 1.188rem;
    line-height: 1.5rem
}

.font-size--l {
    font-size: 1.4375rem;
    line-height: 1.75rem
}

.font-size--xl {
    font-size: 2.313rem;
    line-height: 2.813rem
}

.font-size--xxl {
    font-size: 2.563rem;
    line-height: 3rem
}

.font-size--xxxl {
    font-size: 3.063rem;
    line-height: 3.438rem
}

.text-type--h1 {
    font-size: 1.8125rem;
    line-height: 2.5rem
}

.text-type--h2, .text-type--h3 {
    font-size: 1.625rem;
    line-height: 2rem
}

.text-type--h3 {
    font-size: 1.4375rem
}

.text-type--h4, .text-type--h5 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.text-type--h5 {
    font-size: 1.125rem
}

.text-type--body {
    font-size: 1rem;
    line-height: 1.25rem
}

.text-type--body-small {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-type--subtext {
    font-size: .8125rem;
    line-height: 1.25rem
}

.pika-single, .wb-datepicker, .wb-typography {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.page-content .pi-form ul a, .page-content .pi-form ul a:link, .page-content p a, .page-content p a:link, .wb-typography--accent-primary {
    color: #6c3072
}

.wb-typography--label {
    color: #949494
}

.wb-price--xlarge {
    font-size: 2.25rem
}

.wb-price--large, .wb-price--xlarge .wb-price__decimal {
    font-size: 1.813rem
}

.richtextGeneric h3, .wb-price--large .wb-price__decimal, .wb-price--mid {
    font-size: 1.4375rem
}

.wb-price--mid .wb-price__decimal, .wb-price--small {
    font-size: 1.188rem
}

.wb-price--small .wb-price__decimal {
    font-size: .8125rem
}

.pika-single ::-moz-selection, .wb-datepicker ::-moz-selection, .wb-selection, .wb-typography ::-moz-selection {
    color: #fff;
    background: #c4acc7
}

.pika-single ::selection, .wb-datepicker ::selection, .wb-selection, .wb-typography ::selection {
    color: #fff;
    background: #c4acc7
}

.wb-notification-header, .wb-notification__unhousedalert, .wb-privacy-accordion__title, .wb-strong {
    font-weight: 700
}

.page-content .pi-form ul a:link > strong.wb-notification-header, .page-content .pi-form ul a:link > strong.wb-notification__unhousedalert, .page-content .pi-form ul a:link > strong.wb-privacy-accordion__title, .page-content .pi-form ul a:link > strong.wb-strong, .page-content .pi-form ul a > strong.wb-notification-header, .page-content .pi-form ul a > strong.wb-notification__unhousedalert, .page-content .pi-form ul a > strong.wb-privacy-accordion__title, .page-content .pi-form ul a > strong.wb-strong, .page-content p a:link > strong, .page-content p a > strong, .wb-underline {
    text-decoration: underline
}

.wb-strikethrough {
    text-decoration: line-through;
    color: #949494
}

.page-content .pi-form ul, .page-content p {
    line-height: 1.313rem;
    color: #333;
    font-size: .875rem
}

.page-content .pi-form ul a:link > strong.wb-notification-header, .page-content .pi-form ul a:link > strong.wb-notification__unhousedalert, .page-content .pi-form ul a:link > strong.wb-privacy-accordion__title, .page-content .pi-form ul a:link > strong.wb-strong, .page-content .pi-form ul a > strong.wb-notification-header, .page-content .pi-form ul a > strong.wb-notification__unhousedalert, .page-content .pi-form ul a > strong.wb-privacy-accordion__title, .page-content .pi-form ul a > strong.wb-strong, .page-content p a:link > strong, .page-content p a > strong {
    font-weight: 700
}

.action_links a:focus, .site-header a:focus {
    outline: 0
}

.action_links a:focus img, .site-header a:focus img {
    outline: solid 1px #511e62
}

.site-header .sub-navigation a:focus {
    text-decoration: none
}

ul.bullet-list {
    list-style: disc outside;
    padding-left: 15px
}

ul.bullet-list li {
    text-indent: -5px;
    list-style: inherit
}

.wb-section {
    padding-top: 1em;
    padding-bottom: 1em;
    color: #333;
    border-bottom: solid 2px #ccc
}

.richtextGeneric p, .wb-radio__inner .wb-section .right.wb-radio__label__inner-link, .wb-section .wb-a.right, .wb-section .wb-radio__inner .right.wb-radio__label__inner-link {
    font-size: .875rem
}

.wb-section--no-border {
    border-bottom: none
}

.pi-color-purple, .wb-checkbox__contained h5 {
    color: #511e62
}

.pi-color-purple-light {
    color: #c9bbd0
}

.pi-color-secondary-darkest {
    color: #6c3072
}

.pi-color-secondary-darker {
    color: #9f78a3
}

.pi-color-secondary-dark {
    color: #b597b8
}

.pi-color-secondary-mid {
    color: #c4acc7
}

.pi-color-secondary-light {
    color: #e2d6e3
}

.pi-color-secondary-lighter {
    color: #e9e0ea
}

.pi-color-secondary-lightest {
    color: #f8f4f8
}

.pi-color-darkneutral-darkest {
    color: #617571
}

.pi-color-darkneutral-dark {
    color: #b6c4c1
}

.pi-color-darkneutral-mid {
    color: #ccd9d3
}

.pi-color-darkneutral-light {
    color: #dae1e0
}

.pi-color-darkneutral-lightest {
    color: #f0f3f3
}

.pi-color-neutral-darkest {
    color: #eeece9
}

.pi-color-neutral-dark {
    color: #f1f0ed
}

.pi-color-neutral-mid {
    color: #f3f2f0
}

.pi-color-neutral-light {
    color: #f6f5f4
}

.pi-color-neutral-lightest {
    color: #f8f7f6
}

.pi-color-lightneutral-dark {
    color: #e2e6e5
}

.pi-color-lightneutral-mid {
    color: #e8ebea
}

.pi-color-lightneutral-light {
    color: #f0f2f2
}

.pi-color-greyscale-darkest {
    color: #333
}

.pi-color-greyscale-dark {
    color: #58595b
}

.pi-color-greyscale-mid {
    color: #949494
}

.pi-color-greyscale-light, .pika-single table tbody td.is-empty button, .pika-single table tbody td.is-outside-current-month button, .pika-single table tbody td.wb-datepicker-inactive button, .wb-datepicker table tbody .pika-single td.is-empty button, .wb-datepicker table tbody .pika-single td.is-outside-current-month button, .wb-datepicker table tbody td.wb-datepicker-inactive button {
    color: #ccc
}

.pi-color-greyscale-lighter {
    color: #ddd
}

.pi-color-greyscale-lightest {
    color: #f2f2f2
}

.pi-color-btn-primary {
    color: #00798e
}

.pi-color-btn-primary-light {
    color: #008fa8
}

.pi-color-btn-primary-lightest {
    color: #fef9ec
}

.pi-color-accent-orange {
    color: #fa9300
}

.pi-color-accent-orange-light {
    color: #fcbe66
}

.pi-color-accent-orange-lightest {
    color: #feefd9
}

.pi-color-accent-coral {
    color: #da3c21
}

.pi-banner__fully-book .pi-banner__content > p:before, .pi-color-accent-coral-light {
    color: #e65c44
}

.pi-color-accent-coral-lightest {
    color: #fceeec
}

.pi-color-accent-teal {
    color: #3c868b
}

.pi-color-accent-teal-light {
    color: #0e1213
}

.pi-color-accent-teal-lighter {
    color: #89b6b9
}

.pi-color-accent-teal-lightest {
    color: #f5f9f9
}

.pi-color-accent-aqua {
    color: #80bfbd
}

.pi-color-accent-yellow {
    color: #fcb92a
}

.pi-color-accent-dangerred {
    color: #cd0325
}

.pi-color-accent-errorred {
    color: #eb0324
}

.pi-color-accent-darkred {
    color: #eb1130
}

.pi-color-accent-blue {
    color: #217ace
}

.pi-color-accent-magenta {
    color: #8d1a61
}

.pi-color-white {
    color: #fff
}

.pi-color-black {
    color: #000
}

.pi-color-transparent {
    color: transparent
}

.hub-color-primary {
    color: #bdd600
}

.zip-red {
    color: #fc0f42
}

.zip-blue {
    color: #1900ff
}

.zip-orange {
    color: #ff6a13
}

.zip-light-grey {
    color: #dfdfdd
}

.zip-mid-grey {
    color: #c8c9c7
}

.zip-grey {
    color: #878a8c
}

.zip-dark-grey {
    color: #505357
}

.zip-white {
    color: #fff
}

.zip-black {
    color: #333
}

.zip-aqua {
    color: #80bfbd
}

.hub-green {
    color: #bdd600
}

.hub-light-grey {
    color: #dfdfdd
}

.hub-mid-grey {
    color: #505357
}

.hub-grey {
    color: #58595b
}

.hub-dark-grey {
    color: #363636
}

.hub-white {
    color: #fff
}

.hub-black {
    color: #333
}

.hub-aqua {
    color: #80bfbd
}

.wb-checkbox input[type=checkbox] {
    opacity: 0;
    left: 0;
    position: absolute
}

.wb-checkbox input[type=checkbox]:focus ~ label:before {
    border-color: #979797
}

.wb-checkbox label {
    position: relative;
    display: block;
    cursor: pointer
}

.wb-checkbox label:after, .wb-checkbox label:before {
    position: absolute;
    content: '';
    display: inline-block
}

.wb-checkbox label:before {
    height: 21px;
    width: 21px;
    background: #fff;
    border: 1px solid #979797;
    border-radius: 3px;
    left: 0
}

.wb-checkbox label:after {
    left: 2px;
    top: 2px;
    width: 19px
}

.wb-checkbox input[type=checkbox] ~ label:after {
    content: none
}

.wb-checkbox input[type=checkbox] ~ label:active::before {
    background-color: #00798e
}

.wb-checkbox input[type=checkbox] ~ label:active::after {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-small-white.svg)
}

.wb-checkbox input[type=checkbox]:checked ~ label:after {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-small.svg)
}

.wb-checkbox input[type=checkbox]:checked ~ label:active::after {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-small-white.svg)
}

.wb-checkbox-multiple li {
    list-style: none;
    cursor: pointer
}

@media (max-width: 47.99em) {
    .wb-checkbox-multiple li {
        width: 280px
    }
}

@media (min-width: 48em) {
    .wb-checkbox-multiple li {
        width: 385px
    }
}

.wb-checkbox-multiple li:first-child label {
    border-top: 1px solid #ddd
}

.wb-checkbox-multiple label {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 11px 16px 16px 42px !important
}

.wb-checkbox-multiple label:before {
    background: #fff;
    left: 11px
}

.wb-checkbox-multiple label:after {
    top: 13px;
    left: 13px
}

.wb-checkbox-multiple input[type=checkbox]:checked ~ label {
    background: #dae1e0
}

.wb-checkbox-multiple input[type=checkbox]:checked ~ label:before {
    border: 1px solid #b6c4c1
}

.wb-checkbox-multiple .wb-form-item__field {
    display: inline-block
}

.wb-checkbox-multiple__contained {
    border: 1px solid #ccc
}

@media (max-width: 47.99em) {
    .wb-checkbox-multiple__contained {
        width: 280px
    }
}

@media (min-width: 48em) {
    .wb-checkbox-multiple__contained {
        width: 385px
    }
}

@media (max-width: 47.99em) {
    .wb-checkbox-multiple__contained li {
        width: 240px
    }
}

@media (min-width: 48em) {
    .wb-checkbox-multiple__contained li {
        width: 345px
    }
}

.wb-checkbox-multiple__dynamic {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.wb-checkbox-multiple__dynamic-select {
    display: inline-block
}

.wb-checkbox-multiple__clean input[type=checkbox]:checked ~ label {
    background: #fff;
    border: 1px solid #ddd;
    transition: all .3s ease-in-out;
    margin-top: -1px
}

.wb-checkbox-multiple__clean input[type=checkbox]:checked ~ label:before {
    border: 1px solid #ddd
}

.wb-checkbox-single__contained {
    border: 1px solid #ccc
}

@media (max-width: 47.99em) {
    .wb-checkbox-single__contained {
        width: 280px
    }
}

@media (min-width: 48em) {
    .wb-checkbox-single__contained {
        width: 525px
    }
}

.wb-checkbox-single__contained label:before {
    background: #fff
}

@media (max-width: 47.99em) {
    .wb-checkbox-error {
        width: 100%
    }
}

@media (min-width: 48em) {
    .wb-checkbox-error {
        width: 50%
    }
}

.wb-checkbox-error label:before {
    border: 1px solid #eb1130;
    background: #fff
}

.wb-checkbox-error span {
    color: #eb1130;
    padding: 0 32px
}

.wb-checkbox-error span i {
    font-size: 1.4375rem;
    vertical-align: middle;
    padding-right: 5px;
    position: absolute;
    left: 0
}

.wb-checkbox-list li {
    width: 385px;
    list-style: none;
    cursor: pointer
}

.wb-checkbox__contained {
    border: 1px solid #ccc
}

.wb-checkbox-error span, .wb-checkbox__contained-subtext {
    font-size: .75rem;
    line-height: 1.188rem
}

@media (max-width: 47.99em) {
    .wb-checkbox__contained {
        width: 280px
    }

    .wb-checkbox__contained-left {
        padding-bottom: 24px
    }
}

@media (min-width: 48em) {
    .wb-checkbox__contained {
        width: 525px
    }

    .wb-checkbox__contained-left, .wb-checkbox__contained-right {
        display: inline-block
    }

    .wb-checkbox__contained-right {
        float: right
    }
}

.wb-checkbox__contained-right label {
    color: #511e62;
    font-weight: 700
}

.wb-checkbox__contained .wb-checkbox label {
    padding-right: 35px
}

.wb-checkbox__contained .wb-checkbox label:after, .wb-checkbox__contained .wb-checkbox label:before {
    right: 0;
    left: inherit;
    font-weight: 400
}

.wb-checkbox__white label:before {
    background: #fff
}

.wb-checkbox__large label {
    padding-left: 45px !important
}

.wb-checkbox__large label:before {
    width: 32px;
    height: 32px;
    font-size: 40px;
    top: -3px
}

.wb-checkbox__large input[type=checkbox] ~ label:after {
    top: 1px;
    left: 3px
}

.wb-checkbox__large input[type=checkbox] ~ label:active::after {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-large-white.svg)
}

.wb-checkbox__large input[type=checkbox]:checked ~ label:after {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-large.svg)
}

.wb-checkbox__large input[type=checkbox]:checked ~ label:active::after {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-large-white.svg)
}

.singlelabel {
    color: #511e62
}

.wb-radio__inner .wb-radio__label, .wb-radio__inner label {
    display: block;
    margin: 0
}

.wb-radio__inner .wb-radio__label__inner {
    display: block;
    padding: 11px 10px 10px 42px;
    position: relative;
    line-height: 1.5em;
    transition: all .3s ease-in-out
}

.wb-radio__inner .wb-radio__label__inner .wb-radio__label__inner-price, .wb-radio__inner .wb-radio__label__inner .wb-radio__label__inner__title {
    font-size: .875rem;
    line-height: 1.313rem;
    font-weight: 700;
    display: inline-block
}

.wb-radio__inner .wb-radio__label__inner-info, .wb-radio__inner .wb-radio__label__inner-link {
    font-size: .75rem;
    line-height: 1.188rem
}

.wb-radio__inner .wb-radio__label__inner:before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: solid 2px #979797;
    border-radius: 18px;
    position: absolute;
    top: 12px;
    left: 12px;
    transition: all .3s ease-in-out
}

.wb-radio__inner .wb-radio__label__inner:after {
    content: '';
    border-radius: 8px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 17px;
    left: 17px;
    opacity: 0;
    border: 1px solid transparent;
    transition: all .3s ease-in-out
}

.wb-radio__inner .wb-radio__label__inner a, .wb-radio__inner .wb-radio__label__inner em, .wb-radio__inner .wb-radio__label__inner p, .wb-radio__inner .wb-radio__label__inner span {
    display: block;
    margin-bottom: 2px
}

.wb-notification-new p:last-child, .wb-radio__inner .wb-radio__label__inner a:last-child, .wb-radio__inner .wb-radio__label__inner em:last-child, .wb-radio__inner .wb-radio__label__inner p:last-child, .wb-radio__inner .wb-radio__label__inner span:last-child {
    margin-bottom: 0
}

.wb-radio__inner .wb-radio__label__inner em {
    margin-top: 6px
}

.wb-radio__inner .wb-radio__label__inner em p:first-child {
    margin-top: 0
}

.wb-radio__inner .wb-radio__label__inner a {
    margin-top: 12px
}

.wb-radio__inner .wb-radio__label__inner a + a {
    margin-top: 2px
}

.wb-radio__inner .wb-radio__label__rate-card {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wb-radio__inner .wb-radio__label__rate-card .wb-radio__label__inner__info, .wb-radio__inner .wb-radio__label__rate-card .wb-radio__label__inner__title, .wb-radio__inner .wb-radio__label__rate-card .wb-radio__text-container {
    display: block
}

.wb-radio__inner .wb-radio__label__rate-card .wb-radio__label__inner__title {
    font-size: 1rem;
    line-height: 1.188rem
}

.wb-radio__inner .wb-radio__label__rate-card .wb-radio__label__inner__info {
    font-size: .75rem;
    line-height: 1.188rem;
    font-weight: lighter
}

.wb-radio__inner .wb-radio__label__rate-card .wb-radio__price-container {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 1.188rem;
    line-height: 1.188rem;
    font-weight: 700
}

.js .wb-radio__inner__expandable {
    display: block;
    overflow: hidden;
    height: 0
}

.wb-radio__inner input[type=radio]:focus + .wb-radio__label__inner {
    box-shadow: 0 0 0 1px #b6c4c1
}

.wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:before {
    border-color: #00798e
}

.wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:after {
    background-color: #00798e;
    border-color: #00798e;
    opacity: 1
}

.wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner .wb-radio__inner__expandable {
    height: auto
}

.wb-radio__group {
    list-style: none;
    margin: 0;
    padding: 0
}

.wb-radio__group--horizontal {
    width: 280px
}

@media (min-width: 576px) {
    .wb-radio__group--horizontal {
        width: auto;
        display: inline-block
    }

    .wb-radio__group--horizontal .wb-radio__inner {
        float: left
    }
}

.wb-radio {
    list-style: none;
    position: relative;
    font-size: .875rem;
    padding: 0;
    margin: 0
}

.wb-radio--inner, .wb-radio--input {
    display: table
}

.wb-radio--label {
    display: table-cell;
    vertical-align: middle
}

.wb-radio input[type=radio] {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    padding: 0
}

.wb-radio li {
    line-height: 15px
}

.form-item-msg {
    font-size: .75rem;
    display: block;
    padding-top: 5px
}

.form-item-msg--error {
    color: #cd0325
}

.form-item-msg--info {
    color: #3c868b
}

.form-item-msg__error-icon, .form-item-msg__info-icon {
    position: absolute;
    right: -32px;
    top: 6px;
    font-size: 1.4375rem;
    color: #eb1130
}

.form-item-msg__info-icon {
    color: #80bfbd
}

.wb-form-item .wb-form-item__field select:disabled {
    background-color: #f2f2f2
}

.wb-native-dropdown-offset-flag select {
    padding-left: 40px !important
}

.wb-native-dropdown--flag {
    width: 24px;
    height: 24px;
    left: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (min-width: 36em) {
    .wb-native-dropdown--flag {
        left: 16px
    }
}

.wb-new-select button:after, .wb-new-select--small button:after {
    box-sizing: border-box;
    content: '';
    background-image: url(desktop/src/components/icons/chevron-sprite.svg);
    background-position: -24px 0;
    width: 24px;
    height: 24px;
    position: absolute
}

.wb-new-select--small.adult button:before, .wb-new-select.adult button:before {
    content: url(../pi-header/resources/images/1-adult.svg);
    max-width: 24px;
    max-height: 24px;
    margin-right: 16px
}

.wb-new-select--small__label, .wb-new-select__label {
    background-color: #fff;
    padding: 0 4px;
    font-size: .875rem;
    line-height: 1.14;
    height: 16px;
    position: relative;
    top: -64px;
    margin-bottom: -64px;
    left: 16px;
    display: inline-block
}

@media (min-width: 0px) {
    .wb-new-select--small {
        width: 120px
    }
}

@media (min-width: 321px) {
    .wb-new-select--small {
        width: 147px
    }
}

@media (min-width: 575px) {
    .wb-new-select--small {
        width: 136px
    }
}

.wb-tooltip-form {
    background-color: #e8ebea;
    display: block;
    padding: 10px 10px 10px 44px;
    font-size: .75rem;
    line-height: 1rem;
    position: relative;
    min-height: 45px;
    width: 240px
}

.wb-tooltip-form svg {
    margin-left: -3px;
    margin-top: -8px;
    height: 30px;
    width: 28px
}

.wb-form-item .wb-form-item__field .wb-icon_hotel-calendar > svg path[fill], .wb-tooltip-form svg path[fill] {
    fill: #6c3072
}

@media (min-width: 768px) {
    .wb-tooltip-form {
        margin-left: 20px;
        padding-left: 46px
    }
}

.pika-single .pika-title .wb-tooltip-form .wb-datepicker-prev-next, .pika-single .wb-datepicker-title .wb-tooltip-form .wb-datepicker-prev-next, .wb-datepicker .wb-datepicker-title .wb-tooltip-form .wb-datepicker-prev-next, .wb-tooltip-form .pika-single .pika-title .wb-datepicker-prev-next, .wb-tooltip-form .pika-single .wb-datepicker-title .wb-datepicker-prev-next, .wb-tooltip-form .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next, .wb-tooltip-form .wb-icon {
    position: absolute;
    font-size: 24px;
    color: #6c3072;
    left: 12px;
    top: 15px
}

@media (min-width: 768px) {
    .pika-single .pika-title .wb-tooltip-form .wb-datepicker-prev-next, .pika-single .wb-datepicker-title .wb-tooltip-form .wb-datepicker-prev-next, .wb-datepicker .wb-datepicker-title .wb-tooltip-form .wb-datepicker-prev-next, .wb-tooltip-form .pika-single .pika-title .wb-datepicker-prev-next, .wb-tooltip-form .pika-single .wb-datepicker-title .wb-datepicker-prev-next, .wb-tooltip-form .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next, .wb-tooltip-form .wb-icon {
        left: 13px;
        top: 16px
    }
}

.wb-tooltip-form:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    left: 10px;
    top: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #e8ebea
}

@media (min-width: 768px) {
    .wb-tooltip-form:before {
        left: -20px;
        top: 10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #e8ebea;
        border-bottom: 8px solid transparent
    }
}

.pika-single, .wb-datepicker {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -4px 8px 1px rgba(0, 0, 0, .1);
    border: solid 2px #b6c4c1
}

@media (min-width: 320px) {
    .pika-single, .wb-datepicker {
        width: 300px
    }
}

.pika-single .pika-title, .pika-single .wb-datepicker .pika-title, .pika-single .wb-datepicker-title, .wb-datepicker .pika-single .pika-title, .wb-datepicker .wb-datepicker-title {
    position: relative;
    text-align: center
}

.pika-single .pika-title .pika-label, .pika-single .pika-title .wb-datepicker-title-label, .pika-single .wb-datepicker-title .wb-datepicker-title-label, .wb-datepicker .wb-datepicker-title .wb-datepicker-title-label {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 3px;
    font-size: .875rem;
    line-height: 32px;
    font-weight: 700;
    background-color: #fff
}

.pika-single .pika-title .pika-label select, .pika-single .pika-title .wb-datepicker-title-label select, .pika-single .wb-datepicker-title .wb-datepicker-title-label select, .wb-datepicker .wb-datepicker-title .wb-datepicker-title-label select {
    cursor: pointer;
    position: absolute;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0
}

.pika-single .pika-title button, .pika-single .wb-datepicker .pika-title button, .pika-single .wb-datepicker-title button, .wb-datepicker .pika-single .pika-title button, .wb-datepicker .wb-datepicker-title button {
    line-height: 32px
}

.pika-single .pika-title button:before, .pika-single .wb-datepicker .pika-title button:before, .pika-single .wb-datepicker-title button:before, .wb-datepicker .pika-single .pika-title button:before, .wb-datepicker .wb-datepicker-title button:before {
    color: #511e62
}

.pika-single .pika-title .wb-datepicker-prev-next, .pika-single .wb-datepicker-title .wb-datepicker-prev-next, .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next {
    position: absolute;
    color: transparent;
    width: 21px;
    height: 21px;
    font-size: 1.4375rem;
    text-align: center;
    overflow: hidden;
    top: 5px
}

.pika-single .pika-title .wb-datepicker-prev-next:before, .pika-single .wb-datepicker-title .wb-datepicker-prev-next:before, .pika-single table thead th, .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next:before, .wb-datepicker table thead th {
    color: #6c3072
}

.pika-single .pika-title .is-disabled.wb-datepicker-prev-next, .pika-single .pika-title .pika-next.is-disabled, .pika-single .pika-title .pika-prev.is-disabled, .pika-single .wb-datepicker-title .is-disabled.wb-datepicker-prev-next, .wb-datepicker .wb-datepicker-title .is-disabled.wb-datepicker-prev-next {
    display: none
}

.pika-single .pika-title .pika-next, .pika-single .pika-title .pika-prev, .pika-single .pika-title .wb-datepicker-next, .pika-single .pika-title .wb-datepicker-prev, .pika-single .wb-datepicker-title .wb-datepicker-next, .pika-single .wb-datepicker-title .wb-datepicker-prev, .wb-datepicker .wb-datepicker-title .wb-datepicker-next, .wb-datepicker .wb-datepicker-title .wb-datepicker-prev {
    position: absolute;
    border: 0;
    height: 28px;
    width: 30px;
    background: 0 0;
    color: transparent;
    font-family: "wb-icons";
    font-size: 1.4375rem
}

.pika-single .pika-title .pika-prev, .pika-single .pika-title .wb-datepicker-prev, .pika-single .wb-datepicker-title .wb-datepicker-prev, .wb-datepicker .wb-datepicker-title .wb-datepicker-prev {
    left: 2px
}

.pika-single .pika-title .pika-next, .pika-single .pika-title .wb-datepicker-next, .pika-single .wb-datepicker-title .wb-datepicker-next, .wb-datepicker .wb-datepicker-title .wb-datepicker-next {
    right: 2px
}

.pika-single table thead, .wb-datepicker table thead {
    background: #f6f5f4
}

.pika-single table thead th:nth-child(6), .pika-single table thead th:nth-child(7), .wb-datepicker table thead th:nth-child(6), .wb-datepicker table thead th:nth-child(7) {
    color: #9f47a8
}

.pika-single table thead abbr, .wb-datepicker table thead abbr {
    text-decoration: none;
    font-size: .75rem;
    display: block
}

.pika-single table tbody td, .wb-datepicker table tbody td {
    text-align: center;
    padding: 0
}

.pika-single table tbody td.is-disabled button, .pika-single table tbody td.wb-datepicker-disabled button, .wb-datepicker table tbody .pika-single td.is-disabled button, .wb-datepicker table tbody td.wb-datepicker-disabled button {
    color: #ccc;
    cursor: not-allowed
}

.pika-single table tbody td.is-selected button, .pika-single table tbody td.wb-datepicker-selected button, .pika-single table tbody td:hover:not(.is-disabled) button, .wb-datepicker table tbody .pika-single td.is-selected button, .wb-datepicker table tbody .pika-single td:hover:not(.is-disabled) button, .wb-datepicker table tbody td.wb-datepicker-selected button {
    background-color: #dae1e0;
    border: 1px solid #b6c4c1;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 100%
}

.pika-single table tbody td.is-today button, .pika-single table tbody td.wb-datepicker-today button, .wb-datepicker table tbody .pika-single td.is-today button, .wb-datepicker table tbody td.wb-datepicker-today button {
    border: 1px solid #dae1e0;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 100%
}

.pika-single table tbody td button, .wb-datepicker table tbody td button {
    color: #58595b;
    text-align: center;
    outline: 0;
    border: 0;
    background: 0 0;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    width: 100%
}

.pika-single table tr td:nth-child(6), .pika-single table tr th:nth-child(6), .wb-datepicker table tr td:nth-child(6), .wb-datepicker table tr th:nth-child(6) {
    border-left: 1px solid #eeece9
}

.wb-toggle-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wb-toggle {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px
}

.wb-toggle input {
    opacity: 0;
    pointer-events: all;
    width: 60px;
    height: 32px
}

.wb-toggle input:checked + .wb-toggle__slider {
    background-color: #00798e
}

.wb-toggle input:checked + .wb-toggle__slider:before {
    -webkit-transform: translateX(28px);
    transform: translateX(28px)
}

.wb-toggle input:focus + .wb-toggle__slider {
    box-shadow: 0 0 8px 0 #00a5c2
}

.wb-toggle input:hover input:focus + .wb-toggle__slider {
    box-shadow: none
}

.wb-toggle__label {
    margin-left: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #333
}

.wb-toggle__span {
    font-size: .8125rem;
    color: #58595b;
    margin-left: 8px;
    line-height: 1.5rem
}

.wb-toggle__slider, .wb-toggle__slider:before {
    position: absolute;
    transition: .4s
}

.wb-toggle__slider {
    cursor: pointer;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: #ccc;
    border-radius: 28px
}

.wb-toggle__slider:before {
    content: "";
    height: 28px;
    width: 28px;
    top: 2px;
    left: 2px;
    background-color: #fff;
    border-radius: 50%
}

.wb-btn {
    font-size: 1.125rem;
    vertical-align: middle
}

.wb-btn, .wb-form-item .wb-form-item__field > i {
    -webkit-appearance: none;
    font-weight: 600;
    text-align: center;
    outline: 0;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-color: #00798e;
    background-position: center;
    transition: all .8s;
    border: 1px solid #00798e;
    min-height: 56px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding: 1rem 2rem;
    white-space: normal;
    border-radius: 4px
}

.wb-btn.wb-btn--small, .wb-form-item .wb-form-item__field > i.wb-btn--small {
    line-height: 21px;
    font-size: 1.125rem;
    min-height: 40px;
    padding: .5rem 2rem
}

.wb-btn.wb-btn--block, .wb-form-item .wb-form-item__field > i.wb-btn--block {
    display: block
}

.wb-btn.wb-btn--full-width, .wb-form-item .wb-form-item__field > i.wb-btn--full-width {
    width: 100%
}

.wb-btn.wb-btn--disabled, .wb-form-item .wb-form-item__field > i.wb-btn--disabled {
    background-color: #ddd;
    color: #333;
    border-color: #ddd
}

.wb-btn.wb-btn--disabled:active, .wb-btn.wb-btn--disabled:focus, .wb-btn.wb-btn--disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn--disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn--disabled:hover {
    cursor: not-allowed;
    box-shadow: none
}

.wb-btn.wb-btn--primary, .wb-form-item .wb-form-item__field > i.wb-btn--primary {
    background-color: #00798e;
    border: 1px solid #00798e;
    color: #fff
}

.wb-btn.wb-btn--primary:focus, .wb-form-item .wb-form-item__field > i.wb-btn--primary:focus {
    box-shadow: 0 0 8px 0 #00a5c2
}

.wb-btn.wb-btn--primary:hover, .wb-form-item .wb-form-item__field > i.wb-btn--primary:hover {
    background: #006475 radial-gradient(circle, transparent 1%, #008fa8 1%) center/15000%;
    box-shadow: 0 4px 8px #979797
}

.wb-btn.wb-btn--primary:active, .wb-form-item .wb-form-item__field > i.wb-btn--primary:active {
    background-color: #00798e;
    background-size: 100%;
    transition: all 0s
}

.wb-btn.wb-btn--primary:disabled, .wb-form-item .wb-form-item__field > i.wb-btn--primary:disabled {
    background-color: #ddd;
    color: #333;
    border-color: #ddd
}

.wb-btn .wb-btn-tertiary--large:disabled:active, .wb-btn .wb-btn-tertiary--large:disabled:focus, .wb-btn .wb-btn-tertiary--large:disabled:hover, .wb-btn.wb-btn--generic:disabled:active, .wb-btn.wb-btn--generic:disabled:focus, .wb-btn.wb-btn--generic:disabled:hover, .wb-btn.wb-btn--marketing-filled:disabled:active, .wb-btn.wb-btn--marketing-filled:disabled:focus, .wb-btn.wb-btn--marketing-filled:disabled:hover, .wb-btn.wb-btn--marketing-stroke:disabled:active, .wb-btn.wb-btn--marketing-stroke:disabled:focus, .wb-btn.wb-btn--marketing-stroke:disabled:hover, .wb-btn.wb-btn--primary:disabled:active, .wb-btn.wb-btn--primary:disabled:focus, .wb-btn.wb-btn--primary:disabled:hover, .wb-btn.wb-btn--secondary:disabled:active, .wb-btn.wb-btn--secondary:disabled:focus, .wb-btn.wb-btn--secondary:disabled:hover, .wb-btn.wb-btn--tertiary:disabled:active, .wb-btn.wb-btn--tertiary:disabled:focus, .wb-btn.wb-btn--tertiary:disabled:hover, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large:disabled:active, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large:disabled:focus, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large:disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--generic:disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn--generic:disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn--generic:disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-filled:disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-filled:disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-filled:disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke:disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke:disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke:disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--primary:disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn--primary:disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn--primary:disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--secondary:disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn--secondary:disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn--secondary:disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary:disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary:disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary:disabled:hover {
    cursor: not-allowed;
    box-shadow: none
}

.wb-btn.wb-btn--secondary, .wb-form-item .wb-form-item__field > i.wb-btn--secondary {
    color: #fff;
    background-color: #511e62;
    border: 1px solid #511e62
}

.wb-btn.wb-btn--secondary:focus, .wb-form-item .wb-form-item__field > i.wb-btn--secondary:focus {
    box-shadow: 0 0 8px 0 #7a2d94
}

.wb-btn.wb-btn--secondary:hover, .wb-form-item .wb-form-item__field > i.wb-btn--secondary:hover {
    background: #481b57 radial-gradient(circle, transparent 1%, #65257a 1%) center/15000%;
    box-shadow: 0 4px 8px #979797
}

.wb-btn.wb-btn--secondary:active, .wb-form-item .wb-form-item__field > i.wb-btn--secondary:active {
    background-color: #511e62;
    background-size: 100%;
    transition: 0s
}

.wb-btn.wb-btn--secondary:disabled, .wb-form-item .wb-form-item__field > i.wb-btn--secondary:disabled {
    background-color: #ddd;
    color: #333;
    border-color: #ddd
}

.wb-btn .wb-btn-tertiary--large, .wb-btn.wb-btn--tertiary, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary {
    background-color: #fff;
    color: #511e62;
    border: solid 1px #511e62
}

.wb-btn .wb-btn-tertiary--large:focus, .wb-btn.wb-btn--tertiary:focus, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large:focus, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary:focus {
    box-shadow: 0 0 8px 0 #7a2d94
}

.wb-btn .wb-btn-tertiary--large:hover, .wb-btn.wb-btn--tertiary:hover, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large:hover, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary:hover {
    background: #fff;
    box-shadow: 0 4px 8px 0 #ccc
}

.wb-btn .wb-btn-tertiary--large:active, .wb-btn.wb-btn--tertiary:active, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large:active, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary:active {
    background: radial-gradient(circle, #511e6226, #fff) center/15000%;
    background-size: 100%;
    transition: 2s
}

.wb-btn .wb-btn-tertiary--large:disabled, .wb-btn.wb-btn--tertiary:disabled, .wb-form-item .wb-form-item__field > i .wb-btn-tertiary--large:disabled, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary:disabled {
    color: #333;
    border-color: #ccc
}

.wb-btn.wb-btn--generic, .wb-form-item .wb-form-item__field > i.wb-btn--generic {
    background-color: transparent;
    color: #333;
    border-color: #58595b
}

.wb-btn.wb-btn--generic:focus, .wb-form-item .wb-form-item__field > i.wb-btn--generic:focus {
    box-shadow: 0 0 8px 0 #7a2d94
}

.wb-btn.wb-btn--generic:hover, .wb-form-item .wb-form-item__field > i.wb-btn--generic:hover {
    background: #511e6226 radial-gradient(circle, transparent 1%, #fff 1%) center/15000%
}

.wb-btn.wb-btn--generic:active, .wb-form-item .wb-form-item__field > i.wb-btn--generic:active {
    background-color: #511e6226;
    background-size: 100%;
    transition: 0s
}

.wb-btn.wb-btn--generic:disabled, .wb-form-item .wb-form-item__field > i.wb-btn--generic:disabled {
    color: #333;
    border-color: #ccc
}

.wb-btn.wb-btn--marketing-filled, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-filled {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.wb-btn.wb-btn--marketing-filled:hover, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-filled:hover {
    box-shadow: 0 4px 8px 0 #00000080
}

.wb-btn.wb-btn--marketing-filled:disabled, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-filled:disabled {
    background-color: #ddd;
    color: #333;
    border-color: #ddd
}

.wb-btn.wb-btn--marketing-stroke, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke {
    color: #333;
    background-color: transparent;
    border-color: #333;
    border-width: 2px
}

.wb-btn.wb-btn--marketing-stroke:hover, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke:hover {
    box-shadow: 0 4px 8px 0 #00000080;
    text-decoration: underline
}

.wb-btn.wb-btn--marketing-stroke:disabled, .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke:disabled {
    background-color: #ddd;
    color: #333;
    border-color: #ddd
}

.wb-btn.wb-btn-circle, .wb-form-item .wb-form-item__field > i.wb-btn-circle {
    padding: 0;
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 20px;
    border: 1px solid #00798e;
    background-color: #fff;
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease
}

.wb-btn.wb-btn-circle:disabled, .wb-form-item .wb-form-item__field > i.wb-btn-circle:disabled {
    cursor: not-allowed;
    border: 1px solid #ccc
}

.wb-btn.wb-btn-circle:disabled:active, .wb-btn.wb-btn-circle:disabled:focus, .wb-btn.wb-btn-circle:disabled:hover, .wb-form-item .wb-form-item__field > i.wb-btn-circle:disabled:active, .wb-form-item .wb-form-item__field > i.wb-btn-circle:disabled:focus, .wb-form-item .wb-form-item__field > i.wb-btn-circle:disabled:hover {
    border: 1px solid #ccc
}

.wb-btn.wb-btn-circle:focus, .wb-btn.wb-btn-circle:hover, .wb-form-item .wb-form-item__field > i.wb-btn-circle:focus, .wb-form-item .wb-form-item__field > i.wb-btn-circle:hover {
    border: 2px solid #00798e
}

.wb-btn.wb-btn-circle.plus, .wb-form-item .wb-form-item__field > i.wb-btn-circle.plus {
    background-image: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/plus-teal.svg)
}

.wb-btn.wb-btn-circle.plus:disabled, .wb-form-item .wb-form-item__field > i.wb-btn-circle.plus:disabled {
    background-image: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/plus-grey.svg)
}

.wb-btn.wb-btn-circle.minus, .wb-form-item .wb-form-item__field > i.wb-btn-circle.minus {
    background-image: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/minus-teal.svg)
}

.wb-btn.wb-btn-circle.minus:disabled, .wb-form-item .wb-form-item__field > i.wb-btn-circle.minus:disabled {
    background-image: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/minus-grey.svg)
}

.wb-btn.wb-btn--quaternary, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary {
    background-color: #fff;
    color: #6c3072;
    border: 2px solid #9f78a3
}

.wb-btn.wb-btn--quaternary.wb-btn--active, .wb-btn.wb-btn--quaternary:active, .wb-btn.wb-btn--quaternary:focus, .wb-btn.wb-btn--quaternary:hover, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary.wb-btn--active, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary:active, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary:focus, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary:hover {
    color: #9f78a3;
    background-color: #fff;
    border-color: #9f78a3
}

.wb-btn.wb-btn--quaternary-light, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary-light {
    background-color: #fff;
    color: #58595b;
    border: 2px solid #ccc
}

.wb-btn.wb-btn--quaternary-light.wb-btn--active, .wb-btn.wb-btn--quaternary-light:active, .wb-btn.wb-btn--quaternary-light:focus, .wb-btn.wb-btn--quaternary-light:hover, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary-light.wb-btn--active, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary-light:active, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary-light:focus, .wb-form-item .wb-form-item__field > i.wb-btn--quaternary-light:hover {
    color: #949494;
    background-color: #fff;
    border-color: #ccc
}

.wb-btn.wb-btn--tertiary-light, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary-light {
    background-color: #f0f2f2;
    color: #511e62;
    border: 2px solid #f0f2f2
}

.wb-btn.wb-btn--tertiary-light.wb-btn--active, .wb-btn.wb-btn--tertiary-light:active, .wb-btn.wb-btn--tertiary-light:focus, .wb-btn.wb-btn--tertiary-light:hover, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary-light.wb-btn--active, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary-light:active, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary-light:focus, .wb-form-item .wb-form-item__field > i.wb-btn--tertiary-light:hover {
    color: #511e62;
    background-color: #ccc;
    border-color: #ccc
}

.wb-btn.wb-btn--square, .wb-form-item .wb-form-item__field > i.wb-btn--square {
    border-radius: 0;
    line-height: 24px
}

.wb-btn.wb-btn-circle--small, .wb-form-item .wb-form-item__field > i.wb-btn-circle--small {
    padding: 0;
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px;
    border-radius: 15px
}

.wb-btn.wb-btn-circle--medium, .wb-form-item .wb-form-item__field > i.wb-btn-circle--medium {
    padding: 0;
    height: 40px;
    width: 40px;
    min-height: 30px;
    min-width: 30px;
    border-radius: 20px
}

.wb-btn.wb-btn-circle--large, .wb-form-item .wb-form-item__field > i.wb-btn-circle--large {
    padding: 0;
    height: 60px;
    width: 60px;
    border-radius: 30px
}

.pika-single .pika-title .wb-btn .wb-datepicker-prev-next, .pika-single .pika-title .wb-form-item .wb-form-item__field > i .wb-datepicker-prev-next, .pika-single .wb-datepicker-title .wb-btn .wb-datepicker-prev-next, .pika-single .wb-datepicker-title .wb-form-item .wb-form-item__field > i .wb-datepicker-prev-next, .wb-btn .pika-single .pika-title .wb-datepicker-prev-next, .wb-btn .pika-single .wb-datepicker-title .wb-datepicker-prev-next, .wb-btn .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next, .wb-btn .wb-icon, .wb-btn i, .wb-datepicker .wb-datepicker-title .wb-btn .wb-datepicker-prev-next, .wb-datepicker .wb-datepicker-title .wb-form-item .wb-form-item__field > i .wb-datepicker-prev-next, .wb-form-item .wb-form-item__field > i .pika-single .pika-title .wb-datepicker-prev-next, .wb-form-item .wb-form-item__field > i .pika-single .wb-datepicker-title .wb-datepicker-prev-next, .wb-form-item .wb-form-item__field > i .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next, .wb-form-item .wb-form-item__field > i .wb-icon, .wb-form-item .wb-form-item__field > i i {
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block
}

.wb-text-btn {
    -webkit-appearance: none;
    background-color: transparent;
    font-size: .875rem;
    text-align: left;
    cursor: pointer;
    color: #511e62;
    border: 0;
    line-height: normal;
    padding: 5px 0
}

.wb-text-btn:focus {
    text-decoration: underline;
    outline: 0
}

.wb-text-btn.wb-text-btn--greyscale {
    text-decoration: none;
    color: #58595b
}

.wb-text-btn.wb-text-btn--greyscale:focus, .wb-text-btn.wb-text-btn--red:focus {
    text-decoration: underline
}

.wb-text-btn.wb-text-btn--red {
    text-decoration: none;
    color: #da3c21
}

.wb-text-btn.wb-text-btn--highlight {
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline
}

.wb-text-btn.wb-text-btn--underline {
    text-decoration: underline
}

.richtextGeneric {
    font-size: .875rem;
    color: #333;
    font-weight: 400
}

.richtextGeneric h5 {
    font-size: 1.125rem
}

.wb-list--white a, .wb-list--white a:link, .wb-list--white i {
    color: #fff
}

.wb-list a {
    display: inline-block;
    padding: 8px 0;
    position: relative
}

@media (min-width: 576px) {
    .wb-list a {
        padding: 2px 0
    }
}

.wb-list--chevron {
    list-style: none
}

.wb-list--chevron i {
    vertical-align: middle;
    font-size: 1.4375rem
}

.wb-header {
    background: #fff;
    font-size: 1rem;
    position: relative
}

.wb-header__toggle-mobile-nav {
    position: absolute;
    right: 20px;
    top: 20px;
    margin: auto;
    color: #c4acc7
}

.wb-header__toggle-mobile-nav.active {
    color: #511e62
}

.wb-header__toggle-mobile-nav .wb-burger-bar {
    width: 44px;
    margin-bottom: 29px;
    content: '';
    left: 0;
    height: 4px;
    border-radius: 4px;
    background: #511e62;
    box-shadow: 0 4px transparent, 0 11px #511e62, 0 16px transparent, 0 22px #511e62
}

.wb-header__toggle-mobile-nav span {
    display: block;
    text-align: center;
    margin-top: 2px;
    font-size: 1rem
}

.wb-header__primary-navigation {
    position: relative
}

.wb-header__primary-navigation > a {
    display: block
}

.wb-header__primary-navigation .wb-header__logo-container {
    border-bottom: 1px solid #dae1e0;
    height: 90px;
    padding: 0 20px
}

@media (min-width: 576px) {
    .wb-header__primary-navigation .wb-header__logo-container {
        border: 0;
        height: auto;
        padding: 0
    }
}

.wb-header__primary-navigation .wb-header__logo-container a {
    display: block;
    width: 71px;
    overflow: hidden
}

@media (min-width: 576px) {
    .wb-header__primary-navigation .wb-header__logo-container a {
        width: auto;
        display: inline
    }
}

.wb-header__primary-navigation .wb-header__logo-container a i {
    padding: 9px 0;
    font-size: 70px;
    float: left
}

@media (min-width: 576px) {
    .wb-header__primary-navigation > ul > li {
        max-width: 130px;
        height: 90px;
        line-height: 90px
    }
}

.wb-header__primary-navigation > ul > li .wb-header__top-nav-label {
    cursor: pointer;
    vertical-align: middle;
    line-height: 18px;
    display: block;
    padding: 10px 20px;
    text-align: left;
    border-bottom: 1px solid #dae1e0
}

@media (min-width: 576px) {
    .wb-header__primary-navigation > ul > li .wb-header__top-nav-label {
        padding: 29px 0;
        display: inline-block;
        text-align: center;
        border: 0;
        width: 100%
    }
}

.wb-header__primary-navigation > ul > li ul {
    margin: 0;
    padding: 0;
    text-align: left;
    background: #dae1e0;
    color: #511e62;
    max-height: 0;
    transition: none;
    overflow: hidden
}

.wb-header__primary-navigation > ul > li ul.active {
    max-height: 350px;
    transition: max-height .3s ease-in-out
}

.wb-header__primary-navigation > ul > li ul li {
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #dae1e0;
    text-align: left
}

.wb-header__primary-navigation > ul > li ul li a {
    padding: 10px 20px;
    display: block
}

.wb-header__secondary-navigation {
    color: #511e62;
    background: #dae1e0;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    transition: .3s ease-in-out opacity, .3s ease-in-out top;
    min-height: 42px;
    margin: 0 auto;
    text-align: center;
    z-index: 1
}

.wb-header__secondary-navigation li {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.wb-header__secondary-navigation li a {
    padding: 10px;
    display: block
}

.wb-header__secondary-navigation li a:hover {
    text-decoration: none
}

.wb-header__secondary-navigation li a::after {
    display: block;
    content: attr(title);
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden
}

.wb-table {
    border-collapse: collapse;
    width: 100%;
    font-size: .875rem;
    background-color: #fff
}

.wb-table__head {
    display: table-header-group;
    background-color: #f2f2f2;
    color: #511e62;
    border-bottom: 1px solid #ccc;
    text-align: left
}

.wb-table__th {
    font-weight: 400
}

.wb-table__body {
    display: table-row-group;
    background-color: #fff
}

.wb-table__row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid #ccc
}

.wb-table__row--full-width {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wb-table__row--no-border {
    border: 0
}

.wb-table__row--active {
    background-color: #eeece9
}

.wb-table__cell {
    display: table-cell;
    padding: 25px 20px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wb-table__cell--full-width {
    width: 100%;
    border-top: 1px solid #ccc
}

.wb-table__cell.wb-table__th {
    padding: 14px 20px
}

.wb-table__full-content {
    margin: 20px 0;
    width: 100%
}

.wb-table__full-content--white {
    background-color: #fff
}

.wb-table__hide-xs {
    position: absolute;
    left: -200em;
    top: 0
}

@media (min-width: 576px) {
    .wb-table__hide-xs {
        position: static;
        left: auto
    }
}

.wb-table__hide-sm {
    position: absolute;
    left: -200em;
    top: 0
}

@media (min-width: 768px) {
    .wb-table__hide-sm {
        position: static;
        left: auto
    }
}

.wb-table__hide-md {
    position: absolute;
    left: -200em;
    top: 0
}

@media (min-width: 1280px) {
    .wb-table__hide-md {
        position: static;
        left: auto
    }
}

.wb-table--flex .wb-table__body, .wb-table--flex .wb-table__cell, .wb-table--flex .wb-table__head, .wb-table--flex .wb-table__row {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.wb-table--flex .wb-table__body {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.wb-table--flex--col-4 .wb-table__cell {
    width: 25%
}

.wb-table--flex--col-4 .wb-table__cell.wb-table__cell--full-width, .wb-table--flex--col-6 .wb-table__cell.wb-table__cell--full-width {
    width: 100%
}

.wb-table--flex--col-6 .wb-table__cell {
    width: 16.667%
}

.wb-table--divs {
    display: table
}

.wb-table--divs .wb-table__row {
    display: table-row
}

.card-layout {
    font-size: .875rem;
    max-width: 300px;
    border-color: #ccc
}

.card-layout .card-type {
    left: 18px
}

.wb-tag {
    text-align: center;
    border-radius: 5px;
    opacity: .8
}

.wb-tag--black {
    color: #fff;
    background-color: #000
}

.wb-notification {
    box-sizing: border-box;
    padding: 16px;
    position: relative;
    color: #58595b;
    font-size: .875rem;
    line-height: 1.313rem;
    width: auto
}

.wb-notification a:link, .wb-notification a:visited {
    text-decoration: underline
}

.wb-notification-header {
    margin: 0 0 0 35px;
    color: #6c3072;
    font-size: .875rem
}

.wb-notification-icon:before {
    position: absolute;
    left: 12px;
    top: 10px;
    font-size: 18px
}

.wb-notification-text {
    vertical-align: top;
    margin: 0 0 0 35px
}

.wb-notification__info {
    background-color: #f0f2f2;
    border: solid 1px #e2e6e5
}

.wb-notification__info [class*=wb-icon] {
    color: #6c3072
}

.wb-notification__unhousedinfo .wb-notifcation-text, .wb-notification__unhousedinfo .wb-notification-header, .wb-notification__unhousedinfo-center .wb-notification-header {
    color: #333
}

.wb-notification__unhousedinfo-center {
    text-align: center
}

.wb-notification__unhousedinfo-center .wb-notification-header:before {
    margin-right: 10px;
    color: #333
}

.wb-notification__alert {
    background-color: #fceeec
}

.wb-notification__alert > a {
    margin-left: 35px
}

.wb-notification__alert .wb-icon_disc-info-new, .wb-notification__alert .wb-notification__unhousedinfo-center .wb-notification-header:before, .wb-notification__unhousedalert, .wb-notification__unhousedinfo-center .wb-notification__alert .wb-notification-header:before {
    color: #da3c21
}

.wb-notification__unhousedalert .wb-notification-header {
    color: #333
}

.wb-notification__unhousedalert .wb-notification-header + .wb-notification-text {
    font-weight: 400;
    color: #333;
    margin: 10px 0 0 5px
}

.wb-notification__sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8002
}

.wb-notification__erroralert {
    background-color: #fff;
    border: solid 1px #cd0325;
    color: #cd0325
}

.wb-notification__highlight {
    border: solid 1px #80bfbd
}

.wb-notification__highlight .wb-icon_star-filled, .wb-notification__success .wb-icon_disc-checked-fill, .wb-notification__success-unhoused .wb-icon_disc-checked-fill {
    color: #80bfbd
}

.wb-notification__success {
    background-color: #fff;
    border: solid 1px #ddd
}

.wb-notification__success .wb-icon_cross:before {
    font-size: 1rem;
    color: #6c3072;
    position: absolute;
    left: auto;
    right: 16px;
    top: 5px
}

.wb-notification__success-unhoused {
    border: 0
}

.wb-notification__success-bold {
    background-color: #e2f5ef
}

.wb-notification__success-bold .wb-icon_tick:before {
    color: #4fbe9b
}

.wb-notification-new-text a, .wb-notification__success-bold .wb-notification-text {
    color: #333
}

.wb-notification__contained {
    background-color: #fff;
    width: auto
}

.wb-notification__pointerleft, .wb-notification__pointerup {
    position: relative;
    background-color: #e8ebea;
    display: block
}

.wb-notification__pointerleft .wb-icon_disc-info-new, .wb-notification__pointerleft .wb-notification__unhousedinfo-center .wb-notification-header:before, .wb-notification__pointerup .wb-icon_disc-info-new, .wb-notification__pointerup .wb-notification__unhousedinfo-center .wb-notification-header:before, .wb-notification__unhousedinfo-center .wb-notification__pointerleft .wb-notification-header:before, .wb-notification__unhousedinfo-center .wb-notification__pointerup .wb-notification-header:before {
    color: #6c3072
}

.wb-notification__pointerleft:before, .wb-notification__pointerup:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0
}

.wb-notification__pointerup:before {
    left: 10px;
    top: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #e8ebea
}

.wb-notification__pointerleft:before {
    left: -10px;
    top: 10px;
    border-top: 10px solid transparent;
    border-right: 10px solid #e8ebea;
    border-bottom: 8px solid transparent
}

.wb-notification-new {
    box-sizing: border-box;
    width: auto;
    padding: 16px 40px 16px 16px;
    position: relative;
    color: #333;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #007fab
}

.wb-notification-new--medium, img {
    max-width: 100%
}

@media (min-width: 48em) {
    .wb-notification-new--medium {
        max-width: 70%
    }
}

.wb-notification-new-icon {
    display: block;
    float: left
}

.wb-notification-new-content {
    margin-left: 24px;
    display: block
}

.wb-notification-new-header {
    font-weight: 600
}

.wb-notification-new-text {
    vertical-align: top
}

.wb-notification-new-dismiss {
    position: absolute;
    display: block;
    top: 16px;
    right: 16px
}

.wb-notification-new > .wb-notification-new-dismiss {
    left: unset
}

.wb-notification-new__alert {
    background-color: #feefd9;
    border: solid 1px #d73d0066
}

.wb-notification-new__error {
    background-color: #fbe6ec;
    border: solid 1px #d9094166
}

.wb-notification-new__info {
    background-color: #e5f2f6;
    border: solid 1px #007fab66
}

.wb-notification-new__success {
    background-color: #e8f3ed;
    border: solid 1px #1c875466
}

.newsletter-sign-up-modal .wb-notification-new__accessible img, .newsletter-sign-up-modal .wb-notification-new__accessible-alt img, .wb-notification-new__accessible img, .wb-notification-new__accessible-alt img {
    left: 12px;
    top: 14px;
    position: absolute
}

.wb-notification-new__accessible-alt {
    background-color: #fff;
    border: solid 1px #ddd
}

.wb-tooltip {
    box-sizing: border-box;
    width: auto;
    padding: 8px;
    position: relative;
    color: #fff;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: 3px;
    min-width: 288px;
    max-width: 320px
}

.wb-tooltip-icon {
    display: block;
    float: left
}

.wb-tooltip-content {
    margin-left: 24px;
    display: block
}

.wb-tooltip-header {
    font-weight: 600
}

.wb-tooltip-text {
    vertical-align: top
}

.wb-radio__inner .wb-tooltip-text .wb-radio__label__inner-link, .wb-tooltip-text .wb-a, .wb-tooltip-text .wb-radio__inner .wb-radio__label__inner-link {
    color: #333
}

.wb-tooltip__alert {
    background-color: #d73d00
}

.wb-tooltip__error {
    background-color: #d90941
}

.wb-tooltip__info {
    background-color: #007fab
}

.wb-tooltip__success {
    background-color: #1c8754
}

.wb-tooltip__accessible, .wb-tooltip__facilities {
    background-color: #fff;
    border: solid 1px #ddd;
    color: #333
}

.wb-tooltip__facilities {
    border: solid 1px #007fab;
    box-shadow: 0 2px 4px 0 #ccc
}

.wb-tooltip__alert-light {
    background-color: #feefd9;
    color: #333;
    max-width: 100%
}

.wb-tooltip__error-light, .wb-tooltip__info-light {
    background-color: #fbe6ec;
    color: #333;
    max-width: 100%
}

.wb-tooltip__info-light {
    background-color: #e5f2f6
}

.wb-tooltip__success-light {
    background-color: #e8f3ed;
    color: #333;
    max-width: 100%
}

.wb-tooltip__chevron--top {
    top: 2px;
    left: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wb-tooltip__chevron--left {
    top: 16px;
    left: -16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.wb-tooltip__chevron--bottom {
    bottom: 2px;
    left: -3px;
    -webkit-transform: translateY(100%) rotate(-135deg);
    transform: translateY(100%) rotate(-135deg)
}

.wb-tooltip__chevron--right {
    top: 41px;
    right: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.wb-tooltip__alert > .wb-tooltip__chevron:after {
    background: #d73d00
}

.wb-tooltip__error > .wb-tooltip__chevron:after {
    background: #d90941
}

.wb-tooltip__info > .wb-tooltip__chevron:after {
    background: #007fab
}

.wb-tooltip__success > .wb-tooltip__chevron:after {
    background: #1c8754
}

.wb-tooltip__accessible > .wb-tooltip__chevron:after, .wb-tooltip__facilities > .wb-tooltip__chevron:after {
    background: #fff
}

.wb-tooltip__alert-light > .wb-tooltip__chevron:after {
    background: #feefd9
}

.wb-tooltip__error-light > .wb-tooltip__chevron:after {
    background: #fbe6ec
}

.wb-tooltip__info-light > .wb-tooltip__chevron:after {
    background: #e5f2f6
}

.wb-tooltip__success-light > .wb-tooltip__chevron:after {
    background: #e8f3ed
}

.wb-tooltip__accessible > .wb-tooltip__chevron {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom-left-radius: 12px
}

.wb-tooltip__facilities > .wb-tooltip__chevron {
    border-top: 1px solid #007fab;
    border-left: 1px solid #007fab;
    padding: 8px 0 13px
}

.wb-tooltip__chevron {
    width: 18px;
    position: absolute;
    padding-bottom: 15%;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    z-index: -1
}

.wb-tooltip__chevron:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: inherit;
    transform-origin: inherit;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden
}

.wb-tooltip .wb-tooltip__chevron-outline:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: linear-gradient(to bottom right, #fff 50%, transparent 0);
    border-radius: 3px 0 0 0
}

.wb-tooltip .wb-tooltip__chevron-outline--top:before {
    left: 1px;
    top: 0;
    width: 55px;
    height: 12px
}

.wb-tooltip .wb-tooltip__chevron-outline--left:before {
    left: -6px;
    top: 21px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
    height: 14px
}

.wb-tooltip .wb-tooltip__chevron-outline--bottom:before {
    left: 21.5px;
    bottom: -6px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    width: 13px;
    height: 15px
}

.wb-tooltip .wb-tooltip__chevron-outline--right:before {
    right: -5px;
    top: 20px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 13px;
    height: 15px
}

.wb-accordion {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #333;
    height: 56px;
    padding: 16px
}

.wb-accordion, .wb-accordion__open + .wb-accordion__container {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none
}

.pika-single .pika-title .wb-accordion .wb-datepicker-prev-next:before, .pika-single .pika-title .wb-accordion__open + .wb-accordion__container .wb-datepicker-prev-next:before, .pika-single .wb-datepicker-title .wb-accordion .wb-datepicker-prev-next:before, .pika-single .wb-datepicker-title .wb-accordion__open + .wb-accordion__container .wb-datepicker-prev-next:before, .wb-accordion .pika-single .pika-title .wb-datepicker-prev-next:before, .wb-accordion .pika-single .wb-datepicker-title .wb-datepicker-prev-next:before, .wb-accordion .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next:before, .wb-accordion .wb-icon:before, .wb-accordion [class*=" wb-icon"]:before, .wb-accordion [class^=wb-icon]:before, .wb-accordion__open + .wb-accordion__container .pika-single .pika-title .wb-datepicker-prev-next:before, .wb-accordion__open + .wb-accordion__container .pika-single .wb-datepicker-title .wb-datepicker-prev-next:before, .wb-accordion__open + .wb-accordion__container .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next:before, .wb-accordion__open + .wb-accordion__container .wb-icon:before, .wb-accordion__open + .wb-accordion__container [class*=" wb-icon"]:before, .wb-accordion__open + .wb-accordion__container [class^=wb-icon]:before, .wb-datepicker .wb-datepicker-title .wb-accordion .wb-datepicker-prev-next:before, .wb-datepicker .wb-datepicker-title .wb-accordion__open + .wb-accordion__container .wb-datepicker-prev-next:before {
    font-size: 1.4375rem
}

.wb-accordion__label {
    vertical-align: top;
    color: #333
}

.wb-accordion__label:hover, u {
    text-decoration: underline
}

.wb-accordion__open {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 16px;
    padding-top: 16px
}

.wb-accordion__open .wb-icon_arrow-up:before, .wb-accordion__toggle .wb-icon_arrow-up:before {
    color: #b597b8
}

.wb-accordion__open .wb-accordion__label {
    text-align: center;
    display: inline-block
}

.wb-accordion__open + .wb-accordion__container {
    font-size: .875rem;
    line-height: 1.313rem;
    border-top: 0;
    padding: 0 24px 24px;
    height: auto;
    color: #333;
    font-weight: 400;
    display: block
}

.wb-accordion__room-details {
    height: auto;
    padding: 24px
}

.wb-accordion__room-details .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .wb-accordion__room-details .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled, .wb-accordion__room-details .wb-icon_arrow-down, .wb-accordion__room-details .wb-icon_arrow-up, .wb-form-item .wb-form-item__field .wb-accordion__room-details .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field .wb-accordion__room-details .wb-icon_hotel-calendar-disabled {
    position: relative;
    float: right;
    font-size: 1.4375rem
}

.wb-accordion__room-details-left, .wb-accordion__room-details-right {
    display: block;
    text-align: left
}

.wb-accordion__room-details-left, .wb-privacy-accordion-item__content li, .wb-privacy-accordion-item__content p {
    margin-bottom: 16px
}

@media (min-width: 48em) {
    .wb-accordion__room-details-left {
        float: right;
        text-align: right;
        width: 35%;
        display: inline-block;
        margin-bottom: 0
    }

    .wb-accordion__room-details-right {
        float: left;
        text-align: left;
        width: 60%;
        display: inline-block
    }
}

.wb-accordion__contained, .wb-accordion__contained + .wb-accordion__container {
    width: 100%
}

.wb-accordion__toggle {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width: 280px;
    height: 56px;
    padding: 16px
}

@media (min-width: 36em) {
    .wb-accordion__toggle {
        width: 300px
    }
}

.wb-accordion__toggle:hover {
    background-color: #dae1e0;
    border: 1px solid #b6c4c1
}

.wb-privacy-accordion__header {
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 16px 0
}

@media (min-width: 36em) {
    .wb-privacy-accordion__header {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.wb-privacy-accordion__title {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 16px;
    color: #333
}

@media (min-width: 36em) {
    .wb-privacy-accordion__title {
        margin-bottom: 0
    }
}

.wb-privacy-accordion__download {
    display: none
}

.wb-privacy-accordion__download--display {
    display: inline-block
}

.wb-privacy-accordion__list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd
}

.wb-privacy-accordion-item {
    border-bottom: 1px solid #ddd;
    list-style: none;
    cursor: pointer
}

.wb-privacy-accordion-item__title {
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 16px 0;
    color: #511e62
}

.wb-privacy-accordion-item__title--text {
    display: inline-block;
    width: calc(100% - 30px)
}

.wb-privacy-accordion-item__title {
    font-weight: 700
}

.wb-privacy-accordion-item__content {
    display: none;
    color: #58595b
}

.open .wb-privacy-accordion-item__content {
    display: block
}

.wb-privacy-accordion-item__chevron {
    font-size: 30px
}

.open .wb-privacy-accordion-item__chevron {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$ rotation-value-ie);
    opacity: .5
}

.wb-privacy-accordion-item__content ul {
    margin-left: 16px
}

.wb-privacy-accordion-item__content ul li {
    list-style: disc
}

.wb-form-item {
    position: relative
}

.wb-form-item input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.wb-form-item input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.wb-form-item .wb-form-item__field input, .wb-form-item label, .wb-form-item__label {
    cursor: pointer
}

.wb-form-item .wb-form-item__field .wb-btn, .wb-form-item .wb-form-item__field > i, .wb-form-item .wb-form-item__field__button {
    position: absolute;
    padding: 0 5px;
    right: 5px;
    top: 5px;
    height: 28px;
    font-size: 1rem;
    pointer-events: none
}

.wb-form-item .wb-form-item__field {
    position: relative
}

.wb-form-item .wb-form-item__field .wb-icon_arrow-down {
    color: #6c3072
}

.wb-form-item .wb-form-item__field .wb-icon_arrow-down, .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar, .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled {
    position: absolute;
    padding: 0 5px;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 28px;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    pointer-events: none;
    font-size: 1.4375rem
}

.wb-form-item .wb-form-item__field .wb-icon_hotel-calendar {
    color: #6c3072
}

.wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled {
    color: #ddd
}

.wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled:before, .wb-form-item .wb-form-item__field .wb-icon_arrow-down:before, .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled:before {
    position: absolute;
    top: 3px;
    left: 4px
}

.wb-form-item .wb-form-item__field .wb-icon_hotel-calendar > svg {
    position: inherit;
    right: 0;
    height: 28px;
    width: 30px;
    left: 3px;
    top: 2px
}

.wb-form-item .wb-form-item__field .wb-icon_hotel-calendar > svg path[fill]:last-child {
    fill: #9f78a3
}

.wb-form-item .wb-form-item__field .wb-btn, .wb-form-item .wb-form-item__field > i, .wb-form-item .wb-form-item__field > i:before {
    vertical-align: -2px
}

.wb-form-item .wb-form-item__field__full, .wb-form-item--clean.fixed-size.contained {
    width: 240px
}

@media (min-width: 768px) {
    .wb-form-item .wb-form-item__field__full {
        width: 300px
    }
}

.wb-form-item .wb-form-item__field__half {
    width: 112.5px
}

@media (min-width: 768px) {
    .wb-form-item .wb-form-item__field__half {
        width: 142.5px
    }
}

.wb-form-item__symbol {
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    padding-left: 10px;
    font-size: 1rem
}

.wb-form-item--clean.fixed-size {
    width: 280px
}

@media (min-width: 576px) {
    .wb-form-item--clean.fixed-size, .wb-form-item--clean.fixed-size.contained {
        width: 385px
    }
}

.wb-form-item.wb-checkbox:focus-within > label::before {
    box-shadow: 0 0 2px 2px #00798e
}

.ng-submitted .wb-form-item .error-field, .ng-submitted .wb-form-item .ng-invalid, .wb-form-error {
    outline: 2px solid #cd0325
}

.wb-form-item .wb-form-item__field select, .wb-form-item input[type=date], .wb-form-item input[type=datetime-local], .wb-form-item input[type=datetime], .wb-form-item input[type=email], .wb-form-item input[type=month], .wb-form-item input[type=password], .wb-form-item input[type=search], .wb-form-item input[type=tel], .wb-form-item input[type=text], .wb-form-item input[type=time], .wb-form-item input[type=url], .wb-form-item input[type=week] {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #58595b;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    display: block;
    padding: 5px 10px;
    box-sizing: border-box;
    background-color: #f1f0ed;
    font-family: inherit;
    font-style: italic;
    border: 1px solid #ddd;
    margin: 0;
    outline-offset: -2px;
    border-radius: 0;
    cursor: pointer;
    height: 38px
}

.wb-form-item .wb-input-style, .wb-form-item input[type=button], .wb-form-item input[type=file], .wb-form-item input[type=number], .wb-form-item textarea {
    -webkit-appearance: none;
    color: #58595b;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    display: block;
    padding: 5px 10px;
    box-sizing: border-box;
    background-color: #f1f0ed;
    font-family: inherit;
    font-style: italic;
    border: 1px solid #ddd;
    margin: 0;
    outline-offset: -2px;
    border-radius: 0;
    cursor: pointer;
    height: 38px
}

.wb-form-item .wb-input-style, .wb-form-item input[type=button], .wb-form-item input[type=file], .wb-form-item textarea {
    -moz-appearance: none
}

.wb-form-item .wb-form-item--with-symbol .wb-input-style, .wb-form-item .wb-form-item--with-symbol input[type=button], .wb-form-item .wb-form-item--with-symbol input[type=date], .wb-form-item .wb-form-item--with-symbol input[type=datetime-local], .wb-form-item .wb-form-item--with-symbol input[type=datetime], .wb-form-item .wb-form-item--with-symbol input[type=email], .wb-form-item .wb-form-item--with-symbol input[type=file], .wb-form-item .wb-form-item--with-symbol input[type=month], .wb-form-item .wb-form-item--with-symbol input[type=number], .wb-form-item .wb-form-item--with-symbol input[type=password], .wb-form-item .wb-form-item--with-symbol input[type=search], .wb-form-item .wb-form-item--with-symbol input[type=tel], .wb-form-item .wb-form-item--with-symbol input[type=text], .wb-form-item .wb-form-item--with-symbol input[type=time], .wb-form-item .wb-form-item--with-symbol input[type=url], .wb-form-item .wb-form-item--with-symbol input[type=week], .wb-form-item .wb-form-item--with-symbol textarea, .wb-form-item .wb-form-item__field .wb-form-item--with-symbol select, .wb-form-item--with-symbol .wb-form-item .wb-form-item__field select, .wb-form-item--with-symbol .wb-form-item .wb-input-style, .wb-form-item--with-symbol .wb-form-item input[type=button], .wb-form-item--with-symbol .wb-form-item input[type=date], .wb-form-item--with-symbol .wb-form-item input[type=datetime-local], .wb-form-item--with-symbol .wb-form-item input[type=datetime], .wb-form-item--with-symbol .wb-form-item input[type=email], .wb-form-item--with-symbol .wb-form-item input[type=file], .wb-form-item--with-symbol .wb-form-item input[type=month], .wb-form-item--with-symbol .wb-form-item input[type=number], .wb-form-item--with-symbol .wb-form-item input[type=password], .wb-form-item--with-symbol .wb-form-item input[type=search], .wb-form-item--with-symbol .wb-form-item input[type=tel], .wb-form-item--with-symbol .wb-form-item input[type=text], .wb-form-item--with-symbol .wb-form-item input[type=time], .wb-form-item--with-symbol .wb-form-item input[type=url], .wb-form-item--with-symbol .wb-form-item input[type=week], .wb-form-item--with-symbol .wb-form-item textarea {
    padding-left: 2em
}

.wb-form-item .wb-form-item__field select::-webkit-input-placeholder, .wb-form-item .wb-input-style::-webkit-input-placeholder, .wb-form-item input[type=button]::-webkit-input-placeholder, .wb-form-item input[type=date]::-webkit-input-placeholder, .wb-form-item input[type=datetime-local]::-webkit-input-placeholder, .wb-form-item input[type=datetime]::-webkit-input-placeholder, .wb-form-item input[type=email]::-webkit-input-placeholder, .wb-form-item input[type=file]::-webkit-input-placeholder, .wb-form-item input[type=month]::-webkit-input-placeholder, .wb-form-item input[type=number]::-webkit-input-placeholder, .wb-form-item input[type=password]::-webkit-input-placeholder, .wb-form-item input[type=search]::-webkit-input-placeholder, .wb-form-item input[type=tel]::-webkit-input-placeholder, .wb-form-item input[type=text]::-webkit-input-placeholder, .wb-form-item input[type=time]::-webkit-input-placeholder, .wb-form-item input[type=url]::-webkit-input-placeholder, .wb-form-item input[type=week]::-webkit-input-placeholder, .wb-form-item textarea::-webkit-input-placeholder {
    font-weight: 400;
    font-family: inherit;
    font-size: 1rem;
    color: #58595b;
    font-style: italic
}

.wb-form-item .wb-form-item__field select::-moz-placeholder, .wb-form-item .wb-input-style::-moz-placeholder, .wb-form-item input[type=button]::-moz-placeholder, .wb-form-item input[type=date]::-moz-placeholder, .wb-form-item input[type=datetime-local]::-moz-placeholder, .wb-form-item input[type=datetime]::-moz-placeholder, .wb-form-item input[type=email]::-moz-placeholder, .wb-form-item input[type=file]::-moz-placeholder, .wb-form-item input[type=month]::-moz-placeholder, .wb-form-item input[type=number]::-moz-placeholder, .wb-form-item input[type=password]::-moz-placeholder, .wb-form-item input[type=search]::-moz-placeholder, .wb-form-item input[type=tel]::-moz-placeholder, .wb-form-item input[type=text]::-moz-placeholder, .wb-form-item input[type=time]::-moz-placeholder, .wb-form-item input[type=url]::-moz-placeholder, .wb-form-item input[type=week]::-moz-placeholder, .wb-form-item textarea::-moz-placeholder {
    font-weight: 400;
    font-family: inherit;
    font-size: 1rem;
    color: #58595b;
    font-style: italic
}

.wb-form-item .wb-form-item__field select:-ms-input-placeholder, .wb-form-item .wb-input-style:-ms-input-placeholder, .wb-form-item input:-ms-input-placeholder[type=button], .wb-form-item input:-ms-input-placeholder[type=date], .wb-form-item input:-ms-input-placeholder[type=datetime-local], .wb-form-item input:-ms-input-placeholder[type=datetime], .wb-form-item input:-ms-input-placeholder[type=email], .wb-form-item input:-ms-input-placeholder[type=file], .wb-form-item input:-ms-input-placeholder[type=month], .wb-form-item input:-ms-input-placeholder[type=number], .wb-form-item input:-ms-input-placeholder[type=password], .wb-form-item input:-ms-input-placeholder[type=search], .wb-form-item input:-ms-input-placeholder[type=tel], .wb-form-item input:-ms-input-placeholder[type=text], .wb-form-item input:-ms-input-placeholder[type=time], .wb-form-item input:-ms-input-placeholder[type=url], .wb-form-item input:-ms-input-placeholder[type=week], .wb-form-item textarea:-ms-input-placeholder {
    font-weight: 400;
    font-family: inherit;
    font-size: 1rem;
    color: #58595b;
    font-style: italic
}

.wb-form-item .wb-form-item__field select::-ms-reveal, .wb-form-item .wb-input-style::-ms-reveal, .wb-form-item input[type=button]::-ms-reveal, .wb-form-item input[type=date]::-ms-reveal, .wb-form-item input[type=datetime-local]::-ms-reveal, .wb-form-item input[type=datetime]::-ms-reveal, .wb-form-item input[type=email]::-ms-reveal, .wb-form-item input[type=file]::-ms-reveal, .wb-form-item input[type=month]::-ms-reveal, .wb-form-item input[type=number]::-ms-reveal, .wb-form-item input[type=password]::-ms-reveal, .wb-form-item input[type=search]::-ms-reveal, .wb-form-item input[type=tel]::-ms-reveal, .wb-form-item input[type=text]::-ms-reveal, .wb-form-item input[type=time]::-ms-reveal, .wb-form-item input[type=url]::-ms-reveal, .wb-form-item input[type=week]::-ms-reveal, .wb-form-item textarea::-ms-reveal {
    display: none
}

.wb-form-item .wb-form-item__field select::-ms-clear, .wb-form-item .wb-input-style::-ms-clear, .wb-form-item input[type=button]::-ms-clear, .wb-form-item input[type=date]::-ms-clear, .wb-form-item input[type=datetime-local]::-ms-clear, .wb-form-item input[type=datetime]::-ms-clear, .wb-form-item input[type=email]::-ms-clear, .wb-form-item input[type=file]::-ms-clear, .wb-form-item input[type=month]::-ms-clear, .wb-form-item input[type=number]::-ms-clear, .wb-form-item input[type=password]::-ms-clear, .wb-form-item input[type=search]::-ms-clear, .wb-form-item input[type=tel]::-ms-clear, .wb-form-item input[type=text]::-ms-clear, .wb-form-item input[type=time]::-ms-clear, .wb-form-item input[type=url]::-ms-clear, .wb-form-item input[type=week]::-ms-clear, .wb-form-item textarea::-ms-clear, input::-ms-clear, select::-ms-clear, textarea::-ms-clear {
    display: none
}

.wb-form-item .info.wb-input-style, .wb-form-item .wb-form-item__field select.info, .wb-form-item input.info[type=button], .wb-form-item input.info[type=date], .wb-form-item input.info[type=datetime-local], .wb-form-item input.info[type=datetime], .wb-form-item input.info[type=email], .wb-form-item input.info[type=file], .wb-form-item input.info[type=month], .wb-form-item input.info[type=number], .wb-form-item input.info[type=password], .wb-form-item input.info[type=search], .wb-form-item input.info[type=tel], .wb-form-item input.info[type=text], .wb-form-item input.info[type=time], .wb-form-item input.info[type=url], .wb-form-item input.info[type=week], .wb-form-item textarea.info, li > ol, li > ul {
    margin-bottom: 0
}

.wb-form-item .info.error-field.wb-input-style, .wb-form-item .info.ng-invalid.ng-dirty.wb-input-style, .wb-form-item .wb-form-item__field select.info.error-field, .wb-form-item .wb-form-item__field select.info.ng-invalid.ng-dirty, .wb-form-item input.info.error-field[type=button], .wb-form-item input.info.error-field[type=date], .wb-form-item input.info.error-field[type=datetime-local], .wb-form-item input.info.error-field[type=datetime], .wb-form-item input.info.error-field[type=email], .wb-form-item input.info.error-field[type=file], .wb-form-item input.info.error-field[type=month], .wb-form-item input.info.error-field[type=number], .wb-form-item input.info.error-field[type=password], .wb-form-item input.info.error-field[type=search], .wb-form-item input.info.error-field[type=tel], .wb-form-item input.info.error-field[type=text], .wb-form-item input.info.error-field[type=time], .wb-form-item input.info.error-field[type=url], .wb-form-item input.info.error-field[type=week], .wb-form-item input.info.ng-invalid.ng-dirty[type=button], .wb-form-item input.info.ng-invalid.ng-dirty[type=date], .wb-form-item input.info.ng-invalid.ng-dirty[type=datetime-local], .wb-form-item input.info.ng-invalid.ng-dirty[type=datetime], .wb-form-item input.info.ng-invalid.ng-dirty[type=email], .wb-form-item input.info.ng-invalid.ng-dirty[type=file], .wb-form-item input.info.ng-invalid.ng-dirty[type=month], .wb-form-item input.info.ng-invalid.ng-dirty[type=number], .wb-form-item input.info.ng-invalid.ng-dirty[type=password], .wb-form-item input.info.ng-invalid.ng-dirty[type=search], .wb-form-item input.info.ng-invalid.ng-dirty[type=tel], .wb-form-item input.info.ng-invalid.ng-dirty[type=text], .wb-form-item input.info.ng-invalid.ng-dirty[type=time], .wb-form-item input.info.ng-invalid.ng-dirty[type=url], .wb-form-item input.info.ng-invalid.ng-dirty[type=week], .wb-form-item textarea.info.error-field, .wb-form-item textarea.info.ng-invalid.ng-dirty {
    border-color: #b6c4c1
}

.wb-form-item .error-field.wb-input-style, .wb-form-item .ng-invalid.wb-input-style, .wb-form-item .wb-form-item__field select.error-field, .wb-form-item .wb-form-item__field select.ng-invalid, .wb-form-item input.error-field[type=button], .wb-form-item input.error-field[type=date], .wb-form-item input.error-field[type=datetime-local], .wb-form-item input.error-field[type=datetime], .wb-form-item input.error-field[type=email], .wb-form-item input.error-field[type=file], .wb-form-item input.error-field[type=month], .wb-form-item input.error-field[type=number], .wb-form-item input.error-field[type=password], .wb-form-item input.error-field[type=search], .wb-form-item input.error-field[type=tel], .wb-form-item input.error-field[type=text], .wb-form-item input.error-field[type=time], .wb-form-item input.error-field[type=url], .wb-form-item input.error-field[type=week], .wb-form-item input.ng-invalid[type=button], .wb-form-item input.ng-invalid[type=date], .wb-form-item input.ng-invalid[type=datetime-local], .wb-form-item input.ng-invalid[type=datetime], .wb-form-item input.ng-invalid[type=email], .wb-form-item input.ng-invalid[type=file], .wb-form-item input.ng-invalid[type=month], .wb-form-item input.ng-invalid[type=number], .wb-form-item input.ng-invalid[type=password], .wb-form-item input.ng-invalid[type=search], .wb-form-item input.ng-invalid[type=tel], .wb-form-item input.ng-invalid[type=text], .wb-form-item input.ng-invalid[type=time], .wb-form-item input.ng-invalid[type=url], .wb-form-item input.ng-invalid[type=week], .wb-form-item textarea.error-field, .wb-form-item textarea.ng-invalid {
    outline: 2px solid #cd0325;
    font-style: normal;
    color: #333
}

.wb-form-item .error-field.wb-input-style:focus, .wb-form-item .ng-invalid.wb-input-style:focus, .wb-form-item .wb-form-item__field select.error-field:focus, .wb-form-item .wb-form-item__field select.ng-invalid:focus, .wb-form-item input.error-field:focus[type=button], .wb-form-item input.error-field:focus[type=date], .wb-form-item input.error-field:focus[type=datetime-local], .wb-form-item input.error-field:focus[type=datetime], .wb-form-item input.error-field:focus[type=email], .wb-form-item input.error-field:focus[type=file], .wb-form-item input.error-field:focus[type=month], .wb-form-item input.error-field:focus[type=number], .wb-form-item input.error-field:focus[type=password], .wb-form-item input.error-field:focus[type=search], .wb-form-item input.error-field:focus[type=tel], .wb-form-item input.error-field:focus[type=text], .wb-form-item input.error-field:focus[type=time], .wb-form-item input.error-field:focus[type=url], .wb-form-item input.error-field:focus[type=week], .wb-form-item input.ng-invalid:focus[type=button], .wb-form-item input.ng-invalid:focus[type=date], .wb-form-item input.ng-invalid:focus[type=datetime-local], .wb-form-item input.ng-invalid:focus[type=datetime], .wb-form-item input.ng-invalid:focus[type=email], .wb-form-item input.ng-invalid:focus[type=file], .wb-form-item input.ng-invalid:focus[type=month], .wb-form-item input.ng-invalid:focus[type=number], .wb-form-item input.ng-invalid:focus[type=password], .wb-form-item input.ng-invalid:focus[type=search], .wb-form-item input.ng-invalid:focus[type=tel], .wb-form-item input.ng-invalid:focus[type=text], .wb-form-item input.ng-invalid:focus[type=time], .wb-form-item input.ng-invalid:focus[type=url], .wb-form-item input.ng-invalid:focus[type=week], .wb-form-item textarea.error-field:focus, .wb-form-item textarea.ng-invalid:focus {
    outline: 2px solid #b6c4c1
}

.wb-form-item .ng-dirty.wb-input-style, .wb-form-item .wb-dark.wb-input-style, .wb-form-item .wb-form-item__field select.ng-dirty, .wb-form-item .wb-form-item__field select.wb-dark, .wb-form-item input.ng-dirty[type=button], .wb-form-item input.ng-dirty[type=date], .wb-form-item input.ng-dirty[type=datetime-local], .wb-form-item input.ng-dirty[type=datetime], .wb-form-item input.ng-dirty[type=email], .wb-form-item input.ng-dirty[type=file], .wb-form-item input.ng-dirty[type=month], .wb-form-item input.ng-dirty[type=number], .wb-form-item input.ng-dirty[type=password], .wb-form-item input.ng-dirty[type=search], .wb-form-item input.ng-dirty[type=tel], .wb-form-item input.ng-dirty[type=text], .wb-form-item input.ng-dirty[type=time], .wb-form-item input.ng-dirty[type=url], .wb-form-item input.ng-dirty[type=week], .wb-form-item input.wb-dark[type=button], .wb-form-item input.wb-dark[type=date], .wb-form-item input.wb-dark[type=datetime-local], .wb-form-item input.wb-dark[type=datetime], .wb-form-item input.wb-dark[type=email], .wb-form-item input.wb-dark[type=file], .wb-form-item input.wb-dark[type=month], .wb-form-item input.wb-dark[type=number], .wb-form-item input.wb-dark[type=password], .wb-form-item input.wb-dark[type=search], .wb-form-item input.wb-dark[type=tel], .wb-form-item input.wb-dark[type=text], .wb-form-item input.wb-dark[type=time], .wb-form-item input.wb-dark[type=url], .wb-form-item input.wb-dark[type=week], .wb-form-item textarea.ng-dirty, .wb-form-item textarea.wb-dark {
    font-style: normal;
    color: #333
}

.wb-form-item .wb-dark.wb-input-style:disabled, .wb-form-item .wb-form-item__field select.wb-dark:disabled, .wb-form-item input.wb-dark:disabled[type=button], .wb-form-item input.wb-dark:disabled[type=date], .wb-form-item input.wb-dark:disabled[type=datetime-local], .wb-form-item input.wb-dark:disabled[type=datetime], .wb-form-item input.wb-dark:disabled[type=email], .wb-form-item input.wb-dark:disabled[type=file], .wb-form-item input.wb-dark:disabled[type=month], .wb-form-item input.wb-dark:disabled[type=number], .wb-form-item input.wb-dark:disabled[type=password], .wb-form-item input.wb-dark:disabled[type=search], .wb-form-item input.wb-dark:disabled[type=tel], .wb-form-item input.wb-dark:disabled[type=text], .wb-form-item input.wb-dark:disabled[type=time], .wb-form-item input.wb-dark:disabled[type=url], .wb-form-item input.wb-dark:disabled[type=week], .wb-form-item textarea.wb-dark:disabled {
    color: #949494
}

.wb-form-item .wb-form-item__field select:focus, .wb-form-item .wb-input-style:focus, .wb-form-item input:focus[type=button], .wb-form-item input:focus[type=date], .wb-form-item input:focus[type=datetime-local], .wb-form-item input:focus[type=datetime], .wb-form-item input:focus[type=email], .wb-form-item input:focus[type=file], .wb-form-item input:focus[type=month], .wb-form-item input:focus[type=number], .wb-form-item input:focus[type=password], .wb-form-item input:focus[type=search], .wb-form-item input:focus[type=tel], .wb-form-item input:focus[type=text], .wb-form-item input:focus[type=time], .wb-form-item input:focus[type=url], .wb-form-item input:focus[type=week], .wb-form-item textarea:focus {
    outline: 2px solid #b6c4c1;
    -webkit-appearance: none;
    box-shadow: none
}

.wb-form-input-field {
    position: relative
}

.wb-form-input-field .wb-icon-left + input {
    padding-left: 53px
}

.wb-form-input-field .wb-icon-right + input {
    padding-right: 53px
}

.wb-form-input-field input {
    padding: 16px;
    border-radius: 4px;
    font-size: 1rem;
    height: 56px;
    width: 100%;
    border: 1px solid #979797
}

.wb-form-input-field input[readonly] {
    cursor: pointer
}

.wb-form-input-field input:placeholder-shown + .label {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 1rem;
    color: #58595b;
    line-height: 1.5rem
}

.wb-form-input-field input:active, .wb-form-input-field input:focus {
    outline: 0
}

.wb-form-input-field input:hover {
    border: 1px solid #333
}

.wb-form-input-field input:focus + .label {
    color: #00798e;
    top: -8px;
    left: 16px;
    background: #fff;
    transition: .2s;
    pointer-events: none;
    padding-left: 4px;
    padding-right: 4px;
    font-size: .875rem;
    line-height: 1.5rem
}

@media (min-width: 36em) {
    .wb-form-input-field input {
        box-shadow: none;
        background-color: transparent
    }

    .wb-form-input-field input:active, .wb-form-input-field input:focus {
        border: 2px solid #00798e;
        border-radius: 4px
    }
}

.wb-form-input-field input + .label {
    color: #333;
    position: absolute;
    top: -8px;
    left: 16px;
    background: #fff;
    transition: .2s;
    pointer-events: none;
    padding-left: 4px;
    padding-right: 4px;
    font-size: .875rem;
    line-height: 1.5rem
}

.wb-form-input-field input + .label:disabled {
    color: #979797
}

.wb-form-input-field input:active, .wb-form-input-field input:focus {
    border: 2px solid #00798e
}

.wb-form-input-field input:disabled {
    border: 1px solid #ccc;
    background: #fff;
    cursor: not-allowed
}

.wb-form-input-field input:disabled + .label {
    top: 16px;
    font-size: 1rem;
    color: #979797;
    padding: 0;
    transition: none
}

.wb-form-input-field input::-webkit-calendar-picker-indicator {
    display: none
}

.wb-form-input-field--helper-text {
    width: 272px;
    height: 16px;
    font-size: 13px;
    line-height: 1.23;
    color: #333;
    margin-left: 16px;
    margin-top: 6px
}

.wb-form-input-field__error input {
    border: 1px solid #d90941
}

.wb-form-input-field__error input + .label, .wb-form-input-field__error input ~ .wb-form-input-field--helper-text {
    color: #d90941
}

.wb-form-input-field__error input:active, .wb-form-input-field__error input:focus, .wb-form-input-field__error input:hover {
    border: 1px solid #d90941
}

.wb-form-input-field__error input:active + .label, .wb-form-input-field__error input:focus + .label, .wb-form-input-field__error input:hover + .label {
    color: #d90941
}

.wb-form-input-field__tooltip {
    margin-top: 13px
}

.wb-form-input-field .wb-icon-left, .wb-form-input-field .wb-icon-right {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    pointer-events: none
}

.wb-form-input-field .wb-icon-left {
    left: 16px
}

.wb-form-input-field .wb-icon-right {
    right: 16px
}

.wb-heading--h1 {
    font-size: 1.8125rem;
    line-height: 2.5rem
}

.wb-heading--h2, .wb-heading--h3 {
    font-size: 1.625rem;
    line-height: 2rem
}

.wb-heading--h3 {
    font-size: 1.4375rem
}

.wb-heading--h4 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.wb-checkbox__contained h5, .wb-heading--h5, .wb-heading--h6 {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.wb-heading--h6 {
    font-size: 1rem
}

.wb-heading--body {
    font-size: 1rem;
    line-height: 1.25rem
}

.wb-heading--body-small {
    font-size: .875rem;
    line-height: 1.25rem
}

.wb-heading--subtext {
    font-size: .8125rem;
    line-height: 1.25rem
}

.wb-heading--border-color {
    border-color: #ddd
}

.wb-popdown {
    overflow: hidden;
    background: #fff;
    width: 100%;
    top: 100%;
    position: relative;
    z-index: 10;
    border: solid 2px #b6c4c1;
    border-top: 0;
    box-shadow: 0 -4px 8px 1px rgba(0, 0, 0, .1);
    transition: opacity .3s ease-in-out
}

.js .wb-popdown {
    position: absolute;
    left: -200em;
    opacity: 0
}

.wb-popdown--open .wb-popdown, .wb-popdown.wb-popdown--open, \:article, \:aside, \:details, \:figcaption, \:figure, \:footer, \:header, \:hgroup, \:main, \:nav, \:section, \:summary {
    display: block
}

.js .wb-popdown--open .wb-popdown, .js .wb-popdown.wb-popdown--open {
    left: 0;
    opacity: 1
}

.wb-popdown--open .wb-popdown.wb-popdown--block, .wb-popdown.wb-popdown--open.wb-popdown--block {
    position: relative
}

.wb-popdown__inner__list {
    padding: 0;
    margin: 0
}

.wb-popdown__inner__list__item a, .wb-popdown__inner__list__item a:link, .wb-popdown__inner__list__item a:visited {
    text-decoration: none;
    display: block;
    color: #333;
    padding: .4em .6em;
    font-size: .875rem
}

.wb-popdown__inner__list__item--active {
    background-color: #b6c4c1
}

.wb-pb-header {
    position: relative;
    height: 64px;
    box-shadow: 0 2px 6px 0 #ccc;
    line-height: 1.25rem;
    font-weight: 500
}

@media (min-width: 36em) {
    .wb-pb-header {
        height: 80px
    }
}

@media (min-width: 48em) {
    .wb-pb-header {
        height: 96px
    }
}

.wb-pb-header__container {
    height: 100%;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 16px
}

@media (min-width: 48em) {
    .wb-pb-header__container {
        padding: 16px 24px
    }
}

@media (min-width: 80em) {
    .wb-pb-header__container {
        padding: 16px 28px
    }
}

@media (min-width: 90em) {
    .wb-pb-header__container {
        padding: 16px 64px
    }
}

.wb-pb-header__container__inner {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wb-pb-header__logo--large {
    max-width: 184px;
    display: none
}

@media (min-width: 36em) {
    .wb-pb-header__logo--large {
        display: block
    }
}

.wb-pb-header__logo--hub {
    max-height: 64px
}

.wb-pb-header__logo--zip {
    max-height: 48px;
    max-width: 100%
}

.wb-pb-header__logo--icon-only {
    max-height: 48px;
    display: block
}

@media (min-width: 36em) {
    .wb-pb-header__logo--icon-only {
        display: none
    }
}

.wb-pb-header .wb-pb-booking-nav {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 36em) {
    .wb-pb-header .wb-pb-booking-nav {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.wb-pb-header .wb-pb-booking-nav__multi-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
    display: block
}

.wb-pb-header .wb-pb-booking-nav__multi-steps li {
    display: inline-block;
    margin-right: 24px;
    text-align: center
}

@media (min-width: 36em) {
    .wb-pb-header .wb-pb-booking-nav__multi-steps li {
        margin-right: 40px
    }
}

@media (min-width: 48em) {
    .wb-pb-header .wb-pb-booking-nav__multi-steps li {
        width: 125px;
        margin-right: 8px
    }
}

.wb-form-item--compact .wb-radio__group--horizontal .wb-radio__inner .wb-radio__label__inner .wb-radio__label:last-child, .wb-pb-header .wb-pb-booking-nav__multi-steps li:last-child, .wb-radio__group--horizontal .wb-form-item--compact .wb-radio__inner .wb-radio__label__inner .wb-radio__label:last-child {
    margin-right: 0
}

.wb-pb-header .wb-pb-booking-nav__multi-steps li:last-child .wb-pb-booking-nav__step-indicator::after {
    display: none
}

.wb-pb-header .wb-pb-booking-nav__multi-steps li.is-completed .wb-pb-booking-nav__step-indicator {
    background-image: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-small-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    background-color: #00798e
}

@media (min-width: 36em) {
    .wb-pb-header .wb-pb-booking-nav__multi-steps li.is-completed .wb-pb-booking-nav__step-indicator {
        background-image: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-large-white.svg)
    }
}

.wb-pb-header .wb-pb-booking-nav__multi-steps li.is-completed .wb-pb-booking-nav__step-indicator .wb-pb-hidden-when-complete {
    visibility: hidden
}

.wb-pb-header .wb-pb-booking-nav__multi-steps li.is-completed .wb-pb-booking-nav__step-name {
    color: #58595b
}

.wb-pb-header .wb-pb-booking-nav__multi-steps li.is-active .wb-pb-booking-nav__step-indicator {
    color: #fff;
    background-color: #58595b
}

.wb-pb-header .wb-pb-booking-nav__multi-steps li.is-active .wb-pb-booking-nav__step-name {
    color: #333
}

.wb-pb-header .wb-pb-booking-nav__step-indicator {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #58595b;
    background-color: #e0e0e0;
    margin: auto
}

@media (min-width: 36em) {
    .wb-pb-header .wb-pb-booking-nav__step-indicator {
        width: 32px;
        height: 32px
    }
}

.wb-pb-header .wb-pb-booking-nav__step-indicator .wb-pb-hidden-when-complete {
    text-align: center;
    display: block;
    position: relative;
    top: 2px;
    font-size: .875rem
}

@media (min-width: 36em) {
    .wb-pb-header .wb-pb-booking-nav__step-indicator .wb-pb-hidden-when-complete {
        top: 6px;
        font-size: 1rem
    }
}

.wb-pb-header .wb-pb-booking-nav__step-indicator::after {
    position: absolute;
    content: '';
    top: 12px;
    left: 30px;
    width: 16px;
    border-bottom: 1px solid #e0e0e0
}

@media (min-width: 36em) {
    .wb-pb-header .wb-pb-booking-nav__step-indicator::after {
        width: 24px;
        top: 16px;
        left: 42px
    }
}

@media (min-width: 48em) {
    .wb-pb-header .wb-pb-booking-nav__step-indicator::after {
        width: 64px;
        left: 52px
    }
}

.wb-pb-header .wb-pb-booking-nav__step-name {
    display: none;
    color: #ccc;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 4px;
    font-size: .875rem
}

@media (min-width: 48em) {
    .wb-pb-header .wb-pb-booking-nav__step-name {
        display: inline-block
    }
}

.wb-modal {
    display: block;
    position: fixed;
    z-index: 8001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(51, 51, 51, .7)
}

.wb-modal.wb-modal--hidden {
    display: none
}

.wb-modal .wb-modal-content {
    position: relative;
    width: calc(100% - (2 * 24px));
    max-width: 320px;
    background-color: #fff;
    margin: 24px auto;
    padding: 24px;
    padding-top: calc(2 * 24px)
}

.wb-modal .wb-modal-content .wb-modal-content-close {
    position: absolute;
    top: 16px;
    right: 16px;
    line-height: 1.4375rem;
    font-size: 1.4375rem;
    font-weight: 700;
    color: #333
}

.wb-tabs {
    position: relative;
    display: block;
    height: 400px;
    width: 400px
}

.wb-tabs__section, .wb-tabs__section--title {
    position: absolute;
    padding: 16px;
    background-color: #fff
}

.wb-tabs__section {
    height: calc(100% - 56px);
    margin-top: 56px
}

.wb-tabs__section--title {
    display: block;
    text-align: center;
    text-decoration: none;
    width: 200px;
    height: 56px;
    top: -56px;
    left: 0;
    font-size: 1rem;
    color: #58595b;
    border-radius: 4px 4px 0 0;
    border-bottom: 2px solid #e0e0e0;
    background: center;
    transition: all .8s
}

.wb-tabs__section--title:hover {
    background: #f8f8f8 radial-gradient(circle, transparent 1%, #f8f8f8 1%) center/15000%
}

.wb-tabs__section--title:active {
    background-color: #f8f8f8;
    background-size: 100%;
    transition: all 0s
}

.wb-tabs__section:first-child {
    z-index: 1
}

.wb-tabs__section:nth-child(2) .wb-tabs__section--title {
    left: 200px
}

.wb-tabs__section:nth-child(3) .wb-tabs__section--title {
    left: 400px
}

.wb-tabs__section:nth-child(4) .wb-tabs__section--title {
    left: 600px
}

.wb-tabs__section:target, .wb-tabs__section:target .wb-tabs__section--title {
    z-index: 2;
    transition: all .8s
}

.wb-tabs__section:target .wb-tabs__section--title {
    color: #333;
    background-color: #fff;
    border-bottom: 2px solid #00798e;
    font-weight: 600;
    background-position: center
}

.wb-tabs__section:target .wb-tabs__section--title:hover {
    background-color: #fff
}

.wb-form-item .wb-form-item--clean .wb-form-item__field > i, .wb-form-item--clean .wb-form-item .wb-form-item__field > i, .wb-form-item--clean .wb-form-item__field .wb-btn, .wb-form-item--clean .wb-form-item__field > i {
    box-shadow: none
}

.wb-form-item .wb-form-item--clean .wb-form-item__field > i, .wb-form-item--clean .wb-form-item .wb-form-item__field > i, .wb-form-item--clean .wb-form-item__field .wb-btn, .wb-form-item--clean .wb-form-item__field select, .wb-form-item--clean .wb-input-style, .wb-form-item--clean input[type=button], .wb-form-item--clean input[type=date], .wb-form-item--clean input[type=datetime-local], .wb-form-item--clean input[type=datetime], .wb-form-item--clean input[type=email], .wb-form-item--clean input[type=file], .wb-form-item--clean input[type=month], .wb-form-item--clean input[type=number], .wb-form-item--clean input[type=password], .wb-form-item--clean input[type=search], .wb-form-item--clean input[type=tel], .wb-form-item--clean input[type=text], .wb-form-item--clean input[type=time], .wb-form-item--clean input[type=url], .wb-form-item--clean input[type=week], .wb-form-item--clean textarea {
    background-color: #fff;
    border-color: #ccc;
    font-style: normal;
    font-weight: 400
}

.wb-form-item .wb-form-item--clean .wb-form-item__field > i.error-field, .wb-form-item .wb-form-item--clean .wb-form-item__field > i.ng-invalid.ng-dirty, .wb-form-item--clean .error-field.wb-input-style, .wb-form-item--clean .ng-invalid.ng-dirty.wb-input-style, .wb-form-item--clean .wb-form-item .wb-form-item__field > i.error-field, .wb-form-item--clean .wb-form-item .wb-form-item__field > i.ng-invalid.ng-dirty, .wb-form-item--clean .wb-form-item__field .error-field.wb-btn, .wb-form-item--clean .wb-form-item__field .ng-invalid.ng-dirty.wb-btn, .wb-form-item--clean .wb-form-item__field select.error-field, .wb-form-item--clean .wb-form-item__field select.ng-invalid.ng-dirty, .wb-form-item--clean input.error-field[type=button], .wb-form-item--clean input.error-field[type=date], .wb-form-item--clean input.error-field[type=datetime-local], .wb-form-item--clean input.error-field[type=datetime], .wb-form-item--clean input.error-field[type=email], .wb-form-item--clean input.error-field[type=file], .wb-form-item--clean input.error-field[type=month], .wb-form-item--clean input.error-field[type=number], .wb-form-item--clean input.error-field[type=password], .wb-form-item--clean input.error-field[type=search], .wb-form-item--clean input.error-field[type=tel], .wb-form-item--clean input.error-field[type=text], .wb-form-item--clean input.error-field[type=time], .wb-form-item--clean input.error-field[type=url], .wb-form-item--clean input.error-field[type=week], .wb-form-item--clean input.ng-invalid.ng-dirty[type=button], .wb-form-item--clean input.ng-invalid.ng-dirty[type=date], .wb-form-item--clean input.ng-invalid.ng-dirty[type=datetime-local], .wb-form-item--clean input.ng-invalid.ng-dirty[type=datetime], .wb-form-item--clean input.ng-invalid.ng-dirty[type=email], .wb-form-item--clean input.ng-invalid.ng-dirty[type=file], .wb-form-item--clean input.ng-invalid.ng-dirty[type=month], .wb-form-item--clean input.ng-invalid.ng-dirty[type=number], .wb-form-item--clean input.ng-invalid.ng-dirty[type=password], .wb-form-item--clean input.ng-invalid.ng-dirty[type=search], .wb-form-item--clean input.ng-invalid.ng-dirty[type=tel], .wb-form-item--clean input.ng-invalid.ng-dirty[type=text], .wb-form-item--clean input.ng-invalid.ng-dirty[type=time], .wb-form-item--clean input.ng-invalid.ng-dirty[type=url], .wb-form-item--clean input.ng-invalid.ng-dirty[type=week], .wb-form-item--clean textarea.error-field, .wb-form-item--clean textarea.ng-invalid.ng-dirty {
    background-color: #f1f0ed
}

.wb-form-item .wb-form-item--clean .wb-form-item__field > i::-webkit-input-placeholder, .wb-form-item--clean .wb-form-item .wb-form-item__field > i::-webkit-input-placeholder, .wb-form-item--clean .wb-form-item__field .wb-btn::-webkit-input-placeholder, .wb-form-item--clean .wb-form-item__field select::-webkit-input-placeholder, .wb-form-item--clean .wb-input-style::-webkit-input-placeholder, .wb-form-item--clean input[type=button]::-webkit-input-placeholder, .wb-form-item--clean input[type=date]::-webkit-input-placeholder, .wb-form-item--clean input[type=datetime-local]::-webkit-input-placeholder, .wb-form-item--clean input[type=datetime]::-webkit-input-placeholder, .wb-form-item--clean input[type=email]::-webkit-input-placeholder, .wb-form-item--clean input[type=file]::-webkit-input-placeholder, .wb-form-item--clean input[type=month]::-webkit-input-placeholder, .wb-form-item--clean input[type=number]::-webkit-input-placeholder, .wb-form-item--clean input[type=password]::-webkit-input-placeholder, .wb-form-item--clean input[type=search]::-webkit-input-placeholder, .wb-form-item--clean input[type=tel]::-webkit-input-placeholder, .wb-form-item--clean input[type=text]::-webkit-input-placeholder, .wb-form-item--clean input[type=time]::-webkit-input-placeholder, .wb-form-item--clean input[type=url]::-webkit-input-placeholder, .wb-form-item--clean input[type=week]::-webkit-input-placeholder, .wb-form-item--clean textarea::-webkit-input-placeholder {
    font-style: normal
}

.wb-form-item .wb-form-item--clean .wb-form-item__field > i::-moz-placeholder, .wb-form-item--clean .wb-form-item .wb-form-item__field > i::-moz-placeholder, .wb-form-item--clean .wb-form-item__field .wb-btn::-moz-placeholder, .wb-form-item--clean .wb-form-item__field select::-moz-placeholder, .wb-form-item--clean .wb-input-style::-moz-placeholder, .wb-form-item--clean input[type=button]::-moz-placeholder, .wb-form-item--clean input[type=date]::-moz-placeholder, .wb-form-item--clean input[type=datetime-local]::-moz-placeholder, .wb-form-item--clean input[type=datetime]::-moz-placeholder, .wb-form-item--clean input[type=email]::-moz-placeholder, .wb-form-item--clean input[type=file]::-moz-placeholder, .wb-form-item--clean input[type=month]::-moz-placeholder, .wb-form-item--clean input[type=number]::-moz-placeholder, .wb-form-item--clean input[type=password]::-moz-placeholder, .wb-form-item--clean input[type=search]::-moz-placeholder, .wb-form-item--clean input[type=tel]::-moz-placeholder, .wb-form-item--clean input[type=text]::-moz-placeholder, .wb-form-item--clean input[type=time]::-moz-placeholder, .wb-form-item--clean input[type=url]::-moz-placeholder, .wb-form-item--clean input[type=week]::-moz-placeholder, .wb-form-item--clean textarea::-moz-placeholder {
    font-style: normal
}

.wb-form-item .wb-form-item--clean .wb-form-item__field > i:-ms-input-placeholder, .wb-form-item--clean .wb-form-item .wb-form-item__field > i:-ms-input-placeholder, .wb-form-item--clean .wb-form-item__field .wb-btn:-ms-input-placeholder, .wb-form-item--clean .wb-form-item__field select:-ms-input-placeholder, .wb-form-item--clean .wb-input-style:-ms-input-placeholder, .wb-form-item--clean input:-ms-input-placeholder[type=button], .wb-form-item--clean input:-ms-input-placeholder[type=date], .wb-form-item--clean input:-ms-input-placeholder[type=datetime-local], .wb-form-item--clean input:-ms-input-placeholder[type=datetime], .wb-form-item--clean input:-ms-input-placeholder[type=email], .wb-form-item--clean input:-ms-input-placeholder[type=file], .wb-form-item--clean input:-ms-input-placeholder[type=month], .wb-form-item--clean input:-ms-input-placeholder[type=number], .wb-form-item--clean input:-ms-input-placeholder[type=password], .wb-form-item--clean input:-ms-input-placeholder[type=search], .wb-form-item--clean input:-ms-input-placeholder[type=tel], .wb-form-item--clean input:-ms-input-placeholder[type=text], .wb-form-item--clean input:-ms-input-placeholder[type=time], .wb-form-item--clean input:-ms-input-placeholder[type=url], .wb-form-item--clean input:-ms-input-placeholder[type=week], .wb-form-item--clean textarea:-ms-input-placeholder {
    font-style: normal
}

.wb-form-item--clean .wb-radio:first-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:first-child .wb-radio__label__inner {
    border-radius: 3px 3px 0 0
}

@media (min-width: 36em) {
    .wb-form-item--clean .wb-radio:first-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio:first-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio:first-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio__inner:first-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__group--horizontal .wb-radio:first-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__group--horizontal .wb-radio__inner:first-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:first-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio:first-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:first-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio__inner:first-child .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio:first-child .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio__inner:first-child .wb-radio__label__inner {
        border-radius: 3px 0 0 3px
    }
}

.wb-form-item--clean .wb-radio:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:last-child .wb-radio__label__inner {
    border-radius: 0 0 3px 3px
}

.wb-form-item--clean .wb-radio:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio__inner:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__group--horizontal .wb-radio:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__group--horizontal .wb-radio__inner:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio__inner:last-child .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio:last-child .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio__inner:last-child .wb-radio__label__inner {
    margin-bottom: 0
}

@media (min-width: 36em) {
    .wb-form-item--clean .wb-radio:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio__inner:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__group--horizontal .wb-radio:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__group--horizontal .wb-radio__inner:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio:last-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:last-child .wb-radio__label__inner .wb-radio__group--horizontal.wb-radio__inner:last-child .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio:last-child .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio__inner:last-child .wb-radio__label__inner {
        margin-right: 0;
        border-radius: 0 3px 3px 0
    }
}

.wb-form-item--clean .wb-radio:last-child:first-child .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner:last-child:first-child .wb-radio__label__inner {
    border-radius: 3px
}

.wb-form-item--clean .wb-radio .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner .wb-radio__label__inner {
    color: #333;
    border: 1px solid #b6c4c1;
    margin-bottom: -1px
}

.wb-form-item--clean .wb-radio .wb-radio__label__inner--no-border, .wb-form-item--clean .wb-radio__inner .wb-radio__label__inner--no-border {
    border-color: transparent
}

@media (min-width: 36em) {
    .wb-form-item--clean .wb-radio__group--horizontal .wb-radio .wb-radio__label__inner, .wb-form-item--clean .wb-radio__group--horizontal .wb-radio__inner .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--clean .wb-radio__inner .wb-radio__label__inner {
        margin-bottom: 0;
        margin-right: -1px
    }
}

.wb-form-item--clean .wb-radio .wb-radio__label__inner:before, .wb-form-item--clean .wb-radio__inner .wb-radio__label__inner:before {
    border: 1px solid #b6c4c1
}

.wb-form-item--clean .wb-radio input[type=radio]:focus + .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner input[type=radio]:focus + .wb-radio__label__inner {
    box-shadow: 0 0 0 1px #b6c4c1
}

.wb-form-item--clean .wb-radio input[type=radio]:checked + .wb-radio__label__inner, .wb-form-item--clean .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner {
    background: #dae1e0
}

.wb-form-item--clean .wb-radio input[type=radio]:checked + .wb-radio__label__inner--no-border, .wb-form-item--clean .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner--no-border {
    background-color: transparent;
    box-shadow: none
}

.wb-form-item--clean .wb-radio input[type=radio]:checked + .wb-radio__label__inner:after, .wb-form-item--clean .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:after {
    background-color: #b6c4c1;
    border: solid 1px #b6c4c1
}

.wb-form-item--yellow .wb-radio__inner .wb-radio__label {
    margin: 4px 0
}

.wb-form-item--yellow .wb-radio__inner:last-child .wb-radio__label__inner {
    border-bottom: 1px solid #f3f2f0
}

.wb-form-item--yellow .wb-radio__inner .wb-radio__label__inner {
    background: #f3f2f0;
    border: 1px solid #f3f2f0
}

.wb-form-item--yellow .wb-radio__inner .wb-radio__label__inner:before {
    background-color: #fff
}

.wb-form-item--yellow .wb-radio__inner input[type=radio]:focus + .wb-radio__label__inner {
    box-shadow: 0 0 0 1px #00798e
}

.wb-form-item--yellow .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner {
    background: #feefd9;
    border-color: #00798e
}

.wb-form-item--compact .wb-radio__inner .wb-radio__label {
    margin-bottom: 16px
}

.wb-form-item--compact .wb-radio__inner .wb-radio__label__inner {
    color: #333;
    margin-bottom: -1px;
    padding: 0 0 0 32px
}

@media (min-width: 36em) {
    .wb-form-item--compact .wb-radio__group--horizontal .wb-radio__inner .wb-radio__label__inner, .wb-radio__group--horizontal .wb-form-item--compact .wb-radio__inner .wb-radio__label__inner {
        margin-bottom: 0;
        margin-right: -1px
    }
}

.wb-form-item--compact .wb-radio__group--horizontal .wb-radio__inner .wb-radio__label__inner .wb-radio__label, .wb-radio__group--horizontal .wb-form-item--compact .wb-radio__inner .wb-radio__label__inner .wb-radio__label {
    margin-right: 16px
}

.wb-form-item--compact .wb-radio__inner .wb-radio__label__inner:before {
    background-color: #fff;
    top: 3px;
    left: 0
}

.wb-form-item--compact .wb-radio__inner .wb-radio__label__inner:after {
    top: 5px;
    left: 5px
}

.wb-form-item--compact .wb-radio__inner input[type=radio]:focus + .wb-radio__label__inner {
    box-shadow: 0 0 0 1px #b6c4c1
}

.wb-form-item--compact .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:after {
    background-color: #00798e;
    border-color: #00798e;
    top: 8px;
    left: 5px
}

.wb-form-item--compact .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner-text {
    font-weight: 700
}

.pika-single .pika-title .wb-datepicker-prev-next, .pika-single .wb-datepicker-title .wb-datepicker-prev-next, .wb-button-reset, .wb-datepicker .wb-datepicker-title .wb-datepicker-prev-next, .wb-header__toggle-mobile-nav {
    background: 0 0;
    border: 0;
    font-family: inherit;
    padding: 0;
    cursor: pointer
}

.wb-border {
    border: 1px solid;
    border-color: #ddd
}

.wb-badges {
    font-size: 13px;
    font-weight: 700;
    height: 24px;
    text-align: center;
    line-height: 20px;
    border-radius: 11px;
    padding: 2px 8px;
    margin: 0 8px 8px 0
}

.wb-badges__premier-plus {
    color: #056171;
    background-color: transparent;
    border: 1px solid #056171
}

.wb-badges__premier-plus--filled {
    color: #fff;
    background-color: #056171
}

.wb-badges__standard-extra {
    color: #da3c21;
    background-color: transparent;
    border: 1px solid #da3c21
}

.wb-badges__standard-extra--filled {
    color: #fff;
    background-color: #da3c21
}

.wb-badges__messaging-flag {
    color: #73325b;
    background-color: transparent;
    border: 1px solid #73325b
}

.wb-badges__messaging-flag--filled {
    color: #fff;
    background-color: #73325b
}

.pi-map__switch button, .pi-map__zoom button, .pi-showhide__close, .pi-showhide__switch {
    border: 0;
    background: 0 0;
    outline: 0
}

.grid {
    list-style: none;
    margin-bottom: 0
}

.grid > .grid {
    margin-left: 0
}

.grid__item {
    display: revert;
    padding-left: 20px;
    vertical-align: top
}

@media (min-width: 36em) {
    .grid__item {
        display: inline-block;
        margin-left: -20px
    }
}

.flexbox {
    display: table;
    width: 100%
}

html.flexbox {
    display: block;
    width: auto
}

.flexbox__item {
    display: table-cell;
    vertical-align: middle
}

.one-whole {
    width: 100%
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.333%
}

.two-thirds {
    width: 66.666%
}

.one-quarter {
    width: 25%
}

.three-quarters {
    width: 75%
}

.one-fifth, .tabset__nav--bottom-bar.tabset--size5 li, .tabset__nav--bottom-block.tabset--size5 li, .tabset__nav--top-bar.tabset--size5 li, .tabset__nav--top-block.tabset--size5 li {
    width: 20%
}

.two-fifths {
    width: 40%
}

.three-fifths {
    width: 60%
}

.four-fifths {
    width: 80%
}

.one-sixth {
    width: 16.666%
}

.five-sixths {
    width: 83.333%
}

.one-eighth {
    width: 12.5%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

html {
    overflow: visible
}

fieldset {
    padding: 0;
    border: 0
}

.flexbox__row {
    display: table-row
}

.pi-hero__roundel--ul p > span.roundel-mainMessage, .pi-homepage-hero__roundel--ul p > span.roundel-mainMessage, p > span.beta, p > span.hotel-title__heading {
    color: #6c3072;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.cf:after, .container:after {
    content: "";
    display: table;
    clear: both
}

.visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.wb-form-item textarea {
    white-space: normal
}

*, body {
    margin: 0;
    padding: 0
}

.base-font-color {
    color: #333
}

.brand-font-color {
    color: #511e62
}

.primary-font-color {
    color: #fcb92a
}

.base-light-font-color, .footnote-text {
    color: #58595b
}

.push {
    margin: 20px !important
}

.push--top {
    margin-top: 20px !important
}

.push--right {
    margin-right: 20px !important
}

.push--bottom {
    margin-bottom: 20px !important
}

.push--left {
    margin-left: 20px !important
}

.push--ends {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.push--sides {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.push-half {
    margin: 10px !important
}

.push-half--top {
    margin-top: 10px !important
}

.push-half--right {
    margin-right: 10px !important
}

.push-half--bottom {
    margin-bottom: 10px !important
}

.push-half--left {
    margin-left: 10px !important
}

.push-half--ends {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.push-half--sides {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.push-double {
    margin: 40px !important
}

.push-double--top {
    margin-top: 40px !important
}

.push-double--right {
    margin-right: 40px !important
}

.push-double--bottom {
    margin-bottom: 40px !important
}

.push-double--left {
    margin-left: 40px !important
}

.push-double--ends {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.push-double--sides {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.flush {
    margin: 0 !important
}

.flush--top {
    margin-top: 0 !important
}

.flush--right {
    margin-right: 0 !important
}

.flush--bottom {
    margin-bottom: 0 !important
}

.flush--left, .hotel-details .pi-icon-panel ul {
    margin-left: 0 !important
}

.flush--ends {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.flush--sides {
    margin-right: 0 !important;
    margin-left: 0 !important
}

h1 {
    margin-bottom: 1.28571rem
}

address, blockquote, dl, fieldset, figure, h2, h3, h4, h5, h6, hgroup, hr, ol, p, pre, table, ul {
    margin-bottom: 18px;
    margin-bottom: 1.28571rem
}

dd, ol, ul {
    margin-left: 40px;
    margin-left: 2.85714rem
}

.soft {
    padding: 20px !important
}

.soft--top {
    padding-top: 20px !important
}

.soft--right {
    padding-right: 20px !important
}

.soft--bottom {
    padding-bottom: 20px !important
}

.soft--left {
    padding-left: 20px !important
}

.soft--ends {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.soft--sides {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.soft-half {
    padding: 10px !important
}

.soft-half--top {
    padding-top: 10px !important
}

.soft-half--right {
    padding-right: 10px !important
}

.soft-half--bottom {
    padding-bottom: 10px !important
}

.soft-half--left {
    padding-left: 10px !important
}

.soft-half--ends {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.soft-half--sides {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.soft-double {
    padding: 40px !important
}

.soft-double--top {
    padding-top: 40px !important
}

.soft-double--right {
    padding-right: 40px !important
}

.soft-double--bottom {
    padding-bottom: 40px !important
}

.soft-double--left {
    padding-left: 40px !important
}

.soft-double--ends {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.soft-double--sides {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.hard {
    padding: 0 !important
}

.hard--top {
    padding-top: 0 !important
}

.hard--right {
    padding-right: 0 !important
}

.hard--bottom {
    padding-bottom: 0 !important
}

.hard--left {
    padding-left: 0 !important
}

.hard--ends {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.hard--sides, .pi-message__full-booked {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.float--right {
    float: right !important
}

.float--left {
    float: left !important
}

.float--none {
    float: none !important
}

.text--left {
    text-align: left !important
}

.text--center {
    text-align: center !important
}

.text--right {
    text-align: right !important
}

.nav--no-style-type {
    list-style-type: none
}

.display-block, figure > img {
    display: block
}

.brand-color-dark {
    color: #6c3072
}

q {
    quotes: "‘" "’" "\\201C" "\\201D"
}

q q:before, q:before {
    content: open-quote
}

q q:after, q:after {
    content: close-quote
}

blockquote {
    quotes: "\\201C" "\\201D";
    text-indent: -.41em
}

blockquote p:before {
    content: open-quote
}

blockquote p:after {
    content: no-close-quote
}

blockquote p:last-of-type:after {
    content: close-quote
}

blockquote q:before {
    content: open-quote
}

blockquote q:after {
    content: close-quote
}

blockquote p:last-of-type {
    margin-bottom: 0
}

img[height], img[width] {
    max-width: none
}

.icon {
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pagewrap {
    height: 100%
}

.container {
    margin-left: auto;
    margin-right: auto
}

.container .container {
    width: auto;
    padding-left: 0;
    padding-right: 0
}

.responsive-container {
    max-width: 945px
}

@media (min-width: 33.75em) {
    .subheader-container + .responsive {
        padding-top: 32px
    }
}

.responsive .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.responsive .container.restrictions {
    width: 91.66667%;
    margin-bottom: 24px
}

main {
    padding-bottom: 20px;
    display: block
}

.pi-fixed-content {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2
}

.pi-fixed-height-layout .pi-fixed-content {
    position: static
}

.pi-adjusted-content {
    padding-top: 0
}

.pi-fixed-height-layout {
    padding-top: 0 !important
}

.pi-fixed-height-layout .pi-fixed-height-container {
    overflow: hidden;
    position: relative
}

.pi-fixed-height-layout .pi-fixed-height-scrollable {
    height: 100%;
    padding-bottom: 40px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.homepage main > div {
    margin-top: 20px
}

.dynamic-columns {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dynamic-columns__column {
    min-height: 200px;
    margin: 16px;
    width: 100%;
    background-color: gray
}

.dynamic-columns__column:first-of-type:nth-last-of-type(1), .dynamic-columns__column:first-of-type:nth-last-of-type(1) ~ .dynamic-columns__column {
    background-color: #676767
}

@media (min-width: 36em) {
    .dynamic-columns__column:first-of-type:nth-last-of-type(1), .dynamic-columns__column:first-of-type:nth-last-of-type(1) ~ .dynamic-columns__column {
        width: calc(100% - (2 * 16px))
    }
}

.dynamic-columns__column:first-of-type:nth-last-of-type(2), .dynamic-columns__column:first-of-type:nth-last-of-type(2) ~ .dynamic-columns__column {
    background-color: #5a5a5a
}

.dynamic-columns__column:first-of-type:nth-last-of-type(3), .dynamic-columns__column:first-of-type:nth-last-of-type(3) ~ .dynamic-columns__column {
    background-color: #4d4d4d
}

.dynamic-columns__column:first-of-type:nth-last-of-type(4), .dynamic-columns__column:first-of-type:nth-last-of-type(4) ~ .dynamic-columns__column {
    background-color: #404040
}

.dynamic-columns__column:first-of-type:nth-last-of-type(5), .dynamic-columns__column:first-of-type:nth-last-of-type(5) ~ .dynamic-columns__column {
    background-color: #343434
}

.dynamic-columns__column:first-of-type:nth-last-of-type(6), .dynamic-columns__column:first-of-type:nth-last-of-type(6) ~ .dynamic-columns__column {
    background-color: #272727
}

.dynamic-columns__column:first-of-type:nth-last-of-type(7), .dynamic-columns__column:first-of-type:nth-last-of-type(7) ~ .dynamic-columns__column {
    background-color: #1a1a1a
}

.dynamic-columns__column:first-of-type:nth-last-of-type(8), .dynamic-columns__column:first-of-type:nth-last-of-type(8) ~ .dynamic-columns__column {
    background-color: #0d0d0d
}

@media (min-width: 36em) {
    .dynamic-columns__column {
        margin: 16px;
        width: calc(50% - (2 * 16px))
    }
}

@media (min-width: 48em) {
    .dynamic-columns__column:first-of-type:nth-last-of-type(2), .dynamic-columns__column:first-of-type:nth-last-of-type(2) ~ .dynamic-columns__column {
        width: calc((100% / 2) - (2 * 16px))
    }

    .dynamic-columns__column:first-of-type:nth-last-of-type(3), .dynamic-columns__column:first-of-type:nth-last-of-type(3) ~ .dynamic-columns__column {
        width: calc((100% / 3) - (2 * 16px))
    }

    .dynamic-columns__column:first-of-type:nth-last-of-type(4), .dynamic-columns__column:first-of-type:nth-last-of-type(4) ~ .dynamic-columns__column, .dynamic-columns__column:first-of-type:nth-last-of-type(5), .dynamic-columns__column:first-of-type:nth-last-of-type(5) ~ .dynamic-columns__column, .dynamic-columns__column:first-of-type:nth-last-of-type(6), .dynamic-columns__column:first-of-type:nth-last-of-type(6) ~ .dynamic-columns__column, .dynamic-columns__column:first-of-type:nth-last-of-type(7), .dynamic-columns__column:first-of-type:nth-last-of-type(7) ~ .dynamic-columns__column, .dynamic-columns__column:first-of-type:nth-last-of-type(8), .dynamic-columns__column:first-of-type:nth-last-of-type(8) ~ .dynamic-columns__column {
        width: calc((100% / 4) - (2 * 16px))
    }
}

.form-item__label {
    font-size: 14px
}

#CQrte a, .form-item input[type=checkbox] + span, .form-item__label--small, .pi-calendar__grid-head span, .pi-dropdown .bf, .pi-flag, .pi-typeset a, body {
    font-size: 14px;
    line-height: 24px
}

.pi-warning {
    font-size: 14px
}

.footer-bottom a, .footer-duallinks a, .footertabs .pi-list li a, .pi-hero__caption, .pi-hero__roundel--ul .roundel-subMessage, .pi-homepage-hero__caption, .pi-homepage-hero__roundel--ul .roundel-subMessage, .pi-hotel-details-grid-rates .pi-flag--few-rooms, .pi-hotel-details-rates .pi-flag--few-rooms, .pi-hotel-details-rates .pi-price-breakdown__price--zeros, .pi-hotel-details-rates .pi-standard-rates__price .price-rate__decimal, .pi-sleep-park-fly__price .price-rate__decimal, .pi-sleep-park-fly__price-toggle, .seo-hotel-listings-legacy-wrapper .seo-hotel-list .btn--primary-hub--smaller, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__distance {
    font-size: 14px;
    line-height: 24px
}

#CQrte ul li:before, .footer-navigation__description, .footer-navigation__header, .form-item input[type=text], .pi-flag--few-rooms, .pi-hero__roundel--ul .roundel-link a, .pi-homepage-hero__roundel--ul .roundel-link a, .pi-list--bullet li:before, .pi-promise, .pi-typeset ul li:before {
    font-size: 16px;
    line-height: 19px
}

.pi-hotel-details-rates .pi-standard-rates__date, .pi-hotel-details-rates .pi-standard-rates__type, .room-size__title, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__address, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__tag, .tabset__nav--ribbon a {
    font-size: 16px
}

.pi-hotel-details-grid-rates .pi-standard-rates__type, .pi-hotel-details-grid-rates .radio__button, .pi-hotel-details-rates .radio__button, .pi-sleep-park-fly__rate-text {
    font-size: 16px;
    line-height: 19px
}

.btn--large, .btn--primary {
    font-size: 19px;
    line-height: 24px
}

.pi-calendar__next:before, .pi-calendar__prev:before, .pi-calendar__title, .pi-datepicker__button:before {
    font-size: 19px
}

.content-module-c, .footer-duallinks__description, .footer-duallinks__header, .footer-navigation__header--white, .hotel-title .pi-flag--hub, .hotel-title__strapline, .pi-banner__close, .pi-hero__roundel--ul .roundel-introText, .pi-homepage-hero__roundel--ul .roundel-introText, .pi-hotel-details-grid-rates .pi-standard-rates__button button, .pi-hotel-details-rates .pi-price-breakdown__price, .pi-hotel-details-rates .pi-standard-rates__button button, .pi-hotel-details-rates .pi-standard-rates__price .pi-price__pounds, .pi-map__zoom button, .pi-message__full-booked, .pi-message__information--heading, .pi-sleep-park-fly__price .pi-price__pounds, .seo-hotel-listings-wrapper .seo-hotel-card-title .pi-flag, .tabset__nav a {
    font-size: 19px;
    line-height: 24px
}

.hotel-title .pi-flag {
    font-size: 19px
}

.pi-sales-promo__header {
    font-size: 23px
}

.hotel-details__distance, .hotel-title .pi-flag--few-rooms, .pi-map__switch button, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__location {
    font-size: 23px;
    line-height: 28px
}

.pi-dropdown__button:before, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__ratingtext {
    font-size: 12px
}

.breadcrumbs, .footnote-text, .footnote-text a, .pi-banner__content, .pi-hotel-details-grid-rates .pi-standard-rates .promotionCell, .pi-hotel-details-grid-rates .pi-standard-rates__rate__inner .rate_helper_text, .pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown, .pi-hotel-details-rates .pi-standard-rates .promotionCell, .pi-hotel-details-rates .pi-standard-rates__rate__inner .rate_helper_text, .pi-sleep-park-fly__header--title, .pi-sleep-park-fly__hotel-text, .rate_helper_text, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__distance-desc {
    font-size: 12px;
    line-height: 16px
}

.pi-map #infoboxText .infoboxContent #infoboxDescription p.description {
    font-size: 12px
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__price {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 29px
}

.hotel-details__breakfastPriceInPence, .hotel-details__breakfastText, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__price--decimal {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 19px
}

.hotel-details__breakfastPriceInPence {
    font-size: 13px
}

.btn {
    font-size: 18px
}

.btn-group .btn {
    font-size: 18px;
    line-height: 22px
}

.btn--small {
    font-size: 14px;
    line-height: 21px
}

body, html {
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

html {
    line-height: 1.5
}

body {
    font-weight: 400;
    font-style: normal;
    color: #333
}

*, :after, :before {
    box-sizing: border-box
}

::-moz-selection {
    color: #fff;
    background: #9f78a3
}

::selection {
    color: #fff;
    background: #9f78a3
}

::-moz-selection {
    color: #fff;
    background: #9f78a3
}

h1, h2, h3, h4, h5, h6 {
    color: #333
}

h1 {
    margin: .67em 0
}

blockquote footer {
    text-indent: 0
}

a {
    color: #511e62;
    text-decoration: underline
}

a:hover {
    text-decoration: none;
    cursor: pointer
}

b, strong {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-style: normal
}

b {
    font-weight: 700
}

hs {
    font-size: 49px
}

.alpha, .pi-inspiration__heading, h1 {
    font-size: 41px;
    line-height: 48px
}

.pi-hero__roundel--ul .roundel-mainMessage, .pi-homepage-hero__roundel--ul .roundel-mainMessage {
    font-size: 37px
}

.beta, .hotel-title__heading, h2 {
    font-size: 37px;
    line-height: 34px
}

.content-module-h h2, .gamma, h3 {
    font-size: 23px;
    line-height: 28px
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__name {
    font-size: 23px
}

.delta, h4 {
    font-size: 19px;
    line-height: 24px
}

.epsilon, .tabset__nav--vertical li a, h5 {
    font-size: 16px;
    line-height: 19px
}

.pi-hotel-contact, .zeta, h6 {
    font-size: 14px;
    line-height: 22px
}

.giga {
    font-size: 64px
}

.content-module-c h1, .mega, .tabset__nav--bullet a {
    font-size: 54px
}

.kilo, .pi-inspiration__image .icon:before {
    font-size: 48px
}

.omega {
    line-height: 20px
}

.milli, .smallprint {
    font-size: 14px;
    line-height: 22px
}

.micro {
    font-size: 12px;
    line-height: 16px
}

table {
    width: 100%
}

td, th {
    padding: 5px
}

@media screen and (min-width: 480px) {
    td, th {
        padding: 10px
    }
}

[colspan] {
    text-align: center
}

[colspan="1"], td, th {
    text-align: left
}

[rowspan] {
    vertical-align: middle
}

[rowspan="1"] {
    vertical-align: top
}

.numerical {
    text-align: right
}

#CQrte, .pi-typeset {
    color: #58595b
}

#CQrte[style*=color] a, .pi-typeset[style*=color] a {
    color: unset
}

#CQrte a, .pi-typeset a {
    color: #6c3072
}

#CQrte ol, .pi-typeset ol {
    list-style-position: inside
}

#CQrte h1 a, #CQrte h2 a, #CQrte h3 a, #CQrte h4 a, #CQrte h5 a, #CQrte h6 a, .pi-heading__main .inner a, .pi-typeset h1 a, .pi-typeset h2 a, .pi-typeset h3 a, .pi-typeset h4 a, .pi-typeset h5 a, .pi-typeset h6 a {
    color: #6c3072;
    text-decoration: none
}

#CQrte h1 a:hover, #CQrte h2 a:hover, #CQrte h3 a:hover, #CQrte h4 a:hover, #CQrte h5 a:hover, #CQrte h6 a:hover, .pi-heading__main .inner a:hover, .pi-typeset h1 a:hover, .pi-typeset h2 a:hover, .pi-typeset h3 a:hover, .pi-typeset h4 a:hover, .pi-typeset h5 a:hover, .pi-typeset h6 a:hover, .responsive-component .pi-icon-panel ul li span.link {
    text-decoration: underline;
    cursor: pointer
}

.pi-typeset--base h1, .pi-typeset--base h2, .pi-typeset--base h3, .pi-typeset--base h4, .pi-typeset--base h5, .pi-typeset--base h6 {
    color: #333
}

.pi-typeset--brand, .pi-typeset--brand a, .pi-typeset--brand h1, .pi-typeset--brand h2, .pi-typeset--brand h3, .pi-typeset--brand h4, .pi-typeset--brand h5, .pi-typeset--brand h6 {
    color: #511e62
}

.pi-typeset--light, .pi-typeset--light a, .pi-typeset--light h1, .pi-typeset--light h2, .pi-typeset--light h3, .pi-typeset--light h4, .pi-typeset--light h5, .pi-typeset--light h6 {
    color: #fff
}

.pi-typeset--aqua, .pi-typeset--aqua a, .pi-typeset--aqua h1, .pi-typeset--aqua h2, .pi-typeset--aqua h3, .pi-typeset--aqua h4, .pi-typeset--aqua h5, .pi-typeset--aqua h6, .wb-notification-icon__restrictions i {
    color: #80bfbd
}

.pi-typeset--coral, .pi-typeset--coral a, .pi-typeset--coral h1, .pi-typeset--coral h2, .pi-typeset--coral h3, .pi-typeset--coral h4, .pi-typeset--coral h5, .pi-typeset--coral h6 {
    color: #da3c21
}

.pi-typeset--teal, .pi-typeset--teal a, .pi-typeset--teal h1, .pi-typeset--teal h2, .pi-typeset--teal h3, .pi-typeset--teal h4, .pi-typeset--teal h5, .pi-typeset--teal h6 {
    color: #333
}

.pi-typeset--light-grey, .pi-typeset--light-grey h1, .pi-typeset--light-grey h2, .pi-typeset--light-grey h3, .pi-typeset--light-grey h4, .pi-typeset--light-grey h5, .pi-typeset--light-grey h6 {
    color: #58595b
}

.pi-typeset--light-grey a {
    color: #6c3072
}

.pi-typeset--dark-grey, .pi-typeset--dark-grey a, .pi-typeset--dark-grey h1, .pi-typeset--dark-grey h2, .pi-typeset--dark-grey h3, .pi-typeset--dark-grey h4, .pi-typeset--dark-grey h5, .pi-typeset--dark-grey h6 {
    color: #333
}

.pi-heading__main {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #333;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-heading__main .icon {
    margin-right: .5em;
    font-size: 23px
}

.pi-dropdown:hover .pi-dropdown__button:before, .pi-heading__main .inner--errorpage {
    color: #511e62
}

.pi-heading--strikethru .pi-heading__main {
    line-height: 1;
    background: url(../../../content/dam/pi/websites/desktop/common/dot_dash_4b145f_h.png) repeat-x 0 50%;
    margin-bottom: 20px
}

.pi-heading--strikethru .pi-heading__main .inner {
    display: inline-block;
    padding: 0 80px 0 0;
    background-color: #fff
}

.pi-heading--strikethru.text--center .pi-heading__main .inner {
    padding: 0 80px
}

.pi-heading--strikethru.text--right .pi-heading__main .inner {
    padding: 0 0 0 80px
}

.pi-heading .wb-body--small {
    font-size: .875rem;
    line-height: 1.125rem
}

.pi-heading .wb-body--regular {
    font-size: 1rem;
    line-height: 1.25rem
}

.pi-heading .wb-heading--brand-h1 {
    font-size: 4.5rem;
    line-height: 5.5rem
}

.pi-heading .wb-heading--brand-h2 {
    font-size: 3.75rem;
    line-height: 4.5rem
}

.pi-heading .wb-heading--brand-h3 {
    font-size: 3rem;
    line-height: 3.5rem
}

.pi-heading .wb-heading--brand-h4 {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.pi-heading .wb-heading--light {
    font-weight: 300
}

.pi-heading .wb-heading--regular {
    font-weight: 400
}

.pi-heading .wb-heading--medium {
    font-weight: 500
}

.pi-heading .wb-heading--semi-bold {
    font-weight: 600
}

.pi-heading .wb-heading--bold, .subheader-container .section-subheader:hover > .title-section p {
    font-weight: 700
}

.pi-hr {
    width: 100%;
    height: 1px;
    background: url(../../../content/dam/pi/websites/desktop/common/dot_dash_4b145f_h.png) repeat-x 0 0;
    border: 0
}

.pi-hr--solid {
    background: #ddd
}

.pi-list a {
    text-decoration: none
}

.btn--link.is-hover span, .btn--link.is-selected span, .btn--primary-chevron.is-hover span, .btn--primary-chevron.is-selected span, .btn--white-circle.is-hover span, .btn--white-circle.is-selected span, .no-touch .btn--link:hover span, .no-touch .btn--primary-chevron:hover span, .no-touch .btn--white-circle:hover span, .pi-list a:hover {
    text-decoration: underline
}

#CQrte ul, .pi-list--bullet, .pi-list--icon, .pi-typeset ul {
    margin-left: 24px
}

#CQrte ul li, .pi-list--bullet li, .pi-list--icon li, .pi-typeset ul li {
    list-style: none
}

#CQrte ul li:before, .pi-list--bullet li:before, .pi-typeset ul li:before {
    content: '\2022';
    display: inline-block;
    width: 10px;
    margin-left: -20px;
    color: #511e62
}

.pi-list--icon li .icon {
    display: inline-block;
    width: 20px;
    margin-left: -20px;
    font-size: 14px
}

.footer-duallinks .pi-list--icon {
    float: left;
    width: 205px
}

.pi-list--inline li {
    float: left;
    margin-right: 40px
}

.btn, .btn-group {
    display: inline-block;
    vertical-align: middle
}

.btn {
    transition: color .3s ease, background .3s ease, border .3s ease;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    padding: 5px 20px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #511e62;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: 0;
    box-shadow: #979797
}

.btn, .btn.is-hover, .no-touch .btn:hover {
    text-decoration: none
}

.btn.is-hover, .btn.is-selected, .no-touch .btn:hover {
    background-color: #e2d6e3;
    border-color: #c4acc7;
    box-shadow: none
}

.btn-group {
    position: relative
}

.btn-group .btn {
    position: relative;
    float: left;
    border-radius: 0
}

.btn-group .btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.btn-group .btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.btn-group .btn + .btn {
    margin-left: -1px;
    border-left-color: #c4acc7
}

.btn--brand {
    color: #fff;
    background-color: #511e62;
    border-color: #511e62
}

.btn--brand.is-hover, .btn--brand.is-selected, .no-touch .btn--brand:hover {
    color: #fff;
    background-color: #9f78a3;
    border-color: #9f78a3
}

.btn--primary {
    color: #511e62;
    background-color: #00798e;
    border-color: #fcb92a
}

.btn--primary.is-hover, .btn--primary.is-selected, .no-touch .btn--primary:hover {
    color: #511e62;
    background-color: #008fa8;
    border-color: #008fa8
}

.btn--primary-hub, .btn--primary-hub.is-hover, .btn--primary-hub.is-selected, .no-touch .btn--primary-hub:hover, .no-touch .seo-hotel-listings-legacy-wrapper .seo-hotel-list .btn--primary-hub--smaller:hover, .seo-hotel-listings-legacy-wrapper .seo-hotel-list .btn--primary-hub--smaller, .seo-hotel-listings-legacy-wrapper .seo-hotel-list .is-hover.btn--primary-hub--smaller, .seo-hotel-listings-legacy-wrapper .seo-hotel-list .is-selected.btn--primary-hub--smaller, .seo-hotel-listings-legacy-wrapper .seo-hotel-list .no-touch .btn--primary-hub--smaller:hover {
    color: #511e62;
    background-color: #bdd600;
    border-color: #bdd600
}

.btn--primary-hub-dark {
    color: #fff;
    background-color: #363636;
    border-color: #363636
}

.btn--primary-hub-dark.is-hover, .btn--primary-hub-dark.is-selected, .no-touch .btn--primary-hub-dark:hover {
    color: #bdd600;
    background-color: #363636;
    border-color: #363636
}

.btn--primary-zip, .btn--primary-zip.is-hover, .btn--primary-zip.is-selected, .no-touch .btn--primary-zip:hover {
    color: #fff;
    background-color: #fc0f42;
    border-color: #fc0f42
}

.btn--secondary {
    color: #fff;
    background-color: #6c3072;
    border-color: #6c3072
}

.btn--secondary.is-hover, .btn--secondary.is-selected, .no-touch .btn--secondary:hover {
    color: #fff;
    background-color: #9f78a3;
    border-color: #9f78a3
}

.btn--tertiary {
    color: #511e62;
    background-color: #c4acc7;
    border-color: #c4acc7
}

.btn--tertiary.is-hover, .btn--tertiary.is-selected, .no-touch .btn--tertiary:hover {
    color: #511e62;
    background-color: #e9e0ea;
    border-color: #e9e0ea
}

.btn--link {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #511e62
}

.btn--link, .btn--link.is-hover, .btn--link.is-selected, .no-touch .btn--link:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.btn--link.is-hover .icon, .btn--link.is-selected .icon, .no-touch .btn--link:hover .icon {
    text-decoration: none
}

.btn--white-circle {
    color: #6c3072
}

.btn--white-circle .icon {
    background-color: #fff;
    color: #6c3072
}

.btn--white-circle, .btn--white-circle.is-hover, .btn--white-circle.is-selected, .no-touch .btn--white-circle:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.btn--white-circle.is-hover .icon, .btn--white-circle.is-selected .icon, .no-touch .btn--white-circle:hover .icon {
    text-decoration: none
}

.btn--primary, .form-item__label label {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.btn--primary-chevron {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #00798e
}

.btn--primary-chevron .icon {
    background-color: transparent;
    color: #00798e
}

.btn--primary-chevron, .btn--primary-chevron.is-hover, .btn--primary-chevron.is-selected, .no-touch .btn--primary-chevron:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.btn--primary-chevron.is-hover .icon, .btn--primary-chevron.is-selected .icon, .no-touch .btn--primary-chevron:hover .icon, .tabset h1 a, .tabset h2 a, .tabset h3 a, .tabset h4 a, .tabset h5 a {
    text-decoration: none
}

.btn--small {
    padding: 2px 10px;
    border-radius: 4px
}

.btn--large {
    padding: 10px 30px
}

.btn--long-text {
    white-space: normal;
    padding: 6px 10px;
    width: 100%
}

.btn--block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn--block + .btn--block {
    margin-top: 5px
}

.btn--round {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    padding: 0;
    box-shadow: none
}

.btn--round .icon {
    margin-left: -1px
}

.btn--round.btn--small {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.btn--round.btn--large {
    width: 38px;
    height: 38px;
    line-height: 40px
}

.btn--icon-left .icon {
    margin-right: .25em
}

.btn--icon-right .icon {
    margin-left: .25em
}

.btn--icon-left-margin {
    margin-right: 5px
}

@media (max-width: 35.9375em) {
    .cmp-button-item .wb-btn, .cmp-button-item .wb-form-item .wb-form-item__field > i, .wb-form-item .cmp-button-item .wb-form-item__field > i {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

input::-ms-reveal, select::-ms-reveal, textarea::-ms-reveal {
    display: none
}

input ::-webkit-input-placeholder, select ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder {
    color: #b597b8
}

input :-moz-placeholder, input ::-moz-placeholder, select :-moz-placeholder, select ::-moz-placeholder, textarea :-moz-placeholder, textarea ::-moz-placeholder {
    color: #b597b8;
    opacity: 1
}

input :-ms-input-placeholder, select :-ms-input-placeholder, textarea :-ms-input-placeholder {
    color: #b597b8
}

input:required, select:required, textarea:required {
    box-shadow: none
}

.form-item input[type=date], .form-item input[type=datetime-local], .form-item input[type=datetime], .form-item input[type=email], .form-item input[type=file], .form-item input[type=month], .form-item input[type=number], .form-item input[type=password], .form-item input[type=search], .form-item input[type=tel], .form-item input[type=text], .form-item input[type=time], .form-item input[type=url], .form-item input[type=week], .form-item textarea {
    background-color: #f1f0ed;
    border: 1px solid #ddd;
    color: #333;
    margin: 0;
    outline-offset: -2px
}

.form-item input[type=date]:focus, .form-item input[type=datetime-local]:focus, .form-item input[type=datetime]:focus, .form-item input[type=email]:focus, .form-item input[type=file]:focus, .form-item input[type=month]:focus, .form-item input[type=number]:focus, .form-item input[type=password]:focus, .form-item input[type=search]:focus, .form-item input[type=tel]:focus, .form-item input[type=text]:focus, .form-item input[type=time]:focus, .form-item input[type=url]:focus, .form-item input[type=week]:focus, .form-item textarea:focus {
    outline: 2px solid #b6c4c1
}

.form-item__label {
    color: #333;
    margin-bottom: 13px;
    line-height: 10px
}

.form-item__label label span {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.form-item__field {
    position: relative
}

.form-item.is-disabled .form-item__field, .form-item.is-disabled .form-item__label {
    color: #ccc !important
}

.form-item.is-disabled .form-item__field button, .form-item.is-disabled .form-item__field input[type=button], .form-item.is-disabled .form-item__field input[type=reset], .form-item.is-disabled .form-item__field input[type=submit], .form-item.is-disabled .form-item__field label, .form-item.is-disabled .form-item__label button, .form-item.is-disabled .form-item__label input[type=button], .form-item.is-disabled .form-item__label input[type=reset], .form-item.is-disabled .form-item__label input[type=submit], .form-item.is-disabled .form-item__label label {
    cursor: default
}

.is-disabled {
    opacity: .4
}

.wb-form-item input[type=number] {
    -moz-appearance: textfield
}

.form-item--checkbox .form-item__field, .form-item--checkbox .form-item__label {
    display: inline-block
}

.form-item input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 18px;
    height: 18px;
    outline: 0 !important
}

.form-item input[type=checkbox] + span {
    display: inline-block;
    margin: 0;
    padding-left: 32px;
    min-height: 21px;
    background-image: url(../../../content/dam/pi/websites/desktop/common/checkbox_sprite_de.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #333
}

.form-item input[type=checkbox]:focus + span {
    background-position: 0 -280px
}

.form-item input[type=checkbox].is-checked + span {
    background-position: 0 -141px
}

.form-item input[type=checkbox]:checked + span {
    background-position: 0 -139px
}

.form-item input[type=checkbox]:focus.is-checked + span {
    background-position: 0 -419px
}

.form-item input[type=checkbox]:focus:checked + span {
    background-position: 0 -419px
}

.pi-dropdown {
    position: relative;
    background-color: #f1f0ed;
    border: 1px solid #ddd
}

.pi-dropdown__handle {
    width: 100%;
    height: 30px;
    padding: 4px 30px 4px 10px;
    text-align: left;
    color: #511e62;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    font-family: inherit;
    font-size: 100%
}

.pi-dropdown__handle:focus {
    outline: 2px solid #b6c4c1
}

.pi-dropdown__button {
    position: absolute;
    top: 5px;
    right: 5px;
    margin-top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    box-shadow: 0 3px 1px -2px #e2e6e5
}

.pi-dropdown__button:hover {
    box-shadow: 0 3px 1px -2px #ccc
}

.pi-dropdown__button:before {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 23px;
    text-align: center;
    color: #511e62;
    border-radius: 3px;
    background-color: #fff
}

.pi-dropdown.is-open {
    z-index: inherit
}

.pi-dropdown.is-open .pi-dropdown__button:before {
    color: #b597b8
}

.lt-ie9 .pi-dropdown:hover .pi-dropdown__button:before {
    content: '\e600 '
}

.lt-ie9 .pi-dropdown.is-open .pi-dropdown__button:before {
    content: '\e603 '
}

.pi-dropdown__list {
    position: absolute;
    left: 0;
    top: 107%;
    margin: 0;
    width: 100%;
    list-style: none;
    background-color: #f1f0ed;
    color: #58595b;
    z-index: 2
}

.pi-dropdown__list li {
    width: 100%;
    padding: 5px 20px 5px 13px;
    cursor: pointer
}

.pi-dropdown__list li:hover {
    background-color: #ccd9d3
}

.is-disabled .pi-dropdown__handle {
    color: #ccc;
    border-color: #ccc
}

.is-disabled .pi-dropdown__button {
    cursor: default
}

.is-disabled .pi-dropdown__button:before {
    color: #ccc
}

.pi-datepicker {
    position: relative
}

.pi-datepicker .ng-invalid {
    outline: 2px solid #cd0325
}

.pi-datepicker__handle {
    width: 100%;
    height: auto;
    padding: 4px 30px 4px 10px;
    text-align: left;
    color: #333;
    background-color: #f1f0ed;
    border: 1px solid #ddd;
    border-radius: 0;
    font-family: inherit;
    font-size: 100%
}

.pi-datepicker__handle:focus {
    border-color: #b6c4c1;
    outline: 0;
    border-width: 2px
}

.pi-datepicker.is-open {
    z-index: 999
}

.pi-datepicker.is-open .pi-datepicker__handle {
    color: #333
}

.pi-datepicker.is-open .pi-datepicker__button.icon {
    opacity: .6
}

.pi-datepicker__button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.pi-datepicker__button.has-error {
    top: 0
}

.pi-datepicker__button:before {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: right;
    margin-right: 10px;
    top: 5px
}

.pi-datepicker__dropdown {
    position: absolute;
    right: 0;
    top: 100%
}

.pi-datepicker .pi-calendar {
    position: relative;
    right: -180px;
    top: 13px
}

.pi-calendar, .pi-datepicker .pi-calendar {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.pi-calendar__carousel {
    width: 699px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(51, 51, 51, .2)
}

.pi-calendar__carousel:focus {
    outline: 1px dotted #fff
}

.pi-calendar:before {
    content: "";
    position: absolute;
    left: 440px;
    top: -8px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 8px solid #511e62;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.pi-calendar__next, .pi-calendar__prev {
    position: absolute;
    top: 6px;
    display: block;
    background: 0 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    z-index: 999;
    outline: 0
}

.pi-calendar__next:focus, .pi-calendar__prev:focus {
    outline: thin dotted
}

.pi-calendar__next:before, .pi-calendar__prev:before {
    display: block;
    line-height: 24px;
    text-align: center;
    color: #fff
}

.pi-calendar__prev {
    left: 10px
}

.pi-calendar__next {
    right: 10px
}

.pi-calendar__title {
    height: 38px;
    margin-bottom: 10px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    background-color: #511e62;
    background-image: url(../../../content/dam/pi/websites/desktop/common/dot_dash_a68dae_v.png);
    background-repeat: repeat-y;
    background-position: center right;
    cursor: default
}

.pi-calendar__months {
    transition: left .3s ease;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: #fff;
    width: 4200px
}

.pi-calendar__month {
    display: inline-block;
    width: 350px;
    height: 339px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    list-style: none;
    background-image: url(../../../content/dam/pi/websites/desktop/common/dot_dash_4b145f_v.png);
    background-repeat: repeat-y;
    background-position: center right
}

.pi-calendar__grid {
    padding: 0 10px 10px
}

.pi-calendar__grid-head {
    color: #511e62;
    margin-bottom: 5px
}

.pi-calendar__grid-head--weekend {
    color: #fa9300
}

.pi-calendar__day, .pi-calendar__grid-head span {
    display: inline-block;
    width: 46px;
    text-align: center
}

.pi-calendar__day {
    position: relative;
    margin: 0 2px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 21px;
    cursor: pointer;
    overflow: visible;
    z-index: 1
}

.pi-calendar__day:focus, .pi-calendar__day:hover {
    background-color: #fcb92a;
    outline: 0
}

.pi-calendar__day.is-selected {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    background-color: #fcb92a
}

.pi-calendar__day.unavailable {
    opacity: 0;
    visibility: hidden
}

.new-footer--links-wrapper .list-links.close .pi-list, .pi-calendar__day.blocked {
    display: none
}

.pi-calendar__day.is-disabled {
    color: #949494;
    cursor: inherit
}

.pi-calendar__day.is-disabled:focus, .pi-calendar__day.is-disabled:hover {
    background-color: #fff;
    outline: 0
}

.tabset {
    position: relative
}

.tabset h1 a:hover, .tabset h2 a:hover, .tabset h3 a:hover, .tabset h4 a:hover, .tabset h5 a:hover {
    border-bottom: 1px solid #511e62
}

.tabset__nav {
    width: 100%
}

.tabset__nav li, .tabset__nav ul {
    margin: 0;
    padding: 0
}

.tabset__nav li {
    float: left;
    position: relative;
    list-style: none
}

.tabset__nav a {
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #511e62
}

.tabset__nav--bottom-block, .tabset__nav--top-block {
    height: 54px
}

.tabset__nav--bottom-block a:hover, .tabset__nav--bottom-block li.is-selected a, .tabset__nav--bottom-block li.is-selected a:hover, .tabset__nav--top-block a:hover, .tabset__nav--top-block li.is-selected a, .tabset__nav--top-block li.is-selected a:hover {
    background-color: #511e62;
    color: #fff
}

.tabset__nav--bottom-block li.is-selected:before, .tabset__nav--top-block li.is-selected:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0
}

.tabset__nav--bottom-block a, .tabset__nav--top-block a {
    transition: background .3s ease;
    background-color: #dae1e0;
    color: #6c3072;
    margin-left: 1px
}

.tabset__nav--top-block ul {
    padding: 0 0 15px
}

.tabset__nav--top-block li.is-selected:before {
    bottom: -15px;
    border-bottom: 0;
    border-top: 16px solid #511e62;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.tabset__nav--bottom-block ul {
    padding: 15px 0 0
}

.tabset__nav--bottom-block li.is-selected:before {
    top: -15px;
    border-top: 0;
    border-bottom: 16px solid #511e62;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.tabset__nav--bottom-bar, .tabset__nav--top-bar {
    height: 75px
}

.tabset__nav--bottom-bar li.is-selected a, .tabset__nav--bottom-bar li.is-selected a:hover, .tabset__nav--top-bar li.is-selected a, .tabset__nav--top-bar li.is-selected a:hover {
    border-color: #6c3072
}

.tabset__nav--bottom-bar li.is-selected:before, .tabset__nav--top-bar li.is-selected:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0
}

.tabset__nav--bottom-bar a, .tabset__nav--top-bar a {
    transition: border .3s ease;
    border-style: solid;
    border-color: #dae1e0;
    margin-left: 1px
}

.tabset__nav--bottom-bar a:hover, .tabset__nav--top-bar a:hover {
    border-color: #511e62
}

.tabset__nav--top-bar ul {
    padding: 0 0 15px
}

.tabset__nav--top-bar a {
    border-width: 0 0 10px
}

.tabset__nav--top-bar li.is-selected:before {
    bottom: -15px;
    border-bottom: 0;
    border-top: 16px solid #6c3072;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.tabset__nav--bottom-bar {
    padding-bottom: 75px
}

.tabset__nav--bottom-bar ul {
    padding: 15px 0 0
}

.tabset__nav--bottom-bar a {
    border-width: 10px 0 0
}

.tabset__nav--bottom-bar li.is-selected:before {
    top: -15px;
    border-top: 0;
    border-bottom: 16px solid #6c3072;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.tabset__nav--bullet, .tabset__nav--ribbon {
    position: relative
}

.tabset__nav--bullet ul, .tabset__nav--ribbon ul {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.tabset__nav--bullet ul {
    bottom: 5px;
    z-index: 2
}

.tabset__nav--bullet li, .tabset__nav--ribbon li {
    float: none;
    display: inline-block
}

.tabset__nav--bullet li.is-selected a, .tabset__nav--bullet li:hover a {
    opacity: 1;
    color: #511e62
}

.tabset__nav--bullet a {
    padding: 0;
    opacity: .5;
    color: #511e62
}

.tabset__nav--ribbon ul {
    z-index: 1
}

.tabset__nav--ribbon li {
    margin: 0 10px;
    padding-bottom: 24px;
    vertical-align: top;
    transition: padding-bottom .3s ease;
    cursor: pointer
}

.tabset__nav--ribbon li:after, .tabset__nav--ribbon li:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    bottom: 0
}

.tabset__nav--ribbon li:before {
    left: 0;
    border-width: 40px 70px 0 0;
    border-color: #9f78a3 transparent transparent
}

.tabset__nav--ribbon li:after {
    border-width: 0 70px 40px 0;
    border-color: transparent #9f78a3 transparent transparent;
    right: 0
}

.tabset__nav--ribbon li.is-selected:before, .tabset__nav--ribbon li:hover:before {
    content: " ";
    border-color: #511e62 transparent transparent
}

.tabset__nav--ribbon li.is-selected:after, .tabset__nav--ribbon li:hover:after {
    content: " ";
    border-color: transparent #511e62 transparent transparent
}

.tabset__nav--ribbon a:hover, .tabset__nav--ribbon li.is-selected a, .tabset__nav--ribbon li:hover a {
    background-color: #511e62
}

.tabset__nav--ribbon li.is-selected {
    padding-bottom: 39px
}

.tabset__nav--ribbon li.is-selected a {
    width: 140px;
    height: 130px
}

.tabset__nav--ribbon li.is-selected .tabset__title {
    visibility: visible
}

.tabset__nav--ribbon a {
    transition: width .3s ease, height .3s ease;
    line-height: 17px;
    padding: 20px 0 5px;
    color: #fff;
    width: 83px;
    height: 81px;
    background-color: #9f78a3;
    overflow: hidden
}

.tabset__nav--ribbon a .icon {
    display: block;
    font-size: 34px
}

.tabset__nav--ribbon .tabset__title {
    visibility: hidden
}

.tabset__nav--vertical ul {
    margin-right: -3px;
    border-width: 3px 0 3px 3px;
    border-style: solid;
    border-color: #dae1e0
}

.tabset__nav--vertical li {
    float: none;
    background-color: #dae1e0;
    border-top: 1px solid #dae1e0
}

.tabset__nav--vertical li:first-child {
    border-top: none
}

.tabset__nav--vertical li:hover {
    background-color: #dae1e0
}

.tabset__nav--vertical li a, .tabset__nav--vertical li.is-selected {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-style: normal
}

.tabset__nav--vertical li.is-selected {
    background-color: #fff;
    font-weight: 400
}

.tabset__nav--vertical li a {
    padding: 10px 20px;
    font-weight: 700;
    color: #511e62;
    text-align: left
}

.pi-message {
    text-align: center;
    color: #fff;
    position: relative;
    border-radius: 10px
}

.pi-message .icon {
    margin-right: 10px
}

.pi-message__information {
    color: #333;
    padding: 4px 10px
}

.pi-message__information--heading {
    position: static;
    top: -10px;
    padding-top: 20px
}

.pi-message__information--heading .icon, .subheader-container .section-subheader .title-section a {
    color: #511e62
}

.pi-message__information--heading .pi-message__information--title {
    display: initial
}

.pi-message p {
    margin: 0
}

.pi-message__emergency {
    background-color: #f8f7f6;
    color: #511e62;
    padding: 4px 10px
}

.pi-message-nudges {
    min-width: 200px;
    display: inline-block
}

.pi-message-nudges__new-hotel {
    background-color: #511e62
}

.pi-message-nudges__few-rooms:before, .pi-message-nudges__new-hotel:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    top: -6px;
    border-top: 0;
    border-bottom: 6px solid #511e62;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.pi-message-nudges__few-rooms {
    background-color: #fcbe66
}

.pi-message-nudges__few-rooms:before {
    border-bottom: 6px solid #fcbe66
}

.pi-message__error {
    background-color: #cd0325;
    padding: 2px 0
}

.pi-message__full-booked, .pi-message__full-booked a {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-style: normal
}

.pi-message__full-booked {
    width: 100%;
    display: block;
    background-color: #f8f7f6;
    border: 1px solid #fef9ec;
    padding: 17px 0;
    border-radius: 0;
    color: #511e62;
    font-weight: 700
}

.pi-message__full-booked a {
    font-weight: 400
}

.pi-flag {
    padding: 2px 4px;
    border-radius: 4px;
    color: #fff;
    background-color: #333;
    white-space: nowrap
}

.pi-flag--new-hotel {
    color: #fff;
    background-color: #9f78a3
}

.pi-flag--new-bed, .pi-flag--new-room {
    color: #fff;
    background-color: #b597b8
}

.pi-flag--few-rooms {
    color: #da3c21;
    background-color: #fff
}

.pi-flag--opening-soon {
    color: #fff;
    background-color: #9f78a3
}

.pi-alert, .pi-warning {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-alert {
    color: #da3c21
}

.pi-warning {
    line-height: 1.2em;
    position: relative;
    padding-left: 25px
}

.pi-warning .icon {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -2px
}

.scroller__scrollarea {
    float: left;
    position: relative;
    top: 0;
    transition: top .6s ease-in-out
}

.pi-loader {
    position: fixed;
    z-index: 1;
    height: 400px;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../../../content/dam/pi/websites/desktop/common/rgba_ffffff_80.png);
    background: rgba(255, 255, 255, .75)
}

.pi-loader .pi-loader__icon, .pi-loader .pi-loader__icon--page {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    margin: auto
}

.pi-loader__icon {
    top: 0;
    bottom: 0
}

.pi-loader__icon--page {
    top: 95px;
    bottom: auto
}

.pi-results .pi-loader {
    position: absolute;
    height: 100%
}

.pi-banner {
    position: relative;
    margin-bottom: 20px;
    background-color: #f2f2f2;
    border: 1px solid #ddd
}

.pi-banner .wb-notification {
    padding-left: 0
}

.pi-banner .wb-notification-icon:before, .unsubscribe-component .ouro > span.left {
    left: 0
}

.pi-banner .wb-notification-header {
    margin-left: 30px;
    margin-top: -5px
}

.pi-banner .wb-notification-text {
    margin-left: 30px
}

.pi-banner-searchResults {
    position: fixed;
    width: 940px;
    margin-top: 115px
}

.pi-banner-searchResults-searchOpen {
    margin-top: 363px
}

.pi-banner-searchResults-searchOpenAndCookies {
    margin-top: 412px
}

.pi-banner-searchResults-searchOpenAndQuicklinks {
    margin-top: 575px
}

.pi-banner-searchResults-searchOpenAndLanguages {
    margin-top: 540px
}

.pi-banner-searchResults-searchOpenCookiesAndQuicklinks {
    margin-top: 623px
}

.pi-banner-searchResults-searchOpenCookiesAndLanguages {
    margin-top: 568px
}

.pi-banner-searchResults-roomCountTwo {
    margin-top: 452px
}

.pi-banner-searchResults-roomCountTwoCookies {
    margin-top: 500px
}

.pi-banner-searchResults-roomCountTwoQuicklink {
    margin-top: 657px
}

.pi-banner-searchResults-roomCountTwoQuicklinkCookies {
    margin-top: 705px
}

.pi-banner-searchResults-roomCountTwoLanguage {
    margin-top: 624px
}

.pi-banner-searchResults-roomCountTwoLanguageCookies {
    margin-top: 652px
}

.pi-banner-searchResults-roomCountThree {
    margin-top: 524px
}

.pi-banner-searchResults-roomCountThreeCookies {
    margin-top: 576px
}

.pi-banner-searchResults-roomCountThreeQuicklink {
    margin-top: 733px
}

.pi-banner-searchResults-roomCountThreeQuicklinkCookies {
    margin-top: 781px
}

.pi-banner-searchResults-roomCountThreeLanguage {
    margin-top: 698px
}

.pi-banner-searchResults-roomCountThreeLanguageCookies {
    margin-top: 728px
}

.pi-banner-searchResults-roomCountFour {
    margin-top: 607px
}

.pi-banner-searchResults-roomCountFourCookies {
    margin-top: 655px
}

.pi-banner-searchResults-roomCountFourQuicklink {
    margin-top: 822px
}

.pi-banner-searchResults-roomCountFourQuicklinkCookies {
    margin-top: 870px
}

.pi-banner-searchResults-roomCountFourLanguage {
    margin-top: 787px
}

.pi-banner-searchResults-roomCountFourLanguageCookies {
    margin-top: 817px
}

.pi-banner-searchResults-smallSearch {
    margin-top: 320px
}

.pi-banner-searchResults-smallSearchCookies {
    margin-top: 368px
}

.pi-banner-searchResults-smallSearchQuicklink {
    margin-top: 535px
}

.pi-banner-searchResults-smallSearchQuicklinkCookies {
    margin-top: 583px
}

.pi-banner-searchResults-smallSearchLanguage {
    margin-top: 500px
}

.pi-banner-searchResults-smallSearchLanguageCookies {
    margin-top: 530px
}

.pi-banner__close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #511e62;
    cursor: pointer
}

.pi-banner__close:hover {
    text-decoration: none
}

.pi-banner__content {
    margin: 10px 5px;
    padding-left: 0 !important;
    text-align: center;
    color: #58595b
}

.pi-banner__content__fullybooked {
    margin: 10px 5px -5px
}

.pi-banner__content p {
    margin-bottom: 15px
}

.pi-banner__content a {
    color: #58595b
}

.pi-banner--upsell {
    background-color: #008fa8;
    border: 1px solid #008fa8
}

.pi-banner--price-sort {
    background-color: #e9e0ea;
    border: 1px solid #e2d6e3
}

.pi-banner--price-sort:before {
    content: "";
    position: absolute;
    left: 150px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-bottom: 0;
    border-top: 12px solid #e9e0ea;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.pi-banner__important-messages {
    background-color: #fff;
    border: 0;
    width: 100%
}

@media (min-width: 48em) {
    .pi-banner__important-messages {
        width: 70%
    }
}

.pi-banner__important-messages .wb-notification__unhousedinfo {
    color: #333
}

.pi-banner__important-messages h3 {
    line-height: inherit
}

.pi-banner__restrictions .pi-banner__content {
    display: block;
    margin: 15px auto
}

.wb-notification-icon__restrictions {
    max-width: 945px
}

.wb-notification-container {
    padding: 0 20px
}

.nav {
    list-style: none;
    margin-left: 0
}

.nav > li, .nav > li > a {
    display: inline-block;
    *display: inline;
    zoom: 1
}

.breadcrumb > li + li:before {
    content: "\00BB" "\00A0"
}

.breadcrumb--path > li + li:before {
    content: "\002F" "\00A0"
}

.breadcrumb > li + li[data-breadcrumb]:before {
    content: attr(data-breadcrumb) " "
}

.breadcrumb__root {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.breadcrumbs {
    color: #333;
    position: relative;
    padding: 10px 0
}

.breadcrumbs .container {
    width: initial
}

.breadcrumbs.responsive {
    color: #58595b;
    background-color: transparent
}

.breadcrumbs a {
    text-decoration: none;
    color: #333
}

.breadcrumbs ol, .pi-cookie-notice__description p {
    margin-bottom: 0
}

.breadcrumbs--current {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-image {
    margin-bottom: 20px;
    max-width: 100%
}

.pi-image__wrap {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.pi-image img {
    display: block;
    max-width: 100%
}

.pi-image__credit {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    color: #fff;
    background: url(../../../content/dam/pi/websites/desktop/common/rgba_000000_30.png);
    background: rgba(51, 51, 51, .3)
}

.pi-image:hover .pi-image__credit {
    display: block
}

.pi-image--rounded img {
    border-radius: 7px
}

.pi-image--rounded .pi-image__credit {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.pi-image.float--left {
    margin-right: 20px
}

.pi-image.float--right {
    margin-left: 20px
}

.pi-cookie-notice {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 4
}

.pi-cookie-notice__container {
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 16px
}

@media (min-width: 36em) {
    .pi-cookie-notice__container {
        padding: 16px 19px
    }
}

@media (min-width: 48em) {
    .pi-cookie-notice__container {
        padding: 16px 24px
    }
}

@media (min-width: 80em) {
    .pi-cookie-notice__container {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 25px 29px
    }
}

@media (min-width: 90em) {
    .pi-cookie-notice__container {
        padding: 25px 66px
    }
}

.pi-cookie-notice__description {
    color: #fff;
    font-size: 1rem
}

@media (min-width: 80em) {
    .pi-cookie-notice__description {
        max-width: 1015px
    }
}

@media (min-width: 90em) {
    .pi-cookie-notice__description {
        max-width: 1084px
    }
}

.pi-cookie-notice__description a {
    text-decoration: underline;
    font-weight: 600;
    color: #fff
}

.pi-cookie-notice__description h1, .pi-cookie-notice__description h2, .pi-cookie-notice__description h3, .pi-cookie-notice__description h4, .pi-cookie-notice__description h5, .pi-cookie-notice__description h6 {
    color: #fff
}

.pi-cookie-notice__controls {
    color: #fff;
    margin: 16px 0 16px auto;
    float: right;
    width: 100%
}

@media (min-width: 80em) {
    .pi-cookie-notice__controls {
        float: none;
        width: auto;
        margin: 0 0 0 auto
    }
}

.pi-cookie-notice__controls .wb-btn, .pi-cookie-notice__controls .wb-form-item .wb-form-item__field > i, .wb-form-item .pi-cookie-notice__controls .wb-form-item__field > i {
    width: 100%;
    height: 40px;
    padding: 0
}

@media (min-width: 36em) {
    .pi-cookie-notice__controls .wb-btn, .pi-cookie-notice__controls .wb-form-item .wb-form-item__field > i, .wb-form-item .pi-cookie-notice__controls .wb-form-item__field > i {
        width: 193px;
        float: right
    }
}

@media (min-width: 48em) {
    .pi-cookie-notice__controls .wb-btn, .pi-cookie-notice__controls .wb-form-item .wb-form-item__field > i, .wb-form-item .pi-cookie-notice__controls .wb-form-item__field > i {
        width: 161px
    }
}

@media (min-width: 80em) {
    .pi-cookie-notice__controls .wb-btn, .pi-cookie-notice__controls .wb-form-item .wb-form-item__field > i, .wb-form-item .pi-cookie-notice__controls .wb-form-item__field > i {
        width: 198px
    }
}

.unsubscribe-component {
    text-align: center;
    padding: 2rem 0
}

.unsubscribe-component h4 {
    max-width: 680px;
    margin: 0 auto 2rem;
    width: 80%
}

@media (min-width: 48em) {
    .unsubscribe-component {
        padding: 6rem 0
    }
}

@media (min-width: 80em) {
    .unsubscribe-component {
        padding: 10rem 0
    }
}

.unsubscribe-component__overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 9000
}

.unsubscribe-component .loading {
    width: 96px;
    height: 96px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9000;
    background-color: transparent
}

.unsubscribe-component .loading .spacer {
    height: 20%
}

.unsubscribe-component .ouro {
    position: relative;
    display: inline-block;
    height: 96px;
    width: 96px;
    margin: -48px 0 0 -48px;
    border-radius: 50%;
    overflow: hidden
}

.unsubscribe-component .ouro:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    height: 56px;
    width: 56px;
    background: 0 0 #511e62;
    border-radius: 50%
}

.unsubscribe-component .ouro .anim {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 999px;
    background: 0 0 #ab50c9;
    -webkit-animation: ui-spinner-rotate-left 2s infinite;
    animation: ui-spinner-rotate-left 2s infinite;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.unsubscribe-component .ouro > span {
    position: absolute;
    height: 100%;
    width: 50%;
    overflow: hidden
}

.unsubscribe-component .ouro > span.left .anim {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.unsubscribe-component .ouro > span.right {
    left: 50%
}

.unsubscribe-component .ouro > span.right .anim {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: -100%;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0
}

.subheader-container {
    z-index: 1;
    max-height: 31px;
    background-color: #f0f2f2;
    margin-bottom: 3px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transition: max-height .6s ease-in-out
}

.subheader-container-inner {
    max-width: 1124px;
    margin: auto;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.subheader-container:hover {
    max-height: 800px
}

.subheader-container .subheader-line {
    position: absolute;
    top: 32px;
    width: 100%;
    background: #ccc;
    height: 1px
}

.subheader-container .section-subheader {
    text-decoration: none;
    width: 25%;
    cursor: pointer;
    padding-left: 16px;
    list-style: none;
    padding-bottom: 24px;
    transition: background-color .6s
}

.subheader-container .section-subheader:hover {
    background-color: #fff
}

.subheader-container .section-subheader .title-section {
    padding-top: 8px;
    font-size: .875rem
}

.subheader-container .section-subheader .title-section p {
    font-weight: 400;
    color: #511e62;
    transition: font-weight .6s ease-in-out
}

.subheader-container .section-subheader .sub-title {
    font-weight: 700;
    font-size: .875rem;
    margin-top: 26px
}

.subheader-container .section-subheader a {
    text-decoration: none;
    color: #58595b
}

.new-footer .list-links .title-list-container ul li a:hover, .subheader-container .section-subheader a:hover {
    text-decoration: underline
}

@media (max-width: 576px) {
    .subheader-container {
        display: none
    }
}

.hide-until-ready {
    padding-top: 1000px
}

.show-when-ready {
    padding-top: 0
}

.footer-navigation {
    height: 54px;
    background-color: #6c3072
}

.footer-navigation--active, .footertabs.is-active .tabset__nav li.is-selected {
    background-color: #6c3072;
    background-image: none
}

.footer-navigation--active:before, .footertabs.is-active .tabset__nav li.is-selected:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-bottom: 0;
    border-top: 16px solid #6c3072;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.footer-navigation .tabset__nav li {
    color: #fff;
    background-image: url(../../../content/dam/pi/websites/desktop/footer/footer_navigation_seperator.png);
    background-repeat: no-repeat;
    background-position: center left;
    transition: background .3s ease
}

.footer-navigation .tabset__nav li.is-selected:before {
    content: " ";
    border: 0
}

.footer-navigation .tabset__nav li a {
    background-color: transparent;
    color: #fff;
    padding: 15px
}

.footer-navigation .tabset__nav li:hover {
    background-color: #511e62;
    background-image: none
}

.footer-navigation .tabset__nav li:hover + li {
    background-image: none
}

.footer-duallinks li:first-child, .footer-navigation li:first-child {
    background-image: none
}

.footer-navigation__description {
    color: #58595b;
    margin-bottom: 12px
}

.footer-duallinks a, .footer-navigation__description--white {
    color: #fff
}

.footer-navigation__header {
    color: #6c3072
}

.footer-duallinks__header .icon, .footer-navigation__header .icon, .pi-hero__roundel--ul .roundel-link a span, .pi-homepage-hero__roundel--ul .roundel-link a span {
    margin-right: 5px
}

.footer-navigation__header--white {
    color: #fff;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.footer-navigation__image--roundedborder {
    border-radius: 8px
}

.footer-duallinks {
    background-color: #6c3072;
    color: #fff;
    position: relative
}

.footer-duallinks__description {
    color: #58595b;
    margin-bottom: 12px
}

.footer-bottom a, .footer-duallinks__description--white, .footer-duallinks__header--white {
    color: #fff
}

.footer-duallinks__image--roundedborder {
    border-radius: 8px
}

.footertabs.is-active {
    border-bottom: 6px solid #6c3072
}

.footertabs .pi-list li a {
    color: #511e62
}

.footertabs .pi-list li .icon--arrow-right {
    font-size: 14px;
    color: #511e62
}

.footerduallinks .footer-duallinks .footerlinks {
    float: left;
    width: 205px
}

.footertabs-content {
    margin-top: 5px
}

.download-text {
    color: #511e62;
    width: 91px;
    line-height: 22px
}

.footer-bottom {
    color: #fff;
    background-color: #511e62;
    padding: 0;
    position: relative
}

.footer-bottom .gdpr-information {
    padding: 18px 0
}

.footer-bottom .pi-list--icon {
    margin-top: 24px
}

.footer-bottom .pi-list--icon li {
    line-height: 25px
}

.new-footer {
    margin: 0 auto
}

.new-footer--links-wrapper {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    max-width: calc(1440px - 80px)
}

@media (min-width: 48em) {
    .new-footer--links-wrapper {
        padding: 0 28px
    }

    .new-footer--links-wrapper .list-links.close .pi-list {
        display: block
    }
}

.new-footer .new-footer--single-title > div:nth-child(1).list-links.close {
    display: block
}

@media (max-width: 767px) {
    .new-footer .new-footer--single-title > div:nth-child(1).list-links .title-list-container ul {
        margin: 10px 0 0
    }
}

@media (min-width: 48em) {
    .new-footer .new-footer--single-title > div:nth-child(1).list-links {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .new-footer .new-footer--single-title .list-links {
        border-bottom: none
    }

    .new-footer .new-footer--single-title .list-links.close {
        display: none
    }

    .new-footer .new-footer--single-title .list-links .title-list-container ul {
        margin: 27px 0 0
    }
}

@media (min-width: 48em) {
    .new-footer .new-footer--single-title .list-links {
        margin-top: 20px
    }

    .new-footer .new-footer--single-title .list-links .container-clickable-area {
        display: none
    }

    .new-footer .new-footer--single-title .list-links .title-list-container ul {
        margin: 0
    }
}

.new-footer .separation-line {
    border-top: solid 1px #e0e0e0;
    margin-top: 10px;
    margin-bottom: 25px
}

@media (min-width: 36em) {
    .new-footer .separation-line {
        margin-top: 20px
    }
}

.new-footer .separation-line--footerlinks1 {
    border-top: solid 1px #979797
}

@media (max-width: 767px) {
    .new-footer .separation-line--footerlinks1 {
        margin-bottom: 0
    }
}

.new-footer .separation-line--footerlinks2 {
    display: none;
    margin-top: 0
}

@media (min-width: 48em) {
    .new-footer .separation-line--footerlinks2 {
        display: block
    }
}

.new-footer .separation-line--last {
    margin-top: 50px;
    margin-bottom: 15px
}

@media (min-width: 48em) {
    .new-footer .separation-line--last {
        margin-top: 60px;
        margin-bottom: 15px;
        display: block
    }
}

.new-footer .separation-line--newsletters-signup {
    margin: 0
}

.new-footer .list-links {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    padding: 0
}

@media (min-width: 48em) {
    .new-footer .list-links {
        width: 215px;
        border: 0
    }
}

.new-footer .list-links:last-child {
    width: 100%
}

@media (min-width: 48em) {
    .new-footer .list-links:last-child {
        width: auto
    }
}

@media (max-width: 767px) {
    .new-footer .list-links {
        padding: 8px 15px 14px 24px
    }
}

@media (max-width: 576px) {
    .new-footer .list-links {
        padding: 8px 9px 14px 18px
    }
}

@media (max-width: 320px) {
    .new-footer .list-links {
        padding: 8px 7px 14px 16px
    }
}

.new-footer .list-links .title-list-container .wb-icon_arrow-up {
    font-size: 32px;
    cursor: pointer;
    position: relative
}

.new-footer .list-links .title-list-container .title-list {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    white-space: nowrap
}

@media (min-width: 48em) {
    .new-footer .list-links .title-list-container .title-list {
        margin-bottom: 10px
    }
}

.new-footer .list-links .title-list-container .show-hide-btn {
    display: block;
    color: #333
}

.new-footer .list-links .title-list-container ul {
    margin: 10px 0 0
}

@media (min-width: 48em) {
    .new-footer .list-links .title-list-container ul {
        margin: 0 0 30px
    }
}

.new-footer .list-links .title-list-container ul li {
    color: #58595b;
    list-style: none;
    margin-bottom: 3px;
    cursor: pointer
}

@media (min-width: 48em) {
    .new-footer .list-links .title-list-container ul li {
        margin-bottom: 5px
    }
}

.new-footer .list-links .title-list-container ul li a {
    font-size: .875rem;
    color: #333
}

.new-footer .list-links .title-list-container ul li a:active, .new-footer .list-links .title-list-container ul li a:link, .new-footer .list-links .title-list-container ul li a:visited {
    color: #333
}

.new-footer .list-links .title-list-container .container-clickable-area {
    cursor: pointer;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new-footer .list-links.open .title-list-container .show-hide-btn {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    top: 8px
}

.new-footer .list-links.open ul, .new-footer .list-links.top-location .container-clickable-area {
    height: 100%
}

.new-footer .list-links.close .title-list-container .show-hide-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.new-footer .list-links.close ul {
    height: 0;
    overflow: hidden
}

.new-footer .list-links.top-location, .new-footer .list-links.top-location .pi-list {
    margin-top: 0
}

.new-footer .list-links.top-location ~ .top-location .container-clickable-area {
    height: 0
}

.new-footer.author-mode .list-links {
    float: none
}

.new-footer--legal-social-wrapper {
    margin: 0 auto 20px;
    padding: 0 0 12px;
    width: 100%;
    max-width: calc(1440px - 82px);
    position: relative
}

@media (min-width: 36em) {
    .new-footer--legal-social-wrapper {
        margin: 0 15px 0 0;
        padding: 0 0 32px
    }
}

@media (min-width: 48em) {
    .new-footer--legal-social-wrapper {
        padding: 0 24px 32px
    }
}

@media (min-width: 90em) {
    .new-footer--legal-social-wrapper {
        padding: 0 24px 70px;
        margin: 0 auto
    }
}

.new-footer--legal-social-wrapper .footer-legend {
    font-size: .875rem;
    color: #333;
    margin-left: 16px
}

@media (min-width: 48em) {
    .new-footer--legal-social-wrapper .footer-legend {
        margin-left: 0
    }
}

.new-footer--legal-social-wrapper .cmp-footersociallinks {
    position: absolute;
    top: 18px;
    right: 24px
}

@media (max-width: 47.9375em) {
    .new-footer--legal-social-wrapper .cmp-footersociallinks {
        right: 24px
    }
}

@media (max-width: 36em) {
    .new-footer--legal-social-wrapper .cmp-footersociallinks {
        right: 18px
    }
}

@media (max-width: 20em) {
    .new-footer--legal-social-wrapper .cmp-footersociallinks {
        right: 16px
    }
}

.branded__container .pi-tile .new-pi-hero__title a, .new-footer--legal-social-wrapper .cmp-footersociallinks a {
    text-decoration: none
}

.new-footer--legal-social-wrapper .cmp-footersociallinks__icon {
    margin-left: 10px
}

.new-footer--legal-social-wrapper .cmp-footersociallinks.author-mode {
    position: relative;
    top: 0;
    right: 0
}

.new-footer--legal-social-wrapper .separation-line--last {
    margin-bottom: 16px
}

.new-footer--newsletter-signup-wrapper {
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
    max-width: calc(1440px - 82px);
    position: relative
}

@media (max-width: 767px) {
    .new-footer--newsletter-signup-wrapper {
        margin: 0 15px 0 0;
        padding: 0
    }
}

.new-footer--newsletter-signup-wrapper .separation-line--newsletter-signup {
    margin-bottom: 0;
    border: 0
}

.new-footer--newsletter-signup-wrapper + .new-footer--legal-social-wrapper .separation-line--last, .newsletter-sign-up-modal div.wb-form-input-field__tooltip {
    margin-top: 0;
    margin-bottom: 14px
}

@media (min-width: 48em) {
    .new-footer--newsletter-signup-wrapper + .new-footer--legal-social-wrapper .separation-line--last {
        display: block
    }

    .new-footer .list-links.top-location ~ .top-location ul.pi-list {
        margin-top: 24px
    }

    .new-footer .list-links.top-location {
        margin-top: 0
    }

    .new-footer .list-links .title-list-container .title-list {
        float: none
    }

    .new-footer .list-links .title-list-container .show-hide-btn {
        display: none
    }

    .new-footer .list-links .title-list-container ul {
        height: 100%
    }

    .new-footer .list-links .title-list-container .container-clickable-area {
        cursor: default
    }
}

.editorial__item-details p .editorial__item-link, .editorial__item-details p a {
    font-weight: 600;
    color: #333;
    text-decoration: underline
}

.editorial__item-details p .editorial__item-link:hover, .editorial__item-details p a:hover {
    text-decoration: underline
}

.editorial__item-details p .editorial__item-link:active, .editorial__item-details p .editorial__item-link:link, .editorial__item-details p .editorial__item-link:visited, .editorial__item-details p a:active, .editorial__item-details p a:link, .editorial__item-details p a:visited, .newsletter-sign-up-modal .wb-notification-new-text a {
    color: #333
}

.tab-container, .tabbedcontainer {
    width: 100%
}

.tab-container .footer-new {
    padding: 16px 0;
    font-size: .875rem;
    line-height: 1.313rem;
    margin: 0 -6px;
    width: 100%
}

@media (min-width: 36em) {
    .tab-container .footer-new {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 48em) {
    .tab-container .footer-new {
        margin: 0 -28px
    }
}

@media (min-width: 80em) {
    .tab-container .footer-new {
        margin: 0
    }
}

.tab-container .footer-new__title {
    font-weight: 600;
    font-size: 1.4375rem;
    line-height: 1.75rem
}

.tab-container .footer-new__tabs {
    margin: 0 0 24px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

.tab-container .footer-new__tab-view {
    padding: 0 24px
}

@media (min-width: 80em) {
    .tab-container .footer-new__tab-view {
        padding: 0
    }
}

.tab-container .footer-new__tab-view--show {
    display: block
}

.tab-container .footer-new__tab-view--hide {
    display: none
}

.tab-container .footer-new__tab-button {
    background: 0 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #e0e0e0;
    text-align: center;
    min-width: 160px;
    padding: 16px;
    cursor: pointer;
    outline: 0;
    color: #58595b
}

@media (min-width: 36em) {
    .tab-container .footer-new__tab-button {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.tab-container .footer-new__tab-button:focus-visible {
    border: 2px solid #007aff
}

.tab-container .footer-new__tab-button:focus {
    border: 2px solid #007aff
}

.tab-container .footer-new__tab-button--active {
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #00798e
}

.tab-container .linkcontainer__title {
    width: 100%;
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 600
}

.tab-container .linkcontainer__intro {
    width: 100%;
    margin-bottom: 10px
}

.tab-container .linkcontainer__intro p {
    margin: 0;
    font-size: 14px
}

@media (min-width: 90em) {
    .tab-container .linkcontainer__intro p {
        font-size: 1rem
    }
}

.tab-container .linkcontainer.notitle .itemscontainer__list-link {
    margin-bottom: 0
}

@media (min-width: 36em) {
    .tab-container .linkcontainer.notitle .itemscontainer__list-link {
        margin-bottom: 10px
    }
}

.tab-container .itemscontainer__wrapper {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tab-container .itemscontainer__wrapper .itemscontainer, input, select {
    width: 100%
}

@media (min-width: 36em) {
    .tab-container .itemscontainer__wrapper .itemscontainer {
        width: 49%
    }
}

@media (min-width: 48em) {
    .tab-container .itemscontainer__wrapper .itemscontainer {
        width: 33%
    }
}

@media (min-width: 80em) {
    .tab-container .itemscontainer__wrapper .itemscontainer {
        width: 16%
    }
}

.tab-container .itemscontainer__wrapper .itemscontainer__list-link {
    margin: 0
}

.tab-container .itemscontainer__wrapper .itemscontainer__list-link .itemscontainer__link {
    list-style-type: none
}

.tab-container .itemscontainer__wrapper .itemscontainer__list-link .itemscontainer__link a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 1.43
}

.tab-container .itemscontainer__wrapper .itemscontainer__title {
    display: block;
    font-size: 1rem;
    margin: 10px 0;
    font-weight: 600
}

@media (min-width: 320px) {
    .xs-col, .xs-col-right {
        float: left;
        box-sizing: border-box
    }

    .xs-col-right {
        float: right
    }

    .xs-col-1 {
        width: 8.33333%
    }

    .xs-col-2 {
        width: 16.66667%
    }

    .xs-col-3 {
        width: 25%
    }

    .xs-col-4 {
        width: 33.33333%
    }

    .xs-col-5 {
        width: 41.66667%
    }

    .xs-col-6 {
        width: 50%
    }

    .xs-col-7 {
        width: 58.33333%
    }

    .xs-col-8 {
        width: 66.66667%
    }

    .xs-col-9 {
        width: 75%
    }

    .xs-col-10 {
        width: 83.33333%
    }

    .xs-col-11 {
        width: 91.66667%
    }

    .xs-col-12 {
        width: 100%
    }
}

.wb-tooltip-text {
    text-align: left
}

.newsletter-sign-up-modal__confirmation-button {
    margin-bottom: 24px;
    background-color: #00798e;
    border: 1px solid #00798e;
    color: #fff
}

.newsletter-sign-up-modal__container {
    max-width: 100%
}

@media (min-width: 36em) {
    .newsletter-sign-up-modal__container {
        max-width: 400px;
        margin: auto
    }
}

#newsletter-error-notification, div.wb-new-select {
    margin-bottom: 32px
}

.newsletter-sign-up-modal {
    text-align: center
}

.newsletter-sign-up-modal .wb-notification-new {
    box-sizing: border-box;
    width: auto;
    padding: 16px 40px 16px 16px;
    position: relative;
    color: #333;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #007fab
}

.newsletter-sign-up-modal .wb-notification-new p:last-child {
    margin-bottom: 0
}

.newsletter-sign-up-modal .wb-notification-new--medium {
    max-width: 100%
}

@media (min-width: 48em) {
    .newsletter-sign-up-modal .wb-notification-new--medium {
        max-width: 70%
    }
}

.newsletter-sign-up-modal .wb-notification-new-icon {
    display: block;
    float: left
}

.newsletter-sign-up-modal .wb-notification-new-content {
    margin-left: 24px;
    display: block
}

.newsletter-sign-up-modal .wb-notification-new-header {
    font-weight: 600
}

.newsletter-sign-up-modal .wb-notification-new-text {
    vertical-align: top
}

.newsletter-sign-up-modal .wb-notification-new-dismiss {
    position: absolute;
    display: block;
    top: 16px;
    right: 16px
}

.newsletter-sign-up-modal .wb-notification-new > .wb-notification-new-dismiss {
    left: unset
}

.newsletter-sign-up-modal .wb-notification-new__alert {
    background-color: #feefd9;
    border: solid 1px #d73d0066
}

.newsletter-sign-up-modal .wb-notification-new__error {
    background-color: #fbe6ec;
    border: solid 1px #d9094166
}

.newsletter-sign-up-modal .wb-notification-new__info {
    background-color: #e5f2f6;
    border: solid 1px #007fab66
}

.newsletter-sign-up-modal .wb-notification-new__success {
    background-color: #e8f3ed;
    border: solid 1px #1c875466
}

.newsletter-sign-up-modal .wb-notification-new__accessible-alt {
    background-color: #fff;
    border: solid 1px #ddd
}

.newsletter-sign-up-modal .wb-form-input-field {
    position: relative
}

.newsletter-sign-up-modal .wb-form-input-field .wb-icon-left + input {
    padding-left: 53px
}

.newsletter-sign-up-modal .wb-form-input-field .wb-icon-right + input {
    padding-right: 53px
}

.newsletter-sign-up-modal .wb-form-input-field input {
    padding: 16px;
    border-radius: 4px;
    font-size: 1rem;
    height: 56px;
    width: 100%;
    border: 1px solid #979797
}

.newsletter-sign-up-modal .wb-form-input-field input[readonly] {
    cursor: pointer
}

.newsletter-sign-up-modal .wb-form-input-field input:placeholder-shown + .label {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 1rem;
    color: #58595b;
    line-height: 1.5rem
}

.newsletter-sign-up-modal .wb-form-input-field input:active, .newsletter-sign-up-modal .wb-form-input-field input:focus {
    outline: 0
}

.newsletter-sign-up-modal .wb-form-input-field input:hover {
    border: 1px solid #333
}

.newsletter-sign-up-modal .wb-form-input-field input:focus + .label {
    color: #00798e;
    top: -8px;
    left: 16px;
    background: #fff;
    transition: .2s;
    pointer-events: none;
    padding-left: 4px;
    padding-right: 4px;
    font-size: .875rem;
    line-height: 1.5rem
}

@media (min-width: 36em) {
    .newsletter-sign-up-modal .wb-form-input-field input {
        box-shadow: none;
        background-color: transparent
    }

    .newsletter-sign-up-modal .wb-form-input-field input:active, .newsletter-sign-up-modal .wb-form-input-field input:focus {
        border: 2px solid #00798e;
        border-radius: 4px
    }
}

.newsletter-sign-up-modal .wb-form-input-field input + .label {
    color: #333;
    position: absolute;
    top: -8px;
    left: 16px;
    background: #fff;
    transition: .2s;
    pointer-events: none;
    padding-left: 4px;
    padding-right: 4px;
    font-size: .875rem;
    line-height: 1.5rem
}

.newsletter-sign-up-modal .wb-form-input-field input + .label:disabled {
    color: #979797
}

.newsletter-sign-up-modal .wb-form-input-field input:active, .newsletter-sign-up-modal .wb-form-input-field input:focus, .wb-new-select button:focus, .wb-new-select--small button:focus {
    border: 2px solid #00798e
}

.newsletter-sign-up-modal .wb-form-input-field input:disabled {
    border: 1px solid #ccc;
    background: #fff;
    cursor: not-allowed
}

.newsletter-sign-up-modal .wb-form-input-field input:disabled + .label {
    top: 16px;
    font-size: 1rem;
    color: #979797;
    padding: 0;
    transition: none
}

.newsletter-sign-up-modal .wb-form-input-field input::-webkit-calendar-picker-indicator {
    display: none
}

.newsletter-sign-up-modal .wb-form-input-field--helper-text {
    width: 272px;
    height: 16px;
    font-size: 13px;
    line-height: 1.23;
    color: #333;
    margin-left: 16px;
    margin-top: 6px
}

.newsletter-sign-up-modal .wb-form-input-field__error input {
    border: 1px solid #d90941
}

.newsletter-sign-up-modal .wb-form-input-field__error input + .label, .newsletter-sign-up-modal .wb-form-input-field__error input ~ .wb-form-input-field--helper-text {
    color: #d90941
}

.newsletter-sign-up-modal .wb-form-input-field__error input:active, .newsletter-sign-up-modal .wb-form-input-field__error input:focus, .newsletter-sign-up-modal .wb-form-input-field__error input:hover {
    border: 1px solid #d90941
}

.newsletter-sign-up-modal .wb-form-input-field__error input:active + .label, .newsletter-sign-up-modal .wb-form-input-field__error input:focus + .label, .newsletter-sign-up-modal .wb-form-input-field__error input:hover + .label {
    color: #d90941
}

.newsletter-sign-up-modal .wb-form-input-field__tooltip {
    margin-top: 13px
}

.newsletter-sign-up-modal .wb-form-input-field .wb-icon-left, .newsletter-sign-up-modal .wb-form-input-field .wb-icon-right {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    pointer-events: none
}

.newsletter-sign-up-modal .wb-form-input-field .wb-icon-left {
    left: 16px
}

.newsletter-sign-up-modal .wb-form-input-field .wb-icon-right {
    right: 16px
}

.newsletter-sign-up-modal .wb-tooltip {
    box-sizing: border-box;
    width: auto;
    padding: 8px;
    position: relative;
    color: #fff;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: 3px;
    min-width: 288px;
    max-width: 320px
}

.newsletter-sign-up-modal .wb-tooltip-icon {
    display: block;
    float: left
}

.newsletter-sign-up-modal .wb-tooltip-content {
    margin-left: 24px;
    display: block
}

.editorial b, .editorial strong, .hotel-details__distance-from h6 strong, .milli b, .newsletter-sign-up-modal .wb-tooltip-header, strong {
    font-weight: 600
}

.newsletter-sign-up-modal .wb-tooltip-text {
    vertical-align: top
}

.newsletter-sign-up-modal .wb-tooltip-text .wb-a, .newsletter-sign-up-modal .wb-tooltip-text .wb-radio__inner .wb-radio__label__inner-link, .wb-radio__inner .newsletter-sign-up-modal .wb-tooltip-text .wb-radio__label__inner-link {
    color: #333
}

.newsletter-sign-up-modal .wb-tooltip__alert {
    background-color: #d73d00
}

.newsletter-sign-up-modal .wb-tooltip__error {
    background-color: #d90941
}

.newsletter-sign-up-modal .wb-tooltip__info {
    background-color: #007fab
}

.newsletter-sign-up-modal .wb-tooltip__success {
    background-color: #1c8754
}

.newsletter-sign-up-modal .wb-tooltip__accessible {
    background-color: #fff;
    border: solid 1px #ddd;
    color: #333
}

.newsletter-sign-up-modal .wb-tooltip__facilities {
    background-color: #fff;
    border: solid 1px #007fab;
    color: #333;
    box-shadow: 0 2px 4px 0 #ccc
}

.newsletter-sign-up-modal .wb-tooltip__alert-light {
    background-color: #feefd9;
    color: #333;
    max-width: 100%
}

.newsletter-sign-up-modal .wb-tooltip__error-light {
    background-color: #fbe6ec;
    color: #333;
    max-width: 100%
}

.newsletter-sign-up-modal .wb-tooltip__info-light {
    background-color: #e5f2f6;
    color: #333;
    max-width: 100%
}

.newsletter-sign-up-modal .wb-tooltip__success-light {
    background-color: #e8f3ed;
    color: #333;
    max-width: 100%
}

.newsletter-sign-up-modal .wb-tooltip__chevron--top {
    top: 2px;
    left: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.newsletter-sign-up-modal .wb-tooltip__chevron--left {
    top: 16px;
    left: -16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.newsletter-sign-up-modal .wb-tooltip__chevron--bottom {
    bottom: 2px;
    left: -3px;
    -webkit-transform: translateY(100%) rotate(-135deg);
    transform: translateY(100%) rotate(-135deg)
}

.newsletter-sign-up-modal .wb-tooltip__chevron--right {
    top: 41px;
    right: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.newsletter-sign-up-modal .wb-tooltip__alert > .wb-tooltip__chevron:after {
    background: #d73d00
}

.newsletter-sign-up-modal .wb-tooltip__error > .wb-tooltip__chevron:after {
    background: #d90941
}

.newsletter-sign-up-modal .wb-tooltip__info > .wb-tooltip__chevron:after {
    background: #007fab
}

.newsletter-sign-up-modal .wb-tooltip__success > .wb-tooltip__chevron:after {
    background: #1c8754
}

.newsletter-sign-up-modal .wb-tooltip__accessible > .wb-tooltip__chevron:after, .newsletter-sign-up-modal .wb-tooltip__facilities > .wb-tooltip__chevron:after {
    background: #fff
}

.newsletter-sign-up-modal .wb-tooltip__alert-light > .wb-tooltip__chevron:after {
    background: #feefd9
}

.newsletter-sign-up-modal .wb-tooltip__error-light > .wb-tooltip__chevron:after {
    background: #fbe6ec
}

.newsletter-sign-up-modal .wb-tooltip__info-light > .wb-tooltip__chevron:after {
    background: #e5f2f6
}

.newsletter-sign-up-modal .wb-tooltip__success-light > .wb-tooltip__chevron:after {
    background: #e8f3ed
}

.newsletter-sign-up-modal .wb-tooltip__accessible > .wb-tooltip__chevron {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom-left-radius: 12px
}

.newsletter-sign-up-modal .wb-tooltip__facilities > .wb-tooltip__chevron {
    border-top: 1px solid #007fab;
    border-left: 1px solid #007fab;
    padding: 8px 0 13px
}

.newsletter-sign-up-modal .wb-tooltip__chevron {
    width: 18px;
    position: absolute;
    padding-bottom: 15%;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    z-index: -1
}

.newsletter-sign-up-modal .wb-tooltip__chevron:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: inherit;
    transform-origin: inherit;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden
}

.newsletter-sign-up-modal .wb-tooltip .wb-tooltip__chevron-outline:before, .wb-tooltip .newsletter-sign-up-modal .wb-tooltip__chevron-outline:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: linear-gradient(to bottom right, #fff 50%, transparent 0);
    border-radius: 3px 0 0 0
}

.newsletter-sign-up-modal .wb-tooltip .wb-tooltip__chevron-outline--top:before, .wb-tooltip .newsletter-sign-up-modal .wb-tooltip__chevron-outline--top:before {
    left: 1px;
    top: 0;
    width: 55px;
    height: 12px
}

.newsletter-sign-up-modal .wb-tooltip .wb-tooltip__chevron-outline--left:before, .wb-tooltip .newsletter-sign-up-modal .wb-tooltip__chevron-outline--left:before {
    left: -6px;
    top: 21px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
    height: 14px
}

.newsletter-sign-up-modal .wb-tooltip .wb-tooltip__chevron-outline--bottom:before, .wb-tooltip .newsletter-sign-up-modal .wb-tooltip__chevron-outline--bottom:before {
    left: 21.5px;
    bottom: -6px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    width: 13px;
    height: 15px
}

.newsletter-sign-up-modal .wb-tooltip .wb-tooltip__chevron-outline--right:before, .wb-tooltip .newsletter-sign-up-modal .wb-tooltip__chevron-outline--right:before {
    right: -5px;
    top: 20px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 13px;
    height: 15px
}

.newsletter-sign-up-modal__header {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 24px 0 16px;
    font-weight: 600
}

.newsletter-sign-up-modal__tooltip {
    margin-top: 0 !important
}

.newsletter-sign-up-modal .wb-form-input-field {
    margin-bottom: 22px
}

.newsletter-sign-up-modal__description {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 32px
}

.newsletter-sign-up-modal__input {
    box-sizing: border-box;
    margin-bottom: 10px
}

.newsletter-sign-up-modal__button {
    width: 100%
}

.wb-new-select, .wb-new-select--small {
    position: relative;
    text-align: left
}

.wb-new-select .new-select-placeholder, .wb-new-select--small .new-select-placeholder {
    color: #58595b
}

.wb-new-select [role=listbox], .wb-new-select--small [role=listbox] {
    padding: 0;
    box-shadow: 0 2px 12px 0 #ccc;
    border: solid 1px #ddd;
    background-color: #fff;
    cursor: pointer;
    border-radius: 4px;
    outline: 0;
    margin-top: -6px;
    margin-bottom: 0;
    z-index: 1;
    max-height: 165px;
    overflow: scroll
}

.wb-new-select [role=listbox]:hover li, .wb-new-select--small [role=listbox]:hover li {
    background-color: #fff
}

.wb-new-select [role=listbox]:hover li:hover, .wb-new-select [role=option].focused, .wb-new-select--small [role=listbox]:hover li:hover, .wb-new-select--small [role=option].focused {
    background-color: #f8f8f8
}

.wb-new-select button, .wb-new-select--small button {
    padding: 16px 10px 16px 16px;
    border-radius: 4px;
    font-size: 1rem;
    height: 56px;
    outline: 0;
    width: 100%;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    cursor: pointer;
    border: solid 1px #333;
    color: #333
}

.wb-new-select button:focus ~ .wb-new-select__label, .wb-new-select--small button:focus ~ .wb-new-select__label {
    color: #00798e
}

.wb-new-select button:focus:after, .wb-new-select--small button:focus:after {
    background-position: 0 0
}

.wb-new-select button[aria-expanded=true], .wb-new-select--small button[aria-expanded=true] {
    border: 2px solid #00798e
}

.pi-promise.theme--dark em, .wb-new-select button[aria-expanded=true] ~ .wb-new-select__label, .wb-new-select--small button[aria-expanded=true] ~ .wb-new-select__label {
    color: #00798e
}

.wb-new-select button[aria-expanded=true]:after, .wb-new-select--small button[aria-expanded=true]:after {
    background-position: 0 -24px
}

.wb-new-select ul, .wb-new-select--small ul {
    position: absolute;
    width: 100%;
    margin: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.wb-new-select [role=option], .wb-new-select--small [role=option] {
    position: relative;
    display: block;
    font-size: .875rem;
    line-height: 1.71;
    color: #333;
    height: 40px;
    padding: 8px 16px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 2
}

.wb-new-select .hidden, .wb-new-select--small .hidden {
    visibility: hidden;
    max-height: 0
}

.wb-new-select--small__helper-text, .wb-new-select__helper-text {
    font-size: .8125rem;
    line-height: 1.23;
    color: #58595b;
    position: relative;
    margin: -12px 0 0 16px
}

.wb-newsletter-privacy {
    margin-top: 24px
}

#country_list, .wb-newsletter-privacy p {
    font-size: 1rem
}

.wb-newsletter-privacy a {
    font-size: 1rem;
    text-decoration: underline
}

.branded__container .pi-tile__text p, .wb-new-select {
    margin-bottom: 16px
}

.wb-new-select button[aria-haspopup=listbox]:after {
    left: 88%
}

.wb-new-select img {
    padding-right: 8px
}

.wb-new-select .flagimgnew {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 16px;
    z-index: 9999
}

.wb-new-select #country__darrow {
    display: inline-block;
    height: 10px;
    position: absolute;
    left: unset;
    top: 44%;
    right: 23px;
    z-index: 9999;
    width: 10px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    background: #fff
}

.wb-new-select li[role=option] {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wb-new-select--small {
    width: 120px
}

.wb-new-select--small button[aria-haspopup=listbox]:after {
    left: 75%
}

@media (min-width: 20em) {
    .wb-new-select--small {
        width: 147px
    }
}

@media (min-width: 36em) {
    .wb-new-select--small {
        width: 136px
    }
}

.new-select-flag-placeholder {
    display: inline-block;
    width: 32px
}

#country_list {
    padding: 16px 16px 16px 48px;
    border: 1px solid #979797;
    border-radius: 4px;
    height: 56px;
    width: 100%;
    -webkit-appearance: none;
    position: relative;
    margin: 0;
    overflow: auto
}

.wb-privacy-accordion {
    max-width: 704px;
    margin: 0 10px
}

@media (min-width: 48em) {
    .wb-privacy-accordion {
        margin: 0 auto
    }
}

.gutter-elp {
    display: block;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 8px 16px
}

.branded__container {
    width: 100%;
    min-width: 280px;
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px
}

@media (min-width: 36em) {
    .branded__container {
        min-width: 525px
    }
}

@media (min-width: 48em) {
    .branded__container {
        min-width: 706px
    }
}

@media (min-width: 80em) {
    .branded__container {
        min-width: 100%
    }
}

.branded__container .pi-tile {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px
}

@media (min-width: 36em) {
    .branded__container .pi-tile {
        width: 100%;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 48em) {
    .branded__container .pi-tile {
        width: 32%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100%
    }
}

@media (min-width: 80em) {
    .branded__container .pi-tile {
        width: 304px
    }
}

.branded__container .pi-tile .new-pi-hero__image {
    background-position: center center;
    background-size: cover;
    width: 100%;
    position: relative;
    min-height: 170px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 48em) {
    .branded__container .pi-tile .new-pi-hero__image {
        max-width: 100%
    }
}

.branded__container .pi-tile .new-pi-hero__image.top {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.branded__container .pi-tile .new-pi-hero__image.middle {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.branded__container .pi-tile .new-pi-hero__image.bottom {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.branded__container .pi-tile .new-pi-hero__image-link, .responsive-carousel__card figure img {
    width: 100%
}

.branded__container .pi-tile .new-pi-hero__title {
    font-size: 1.4375rem;
    color: #fff;
    font-weight: 700;
    width: 100%;
    position: relative;
    padding: 16px
}

.branded__container .pi-tile__text {
    padding: 16px 0 0;
    width: 100%;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 36em) {
    .branded__container .pi-tile__text {
        padding: 0 16px
    }
}

@media (min-width: 48em) {
    .branded__container .pi-tile__text {
        max-width: 100%;
        padding: 16px 0 0
    }
}

.branded__container .pi-tile p.pi-module-link {
    font-weight: 700;
    margin-bottom: 0
}

.branded__container .pi-tile p.pi-module-link a {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #6c3072
}

.branded__container .pi-tile p.pi-module-link .pika-single .pika-title .pika-next, .branded__container .pi-tile p.pi-module-link .pika-single .pika-title .wb-datepicker-next, .branded__container .pi-tile p.pi-module-link .pika-single .wb-datepicker-title .wb-datepicker-next, .branded__container .pi-tile p.pi-module-link .wb-datepicker .wb-datepicker-title .wb-datepicker-next, .branded__container .pi-tile p.pi-module-link .wb-icon_arrow-right, .pika-single .pika-title .branded__container .pi-tile p.pi-module-link .pika-next, .pika-single .pika-title .branded__container .pi-tile p.pi-module-link .wb-datepicker-next, .pika-single .wb-datepicker-title .branded__container .pi-tile p.pi-module-link .wb-datepicker-next, .wb-datepicker .wb-datepicker-title .branded__container .pi-tile p.pi-module-link .wb-datepicker-next {
    font-size: 22px;
    margin-left: -8px
}

@media (min-width: 36em) {
    .branded__container .pi-tile p.pi-module-link {
        margin-bottom: 16px
    }
}

.branded__container .theme .overlay a, .branded__container .theme .overlay.dark a {
    color: #fff
}

.branded__container .theme .overlay.dark {
    background-color: rgba(81, 30, 98, .8);
    color: #fff
}

.branded__container .theme .overlay.light {
    background-color: rgba(182, 196, 193, .8);
    color: #511e62
}

.branded__container .theme .overlay.light a {
    color: #511e62
}

.branded__container .theme .overlay.neutral {
    background-color: rgba(51, 51, 51, .8);
    color: #fff
}

.branded__container .theme .overlay.neutral a {
    color: #fff
}

.branded__container .gradient {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: .3;
    background-color: #333
}

.branded__container .pi-hero-brand {
    display: block
}

@media (min-width: 36em) {
    .branded__container .pi-hero-brand {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

@media (min-width: 48em) {
    .branded__container .pi-hero-brand {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.branded__container .pi-hero-brand--pi .brand-icon {
    background-image: url(desktop/fonts/pi.svg)
}

.branded__container .pi-hero-brand--pi .brand-top {
    border-color: #511e62 transparent transparent;
    border-width: 8px 0 0;
    border-style: solid
}

.branded__container .pi-hero-brand--pi .brand-bottom {
    border-color: transparent transparent #511e62;
    border-width: 0 0 8px;
    border-style: solid
}

.branded__container .pi-hero-brand--hub .brand-icon {
    background-image: url(desktop/fonts/hub.svg)
}

.branded__container .pi-hero-brand--hub .brand-top {
    border-color: #bdd600 transparent transparent;
    border-width: 8px 0 0;
    border-style: solid
}

.branded__container .pi-hero-brand--hub .brand-bottom {
    border-color: transparent transparent #bdd600;
    border-width: 0 0 8px;
    border-style: solid
}

.branded__container .pi-hero-brand--zip .brand-icon {
    background-image: url(desktop/fonts/zip.svg)
}

.branded__container .pi-hero-brand--zip .brand-top {
    border-color: #fc0f42 transparent transparent;
    border-width: 8px 0 0;
    border-style: solid
}

.branded__container .pi-hero-brand--zip .brand-bottom {
    border-color: transparent transparent #fc0f42;
    border-width: 0 0 8px;
    border-style: solid
}

.branded__container .pi-hero-brand .brand-title-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.branded__container .pi-hero-brand .brand-title-container .brand-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: 32px 32px
}

.branded__container .pi-hero-brand .brand-title-container .brand-title {
    font-size: 1.188rem;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 16px
}

.branded__container .pi-hero-brand .brand-title-container .brand-title a, .bybrand-columns__column--content button a {
    text-decoration: none
}

.responsive-carousel {
    width: 100%;
    display: block
}

.responsive-carousel .container, .responsive-carousel__wrapper {
    position: relative;
    overflow: hidden
}

.responsive-carousel__wrapper {
    white-space: nowrap;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    max-width: 240px
}

@media (min-width: 36em) {
    .responsive-carousel__wrapper {
        max-width: 453px;
        padding: 10px 0
    }
}

@media (min-width: 48em) {
    .responsive-carousel__wrapper {
        max-width: 594px
    }
}

@media (min-width: 80em) {
    .responsive-carousel__wrapper {
        max-width: 782px
    }
}

.responsive-carousel__wrapper--slider {
    margin-left: -10px;
    transition: all .4s ease-in-out;
    display: inline-block
}

.responsive-carousel__card {
    width: 240px;
    margin: 20px 10px;
    display: inline-block;
    background-color: #fff;
    border: solid 1px #ddd;
    position: relative;
    min-height: 370px
}

@media (min-width: 36em) {
    .responsive-carousel__card {
        width: 215px
    }
}

@media (min-width: 48em) {
    .responsive-carousel__card {
        width: 285px
    }
}

@media (min-width: 80em) {
    .responsive-carousel__card {
        width: 245px
    }
}

.responsive-carousel__card figure {
    height: 135px;
    overflow: hidden;
    margin-bottom: 5px
}

.responsive-carousel__card .details-wrapper {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 230px;
    position: realtive
}

.responsive-carousel__card--title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    margin: 20px 10px 10px;
    font-style: normal;
    color: #333;
    max-width: 100%;
    white-space: normal
}

.responsive-carousel__card p:nth-of-type(1) {
    margin: 0 10px 10px;
    color: #333;
    max-width: 90%;
    white-space: normal
}

.responsive-carousel__card a {
    text-decoration: none;
    width: 100%
}

.responsive-carousel__card button {
    width: calc(100% - 22px);
    margin: auto 11px;
    position: absolute;
    bottom: 11px
}

.responsive-carousel__arrow-left, .responsive-carousel__arrow-right {
    font-size: 64px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    transition: all .2ms;
    color: #ccc;
    cursor: pointer
}

.responsive-carousel__arrow-left:hover, .responsive-carousel__arrow-right:hover {
    color: #333
}

.responsive-carousel__arrow-left path, .responsive-carousel__arrow-right path {
    transition: all .2ms
}

.responsive-carousel__arrow-left {
    left: 10px
}

@media (min-width: 36em) {
    .responsive-carousel__arrow-left {
        left: 20px
    }
}

@media (min-width: 80em) {
    .responsive-carousel__arrow-left {
        left: 80px
    }
}

.responsive-carousel__arrow-right {
    right: 10px
}

@media (min-width: 36em) {
    .responsive-carousel__arrow-right {
        right: 20px
    }
}

@media (min-width: 80em) {
    .responsive-carousel__arrow-right {
        right: 80px
    }
}

.bybrand-columns__wrapper {
    width: 100%;
    margin: 24px 0;
    padding: 24px 0
}

.bybrand-columns {
    width: 100%;
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bybrand-columns a {
    color: #6c3072;
    font-size: .875rem;
    font-weight: 700;
    text-decoration: none
}

.bybrand-columns .readless:hover, .bybrand-columns .readmore:hover, .bybrand-columns a:hover, .inspire-container .inspire-tile__title a:hover {
    text-decoration: underline
}

.bybrand-columns .readless, .bybrand-columns .readmore {
    margin-bottom: 16px;
    margin-top: 8px;
    color: #00798e;
    font-size: 1rem;
    width: 100%;
    cursor: pointer
}

.bybrand-columns .readless.close, .bybrand-columns .readmore.close {
    display: none
}

.bybrand-columns .readless {
    display: block
}

.bybrand-columns__column {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bybrand-columns__column-image-wrapper:empty {
    width: 0;
    padding: 0;
    margin: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    height: 0
}

.bybrand-columns__column-image-wrapper {
    position: relative;
    height: 170px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 48em) {
    .bybrand-columns__column-image-wrapper {
        width: 50%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.bybrand-columns__column-image-wrapper .image-border {
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.bybrand-columns__column-image-wrapper .bybrand-columns__column--image {
    width: 100%;
    height: 100%;
    background-size: cover
}

.bybrand-columns__column--content .column__content__header {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bybrand-columns__column--content .column__content__header .hotel__logo {
    height: 28px;
    width: 28px;
    display: block;
    background-size: cover
}

.bybrand-columns__column--content .column__content__header .hotel__logo img {
    height: 100%;
    width: auto
}

.bybrand-columns__column--content .column__content__header h1, .bybrand-columns__column--content .column__content__header h2, .bybrand-columns__column--content .column__content__header h3, .bybrand-columns__column--content .column__content__header h4, .bybrand-columns__column--content .column__content__header h5, .bybrand-columns__column--content .column__content__header h6 {
    color: #333;
    font-size: 1.25rem;
    margin: 0 0 16px 16px;
    line-height: 24px;
    font-weight: 600
}

.bybrand-columns__column--content p {
    margin: 8px 0 16px
}

@media (min-width: 36em) {
    .bybrand-columns__column--content {
        margin: 16px 0 0
    }
}

@media (min-width: 48em) {
    .bybrand-columns__column--content {
        margin: 16px 0 16px 24px;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.bybrand-columns__column--content button {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 0;
    margin: 24px 0 0;
    transition: all .2s;
    cursor: pointer
}

.bybrand-columns__column--content.no--image {
    margin: 0
}

.bybrand-columns__column:first-of-type:nth-last-of-type(1), .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column {
    margin: 24px
}

@media (min-width: 48em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(1), .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column {
        width: calc(100% - 24px);
        margin: 24px auto
    }
}

.bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content {
    margin: 16px 0 0
}

.bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .pika-single .pika-title .pika-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .pika-single .pika-title .wb-datepicker-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .pika-single .wb-datepicker-title .wb-datepicker-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .wb-datepicker .wb-datepicker-title .wb-datepicker-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .wb-icon_arrow-right, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .pika-single .pika-title .pika-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .pika-single .pika-title .wb-datepicker-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .pika-single .wb-datepicker-title .wb-datepicker-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .wb-datepicker .wb-datepicker-title .wb-datepicker-next, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .wb-icon_arrow-right, .pika-single .pika-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .pika-next, .pika-single .pika-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .wb-datepicker-next, .pika-single .pika-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .pika-next, .pika-single .pika-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .wb-datepicker-next, .pika-single .wb-datepicker-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .wb-datepicker-next, .pika-single .wb-datepicker-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .wb-datepicker-next, .wb-datepicker .wb-datepicker-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content .wb-datepicker-next, .wb-datepicker .wb-datepicker-title .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content .wb-datepicker-next {
    font-size: 22px;
    margin-left: -8px
}

.bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content a, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content a {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 36em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content {
        margin: 0 0 0 20px;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 48em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(1) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column .bybrand-columns__column--content {
        margin: 24px 0 24px 24px
    }
}

.bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column {
    margin: 24px 24px 0
}

@media (min-width: 48em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column {
        margin: 24px 0
    }
}

.bybrand-columns__column:first-of-type:nth-last-of-type(2):first-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column:first-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(3):first-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column:first-of-type {
    margin: 24px 24px 0
}

@media (min-width: 48em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2):first-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column:first-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(3):first-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column:first-of-type {
        margin: 24px 0 0 16px
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2):last-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column:last-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(3):last-of-type, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column:last-of-type {
        margin-left: 24px
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column {
        margin-left: 24px
    }
}

.bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column-image-wrapper:empty, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper:empty, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column-image-wrapper:empty, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper:empty {
    width: 0;
    padding: 0;
    margin: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    height: 0
}

.bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper {
    position: relative;
    height: 170px;
    max-height: 170px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 48em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper {
        width: 50%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column--content {
    margin: 16px 0 0
}

.bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column--content.no--image {
    margin: 0
}

@media (min-width: 36em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column--content {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 0 24px
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2) .dynamic-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .dynamic-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .dynamic-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .dynamic-columns__column--content.no--image {
        margin-left: 0
    }
}

@media (min-width: 48em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column-image-wrapper, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column-image-wrapper {
        max-width: 100%;
        width: 100%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column--content, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column--content {
        max-width: 100%;
        margin: 16px 0 0
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2) .bybrand-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column .bybrand-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(3) .bybrand-columns__column--content.no--image, .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column .bybrand-columns__column--content.no--image {
        margin: 0
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column {
        width: calc((100% / 2) - 24px)
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(4), .bybrand-columns__column:first-of-type:nth-last-of-type(4) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(5), .bybrand-columns__column:first-of-type:nth-last-of-type(5) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(6), .bybrand-columns__column:first-of-type:nth-last-of-type(6) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(7), .bybrand-columns__column:first-of-type:nth-last-of-type(7) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(8), .bybrand-columns__column:first-of-type:nth-last-of-type(8) ~ .bybrand-columns__column {
        width: calc((100% / 3) - 24px)
    }
}

.by-brand--pi .image-border {
    background-color: #511e62
}

.by-brand--pi .hotel__logo {
    background-image: url(desktop/fonts/pi.svg)
}

.by-brand--pi .bybrand-columns__column--image {
    background-size: cover
}

.by-brand--hub a button, .by-brand--pi a button {
    background-color: #511e62;
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem
}

.by-brand--pi a button:hover {
    background-color: #9f78a3;
    text-decoration: none
}

.by-brand--hub .hotel__logo {
    background-image: url(desktop/fonts/hub.svg)
}

.by-brand--hub .image-border {
    background-color: #bdd600
}

.by-brand--hub .bybrand-columns__column--image {
    background: url(desktop/img/hotel-image.png) no-repeat center center;
    background-size: cover
}

.by-brand--hub a button {
    background-color: #363636
}

.by-brand--hub a button:hover {
    background-color: #363636;
    text-decoration: none;
    color: #bdd600
}

.by-brand--zip .hotel__logo {
    background-image: url(desktop/fonts/zip.svg)
}

.by-brand--zip .image-border, .by-brand--zip a button {
    background-color: #fc0f42
}

.by-brand--zip .bybrand-columns__column--image {
    background-size: cover
}

.by-brand--zip a button {
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem
}

.by-brand--zip a button:hover {
    background-color: #fc0f42;
    text-decoration: none
}

@media all and (-ms-high-contrast: none) and (min-width: 36em),(-ms-high-contrast: active) and (min-width: 36em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(1), .bybrand-columns__column:first-of-type:nth-last-of-type(1) ~ .bybrand-columns__column {
        width: calc(100% - (2 * 16px))
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column {
        height: 100%
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 36em),(-ms-high-contrast: active) and (min-width: 36em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column {
        display: block
    }

    .bybrand-columns__column {
        width: calc(50% - (2 * 16px))
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 48em),(-ms-high-contrast: active) and (min-width: 48em) {
    .bybrand-columns__column:first-of-type:nth-last-of-type(2), .bybrand-columns__column:first-of-type:nth-last-of-type(2) ~ .bybrand-columns__column {
        width: calc((100% / 2) - (2 * 16px))
    }

    .bybrand-columns__column:first-of-type:nth-last-of-type(3), .bybrand-columns__column:first-of-type:nth-last-of-type(3) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(4), .bybrand-columns__column:first-of-type:nth-last-of-type(4) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(5), .bybrand-columns__column:first-of-type:nth-last-of-type(5) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(6), .bybrand-columns__column:first-of-type:nth-last-of-type(6) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(7), .bybrand-columns__column:first-of-type:nth-last-of-type(7) ~ .bybrand-columns__column, .bybrand-columns__column:first-of-type:nth-last-of-type(8), .bybrand-columns__column:first-of-type:nth-last-of-type(8) ~ .bybrand-columns__column {
        width: calc((100% / 3) - (2 * 16px))
    }
}

.inspire-introduction {
    padding: 0 24px;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 36em) {
    .inspire-introduction {
        min-width: 525px
    }
}

@media (min-width: 48em) {
    .inspire-introduction {
        min-width: 706px
    }
}

@media (min-width: 80em) {
    .inspire-introduction {
        min-width: 100%
    }
}

.inspire-container {
    min-width: 280px;
    margin: 0 auto;
    width: 100%;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 16px
}

@media (min-width: 36em) {
    .inspire-container {
        min-width: 525px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 48em) {
    .inspire-container {
        min-width: 705px
    }
}

@media (min-width: 80em) {
    .inspire-container {
        max-width: 100%;
        padding: 16px
    }
}

.inspire-container .inspire-tile {
    width: 100%;
    margin-bottom: 16px
}

@media (min-width: 36em) {
    .inspire-container .inspire-tile {
        width: 50%;
        margin-bottom: 16px
    }

    .inspire-container .inspire-tile:nth-child(odd) {
        padding-right: 7px
    }

    .inspire-container .inspire-tile:nth-child(even) {
        padding-left: 7px
    }
}

@media (min-width: 80em) {
    .inspire-container .inspire-tile {
        width: 225px
    }

    .inspire-container .inspire-tile:nth-child(odd) {
        padding-right: unset
    }

    .inspire-container .inspire-tile:nth-child(even) {
        padding-left: unset
    }
}

.inspire-container .inspire-tile__image {
    background-size: cover;
    background-position: center center;
    height: 135px;
    width: 100%
}

.inspire-container .inspire-tile__title {
    font-size: 1.4375rem;
    color: #fff;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 16px
}

@media (min-width: 36em) {
    .inspire-container .inspire-tile__title {
        float: left
    }
}

.inspire-container .inspire-tile__title a {
    color: #fff
}

.content-module-c {
    text-align: center
}

.content-module-c h1, .content-module-c h2 {
    margin: 10px 0;
    line-height: 1
}

.content-module-c p {
    margin: 10px 0;
    line-height: 1.2
}

.content-module-h h3 {
    margin-bottom: 25px
}

.content-module-k a {
    padding-right: 10px
}

.content-module-k h3 {
    line-height: 20px;
    margin-bottom: 15px
}

.pi-showhide {
    margin-top: 20px;
    margin-bottom: 20px
}

.lt-ie9 .pi-showhide {
    display: inline-block;
    width: 100%
}

.pi-showhide__summary {
    text-align: center
}

.pi-inspiration__item a, .pi-showhide__switch {
    text-decoration: none
}

.pi-showhide__switch .icon {
    color: #fff
}

.pi-showhide__content {
    position: relative;
    margin-top: 20px;
    padding: 20px 20px 10px;
    background: #dae1e0
}

.pi-showhide__content h1, .pi-showhide__content h2, .pi-showhide__content h3, .pi-showhide__content h4, .pi-showhide__content h5, .pi-showhide__content h6 {
    color: #333
}

.pi-showhide__content:before {
    display: block;
    content: " ";
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 12px solid #dae1e0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.pi-showhide__close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    color: #b597b8;
    cursor: pointer
}

.pi-email-signup {
    background: #dae1e0;
    padding: 40px
}

.pi-email-signup p {
    color: #511e62;
    text-align: left
}

.pi-email-signup h3 {
    text-align: left
}

.pi-email-signup__icon {
    padding-right: 40px;
    vertical-align: middle
}

.pi-email-signup__icon .icon {
    border-radius: 50%;
    background: #dae1e0;
    padding: 12px;
    color: #fff;
    font-size: 50px
}

.pi-email-signup__btn, .pi-email-signup__text {
    vertical-align: middle
}

.responsive .pi-homepage-hero, .responsive .pi-homepage-hero.has-search .pi-home-search, .responsive .pi-homepage-hero > .container {
    z-index: 0
}

.pi-hero {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1
}

.lt-ie9 .pi-hero {
    -ms-behavior: url(/etc/etc/designs/pi/desktop/backgroundsize.min.htc)
}

.pi-hero > .container {
    position: relative;
    height: 400px
}

.pi-hero__content {
    position: absolute;
    bottom: 20px;
    left: 80px;
    right: 80px
}

.pi-hero.has-search--left .pi-hero__search .pi-home-search__header, .pi-hero__content h1, .pi-hero__content p {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: lighter;
    font-style: normal
}

.pi-hero__caption .icon {
    margin-right: 10px
}

.pi-hero.has-search > .container {
    height: 474px
}

.pi-hero.has-search .pi-home-search {
    position: absolute;
    z-index: 2;
    cursor: default
}

.pi-hero.has-search--left .pi-hero__content {
    bottom: 30px;
    left: 485px;
    right: 80px
}

.pi-hero.has-search--left .pi-hero__search {
    position: relative;
    float: left;
    margin-top: 24px;
    width: 370px
}

.pi-hero.has-search--left .pi-hero__search .pi-home-search__header {
    font-weight: 700;
    padding: 20px 17px 0;
    color: #511e62;
    background-color: transparent
}

.pi-hero.has-search--left .pi-hero__search .pi-datepicker .pi-calendar, .pi-homepage-hero.has-search--left .pi-homepage-hero__search .pi-datepicker .pi-calendar {
    right: -529px
}

.pi-hero.has-search--left .pi-hero__search .pi-datepicker .pi-calendar:before, .pi-homepage-hero.has-search--left .pi-homepage-hero__search .pi-datepicker .pi-calendar:before {
    left: 148px
}

.pi-hero.has-search--right .pi-hero__content {
    bottom: 30px;
    left: 80px;
    right: 440px
}

.pi-hero.has-search--right .pi-hero__search {
    position: relative;
    float: right;
    margin-top: 33px;
    width: 370px
}

.pi-hero__roundel {
    position: absolute;
    bottom: 74px;
    right: 20px;
    width: 230px;
    height: 230px;
    border-radius: 125px;
    cursor: default
}

.pi-hero__roundel--ul {
    list-style: none;
    padding: 30px;
    margin: 0;
    height: 100%
}

.pi-hero__roundel--ul .roundel-introText, .pi-hero__roundel--ul .roundel-link, .pi-hero__roundel--ul .roundel-mainMessage, .pi-hero__roundel--ul .roundel-subMessage {
    text-align: center
}

.pi-hero__roundel--ul .roundel-introText {
    color: #80bfbd;
    margin-bottom: 5px
}

.pi-hero__roundel--ul .roundel-mainMessage {
    color: #fff;
    line-height: 40px;
    margin-bottom: 7px
}

.pi-hero__roundel--ul .roundel-subMessage {
    color: #80bfbd;
    margin-bottom: 7px
}

.pi-hero__roundel--ul .roundel-link a, .pi-homepage-hero__roundel--ul .roundel-link a {
    text-decoration: none;
    color: #333
}

.pi-hero__roundel--three-item .pi-hero__roundel--ul {
    padding: 40px
}

.pi-homepage-hero {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 3
}

.lt-ie9 .pi-homepage-hero {
    -ms-behavior: url(/etc/etc/designs/pi/desktop/backgroundsize.min.htc)
}

.pi-homepage-hero > .container {
    position: relative;
    height: 400px;
    pointer-events: none;
    z-index: 3
}

.pi-homepage-hero__content {
    position: absolute;
    bottom: 20px;
    left: 80px;
    right: 80px
}

.pi-homepage-hero__caption .icon {
    margin-right: 10px
}

.pi-hero .container a, .pi-homepage-hero .container a, .pi-homepage-hero__search {
    pointer-events: auto
}

.pi-homepage-hero.has-search > .container {
    height: 474px
}

.pi-homepage-hero.has-search .pi-home-search {
    position: absolute;
    z-index: 3;
    cursor: default;
    pointer-events: auto
}

.pi-homepage-hero.has-search--left .pi-homepage-hero__content {
    bottom: 30px;
    left: 485px;
    right: 80px
}

.pi-homepage-hero.has-search--left .pi-homepage-hero__search {
    position: relative;
    float: left;
    margin-top: 24px;
    width: 370px
}

.pi-homepage-hero.has-search--left .pi-homepage-hero__search .pi-home-search__header {
    padding: 20px 17px 0;
    color: #511e62;
    background-color: transparent
}

.pi-homepage-hero.has-search--right .pi-homepage-hero__content {
    bottom: 30px;
    left: 80px;
    right: 440px
}

.pi-homepage-hero.has-search--right .pi-homepage-hero__search {
    position: relative;
    float: right;
    margin-top: 33px;
    width: 370px
}

.pi-homepage-hero__roundel {
    position: absolute;
    bottom: 74px;
    right: 20px;
    width: 230px;
    height: 230px;
    border-radius: 125px;
    cursor: default;
    pointer-events: auto
}

.pi-homepage-hero__roundel--ul {
    list-style: none;
    padding: 30px;
    margin: 0;
    height: 100%
}

.pi-homepage-hero__roundel--ul .roundel-introText, .pi-homepage-hero__roundel--ul .roundel-link, .pi-homepage-hero__roundel--ul .roundel-mainMessage, .pi-homepage-hero__roundel--ul .roundel-subMessage {
    text-align: center
}

.pi-homepage-hero__roundel--ul .roundel-introText {
    color: #80bfbd;
    margin-bottom: 5px
}

.pi-homepage-hero__roundel--ul .roundel-mainMessage {
    color: #fff;
    line-height: 40px;
    margin-bottom: 7px
}

.pi-homepage-hero__roundel--ul .roundel-subMessage {
    color: #80bfbd;
    margin-bottom: 7px
}

.pi-homepage-hero__roundel--three-item .pi-hero__roundel--ul {
    padding: 40px
}

.pi-homepage-hero__contentModule {
    position: relative;
    top: 15%;
    width: 55%;
    height: 75%;
    cursor: default;
    pointer-events: auto
}

.pi-homepage-hero .contentModule--left {
    float: right;
    right: 3%
}

.pi-homepage-hero .contentModule--right {
    float: left;
    left: 3%
}

.pi-homepage-hero .contentModule-text--horizontal-left {
    text-align: left;
    padding-left: 20px
}

.pi-homepage-hero .contentModule-text--horizontal-center, .pi-promise li {
    text-align: center
}

.pi-homepage-hero .contentModule-text--horizontal-right {
    text-align: right;
    padding-right: 20px
}

.pi-homepage-hero .contentModule-text--vertical-top {
    position: absolute;
    top: 0;
    width: 100%
}

.pi-homepage-hero .contentModule-text--vertical-center {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pi-homepage-hero .contentModule-text--vertical-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.pi-homepage-hero-main-div {
    z-index: 2;
    width: 100%;
    height: 474px;
    position: absolute
}

.pi-promise ul {
    margin: 0;
    padding: 20px 0;
    list-style: none
}

.pi-promise li {
    padding: 0 10px;
    line-height: 1.2em;
    vertical-align: top
}

.pi-promise li:last-child {
    border-right: 0
}

.pi-promise li .icon, .pi-promise li img {
    display: block;
    margin: 0 auto 5px;
    font-size: 32px;
    line-height: 1.16
}

.pi-promise li em {
    display: block;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-promise.theme--dark {
    background-color: #511e62
}

.pi-promise.theme--dark .icon, .pi-promise.theme--dark li {
    color: #fff
}

.pi-promise.theme--light {
    background-color: #dae1e0
}

.pi-promise.theme--light li {
    color: #511e62;
    border-left: 1px solid #ddd
}

.pi-promise.theme--light li:first-child {
    border: 0
}

.pi-promise.theme--light .icon {
    color: #9f78a3
}

.pi-promise.theme--white {
    background-color: #fff
}

.pi-promise.theme--white .icon, .pi-promise.theme--white li {
    color: #511e62
}

.pi-sales-promo {
    padding: 40px 0;
    color: #511e62;
    z-index: 0
}

.pi-sales-promo__header {
    line-height: 30px;
    text-align: center;
    background: url(../../../content/dam/pi/websites/desktop/common/dot_dash_4b145f_h.png) repeat-x 0 center;
    color: #6c3072
}

.pi-sales-promo__header span {
    display: inline-block;
    padding: 0 80px;
    background-color: #fff
}

.content-module-h .pi-sales-promo h2, .pi-sales-promo .content-module-h h2, .pi-sales-promo .gamma, .pi-sales-promo .seo-hotel-listings-legacy-wrapper .seo-hotel-list__name, .seo-hotel-listings-legacy-wrapper .pi-sales-promo .seo-hotel-list__name {
    line-height: 1.7
}

.pi-why-premier__item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.lt-ie9 .pi-why-premier__item {
    -ms-behavior: url(/etc/etc/designs/pi/desktop/backgroundsize.min.htc)
}

.pi-why-premier__item .container {
    position: relative
}

.pi-why-premier__item span {
    display: inline-block;
    color: #6c3072;
    padding-top: 230px
}

.pi-why-premier__item p {
    text-shadow: 0 0 10px rgba(226, 230, 229, .75);
    width: 660px;
    margin: auto;
    color: #511e62;
    padding-bottom: 60px
}

.pi-why-premier__item footer span {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #511e62
}

.pi-inspiration {
    padding: 60px 0
}

.pi-inspiration header {
    margin-bottom: 60px;
    text-align: center
}

.pi-inspiration__heading {
    margin-bottom: 0;
    color: #6c3072
}

.pi-inspiration__subheading {
    margin-bottom: 0
}

.pi-inspiration__item {
    margin-bottom: 40px;
    padding: 0 20px;
    text-align: center
}

.pi-inspiration__item h3 {
    color: #511e62;
    margin-bottom: 20px
}

.pi-inspiration__image {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 60px
}

.pi-inspiration__image img {
    display: block;
    border-radius: 7px
}

.pi-inspiration__image .icon {
    position: absolute;
    bottom: -46px;
    left: 50%;
    margin-left: -46px;
    width: 92px;
    height: 92px;
    line-height: 92px;
    color: #fff;
    text-align: center;
    border-radius: 46px;
    background-color: #6c3072
}

.pi-inspiration__image .icon:before {
    width: 100%;
    height: 100%;
    line-height: 92px
}

.pi-inspiration__item--map-pin-outline .icon {
    background-color: #fcbe66
}

.pi-inspiration__item--no-icon .icon {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 92px
}

.temp-three-column {
    margin: 0 3.125% 25px
}

@media (min-width: 36em) {
    .temp-three-column {
        margin-right: 4.35%;
        margin-left: 4.35%
    }
}

@media (min-width: 80em) {
    .temp-three-column {
        margin-right: auto;
        margin-left: auto
    }
}

.temp-three-column__title {
    font-weight: 700
}

.temp-three-column__collection {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.temp-three-column__item {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px
}

@media (min-width: 36em) {
    .temp-three-column__item:nth-of-type(odd) {
        padding-right: 1.45%
    }

    .temp-three-column__item:nth-of-type(even) {
        padding-left: 1.45%
    }
}

@media (min-width: 80em) {
    .temp-three-column__item:nth-of-type(n) {
        padding-right: .77%
    }

    .temp-three-column__item:nth-of-type(2n) {
        padding-right: .385%;
        padding-left: .385%
    }

    .temp-three-column__item:nth-of-type(3n) {
        padding-left: .77%;
        padding-right: 0
    }
}

.temp-three-column__item a {
    display: inline-block;
    margin-top: 10px;
    font-weight: 700
}

.temp-three-column__item-image {
    width: 100%;
    font-family: "object-fit:cover;object-position:bottom";
    object-fit: cover;
    object-position: bottom;
    display: block;
    margin-bottom: 15px
}

.temp-three-column__item-title {
    display: block;
    margin-bottom: 15px;
    font-weight: 700
}

.temp-three-column__item-details {
    display: block;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.divider-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.divider-container__heading {
    padding-bottom: 8px;
    margin: 0
}

.divider-container__heading__sm-top {
    margin-top: 16px
}

.divider-container__heading__md-top {
    margin-top: 24px
}

.divider-container__heading__lg-top {
    margin-top: 32px
}

.divider-container__heading__md-bot {
    padding-bottom: 24px
}

.divider-container__heading__lg-bot {
    padding-bottom: 32px
}

.divider-container__divider {
    height: 1px;
    -webkit-justify-content: centre;
    -ms-flex-pack: centre;
    justify-content: centre;
    background-color: #ddd
}

.divider-container__divider__sm {
    margin: 24px 0
}

.divider-container__divider__md {
    margin: 32px 0
}

.divider-container__divider__lg {
    margin: 40px 0
}

.divider-container__divider__thick {
    height: 2px;
    background-color: #511e62
}

.divider-container__divider__thick__md-bot {
    margin-bottom: 24px
}

.divider-container__divider__thick__lg-bot {
    margin-bottom: 32px
}

.divider-container h1, .divider-container h3, .divider-container h4 {
    color: #333;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600
}

.type-of-break {
    padding: 16px 0;
    color: #58595b
}

@media (min-width: 80em) {
    .type-of-break {
        padding-right: 0;
        padding-left: 0
    }
}

.type-of-break .break-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
    background-color: #fff
}

.type-of-break .break {
    border: solid 1px #ddd
}

.type-of-break .break-content {
    padding: 16px 16px 0
}

@media (min-width: 36em) {
    .type-of-break .break-container {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 1280px;
        width: 100%;
        margin-top: 0
    }

    .type-of-break .break-container .break {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .type-of-break .break-container .break .break-content, .type-of-break .break-container .break .break-image {
        padding-bottom: 32px
    }
}

@media (min-width: 36em) and (min-width: 48em) {
    .type-of-break .break-container .break .break-content, .type-of-break .break-container .break .break-image {
        padding-bottom: 0
    }
}

@media (min-width: 36em) {
    .type-of-break .break-container .break .break-image {
        width: 225px;
        height: 190px;
        max-width: inherit
    }
}

@media (min-width: 36em) and (min-width: 48em) {
    .type-of-break .break-container .break .break-image {
        height: 158px
    }
}

@media (min-width: 36em) and (min-width: 80em) {
    .type-of-break .break-container .break .break-image {
        height: 120px
    }
}

@media (min-width: 36em) {
    .type-of-break .break-container .break .break-image__link {
        -js-display: inline-flex;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .type-of-break .break-container .break .break-content {
        margin: 0 16px;
        padding: 0
    }

    .type-of-break .break-container .break .break-content h5 {
        font-size: 1.125rem;
        margin: 8px 0;
        line-height: 1.5rem;
        font-weight: 600
    }

    .type-of-break .break-container .break .break-content__details {
        display: inline-block;
        margin: 0;
        font-size: 1rem;
        padding-right: 8px;
        font-family: "proxima-nova", helvetica, arial, sans-serif
    }

    .type-of-break .break-container .break .break-content a {
        color: #511e62;
        text-decoration: none;
        font-size: 1rem
    }

    .type-of-break .break-container .break .break-content p, .type-of-break .break-container .break .break-content__link {
        display: inline-block;
        font-size: 1rem;
        font-family: "proxima-nova", helvetica, arial, sans-serif;
        color: #333;
        margin-bottom: 16px
    }

    .type-of-break .break-container .break .break-content__link {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-weight: 700
    }

    .type-of-break .break-container .break .break-content p {
        font-weight: 400
    }

    .pika-single .pika-title .type-of-break .break-container .break .break-content__link .pika-next, .pika-single .pika-title .type-of-break .break-container .break .break-content__link .wb-datepicker-next, .pika-single .wb-datepicker-title .type-of-break .break-container .break .break-content__link .wb-datepicker-next, .type-of-break .break-container .break .break-content__link .pika-single .pika-title .pika-next, .type-of-break .break-container .break .break-content__link .pika-single .pika-title .wb-datepicker-next, .type-of-break .break-container .break .break-content__link .pika-single .wb-datepicker-title .wb-datepicker-next, .type-of-break .break-container .break .break-content__link .wb-datepicker .wb-datepicker-title .wb-datepicker-next, .type-of-break .break-container .break .break-content__link .wb-icon_arrow-right, .wb-datepicker .wb-datepicker-title .type-of-break .break-container .break .break-content__link .wb-datepicker-next {
        font-size: 22px;
        margin-left: -8px
    }
}

.hide-controls {
    display: none
}

.editorial {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0;
    font-size: 1rem
}

.editorial.highlight-component {
    background: #f2f2f2
}

.editorial__collection {
    padding-left: 0;
    padding-bottom: 24px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 48em) {
    .editorial__collection {
        padding-bottom: 32px
    }

    .editorial__collection:last-child {
        padding-bottom: 24px
    }
}

.editorial__collection:last-child {
    padding-bottom: 0
}

.ed-single-row .editorial__item {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 36em) {
    .ed-single-row .editorial__item {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .ed-single-row .editorial__item-title {
        margin-top: 0
    }
}

.ed-single-row .editorial__item-controls .readless, .ed-single-row .editorial__item-controls .readmore, .ed-single-row .editorial__item-details {
    margin-bottom: 0
}

.ed-single-row .editorial__item-link .wb-btn, .ed-single-row .editorial__item-link .wb-form-item .wb-form-item__field > i, .wb-form-item .ed-single-row .editorial__item-link .wb-form-item__field > i {
    margin-top: 0
}

.ed-single-row .editorial__item-link--list .wb-btn, .ed-single-row .editorial__item-link--list .wb-form-item .wb-form-item__field > i, .wb-form-item .ed-single-row .editorial__item-link--list .wb-form-item__field > i {
    margin-top: 8px
}

.ed-two-column .editorial__item {
    width: 100%;
    padding: 0
}

.ed-two-column .editorial__item:first-child {
    padding-bottom: 24px
}

@media (min-width: 48em) {
    .ed-two-column .editorial__item {
        width: calc(50% - 12px)
    }
}

.ed-three-column .editorial__item {
    width: 100%;
    padding-bottom: 24px
}

.ed-three-column .editorial__item--hidden {
    display: none
}

@media (min-width: 80em) {
    .ed-three-column .editorial__item--hidden {
        display: block
    }
}

@media (min-width: 36em) {
    .ed-three-column .editorial__item {
        padding: 0 0 24px;
        width: calc(50% - 12px)
    }

    .ed-three-column .editorial__item:last-child {
        padding-bottom: 0
    }
}

@media (min-width: 48em) {
    .ed-three-column .editorial__item {
        padding: 0 0 24px;
        width: calc(33% - 12px)
    }
}

.ed-four-column .editorial__item {
    width: 100%;
    padding: 0 0 16px
}

.ed-four-column .editorial__item--hidden {
    display: none
}

@media (min-width: 36em) {
    .ed-four-column .editorial__item--hidden {
        display: block
    }
}

@media (min-width: 36em) and (max-width: 48em) {
    .ed-four-column .editorial__item {
        width: 50%;
        padding: 0 8px 24px
    }

    .ed-four-column .editorial__item:first-child {
        padding-left: 0
    }

    .ed-four-column .editorial__item:nth-child(3) {
        padding-left: 0
    }

    .ed-four-column .editorial__item:nth-child(even) {
        padding-right: 0
    }
}

@media (min-width: 48em) {
    .ed-four-column .editorial__item {
        padding: 0 0 24px;
        width: calc(25% - 12px)
    }
}

.ed-single-row .editorial__item-content--no-image {
    width: 100% !important
}

.ed-image-right .editorial__item-content {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.ed-single-row .editorial__item-content {
    width: 100%
}

@media (min-width: 36em) {
    .ed-single-row .editorial__item-content {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 48.5%
    }
}

@media (min-width: 48em) {
    .ed-single-row .editorial__item-content {
        width: 64%
    }

    .ed-larger-image .editorial__item-content {
        width: 48.5%
    }
}

.editorial__item-content .list-content, .responsive .seo-hotel-list .guestrating-container > div {
    width: 100%
}

@media (min-width: 36em) {
    .editorial__item-content .list-content {
        width: 50%
    }
}

.editorial__item-content .list-content.detailHidden, .editorial__item-details.detailHidden {
    min-height: 48px;
    max-height: 72px
}

.editorial__item-content .list-content.hasReadMore, .editorial__item-details.hasReadMore {
    margin-bottom: 0;
    overflow: hidden
}

.editorial__item .readless, .editorial__item .readmore, .editorial__item-content .list-content .readless, .editorial__item-content .list-content .readmore {
    margin-bottom: 16px;
    margin-top: 8px;
    color: #00798e;
    width: 100%;
    cursor: pointer
}

.editorial__item .readless:hover, .editorial__item .readmore:hover, .editorial__item-content .list-content .readless:hover, .editorial__item-content .list-content .readmore:hover, .editorial__item-details a:hover {
    text-decoration: underline
}

.editorial__item .readless.close, .editorial__item .readmore.close, .editorial__item-content .list-content .readmore.close {
    display: none
}

.editorial__item-title {
    margin: 16px 0 0;
    color: #333;
    font-size: 1.25rem !important;
    line-height: 24px;
    font-weight: 600
}

.editorial__item-title--underline {
    padding-bottom: 16px;
    border-bottom: 2px solid #511e62
}

.editorial__item-details {
    display: block;
    margin: 16px 0;
    color: #333
}

.editorial__item-details a, .editorial__item-link {
    color: #511e62;
    font-size: 1rem;
    text-decoration: none
}

.editorial__item-details p {
    margin: 0;
    font-size: 1rem
}

.editorial__item .readless, .editorial__item .readmore {
    margin-bottom: 0
}

.editorial__item-link {
    font-weight: 500;
    line-height: 1.5rem;
    display: block
}

.editorial__item-link .pika-single .pika-title .pika-next, .editorial__item-link .pika-single .pika-title .wb-datepicker-next, .editorial__item-link .pika-single .wb-datepicker-title .wb-datepicker-next, .editorial__item-link .wb-datepicker .wb-datepicker-title .wb-datepicker-next, .editorial__item-link .wb-icon_arrow-right, .pika-single .pika-title .editorial__item-link .pika-next, .pika-single .pika-title .editorial__item-link .wb-datepicker-next, .pika-single .wb-datepicker-title .editorial__item-link .wb-datepicker-next, .wb-datepicker .wb-datepicker-title .editorial__item-link .wb-datepicker-next {
    font-size: 22px;
    margin-left: -8px;
    position: relative;
    top: 5px
}

.editorial__item-link--main.wb-btn--link {
    margin-top: 16px
}

.editorial__image-container {
    position: relative;
    margin-bottom: 8px
}

.ed-single-row .editorial__image-container {
    margin-bottom: 0;
    width: 100%
}

@media (min-width: 36em) {
    .ed-single-row .editorial__image-container {
        margin-bottom: 0;
        width: 48.5%
    }
}

@media (min-width: 48em) {
    .ed-single-row .editorial__image-container {
        width: 32%
    }
}

.ed-image-right .editorial__image-container {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 48em) {
    .ed-larger-image .editorial__image-container {
        width: 48%
    }
}

.editorial__image-container a, .imageoverlay__item-image-container a {
    display: block
}

.editorial__image-container__list {
    width: 100%;
    margin-bottom: 16px
}

@media (min-width: 36em) {
    .editorial__image-container__list {
        width: 50%
    }
}

.ed-three-column .editorial__image-container--hidden {
    display: none
}

@media (min-width: 80em) {
    .ed-three-column .editorial__image-container--hidden {
        display: block
    }
}

.ed-four-column .editorial__image-container--hidden {
    display: none
}

@media (min-width: 36em) {
    .ed-four-column .editorial__image-container--hidden {
        display: block
    }
}

.editorial__image-item {
    display: block;
    width: 100%;
    max-height: 216px;
    font-family: "object-fit:cover;object-position:center";
    object-fit: cover;
    object-position: center
}

@media (min-width: 36em) {
    .editorial__image-item {
        max-height: 256px
    }
}

@media (min-width: 80em) {
    .editorial__image-item {
        max-height: 100%
    }
}

.editorial__image-tag {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 8px 16px
}

.editorial__image-tag--white {
    border: 1px solid #fff;
    color: #fff
}

.editorial__image-tag--black {
    border: 1px solid #000;
    color: #000
}

.editorial .image-with-text {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 36em) {
    .editorial .image-with-text {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.editorial .image-with-text .list-align {
    margin-left: 18px
}

.editorial .image-with-text .responsive-list {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 980px;
    line-height: unset
}

.editorial .image-with-text .responsive-list li, .responsive-list li {
    padding: 8px 8px 8px 0
}

.editorial .image-with-text .responsive-list ul.wb-list li {
    padding: 0;
    margin-left: 8px
}

@media (min-width: 48em) {
    .editorial .image-with-text .responsive-list .list-reset, .editorial .image-with-text .responsive-list .wb-header__primary-navigation > ul, .editorial .image-with-text .responsive-list wb-list {
        margin-left: 35px
    }
}

.editorial .image-with-text .tick-list {
    display: table
}

.editorial .image-with-text ul li i.wb-icon_tick, ul li i.wb-icon_tick {
    font-size: inherit;
    display: table-cell;
    padding-right: 7.5px;
    vertical-align: top;
    width: 10px
}

.editorial .image-with-text .list-reset, .editorial .image-with-text .wb-header__primary-navigation > ul, .editorial .image-with-text .wb-list--with-icons {
    margin-left: 24px
}

.editorial .image-with-text .wb-list {
    padding-left: 24px
}

@media (min-width: 36em) {
    .editorial .image-with-text .wb-list {
        padding-left: 16px
    }
}

.editorial .btn, .editorial .wb-btn, .editorial .wb-form-item .wb-form-item__field > i, .wb-form-item .editorial .wb-form-item__field > i {
    font-size: inherit;
    margin-top: 16px;
    width: 100%
}

@media (min-width: 36em) {
    .editorial .btn, .editorial .wb-btn, .editorial .wb-form-item .wb-form-item__field > i, .wb-form-item .editorial .wb-form-item__field > i {
        width: auto
    }
}

.editorial a.white {
    color: #fff
}

.editorial a.black {
    color: #000
}

.imageoverlay__heading-title {
    display: inline-block;
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 9px
}

.imageoverlay__heading-title--underline {
    border-bottom: solid 3px #511e62
}

.imageoverlay__heading-description p {
    font-size: 20px;
    line-height: 24px
}

.imageoverlay__collection {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 79.9375em) {
    .imageoverlay__collection--hide-last-items .imageoverlay__item:last-child, .imageoverlay__collection--hide-last-items .imageoverlay__item:nth-last-child(2) {
        display: none
    }
}

.imageoverlay__item {
    width: 100%;
    position: relative;
    padding: 0 0 24px
}

@media (min-width: 36em) {
    .imageoverlay__item {
        width: 50%
    }

    .imageoverlay__item:nth-child(odd) {
        padding-right: 8px
    }

    .imageoverlay__item:nth-child(even) {
        padding-left: 8px
    }
}

@media (min-width: 48em) {
    .imageoverlay__item {
        padding: 0 0 24px
    }

    .imageoverlay__item:nth-child(odd) {
        padding-right: 12px
    }

    .imageoverlay__item:nth-child(even) {
        padding-left: 12px
    }

    .imageoverlay__item:first-child {
        padding-bottom: 12px
    }
}

.imageoverlay__item-image {
    display: block;
    width: 100%;
    max-height: 184px;
    font-family: "object-fit:cover;object-position:bottom";
    object-fit: cover;
    object-position: bottom
}

@media (min-width: 36em) {
    .imageoverlay__item-image {
        max-height: 248px
    }
}

@media (min-width: 80em) {
    .imageoverlay__item-image {
        max-height: 320px
    }
}

.imageoverlay__item-image-container {
    position: relative;
    margin-bottom: 8px
}

.imageoverlay__item-title {
    margin: 16px 0 0;
    color: #333;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

@media (min-width: 48em) {
    .imageoverlay__item-title {
        font-size: 23px;
        line-height: 32px
    }
}

@media (min-width: 80em) {
    .imageoverlay__item-title {
        overflow: hidden;
        white-space: nowrap
    }
}

.imageoverlay__item-description p {
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 80em) {
    .imageoverlay__item-description {
        max-height: 102px;
        overflow: hidden
    }
}

.imageoverlay__item-button.wb-btn, .wb-form-item .wb-form-item__field > i.imageoverlay__item-button {
    display: block;
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 24px;
    padding: 16px 32px
}

@media (min-width: 48em) {
    .imageoverlay__item-button.wb-btn, .wb-form-item .wb-form-item__field > i.imageoverlay__item-button {
        padding: 8px 32px;
        margin: 24px 0 0;
        height: 40px
    }
}

@media (min-width: 80em) {
    .imageoverlay__item-content {
        position: absolute;
        text-align: center;
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 1em;
        width: 392px;
        max-height: 237px;
        top: 50%;
        left: 50%;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: all .3s ease-in-out 0s;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
    }

    .imageoverlay__item:hover .imageoverlay__item-content {
        top: 46%;
        left: 50%;
        opacity: .95;
        visibility: visible
    }

    .imageoverlay__item-content--fadein {
        top: 58%
    }
}

.responsive-cookie-table {
    max-width: 940px;
    border: solid 1px #ccc;
    margin-top: 24px
}

.responsive-cookie-table__row {
    border-bottom: solid 1px #ccc;
    padding: 12px 8px;
    width: 100%
}

.responsive-cookie-table__row:last-of-type {
    border-bottom: none
}

.footnotes-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 980px;
    color: #58595b;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 16px
}

@media (min-width: 36em) {
    .footnotes-container {
        padding: 24px
    }
}

.footnotes-container.footnotes-container-background {
    background-color: #f2f2f2
}

.booking-panel-summary .pi-booking-panel-container .booking-details--room-info h5, .footnotes-container p {
    margin: 0;
    padding: 0
}

.footnotes-container ul {
    margin-left: 16px
}

.reason-to-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
    min-height: 150px;
    width: 100%
}

.reason-to-container.highlight-component {
    padding: 16px 0
}

.reason-to-container .reason-to-block {
    border: 1px solid #ddd;
    margin-bottom: 16px;
    background-color: #fff;
    width: 100%
}

@media (min-width: 36em) {
    .reason-to-container .reason-to-block {
        margin: 0
    }

    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(2), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(2) ~ .reason-to-block {
        width: calc(50% - 16px);
        margin: 0 16px 0 0
    }

    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(2):nth-child(even), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(2) ~ .reason-to-block:nth-child(even) {
        margin-right: 0
    }
}

.reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3) ~ .reason-to-block {
    margin-bottom: 16px
}

@media (min-width: 36em) {
    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3) ~ .reason-to-block {
        margin: 0 7.5px 16px
    }
}

@media (min-width: 48em) {
    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3) ~ .reason-to-block {
        margin-bottom: 0
    }
}

@media (min-width: 36em) {
    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4) ~ .reason-to-block {
        box-sizing: border-box;
        margin: 0 16px 16px 0;
        width: calc(50% - 16px)
    }

    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4):nth-child(even), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4) ~ .reason-to-block:nth-child(even) {
        margin-right: 0
    }
}

@media (min-width: 48em) {
    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4) ~ .reason-to-block {
        box-sizing: border-box;
        margin-bottom: 0
    }

    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4):nth-child(2), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4) ~ .reason-to-block:nth-child(2) {
        margin-right: 16px
    }

    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(2), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(2) ~ .reason-to-block {
        width: calc((100% / 2) - 16px)
    }

    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(3) ~ .reason-to-block {
        width: calc((100% / 3) - 16px)
    }

    .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(4) ~ .reason-to-block, .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(5), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(5) ~ .reason-to-block, .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(6), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(6) ~ .reason-to-block, .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(7), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(7) ~ .reason-to-block, .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(8), .reason-to-container .reason-to-block:first-of-type:nth-last-of-type(8) ~ .reason-to-block {
        width: calc((100% / 4) - 16px)
    }

    .reason-to-container .reason-to-block:last-child {
        margin-right: 0
    }
}

.reason-to-container .image-with-text {
    position: relative;
    max-height: 150px;
    background-color: #333;
    width: 100%
}

.reason-to-container .reason-to-image {
    height: 150px;
    width: 100%;
    opacity: .3
}

.reason-to-container .image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.4375rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.reason-to-container .reason-to-details {
    display: inline-block;
    margin: 16px 16px 0
}

.reason-to-container .cta {
    margin: 0 16px 16px
}

.reason-to-container .cta:link {
    text-decoration: none;
    font-weight: 700;
    color: #511e62
}

.reason-to-container .image-text a:-webkit-any-link {
    text-decoration: none;
    font-size: inherit;
    font-weight: 700;
    color: #fff
}

.reason-to-container .image-text a:any-link {
    text-decoration: none;
    font-size: inherit;
    font-weight: 700;
    color: #fff
}

.reason-to-container .cta:hover, .reason-to-container .image-text a:hover, .reason-to-container .readless:hover, .reason-to-container .readmore:hover {
    text-decoration: underline
}

.reason-to-container.detailHidden {
    height: 72px;
    margin-bottom: 0
}

.reason-to-container.hasReadMore {
    margin-bottom: 0;
    overflow: hidden
}

.reason-to-container .readless, .reason-to-container .readmore {
    margin: 0 16px 16px;
    color: #3c868b;
    width: 50%;
    cursor: pointer
}

.reason-to-container .readless.close, .reason-to-container .readmore.close {
    display: none
}

.reason-to-container .readless {
    display: block
}

.responsive-location {
    width: 100%;
    max-width: 980px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 24px auto
}

.responsive-location__item {
    min-height: 200px;
    margin: 16px;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 36em) {
    .responsive-location__item {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 48em) {
    .responsive-location__item {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        display: block
    }
}

@media (min-width: 36em) {
    .responsive-location__item:first-of-type:nth-last-of-type(1), .responsive-location__item:first-of-type:nth-last-of-type(1) ~ .responsive-location__item {
        width: calc(100% - (2 * 16px))
    }
}

@media (min-width: 48em) {
    .responsive-location__item:first-of-type:nth-last-of-type(2), .responsive-location__item:first-of-type:nth-last-of-type(2) ~ .responsive-location__item {
        width: calc((100% / 2) - (2 * 17px))
    }

    .responsive-location__item:first-of-type:nth-last-of-type(3), .responsive-location__item:first-of-type:nth-last-of-type(3) ~ .responsive-location__item {
        width: calc((100% / 3) - (2 * 17px))
    }

    .responsive-location__item:first-of-type:nth-last-of-type(4), .responsive-location__item:first-of-type:nth-last-of-type(4) ~ .responsive-location__item, .responsive-location__item:first-of-type:nth-last-of-type(5), .responsive-location__item:first-of-type:nth-last-of-type(5) ~ .responsive-location__item, .responsive-location__item:first-of-type:nth-last-of-type(6), .responsive-location__item:first-of-type:nth-last-of-type(6) ~ .responsive-location__item, .responsive-location__item:first-of-type:nth-last-of-type(7), .responsive-location__item:first-of-type:nth-last-of-type(7) ~ .responsive-location__item, .responsive-location__item:first-of-type:nth-last-of-type(8), .responsive-location__item:first-of-type:nth-last-of-type(8) ~ .responsive-location__item {
        width: calc((100% / 4) - (2 * 17px))
    }
}

.location__item {
    height: 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border: solid 1px #ddd
}

@media (min-width: 36em) {
    .location__item {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .location__image-container {
        width: 40%
    }
}

@media (min-width: 48em) {
    .location__image-container {
        width: 100%
    }
}

.location__image {
    width: 100%;
    height: 130px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block
}

.location__content {
    padding: 16px;
    color: #58595b;
    width: 100%;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 36em) {
    .location__content {
        width: 60%
    }
}

@media (min-width: 48em) {
    .location__content {
        width: 100%
    }
}

.location__content .readless, .location__content .readmore {
    margin-bottom: 16px;
    color: #3c868b;
    width: 100%;
    cursor: pointer
}

.location__content .readless:hover, .location__content .readmore:hover {
    text-decoration: underline
}

.location__content .readless.close, .location__content .readmore.close {
    display: none
}

.location__content .readless {
    display: block
}

.location__list {
    font-size: .75rem;
    font-weight: 700;
    list-style-type: none;
    margin: 0 0 24px
}

.location__list-item:first-of-type {
    margin-bottom: 24px
}

.hotel-details__distance-from h6 span, .location__list--poi, .location__list--pros, .pi-hotel-contact-props strong {
    font-weight: 400
}

.location__cta {
    margin-bottom: 0;
    margin-top: auto
}

h1.location__title, h2.location__title, h3.location__title, h4.location__title, h5.location__title, h6.location__title {
    color: #333;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.188rem;
    margin-top: 0
}

.milli {
    color: #333;
    line-height: 1.5rem
}

.milli, .milli .smallprint {
    font-size: 1rem
}

.campaign-component {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 24px auto 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f8f8f8 !important;
    max-width: 980px
}

.campaign-component .campaign-container {
    width: 100%;
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.campaign-component.full-width {
    width: 100%;
    max-width: 100%
}

.campaign-component .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000
}

.campaign-component .overlay.light {
    background-color: rgba(182, 196, 193, .8)
}

.campaign-component .overlay.dark {
    background-color: rgba(81, 30, 98, .8)
}

.campaign-component .overlay.neutral {
    background-color: rgba(51, 51, 51, .8)
}

.campaign-component__main {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #333
}

.campaign-component__item {
    background-color: #f8f8f8 !important;
    width: 100%;
    margin: 0 20px 20px;
    position: relative;
    overflow: hidden;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.campaign-component__item .content-wrapper {
    width: 100%;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
}

.campaign-component__item .content-wrapper a.wb-btn--primary {
    margin-top: 20px;
    padding-left: 1.8rem;
    padding-right: 1.8rem
}

.campaign-component__item .content-wrapper .business-cta-btn {
    margin: 20px 20px 0 0
}

.campaign-component__item .content-wrapper.left-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.campaign-component__item .content-wrapper.left-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.campaign-component__item .content-wrapper.left-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.campaign-component__item .content-wrapper.right-top {
    text-align: right
}

.campaign-component__item .content-wrapper.right-top a {
    margin: 0 0 0 auto
}

.campaign-component__item .content-wrapper.center-center {
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.campaign-component__item .content-wrapper.center-center a {
    margin: 20px auto 0
}

@media (min-width: 48em) {
    .campaign-component__item .content-wrapper.center-center .wb-btn--primary {
        width: 705px
    }
}

.campaign-component__item .content-wrapper .heading {
    font-size: 36px !important;
    font-weight: 600;
    color: #333;
    line-height: 2.5rem
}

@media (min-width: 36em) {
    .campaign-component__item .content-wrapper .heading {
        font-size: 37px;
        line-height: 37px
    }
}

.campaign-component__item .content-wrapper .sub-heading {
    font-weight: 400;
    color: #333;
    font-size: 1.125rem !important;
    line-height: 1.5rem
}

.campaign-component__item .content-wrapper.no-margin .heading, .campaign-component__item .content-wrapper.no-margin .sub-heading {
    margin: 0
}

.campaign-component__item .content-wrapper.margin-ten .heading, .campaign-component__item .content-wrapper.margin-ten .sub-heading {
    margin: 0 0 8px
}

.campaign-component__item .content-wrapper.margin-twenty .heading, .campaign-component__item .content-wrapper.margin-twenty .sub-heading {
    margin: 0 0 20px
}

.campaign-component__item .content-wrapper.margin-ten p, .campaign-component__item .content-wrapper.margin-twenty p, .campaign-component__item .content-wrapper.no-margin p {
    margin: 0;
    font-size: 1rem !important;
    line-height: 1.5rem;
    color: #333;
    font-family: "proxima-nova", helvetica, arial, sans-serif !important
}

.campaign-component__item .content-wrapper img {
    width: 100%;
    height: auto;
    margin: auto
}

@media (min-width: 36em) {
    .campaign-component__item:first-of-type:nth-last-of-type(1) .content-wrapper img, .campaign-component__item:first-of-type:nth-last-of-type(1) ~ .campaign-component__item .content-wrapper img {
        max-width: 50%;
        margin: 0 0 20px
    }

    .campaign-component__item:first-of-type:nth-last-of-type(2), .campaign-component__item:first-of-type:nth-last-of-type(2) ~ .campaign-component__item {
        width: calc(50% - (2 * 20px))
    }
}

.campaign-component__item:first-of-type:nth-last-of-type(2) .content-wrapper.center-center, .campaign-component__item:first-of-type:nth-last-of-type(2) ~ .campaign-component__item .content-wrapper.center-center {
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.campaign-component__item:first-of-type:nth-last-of-type(2) .content-wrapper.center-center a, .campaign-component__item:first-of-type:nth-last-of-type(2) ~ .campaign-component__item .content-wrapper.center-center a {
    margin: 20px auto 0
}

@media (min-width: 48em) {
    .campaign-component__item:first-of-type:nth-last-of-type(2) .content-wrapper.center-center .wb-btn--primary, .campaign-component__item:first-of-type:nth-last-of-type(2) ~ .campaign-component__item .content-wrapper.center-center .wb-btn--primary {
        width: 250px
    }
}

.embedded-video, .pi-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.embedded-video iframe, .pi-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.embedded-video-container {
    max-width: 940px
}

.res-list-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 980px;
    margin: 16px 0
}

@media (min-width: 36em) {
    .res-list-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.responsive-list {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 980px;
    line-height: unset
}

@media (min-width: 36em) {
    .responsive-list:first-of-type:nth-last-of-type(1), .responsive-list:first-of-type:nth-last-of-type(1) ~ .responsive-list {
        width: calc(100% - 16px)
    }

    .responsive-list:first-of-type:nth-last-of-type(2), .responsive-list:first-of-type:nth-last-of-type(2) ~ .reason-to-block {
        width: calc(50% - 16px)
    }

    .responsive-list:first-of-type:nth-last-of-type(2):nth-child(even), .responsive-list:first-of-type:nth-last-of-type(2) ~ .reason-to-block:nth-child(even) {
        margin-right: 0
    }
}

.responsive-list:first-of-type:nth-last-of-type(3), .responsive-list:first-of-type:nth-last-of-type(3) ~ .reason-to-block {
    margin-bottom: 16px
}

@media (min-width: 36em) {
    .responsive-list:first-of-type:nth-last-of-type(3), .responsive-list:first-of-type:nth-last-of-type(3) ~ .reason-to-block {
        margin: 0 7.5px 16px 16px
    }
}

@media (min-width: 48em) {
    .responsive-list:first-of-type:nth-last-of-type(3), .responsive-list:first-of-type:nth-last-of-type(3) ~ .reason-to-block {
        margin-bottom: 0
    }

    .responsive-list:first-of-type:nth-last-of-type(1), .responsive-list:first-of-type:nth-last-of-type(1) ~ .responsive-list {
        width: calc((100% / 1) - (2 * 16px))
    }

    .responsive-list:first-of-type:nth-last-of-type(2), .responsive-list:first-of-type:nth-last-of-type(2) ~ .responsive-list {
        width: calc((100% / 2) - (2 * 16px))
    }

    .responsive-list:first-of-type:nth-last-of-type(3), .responsive-list:first-of-type:nth-last-of-type(3) ~ .responsive-list, .responsive-list:first-of-type:nth-last-of-type(4), .responsive-list:first-of-type:nth-last-of-type(4) ~ .responsive-list, .responsive-list:first-of-type:nth-last-of-type(5), .responsive-list:first-of-type:nth-last-of-type(5) ~ .responsive-list, .responsive-list:first-of-type:nth-last-of-type(6), .responsive-list:first-of-type:nth-last-of-type(6) ~ .responsive-list, .responsive-list:first-of-type:nth-last-of-type(7), .responsive-list:first-of-type:nth-last-of-type(7) ~ .responsive-list, .responsive-list:first-of-type:nth-last-of-type(8), .responsive-list:first-of-type:nth-last-of-type(8) ~ .responsive-list {
        width: calc((100% / 3) - (2 * 16px))
    }
}

.tick-list {
    display: table
}

.list-reset, .wb-header__primary-navigation > ul, .wb-list--with-icons {
    margin-left: 24px
}

@media (min-width: 36em) {
    .wb-list {
        padding: 0 16px
    }
}

.cmp-newslettersignup {
    font-size: 1rem;
    padding: 16px;
    line-height: 1.5rem;
    color: #333;
    font-weight: 500;
    text-align: center;
    display: block;
    border-top: solid 1px #e0e0e0
}

@media (min-width: 48em) {
    .cmp-newslettersignup {
        font-size: 1.125rem;
        line-height: 1.313rem
    }
}

.cmp-newslettersignup p {
    margin: 0 0 16px;
    display: block
}

.cmp-newslettersignup p:last-of-type {
    display: inline-block;
    margin-bottom: 0
}

.cmp-newslettersignup .wb-btn, .cmp-newslettersignup .wb-form-item .wb-form-item__field > i, .wb-form-item .cmp-newslettersignup .wb-form-item__field > i {
    display: block;
    margin: 12px auto 4px
}

.cmp-newslettersignup .wb-btn.wb-btn--marketing-stroke, .cmp-newslettersignup .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke, .wb-form-item .cmp-newslettersignup .wb-form-item__field > i.wb-btn--marketing-stroke {
    padding: 4px 24px;
    height: auto;
    min-height: inherit;
    line-height: 1.313rem;
    font-size: 1.125rem;
    border: 1px solid #511e62;
    color: #511e62;
    transition: none
}

.cmp-newslettersignup .wb-btn.wb-btn--marketing-stroke:focus, .cmp-newslettersignup .wb-form-item .wb-form-item__field > i.wb-btn--marketing-stroke:focus, .wb-form-item .cmp-newslettersignup .wb-form-item__field > i.wb-btn--marketing-stroke:focus {
    border: 2px solid #007aff;
    padding: 3px 23px
}

@media (min-width: 48em) {
    .cmp-newslettersignup .wb-btn, .cmp-newslettersignup .wb-form-item .wb-form-item__field > i, .wb-form-item .cmp-newslettersignup .wb-form-item__field > i {
        display: inline-block;
        margin: 8px 0 0 24px
    }
}

.pi-hotel-directory__country, .pi-hotel-directory__county-title {
    margin-bottom: 25px;
    color: #333
}

.pi-hotel-directory__country {
    font-weight: lighter
}

.pi-hotel-directory__town {
    margin-bottom: 15px
}

.pi-hotel-directory__town a {
    font-weight: 500;
    line-height: 1.5rem;
    color: #511e62
}

.pi-hotel-directory__town-collection {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0
}

.pi-hotel-directory__hotel {
    margin-bottom: 15px;
    padding-right: 40px;
    list-style-type: none
}

.pi-hotel-directory__hotel[class*=col-] {
    padding: 0
}

.pi-hotel-directory__hotel-name {
    color: #511e62
}

.pi-hotel-directory__hotel-name.font-size--s, .pi-hotel-directory__hotel-name.in-page__text, .pi-hotel-directory__hotel-name.wb-form-item__label, .wb-form-item label.pi-hotel-directory__hotel-name {
    font-size: 1rem
}

.pi-hotel-directory h3, .pi-hotel-directory__hotel-address {
    line-height: 1.5rem;
    font-size: 1rem
}

.pi-hotel-directory h3 {
    margin-bottom: 1.28571rem;
    font-weight: 500;
    color: #333
}

.pi-hotel-directory .wb-heading--h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #333
}

.responsive .seo-hotel-list {
    margin: 0 3.125% 25px
}

@media (min-width: 36em) {
    .responsive .seo-hotel-list {
        margin-right: 4.35%;
        margin-left: 4.35%
    }
}

@media (min-width: 80em) {
    .responsive .seo-hotel-list {
        margin-right: auto;
        margin-left: auto
    }
}

.seo-hotel-list-flex, .seo-hotel-list__location-wrapper {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.seo-hotel-listings-wrapper .seo-hotel-list__location {
    color: #333
}

.seo-hotel-listings-wrapper .seo-map-quicklink {
    display: block;
    width: 100%;
    height: 35px;
    margin: 10px auto 10x 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer
}

@media (min-width: 36em) {
    .seo-hotel-listings-wrapper .seo-map-quicklink {
        width: auto
    }
}

@media (min-width: 48em) {
    .seo-hotel-listings-wrapper .seo-map-quicklink {
        float: right;
        width: 225px
    }
}

.seo-hotel-listings-wrapper .seo-map-quicklink .map-image {
    height: 100%;
    width: 50%;
    background-image: url(../../../content/dam/pi/websites/desktop/icons/map/map-view.png);
    float: left;
    background-size: cover
}

.seo-hotel-listings-wrapper .seo-map-quicklink .map-text {
    display: inline-block;
    width: 50%;
    height: 100%;
    line-height: 33px;
    text-align: center;
    background: #fff;
    color: #617571
}

.seo-hotel-listings-wrapper .seo-hotel-listings {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px
}

.seo-hotel-listings-wrapper .seo-hotel-card {
    cursor: auto;
    max-width: 307px;
    width: 100%;
    height: 370px;
    border: solid 1px #ddd;
    margin: 0 10px 32px 0;
    position: relative;
    border-right: 1px solid #00798e;
    background-color: #fff;
    -webkit-flex: 1 0 307px;
    -ms-flex: 1 0 307px;
    flex: 1 0 307px
}

.seo-hotel-listings-wrapper .seo-hotel-card:empty {
    height: 0;
    border: 0;
    margin-bottom: 0
}

.seo-hotel-listings-wrapper .seo-hotel-card__featured {
    cursor: default
}

.seo-hotel-listings-wrapper .seo-hotel-card figure {
    height: 105px;
    margin-bottom: 5px;
    overflow: hidden
}

.seo-hotel-listings-wrapper .seo-hotel-card figure img {
    min-height: 105px;
    min-width: 1px
}

@media (min-width: 48em) {
    .seo-hotel-listings-wrapper .seo-hotel-card {
        width: 49%
    }
}

.seo-hotel-listings-wrapper .seo-hotel-card-promotion {
    min-width: 88px;
    height: 19px;
    background-color: #8d1a61;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 16px
}

.seo-hotel-listings-wrapper .seo-hotel-card-cta-wrapper {
    display: block;
    height: 100%;
    text-decoration: none
}

.seo-hotel-listings-wrapper .seo-hotel-card-cta-wrapper:hover {
    text-decoration: none
}

.seo-hotel-listings-wrapper .seo-hotel-card-content, .seo-hotel-listings-wrapper .seo-hotel-icon {
    font-style: normal
}

.seo-hotel-listings-wrapper .seo-hotel-card-reviews strong, .seo-hotel-listings-wrapper .seo-hotel-card-title {
    text-transform: capitalize
}

.seo-hotel-listings-wrapper .seo-hotel-card-distance-information-miles, .seo-hotel-listings-wrapper .seo-hotel-card-title, .seo-hotel-listings-wrapper .seo-hotel-list__price--decimal {
    font-weight: 700
}

.seo-hotel-listings-wrapper .seo-hotel-icon {
    font-family: 'wb-icons';
    position: absolute;
    top: 90px;
    left: 20px;
    width: 30px;
    height: 30px
}

.seo-hotel-listings-wrapper .seo-hotel-icon-hub:before {
    content: "\e95c";
    color: #bdd600
}

.seo-hotel-listings-wrapper .seo-hotel-icon-premier-inn:before {
    content: "\e95d";
    color: #511e62
}

.seo-hotel-listings-wrapper .seo-hotel-icon-zip:before {
    content: "\e95e";
    color: #fc0f42
}

.seo-hotel-listings-wrapper .seo-hotel-icon:before {
    position: absolute;
    right: 3px;
    top: 5px;
    font-size: 30px;
    background: #fff;
    border-radius: 50%
}

.seo-hotel-listings-wrapper .seo-hotel-card-cta {
    width: 20px;
    height: 50.7px;
    border: 0;
    border-top-left-radius: 3px;
    background-color: #00798e;
    position: absolute;
    right: 0;
    bottom: 0
}

.seo-hotel-listings-wrapper .seo-hotel-card-cta svg {
    width: 20px;
    height: 20px;
    color: #fff;
    margin-top: 16px
}

.seo-hotel-listings-wrapper .seo-hotel-card-content, .seo-hotel-listings-wrapper .seo-hotel-card-title {
    font-size: 14px
}

.seo-hotel-listings-wrapper .seo-hotel-card-content {
    padding: 5px 16px 16px;
    color: #58595b;
    margin-bottom: 16px
}

.seo-hotel-listings-wrapper .seo-hotel-card-content-featured-title {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.seo-hotel-listings-wrapper .card-content-address {
    padding: 5px 16px 16px;
    margin-bottom: 0;
    color: #58595b
}

.seo-hotel-listings-wrapper .seo-card {
    cursor: pointer
}

.seo-hotel-listings-wrapper .seo-hotel-card-address {
    padding: 0 16px
}

.seo-hotel-listings-wrapper .seo-hotel-card-title {
    color: #333;
    margin-bottom: 16px;
    margin-top: 16px
}

.seo-hotel-listings-wrapper .seo-hotel-card-title .pi-flag {
    background: #8d1a61;
    margin-left: 0
}

.responsive .seo-hotel-listings-wrapper .seo-hotel-card-title .pi-flag {
    font-size: .875rem
}

@media (min-width: 48em) {
    .responsive .seo-hotel-listings-wrapper .seo-hotel-card-title .pi-flag {
        font-size: 14px
    }
}

.seo-hotel-listings-wrapper .seo-hotel-card-title .pi-flag--new-room, .seo-hotel-listings-wrapper .seo-hotel-card-title .pi-flag--opening-soon {
    position: relative
}

.seo-hotel-listings-wrapper .seo-hotel-card-title .pi-flag--few-rooms {
    font-size: 12px
}

.seo-hotel-listings-wrapper .seo-hotel-card-reviews {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.seo-hotel-listings-wrapper .seo-hotel-card-reviews strong {
    vertical-align: top
}

.seo-hotel-listings-wrapper .seo-hotel-card-reviews img {
    height: 20px
}

.seo-hotel-listings-wrapper .seo-hotel-list__ratingtext {
    display: block;
    text-align: left;
    width: 100%
}

.seo-hotel-listings-wrapper .seo-hotel-card-pricing .seo-hotel-pricing span, .seo-hotel-listings-wrapper .seo-hotel-pricing-caption {
    padding-right: 24px
}

.seo-hotel-listings-wrapper .seo-hotel-card-pricing {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    padding: 16px;
    position: absolute;
    bottom: 0;
    right: 0
}

.seo-hotel-listings-wrapper .seo-hotel-card-pricing .seo-hotel-pricing {
    font-size: 29px;
    color: #333
}

.seo-hotel-listings-wrapper .seo-hotel-list__price--decimal {
    font-size: 16px
}

.location-overview__details p, .pi-hotel-details-rates .pi-standard-rates__rate__inner .rate_helper_text span > p, .responsive .seo-hotel-list .seo-hotel-list__location {
    margin-bottom: 0
}

.responsive .seo-hotel-list .guestrating-container {
    font-size: .75rem;
    margin-bottom: 24px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

@media (min-width: 36em) {
    .responsive .seo-hotel-list .guestrating-container {
        margin-top: 0
    }
}

@media (min-width: 48em) {
    .responsive .seo-hotel-list .guestrating-container {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 48em) {
    .responsive .seo-hotel-list .guestrating-container > div {
        width: 50%
    }
}

.responsive .seo-hotel-list .guestrating-container > div:nth-of-type(1) {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (min-width: 36em) {
    .responsive .seo-hotel-list .guestrating-container > div:nth-of-type(1) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 64%
    }
}

.responsive .seo-hotel-list .guestrating-container > div:nth-of-type(1) .sample-size-informations {
    line-height: 2;
    width: auto
}

.responsive .seo-hotel-list .guestrating-container > div:nth-of-type(2) {
    margin: 20px auto auto;
    display: block;
    width: 100%;
    max-width: 305px
}

@media (min-width: 36em) {
    .responsive .seo-hotel-list .guestrating-container > div:nth-of-type(2) {
        width: 36%
    }
}

@media (min-width: 48em) {
    .responsive .seo-hotel-list .guestrating-container > div:nth-of-type(2) {
        margin-top: 0
    }
}

.responsive .seo-hotel-list .guestrating-container .average-information {
    font-weight: 700;
    line-height: 2;
    margin-right: 16px
}

.responsive .seo-hotel-list .guestrating-container .sample-size-information {
    line-height: 2
}

@media (min-width: 36em) {
    .seo-hotel-list .guestrating-container {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.seo-hotel-list .guestrating-container > div:nth-of-type(1) {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 80em) {
    .seo-hotel-list .guestrating-container > div:nth-of-type(1) {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .seo-hotel-list .guestrating-container > div:nth-of-type(1) .sample-size-informations {
        width: 50%
    }

    .seo-hotel-list .guestrating-container > div:nth-of-type(1) .average-information {
        margin-right: 5px
    }
}

.seo-hotel-list .guestrating-container > div:nth-of-type(2) {
    display: none
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list {
    background-image: url(../../../content/dam/pi/websites/desktop/common/dotted_ababab_h.png);
    background-position: top;
    background-repeat: repeat-x
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__location {
    color: #511e62;
    margin-bottom: 0;
    background: url(../../../content/dam/pi/websites/desktop/common/dot_dash_a68dae_h.png) repeat-x 0 bottom
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__ratingtext {
    display: inline;
    line-height: 1;
    position: relative;
    bottom: 3px
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__rating--de {
    width: 119px;
    line-height: 14px
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__container {
    padding-top: 20px;
    padding-bottom: 20px;
    list-style-type: none;
    background: url(../../../content/dam/pi/websites/desktop/common/dot_dash_a68dae_h.png) repeat-x 0 bottom
}

.more-hotels__hotel a, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__imagelink, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__main a {
    text-decoration: none
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__image {
    width: 139px;
    height: 93px
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__name {
    line-height: 24px;
    margin-bottom: 10px;
    color: #6c3072
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__address {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #511e62;
    max-width: 85%;
    margin-bottom: 20px;
    line-height: 24px
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__tag {
    line-height: 58px;
    display: block
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__price {
    margin-bottom: 10px;
    background-color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 0;
    height: auto;
    line-height: 50px
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__distance {
    position: absolute;
    top: 35px;
    right: 40px;
    color: #511e62;
    margin-bottom: 0
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__distance-desc {
    color: #333
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list__main {
    padding-right: 40px;
    position: relative;
    width: 75%
}

.hotel-details__map-quicklink:hover b, .seo-hotel-listings-legacy-wrapper .seo-hotel-list__main a:hover, .sitemap__item a:hover, .trip-advisor-review-container .trip-advisor-see-reviews a:link, .trip-advisor-review-container .trip-advisor-write-review a:link {
    text-decoration: underline
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list .selected {
    background-color: #fef9ec
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list ul li {
    background-image: url(../../../content/dam/pi/websites/desktop/common/dot_dash_a68dae_h.png);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-left: 25px;
    display: block
}

.seo-hotel-listings-legacy-wrapper .seo-hotel-list ul li:last-child {
    background-image: none
}

.seo-hotel-listings-wrapper .seo-hotel-card__featured .featured-hotel-cta {
    cursor: pointer
}

.pi-hero__roundel--ul .seo-hotel-list__location.roundel-mainMessage, .pi-homepage-hero__roundel--ul .seo-hotel-list__location.roundel-mainMessage, .seo-hotel-list__location.beta, .seo-hotel-list__location.hotel-title__heading {
    background: url(../../../content/dam/pi/websites/desktop/common/dot_dash_a68dae_h.png) repeat-x 0 bottom;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.seo-map {
    max-width: 940px;
    margin: auto
}

.seo-map__container {
    height: 470px;
    position: relative;
    background-color: #511e62
}

.seo-map__caption {
    color: #511e62;
    text-align: center
}

.more-hotels {
    max-width: 945px;
    margin: 0 10px 25px
}

@media (min-width: 48em) {
    .more-hotels {
        margin-left: 30px
    }
}

@media (min-width: 36em) {
    .more-hotels {
        margin-left: 25px
    }
}

@media (min-width: 80em) {
    .more-hotels {
        margin-left: auto;
        margin-right: auto
    }
}

.more-hotels__header {
    cursor: pointer;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    color: #333;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.more-hotels__header-arrow {
    font-size: 35px;
    margin-right: 5px;
    color: #6c3072
}

@media (min-width: 80em) {
    .more-hotels__header-arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: .5
    }
}

.open .more-hotels__header-arrow {
    opacity: .5
}

@media (min-width: 80em) {
    .open .more-hotels__header-arrow {
        opacity: 1
    }
}

.more-hotels__list-container {
    display: none;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 80em) {
    .more-hotels__list-container {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.open .more-hotels__list-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 80em) {
    .open .more-hotels__list-container {
        display: none
    }
}

.more-hotels__hotel {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.hotel-details__address span, .more-hotels__hotel span {
    color: #6c3072
}

.why-not-try {
    margin: 0 3.125% 25px
}

@media (min-width: 36em) {
    .why-not-try {
        margin-right: 4.35%;
        margin-left: 4.35%
    }
}

@media (min-width: 80em) {
    .why-not-try {
        margin-right: auto;
        margin-left: auto
    }
}

.why-not-try__title {
    font-weight: 700
}

.why-not-try__collection {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.why-not-try__hotel {
    margin-bottom: 25px
}

@media (min-width: 36em) {
    .why-not-try__hotel:nth-of-type(odd) {
        padding-right: 1.45%
    }

    .why-not-try__hotel:nth-of-type(even) {
        padding-left: 1.45%
    }
}

@media (min-width: 80em) {
    .why-not-try__hotel:nth-of-type(n) {
        padding-right: .77%
    }

    .why-not-try__hotel:nth-of-type(2n) {
        padding-right: .385%;
        padding-left: .385%
    }

    .why-not-try__hotel:nth-of-type(3n) {
        padding-left: .77%;
        padding-right: 0
    }
}

.why-not-try__hotel-image {
    height: 100px;
    width: 100%;
    font-family: "object-fit:cover;object-position:bottom";
    object-fit: cover;
    object-position: bottom
}

@media (min-width: 36em) {
    .why-not-try__hotel-image {
        height: 106px
    }
}

.why-not-try__hotel-image, .why-not-try__hotel-title {
    display: block;
    margin-bottom: 15px
}

.why-not-try__hotel-title {
    font-weight: 700
}

.why-not-try__hotel-details {
    display: block
}

.why-not-try__hotel-details.detailHidden {
    height: 70px;
    overflow: hidden
}

.why-not-try__hotel .readless, .why-not-try__hotel .readmore {
    position: absolute;
    width: 100%;
    bottom: -15px;
    color: #6c3072;
    text-decoration: underline;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    z-index: 1;
    cursor: pointer
}

.why-not-try__hotel .readless {
    display: block;
    bottom: -25px
}

.container-text-readmore.content-item .readless.close, .container-text-readmore.content-item .readmore.close, .location-overview .readless.close, .location-overview .readmore.close, .things-to-do__location .readless.close, .things-to-do__location .readmore.close, .why-not-try__hotel .readless.close, .why-not-try__hotel .readmore.close {
    display: none
}

.things-to-do {
    margin: 0 3.125% 25px
}

@media (min-width: 36em) {
    .things-to-do {
        margin-right: 4.35%;
        margin-left: 4.35%
    }
}

@media (min-width: 80em) {
    .things-to-do {
        margin-right: auto;
        margin-left: auto
    }
}

.things-to-do__title {
    font-weight: 700
}

.things-to-do__collection {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.things-to-do__location {
    margin-bottom: 25px
}

.things-to-do__location-title {
    display: block;
    margin-bottom: 15px;
    font-weight: 700
}

.things-to-do__location-details {
    display: block
}

.things-to-do__location-details.detailHidden {
    height: 70px;
    overflow: hidden
}

.things-to-do__location .readless, .things-to-do__location .readmore {
    position: absolute;
    width: 100%;
    bottom: -15px;
    color: #6c3072;
    text-decoration: underline;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    z-index: 1;
    cursor: pointer
}

.things-to-do__location .readless {
    display: block;
    bottom: -25px
}

.location-overview {
    margin: 0 3.125%
}

@media (min-width: 36em) {
    .location-overview {
        margin-right: 4.35%;
        margin-left: 4.35%
    }
}

@media (min-width: 80em) {
    .location-overview {
        margin-right: auto;
        margin-left: auto
    }
}

.location-overview__title {
    margin: 0;
    font-weight: 700;
    font-size: 19px;
    color: #333
}

@media (min-width: 36em) {
    .location-overview__title {
        font-size: 23px
    }
}

.location-overview__details {
    display: block;
    margin-bottom: 20px;
    color: #333
}

.location-overview__details.detailHidden {
    height: 70px;
    overflow: hidden
}

@media (min-width: 80em) {
    .location-overview__details.detailHidden {
        height: auto
    }
}

.location-overview .readmore {
    bottom: -15px
}

.location-overview .readless, .location-overview .readmore {
    position: absolute;
    width: 100%;
    color: #6c3072;
    text-decoration: underline;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    z-index: 1;
    cursor: pointer
}

@media (min-width: 80em) {
    .location-overview .readless, .location-overview .readmore {
        display: none
    }
}

.location-overview .readless {
    display: block;
    bottom: -25px
}

.location-overview .fade-out-effect-text {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f6f5f4 90%) !important
}

@media (min-width: 80em) {
    .location-overview .fade-out-effect-text {
        display: none
    }
}

.sitemap__item .sitemap-list-title {
    display: inline-block
}

.sitemap__item a {
    text-decoration: none;
    color: #6c3072
}

.sitemap__item li .icon {
    font-size: 1.4375rem;
    width: auto
}

.container-text-readmore {
    position: relative
}

.container-text-readmore .fade-out-effect-text {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.container-text-readmore.content-item, .sitemap__item li {
    margin-bottom: 20px
}

.container-text-readmore.content-item p {
    font-size: 1rem;
    text-align: center !important
}

.container-text-readmore.content-item .detailHidden {
    height: 80px;
    overflow: hidden
}

.container-text-readmore.content-item .readless, .container-text-readmore.content-item .readmore {
    width: 100%;
    color: #6c3072;
    text-decoration: underline;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    cursor: pointer
}

.container-text-readmore.content-item .readmore {
    position: absolute;
    z-index: 5000;
    bottom: -21px
}

.container-text-readmore.newReadMore.showLessText .text-container {
    height: 78px;
    overflow-y: hidden;
    display: block
}

.hideSeeMoreOption .container-text-readmore .text-container {
    height: auto !important;
    overflow-y: auto;
    display: block
}

.hideSeeMoreOption .read-more-btn, .hideSeeMoreOption .toggle {
    display: none
}

.iparys_inherited .in-page__nav {
    width: 100%
}

.in-page__container {
    max-width: 1280px;
    margin: 5px auto 0;
    width: 100%;
    -js-display: flex !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.in-page__nav {
    display: none
}

@media (min-width: 768px) {
    .in-page__nav {
        display: inline-block;
        width: 25%;
        vertical-align: top
    }
}

@media (min-width: 1280px) {
    .in-page__nav {
        width: 20%
    }
}

.in-page__nav-menu {
    margin-top: 20px;
    margin-left: 0
}

.in-page__nav-menu a {
    font-size: 1rem;
    text-decoration: none;
    color: #333
}

.in-page__nav-menu a.selected, .in-page__nav-menu a:hover {
    text-decoration: underline;
    font-weight: 500
}

.in-page__nav-item {
    list-style-type: none;
    line-height: 2.5rem;
    cursor: pointer
}

.in-page__nav-item--active, .trip-advisor-review-container .reviews-container .review-container .trip-type span {
    font-weight: 700
}

.in-page__nav-content {
    display: block;
    width: 100%;
    padding: 16px;
    color: #333
}

@media (min-width: 48em) {
    .in-page__nav-content__content-with-side-menu {
        display: inline-block;
        max-width: 84%
    }
}

.in-page__nav-content__content-without-side-menu {
    display: inline-block;
    padding-top: 16px;
    width: 100%
}

.in-page__nav-content .wb-heading {
    color: inherit
}

.in-page__nav-content .container {
    width: 100%
}

.author-mode {
    min-height: 200px;
    display: block
}

.hdp-notification {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 945px;
    margin: 10px auto 0
}

.hdp-notification__icon {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    color: #fff
}

.hdp-notification__icon-info {
    color: #000;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 3px
}

.hdp-notification__icon i {
    font-size: 22px
}

.fully-booked .hdp-notification__icon {
    background: #fa9300
}

.opening-soon .hdp-notification__icon {
    background: #3c868b
}

.hdp-notification__content {
    width: calc(100% - 30px);
    padding: 8px 16px
}

.fully-booked .hdp-notification__content {
    background: #feefd9
}

.opening-soon .hdp-notification__content {
    background: #f5f9f9
}

.hdp-notification__content-container {
    padding: 8px;
    font-size: .75rem;
    line-height: 1rem
}

.hdp-notification__content-container .title {
    font-weight: 700;
    font-size: .875rem;
    padding-bottom: 2px
}

.pi-hotel-details-rates {
    margin-bottom: 10px;
    width: 100%
}

.responsive .pi-hotel-details-rates {
    display: block;
    width: 89%;
    margin: 0 5.5%
}

.pi-hotel-details-rates .pi-business-rates {
    width: 100%
}

.pi-hotel-details-rates .pi-business-rates .pi-standard-rates__info {
    display: block;
    font-style: italic
}

.pi-hotel-details-rates .pi-business-rates .pi-standard-rates__before-price .pi-standard-rates__info {
    clear: both;
    color: #949494
}

.pi-hotel-details-rates .pi-business-rates .pi-standard-rates__before-price .pi-price__pounds {
    float: right;
    color: #ccc;
    text-decoration: line-through
}

.pi-hotel-details-rates .pi-business-rates .pi-standard-rates__after-price .pi-standard-rates__info {
    text-align: right;
    color: #217ace
}

.pi-hotel-details-rates .pi-standard-rates {
    position: relative
}

.pi-hotel-details-rates .pi-standard-rates-city-tax {
    font-size: 12px;
    display: block;
    margin-top: 16px;
    margin-bottom: 16px
}

.pi-hotel-details-rates .pi-standard-rates__rate {
    width: 100%;
    margin-bottom: 3px;
    border-left: 0
}

.pi-hotel-details-rates .pi-standard-rates__rate--rate {
    cursor: pointer
}

.pi-hotel-details-rates .pi-standard-rates__rate--no_rate {
    background-color: transparent
}

.pi-hotel-details-rates .pi-standard-rates__rate--selected-rate {
    background: #feefd9;
    border: 1px solid #00798e
}

.pi-hotel-details-rates .pi-standard-rates__rate--selected-rate .pi-price-breakdown__table-wrapper {
    width: 95%;
    margin: 0 2.5%;
    border-bottom: 1px solid #fcbe66
}

.pi-hotel-details-rates .pi-standard-rates__rate--selected-rate .pi-price-breakdown__table-wrapper:last-child, .pi-hotel-details-rates .pi-standard-rates__rate--unselected-rate .pi-price-breakdown__table-wrapper:last-child {
    border-bottom: none
}

.pi-hotel-details-rates .pi-standard-rates__rate--unselected-rate {
    background: #f3f2f0;
    border: 1px solid transparent
}

.pi-hotel-details-rates .pi-standard-rates__rate--unselected-rate .pi-price-breakdown__table-wrapper {
    width: 95%;
    margin: 0 2.5%;
    border-bottom: 1px solid #ccc
}

.pi-hotel-details-rates .pi-standard-rates__rate__inner {
    min-height: 55px;
    padding: 5px
}

.pi-hotel-details-rates .pi-standard-rates__rate__inner .rate_helper_text {
    margin: 0 0 8px 28px
}

.pi-hotel-details-rates .pi-standard-rates__button button {
    margin-top: 15px;
    height: 40px
}

.pi-hotel-details-rates .pi-standard-rates__date, .pi-hotel-details-rates .pi-standard-rates__type {
    line-height: 22px;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-details-rates .pi-standard-rates__price {
    float: right;
    padding-right: 0;
    padding-left: 8px
}

.pi-hotel-details-rates .pi-standard-rates .promotionCell, .pi-hotel-details-rates .pi-standard-rates__button button, .pi-hotel-details-rates .pi-standard-rates__price .pi-price__pounds, .pi-hotel-details-rates .pi-standard-rates__price .price-rate__decimal {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-details-rates .pi-standard-rates .promotionCell {
    margin-right: 5px;
    text-align: right
}

.pi-hotel-details-rates .pi-standard-rates__promotion-available {
    color: #217ace
}

.pi-hotel-details-rates .pi-price-breakdown__table {
    margin-bottom: 0
}

.pi-hotel-details-rates .pi-price-breakdown__price, .pi-hotel-details-rates .pi-price-breakdown__room, .pi-hotel-details-rates .pi-price-breakdown__row {
    padding: 0
}

.pi-hotel-details-rates .pi-price-breakdown__row {
    width: 35%
}

.pi-hotel-details-rates .pi-price-breakdown__price {
    text-align: right
}

.pi-hotel-details-rates .pi-price-breakdown__room {
    width: 40%;
    text-align: center
}

.pi-hotel-details-rates .pi-flag--few-rooms, .pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown, .pi-hotel-details-rates .pi-price-breakdown__price, .pi-hotel-details-rates .pi-price-breakdown__price--zeros {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown {
    margin-right: 5px;
    margin-bottom: 0;
    text-align: right;
    color: #511e62
}

.pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled, .pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown .wb-icon_arrow-down, .pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown .wb-icon_arrow-up, .wb-form-item .wb-form-item__field .pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field .pi-hotel-details-rates .pi-price-breakdown-button .toggle-price-breakdown .wb-icon_hotel-calendar-disabled {
    font-size: 20px
}

.pi-hotel-details-rates .radio__button {
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: 0
}

.pi-hotel-details-rates .radio__label {
    display: inline-block
}

.pi-hotel-details-rates .radio__circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 .25em;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff;
    vertical-align: bottom
}

.pi-hotel-details-rates .radio__button:checked + .radio__label .radio__circle {
    border: 1px solid #949494
}

.pi-hotel-details-rates .radio__button:checked + .radio__label .radio__fill {
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 6px;
    background: #949494
}

.responsive .pi-hotel-details-rates-heading {
    display: block;
    margin-top: 24px
}

.pi-hotel-details-rates-heading .title {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem
}

.pi-hotel-details-rates-heading .sub-text {
    font-size: .75rem;
    color: #58595b;
    margin-bottom: 16px
}

.pi-hotel-details-rates-heading .scroll-to {
    text-decoration: underline;
    cursor: pointer;
    margin-left: 3px
}

@media (min-width: 20em) {
    .urgency-parent {
        margin: 0 5.5% 10px 0
    }
}

@media (min-width: 36em) {
    .responsive .pi-hotel-details-rates {
        width: 64%;
        margin: 0 18%
    }

    .urgency-parent {
        margin: 0 18% 10px 0
    }
}

@media (min-width: 48em) {
    .responsive .pi-hotel-details-rates {
        display: inline-block;
        width: 100%;
        margin: 0
    }

    .urgency-parent {
        margin: 0 0 10px
    }
}

.pi-flag--few-rooms-bold-border {
    border: 1px solid #da3c21;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-flag--few-rooms-bold-border, .pi-flag--few-rooms-no-bold-no-border {
    padding: 2px 4px;
    color: #da3c21;
    font-size: .75rem;
    line-height: 1.25rem
}

.promo-panel {
    width: 100%;
    margin: -6px 0 10px;
    border-top: 10px solid #bdd600;
    border-bottom: 1px solid #e2e6e5;
    background: #f3f2f0
}

.promo-panel__container {
    position: relative;
    width: calc(100% - 20px);
    margin: 0 auto 10px;
    padding-top: 10px;
    cursor: pointer
}

.promo-panel__arrow {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 28px
}

.promo-panel__overview, .promo-panel__title {
    display: block;
    margin-bottom: 3px
}

.pi-sleep-park-fly__price .pi-price__pounds, .pi-sleep-park-fly__price .price-rate__decimal, .promo-panel__title {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.promo-panel__overview {
    color: #217ace;
    font-style: italic
}

.promo-panel__detail {
    display: block
}

@media (min-width: 36em) {
    .promo-panel__overview, .promo-panel__title {
        display: inline-block
    }

    .promo-panel__title {
        margin-right: 8px
    }
}

@media (min-width: 48em) {
    .promo-panel {
        float: left;
        width: 59%;
        margin-top: 0
    }

    .promo-panel__title {
        display: block
    }
}

@media (min-width: 80em) {
    .promo-panel {
        width: 65%
    }

    .promo-panel__title {
        display: inline-block
    }
}

.pi-sleep-park-fly {
    position: relative
}

.pi-sleep-park-fly__header {
    height: 76px;
    margin-top: 5px;
    margin-bottom: 3px;
    background-image: url(../../../content/dam/pi/websites/desktop/hoteldetails/spf-logo.png);
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-color: #6c3072;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.pi-sleep-park-fly__header--title, .pi-sleep-park-fly__price-toggle {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-style: normal
}

.pi-sleep-park-fly__header--title {
    margin-left: 9px;
    font-weight: 400;
    color: #fff
}

.pi-sleep-park-fly__price-toggle {
    color: #00798e;
    font-weight: 700;
    cursor: pointer;
    padding: 20px 5px 0
}

.pi-sleep-park-fly__price-toggle p {
    margin: 0
}

.pi-sleep-park-fly__rates {
    padding-top: 0;
    margin-bottom: 0
}

.pi-sleep-park-fly__rates--hidden {
    overflow: hidden;
    height: auto
}

.pi-sleep-park-fly__rates--block {
    display: block;
    width: 100%
}

.pi-sleep-park-fly__rate {
    margin-left: 0;
    background-color: #fef9ec;
    margin-bottom: 3px
}

.pi-sleep-park-fly__rate__inner {
    position: relative;
    padding: 10px 0;
    cursor: pointer
}

.pi-sleep-park-fly__rate__inner--inlineblock {
    display: inline-block;
    vertical-align: top
}

.pi-sleep-park-fly__rate--left {
    margin-left: 0
}

.pi-sleep-park-fly__price {
    margin-right: 10px
}

.pi-sleep-park-fly__rate-text {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-sleep-park-fly__price-text {
    float: right
}

.pi-sleep-park-fly__info {
    display: block;
    max-width: 945px
}

.pi-sleep-park-fly__info-break {
    height: 2px;
    background-color: #ddd
}

.pi-sleep-park-fly__info-container {
    padding: 0 20px;
    border-top: 1px solid #f2f2f2
}

.pi-sleep-park-fly__info-container h3 {
    color: #333;
    margin-bottom: 21px;
    padding-top: 15px;
    font-weight: 700
}

.pi-sleep-park-fly__info-container li {
    font-size: 14px;
    color: #58595b
}

.pi-sleep-park-fly-banner {
    width: 147px;
    line-height: 26px;
    font-size: 16px;
    text-transform: uppercase;
    background: #511e62;
    color: #fff
}

.pi-sleep-park-fly-banner--highlight {
    color: #00798e
}

.pi-sleep-park-fly-airport-icon, .pi-sleep-park-fly-banner {
    display: block;
    margin-bottom: 10px
}

.pi-sleep-park-fly-airport-icon {
    max-width: 147px
}

.pi-sleep-park-fly__airport-info, .pi-sleep-park-fly__images {
    float: left
}

.pi-sleep-park-fly__airport-info ul, .pi-sleep-park-fly__images ul {
    margin-left: 20px
}

.pi-sleep-park-fly__images {
    width: 60%
}

@media (min-width: 36em) {
    .pi-sleep-park-fly__info {
        width: 91%;
        margin-right: auto;
        margin-left: auto
    }

    .pi-sleep-park-fly-airport-icon, .pi-sleep-park-fly-banner {
        display: inline-block
    }

    .pi-sleep-park-fly__images {
        width: 147px;
        text-align: center
    }

    .pi-sleep-park-fly__airport-info {
        width: calc(100% - 147px);
        padding: 0 38px 0 49px
    }
}

@media (min-width: 48em) {
    .pi-sleep-park-fly__airport-info {
        padding-left: 33px
    }
}

@media (min-width: 80em) {
    .pi-sleep-park-fly__info {
        width: 100%
    }

    .pi-sleep-park-fly__airport-info {
        padding-left: 33px
    }
}

.hotel-title {
    margin: 32px auto 16px;
    text-align: left
}

.hotel-title__heading {
    margin: 0;
    display: inline;
    color: #333;
    font-weight: 600;
    line-height: 2.5rem;
    font-size: 1.625rem
}

@media (min-width: 768px) {
    .hotel-title__heading {
        font-size: 1.8125rem
    }
}

.accessibility-info-panel ul, .hotel-title__strapline-container {
    margin: 0
}

.hotel-title__strapline {
    margin: .1rem 0 0;
    color: #333;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem
}

.hotel-title__button {
    width: 300px;
    margin: 0 auto
}

.hotel-title .pi-flag--hub {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 4px;
    color: #fff;
    background-color: #333;
    white-space: nowrap
}

.responsive .hotel-title .pi-flag--hub {
    font-size: .875rem
}

@media (min-width: 1280px) {
    .responsive .hotel-title .pi-flag--hub {
        font-size: 1.188rem
    }
}

.hotel-title .pi-flag--hub-new-room, .hotel-title .pi-flag--hub-opening-soon {
    position: relative;
    top: -5px
}

.hotel-title .pi-flag {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    margin: 16px 8px 0 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 2px 8px;
    border-radius: 11px;
    line-height: 20px;
    font-size: .75rem;
    background-color: #73325b;
    font-weight: 700
}

@media (min-width: 768px) {
    .hotel-title .pi-flag {
        font-size: .8125rem
    }
}

.hotel-title .pi-flag.extra {
    background-color: #da3c21
}

.hotel-title .pi-flag.ultimate {
    background-color: #056171
}

.hotel-details__title .pi-flag {
    font-weight: 400;
    font-size: .875rem
}

@media (min-width: 1280px) {
    .hotel-details__title .pi-flag {
        font-size: 1.188rem
    }
}

.hotel-title + .distance-container {
    text-align: center
}

.hotel-title + .distance-container strong {
    color: #58595b
}

.pi-hotel-average {
    margin-bottom: 20px;
    color: #58595b;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-average__content {
    display: inline-block;
    margin-bottom: 15px;
    text-align: center
}

.pi-hotel-average__text {
    margin-right: 15px;
    font-size: 23px
}

.pi-hotel-average__price, .pi-hotel-average__text {
    display: inline-block;
    color: #333
}

.pi-hotel-average .btn, .wb-checkbox-multiple li {
    width: 100%
}

@media (min-width: 48em) {
    .pi-hotel-average__content {
        text-align: left
    }

    .pi-hotel-average__price, .pi-hotel-average__text {
        margin: 0
    }
}

.responsive .seo-background {
    background-color: #f6f5f4
}

.pi-shoulder-nights .wb-checkbox-multiple input[type=checkbox]:disabled ~ label:before {
    outline: transparent;
    background-color: #dedede
}

.pi-shoulder-nights .wb-checkbox input[type=checkbox]:disabled ~ label:after {
    color: #919191
}

.pi-seo-results-page .hotel-details__guest, .pi-seo-results-page .hotel-details__tripadvisor-rating {
    line-height: 25px
}

@media (min-width: 33.75em) {
    .pi-seo-results-page .breadcrumbs.responsive {
        margin-top: 16px
    }
}

.accessibility-info-panel {
    border: 2px solid #007aff;
    margin: 16px auto 24px;
    padding: 24px 24px 24px 70px;
    position: relative;
    width: 89%
}

.accessibility-info-panel .icon {
    color: #007aff;
    font-size: 3.063rem;
    left: 8px;
    position: absolute;
    top: 16px
}

.accessibility-info-panel__inner {
    margin-left: 18px
}

.accessibility-info-panel h4 {
    color: #333;
    margin-bottom: 16px
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul li ul, .accessibility-info__text {
    margin-bottom: 16px
}

.subheader-container-inner-hide {
    display: none
}

.hotel-details {
    position: relative
}

.hotel-details__address {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2em;
    margin-bottom: 20px
}

.hotel-details__map-quicklink {
    display: inline-block;
    padding: 2px 0;
    text-decoration: none
}

.hotel-details__map-quicklink .icon {
    font-size: 23px;
    vertical-align: text-bottom;
    color: #511e62
}

.hotel-details__distance {
    color: #511e62
}

#room-content-item .rooms-container .wb-accessible__room-composition div, .hotel-details__distance p {
    display: inline
}

.hotel-details__description {
    margin-bottom: 25px;
    border-top: 1px solid #f2f2f2
}

@media (min-width: 48em) {
    .hotel-details__description-and-faqs--2-columns {
        float: left;
        width: 50%;
        padding-right: 12px
    }
}

.hotel-details__description-content, .hotel-details__description-title {
    display: block;
    margin: auto
}

.hotel-details__description-title.font-size--l {
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem
}

@media (min-width: 576px) {
    .hotel-details__description-title.font-size--l {
        font-size: 1.4375rem
    }
}

.hotel-details__description-content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.hotel-details__description-content.detailHidden {
    height: 80px;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5rem
}

.hotel-details__description-readless, .hotel-details__description-readmore {
    width: 100%;
    color: #511e62;
    text-decoration: underline;
    font-size: 1rem;
    line-height: 1.5rem;
    cursor: pointer
}

.hotel-details__description-readless.close, .hotel-details__description-readmore.close {
    display: none
}

.hotel-details__description-readmore {
    position: absolute;
    z-index: 1;
    bottom: -21px
}

@media (min-width: 48em) {
    .hotel-details__faqs {
        float: right;
        width: 50%;
        padding-left: 12px
    }
}

.hotel-details__faqs .cmp-faqcontainer__main-header {
    color: #333;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    margin: 0 0 15px;
    padding-top: 15px
}

@media (min-width: 36em) {
    .hotel-details__faqs .cmp-faqcontainer__main-header {
        font-size: 1.4375rem
    }
}

@media (min-width: 48em) {
    .hotel-details__faqs .cmp-faqcontainer__main-header {
        border-top: 1px solid #f2f2f2
    }
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem:first-child .cmp-faqitem__question {
    border-top: solid 1px #e0e0e0
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__question {
    cursor: pointer;
    background-color: #f8f8f8;
    position: relative
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__question.collapsed {
    background-color: transparent;
    border-bottom: solid 1px #e0e0e0
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__question-title {
    color: #333;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: 1rem 2.75rem 1rem 1rem;
    margin: 0
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__question-arrow {
    color: #333;
    float: right;
    font-family: 'wb-icons';
    font-size: 1.5rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__question-arrow:before {
    content: "\e908"
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__question.collapsed .cmp-faqitem__question-arrow:before {
    content: "\e905"
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__answer {
    border-bottom: solid 1px #e0e0e0;
    background-color: #f8f8f8;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 2px 1rem
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__answer.collapse {
    display: none
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__answer.collapse.show {
    display: block
}

.hotel-details__faqs .cmp-faqcontainer .cmp-faqitem__answer.collapse.show p {
    margin-top: -4px
}

.hotel-details .tripAdvisor-component, .pi-hotel-details-grid-rates .pi-standard-rates__rate__inner .rate_helper_text span > p {
    margin-bottom: 0
}

.hotel-details .ta-reviews-number {
    color: #333;
    font-size: .75rem;
    line-height: 24px
}

.hotel-details__guest, .hotel-details__tripadvisor-rating-score {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hotel-details__guest-label, .hotel-details__tripadvisor-label {
    display: none;
    font-size: .875rem;
    font-weight: 600
}

.hotel-details__tripadvisor-rating-score {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hotel-details__tripadvisor-rating-score .col img, .hotel-details__tripadvisor-rating-score .responsive-component .pi-icon-panel ul li img, .responsive-component .pi-icon-panel ul .hotel-details__tripadvisor-rating-score li img {
    margin-left: -7px
}

.hotel-details__guest-logo {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    background-image: url(../../../content/dam/pi/websites/desktop/location-pages/round-pi.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0
}

.hotel-details__guest-advisor-review {
    position: absolute;
    right: 115px;
    top: 52px;
    cursor: pointer
}

.hotel-details__guest-rating {
    width: 72px;
    height: 13px;
    background-image: url(../../../content/dam/pi/websites/desktop/location-pages/guest-ratings.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 5px
}

.hotel-details__guest-rating.one {
    background-position: 0 0
}

.hotel-details__guest-rating.two {
    background-position: 0 -16px
}

.hotel-details__guest-rating.three {
    background-position: -32px
}

.hotel-details__guest-rating.four {
    background-position: 0 -45px
}

.hotel-details__guest-rating.five {
    background-position: 0 -60px
}

.hotel-details__guest-rating.six {
    background-position: 0 -74px
}

.hotel-details__guest-rating.seven {
    background-position: 0 -89px
}

.hotel-details__guest-rating.eight {
    background-position: 0 -104px
}

.hotel-details__guest-rating.nine {
    background-position: 0 -118px
}

.hotel-details__guest-rating.ten {
    background-position: 0 -133px
}

.hotel-details__surveys {
    margin-top: 5px;
    font-size: .75rem
}

.hotel-details__postcode {
    display: block
}

.hotel-details .rates-grid {
    margin-bottom: 24px;
    padding-left: 0
}

.hotel-details__breakfast {
    bottom: 8px;
    position: relative
}

.hotel-details__breakfastMsg {
    text-align: right;
    margin-right: 3px
}

.hotel-details__breakfastText {
    margin-right: -3px;
    color: #511e62
}

.hotel-details__breakfastPriceInPence {
    color: #511e62
}

.hotel-details .certificate-container {
    font-size: .875rem;
    font-weight: 600;
    margin-top: 8px
}

.hotel-details .certificate-container .badge-item {
    line-height: 0;
    margin-right: 8px
}

.hotel-details .rates-grid__details {
    margin-left: 15px
}

.flex-container .flex-item .content-container .left-column ul, .flex-container .flex-item .content-container .right-column ul, .responsive .hotel-details .rates-grid__details {
    margin-left: 0
}

.hotel-rating {
    display: none
}

.hotel-survey {
    display: inline-block
}

.hotel-raiting__list {
    margin-bottom: 15px
}

.ab-test-template .hide-ab-test {
    display: inherit
}

.hide-ab-test {
    display: none
}

@media (min-width: 36em) {
    .hotel-details__ratings, .responsive .hotel-details__ratings {
        width: 91%;
        margin: auto
    }

    .hotel-details__tripadvisor-rating, .responsive .hotel-details__tripadvisor-rating {
        float: left
    }

    .hotel-details pi-guest-rating, .responsive .hotel-details pi-guest-rating {
        float: right
    }

    .accessibility-info-panel {
        width: 100%
    }
}

@media (min-width: 48em) {
    .hotel-details__ratings, .responsive .hotel-details__ratings {
        width: 100%
    }

    .hotel-details__guest-label, .hotel-details__tripadvisor-label, .responsive .hotel-details__guest-label, .responsive .hotel-details__tripadvisor-label {
        display: block;
        margin-bottom: 8px
    }

    .hotel-details__tripadvisor-rating, .responsive .hotel-details__tripadvisor-rating {
        float: none
    }

    .hotel-details__tripadvisor-rating-score, .responsive .hotel-details__tripadvisor-rating-score {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 8px
    }

    .hotel-details__guest, .responsive .hotel-details__guest {
        display: inline-block
    }

    .hotel-details .rates-grid__details, .responsive .hotel-details .rates-grid__details {
        display: inline-block;
        width: calc(100% - (65% + 15px))
    }

    .hotel-details .rates-grid__left, .responsive .hotel-details .rates-grid__left {
        float: left;
        width: 59%
    }

    .responsive .hotel-details .rates-grid__details {
        padding-left: 15px
    }

    .hotel-details .rates-grid {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 80em) {
    .hotel-details .rates-grid__left {
        width: 65%
    }

    .hotel-details .rates-grid__details, .responsive .hotel-details .rates-grid__details {
        width: calc(100% - (65% + 15px))
    }

    .responsive .hotel-details .rates-grid {
        padding-left: 0
    }

    .accessibility-info-panel {
        padding-left: 70px
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9000
}

.modal > div {
    width: 100%;
    background: #fff;
    position: relative;
    margin: 10% auto;
    padding: 32px 32px 5px
}

@media (min-width: 36em) {
    .modal > div {
        width: 450px
    }
}

.modal-title {
    margin-top: 16px;
    color: #58595b
}

.modal-price {
    text-align: right;
    float: right
}

.modal-link {
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.modal-link, .total-price-label {
    margin-top: 24px
}

.total-price {
    margin-top: -15px;
    margin-bottom: 24px;
    color: #58595b
}

.wb-checkbox-multiple input[type=checkbox]:checked ~ label {
    background: #d0d0d0;
    border: 1px solid #d0d0d0;
    transition: all .3s ease-in-out;
    margin-top: -1px
}

.wb-checkbox-multiple input[type=checkbox] ~ label {
    background: #eee;
    border: 1px solid #eee;
    transition: all .3s ease-in-out;
    margin-top: -1px
}

.separator {
    color: #58595b;
    background-color: #58595b;
    border: 0;
    height: 1.5px
}

.hdp .announcement {
    display: none
}

.hdp .full-link {
    cursor: pointer
}

.icon-newalignment {
    line-height: 30px
}

.grid-hotel-details {
    position: relative;
    padding-bottom: 20px
}

.pi-hotel-details-grid-rates {
    margin-bottom: 10px;
    padding: 0 calc((100% - 91.66667%) / 2)
}

.pi-hotel-details-grid-rates.pi-hotel-details-grid-rates-react {
    padding: 0
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates {
        padding: 0
    }
}

.pi-hotel-details-grid-rates .grid-layout {
    margin-top: 24px
}

@media (min-width: 48em) {
    .pi-hotel-details-grid-rates .grid-layout {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.pi-hotel-details-grid-rates .hotel-location__title {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 0
}

.pi-hotel-details-grid-rates .hotel-location__limited {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0
}

.pi-hotel-details-grid-rates .pi-business-rates, pi-hotel-great-reasons {
    width: 100%
}

.pi-hotel-details-grid-rates .pi-business-rates .pi-standard-rates__info {
    display: block;
    font-style: italic
}

.pi-hotel-details-grid-rates .pi-business-rates .pi-standard-rates__before-price .pi-standard-rates__info {
    clear: both;
    color: #949494
}

.pi-hotel-details-grid-rates .pi-business-rates .pi-standard-rates__before-price .pi-price__pounds {
    float: right;
    color: #ccc;
    text-decoration: line-through
}

.pi-hotel-details-grid-rates .pi-business-rates .pi-standard-rates__after-price .pi-standard-rates__info {
    text-align: right;
    color: #217ace
}

.pi-hotel-details-grid-rates .pi-standard-rates {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 48em) {
    .pi-hotel-details-grid-rates .pi-standard-rates {
        width: 57%
    }
}

@media (min-width: 80em) {
    .pi-hotel-details-grid-rates .pi-standard-rates {
        width: 94%
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates .rates {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.pi-hotel-details-grid-rates .pi-standard-rates .rates:last-of-type {
    margin-right: 0
}

.pi-hotel-details-grid-rates .pi-standard-rates-label {
    padding: 0 5px 0 0;
    height: 78px;
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 35.99em) {
    .pi-hotel-details-grid-rates .pi-standard-rates-label-tooltip {
        height: 55px
    }
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates .pi-standard-rates-label {
        height: 91px
    }
}

@media (min-width: 48em) {
    .pi-hotel-details-grid-rates .pi-standard-rates-label {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding-right: 8px
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates-label .tooltip {
    display: none
}

.pi-hotel-details-grid-rates .pi-standard-rates .rates-labels {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.pi-hotel-details-grid-rates .pi-standard-rates .rates-labels.room-length-1 {
    -webkit-flex: 0 1 48%;
    -ms-flex: 0 1 48%;
    flex: 0 1 48%;
    padding-right: 2%
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates .pi-standard-rates .rates-labels {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates .rates-labels-text {
    display: table
}

.pi-hotel-details-grid-rates .pi-standard-rates.rooms-2 .rates {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 48em) {
    .pi-hotel-details-grid-rates .pi-standard-rates.rooms-2 .rates {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (min-width: 80em) {
    .pi-hotel-details-grid-rates .pi-standard-rates.rooms-2 .rates {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates.rooms-3 .rates {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 48em) {
    .pi-hotel-details-grid-rates .pi-standard-rates.rooms-3 .rates {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (min-width: 80em) {
    .pi-hotel-details-grid-rates .pi-standard-rates.rooms-3 .rates {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates .hide-rate-description {
    display: none
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates .pi-standard-rates .hide-rate-description {
        display: block
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates-city-tax {
    font-size: 12px;
    display: block;
    margin-top: 16px;
    margin-bottom: 16px
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--rate {
    cursor: pointer
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--no_rate {
    background-color: transparent
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--selected-rate {
    background: #fef9ec;
    outline: 1px solid #00798e;
    border: 1px solid #00798e
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--selected-rate .pi-price-breakdown__table-wrapper {
    width: 95%;
    margin: 0 2.5%;
    border-bottom: 1px solid #fcbe66
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--selected-rate .pi-price-breakdown__table-wrapper:last-child, .pi-hotel-details-grid-rates .pi-standard-rates__rate--unselected-rate .pi-price-breakdown__table-wrapper:last-child {
    border-bottom: none
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--unselected-rate {
    background: 0 0;
    border: 1px solid #ddd
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--unselected-rate:hover {
    background: #f8f8f8
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--unselected-rate .pi-price-breakdown__table-wrapper {
    width: 95%;
    margin: 0 2.5%;
    border-bottom: 1px solid #ccc
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate--first .pi-standard-rates__rate--unselected-rate, .pi-hotel-details-grid-rates .pi-standard-rates__rate--last .pi-standard-rates__rate--unselected-rate {
    border-top: 1px solid transparent
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate__inner {
    height: 78px;
    display: table;
    width: 100%
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate__inner-alternative {
    height: 53px
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates .pi-standard-rates__rate__inner, .pi-hotel-details-grid-rates .pi-standard-rates__rate__inner-alternative {
        height: 90px
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates__rate__inner .rate_helper_text {
    margin: 0 0 8px 28px
}

.pi-hotel-details-grid-rates .pi-standard-rates__button button {
    width: 100%;
    margin-top: 16px;
    height: 48px
}

.pi-hotel-details-grid-rates .pi-standard-rates__button button, .pi-hotel-details-grid-rates .pi-standard-rates__date, .pi-hotel-details-grid-rates .pi-standard-rates__type {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-details-grid-rates .pi-standard-rates .promotionCell.no-promo-description, .pi-hotel-details-grid-rates .pi-standard-rates__date.no-rate-description, .pi-hotel-details-grid-rates .pi-standard-rates__type.no-rate-description {
    display: none
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates .pi-standard-rates__date.no-rate-description, .pi-hotel-details-grid-rates .pi-standard-rates__type.no-rate-description {
        line-height: 1.313rem;
        display: block
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates__mobile-type {
    font-size: .875rem;
    line-height: 1rem;
    display: none
}

.pi-hotel-details-grid-rates .pi-standard-rates__mobile-type-show {
    display: block
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates .pi-standard-rates__mobile-type, .pi-hotel-details-grid-rates .pi-standard-rates__mobile-type-show {
        display: none
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates__mobile-type.promo-available {
    color: #00798e
}

.pi-hotel-details-grid-rates .pi-standard-rates__price .pi-price__pounds {
    font-size: 1rem;
    line-height: 1.188rem;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-details-grid-rates .pi-standard-rates__price .pi-price__label {
    font-size: .75rem;
    color: #949494;
    display: none
}

@media (min-width: 48em) {
    .pi-hotel-details-grid-rates .pi-standard-rates__price .pi-price__label {
        display: block
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates__price.grid__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0
}

.pi-hotel-details-grid-rates .pi-standard-rates__cross {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer
}

.pi-hotel-details-grid-rates .pi-standard-rates__gridTooltip {
    margin-top: 12px;
    position: absolute;
    z-index: 1;
    width: 272px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border: solid 1px #f0f2f2;
    background-color: #fff;
    font-size: .75rem;
    line-height: 21px;
    padding: 13px 46px 0 16px
}

.pi-hotel-details-grid-rates .pi-standard-rates__gridTooltip::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 5px;
    top: -24px;
    border: 12px solid transparent;
    border-bottom-color: #f0f2f2
}

.pi-hotel-details-grid-rates .pi-standard-rates__gridTooltip::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 6px;
    top: -21px;
    border: 11px solid transparent;
    border-bottom-color: #fff
}

.pi-hotel-details-grid-rates .pi-standard-rates__gridTooltip .tooltipInfo {
    margin-bottom: 12px
}

.pi-hotel-details-grid-rates .pi-standard-rates .promotionCell {
    margin-right: 5px;
    text-align: left;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

@media (min-width: 36em) {
    .pi-hotel-details-grid-rates .pi-standard-rates .promotionCell.no-promo-description {
        line-height: 1.313rem;
        display: block
    }
}

.pi-hotel-details-grid-rates .pi-standard-rates__promotion-available {
    color: #00798e
}

.pi-hotel-details-grid-rates .pi-price-breakdown__table, .rate_helper_text span > p {
    margin-bottom: 0
}

.pi-hotel-details-grid-rates .pi-price-breakdown__table-rule {
    padding: 8px 0;
    border-bottom: 1px solid #ddd
}

.pi-hotel-details-grid-rates .pi-price-breakdown__price, .pi-hotel-details-grid-rates .pi-price-breakdown__room, .pi-hotel-details-grid-rates .pi-price-breakdown__row {
    padding: 0
}

.pi-hotel-details-grid-rates .pi-price-breakdown__row {
    width: 60%
}

.pi-hotel-details-grid-rates .pi-price-breakdown__price {
    text-align: right
}

.pi-hotel-details-grid-rates .pi-price-breakdown__room {
    width: 40%;
    text-align: left
}

.pi-hotel-details-grid-rates .pi-flag--few-rooms, .pi-hotel-details-grid-rates .pi-price-breakdown-button .toggle-price-breakdown, .pi-hotel-details-grid-rates .pi-price-breakdown__price {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-details-grid-rates .pi-price-breakdown-button .toggle-price-breakdown {
    font-size: .875rem;
    cursor: pointer;
    color: #511e62;
    margin: 16px 0
}

.pi-hotel-details-grid-rates .pi-flag--few-rooms {
    padding: 2px 0
}

.pi-hotel-details-grid-rates .radio__button {
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: 0
}

.pi-hotel-details-grid-rates .radio__label {
    display: inline-block
}

.pi-hotel-details-grid-rates .radio__circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 .25em;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff;
    vertical-align: bottom
}

.pi-hotel-details-grid-rates .radio__button:checked + .radio__label .radio__circle {
    border: 1px solid #949494
}

.pi-hotel-details-grid-rates .radio__button:checked + .radio__label .radio__fill {
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 6px;
    background: #949494
}

.container-tab-room .pi-icon-panel ul.right-list, .rate_helper_text {
    margin: 0
}

.responsive .pi-hotel-details-grid-rates-heading {
    display: block;
    margin-bottom: 8px;
    text-align: center;
    margin-top: 0
}

.pi-hotel-details-grid-rates-heading img {
    margin-top: 8px;
    cursor: pointer
}

.pi-hotel-details-grid-rates-heading .title {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
    color: #511e62;
    font-size: 1rem
}

.pi-hotel-details-grid-rates-heading .title-learn-more {
    font-weight: 700;
    color: #000;
    font-size: 1rem;
    line-height: 1
}

.pi-hotel-details-grid-rates-heading .learn-more {
    text-decoration: underline;
    cursor: pointer;
    color: #511e62;
    font-size: .75rem
}

.pi-hotel-details-grid-rates-heading .sub-text {
    font-size: .75rem;
    color: #58595b;
    margin-bottom: 16px;
    text-align: center
}

@media (min-width: 36em) {
    .responsive .pi-hotel-details-rates {
        width: 64%;
        margin: 0 18%
    }
}

@media (min-width: 48em) {
    .responsive .pi-hotel-details-rates {
        display: inline-block;
        width: 100%;
        margin: 0
    }
}

.room-size {
    color: #511e62
}

.room-size__title {
    line-height: 22px;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.room-size__more {
    font-size: .875rem;
    margin-top: -2px;
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: none
}

.room-size__no-alt {
    margin-top: 15px
}

.pi-flag--few-rooms-no-bold-border {
    border: 1px solid #da3c21;
    padding: 4px 8px;
    color: #da3c21;
    font-size: .75rem;
    line-height: 1.25rem
}

.booking-summary-panel {
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    padding: 18px 33px 24px;
    margin: 16px auto 0
}

@media (min-width: 48em) {
    .booking-summary-panel {
        width: calc(41% - 15px);
        margin: 26px 0 0 15px
    }

    .booking-summary-panel.no-rate-title {
        margin-top: 0
    }
}

.booking-summary-panel .booking-summary-rooms-nights {
    color: #949494;
    font-weight: 700;
    line-height: 1.313rem;
    display: block
}

.booking-summary-panel .booking-summary-total-price {
    font-weight: 700;
    font-size: 1.4375rem;
    color: #333;
    line-height: 1.75rem
}

.pi-hotel-contact {
    color: #333;
    margin-top: 30px;
    font-style: normal;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 15px;
    padding-top: 15px
}

.pi-hotel-contact-props {
    font-size: 1rem;
    line-height: 1.5rem;
    display: block
}

.pi-hotel-contact-props-title.font-size--l {
    line-height: 2rem;
    font-weight: 600;
    font-size: 1.25rem;
    color: #333
}

@media (min-width: 576px) {
    .pi-hotel-contact-props-title.font-size--l {
        font-size: 1.4375rem !important
    }
}

@media (min-width: 80em) {
    .pi-hotel-contact-props {
        margin-right: 30px
    }
}

.pi-hotel-contact-description {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: lighter;
    font-style: normal
}

.hotel-location__title {
    display: block;
    line-height: 1.5rem !important;
    margin: 16px auto;
    font-weight: 600;
    font-size: 1.25rem
}

@media (min-width: 576px) {
    .hotel-location__title {
        font-size: 1.4375rem !important
    }
}

.hotel-location__map {
    position: relative;
    display: block;
    height: 320px;
    margin-bottom: 17px;
    background: #511e62
}

.hotel-location__details-info, .hotel-location__details-title {
    display: block;
    font-size: 1rem
}

.hotel-location__details-title {
    margin-bottom: 5px;
    font-weight: 600
}

.hotel-location__details-title.font-size--base, .hotel-location__details-title.in-page__intro {
    line-height: 1.5rem
}

.hotel-location__details-info.font-size--s, .hotel-location__details-info.in-page__text, .hotel-location__details-info.wb-form-item__label, .wb-form-item label.hotel-location__details-info {
    font-size: 1rem;
    line-height: 1.5rem
}

.hotel-location__details-info.detailHidden {
    height: 140px;
    overflow: hidden
}

.hotel-location__details-postcode {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.hotel-location__details-readless, .hotel-location__details-readmore {
    width: 100%;
    color: #511e62;
    text-decoration: underline;
    font-size: 1rem;
    cursor: pointer
}

.hotel-location__details-readless.close, .hotel-location__details-readmore.close {
    display: none
}

.hotel-location__details-readmore {
    position: absolute;
    z-index: 1;
    bottom: -10px
}

.container-tab-room .container-right-data .room-tab-new-facilities .pi-icon-panel ul li ul, .hotel-location__details-content-block {
    margin-bottom: 10px
}

.hotel-location__details .detailHidden {
    margin-bottom: 21px
}

.hotel-location__parking .hotel-location__title, .hotel-location__parking p {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0
}

.hotel-location__parking .hotel-location__details-info p:nth-of-type(1) {
    margin-bottom: 20px
}

.hotel-location__parking .hotel-location__details-info p:nth-of-type(2) {
    margin-bottom: 5px
}

.hotel-location__parking .hotel-location__details-info p b {
    font-size: 16px;
    color: #333
}

.hotel-location, .hotel-location__parking {
    margin-bottom: 16px;
    border-top: 1px solid #f2f2f2
}

@media (min-width: 36em) {
    .hotel-location__map {
        height: 339px
    }

    .hotel-location, .hotel-location__parking {
        margin-bottom: 25px
    }
}

@media (min-width: 48em) {
    .hotel-location__map {
        float: left;
        width: 57%;
        height: 261px
    }

    .hotel-location .hotel-location__details {
        display: inline-block;
        width: 40%;
        margin-left: 15px;
        padding-top: 0
    }

    .hotel-location__parking-details {
        width: 57%
    }
}

@media (max-width: 47.99em) {
    .hotel-location .hotel-location__details {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }
}

@media (min-width: 80em) {
    .hotel-location__map {
        width: 68%;
        height: 400px
    }

    .hotel-location .hotel-location__details, .hotel-location__details {
        width: 30%
    }

    .hotel-location__parking-details {
        width: 68%
    }
}

.hotel-details__distance-from h6 {
    color: #333;
    margin: 0;
    line-height: 1.5rem;
    font-size: 1rem
}

.flex-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 95%;
    margin: 0 auto
}

.flex-container .flex-item {
    width: 100%;
    height: 50%;
    margin-left: 0;
    line-height: 150px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.flex-container .flex-item .reason {
    position: relative;
    height: 200px;
    background-color: #d8d8d8
}

.flex-container .flex-item .reason picture img {
    font-family: "object-fit:cover";
    object-fit: cover;
    width: 100%;
    min-height: 100%
}

.flex-container .flex-item .reason:after, .flex-container .flex-item .reason:before {
    top: 100%;
    left: 50%;
    opacity: 0;
    z-index: 1;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff transparent transparent;
    border-width: 0;
    margin-left: 0;
    transition: border-width .2s ease .15s, margin-left .2s ease .15s
}

.flex-container .flex-item .reason:hover .great-reasons-module-title {
    bottom: 94px;
    font-size: 28px
}

.flex-container .flex-item .reason:hover .plus {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition-duration: .5s
}

.flex-container .flex-item .reason .overlay {
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.flex-container .flex-item .reason .great-reasons-module-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 91px;
    width: 245px;
    line-height: 1;
    font-size: 23px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    transition-duration: .5s;
    display: inline-block;
    margin-left: auto;
    margin-right: auto
}

.flex-container .flex-item .reason .plus {
    z-index: 0;
    position: absolute;
    border: 2px #fff solid;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    bottom: 35px;
    left: 0;
    right: 0;
    transition-duration: 1s
}

.flex-container .flex-item .reason .plus::after {
    content: ' ';
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    margin-top: -1px;
    top: 50%;
    left: 8px;
    right: 8px
}

.flex-container .flex-item .reason .plus::before {
    content: ' ';
    position: absolute;
    display: block;
    background-color: #fff;
    width: 2px;
    margin-left: -1px;
    left: 50%;
    top: 8px;
    bottom: 8px
}

.flex-container .flex-item .content-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: #eeece9;
    font-weight: 700;
    text-align: left;
    font-size: 15px;
    line-height: 1;
    border-top: solid 0 #fff;
    color: #000;
    transition: max-height .7s ease, border-top .106s ease .2s
}

.flex-container .flex-item .content-container .column-container {
    display: block;
    width: 100%;
    margin-top: 35px
}

.container-tab-room .container-right-data .room-tab-new-facilities .pi-icon-panel ul, .flex-container .flex-item .content-container .left-column, .flex-container .flex-item .content-container .right-column, .flex-container .flex-item.one-columns .content-container {
    width: 100%
}

.flex-container .flex-item .content-container .left-column .city, .flex-container .flex-item .content-container .right-column .city {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-left: 21px
}

.flex-container .flex-item .content-container .left-column .description, .flex-container .flex-item .content-container .right-column .description {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    color: #58595b;
    font-size: 14px
}

.flex-container .flex-item .content-container li {
    list-style: none;
    margin-top: 12px;
    padding-left: 1.3em
}

.flex-container .flex-item .content-container li:before {
    content: '>';
    display: inline-block;
    font-weight: 700;
    margin-left: -1.3em;
    width: 1.3em
}

.flex-container .flex-item.one-columns {
    width: 100%;
    max-width: inherit
}

.flex-container .flex-item:nth-child(even) .content-container {
    position: relative;
    left: 0
}

.flex-container .flex-item.show .reason .plus {
    transition-duration: 1s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.flex-container .flex-item.show .reason:hover .plus {
    -webkit-transform: rotate(45deg) scale(1.2);
    transform: rotate(45deg) scale(1.2)
}

.flex-container .flex-item.show .reason:after, .flex-container .flex-item.show .reason:before {
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    opacity: 1;
    z-index: 1;
    border: solid transparent;
    border-color: #fff transparent transparent;
    content: ' ';
    transition: border-width .2s ease .15s, margin-left .2s ease .15s
}

.flex-container .flex-item.show .reason:after {
    border-width: 30px;
    margin-left: -30px
}

.flex-container .flex-item.show .reason:before {
    border-width: 36px;
    margin-left: -36px
}

.flex-container .flex-item.show .content-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 434px;
    border-top: 12px #fff solid;
    transition: max-height .7s ease, border-top .106s ease .2s
}

.great-reasons-module-title.great-reasons-theme-light {
    color: #fff
}

.great-reasons-module-title.great-reasons-theme-dark, body.app-params-template .contents-wrapper > .parsys.admin-par .applicationparameters h1 {
    color: #333
}

.great-reasons-module-title.great-reasons-theme-brand {
    color: #511e62
}

.no-flexbox .flex-container, .no-flexbox .flex-container .flex-item, .no-flexbox .flex-container .flex-item .content-container {
    display: block
}

.no-flexbox .flex-container .flex-item .reason .great-reasons-module-title {
    max-width: 100%
}

@media (min-width: 576px) {
    .flex-container .flex-item.three-columns:nth-child(3n) .content-container, .flex-container .flex-item.three-columns:nth-child(5) .content-container {
        left: 0
    }
}

@media (min-width: 768px) {
    .flex-container {
        width: 100%
    }

    .flex-container .flex-item {
        width: 50%
    }

    .flex-container .flex-item.three-columns {
        max-width: 33.3333%
    }

    .flex-container .flex-item.three-columns .content-container {
        width: 300%;
        position: relative;
        left: 0
    }

    .flex-container .flex-item.three-columns:nth-child(4) .content-container, .no-flexbox .flex-container .flex-item.three-columns:nth-child(3n) .content-container, .no-flexbox .flex-container .flex-item.three-columns:nth-child(5) .content-container {
        position: relative;
        left: 0
    }

    .flex-container .flex-item.three-columns:nth-child(5) .content-container {
        position: relative;
        left: -100%
    }

    .flex-container .flex-item.three-columns:nth-child(3n) .content-container {
        position: relative;
        left: -200%
    }

    .flex-container .flex-item:nth-child(even) .content-container {
        left: -100%
    }

    .flex-container .flex-item .reason:after, .flex-container .flex-item .reason:before {
        transition: .3s;
        transition-delay: .15s
    }

    .show .flex-container .flex-item .reason:after, .show .flex-container .flex-item .reason:before {
        transition-delay: 0
    }

    .flex-container .flex-item .content-container {
        width: 200%;
        transition: max-height 1s ease, border-top .053s ease 0
    }

    .flex-container .flex-item .content-container .column-container {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .flex-container .flex-item .content-container .left-column, .flex-container .flex-item .content-container .right-column {
        width: 49%
    }

    .no-flexbox .flex-container .flex-item {
        max-width: 100%
    }

    .no-flexbox .flex-container .flex-item .content-container {
        width: 100%
    }

    .no-flexbox .flex-container .flex-item:nth-child(even) .content-container {
        left: 0
    }

    .no-flexbox .flex-container .flex-item.three-columns {
        max-width: 100%
    }
}

.container-tab-room {
    border-top: 1px solid #f2f2f2;
    margin-bottom: 25px
}

.container-tab-room .content-container {
    margin-top: 20px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.container-tab-room .title {
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 16px 0
}

@media (min-width: 576px) {
    .container-tab-room .title {
        font-size: 1.4375rem
    }
}

.container-tab-room .title i {
    font-size: 24px;
    color: #333
}

.container-tab-room .list-tab {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table
}

.container-tab-room .list-tab li {
    height: 45px;
    display: table-cell;
    cursor: pointer;
    border: solid 1px #ddd;
    border-left: none;
    line-height: 16px;
    min-width: 59px;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.5rem
}

.container-tab-food .list-tab li.menu-title:first-child, .container-tab-room .list-tab li:first-child {
    border-left: solid 1px #ddd
}

.container-tab-food .list-tab li.menu-title.active, .container-tab-room .list-tab li.active {
    font-weight: 600;
    border: solid 2px #00798e;
    background-color: #eaf2f3
}

.container-tab-room .list-tab li:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.container-tab-room .list-tab li:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

@media (min-width: 36em) {
    .container-tab-room .list-tab li {
        max-width: 182px;
        min-width: 110px;
        padding: 16px
    }
}

.container-tab-room .container-right-data {
    padding: 0
}

@media (min-width: 48em) {
    .container-tab-room .container-right-data {
        padding-left: 15px
    }
}

.container-tab-room .container-right-data .room-tab-facilities {
    margin-bottom: 20px
}

.container-tab-room .container-right-data .room-tab-new-facilities .wb-icon_tick::before {
    font-size: 17px;
    color: #511e62;
    font-weight: 700
}

.container-tab-room .container-right-data .room-tab-new-facilities .pi-icon-panel ul li {
    padding-left: 0
}

.container-tab-room .container-right-data .room-tab-new-facilities .pi-icon-panel ul li ul li {
    padding-left: 1.4rem
}

.container-tab-room .container-right-data .room-tab-new-facilities .facilities-title {
    font-weight: 600
}

.container-tab-room .container-right-data .room-tab-new-facilities .facilities-title .font-size--s, .container-tab-room .container-right-data .room-tab-new-facilities .facilities-title .in-page__text, .container-tab-room .container-right-data .room-tab-new-facilities .facilities-title .wb-form-item label, .container-tab-room .container-right-data .room-tab-new-facilities .facilities-title .wb-form-item__label, .container-tab-room .pi-icon-panel ul li .font-size--s, .container-tab-room .pi-icon-panel ul li .in-page__text, .container-tab-room .pi-icon-panel ul li .wb-form-item label, .container-tab-room .pi-icon-panel ul li .wb-form-item__label, .wb-form-item .container-tab-room .container-right-data .room-tab-new-facilities .facilities-title label, .wb-form-item .container-tab-room .pi-icon-panel ul li label {
    font-size: 1rem
}

.container-tab-room .container-right-data .rooms-text {
    margin: 20px 0;
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 48em) {
    .container-tab-room .container-right-data .rooms-text {
        margin: 0 0 20px
    }
}

@media (min-width: 80em) {
    .container-tab-room .container-right-data .rooms-text {
        padding-top: 0
    }
}

.container-tab-room .container-right-data .rooms-text h4 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem
}

.container-tab-room .img-container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 48em) {
    .container-tab-room .img-container {
        padding-left: 0;
        padding-top: 0
    }
}

@media (max-width: 47.99em) {
    .container-tab-room .img-container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 48em) {
    .container-tab-room .img-container {
        padding-left: 0;
        padding-top: 0
    }
}

@media (max-width: 47.99em) {
    .container-tab-room .img-container {
        padding-right: 0;
        padding-left: 0
    }
}

.container-tab-room .img-container img {
    height: auto;
    margin-right: 24px;
    width: 100%
}

@media (max-width: 47.99em) {
    .container-tab-room .img-container img {
        padding-right: 0
    }
}

.container-tab-room .img-container .view-gallery {
    width: 108px;
    height: 24px;
    opacity: .9;
    border-radius: 12px;
    background-color: #fff;
    color: #511e62;
    position: absolute;
    right: 30px;
    bottom: 15px;
    text-align: center;
    font-weight: 700;
    font-size: .75rem
}

@media (max-width: 47.99em) {
    .container-tab-room .img-container .view-gallery {
        right: 5px
    }
}

.container-tab-room .img-container .view-gallery span {
    margin-left: 8px;
    cursor: pointer
}

.container-tab-room .img-container .view-gallery .wb-icon_camera {
    font-size: 1.188rem;
    vertical-align: middle
}

.container-tab-room .additional-information-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    border: solid 1px #80bfbd;
    text-align: left;
    width: 100%
}

@media (min-width: 48em) {
    .container-tab-room .additional-information-container {
        width: 70%
    }
}

.container-tab-room .additional-information-container__icon {
    display: inline-block;
    width: 30px;
    margin-left: 5px
}

.container-tab-room .additional-information-container__icon i {
    margin-top: 10px;
    font-size: 24px;
    color: #80bfbd;
    display: inline-block
}

.container-tab-room .additional-information-container__content {
    width: calc(100% - 30px);
    padding-bottom: 10px
}

.container-tab-room .additional-information-container .title {
    font-size: 14px;
    font-weight: 700
}

.container-tab-room .additional-information-container .information {
    font-size: 14px;
    line-height: 1.33;
    padding-right: 16px
}

.container-tab-food .additional-information-container .information p, .container-tab-room .additional-information-container .information p {
    line-height: .4
}

.container-tab-room .pi-icon-panel {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 80em) {
    .container-tab-room .pi-icon-panel {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.container-tab-room .pi-icon-panel ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 20px 0 0
}

@media (min-width: 80em) {
    .container-tab-room .pi-icon-panel ul {
        width: 49%;
        margin: 0
    }
}

.container-tab-room .pi-icon-panel ul li {
    position: relative;
    padding-left: 1.4rem;
    list-style: none
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul li i, .container-tab-room .pi-icon-panel ul li i, .hotel-details .pi-icon-panel ul li i {
    vertical-align: baseline;
    display: inline-block;
    margin-right: .5em
}

.trip-advisor-review-container {
    border-top: 1px solid #f2f2f2;
    margin-bottom: 11px;
    overflow: hidden;
    display: block
}

.trip-advisor-review-container .review-title {
    margin-bottom: 24px;
    padding-top: 15px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem
}

@media (min-width: 576px) {
    .trip-advisor-review-container .review-title {
        font-size: 1.4375rem
    }
}

.trip-advisor-review-container .reviews-rate-container .bring-by {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.trip-advisor-review-container .reviews-rate-container .logo-ta {
    margin-bottom: 10px
}

.trip-advisor-review-container .reviews-rate-container .logo-ta img {
    height: 38px
}

.trip-advisor-review-container .reviews-rate-container .ratings-container {
    margin-bottom: 20px
}

.trip-advisor-review-container .reviews-rate-container .ratings-container .localisedName {
    float: left;
    margin-right: 20px;
    width: 95px
}

.trip-advisor-review-container .reviews-rate-container .ratings-container .rating {
    float: left
}

.trip-advisor-review-container .reviews-rate-container .reviews-btn {
    cursor: pointer;
    border-radius: 3px;
    border: solid 2px #9f78a3;
    font-size: 19px;
    font-weight: 700;
    color: #6c3072;
    text-align: center;
    padding: 6px 0;
    margin-bottom: 15px
}

.trip-advisor-review-container .reviews-rate-container .reviews-btn.hidebtn {
    display: none
}

.trip-advisor-review-container .reviews-rate-container .reviews-btn .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .trip-advisor-review-container .reviews-rate-container .reviews-btn .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled, .trip-advisor-review-container .reviews-rate-container .reviews-btn .wb-icon_arrow-down, .wb-form-item .wb-form-item__field .trip-advisor-review-container .reviews-rate-container .reviews-btn .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field .trip-advisor-review-container .reviews-rate-container .reviews-btn .wb-icon_hotel-calendar-disabled {
    font-size: 30px
}

@media (min-width: 36em) {
    .trip-advisor-review-container .reviews-rate-container .reviews-btn {
        display: none
    }

    .trip-advisor-review-container .reviews-rate-container {
        float: right;
        width: 30%
    }
}

.trip-advisor-review-container .reviews-container {
    padding-right: 18px;
    font-size: 1rem;
    line-height: 1.5rem
}

.trip-advisor-review-container .reviews-container .pagination-info {
    margin-bottom: 15px
}

.trip-advisor-review-container .reviews-container .review-container {
    margin-bottom: 14px
}

.trip-advisor-review-container .reviews-container .review-container .username {
    font-weight: 600;
    margin-bottom: 6px
}

.trip-advisor-review-container .reviews-container .review-container .location, .trip-advisor-review-container .reviews-container .review-container .trip-type {
    margin-bottom: 6px
}

.trip-advisor-review-container .reviews-container .review-container .reviews-title {
    margin-bottom: 6px;
    font-size: 16px;
    font-style: italic
}

.trip-advisor-review-container .reviews-container .review-container img {
    min-width: 1px;
    min-height: 1px
}

.trip-advisor-review-container .reviews-container .reviews-btn-close {
    cursor: pointer;
    border-radius: 3px;
    border: solid 2px #9f78a3;
    font-size: 19px;
    font-weight: 700;
    color: #6c3072;
    text-align: center;
    padding: 6px 0;
    margin-bottom: 15px;
    display: none
}

.trip-advisor-review-container .reviews-container .reviews-btn-close.showbtn {
    display: block
}

.trip-advisor-review-container .reviews-container .reviews-btn-close .wb-icon_arrow-up {
    font-size: 30px
}

@media (min-width: 36em) {
    .trip-advisor-review-container .reviews-container .reviews-btn-close, .trip-advisor-review-container .reviews-container .reviews-btn-close.showbtn {
        display: none
    }

    .trip-advisor-review-container .reviews-container {
        float: left;
        width: 70%
    }
}

.trip-advisor-review-container .reviews-container.hide-start-mobile {
    display: none
}

@media (min-width: 36em) {
    .trip-advisor-review-container .reviews-container.hide-start-mobile {
        display: block
    }
}

.trip-advisor-review-container .reviews-container.hide-start-mobile.open {
    display: block
}

.trip-advisor-review-container .trip-advisor-see-reviews {
    margin: 40px 0
}

.trip-advisor-review-container .trip-advisor-write-review {
    margin: 20px 0
}

.container-tab-food {
    border-top: 1px solid #f2f2f2;
    margin-bottom: 5px
}

.container-tab-food .content-container {
    margin-top: 20px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.container-tab-food .title {
    margin-bottom: 21px;
    padding-top: 15px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem
}

@media (min-width: 576px) {
    .container-tab-food .title {
        font-size: 1.4375rem
    }
}

.container-tab-food .logo-container {
    margin-bottom: 21px
}

.container-tab-food .list-tab {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table
}

.container-tab-food .list-tab li.menu-title {
    height: 45px;
    display: table-cell;
    cursor: pointer;
    border: solid 1px #ddd;
    border-left: none;
    line-height: 16px;
    min-width: 59px;
    text-align: center;
    vertical-align: middle;
    padding: 16px;
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.5rem
}

.container-tab-food .list-tab li.menu-title:first-child {
    border-radius: 3px 0 0 3px
}

.container-tab-food .list-tab li.menu-title:last-child {
    border-radius: 0 3px 3px 0
}

@media (min-width: 48em) {
    .container-tab-food .list-tab li.menu-title {
        min-width: 110px
    }
}

.container-tab-food .container-right-data {
    padding: 0;
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 48em) {
    .container-tab-food .container-right-data {
        float: right
    }
}

.container-tab-food .container-right-data .list-additional {
    margin-bottom: 19px;
    padding: 0
}

.container-tab-food .container-right-data .information-p {
    font-size: 14px;
    color: #58595b;
    line-height: 1.5;
    float: left;
    text-align: left;
    margin-top: 20px
}

.container-tab-food .img-container {
    margin-bottom: 20px;
    float: left;
    padding: 0
}

@media (min-width: 48em) {
    .container-tab-food .img-container {
        padding: 0 24px 0 0
    }
}

@media (max-width: 47.99em) {
    .container-tab-food .img-container img {
        padding-right: 0
    }
}

@media (min-width: 48em) {
    .container-tab-food .img-container {
        float: left;
        margin-left: 0
    }
}

.container-tab-food .additional-information-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
    border: solid 1px #80bfbd;
    text-align: left;
    width: 100%
}

@media (min-width: 48em) {
    .container-tab-food .additional-information-container {
        width: 70%
    }
}

.container-tab-food .additional-information-container__icon {
    display: inline-block;
    width: 30px;
    margin-left: 5px
}

.container-tab-food .additional-information-container__icon i {
    display: inline-block;
    margin-top: 10px;
    font-size: 24px;
    color: #80bfbd
}

.container-tab-food .additional-information-container__content {
    width: calc(100% - 30px);
    padding-bottom: 10px;
    padding-right: 16px
}

.container-tab-food .additional-information-container .title {
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 700
}

.container-tab-food .additional-information-container .information {
    font-size: 14px;
    line-height: 1.33
}

.price-fighter-notice__alert {
    background-color: #fc0f42;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    margin-bottom: 20px
}

.price-fighter-notice__content {
    margin: 0 auto
}

.price-fighter-notice__tagline {
    color: #333;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px
}

.price-fighter-notice__blurb {
    display: none
}

@media (min-width: 48em) {
    .price-fighter-notice__blurb {
        display: inline
    }
}

.price-fighter-notice__link {
    color: #6c3072
}

.hub-notice__alert {
    background-color: #bdd600;
    text-align: center;
    font-weight: 700;
    color: #363636;
    padding: 5px 0;
    margin-bottom: 20px
}

.hub-notice__content {
    margin: 0 auto
}

.hub-notice__tagline {
    color: #333;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px
}

.hub-notice__blurb {
    display: none
}

@media (min-width: 48em) {
    .hub-notice__blurb {
        display: inline
    }
}

.hub-notice__link {
    color: #6c3072
}

.wb-notification-outer + .hub-notice {
    margin-top: 1rem
}

.hotel-key-info {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 16px 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.hotel-key-info__content-wrapper {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f5f4ef;
    border: solid 1px #e6e4d8
}

.hotel-key-info .text {
    padding: 8px 24px 24px
}

.hotel-key-info p {
    margin-bottom: 0
}

.hotel-key-info .btn--large {
    padding: 0;
    margin: 8px 8px auto auto;
    font-size: 1.4375rem
}

@media (min-width: 48em) {
    .hotel-key-info {
        float: left;
        width: 59%;
        margin: 0 auto 0 0
    }
}

@media (min-width: 80em) {
    .hotel-key-info {
        width: 65%
    }
}

.hotel-key-info .strapline {
    height: 10px;
    width: 100%;
    display: block
}

.hotel-key-info .strapline__PI {
    background-color: #511e62
}

.hotel-key-info .strapline__HUB {
    background-color: #bdd600
}

.hotel-key-info .strapline__ZIP {
    background-color: #fc0f42
}

.hotel-key-info.close {
    height: 50px
}

.backbutton-container {
    margin: 0 auto;
    max-width: 945px
}

.backbutton-container .wb-a, .backbutton-container .wb-radio__inner .wb-radio__label__inner-link, .wb-radio__inner .backbutton-container .wb-radio__label__inner-link {
    text-decoration: none
}

.backbutton-container .wb-a i[class*=wb-icon_link-clean], .backbutton-container .wb-radio__inner .wb-radio__label__inner-link i[class*=wb-icon_link-clean], .wb-radio__inner .backbutton-container .wb-radio__label__inner-link i[class*=wb-icon_link-clean] {
    margin-left: -10px
}

.backbutton-container .wb-a i[class*=wb-icon_link-clean]:before, .backbutton-container .wb-radio__inner .wb-radio__label__inner-link i[class*=wb-icon_link-clean]:before, .wb-radio__inner .backbutton-container .wb-radio__label__inner-link i[class*=wb-icon_link-clean]:before {
    font-size: 37px
}

.backbutton-container .backbutton {
    font-size: 23px
}

.backbutton-container .backbutton__text {
    font-size: 16px;
    margin-left: -5px;
    line-height: 19px;
    color: #6c3072;
    font-weight: 700
}

@media (min-width: 320px) {
    .xs-col, .xs-col-right {
        float: left;
        box-sizing: border-box
    }

    .xs-col-right {
        float: right
    }

    .xs-col-1 {
        width: 8.33333%
    }

    .xs-col-2 {
        width: 16.66667%
    }

    .xs-col-3 {
        width: 25%
    }

    .xs-col-4 {
        width: 33.33333%
    }

    .xs-col-5 {
        width: 41.66667%
    }

    .xs-col-6 {
        width: 50%
    }

    .xs-col-7 {
        width: 58.33333%
    }

    .xs-col-8 {
        width: 66.66667%
    }

    .xs-col-9 {
        width: 75%
    }

    .xs-col-10 {
        width: 83.33333%
    }

    .xs-col-11 {
        width: 91.66667%
    }

    .xs-col-12 {
        width: 100%
    }
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider > .tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after, .tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-gallery, .tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    min-height: 1px
}

.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    transition: opacity 0s, -webkit-transform 0s;
    transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s, -webkit-transform 0s
}

.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery > .tns-moving {
    transition: all .25s
}

.tns-autowidth, .tns-vpfix > div, .tns-vpfix > li {
    display: inline-block
}

.tns-lazy-img {
    transition: opacity .6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-fadeOut, .tns-normal {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.33333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct > div {
    width: 1.42857%;
    width: calc(100% / 70);
    height: 10px;
    float: left
}

.pi-carousel-view .pi-carousel__btn {
    display: block !important
}

.pi-carousel {
    width: 100%;
    display: block;
    text-align: center;
    position: relative
}

.pi-carousel__image-list {
    padding: 0;
    margin: 0
}

.pi-carousel__image-list li, .pi-carousel__image-list ul {
    width: 600px
}

.container-tab-food .img-container img, .pi-carousel__image-list img {
    width: 100%;
    height: auto
}

.pi-carousel__caption {
    margin: 24px 0;
    height: 24px
}

.pi-carousel__caption img {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-top: -3px;
    display: none
}

@media (min-width: 48em) {
    .pi-carousel__caption img {
        display: inline-block
    }
}

.pi-carousel__caption span {
    padding-left: 8px
}

.pi-carousel__icon-mobile-container {
    position: absolute;
    bottom: 84px;
    background-color: #fff;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    margin-left: 8px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pi-carousel__icon-mobile-container img {
    width: 24px;
    height: 24px
}

@media (min-width: 48em) {
    .pi-carousel__icon-mobile-container {
        display: none
    }
}

.pi-carousel__btn {
    display: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #58595b;
    opacity: 75%;
    position: absolute;
    top: calc(50% - 64px);
    transition: .3s;
    outline: 0;
    cursor: pointer;
    padding-left: 4px
}

.pi-carousel__btn:disabled {
    display: none
}

@media (min-width: 48em) {
    .pi-carousel__btn {
        display: block
    }
}

.pi-carousel__btn--back {
    left: 16px
}

.pi-carousel__btn--next {
    right: 16px
}

.pi-carousel__btn:hover {
    opacity: 100%
}

.pi-carousel:focus-within {
    outline: 5px solid #007aff;
    outline: 5px auto -webkit-focus-ring-color
}

.pi-carousel__thumbnail-list {
    padding: 0;
    margin: 0;
    width: 600px
}

@media (min-width: 48em) {
    .pi-carousel__thumbnail-list {
        display: none
    }
}

.pi-carousel__thumbnail-list li {
    width: 211px;
    display: inline-block;
    padding: 5px;
    cursor: pointer
}

.pi-carousel__thumbnail-list img {
    text-align: center;
    width: 100%;
    padding: 4px
}

.pi-carousel__thumbnail-list img.selected {
    border: 2px solid #333;
    padding: 2px
}

.hdp-topsection {
    padding: 24px 0 0;
    border-top: 1px solid #f2f2f2;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.hdp-topsection .hdp-topsection__gallery-container {
    display: none
}

.hdp-topsection .pi-carousel-view {
    display: block
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul.right-list, .hdp-topsection .pi-carousel-view .pi-carousel__caption, .pi-map #infoboxText .infoboxContent #infoboxDescription p {
    margin: 0
}

.hdp-topsection .pi-carousel-view .pi-carousel__btn {
    top: 0
}

.hdp-topsection .pi-carousel-view .pi-carousel__thumbnail-list {
    display: none
}

.hdp-topsection .pi-carousel-view .pi-carousel__controls-container {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: calc(50% - 30px)
}

@media (min-width: 576px) {
    .hdp-topsection {
        padding: 24px 0
    }
}

@media (min-width: 960px) {
    .hdp-topsection .pi-carousel-view {
        display: none
    }

    .hdp-topsection .hdp-topsection__gallery-container {
        display: block
    }
}

.hdp-topsection__info {
    padding: 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.hdp-topsection__gallery {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width: 960px) {
    .hdp-topsection {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .hdp-topsection__info {
        padding-right: 24px;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .hdp-topsection__gallery {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.hdp-topsection h1 {
    margin: 16px 0 8px;
    padding: 0;
    line-height: 2rem;
    font-weight: 600;
    font-size: 1.4375rem
}

@media (min-width: 576px) {
    .hdp-topsection h1 {
        font-size: 1.8125rem;
        line-height: 2.5rem
    }
}

@media (min-width: 960px) {
    .hdp-topsection h1 {
        margin: 0 0 8px
    }
}

.hdp-topsection__search-distance {
    margin: 0 0 8px;
    font-size: .8125rem
}

@media (min-width: 576px) {
    .hdp-topsection__search-distance {
        font-size: .875rem
    }
}

.hdp-topsection__search-distance__distance {
    font-weight: 600
}

.hdp-topsection__tripadvisor {
    font-size: .8125rem;
    margin: 0 0 16px;
    color: #333;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hdp-topsection__tripadvisor__link {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    background: 0 0;
    border: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hdp-topsection__tripadvisor__icon {
    padding: 3px 4px 0 0
}

.hdp-topsection__tripadvisor__icon-star {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 4px
}

@media (min-width: 576px) {
    .hdp-topsection__tripadvisor__icon-star {
        display: none
    }
}

.hdp-topsection__tripadvisor__rating {
    cursor: pointer;
    color: #000;
    font-weight: 600;
    padding: 3px 0 0;
    text-decoration: none
}

.hdp-topsection__tripadvisor__reviews {
    cursor: pointer;
    padding: 0 8px 0 0;
    text-decoration: underline
}

.hdp-topsection__tripadvisor__award {
    font-size: .8125rem;
    color: #333;
    background: 0 0;
    text-decoration: underline;
    border: 0;
    padding: 0;
    line-height: 1.5rem;
    height: 40px
}

.hdp-topsection__hotel-short-description {
    margin: 16px 0 0;
    font-size: .875rem
}

@media (min-width: 576px) {
    .hdp-topsection__hotel-short-description {
        font-size: 1rem;
        padding: 16px 0 0;
        border-top: none;
        margin: 0 0 24px
    }
}

.hdp-topsection--hide, .topsection--hide {
    display: none !important
}

.hdp-topsection__badges {
    margin: 0 0 16px
}

@media (min-width: 576px) {
    .hdp-topsection__badges {
        margin: 0
    }
}

.hdp-topsection__badges--tooltip {
    position: absolute;
    white-space: normal;
    margin-top: 10px;
    font-weight: 400;
    left: 50%;
    margin-left: -27px;
    top: 110%;
    visibility: hidden;
    outline: 0;
    z-index: 1
}

.hdp-topsection__badges--tooltip .wb-tooltip__facilities {
    z-index: 0
}

.hdp-topsection__badges--tooltip .wb-tooltip {
    min-width: 168px;
    max-width: 188px
}

@media (max-width: 36em) {
    .hdp-topsection__badges--tooltip .wb-tooltip {
        min-width: 150px;
        max-width: 160px
    }
}

.hdp-topsection__badges .pi-flag {
    position: relative;
    border-radius: 12px;
    padding: 4px 8px;
    font-size: .8125rem;
    font-weight: 600;
    margin-right: 8px;
    cursor: pointer;
    background-color: #73325b
}

.hdp-topsection__badges .pi-flag:focus .hdp-topsection__badges--tooltip, .hdp-topsection__badges .pi-flag:hover .hdp-topsection__badges--tooltip {
    visibility: visible
}

.hdp-topsection__badges .pi-flag--hub {
    background-color: #bdd600
}

.hdp-topsection__badges .pi-flag--new-hotel, .hdp-topsection__badges .pi-flag--new-rooms, .hdp-topsection__badges .pi-flag--opening-soon {
    background-color: #73325b
}

.hdp-topsection__badges .pi-flag--new-hotel .wb-tooltip__chevron--top, .hdp-topsection__badges .pi-flag--new-hotel .wb-tooltip__facilities, .hdp-topsection__badges .pi-flag--new-rooms .wb-tooltip__chevron--top, .hdp-topsection__badges .pi-flag--new-rooms .wb-tooltip__facilities, .hdp-topsection__badges .pi-flag--opening-soon .wb-tooltip__chevron--top, .hdp-topsection__badges .pi-flag--opening-soon .wb-tooltip__facilities {
    border-color: #73325b
}

.hdp-topsection__badges .pi-flag--business-rooms {
    background-color: #da3c21
}

.hdp-topsection__badges .pi-flag--business-rooms .wb-tooltip__chevron--top, .hdp-topsection__badges .pi-flag--business-rooms .wb-tooltip__facilities {
    border-color: #da3c21
}

.hdp-topsection__badges .pi-flag--premier-rooms {
    background-color: #056171
}

.hdp-topsection__badges .pi-flag--premier-rooms .wb-tooltip__chevron--top, .hdp-topsection__badges .pi-flag--premier-rooms .wb-tooltip__facilities {
    border-color: #056171
}

.hdp-topsection__badges .pi-flag--bigger-rooms {
    background-color: #7a3e98
}

.hdp-topsection__badges .pi-flag--bigger-rooms .wb-tooltip__chevron--top, .hdp-topsection__badges .pi-flag--bigger-rooms .wb-tooltip__facilities {
    border-color: #7a3e98
}

@media (min-width: 320px) {
    .xs-col, .xs-col-right {
        float: left;
        box-sizing: border-box
    }

    .xs-col-right {
        float: right
    }

    .xs-col-1 {
        width: 8.33333%
    }

    .xs-col-2 {
        width: 16.66667%
    }

    .xs-col-3 {
        width: 25%
    }

    .xs-col-4 {
        width: 33.33333%
    }

    .xs-col-5 {
        width: 41.66667%
    }

    .xs-col-6 {
        width: 50%
    }

    .xs-col-7 {
        width: 58.33333%
    }

    .xs-col-8 {
        width: 66.66667%
    }

    .xs-col-9 {
        width: 75%
    }

    .xs-col-10 {
        width: 83.33333%
    }

    .xs-col-11 {
        width: 91.66667%
    }

    .xs-col-12 {
        width: 100%
    }
}

@media (min-width: 320px) {
    .xs-col, .xs-col-right {
        float: left;
        box-sizing: border-box
    }

    .xs-col-right {
        float: right
    }

    .xs-col-1 {
        width: 8.33333%
    }

    .xs-col-2 {
        width: 16.66667%
    }

    .xs-col-3 {
        width: 25%
    }

    .xs-col-4 {
        width: 33.33333%
    }

    .xs-col-5 {
        width: 41.66667%
    }

    .xs-col-6 {
        width: 50%
    }

    .xs-col-7 {
        width: 58.33333%
    }

    .xs-col-8 {
        width: 66.66667%
    }

    .xs-col-9 {
        width: 75%
    }

    .xs-col-10 {
        width: 83.33333%
    }

    .xs-col-11 {
        width: 91.66667%
    }

    .xs-col-12 {
        width: 100%
    }
}

.pi-list-view {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 100%
}

.pi-list-view img {
    margin-right: 16px;
    width: 24px;
    height: 24px
}

.pi-list-view ul {
    width: 100%;
    padding-left: 0
}

.pi-list-view__description {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #58595b;
    font-size: .875rem;
    margin-top: 2px
}

.pi-list-view li {
    list-style: none;
    margin-bottom: 32px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pi-list-view li span {
    font-weight: 500;
    font-size: 16px
}

.pi-list-view li:last-child {
    margin-bottom: 0
}

.pi-list-view-modal__container {
    max-height: 84vh;
    overflow: auto
}

@media (min-width: 48em) {
    .pi-list-view-modal__container {
        max-height: 60vh
    }
}

.hdp-topsection__facilities--tooltip {
    position: absolute;
    white-space: nowrap;
    margin-top: 10px;
    font-weight: 400;
    left: -18px;
    top: 110%;
    visibility: hidden;
    outline: 0;
    z-index: 1;
    min-width: auto
}

.hdp-topsection__facilities--tooltip .wb-tooltip__facilities {
    z-index: 0
}

.hdp-topsection__facilities--tooltip .wb-tooltip {
    min-width: 56px
}

.hdp-topsection__facilities {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 16px;
    margin: 16px 0
}

@media (min-width: 576px) {
    .hdp-topsection__facilities {
        padding-top: 0;
        border-top: none;
        border-bottom: none;
        margin: 0
    }
}

.hdp-topsection__facilities__all-facilities-link {
    font-size: .875rem;
    text-decoration: underline;
    background: 0 0;
    border: 0;
    color: #511e62
}

.hdp-topsection__facilities__all-facilities-link--mobile {
    display: block
}

@media (max-width: 576px) {
    .hdp-topsection__facilities__all-facilities-link--mobile {
        outline: 0;
        margin-bottom: 16px
    }
}

@media (min-width: 576px) {
    .hdp-topsection__facilities__all-facilities-link--mobile {
        display: none
    }
}

.hdp-topsection__facilities__all-facilities-link--desktop {
    display: none
}

@media (min-width: 576px) {
    .hdp-topsection__facilities__all-facilities-link--desktop {
        padding: 0 0 0 4px;
        display: inline-block;
        cursor: pointer
    }
}

.hdp-topsection__facilities__title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 16px
}

@media (min-width: 576px) {
    .hdp-topsection__facilities__title {
        font-weight: 600;
        font-size: 1.125rem
    }
}

.hdp-topsection__facilities__facility {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width: 576px) {
    .hdp-topsection__facilities__facility {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.hdp-topsection__facilities__facility__list-item {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 24px;
    margin: 0 0 16px;
    position: relative;
    cursor: pointer
}

@media (min-width: 576px) {
    .hdp-topsection__facilities__facility__list-item {
        margin: 0 32px 0 0
    }
}

.hdp-topsection__facilities__facility__list-item__button-wrapper {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

@media (max-width: 576px) {
    .hdp-topsection__facilities__facility__list-item__button-wrapper {
        outline: 0
    }
}

.hdp-topsection__facilities__facility__list-item__button-wrapper p {
    display: inline-block;
    padding: 0 0 0 16px;
    line-height: 2;
    margin: 0;
    color: #333
}

@media (min-width: 576px) {
    .hdp-topsection__facilities__facility__list-item__button-wrapper p {
        display: none
    }

    .hdp-topsection__facilities__facility__list-item__button-wrapper:last-child {
        margin: 0
    }
}

.hdp-topsection__facilities--no-outline {
    outline: 0
}

.pi-list-view__container {
    margin-left: 0
}

.hdp-topsection__gallery-container {
    position: relative;
    z-index: 0;
    box-sizing: border-box
}

.hdp-topsection__gallery-container__single-gallery {
    width: 100%;
    display: block;
    position: relative
}

.hdp-topsection__gallery-container__single-gallery a {
    display: block;
    margin-left: -25px;
    margin-right: -25px
}

@media (min-width: 60em) {
    .hdp-topsection__gallery-container__single-gallery a {
        display: block;
        margin-left: 0;
        margin-right: 0
    }
}

.hdp-topsection__gallery-container__single-gallery img {
    cursor: pointer;
    width: 100%;
    display: block
}

.hdp-topsection__gallery-container__single-gallery button {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: transparent
}

@media (min-width: 768px) {
    .hdp-topsection__gallery-container__single-gallery img {
        cursor: pointer;
        width: 100%
    }
}

@media (min-width: 960px) {
    .hdp-topsection__gallery-container__single-gallery {
        display: none
    }
}

.hdp-topsection__gallery-container__single-gallery__pagination {
    height: 20px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: rgba(51, 51, 51, .75);
    border-radius: 4px;
    position: absolute;
    bottom: 8px;
    right: -8px;
    color: #fff;
    padding: 2px 8px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
}

@media (min-width: 576px) {
    .hdp-topsection__gallery-container__single-gallery__pagination {
        right: -2px !important;
        bottom: 16px !important
    }
}

@media (min-width: 768px) {
    .hdp-topsection__gallery-container__single-gallery__pagination {
        right: -8px !important
    }
}

@media (min-width: 960px) {
    .hdp-topsection__gallery-container__single-gallery__pagination {
        display: none
    }
}

.hdp-topsection__gallery-container__image-gallery {
    display: none
}

@media (min-width: 960px) {
    .hdp-topsection__gallery-container__image-gallery {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.hdp-topsection__gallery-container__image-gallery__main-image {
    height: 336px;
    background-color: #000
}

.hdp-topsection__gallery-container__image-gallery__main-image img {
    cursor: pointer;
    font-family: "object-fit:cover";
    object-fit: cover;
    height: 336px;
    transition: .3s
}

.hdp-topsection__gallery-container__image-gallery__main-image img:hover, .hdp-topsection__gallery-container__image-gallery__thumbnails img:hover {
    opacity: .9
}

.hdp-topsection__gallery-container__image-gallery__main-image button {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: transparent
}

.hdp-topsection__gallery-container__image-gallery__thumbnails-container {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.hdp-topsection__gallery-container__image-gallery__thumbnails {
    background-color: #000;
    margin: 0 0 8px 8px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    padding: 0
}

.hdp-topsection__gallery-container__image-gallery__thumbnails img {
    cursor: pointer;
    font-family: "object-fit:cover";
    object-fit: cover;
    height: 164px;
    width: 192px;
    transition: .3s
}

.hdp-topsection__gallery-container__image-gallery__thumbnails:last-child {
    border-bottom: none
}

.hdp-topsection__gallery-container__all-link {
    cursor: pointer;
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 2;
    color: #511e62;
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: .875rem;
    font-weight: 600;
    border: 1px solid #511e62;
    display: none;
    transition: .3s
}

.hdp-topsection__gallery-container__all-link:hover {
    box-shadow: 0 4px 8px rgba(51, 51, 51, .3)
}

@media (min-width: 960px) {
    .hdp-topsection__gallery-container__all-link {
        display: block
    }
}

.hdp-hotelsnearby {
    display: none
}

.hdp-hotelsnearby--hide {
    display: none !important
}

.hdp-hotelsnearby__header {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hdp-hotelsnearby__header__title {
    font-size: 1.4375rem;
    margin-bottom: 24px;
    font-weight: 600
}

@media (min-width: 36em) {
    .hdp-hotelsnearby__header__title {
        font-size: 1.625rem
    }
}

.hdp-hotelsnearby__header__paginate {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: none
}

.hdp-hotelsnearby__header__paginate__button {
    border: 1px solid #333 !important;
    transition: .15s
}

.hdp-hotelsnearby__header__paginate__button--disabled {
    transition: .15s;
    opacity: .25
}

.hdp-hotelsnearby__header__paginate__button:hover {
    box-shadow: 0 4px 8px 0 #ccc
}

.hdp-hotelsnearby__header__paginate__button:active {
    box-shadow: 0 4px 8px 0 #ccc !important;
    background: 0 0 !important
}

.hdp-hotelsnearby__header__paginate__button:focus {
    outline: 1px solid #007aff;
    box-shadow: 0 4px 8px 0 #ccc !important
}

.hdp-hotelsnearby__container__slider__card:not(:last-child), .hdp-hotelsnearby__header__paginate__button:not(:last-child) {
    margin-right: 16px
}

.hdp-hotelsnearby__header__paginate__button__chevron {
    padding-top: 5px
}

.hdp-hotelsnearby__header__paginate__button__chevron--left {
    margin-right: 2px
}

.hdp-hotelsnearby__header__paginate__button__chevron--right {
    margin-left: 2px
}

.hdp-hotelsnearby__container {
    position: relative;
    overflow-x: auto;
    margin: 0 0 24px;
    padding: 0 0 8px
}

.hdp-hotelsnearby__container__slider {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    transition: left .15s;
    transition-timing-function: ease-in
}

.hdp-hotelsnearby__container__slider__card {
    position: relative;
    color: #333;
    border: solid 1px #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    min-height: 355px;
    max-height: 393px;
    min-width: 250px
}

@media (min-width: 36em) {
    .hdp-hotelsnearby__container__slider__card {
        min-height: 365px;
        max-height: 403px;
        min-width: 227px
    }
}

@media (min-width: 48em) {
    .hdp-hotelsnearby__container__slider__card {
        min-height: 365px;
        max-height: 396px;
        min-width: 255px;
        max-width: 260px
    }
}

@media (min-width: 80em) {
    .hdp-hotelsnearby__container__slider__card {
        min-height: 375px;
        max-height: 383px;
        min-width: 288px
    }
}

@media (min-width: 90em) {
    .hdp-hotelsnearby__container__slider__card {
        min-height: 385px;
        max-height: 396px;
        min-width: 309px
    }
}

@media (min-width: 48em) {
    .hdp-hotelsnearby__container__slider__card:not(:last-child) {
        margin-right: 24px
    }
}

@media (min-width: 36em) {
    .hdp-hotelsnearby__container__slider__card--3-layout {
        max-width: 227px
    }
}

@media (min-width: 48em) {
    .hdp-hotelsnearby__container__slider__card--3-layout {
        max-width: 255px
    }
}

@media (min-width: 80em) {
    .hdp-hotelsnearby__container__slider__card--3-layout {
        max-width: 309px
    }
}

@media (min-width: 20em) {
    .hdp-hotelsnearby__container__slider__card--2-layout {
        max-width: 250px
    }
}

@media (min-width: 36em) {
    .hdp-hotelsnearby__container__slider__card--2-layout {
        max-width: 255px
    }
}

@media (min-width: 90em) {
    .hdp-hotelsnearby__container__slider__card--2-layout {
        max-width: 288px
    }
}

@media (min-width: 80em) {
    .hdp-hotelsnearby__container__slider__card--2-layout {
        max-width: 309px
    }
}

.hdp-hotelsnearby__container__slider__card--1-layout {
    max-width: 255px
}

@media (min-width: 36em) {
    .hdp-hotelsnearby__container__slider__card--1-layout {
        max-width: 255px
    }
}

@media (min-width: 48em) {
    .hdp-hotelsnearby__container__slider__card--1-layout {
        max-width: 288px
    }
}

@media (min-width: 80em) {
    .hdp-hotelsnearby__container__slider__card--1-layout {
        max-width: 309px
    }
}

.hdp-hotelsnearby__container__slider__card:hover {
    box-shadow: 0 0 8px 0 #ccc
}

.hdp-hotelsnearby__container__slider__card__brand-badge {
    position: absolute;
    z-index: 1;
    top: 8px;
    width: 48px;
    height: 24px
}

@media (min-width: 80em) {
    .hdp-hotelsnearby__container__slider__card__brand-badge {
        width: 64px;
        height: 32px
    }
}

.hdp-hotelsnearby__container__slider__card__image {
    width: 100%;
    height: auto;
    max-height: 143px;
    font-family: "object-fit:cover";
    object-fit: cover
}

@media (min-width: 36em) {
    .hdp-hotelsnearby__container__slider__card__image {
        max-height: 129px
    }
}

@media (min-width: 48em) {
    .hdp-hotelsnearby__container__slider__card__image {
        max-height: 146px
    }
}

@media (min-width: 80em) {
    .hdp-hotelsnearby__container__slider__card__image {
        max-height: 165px
    }
}

@media (min-width: 90em) {
    .hdp-hotelsnearby__container__slider__card__image {
        max-height: 177px
    }
}

.hdp-hotelsnearby__container__slider__card__content {
    padding: 8px
}

.hdp-hotelsnearby__container__slider__card__content__title {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 8px
}

.hdp-hotelsnearby__container__slider__card__content__badges {
    margin-bottom: 40px
}

.hdp-hotelsnearby__container__slider__card__content__badges span {
    display: inline-block
}

.hdp-hotelsnearby__container__slider__card__content__trip-advisor {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hdp-hotelsnearby__container__slider__card__content__trip-advisor--hidden {
    display: none
}

.hdp-hotelsnearby__container__slider__card__content__trip-advisor__icon {
    margin-right: 4px
}

.hdp-hotelsnearby__container__slider__card__content__trip-advisor__rating {
    font-size: .8125rem;
    font-weight: 600;
    margin-bottom: 8px
}

.hdp-hotelsnearby__container__slider__card__content__distance {
    line-height: 20px;
    font-size: .875rem;
    margin-bottom: 8px
}

.hdp-hotelsnearby__container__slider__card__content__distance span {
    font-weight: 500
}

.hdp-hotelsnearby__container__slider__card__content__price {
    position: absolute;
    right: 8px;
    bottom: 8px;
    margin-bottom: 0;
    font-size: 1rem
}

.business-form .wb-form-item label, .hdp-hotelsnearby__container__slider__card__content__price span {
    font-weight: 700
}

@media (min-width: 320px) {
    .xs-col, .xs-col-right {
        float: left;
        box-sizing: border-box
    }

    .xs-col-right {
        float: right
    }

    .xs-col-1 {
        width: 8.33333%
    }

    .xs-col-2 {
        width: 16.66667%
    }

    .xs-col-3 {
        width: 25%
    }

    .xs-col-4 {
        width: 33.33333%
    }

    .xs-col-5 {
        width: 41.66667%
    }

    .xs-col-6 {
        width: 50%
    }

    .xs-col-7 {
        width: 58.33333%
    }

    .xs-col-8 {
        width: 66.66667%
    }

    .xs-col-9 {
        width: 75%
    }

    .xs-col-10 {
        width: 83.33333%
    }

    .xs-col-11 {
        width: 91.66667%
    }

    .xs-col-12 {
        width: 100%
    }
}

.wb-icon--location:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources//bookings/location.svg)
}

.wb-icon--bed-single:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/rooms/bed-single.svg)
}

.wb-icon--bed-double:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/rooms/bed-double.svg)
}

.wb-icon--bed-king:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/rooms/bed-king.svg)
}

.wb-icon--1-adult:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/guests/1-adult.svg)
}

.wb-icon--2-adults:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/guests/2-adults.svg)
}

.wb-icon--calendar:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/bookings/calendar.svg)
}

.wb-icon--my-bookings:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/bookings/my-bookings.svg)
}

.wb-icon--search:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/bookings/search.svg)
}

.wb-icon--tick-small:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-small.svg)
}

.wb-icon--tick-small-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-small-white.svg)
}

.wb-icon--tick-large:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-large.svg)
}

.wb-icon--tick-large-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/general/tick-large-white.svg)
}

.wb-icon--accessible-hotel:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/accessible.svg)
}

.wb-icon--amazon-locker:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/amazon-locker.svg)
}

.wb-icon--check-in:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/check-in.svg)
}

.wb-icon--check-out:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/check-out.svg)
}

.wb-icon--costa-coffee:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/costa-coffee.svg)
}

.wb-icon--lift-access:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/lift-access.svg)
}

.wb-icon--luggage-storage:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/luggage-storage.svg)
}

.wb-icon--parking:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/parking.svg)
}

.wb-icon--restaurant:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/hotel/restaurant.svg)
}

.wb-icon--air-conditioning:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/air-conditioning.svg)
}

.wb-icon--family-room:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/family-room.svg)
}

.wb-icon--in-room-app:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/in-room-app.svg)
}

.wb-icon--modern-room:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/modern-room.svg)
}

.wb-icon--nespresso-machine:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/nespresso-machine.svg)
}

.wb-icon--rainfall-shower:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/rainfall-shower.svg)
}

.wb-icon--room-controls:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/room-controls.svg)
}

.wb-icon--smart-tv-40:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/smart-tv-40.svg)
}

.wb-icon--tea-coffee:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/tea-coffee.svg)
}

.wb-icon--wifi-free:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/wifi-free.svg)
}

.wb-icon--wifi-ultimate:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/room/wifi-ultimate.svg)
}

.wb-icon--bicycle:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/transport/bicycle.svg)
}

.wb-icon--facility-code-ACO:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ACO.svg)
}

.wb-icon--facility-code-AOP:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/AOP.svg)
}

.wb-icon--facility-code-AZL:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/AZL.svg)
}

.wb-icon--facility-code-BAR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/BAR.svg)
}

.wb-icon--facility-code-BKF:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/BKF.svg)
}

.wb-icon--facility-code-COC:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/COC.svg)
}

.wb-icon--facility-code-COP:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/COP.svg)
}

.wb-icon--facility-code-COS:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/COS.svg)
}

.wb-icon--facility-code-CPF:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/CPF.svg)
}

.wb-icon--facility-code-CPP:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/CPP.svg)
}

.wb-icon--facility-code-DAY:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/DAY.svg)
}

.wb-icon--facility-code-DIN:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/DIN.svg)
}

.wb-icon--facility-code-DIS:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/DIS.svg)
}

.wb-icon--facility-code-EVC:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/EVC.svg)
}

.wb-icon--facility-code-FAM:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/FAM.svg)
}

.wb-icon--facility-code-HAC:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HAC.svg)
}

.wb-icon--facility-code-HAR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HAR.svg)
}

.wb-icon--facility-code-HEX:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HEX.svg)
}

.wb-icon--facility-code-HLG:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HLG.svg)
}

.wb-icon--facility-code-HLR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HLR.svg)
}

.wb-icon--facility-code-HRS:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HRS.svg)
}

.wb-icon--facility-code-HTR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HTR.svg)
}

.wb-icon--facility-code-HUL:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HUL.svg)
}

.wb-icon--facility-code-HUW:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HUW.svg)
}

.wb-icon--facility-code-HWI:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/HWI.svg)
}

.wb-icon--facility-code-ICR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ICR.svg)
}

.wb-icon--facility-code-IPA:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/IPA.svg)
}

.wb-icon--facility-code-IRA:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/IRA.svg)
}

.wb-icon--facility-code-LFT:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/LFT.svg)
}

.wb-icon--facility-code-LUG:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/LUG.svg)
}

.wb-icon--facility-code-LWB:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/LWB.svg)
}

.wb-icon--facility-code-MEE:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/MEE.svg)
}

.wb-icon--facility-code-OPA:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/OPA.svg)
}

.wb-icon--facility-code-PAF:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/PAF.svg)
}

.wb-icon--facility-code-PAY:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/PAY.svg)
}

.wb-icon--facility-code-PBI:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/PBI.svg)
}

.wb-icon--facility-code-PRR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/PRR.svg)
}

.wb-icon--facility-code-RES:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/RES.svg)
}

.wb-icon--facility-code-SEA:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/SEA.svg)
}

.wb-icon--facility-code-SMA:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/SMA.svg)
}

.wb-icon--facility-code-STE:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/STE.svg)
}

.wb-icon--facility-code-TBM:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/TBM.svg)
}

.wb-icon--facility-code-TRA:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/TRA.svg)
}

.wb-icon--facility-code-WET:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/WET.svg)
}

.wb-icon--facility-code-WIA:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/WIA.svg)
}

.wb-icon--facility-code-ZBF:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ZBF.svg)
}

.wb-icon--facility-code-ZBR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ZBR.svg)
}

.wb-icon--facility-code-ZFB:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ZFB.svg)
}

.wb-icon--facility-code-ZIR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ZIR.svg)
}

.wb-icon--facility-code-ZSR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ZSR.svg)
}

.wb-icon--facility-code-ZTO:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ZTO.svg)
}

.wb-icon--facility-code-ZTR:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/facilities/codes/ZTR.svg)
}

.wb-icon--arrow-down:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/arrow-down.svg)
}

.wb-icon--arrow-left:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/arrow-left.svg)
}

.wb-icon--arrow-right:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/arrow-right.svg)
}

.wb-icon--arrow-up:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/arrow-up.svg)
}

.wb-icon--burger-menu:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/burger-menu.svg)
}

.wb-icon--chevron-down:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/chevron-down.svg)
}

.wb-icon--chevron-left:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/chevron-left.svg)
}

.wb-icon--chevron-right:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/chevron-right.svg)
}

.wb-icon--chevron-up:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/navigation/chevron-up.svg)
}

.wb-icon--accessible:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/accessible.svg)
}

.wb-icon--alert:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/alert.svg)
}

.wb-icon--dismiss:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/dismiss.svg)
}

.wb-icon--error:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/error.svg)
}

.wb-icon--info:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/info.svg)
}

.wb-icon--success:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/success.svg)
}

.wb-icon--accessible-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/accessible-white.svg)
}

.wb-icon--alert-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/alert-white.svg)
}

.wb-icon--dismiss-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/dismiss-white.svg)
}

.wb-icon--error-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/error-white.svg)
}

.wb-icon--info-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/info-white.svg)
}

.wb-icon--success-white:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/notifications/success-white.svg)
}

.wb-icon--language-selector:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/language/language-selector.svg)
}

.wb-icon--flag-british:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/language/flag-british.svg)
}

.wb-icon--flag-french:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/language/flag-french.svg)
}

.wb-icon--flag-italian:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/language/flag-italian.svg)
}

.wb-icon--flag-german:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/language/flag-german.svg)
}

.wb-icon--facebook-dark-large:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/facebook-dark-large.svg)
}

.wb-icon--facebook-dark-medium:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/facebook-dark-medium.svg)
}

.wb-icon--facebook-dark-small:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/facebook-dark-small.svg)
}

.wb-icon--facebook-light-large:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/facebook-light-large.svg)
}

.wb-icon--facebook-light-medium:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/facebook-light-medium.svg)
}

.wb-icon--facebook-light-small:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/facebook-light-small.svg)
}

.wb-icon--instagram-dark-large:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/instagram-dark-large.svg)
}

.wb-icon--instagram-dark-medium:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/instagram-dark-medium.svg)
}

.wb-icon--instagram-dark-small:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/instagram-dark-small.svg)
}

.wb-icon--instagram-light-large:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/instagram-light-large.svg)
}

.wb-icon--instagram-light-medium:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/instagram-light-medium.svg)
}

.wb-icon--instagram-light-small:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/instagram-light-small.svg)
}

.wb-icon--twitter-dark-large:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/twitter-dark-large.svg)
}

.wb-icon--twitter-dark-medium:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/twitter-dark-medium.svg)
}

.wb-icon--twitter-dark-small:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/twitter-dark-small.svg)
}

.wb-icon--twitter-light-large:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/twitter-light-large.svg)
}

.wb-icon--twitter-light-medium:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/twitter-light-medium.svg)
}

.wb-icon--twitter-light-small:before {
    content: url(https://www.premierinn.com/etc.clientlibs/pi/clientlibs/icons/resources/social/twitter-light-small.svg)
}

.pi-image-text-modal__container {
    display: block
}

.pi-image-text-modal__image img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 200px
}

.travellers-choice-modal .pi-modal__title {
    font-weight: 600
}

.travellers-choice-modal .pi-modal__line-break {
    border: 0;
    height: 1px;
    border-top: 1px solid #e0e0e0
}

.travellers-choice-modal .pi-image-text-modal__text p {
    font-size: .875rem;
    line-height: 1.25rem
}

.travellers-choice-modal .pi-image-text-modal__text p:first-child {
    margin: 24px 0
}

.travellers-choice-modal .pi-image-text-modal__text p:last-child {
    margin-bottom: 8px
}

.travellers-choice-modal .pi-image-text-modal__text h3, .travellers-choice-modal .pi-image-text-modal__text h4 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images-option figure, .travellers-choice-modal .pi-image-text-modal__text h4 {
    margin-bottom: 8px
}

@media (min-width: 36em) {
    .travellers-choice-modal .pi-image-text-modal__text p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .travellers-choice-modal .pi-image-text-modal__text h3, .travellers-choice-modal .pi-image-text-modal__text h4 {
        font-size: 1.125rem
    }
}

.hdp-room-types {
    border-top: 1px solid #f2f2f2;
    padding: 16px 0;
    font-size: .875rem;
    line-height: 1.313rem
}

@media (min-width: 36em) {
    .hdp-room-types {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.hdp-room-types__title {
    font-weight: 600;
    font-size: 1.4375rem;
    line-height: 1.75rem
}

.hdp-room-types__tabs {
    margin-top: 24px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hdp-room-types__tab-view--show {
    display: block
}

.hdp-room-types__tab-view--hide {
    display: none
}

.hdp-room-types__tab-button {
    background: 0 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #e0e0e0;
    text-align: center;
    width: 169px;
    padding: 16px;
    cursor: pointer;
    outline: 0;
    color: #58595b
}

@media (min-width: 36em) {
    .hdp-room-types__tab-button {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.hdp-room-types__facilities__facility-item-see-all-button:focus:not(:focus-visible), .hdp-room-types__tab-button:focus:not(:focus-visible) {
    outline: 0
}

.hdp-room-types__tab-button:focus-visible {
    outline: 2px solid #007aff
}

.hdp-room-types__tab-button--active {
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #00798e
}

.hdp-room-types__facilities {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 250px;
    list-style: none;
    margin-top: 24px;
    margin-left: 0;
    margin-bottom: 0
}

@media (min-width: 36em) {
    .hdp-room-types__facilities {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .hdp-room-types__facilities {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.hdp-room-types__facilities__facility-item {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 24px;
    text-align: center
}

.hdp-room-types__facilities__facility-item:last-child {
    margin-right: 0
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .hdp-room-types__facilities__facility-item {
        margin-bottom: 8px
    }
}

.hdp-room-types__facilities__facility-item-icon {
    margin-bottom: 0;
    height: 24px;
    width: 24px
}

@media (min-width: 36em) {
    .hdp-room-types__facilities__facility-item-icon {
        height: 32px;
        width: 32px;
        margin-bottom: 8px
    }
}

.hdp-room-types__facilities__facility-item-text {
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    line-height: 1.313rem;
    margin-bottom: 0
}

@media (min-width: 36em) {
    .hdp-room-types__facilities__facility-item-text {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.hdp-room-types__facilities__facility-item-see-all-icon {
    display: none;
    background-color: #f8f8f8;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 0
}

@media (min-width: 36em) {
    .hdp-room-types__facilities__facility-item-see-all-icon {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 8px
    }
}

.hdp-room-types__facilities__facility-item-see-all-icon i {
    width: 16px;
    height: 16px
}

.hdp-room-types__facilities__facility-item-see-all-icon i:before {
    background-image: url(../../../etc.clientlibs/pi/clientlibs/icons/resources/general/plus-grey.svg);
    background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: "";
    margin-left: -4px;
    margin-top: -4px
}

.hdp-room-types__facilities__facility-item-see-all-button {
    padding: 0 !important;
    text-align: center !important;
    margin-top: 16px
}

.hdp-room-types__facilities__facility-item-see-all-button:focus-visible {
    outline: 2px solid #007aff !important
}

@media (min-width: 36em) {
    .hdp-room-types__facilities__facility-item-see-all-button {
        margin-top: 0
    }
}

.hdp-room-types__room-rates-button {
    margin-top: 12px;
    width: 100%
}

@media (min-width: 36em) {
    .hdp-room-types__room-rates-button {
        width: auto
    }
}

.hdp-room-types__room-rates-button.ratesbtnHide {
    display: none
}

.hdp-room-types__card {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 24px;
    margin-bottom: 12px;
    margin-right: 24px;
    width: 100%;
    max-width: 100%
}

.hdp-room-types__card:last-child {
    margin-right: 0
}

.hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 36em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        display: none
    }
}

@media (min-width: 48em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 80em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        display: none
    }
}

@media (min-width: 90em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+3) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        display: none
    }
}

.hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 36em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        display: none
    }
}

@media (min-width: 48em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 80em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        display: none
    }
}

@media (min-width: 90em) {
    .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card:first-child:nth-last-child(-n+2) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.hdp-room-types__card-title {
    color: #333;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

@media (min-width: 36em) {
    .hdp-room-types__card-title {
        font-size: 1.188rem
    }
}

.hdp-room-types__card-description {
    margin-top: 8px;
    color: #58595b
}

.hdp-room-types__card-content {
    padding: 24px
}

.hdp-room-types__card-image-gallery-btn {
    display: none !important
}

@media (min-width: 48em) {
    .hdp-room-types__card-image-gallery-btn {
        position: absolute;
        display: block !important;
        right: 16px;
        bottom: 16px;
        font-size: .875rem !important;
        padding: 6px 16px !important;
        min-height: 32px !important
    }

    .hdp-room-types__card-image-gallery-btn:focus:not(:focus-visible) {
        outline: 0
    }

    .hdp-room-types__card-image-gallery-btn:focus-visible {
        outline: 2px solid #007aff
    }
}

.hdp-room-types__card-image-gallery-btn--mobile {
    background-image: url(../../../etc.clientlibs/pi/clientlibs/icons/resources/general/expand.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    box-shadow: none;
    border: 0;
    border-radius: 5px
}

.hdp-room-types__card-image-gallery-btn--mobile:focus:not(:focus-visible) {
    outline: 0
}

.hdp-room-types__card-image-gallery-btn--mobile:focus-visible {
    outline: 2px solid #007aff
}

@media (min-width: 48em) {
    .hdp-room-types__card-image-gallery-btn--mobile {
        display: none
    }
}

.hdp-room-types__card-image-container {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hdp-room-types__card-image-container img.room-type-image {
    display: block;
    min-width: 286px;
    width: 100%
}

@media (min-width: 36em) {
    .hdp-room-types__card-image-container img.room-type-image {
        min-width: 325px
    }
}

.hdp-room-types__card-list {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-x: auto
}

.hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 240px
}

@media (min-width: 36em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: auto
    }
}

@media (min-width: 80em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities {
        margin-bottom: 16px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 150px;
        width: 425px
    }

    .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities__facility-item {
        margin-bottom: 16px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities__facility-item-see-all-button, .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities__facility-item-text {
    margin-left: 0
}

@media (min-width: 80em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities__facility-item-see-all-button, .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities__facility-item-text {
        margin-left: 16px
    }

    .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities__facility-item-icon, .hdp-room-types__card-list--1-col-layout .hdp-room-types__facilities__facility-item-see-all-icon {
        margin-bottom: 0
    }
}

.hdp-room-types__card-list--1-col-layout .hdp-room-types__card {
    height: 100%;
    margin-right: 0
}

@media (min-width: 48em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__card {
        max-width: 622px
    }
}

@media (min-width: 80em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__card {
        max-width: 100%;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 360px
    }
}

.hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 36em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        display: none
    }
}

@media (min-width: 48em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) .hdp-room-types__facilities__facility-item:nth-child(5), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(4), .hdp-room-types__card-list--1-col-layout .hdp-room-types__card:first-child:nth-last-child(-n+1) ~ .hdp-room-types__card .hdp-room-types__facilities__facility-item:nth-child(5) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.hdp-room-types__card-list--1-col-layout .hdp-room-types__card-image-container img {
    max-width: none;
    width: 100%
}

@media (min-width: 48em) {
    .hdp-room-types__card-list--1-col-layout .hdp-room-types__card-image-container img {
        max-width: 620px
    }
}

.choose-your-room .pi-header-nav nav-bar {
    display: block;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

@media (min-width: 36em) {
    #room-content-item h1 {
        margin: 32px 0 24px 24px
    }
}

@media (min-width: 80em) {
    #room-content-item h1 {
        margin: 50px 0 24px
    }
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container {
        padding: 0 24px 24px
    }
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container {
        padding: 0;
        width: 625px
    }
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__image-container {
        max-height: 120px
    }
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__image {
        height: 120px
    }
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li {
        padding: 16px
    }
}

@media (min-width: 48em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li {
        padding: 24px
    }
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li {
        padding: 32px 24px 0 32px
    }
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .col p, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li p, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li p {
    font-size: .875rem;
    line-height: 1.313rem;
    color: #58595b
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col.col-right, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li.col-right, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li.col-right {
        padding: 32px 32px 0 24px
    }
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul {
        margin: 0
    }
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul li {
    position: relative;
    list-style: none
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul li ul li {
    padding-left: 27px;
    line-height: 1.313rem;
    color: #58595b
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul li ul li.facilities-title {
    color: #333;
    margin-bottom: 3px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.188rem
}

@media (min-width: 36em) {
    #room-content-item .wb-mobile-continue button {
        width: 255px
    }
}

@media (min-width: 48em) {
    #room-content-item .wb-mobile-continue button {
        width: 345px
    }
}

@media (min-width: 80em) {
    #room-content-item .wb-mobile-continue {
        display: none
    }
}

@media (min-width: 80em) {
    .booking-panel-header {
        display: none
    }
}

.booking-panel-header > h5 {
    color: #511e62;
    text-align: center;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.188rem
}

@media (min-width: 36em) {
    .booking-panel-header.js-booking-panel--stick {
        width: calc(100% - 36px)
    }
}

@media (min-width: 48em) {
    .booking-panel-header.js-booking-panel--stick {
        width: calc(100% - 24px * 2)
    }
}

@media (min-width: 80em) {
    .booking-panel-summary {
        float: right;
        width: 305px;
        margin-right: 16px
    }
}

@media (max-width: 79.99em) {
    .booking-panel-summary .pi-booking-panel-container--inner {
        padding: 0 7.5px 24px
    }

    .booking-panel-summary .pi-booking-panel-container > div {
        display: none
    }

    .booking-panel-summary .pi-booking-panel-container > div.pi-booking-panel-container--inner-open {
        display: block
    }
}

@media (min-width: 80em) {
    .booking-panel-summary .pi-booking-panel-container {
        margin-top: 48px
    }

    .booking-panel-summary .pi-booking-panel-container.bathroom {
        margin-top: 32px
    }

    .booking-panel-summary .pi-booking-panel-container--inner {
        padding: 24px;
        margin: 0
    }
}

.booking-panel-summary .pi-booking-panel-container h4 {
    color: #511e62;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0
}

.booking-panel-summary .pi-booking-panel-container ul {
    list-style: none;
    margin: 0
}

@media (max-width: 79.99em) {
    .booking-panel-summary .pi-booking-panel-container .wb-heading--border-color {
        display: none
    }
}

.booking-panel-summary .pi-booking-panel-container .stay-details--info-summary li {
    padding-bottom: 16px
}

.booking-panel-summary .pi-booking-panel-container .accessible-wrapper .accessible-contact-panel__copy p {
    color: #58595b;
    font-size: .875rem
}

.booking-panel-summary .pi-booking-panel-container .accessible-wrapper .accessible-contact-panel__icon.wb-icon_accessible-rooms {
    color: #007aff;
    padding: 16px 0 16px 16px;
    vertical-align: top
}

@media (max-width: 79.99em) {
    .booking-panel-summary .pi-booking-panel-container .button-container {
        display: none
    }
}

@media (min-width: 80em) {
    .sticky-margin {
        margin-top: 0
    }
}

@media (min-width: 48em) {
    #room-content-item .rooms-container {
        padding: 0 32px
    }
}

@media (min-width: 80em) {
    #room-content-item .rooms-container {
        padding: 0;
        width: 70%
    }
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .accessible-heading {
        font-size: 1.4375rem
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__images-option {
        display: inline-block;
        width: calc(100% / 2 - 10px)
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__images-option:first-child {
        display: inline-block
    }
}

@media (max-width: 47.99em) {
    #room-content-item .rooms-container .wb-accessible__images .view-gallery {
        right: 8px
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__room-details {
        margin-right: 16px;
        margin-bottom: 0
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__room-selector {
        display: inline-block
    }
}

#room-content-item {
    width: 100%
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__room-selector-field {
        width: 214px
    }
}

@media (min-width: 36em) and (max-width: 47.99em) {
    #room-content-item .rooms-container .wb-accessible__room-selector-field {
        margin-right: 16px
    }
}

#room-content-item .rooms-container .wb-accessible__room-selector-field select {
    padding-left: 44px;
    font-style: normal;
    background-color: #fff;
    border-radius: 3px;
    border-color: #ccc
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip {
        position: absolute;
        top: 17px;
        left: 310px
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__chevron {
        padding: 8px;
        border-bottom-left-radius: 0
    }

    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip .wb-tooltip__chevron--top {
        top: 5px;
        left: -16px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip .wb-tooltip__chevron-outline--top:before {
        left: -6px;
        top: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 16px;
        height: 14px
    }
}

@media (max-width: 35.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip:before {
        top: 24px;
        left: 63px;
        border-top: 8px solid #e5f1f5;
        border-bottom: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent
    }
}

@media (min-width: 36em) and (max-width: 47.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip:before {
        border-top: 16px solid transparent;
        border-bottom: 8px solid transparent
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip:before {
        border-right: 13px solid #e5f1f5;
        left: -16px;
        top: 3px
    }
}

@media (max-width: 35.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__content.unavailable:before {
        border-top-color: #f9d9e2
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__content.unavailable:before {
        border-right-color: #f9d9e2
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip {
        left: 355px;
        top: 19px
    }
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip {
        left: 335px;
        top: 26px;
        max-width: 100%
    }
}

@media (max-width: 35.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip .wb-tooltip:before {
        top: 40px
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip .wb-tooltip:before {
        top: 11px
    }
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip .wb-tooltip:before {
        top: 3px
    }
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner {
    border: 1px solid #00798e
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__group li {
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    background: #fff
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__group li:last-child.active {
    border: 1px solid #becac7
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__label__inner span:last-child {
    font-weight: 400;
    color: #58595b
}

.booking-panel-summary .pi-booking-panel-container p {
    margin-bottom: 0
}

#room-content-item .rooms-container .wb-notification-icon:before {
    top: 14px;
    left: 10px;
    font-size: 1.625rem
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .btn-continue {
        width: 300px
    }
}

.choose-your-room {
    -webkit-font-smoothing: antialiased;
    line-height: 1.25rem
}

#room-content-item h1 {
    color: #333;
    font-size: 23px;
    line-height: 28px;
    margin: 24px 16px
}

@media (min-width: 36em) {
    #room-content-item h1 {
        margin: 32px 0 24px 24px
    }
}

@media (min-width: 80em) {
    #room-content-item h1 {
        margin: 50px 0 24px
    }
}

#room-content-item .premium-rooms-container {
    padding: 0 16px;
    float: left;
    width: 100%
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container {
        padding: 0 24px 24px
    }
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container {
        padding: 0;
        width: 625px
    }
}

#room-content-item .premium-rooms-container .premium-rooms {
    margin: 0 0 24px;
    border: solid 1px #ddd;
    background-color: #fff;
    float: left
}

#room-content-item .premium-rooms-container .premium-rooms__image-container {
    width: 100%;
    max-height: 105px;
    overflow: hidden;
    position: relative
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__image-container {
        max-height: 120px
    }
}

#room-content-item .premium-rooms-container .premium-rooms__image {
    width: 100%;
    font-family: "object-fit:cover;object-position:top";
    object-fit: cover;
    object-position: top;
    height: 105px
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__image {
        height: 120px
    }
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container {
    float: left;
    padding: 16px 0 24px
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .col, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li {
    padding: 0 16px
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li {
        padding: 16px
    }
}

@media (min-width: 48em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li {
        padding: 24px
    }
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li {
        padding: 32px 24px 0 32px
    }
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .col .strapline, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li .strapline, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li .strapline {
    margin-bottom: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.188rem
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .col.col-right, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li.col-right, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li.col-right {
    float: right;
    padding: 0 32px 16px 24px
}

@media (min-width: 36em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .col.col-right, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li.col-right, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li.col-right {
        padding: 32px 32px 0 24px
    }
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .col.button-container, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li.button-container, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li.button-container {
    padding: 0 24px 0 32px;
    clear: left
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .col.button-container .wb-btn, #room-content-item .premium-rooms-container .premium-rooms__copy-container .col.button-container .wb-form-item .wb-form-item__field > i, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li.button-container .wb-btn, #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li.button-container .wb-form-item .wb-form-item__field > i, #room-content-item .wb-mobile-continue button, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li.button-container .wb-btn, .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li.button-container .wb-form-item .wb-form-item__field > i, .wb-form-item #room-content-item .premium-rooms-container .premium-rooms__copy-container .col.button-container .wb-form-item__field > i, .wb-form-item #room-content-item .premium-rooms-container .premium-rooms__copy-container .responsive-component .pi-icon-panel ul li.button-container .wb-form-item__field > i, .wb-form-item .responsive-component .pi-icon-panel ul #room-content-item .premium-rooms-container .premium-rooms__copy-container li.button-container .wb-form-item__field > i {
    width: 100%
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .wb-icon_tick::before {
    font-size: 21px;
    color: #511e62;
    font-weight: 700
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 24px 0 0
}

@media (min-width: 80em) {
    #room-content-item .premium-rooms-container .premium-rooms__copy-container .pi-icon-panel ul {
        margin: 0
    }
}

#room-content-item .wb-mobile-continue {
    display: block
}

@media (min-width: 36em) {
    #room-content-item .wb-mobile-continue button {
        width: 255px
    }
}

@media (min-width: 48em) {
    #room-content-item .wb-mobile-continue button {
        width: 345px
    }
}

@media (min-width: 80em) {
    #room-content-item .wb-mobile-continue {
        display: none
    }
}

.booking-panel-header {
    display: block;
    background-color: #f3f2f0;
    cursor: pointer;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: .5s;
    transition-timing-function: ease-out;
    opacity: 1
}

@media (min-width: 80em) {
    .booking-panel-header {
        display: none
    }
}

.booking-panel-header--icon {
    display: inline-block
}

.booking-panel-header--icon .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .booking-panel-header--icon .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled, .booking-panel-header--icon .wb-icon_arrow-down, .booking-panel-header--icon .wb-icon_arrow-up, .wb-form-item .wb-form-item__field .booking-panel-header--icon .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field .booking-panel-header--icon .wb-icon_hotel-calendar-disabled {
    font-size: 1.4375rem;
    vertical-align: middle
}

.booking-panel-header.js-booking-panel--stick {
    position: fixed;
    width: calc(100% - 16px * 2);
    top: 0;
    z-index: 9000;
    transition: none .5s ease-out;
    opacity: 1
}

@media (min-width: 36em) {
    .booking-panel-header.js-booking-panel--stick {
        width: calc(100% - 36px)
    }
}

@media (min-width: 48em) {
    .booking-panel-header.js-booking-panel--stick {
        width: calc(100% - 24px * 2)
    }
}

.booking-panel-header.js-booking-panel--pinned {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: none .5s ease-out;
    opacity: 1
}

.booking-panel-header.js-booking-panel--unstick {
    transition: none .5s ease-in;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.booking-panel-summary {
    color: #333;
    font-size: .875rem
}

@media (min-width: 80em) {
    .booking-panel-summary {
        float: right;
        width: 305px;
        margin-right: 16px
    }
}

.booking-panel-summary .wb-btn, .booking-panel-summary .wb-form-item .wb-form-item__field > i, .wb-form-item .booking-panel-summary .wb-form-item__field > i {
    font-size: 1.188rem
}

.booking-panel-summary .pi-booking-panel-container {
    background-color: #f3f2f0;
    cursor: pointer;
    display: block
}

.booking-panel-summary .pi-booking-panel-container--inner {
    line-height: 1.313rem
}

@media (max-width: 79.99em) {
    .booking-panel-summary .pi-booking-panel-container--inner {
        padding: 0 7.5px 24px
    }

    .booking-panel-summary .pi-booking-panel-container > div {
        display: none
    }

    .booking-panel-summary .pi-booking-panel-container > div.pi-booking-panel-container--inner-open {
        display: block
    }
}

@media (min-width: 80em) {
    .booking-panel-summary .pi-booking-panel-container {
        margin-top: 48px
    }

    .booking-panel-summary .pi-booking-panel-container.bathroom {
        margin-top: 32px
    }

    .booking-panel-summary .pi-booking-panel-container--inner {
        padding: 24px;
        margin: 0
    }
}

.booking-panel-summary .pi-booking-panel-container .wb-heading--border-color {
    display: block;
    border-bottom: 1px solid #ddd
}

@media (max-width: 79.99em) {
    .booking-panel-summary .pi-booking-panel-container .wb-heading--border-color {
        display: none
    }
}

.booking-panel-summary .pi-booking-panel-container .wb-heading--border-color.wb-price {
    display: block
}

.booking-panel-summary .pi-booking-panel-container .booking-overview--total-label {
    font-weight: 600;
    margin-top: 10px;
    font-size: 1rem
}

.booking-panel-summary .pi-booking-panel-container .booking-overview--total-price {
    line-height: 2.25rem;
    font-size: 2.25rem;
    font-weight: 700
}

.booking-panel-summary .pi-booking-panel-container .booking-overview--vat {
    font-size: 13px;
    padding-bottom: 16px
}

.booking-panel-summary .pi-booking-panel-container .booking-overview--tariff {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem
}

.booking-panel-summary .pi-booking-panel-container .room-details--container {
    font-size: .875rem;
    line-height: 1.313rem;
    height: auto;
    color: #333;
    font-weight: 400;
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 2px
}

.booking-panel-summary .pi-booking-panel-container .room-details--button {
    font-size: 1rem;
    line-height: 1.188rem;
    font-weight: 700;
    color: #511e62;
    border: 0;
    border-top: 1px solid #ccc;
    height: 40px;
    outline: 0;
    width: 100%;
    cursor: pointer;
    padding: 16px;
    background: #fff
}

.booking-panel-summary .pi-booking-panel-container .room-details--button .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .booking-panel-summary .pi-booking-panel-container .room-details--button .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled, .booking-panel-summary .pi-booking-panel-container .room-details--button .wb-icon_arrow-down, .booking-panel-summary .pi-booking-panel-container .room-details--button .wb-icon_arrow-up, .wb-form-item .wb-form-item__field .booking-panel-summary .pi-booking-panel-container .room-details--button .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field .booking-panel-summary .pi-booking-panel-container .room-details--button .wb-icon_hotel-calendar-disabled {
    font-size: 1.4375rem
}

.booking-panel-summary .pi-booking-panel-container .room-details--button .wb-icon_arrow-up {
    color: #b597b8
}

.booking-panel-summary .pi-booking-panel-container .room-details--open {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 16px 0;
    border-left: 0;
    border-right: 0
}

.booking-panel-summary .pi-booking-panel-container .room-details--open + .stay-details--info, .booking-panel-summary .pi-booking-panel-container .room-details--open ~ .accessible-wrapper {
    display: block
}

.booking-panel-summary .pi-booking-panel-container .room-details--label {
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.booking-panel-summary .pi-booking-panel-container .stay-details--info {
    padding: 8px 16px 16px;
    display: none;
    font-size: 1rem;
    line-height: 1.5rem
}

.booking-panel-summary .pi-booking-panel-container .stay-details--info .wb-checkbox__contained h5, .booking-panel-summary .pi-booking-panel-container .stay-details--info .wb-heading--h5, .wb-checkbox__contained .booking-panel-summary .pi-booking-panel-container .stay-details--info h5 {
    font-weight: 600;
    font-size: 1rem
}

.booking-panel-summary .pi-booking-panel-container .stay-details--info-summary li .stay-details--info-title {
    font-weight: 600
}

.booking-panel-summary .pi-booking-panel-container .accessible-wrapper {
    border: solid 2px #007aff;
    display: table;
    width: 100%;
    margin-top: 16px;
    background: #fff
}

.booking-panel-summary .pi-booking-panel-container .accessible-wrapper .accessible-contact-panel__cell {
    display: table-cell
}

.booking-panel-summary .pi-booking-panel-container .accessible-wrapper .accessible-contact-panel__copy {
    vertical-align: middle;
    padding: 16px
}

.booking-panel-summary .pi-booking-panel-container .accessible-wrapper .accessible-contact-panel__icon.wb-icon_accessible-rooms:before {
    font-size: 2.313rem;
    margin-top: 16px
}

.booking-panel-summary .pi-booking-panel-container .booking-details--room-info:last-of-type {
    padding-bottom: 0
}

.booking-panel-summary .pi-booking-panel-container .booking-details--room-type {
    font-weight: 400
}

.booking-panel-summary .pi-booking-panel-container .booking-details--room-info {
    padding: 16px 0;
    border-top: 1px solid #e8ebea
}

.booking-panel-summary .pi-booking-panel-container .wb-notification {
    position: relative;
    color: #58595b;
    background-color: #fff;
    width: auto
}

.booking-panel-summary .pi-booking-panel-container .wb-notification-text {
    vertical-align: top;
    margin: 0 0 0 32px
}

.booking-panel-summary .pi-booking-panel-container .wb-notification .wb-icon_disc-info-new:before, .booking-panel-summary .pi-booking-panel-container .wb-notification .wb-notification__unhousedinfo-center .wb-notification-header:before, .wb-notification__unhousedinfo-center .booking-panel-summary .pi-booking-panel-container .wb-notification .wb-notification-header:before {
    position: absolute;
    left: 16px;
    top: 16px;
    font-size: 1.4375rem
}

.booking-panel-summary .pi-booking-panel-container .button-container {
    margin-top: 24px;
    display: block
}

@media (max-width: 79.99em) {
    .booking-panel-summary .pi-booking-panel-container .button-container {
        display: none
    }
}

.sticky-margin {
    margin-top: 55px
}

@media (min-width: 80em) {
    .sticky-margin {
        margin-top: 0
    }
}

#primary-content-item.container {
    width: auto
}

#room-content-item .rooms-container {
    float: left;
    width: 100%
}

@media (min-width: 48em) {
    #room-content-item .rooms-container {
        padding: 0 32px
    }
}

@media (min-width: 80em) {
    #room-content-item .rooms-container {
        padding: 0;
        width: 70%
    }
}

#room-content-item .rooms-container .pi-booking-panel-container {
    margin: 32px
}

#room-content-item .rooms-container .accessible-heading {
    font-weight: 700;
    color: #333;
    font-size: 1.188rem;
    line-height: 1.313rem;
    margin: 32px 0
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .accessible-heading {
        font-size: 1.4375rem
    }
}

#room-content-item .rooms-container .wb-accessible__images {
    position: relative;
    margin-top: 32px
}

#room-content-item .rooms-container .wb-accessible__images-option {
    display: inline-block;
    width: 100%
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__images-option {
        display: inline-block;
        width: calc(100% / 2 - 10px)
    }
}

#room-content-item .rooms-container .wb-accessible__images-option:first-child {
    margin-right: 16px;
    display: none
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__images-option:first-child {
        display: inline-block
    }
}

#room-content-item .rooms-container .wb-accessible__images .view-gallery {
    width: 112px;
    height: 24px;
    opacity: .9;
    border-radius: 12px;
    background-color: #fff;
    color: #511e62;
    position: absolute;
    line-height: 1.5rem;
    right: 16px;
    bottom: 24px;
    text-align: center;
    font-weight: 700;
    font-size: .75rem
}

@media (max-width: 47.99em) {
    #room-content-item .rooms-container .wb-accessible__images .view-gallery {
        right: 8px
    }
}

#room-content-item .rooms-container .wb-accessible__images .view-gallery span {
    margin-left: 8px;
    cursor: pointer
}

#room-content-item .rooms-container .wb-accessible__images .view-gallery .wb-icon_camera {
    font-size: 1.188rem;
    vertical-align: middle
}

#room-content-item .rooms-container .wb-accessible__room--inline {
    position: relative
}

#room-content-item .rooms-container .wb-accessible__room-details {
    position: relative;
    top: 10px;
    line-height: 1.5rem;
    font-size: 1rem;
    display: inline-block
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__room-details {
        margin-right: 16px;
        margin-bottom: 0
    }
}

#room-content-item .rooms-container .wb-accessible__room-details-number {
    font-size: 1.125rem
}

#room-content-item .rooms-container .wb-accessible__room-selector {
    margin-top: 24px
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__room-selector {
        display: inline-block
    }
}

#room-content-item .rooms-container .wb-accessible__room-selector-field {
    width: 100%
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__room-selector-field {
        width: 214px
    }
}

@media (min-width: 36em) and (max-width: 47.99em) {
    #room-content-item .rooms-container .wb-accessible__room-selector-field {
        margin-right: 16px
    }
}

#room-content-item .rooms-container .wb-accessible__room-selector-field .wb-icon_accessible-rooms {
    font-size: 1.25rem;
    color: #007aff
}

#room-content-item .rooms-container .wb-accessible__room-selector-field .wb-icon_accessible-rooms:before {
    position: absolute;
    top: 18px;
    left: 14px
}

#room-content-item .rooms-container .wb-accessible__room-selector-field .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, #room-content-item .rooms-container .wb-accessible__room-selector-field .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled, #room-content-item .rooms-container .wb-accessible__room-selector-field .wb-icon_arrow-down, .wb-form-item .wb-form-item__field #room-content-item .rooms-container .wb-accessible__room-selector-field .wb-icon_arrow-down-disabled, .wb-form-item .wb-form-item__field #room-content-item .rooms-container .wb-accessible__room-selector-field .wb-icon_hotel-calendar-disabled {
    width: 0;
    height: 0;
    padding-right: 24px;
    top: 14px
}

#room-content-item .rooms-container .wb-accessible__tooltip {
    position: initial;
    margin-top: 16px
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip {
        position: absolute;
        top: 17px;
        left: 310px
    }
}

#room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip {
    min-height: auto;
    min-width: auto
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__chevron {
        padding: 8px;
        border-bottom-left-radius: 0
    }

    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip .wb-tooltip__chevron--top {
        top: 5px;
        left: -16px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip .wb-tooltip__chevron-outline--top:before {
        left: -6px;
        top: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 16px;
        height: 14px
    }
}

@media (max-width: 35.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip:before {
        top: 24px;
        left: 63px;
        border-top: 8px solid #e5f1f5;
        border-bottom: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent
    }
}

@media (min-width: 36em) and (max-width: 47.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip:before {
        border-top: 16px solid transparent;
        border-bottom: 8px solid transparent
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip:before {
        border-right: 13px solid #e5f1f5;
        left: -16px;
        top: 3px
    }
}

#room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__content {
    width: auto;
    padding: 4px 16px 4px 8px;
    background-color: #e5f1f5
}

#room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__content.unavailable {
    background-color: #f9d9e2
}

@media (max-width: 35.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__content.unavailable:before {
        border-top-color: #f9d9e2
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip .wb-tooltip__content.unavailable:before {
        border-right-color: #f9d9e2
    }
}

#room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip {
    left: 120px;
    top: 13px;
    max-width: 160px
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip {
        left: 355px;
        top: 19px
    }
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip {
        left: 335px;
        top: 26px;
        max-width: 100%
    }
}

@media (max-width: 35.99em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip .wb-tooltip:before {
        top: 40px
    }
}

@media (min-width: 36em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip .wb-tooltip:before {
        top: 11px
    }
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .wb-accessible__tooltip.de-tooltip .wb-tooltip:before {
        top: 3px
    }
}

#room-content-item .rooms-container .wb-accessible__container-last {
    border-bottom: 1px solid #ddd;
    padding-bottom: 24px
}

#room-content-item .rooms-container .wb-accessible__radio-field {
    margin-top: 24px
}

#room-content-item .rooms-container .wb-accessible__radio-field.wb-push-double--bottom {
    margin-bottom: 35px !important
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__inner:before {
    width: 22px;
    height: 22px
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__inner:after {
    width: 12px;
    height: 12px
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:before {
    background-color: #fff;
    border: 1px solid #b6c4c1;
    width: 22px;
    height: 22px
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:after {
    background-color: #b6c4c1;
    border: 1px solid #b6c4c1;
    width: 12px;
    height: 12px
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__group li:first-child {
    border-bottom: 0;
    border-radius: 3px 3px 0 0
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__group li.active {
    background: #fff
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__label__inner {
    padding: 12px 12px 12px 44px;
    box-shadow: none
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__label__inner:before {
    width: 22px;
    height: 22px;
    left: 12px;
    top: 12px;
    border: 1px solid #b6c4c1
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__label__inner:after {
    width: 12px;
    height: 12px;
    top: 17px;
    left: 17px
}

#room-content-item .rooms-container .wb-accessible__radio-field .wb-radio__label__inner span {
    color: #333;
    margin-bottom: 0;
    line-height: 1.313rem
}

#room-content-item .rooms-container .wb-accessible__form-item {
    margin-bottom: 30px
}

#room-content-item .rooms-container .no-selection-required p, #room-content-item .rooms-container .wb-accessible__form-item-last, #room-content-item .rooms-container .wb-notification p {
    margin-bottom: 0
}

#room-content-item .rooms-container .wb-notification {
    border: 0;
    background: 0 0;
    padding: 12px
}

#room-content-item .rooms-container .wb-notification__info [class*=wb-icon] {
    color: #fa9300
}

#room-content-item .rooms-container .wb-notification-header {
    color: #333;
    margin-left: 32px;
    line-height: 1.313rem
}

#room-content-item .rooms-container .wb-notification-text {
    color: #000;
    line-height: 1.313rem;
    margin-left: 32px
}

#room-content-item .rooms-container .no-selection-required {
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 1rem;
    line-height: 1.5rem
}

#room-content-item .rooms-container .btn-continue {
    margin: 22px 0;
    display: inline-block;
    width: 100%
}

@media (min-width: 48em) {
    #room-content-item .rooms-container .btn-continue {
        width: 300px
    }
}

#room-content-item .rooms-container {
    padding: 0
}

#room-content-item .rooms-container.choose-your-twinroom .wb-notification-header {
    color: #333;
    font-size: 1rem;
    line-height: 1.38;
    font-weight: 600
}

#room-content-item .rooms-container.choose-your-twinroom .wb-notification-text {
    font-size: 1rem;
    line-height: 1.5rem
}

#room-content-item .rooms-container.choose-your-twinroom h1.choose-your-twinroom__heading {
    font-size: 1.4375rem;
    font-weight: 600;
    line-height: 1.38;
    margin: 0;
    padding-bottom: 16px
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom h1.choose-your-twinroom__heading {
        font-size: 1.8125rem
    }
}

#room-content-item .rooms-container.choose-your-twinroom .pi-light-box-modal {
    display: block
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .pi-light-box-modal {
        display: none
    }
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner:before {
    border: 2px solid #979797;
    width: 20px;
    height: 20px
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner:after {
    width: 10px;
    height: 10px
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner {
    border: inherit
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:before {
    border: 2px solid #00798e;
    width: 20px;
    height: 20px
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__inner input[type=radio]:checked + .wb-radio__label__inner:after {
    background-color: #00798e;
    width: 10px;
    height: 10px
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__room-details {
    font-size: .875rem
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .wb-accessible__room-details {
        font-size: 1rem
    }
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__room-details-number {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 4px
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .wb-accessible__room-details-number {
        font-size: 1.4375rem
    }
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__room-details-guest-no {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 4px
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner__title {
    font-weight: 600;
    font-size: 1rem
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner-info {
    font-size: 1rem
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner span.cta {
    display: block;
    line-height: 20px;
    font-size: 14px;
    text-decoration: underline;
    color: #511e62
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner span.cta {
        display: none
    }
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner span:last-child {
    font-size: 14px;
    line-height: 1.43;
    color: #333
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .wb-accessible__radio-field .wb-radio__label__inner span:last-child {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images {
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 24px;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images .view-gallery {
    bottom: 70px
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images-option {
    padding-bottom: 8px
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images-option:first-child {
    margin-right: 0;
    display: inline-block
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images-option figure {
        margin-bottom: 16px
    }
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images-option figcaption {
    margin: 16px 0;
    font-size: 1rem;
    font-weight: 600;
    text-align: center
}

#room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images-option:nth-child(2) {
    display: none
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .wb-accessible__images-option:nth-child(2) {
        display: inline-block
    }
}

#room-content-item .rooms-container.choose-your-twinroom .wb-radio__label.twinroom__option {
    display: table;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

#room-content-item .rooms-container.choose-your-twinroom .twinroom {
    max-width: 642px
}

#room-content-item .rooms-container.choose-your-twinroom .twinroom__option__description {
    display: table-cell
}

#room-content-item .rooms-container.choose-your-twinroom .twinroom__option__price {
    display: table-cell;
    font-size: 1rem;
    text-align: center;
    border-left: solid 1px #e0e0e0;
    vertical-align: middle;
    width: 74px
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .twinroom__option__price {
        width: 124px;
        font-size: 1.25rem
    }
}

#room-content-item .rooms-container.choose-your-twinroom .twinroom__option__price__text {
    display: block;
    font-size: .875rem
}

#room-content-item .rooms-container.choose-your-twinroom .twinroom.active {
    border: 2px solid #00798e !important
}

#room-content-item .rooms-container.choose-your-twinroom .twinroom.active .twinroom__option__price {
    background-color: #e5f1f3;
    border-left: 1px solid #00798e;
    width: calc(74px - 1px)
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .twinroom.active .twinroom__option__price {
        width: calc(124px - 1px)
    }
}

#room-content-item .rooms-container.choose-your-twinroom .image-index {
    display: none
}

#room-content-item .rooms-container.choose-your-twinroom .view-gallery {
    display: block
}

@media (min-width: 36em) {
    #room-content-item .rooms-container.choose-your-twinroom .view-gallery {
        display: none
    }
}

#room-content-item .rooms-container .wb-radio__label__inner-price {
    font-size: 1rem;
    color: #333
}

#feedbackFormWrapper .feedback-form {
    padding: 0 15px
}

#feedbackFormWrapper .feedback-form .feedback-form-section {
    width: 100%;
    padding-bottom: 10px;
    float: left
}

#feedbackFormWrapper .feedback-form .wb-notification {
    width: 100%;
    margin-left: -1px;
    margin-top: 5px
}

#feedbackFormWrapper .feedback-form .wb-fb-btn {
    border-radius: 8px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 12px 16px;
    background-color: #0084ff;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    float: left;
    margin-bottom: 16px
}

#feedbackFormWrapper .feedback-form .wb-radio__label__inner .wb-radio__label__inner__title--reg {
    font-weight: 400
}

#feedbackFormWrapper .feedback-form .wb-form-item__field input, #feedbackFormWrapper .feedback-form .wb-form-item__field select, #feedbackFormWrapper .feedback-form .wb-form-item__field textarea {
    height: 56px;
    background-color: #fff;
    border-radius: 4px;
    font-style: normal;
    padding: 16px
}

#feedbackFormWrapper .feedback-form .wb-form-item__field input.ng-pristine.ng-untouched, #feedbackFormWrapper .feedback-form .wb-form-item__field input.ng-untouched:not(.ng-dirty), #feedbackFormWrapper .feedback-form .wb-form-item__field select.ng-pristine.ng-untouched, #feedbackFormWrapper .feedback-form .wb-form-item__field select.ng-untouched:not(.ng-dirty), #feedbackFormWrapper .feedback-form .wb-form-item__field textarea.ng-pristine.ng-untouched, #feedbackFormWrapper .feedback-form .wb-form-item__field textarea.ng-untouched:not(.ng-dirty), .business-form .wb-form-item input.ng-pristine.ng-untouched, .business-form .wb-form-item input.ng-untouched:not(.ng-dirty), .business-form .wb-form-item select.ng-pristine.ng-untouched, .business-form .wb-form-item select.ng-untouched:not(.ng-dirty) {
    outline: 0
}

#feedbackFormWrapper .feedback-form .wb-form-item__field input.dialing-code-padding, #feedbackFormWrapper .feedback-form .wb-form-item__field select.dialing-code-padding, #feedbackFormWrapper .feedback-form .wb-form-item__field textarea.dialing-code-padding, .business-form .wb-form-item input.dialing-code-padding, .business-form .wb-form-item select.dialing-code-padding {
    padding-left: 40px
}

#feedbackFormWrapper .feedback-form .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, #feedbackFormWrapper .feedback-form .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled, #feedbackFormWrapper .feedback-form .wb-form-item__field .wb-icon_arrow-down, #feedbackFormWrapper .feedback-form .wb-form-item__field .wb-icon_arrow-down-disabled, #feedbackFormWrapper .feedback-form .wb-form-item__field .wb-icon_hotel-calendar, #feedbackFormWrapper .feedback-form .wb-form-item__field .wb-icon_hotel-calendar-disabled, .wb-form-item #feedbackFormWrapper .feedback-form .wb-form-item__field .wb-icon_arrow-down-disabled, .wb-form-item #feedbackFormWrapper .feedback-form .wb-form-item__field .wb-icon_hotel-calendar-disabled {
    top: 15px
}

#feedbackFormWrapper .feedback-form .wb-form-item textarea {
    height: auto
}

#feedbackFormWrapper .feedback-form .wb-form-item .dialing-code-flag {
    width: 24px;
    height: 24px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (min-width: 48em) {
    #feedbackFormWrapper .wb-tooltip__accessible {
        margin-left: 15px;
        max-width: auto
    }

    #feedbackFormWrapper .wb-tooltip__accessible .wb-tooltip__chevron--top {
        top: 16px;
        left: -16px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

#feedbackFormWrapper .wb-tooltip__accessible .wb-tooltip__chevron-outline--top:before {
    left: 22px;
    top: -6px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width: 48em) {
    #feedbackFormWrapper .wb-tooltip__accessible .wb-tooltip__chevron-outline--top:before {
        left: -6px;
        top: 21px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 16px;
        height: 14px
    }

    .feedback-form .feedback-form-section .form-tooltip-container {
        position: absolute;
        margin-left: 300px
    }
}

.pi-hotel-details__back-link {
    margin-bottom: 20px;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal
}

.pi-hotel-details__back-link .icon {
    font-size: 14px
}

.pi-hotel-details__back-link a {
    text-decoration: none
}

.btn-request-callback {
    text-align: center
}

.business-form {
    padding: 0 15px
}

.business-form .business-form-section {
    width: 100%;
    padding-bottom: 10px
}

.business-form .wb-notification {
    width: 100%;
    margin-left: -1px;
    margin-top: 5px
}

.business-form .wb-form-item .dialing-code-flag {
    width: 24px;
    height: 24px;
    left: 10px;
    position: absolute;
    top: 50%
}

.business-form .wb-form-item .wb-form-item__field .wb-icon_arrow-down, .business-form .wb-form-item .wb-form-item__field .wb-icon_arrow-down-disabled, .business-form .wb-form-item .wb-form-item__field .wb-icon_hotel-calendar-disabled {
    top: 33px
}

.business-form .wb-form-item .form-item-msg__error-icon {
    top: 36px
}

.pi-icon-panel {
    display: none
}

.hotel-details .pi-icon-panel {
    display: block
}

.hotel-details .pi-icon-panel ul li {
    padding-left: 1.4rem
}

.responsive-component .pi-icon-panel {
    display: block;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 345px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 48em) {
    .responsive-component .pi-icon-panel {
        margin-left: 0;
        margin-right: 0
    }
}

.responsive-component .pi-icon-panel ul {
    margin: 0;
    display: block;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left
}

.responsive-component .pi-icon-panel ul li {
    display: inline-block;
    max-width: 189px;
    overflow: hidden;
    width: 100% !important;
    padding-left: 1.4rem
}

.responsive-component .pi-icon-panel ul li span {
    line-height: 1.25rem;
    font-size: .875rem
}

@media (min-width: 48em) {
    .responsive-component .pi-icon-panel {
        display: block
    }

    .responsive-component .pi-icon-panel ul {
        float: left;
        max-width: 50%;
        display: block
    }
}

.pi-image-gallery {
    position: relative;
    margin-bottom: 6px;
    overflow: hidden
}

.pi-image-gallery__container:after, .responsive .pi-image-gallery__container:after {
    display: block;
    padding-top: 58%;
    content: ' '
}

.pi-image-gallery__container img, .responsive .pi-image-gallery__container img {
    position: absolute;
    height: 100%;
    width: 100%
}

.pi-image-gallery .wb-btn, .pi-image-gallery .wb-form-item .wb-form-item__field > i, .responsive .pi-image-gallery .wb-btn, .responsive .pi-image-gallery .wb-form-item .wb-form-item__field > i, .wb-form-item .pi-image-gallery .wb-form-item__field > i, .wb-form-item .responsive .pi-image-gallery .wb-form-item__field > i {
    font-size: 2.313rem
}

.pi-image-gallery .wb-btn .icon, .pi-image-gallery .wb-form-item .wb-form-item__field > i .icon, .pi-light-box .pi-lightbox-gallery .nav-btn .pika-single .pika-title .pika-next, .pi-light-box .pi-lightbox-gallery .nav-btn .pika-single .pika-title .pika-prev, .pi-light-box .pi-lightbox-gallery .nav-btn .pika-single .pika-title .wb-datepicker-next, .pi-light-box .pi-lightbox-gallery .nav-btn .pika-single .pika-title .wb-datepicker-prev, .pi-light-box .pi-lightbox-gallery .nav-btn .pika-single .wb-datepicker-title .wb-datepicker-next, .pi-light-box .pi-lightbox-gallery .nav-btn .pika-single .wb-datepicker-title .wb-datepicker-prev, .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker .wb-datepicker-title .wb-datepicker-next, .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker .wb-datepicker-title .wb-datepicker-prev, .pi-light-box .pi-lightbox-gallery .nav-btn .wb-icon_arrow-left, .pi-light-box .pi-lightbox-gallery .nav-btn .wb-icon_arrow-right, .pika-single .pika-title .pi-light-box .pi-lightbox-gallery .nav-btn .pika-next, .pika-single .pika-title .pi-light-box .pi-lightbox-gallery .nav-btn .pika-prev, .pika-single .pika-title .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker-next, .pika-single .pika-title .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker-prev, .pika-single .wb-datepicker-title .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker-next, .pika-single .wb-datepicker-title .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker-prev, .responsive .pi-image-gallery .wb-btn .icon, .responsive .pi-image-gallery .wb-form-item .wb-form-item__field > i .icon, .wb-datepicker .wb-datepicker-title .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker-next, .wb-datepicker .wb-datepicker-title .pi-light-box .pi-lightbox-gallery .nav-btn .wb-datepicker-prev, .wb-form-item .pi-image-gallery .wb-form-item__field > i .icon, .wb-form-item .responsive .pi-image-gallery .wb-form-item__field > i .icon {
    vertical-align: top
}

.pi-image-gallery__slider-counter, .responsive .pi-image-gallery__slider-counter {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 100px;
    height: 50px;
    padding-top: 12px
}

.pi-image-gallery .pi-image-gallery__slide-left, .pi-image-gallery .pi-image-gallery__slide-right, .pi-image-gallery .u-slide-position, .responsive .pi-image-gallery .pi-image-gallery__slide-left, .responsive .pi-image-gallery .pi-image-gallery__slide-right, .responsive .pi-image-gallery .u-slide-position {
    position: absolute;
    top: calc(50% - 20px);
    padding: 5px 7px 0 !important
}

.pi-image-gallery__slide-left, .responsive .pi-image-gallery__slide-left {
    left: 10px
}

.pi-image-gallery__slide-right, .responsive .pi-image-gallery__slide-right {
    right: 10px
}

.pi-image-gallery__preview, .responsive .pi-image-gallery__preview {
    display: none
}

.pi-image-gallery__preview__image, .responsive .pi-image-gallery__preview__image {
    width: 15.83%
}

.pi-image-gallery__preview__image--left-margin, .responsive .pi-image-gallery__preview__image--left-margin {
    margin-left: 1%
}

.pi-image-gallery__preview__image--no-margin, .responsive .pi-image-gallery__preview__image--no-margin {
    margin-left: 0
}

.pi-image-gallery__preview .carousel_thumbnail, .responsive .pi-image-gallery__preview .carousel_thumbnail {
    width: 15.83%;
    display: inline-block;
    position: relative
}

.flag-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media (min-width: 48em) {
    .flag-container {
        bottom: 12px
    }
}

.flag-container__text {
    background-color: #f2f2f2;
    color: #58595b;
    height: auto;
    width: 100%;
    text-align: center;
    padding: 8px 12px;
    border-radius: 0;
    margin: auto;
    line-height: 1.313rem;
    position: relative;
    display: table;
    font-size: 14px
}

@media (min-width: 48em) {
    .flag-container__text {
        background-color: #fff;
        border-radius: 15px;
        width: auto
    }
}

.flag-container__text.accessible-lowered-bathroom:before, .flag-container__text.accessible-room:before, .flag-container__text.accessible-wet-room:before {
    content: "\e961";
    display: inline-block;
    color: #007aff;
    background-color: transparent;
    font-size: 23px;
    line-height: 1.313rem;
    vertical-align: middle;
    margin-right: 5px
}

.flag-container__text-label {
    display: inline-block;
    vertical-align: middle;
    color: #58595b
}

@media (min-width: 48em) {
    .flag-container__text-label {
        display: table-cell
    }
}

.thumbnail_accessibility_flag {
    background-color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 19px;
    color: #007aff;
    z-index: 1
}

.pi-hover-image {
    cursor: pointer;
    opacity: .5;
    border: 1px solid transparent
}

.pi-hover-image--selected, .pi-hover-image:hover {
    border: 1px solid #617571;
    opacity: 1
}

@media (max-width: 47.99em) {
    .pi-image-gallery__container img.ng-enter, .pi-image-gallery__container img.ng-leave {
        transition: 800ms cubic-bezier(.25, .25, .75, .75) all
    }

    .pi-image-gallery__container img.animate-right.ng-enter {
        left: 100%
    }

    .pi-image-gallery__container img.animate-right.ng-enter.ng-enter-active, .pi-image-gallery__container img.animate-right.ng-leave {
        left: 0
    }

    .pi-image-gallery__container img.animate-left.ng-enter, .pi-image-gallery__container img.animate-right.ng-leave.ng-leave-active {
        left: -100%
    }

    .pi-image-gallery__container img.animate-left.ng-enter.ng-enter-active, .pi-image-gallery__container img.animate-left.ng-leave {
        left: 0
    }

    .pi-image-gallery__container img.animate-left.ng-leave.ng-leave-active {
        left: 100%
    }
}

@media (min-width: 48em) {
    .pi-image-gallery, .responsive .pi-image-gallery {
        width: 100%
    }

    .pi-image-gallery__slider-counter, .responsive .pi-image-gallery__slider-counter, button.wb-btn.pi-image-gallery__slide-left, button.wb-btn.pi-image-gallery__slide-right {
        display: none
    }

    .pi-image-gallery__preview, .responsive .pi-image-gallery__preview {
        display: inline-block;
        width: 100%
    }
}

.pi-light-box-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000202
}

.pi-lightbox-backdrop {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    z-index: 10
}

.pi-light-box {
    margin: 0 auto;
    position: relative;
    top: 33%;
    width: 100%;
    z-index: 10
}

.pi-light-box .image-index {
    display: inline-block;
    margin-right: 5px
}

.pi-light-box .close-btn {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 41px;
    height: 40px;
    line-height: 33px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -40px;
    transition: .3s ease-in-out all;
    width: 40px;
    z-index: 1
}

.pi-light-box .close-btn:hover {
    background: rgba(0, 0, 0, .7)
}

.pi-light-box .close-btn:focus {
    outline: 0
}

.pi-light-box .nav-btn {
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 0 50% 50% 0;
    color: #fff;
    cursor: pointer;
    font-size: 40px;
    height: 50px;
    left: 0;
    padding-right: 5px;
    padding-top: 3px;
    position: absolute;
    top: 40%;
    transition: .3s ease-in-out all;
    width: 50px
}

.pi-light-box .nav-btn:hover {
    background: rgba(0, 0, 0, .7)
}

.pi-light-box .next-btn {
    border-radius: 50% 0 0 50%;
    left: auto;
    padding-right: 0;
    padding-left: 5px;
    right: 0
}

.pi-light-box .image-caption {
    background: #fff;
    position: relative;
    text-align: center
}

.pi-light-box .rotate-notice {
    color: #fff;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center
}

.pi-light-box .rotate-notice img {
    display: block;
    margin: auto
}

.pi-light-box img.ng-enter, .pi-light-box img.ng-leave {
    transition: 800ms cubic-bezier(.25, .25, .75, .75) all
}

.pi-light-box img.animate-right.ng-enter {
    left: 100%
}

.pi-light-box img.animate-right.ng-enter.ng-enter-active, .pi-light-box img.animate-right.ng-leave {
    left: 0
}

.pi-light-box img.animate-left.ng-enter, .pi-light-box img.animate-right.ng-leave.ng-leave-active {
    left: -100%
}

.pi-light-box img.animate-left.ng-enter.ng-enter-active, .pi-light-box img.animate-left.ng-leave {
    left: 0
}

.pi-light-box img.animate-left.ng-leave.ng-leave-active {
    left: 100%
}

.pi-light-box .pi-lightbox-gallery .nav-btn {
    font-size: 3.063rem
}

@media (min-width: 36em) {
    .pi-light-box {
        width: 435px
    }

    .pi-light-box .close-btn {
        right: -40px
    }

    .pi-light-box .image-caption {
        margin: auto;
        width: 350px;
        border-radius: 7px;
        bottom: 10px;
        padding: 2px 0
    }

    .pi-light-box .rotate-notice {
        display: none
    }
}

@media (min-width: 48em) {
    .pi-light-box {
        width: 585px
    }
}

@media (min-width: 90em) {
    .pi-light-box {
        width: 785px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .pi-light-box {
        width: 100%;
        top: 2%
    }

    .pi-light-box .close-btn {
        top: 5px;
        right: 5px
    }

    .pi-light-box .nav-btn {
        top: 80%
    }
}

.pi-cellcode-option {
    position: relative;
    padding-left: 40px
}

.pi-cellcode-option:hover {
    background-color: #f8f7f6;
    cursor: pointer
}

.pi-cellcode-option > .icon {
    position: absolute;
    left: 10px;
    top: 15px
}

.pi-dated-browser {
    display: none;
    text-align: center;
    background-image: url(../../../content/dam/pi/websites/desktop/common/map_image_940x470.jpg);
    height: 470px
}

.pi-dated-browser--expanded {
    width: 685px
}

.pi-dated-browser--contracted {
    background-position: center center;
    width: 303px
}

.pi-map {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pi-map:after, .pi-map:before, .pi-map__cutoff {
    position: absolute;
    display: block;
    content: '';
    box-shadow: 2px 2px 6px 0 rgba(51, 51, 51, .3);
    z-index: 1
}

.pi-map__cutoff {
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    box-shadow: 2px -2px 6px 0 rgba(51, 51, 51, .3)
}

.pi-map:before {
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px
}

.pi-hybrid-results .pi-map:after {
    top: 0;
    left: -5px;
    width: 5px;
    height: 100%
}

.pi-map__canvas {
    width: 100%;
    height: 100%;
    position: absolute
}

.pi-map__zoom {
    position: absolute;
    right: 5px;
    top: 10px;
    padding: 5px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 6px 0 rgba(51, 51, 51, .3);
    transition: opacity .3s ease;
    z-index: 2
}

.pi-map__zoom button {
    float: left;
    display: block;
    width: 35px;
    height: 25px;
    padding: 0;
    color: #511e62
}

.pi-map__zoom button:first-child {
    border-right: 1px solid #ddd
}

.pi-map__switch {
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -60px;
    width: 40px;
    height: 120px;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 0 6px 0 rgba(51, 51, 51, .3);
    z-index: 2
}

.pi-map__switch button {
    width: 100%;
    height: 100%;
    padding: 0
}

.pi-map #infoboxText {
    position: relative;
    z-index: 500
}

.pi-map #infoboxText .arrow {
    position: relative;
    height: 20px
}

.pi-map #infoboxText .arrow .arrowContent {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    left: 145px
}

.pi-map #infoboxText .infoboxContent {
    width: 332px;
    min-height: 66px;
    background-color: #fff;
    padding: 12px 10px;
    box-shadow: 4px 4px 20px -3px #333
}

.pi-map #infoboxText .infoboxContent #infoboxImage {
    float: left;
    height: 41px;
    width: 62px
}

.pi-map #infoboxText .infoboxContent #infoboxDescription {
    display: inline-block;
    height: 100%;
    width: 202px;
    margin: 0 10px;
    overflow: hidden
}

.pi-map #infoboxText .infoboxContent #infoboxDescription h3 {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #511e62;
    margin: 0
}

.pi-map #infoboxText .infoboxContent #infoboxDescription p.description {
    color: #333;
    line-height: 12px
}

.pi-map #infoboxText .infoboxContent #infoboxButton {
    float: right
}

.pi-map #infoboxText .infoboxContent #infoboxButton a {
    text-decoration: none;
    margin: 10px 0 0;
    cursor: pointer
}

.pi-dated-browser-map {
    display: none;
    background-image: url(../../../content/dam/pi/websites/desktop/common/map_image_940x470.jpg)
}

.pi-dated-browser-map .centre-div {
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 33%
}

.pi-dated-browser-map, body, html {
    width: 100%;
    height: 100%
}

body.has-inpage-overlay, body.has-overlay {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

body.has-overlay .pagewrap {
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.pi-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../content/dam/pi/websites/desktop/common/rgba_000000_75.png);
    background: rgba(51, 51, 51, .75);
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    z-index: 1000
}

.pi-overlay__wrap {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    display: table;
    width: 100%;
    height: 100%
}

.pi-overlay__inner {
    display: table-cell;
    vertical-align: middle
}

.pi-overlay__inner .pi-cookie-message__close--icon, .pi-overlay__inner .pi-cookie-message__close--text {
    color: #fff
}

.pi-dialog {
    width: 650px;
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
    border-radius: 5px;
    height: 100%
}

.pi-dialog::-webkit-scrollbar {
    width: 6px
}

.pi-dialog::-webkit-scrollbar-track {
    background-color: #e2d6e3
}

.pi-dialog::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9f78a3
}

.pi-dialog .container {
    width: 100%
}

.pi-modal-overlay {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, .5);
    z-index: 8000;
    transition: all .3s
}

.header-notification__message {
    min-height: 40px;
    border-bottom: 2px solid #333
}

.header-notification__message p {
    text-align: center;
    color: #58595b;
    margin: 10px;
    font-weight: 400;
    font-style: normal
}

.pi-banner__fully-book {
    background-color: #fceeec
}

.availability-message p, .header-notification__message p, .pi-banner__fully-book a {
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

.availability-message {
    border-color: #f58c0a;
    border-width: 3px 1px 1px;
    border-style: solid
}

.availability-message p {
    text-align: center;
    color: #58595b;
    padding: 10px;
    font-weight: 700;
    font-style: normal;
    margin: 0
}

.availability-message .inner {
    background: #feefd9
}

.pi-vertical-divider--dotted .grid__item {
    background: url(../../../content/dam/pi/websites/desktop/common/dot_dash_4b145f_v.png) repeat-y 0 0
}

.pi-vertical-divider--dotted .grid__item:first-child {
    background: 0 0
}

.lt-ie7 .flexbox__item {
    float: left
}

.lt-ie7 .flexbox__item.col-4, .lt-ie7 .tabset__nav--bottom-bar.tabset--size3 li.flexbox__item, .lt-ie7 .tabset__nav--bottom-block.tabset--size3 li.flexbox__item, .lt-ie7 .tabset__nav--top-bar.tabset--size3 li.flexbox__item, .lt-ie7 .tabset__nav--top-block.tabset--size3 li.flexbox__item, .tabset__nav--bottom-bar.tabset--size3 .lt-ie7 li.flexbox__item, .tabset__nav--bottom-block.tabset--size3 .lt-ie7 li.flexbox__item, .tabset__nav--top-bar.tabset--size3 .lt-ie7 li.flexbox__item, .tabset__nav--top-block.tabset--size3 .lt-ie7 li.flexbox__item {
    width: 33%
}

.lt-ie7 .icon--arrow-down, .lt-ie7 .pi-dropdown__button {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--arrow-left {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--arrow-right {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--arrow-up, .lt-ie7 .pi-dropdown.is-open .pi-dropdown__button, .pi-dropdown.is-open .lt-ie7 .pi-dropdown__button {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--bed {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--bell {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--breakfast {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--business {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--calendar {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--camera {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--card {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--child {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-cross-filled {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--cross {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-checked-fill {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-checked {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-cross {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-info-filled {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-info-new {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-minus {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-plus {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-star-filled {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc-star {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--disc {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e917;')
}

.lt-ie7 .icon--distance {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--email {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--euro {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-accessible-rooms {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-chargeable-onsite-parking {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-chargeable-parking {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-costa-coffee {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-family-rooms {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-free-parking {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-hub-air-condition {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-hub-app {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-hub-luggage {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-hub-tv {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-Interconnecting-doors {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-lift {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-meeting-rooms {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-park-and-fly {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-restaurant {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--facility-wireless-internet {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--family-wide {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--globe {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
    content: "\e92c"
}

.lt-ie7 .icon--heart {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--hotel {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--key {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--loader {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--map-pin-outline {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--map-pin-solid {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--minus {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--mobile {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--moon-cloud {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--moon-new {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--moon-zzz {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--moon {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--personalisation-four {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--personalisation-one {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--personalisation-three {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--personalisation-two {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--plus {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--pound {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--price {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--printer {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--room-double-one {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--room-double-two {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--room-single {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--room-triple {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--satnav {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--search {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--spaceman {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--star {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--telephone {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--tick {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--trophy {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.lt-ie7 .icon--user {
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '')
}

.cq-editrollover-insert-container {
    background: #fff;
    overflow: hidden !important
}

.cq-wcm-edit .tabset__nav--bullet ul, .cq-wcm-edit .tabset__nav--ribbon ul {
    position: relative !important
}

body.cq-wcm-edit {
    padding-top: 0 !important
}

.cq-wcm-edit .pi-fixed-content, .cq-wcm-edit .pi-header.is-fixed {
    position: relative !important;
    top: 0 !important;
    left: 0 !important
}

.cq-wcm-edit .pi-hybrid-results__map {
    position: relative;
    padding-top: 0 !important
}

.x-form-cb-label, .x-form-cb-label-hidden {
    display: inline-block !important
}

#CQ .x-html-editor-wrap .x-form-textarea {
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: lighter;
    font-style: normal;
    color: #333;
    font-size: 14px
}

body.app-params-template {
    background-color: #fff;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-size: 1rem;
    margin: 0 auto
}

body.app-params-template .contents-wrapper > .parsys.admin-par {
    background-color: #fff;
    margin: 20px 0;
    padding: 1.5rem
}

body.app-params-template .contents-wrapper > .parsys.admin-par .applicationparameters {
    margin: 0
}

body.app-params-template .contents-wrapper > .parsys.admin-par .applicationparameters .wb-privacy-accordion {
    max-width: initial
}

.error-content {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 110px;
    font-size: 16px
}

.error-content__title {
    display: block;
    margin-bottom: 4px;
    font-weight: 700
}

.error-content__details {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-align: center
}

.expired {
    max-width: 250px;
    text-align: center
}

.expired .error-content__title {
    font-size: 18px;
    line-height: 1.5
}

.expired .error-content__details {
    font-size: 14px;
    line-height: 1.5
}

.expired .expired-img {
    width: 85px;
    margin-bottom: 20px
}

.broken-page-icon {
    position: relative;
    width: 45px;
    height: 62px;
    margin-bottom: 12px
}

.broken-page-icon__bottom {
    position: absolute;
    width: 45px;
    top: 29.5px
}

.broken-page-icon__half {
    width: 100%;
    background: #d90941
}

.broken-page-icon__half-top {
    height: 30.5px;
    border-radius: 3px 3px 0 0
}

.broken-page-icon__half-top:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 15px solid #fff;
    border-left: 15px solid #d90941;
    width: 0
}

.broken-page-icon__half-bottom {
    height: 20px;
    border-radius: 0 0 3px 3px
}

.broken-page-icon__notch-line {
    position: relative
}

.broken-page-icon__notch-line::after, .broken-page-icon__notch-line::before {
    content: '';
    position: absolute;
    background: #fff
}

.broken-page-icon__notch-line:before {
    height: 3px;
    width: 17px;
    top: 15px;
    right: 0
}

.broken-page-icon__notch-line:after {
    height: 17px;
    width: 3px;
    top: 0;
    right: 15px
}

.broken-page-icon__zigzag {
    height: 11px;
    background: linear-gradient(-45deg, transparent 74%, #d90941 75%), linear-gradient(45deg, transparent 74%, #d90941 75%) 0 50%;
    background-repeat: repeat-x;
    background-size: 11px 11px, 11px 11px
}

.broken-page-icon__zigzag-bottom {
    background: linear-gradient(-135deg, transparent 74%, #d90941 75%), linear-gradient(135deg, transparent 74%, #d90941 75%) 0 50%;
    background-size: 11px 11px, 11px 11px;
    background-position-x: 50px
}

.privacy-policy {
    -webkit-font-smoothing: antialiased;
    line-height: 1.25rem
}

.privacy-policy .pi-header-nav nav-bar {
    display: block;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}