html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,ol,ul {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    vertical-align: top
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

.m-top-5 {
    margin-top: 5px
}

.m-top-10 {
    margin-top: 10px
}

.m-top-15 {
    margin-top: 15px
}

.m-right-5 {
    margin-right: 5px
}

.m-right-10 {
    margin-right: 10px
}

.m-right-15 {
    margin-right: 15px
}

.m-bottom-5 {
    margin-bottom: 5px
}

.m-bottom-10 {
    margin-bottom: 10px
}

.m-bottom-15 {
    margin-bottom: 15px
}

.m-bottom-20 {
    margin-bottom: 20px
}

.m-bottom-25 {
    margin-bottom: 25px
}

.m-bottom-30 {
    margin-bottom: 30px
}

.m-left-5 {
    margin-left: 5px
}

.m-left-10 {
    margin-left: 10px
}

.m-left-15 {
    margin-left: 15px
}

.m-left-auto {
    margin-left: auto
}

.p-top-20 {
    padding-top: 20px
}

.positive {
    background: rgba(97,146,70,.2);
    color: #619246
}

.negative {
    background: rgba(255,1,1,.2)
}

.error,.negative {
    color: #ff0101
}

.hidden-mobile {
    display: none;
    visibility: hidden
}

@media only screen and (min-width: 768px) {
    .hidden-mobile {
        display:inherit;
        visibility: inherit
    }
}

.hidden-tablet {
    display: block;
    visibility: visible
}

@media only screen and (min-width: 768px) {
    .hidden-tablet {
        display:none;
        visibility: hidden
    }
}

.hidden {
    display: none!important
}

.visualy-hidden {
    height: 0;
    visibility: hidden;
    line-height: 0;
    position: absolute;
    text-indent: -9999em
}

.cp-text-small {
    font-size: 12px
}

.cp-text-medium {
    font-size: 14px
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.clearboth {
    clear: both
}

.w50 {
    width: 50%!important
}

.w100 {
    width: 100%!important
}

.text-no-wrap {
    white-space: nowrap
}

.display-flex {
    display: flex
}

.display-inline-flex {
    display: inline-flex
}

.justify-space-between {
    justify-content: space-between
}

.justify-flex-start {
    justify-content: flex-start
}

.flex-wrap-wrap {
    flex-wrap: wrap
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-space-evenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.overflow-hidden {
    overflow: hidden
}

html {
    font-family: Source Sans Pro,arial,sans-serif;
    font-size: 16px;
    line-height: 21px;
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    height: 100%
}

@media only screen and (min-width: 1333px) {
    html {
        font-size:16px;
        line-height: 1.2
    }
}

input {
    font-family: Source Sans Pro,arial,sans-serif
}

body {
    background-color: #dfdfdf
}

.mod-two-buttons {
    float: left;
    width: 100%;
    margin: 10px 0
}

.mod-two-buttons .cp-button-2 {
    float: right
}

.title {
    border-top: 1px solid #d7d8d8;
    border-bottom: 1px solid #d7d8d8;
    color: #646464;
    padding: 10px
}

@media only screen and (min-width: 768px) {
    .title {
        padding:20px 30px
    }
}

@font-face {
    font-family: Booking-glyphs;
    src: url(/ui/wl/4.165/fonts/icons/Booking-glyphs.eot);
    src: url(/ui/wl/4.165/fonts/icons/Booking-glyphs.eot) format("embedded-opentype"),url(/ui/wl/4.165/fonts/icons/Booking-glyphs.woff) format("woff"),url(/ui/wl/4.165/fonts/icons/Booking-glyphs.ttf) format("truetype"),url(/ui/wl/4.165/fonts/icons/Booking-glyphs.svg#Booking-glyphs) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: eviivo-facilities-icon;
    src: url(/ui/wl/4.165/fonts/icons/eviivo-facilities-icon.eot);
    src: url(/ui/wl/4.165/fonts/icons/eviivo-facilities-icon.eot?#iefix) format("embedded-opentype"),url(/ui/wl/4.165/fonts/icons/eviivo-facilities-icon.ttf) format("truetype"),url(/ui/wl/4.165/fonts/icons/eviivo-facilities-icon.woff) format("woff"),url(/ui/wl/4.165/fonts/icons/eviivo-facilities-icon.svg?#eviivo-facilities-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

iframe {
    border: 0;
    margin: 0;
    padding: 0
}

.cp-intro {
    padding: 20px;
    line-height: 1;
    clear: both;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px
}

.cp-intro h1 {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 400
}

.cp-intro p {
    margin: 0;
    padding: 0 0 10px;
    line-height: 21px;
    font-size: 14px;
    color: rgba(0,0,0,.8)
}

.no-reults-message {
    background: #fff6df;
    padding: 20px;
    border: 1px solid #feba02;
    border-radius: 10px
}

body.instantweb {
    font-size: 16px;
    margin: 0 auto
}

body.instantweb .main {
    line-height: 1.2;
    box-shadow: 0 0 1px rgba(0,0,0,.2)
}

.main-inner {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background: #fff
}

.main-inner .main-inner-content {
    padding: 0 15px
}

@media only screen and (min-width: 1100px) {
    .main-inner {
        max-width:1024px
    }
}

@media only screen and (min-width: 1280px) {
    .main-inner {
        max-width:1140px
    }
}

.main.multiroom {
    position: relative;
    padding-top: 80px
}

.instantweb.multiroom {
    top: 0;
    padding-top: 0
}

.content {
    padding: 0 10px 10px
}

@media only screen and (min-width: 1024px) {
    .content {
        width:66.10169%;
        float: left;
        margin-right: 1.69492%;
        padding: 0 30px 30px
    }
}

body .payment .content {
    padding-top: 0
}

@media only screen and (min-width: 1024px) {
    body .payment .content {
        width:59.59596%;
        float: left;
        margin-right: 1.0101%;
        padding: 0
    }
}

.aside {
    margin-bottom: 10px;
    padding: 0 10px
}

@media only screen and (min-width: 1024px) {
    .aside {
        width:32.20339%;
        float: right;
        margin-right: 0;
        padding: 0 30px 30px 0
    }
}

@media only screen and (min-width: 1024px) {
    body .payment .aside {
        width:34.34343%;
        float: right;
        margin-right: 0;
        padding: 0
    }
}

.instantweb .aside {
    padding: 0;
    overflow-x: hidden
}

@media only screen and (min-width: 1024px) {
    .instantweb .aside {
        padding:0 0 30px
    }
}

.main.search {
    max-width: 100%;
    padding: 0
}

.main.search .branding {
    padding: 10px;
    max-width: 1520px;
    margin: 0 auto;
    min-height: 60px
}

.search .content-outer {
    max-width: 1520px;
    margin: 0 auto;
    padding: 20px 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 50px;
    width: 100%
}

.main.search .content {
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    position: relative;
    height: auto;
    order: 2;
    flex: 1 1 100%;
    float: none
}

.main.search .aside {
    padding: 0;
    margin: 0;
    float: none;
    transform: translateX(-100%);
    height: 100%;
    position: fixed;
    box-shadow: 10px 0 5px rgba(0,0,0,.4);
    background: #fafafa;
    top: 0;
    transition: transform .1s ease-in;
    left: -10px
}

@media only screen and (min-width: 768px) {
    .main.search .aside {
        width:250px;
        position: relative;
        box-shadow: none;
        transform: translateX(0);
        left: 0;
        flex: 0 0 250px
    }
}

.main.search .aside .aside-underlay {
    display: none;
    background-color: hsla(0,0%,100%,.5);
    width: 0;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    transition: width .24s,left .24s .1s
}

.main.search .aside.active {
    transform: translateX(0);
    transition: transform .1s ease-in;
    z-index: 10;
    background: #fff;
    left: 0;
    width: 95%
}

.main.search .aside.active .aside-underlay {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 10%
}

.main.confirmation {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0
}

@media only screen and (min-width: 1100px) {
    .main.confirmation {
        max-width:1024px
    }
}

@media only screen and (min-width: 1280px) {
    .main.confirmation {
        max-width:1140px
    }
}

.mod-filters-inner {
    overflow-y: auto;
    height: 100%;
    padding: 40px 15px 0
}

@media only screen and (min-width: 768px) {
    .mod-filters-inner {
        overflow:initial;
        padding: 0 10px
    }
}

.main.search.blank .content {
    width: 100%;
    top: 0;
    overflow: inherit;
    position: inherit
}

@media only screen and (min-width: 1024px) {
    .main.search.blank .content {
        top:110px;
        overflow: hidden
    }
}

.fold-container {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .fold-container {
        overflow:hidden;
        margin-bottom: 20px
    }

    .fold-container:after,.fold-container:before {
        content: "";
        display: table
    }

    .fold-container:after {
        clear: both
    }
}

.fold-left,.fold-right {
    width: 100%;
    display: block
}

.fold-left {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .fold-left {
        margin-bottom:20px;
        width: 60%;
        float: left;
        position: relative;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .fold-right {
        width:38%;
        float: right;
        position: relative
    }
}

@media only screen and (min-width: 1024px) {
    .fold-left {
        width:60.975%
    }
}

@media only screen and (min-width: 1280px) {
    .fold-left {
        width:68.975%
    }

    .fold-right {
        width: 30%
    }
}

.main.booking {
    max-width: 100%
}

.booking-outer,.branding,.partner-branding {
    background: #fff;
    padding-left: 15px;
    padding-right: 15px
}

.booking-outer,.main.booking .branding,.main.booking .breadcrumb-outer,.partner-branding {
    max-width: 1140px;
    margin: 0 auto
}

.partner-outer .partner-branding {
    padding: 10px 15px
}

.partner-outer h1 {
    display: inline-block
}

.main.confirmation,.partner-outer {
    background: #fff
}

body .payment.payment3dsParent {
    overflow: initial
}

.payment3ds {
    max-width: 100%;
    min-width: 365px;
    font-size: 14px
}

.payment3ds .aside {
    padding: 0
}

.payment3ds .content {
    width: 100%;
    margin-right: 0
}

.arnsbergMenu {
    display: inline-block;
    position: relative;
    top: 0
}

@media only screen and (min-width: 768px) {
    .arnsbergMenu {
        top:-15px
    }
}

.arnsbergMenu li {
    display: inline-block;
    margin: 0 5px 0 0
}

@media only screen and (min-width: 1024px) {
    .arnsbergMenu li {
        margin:0 0 0 35px
    }
}

.arnsbergMenu .item1 a {
    color: #0069b4
}

.arnsbergMenu .item2 a {
    color: #c80000
}

.arnsbergMenu .item3 a {
    color: #5fa200
}

.arnsbergMenu .item4 a {
    color: #e76d00
}

.arnsbergMenu span {
    display: block;
    font-family: Agfa Rotis Sans Serif,Arial,Helvetica,Verdana,sans-serif;
    line-height: 11px;
    text-align: left
}

@media only screen and (min-width: 768px) {
    .arnsbergMenu span {
        line-height:17px
    }
}

.arnsbergMenu .mainMenuSubtitle {
    font-size: 11px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .arnsbergMenu .mainMenuSubtitle {
        font-size:20px
    }
}

.arnsbergMenu .mainMenuTitle {
    font-size: 10px;
    padding-bottom: 2px
}

@media only screen and (min-width: 768px) {
    .arnsbergMenu .mainMenuTitle {
        font-size:18px
    }
}

.template-7 .content {
    background-color: #fff
}

.mod-user-header {
    width: 100%
}

.mod-user-header_top-inner {
    padding: 0 10px;
    margin: 0 auto;
    max-width: 95%;
    display: flex;
    align-items: center;
    min-height: 40px
}

@media only screen and (min-width: 1100px) {
    .mod-user-header_top-inner {
        max-width:1024px
    }
}

@media only screen and (min-width: 1280px) {
    .mod-user-header_top-inner {
        max-width:1140px
    }
}

.b_IE10 .mod-user-header_top-inner,.b_InternetExplorer11 .mod-user-header_top-inner {
    padding: 10px
}

.template-7 .mod-user-header_top,.template-9 .mod-user-header_top,.template-10 .mod-user-header_top {
    background-color: #f0f0f0;
    border-bottom: 1px solid #cacaca
}

.template-11 .mod-user-header_top {
    background-color: #111
}

.booking .mod-user-header_top,.template-12 .mod-user-header_top {
    background-color: #f0f0f0;
    border-bottom: 1px solid #cacaca
}

.mod-user-header_center-inner {
    margin: 0 auto;
    max-width: 95%
}

@media only screen and (min-width: 1100px) {
    .mod-user-header_center-inner {
        max-width:1024px
    }
}

@media only screen and (min-width: 1280px) {
    .mod-user-header_center-inner {
        max-width:1140px
    }
}

.mod-user-header_bottom-inner {
    margin: 0 auto;
    padding: 10px 0;
    max-width: 95%
}

@media only screen and (min-width: 1100px) {
    .mod-user-header_bottom-inner {
        max-width:1024px
    }
}

@media only screen and (min-width: 1280px) {
    .mod-user-header_bottom-inner {
        max-width:1140px;
        padding: 10px
    }
}

.template-7 .mod-user-header_bottom-inner,.template-9 .mod-user-header_bottom-inner,.template-10 .mod-user-header_bottom-inner,.template-12 .mod-user-header_bottom-inner {
    background-color: #fff
}

.template-12 .mod-user-header_bottom .header-content {
    position: relative
}

.mod-user-header_messaging {
    width: 100%
}

.mod-user-header_messaging-inner {
    position: relative;
    margin: 0 auto;
    max-width: 95%;
    box-sizing: border-box;
    background: #f0f0f0
}

@media only screen and (min-width: 1100px) {
    .mod-user-header_messaging-inner {
        max-width:1024px
    }
}

@media only screen and (min-width: 1280px) {
    .mod-user-header_messaging-inner {
        max-width:1140px
    }
}

.mod-user-header .mod-selectors {
    width: 100%;
    text-align: right
}

.mod-user-header .mod-selectors:after,.mod-user-header .mod-selectors:before {
    content: "";
    display: table
}

.mod-user-header .mod-selectors:after {
    clear: both
}

.booking .mod-user-header .mod-selectors {
    margin-left: auto
}

.mod-user-header .mod-selectors .cp-tooltip {
    z-index: 20
}

header .mod-language {
    display: inline-block;
    padding: 0;
    position: relative
}

@media only screen and (min-width: 480px) {
    header .mod-language {
        border-left:1px solid rgba(215,216,216,.4);
        padding: 0 0 0 20px
    }
}

header .language-inner {
    display: none;
    font-size: 14px;
    right: 0;
    left: auto
}

header .language-inner .select-icon {
    color: #000
}

header .language-value:focus {
    overflow: hidden
}

header .currency-value.active:after,header .language-value.active:after {
    content: "\E60C"
}

header .language-inner a {
    padding: 0 10px;
    margin: 0;
    display: block;
    border-top: 1px dotted #d7d8d8;
    width: auto;
    height: 36px;
    line-height: 36px;
    text-align: left
}

header .language-inner a:first-child {
    border: none
}

header .language-inner.cp-tooltip {
    width: 190px;
    top: 50px
}

header .language-inner.cp-tooltip:before {
    left: auto;
    right: 10px
}

header .mod-currency {
    display: inline-block;
    margin-right: 0;
    padding: 0 10px 0 0;
    position: relative;
    height: 30px
}

header .currency-value,header .language-value {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    position: relative;
    vertical-align: middle;
    width: auto;
    padding-right: 20px
}

@media only screen and (min-width: 1333px) {
    header .currency-value,header .language-value {
        padding-right:30px
    }
}

header .currency-value:after,header .language-value:after {
    content: "\E60D";
    display: inline-block;
    font-family: Booking-glyphs;
    font-size: 39px;
    margin-right: -10px;
    position: absolute;
    right: 0;
    top: 0
}

header .currency-inner.cp-tooltip:before {
    left: auto;
    right: 10px
}

header .cp-tooltip-large {
    display: none;
    width: 220px;
    right: 0;
    left: auto;
    top: 50px;
    z-index: 20
}

@media only screen and (min-width: 768px) {
    header .cp-tooltip-large {
        width:320px
    }
}

header .cp-tooltip-large .scrollable {
    overflow-y: auto;
    max-height: 300px
}

header .cp-tooltip-large .first-child {
    width: 100%;
    font-weight: 800
}

header .cp-tooltip-large li {
    display: block;
    float: left;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    min-width: 33.33%;
    padding: 0 15px;
    text-align: left
}

header .cp-tooltip-large a {
    color: #000
}

header .cp-tooltip-large li.active a {
    font-weight: 400
}

header .cp-tooltip-large span {
    display: inline-block;
    min-width: 30px
}

header .language-value span {
    display: inline-block
}

header .branding {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px
}

header .branding .branding-inner {
    width: 100%;
    text-align: center;
    float: none
}

@media only screen and (min-width: 1920px) {
    header .branding .branding-inner {
        width:70%;
        margin: 0 auto
    }
}

header.header-partner .logo-wrapper {
    display: flex;
    align-items: center
}

header.header-partner .mod-ranking {
    margin: 0;
    top: 0
}

header.toprooms.header-partner {
    padding: 0;
    border: 0
}

header.toprooms .logo {
    font-size: 1em;
    color: #383a3d
}

@media only screen and (min-width: 480px) {
    header.toprooms .logo {
        font-size:1.125em
    }
}

@media only screen and (min-width: 768px) {
    header.toprooms .logo {
        font-size:1.75em;
        padding: 3px 0
    }
}

header.toprooms .price-average {
    line-height: 34px;
    text-align: right;
    margin-bottom: 10px;
    color: #db0148
}

header.toprooms .price-average span {
    font-size: 18px;
    font-weight: 800;
    position: relative;
    top: 2px
}

header.toprooms .price-average .small {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    header.toprooms .price-average {
        width:38%;
        float: right
    }

    header.toprooms .price-average span {
        font-size: 22px
    }

    header.toprooms .price-average .small {
        float: none
    }
}

@media only screen and (min-width: 1024px) {
    header.toprooms .price-average {
        margin-top:10px
    }
}

@media only screen and (min-width: 768px) {
    header.toprooms .room-name-container {
        width:60%;
        float: left
    }
}

@media only screen and (min-width: 1024px) {
    header.toprooms .room-name-container {
        margin-top:10px
    }
}

header.toprooms .room-name-container .logo-wrapper {
    display: flex;
    align-items: center
}

header.toprooms .room-name-container .logo-wrapper .mod-ranking {
    top: 0;
    margin: 0
}

header.toprooms .branding-inner {
    text-align: left
}

header.toprooms .branding-inner address {
    margin: 5px 0 10px
}

header.toprooms .branding-inner address a {
    font-size: 12px
}

@media only screen and (min-width: 1920px) {
    header.toprooms .branding-inner {
        width:100%
    }
}

header .logo {
    color: #646464;
    font-size: 1em;
    display: inline-block;
    transition: all .2s ease-in
}

header .logo.default-text a {
    font-size: 1.375em;
    font-weight: 400
}

header address {
    font-size: .75em;
    line-height: 1;
    padding: 10px 15px;
    margin: 0
}

@media only screen and (min-width: 1920px) {
    header address {
        padding:0
    }
}

header address a {
    position: relative;
    padding-left: 15px
}

header address a:before {
    content: "\E607";
    font-family: Booking-glyphs;
    font-size: 38px;
    font-style: normal;
    left: -13px;
    position: absolute;
    top: -10px
}

header picture img {
    width: 100%;
    display: block
}

.branding .logo {
    cursor: pointer;
    max-width: 100%
}

.logo {
    display: inline-block
}

.logo img {
    max-width: 70%;
    height: auto
}

@media only screen and (min-width: 480px) {
    .logo img {
        max-width:80%
    }
}

@media only screen and (min-width: 768px) {
    .logo img {
        max-width:100%
    }
}

.header-item {
    font-size: .875em;
    display: inline-block
}

.link-home {
    float: left
}

.main.search .mod-selectors {
    right: 0;
    top: 5px;
    position: absolute;
    margin: 0;
    width: 40%
}

@media only screen and (min-width: 768px) {
    .main.search .mod-selectors {
        top:15px;
        text-align: right
    }
}

.main.search .mod-selectors .header-item {
    padding: 0;
    text-align: right
}

@media only screen and (min-width: 768px) {
    .main.search .mod-selectors .header-item {
        display:inline-block;
        margin-right: 15px
    }
}

.booking .sticky-header {
    background: #f9f9f9;
    padding: 0;
    min-height: 50px;
    border: none;
    border-bottom: 1px solid #ccc
}

.booking .sticky-header .mod-selectors {
    position: relative;
    width: 100%;
    margin: 0;
    top: 10px;
    padding: 0 10px
}

@media only screen and (min-width: 1024px) {
    .booking .sticky-header .mod-selectors {
        padding:0 5px
    }
}

.main.search .header {
    background: #fff;
    padding: 0;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2)
}

.main.search .header h1 {
    max-width: 70%;
    line-height: 0
}

.main.search .header img {
    height: auto
}

.security-badge {
    display: none
}

@media only screen and (min-width: 1024px) {
    .security-badge {
        background-image:url(/ui/wl/4.165/images/norton-secure-seal-min.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 80px;
        height: 40px;
        background-size: contain;
        position: relative;
        top: -4px;
        float: right
    }
}

.booking .toprooms .mod-selectors {
    position: absolute;
    right: 15px;
    top: -75px;
    width: 40%
}

@media only screen and (min-width: 480px) {
    .booking .toprooms .mod-selectors {
        width:380px;
        text-align: right
    }
}

@media only screen and (min-width: 768px) {
    .booking .toprooms .mod-selectors {
        top:-80px
    }
}

.breadcrumb-container+.branding .mod-selectors {
    top: -80px
}

.logo.arkells-logo img {
    max-width: 100px
}

@media only screen and (min-width: 1024px) {
    .logo.arkells-logo img {
        top:130px
    }
}

.logo.arnsberg img {
    max-width: 60px
}

.instantweb .mod-gallery {
    background-color: #fff
}

.instantweb header.header {
    text-align: center;
    padding: 0;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .instantweb header.header {
        padding:0
    }
}

.instantweb header.header .header-details {
    padding: 10px 0
}

@media only screen and (min-width: 1024px) {
    .instantweb header.header .header-details {
        padding:25px 0
    }
}

.instantweb .logo img {
    margin: 0 auto
}

.instantweb.template-8 .mod-selectors,.instantweb.template-10 .mod-selectors {
    position: relative
}

.template-7 header.header {
    background: #fff
}

.toprooms .cp-tooltip-large li a.active,.toprooms .cp-tooltip-large li a:active,.toprooms .cp-tooltip-large li a:focus,.toprooms .cp-tooltip-large li a:hover,.toprooms .language-inner .select-icon:active,.toprooms .language-inner .select-icon:focus,.toprooms .language-inner .select-icon:hover {
    color: #db0148
}

.ui-selectmenu {
    display: block;
    position: relative;
    height: 2em;
    text-decoration: none;
    overflow: hidden
}

.ui-selectmenu-icon {
    position: absolute;
    right: 0;
    top: 50%
}

.ui-selectmenu-menu {
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    z-index: 10
}

.ui-selectmenu-open {
    visibility: visible
}

.ui-selectmenu-menu-popup {
    margin-top: -1px
}

.ui-selectmenu-menu li {
    padding: 5px 10px;
    margin: 0;
    display: block;
    border-top: 1px dotted #cacaca;
    border-right-width: 0!important;
    border-left-width: 0!important;
    font-weight: 400!important;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px
}

.ui-selectmenu-menu li a,.ui-selectmenu-status {
    line-height: 1.4em;
    display: block;
    padding: .3em 1em;
    outline: none;
    text-decoration: none
}

.ui-selectmenu-hasIcon .ui-selectmenu-status,.ui-selectmenu-menu li.ui-selectmenu-hasIcon a {
    padding-left: 20px;
    position: relative;
    margin-left: 5px
}

.ui-selectmenu-menu li .ui-icon,.ui-selectmenu-status .ui-icon {
    position: absolute;
    left: 10px;
    top: 3px
}

.ui-selectmenu-status {
    line-height: 1.4em
}

.ui-selectmenu-menu li span,.ui-selectmenu-status span {
    display: block;
    margin-bottom: .2em
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: 700
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: .8
}

.ui-selectmenu-menu li:focus,.ui-selectmenu-menu li:hover {
    color: #db0148
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    line-height: 1.4em;
    display: block;
    padding: .6em .5em 0;
    font-weight: 700
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0
}

.ui-datepicker {
    box-shadow: 0 0 6px rgba(0,0,0,.4);
    z-index: 40!important;
    padding: 0;
    background: #fff
}

.ui-datepicker-header {
    border: none
}

.tooltip {
    display: none!important
}

.ui-datepicker-title {
    border-bottom: 1px solid #d7d8d8;
    color: #515d65;
    font-weight: 400;
    font-size: .875em;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    height: 44px;
    line-height: 44px;
    vertical-align: middle
}

.ui-datepicker-header a {
    display: inline-block;
    text-indent: -999em;
    width: 25px;
    height: 40px;
    position: absolute;
    top: 1px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden
}

.ui-datepicker-next {
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iLTgzIDI1IDMyIDMyIj48cGF0aCBmaWxsPSIjMzgzQTNEIiBkPSJNLTcwLjQgMzMuNmw3LjUgNy40LTcuNSA3LjQtLjctLjcgNi44LTYuNy02LjgtNi43eiIvPjwvc3ZnPg==") no-repeat scroll 0 6px;
    right: 10px
}

.ui-datepicker-next.ui-state-disabled {
    opacity: .4;
    cursor: default
}

.ui-datepicker-prev {
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iLTgzIDI1IDMyIDMyIj48cGF0aCBmaWxsPSIjMzgzQTNEIiBkPSJNLTYzLjYgNDguNGwtNy41LTcuNCA3LjUtNy40LjcuNy02LjggNi43IDYuOCA2Ljd6Ii8+PC9zdmc+") no-repeat scroll 0 6px;
    left: 0
}

.ui-datepicker-prev.ui-state-disabled {
    opacity: .4;
    cursor: default
}

.ui-datepicker .ui-state-disabled span {
    color: #cacaca
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    border-color: transparent
}

.ui-state-default {
    background: transparent;
    border: none;
    text-align: center
}

td.ui-state-disabled {
    background-color: hsla(0,0%,94.1%,.2);
    color: #646464
}

.ui-datepicker table {
    margin: 0
}

.ui-datepicker th {
    color: #646464;
    background-color: hsla(0,0%,79.2%,.5);
    border-bottom: 1px solid #d7d8d8;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: .875em;
    font-weight: 400
}

.ui-datepicker td {
    padding: 0;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4);
    height: 44px;
    line-height: 44px;
    position: relative
}

.ui-datepicker td:last-child {
    border-right: none
}

.ui-datepicker td a,.ui-datepicker td span {
    background: #fff;
    padding: 0 10px;
    color: #000;
    font-size: .875em;
    display: block;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    text-decoration: none
}

@media only screen and (min-width: 480px) {
    .ui-datepicker td a,.ui-datepicker td span {
        padding:0 15px
    }
}

.ui-datepicker td a.ui-state-active,.ui-datepicker td a:hover {
    background-color: #db0148;
    color: #fff
}

#ui-datepicker-div {
    width: auto!important
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
    text-decoration: none
}

.radio-buttons label,.radio-buttons span {
    -webkit-border-radius: 50em;
    border-radius: 50em;
    background-clip: padding-box
}

.radio-buttons label {
    border: 1px solid #d7d8d8;
    background: #fff;
    height: 26px;
    line-height: 11px;
    vertical-align: middle;
    width: 26px
}

.radio-buttons span {
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    display: inline-block
}

.radio-buttons .ui-state-active span {
    background: #383a3d;
    position: relative;
    top: 6px
}

.radio-buttons .ui-state-active,.radio-buttons .ui-state-hover {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.2)
}

.ui-state-active .ui-button-text {
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5)
}

.radio-buttons.radio-buttonsSpecials {
    position: relative;
    text-align: right
}

.radio-buttons.radio-buttonsSpecials .ui-checkboxradio-icon,.radio-buttons.radio-buttonsSpecials .ui-checkboxradio-icon-space {
    display: none
}

.radio-buttonsSpecials .ui-checkboxradio-radio-label,.radio-buttonsSpecials label {
    border-radius: 5px;
    color: #646464;
    height: 36px;
    line-height: 36px;
    padding: 0 25px 0 40px;
    width: auto;
    border-color: #646464;
    box-shadow: 1px 1px 0 hsla(0,0%,39.2%,.2)
}

.radio-buttonsSpecials .ui-checkboxradio-radio-label:before,.radio-buttonsSpecials .ui-state-default:before {
    border: 1px solid #646464;
    border-radius: 10em;
    box-shadow: 0 0 0 rgba(0,0,0,.5);
    content: " ";
    height: 20px;
    left: 12px;
    position: absolute;
    top: 6px;
    width: 20px
}

.radio-buttonsSpecials .ui-state-active,.radio-buttonsSpecials .ui-state-focus {
    color: #fff;
    border: 1px solid hsla(0,0%,39.2%,.2);
    box-shadow: -1px -1px 0 hsla(0,0%,39.2%,.2)
}

.radio-buttonsSpecials .ui-state-active:before {
    content: " ";
    border-color: #fff
}

.radio-buttonsSpecials .ui-state-focus:before {
    border: 1px solid #fff
}

.radio-buttonsSpecials .ui-state-active:after {
    content: "\E901";
    font-family: Booking-glyphs;
    font-size: 26px;
    height: 20px;
    left: 12px;
    position: absolute;
    top: -5px;
    width: 20px
}

.radio-buttonsSpecials label span {
    display: block;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    text-indent: 0;
    width: 100%
}

.radio-buttonsSpecials .ui-state-active span {
    background: none;
    position: relative;
    top: auto;
    border-radius: 0;
    box-shadow: none;
    top: 0
}

.checkbox-buttons label {
    border: 1px solid #d7d8d8;
    height: 26px;
    line-height: 11px;
    vertical-align: middle;
    width: 26px
}

.checkbox-buttons span {
    height: 16px;
    left: 4px;
    position: relative;
    width: 24px;
    text-indent: -9999em;
    display: inline-block;
    top: 4px
}

.checkbox-buttons .ui-state-active span {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) no-repeat scroll -275px -235px transparent
}

.checkbox-buttons .ui-state-active,.checkbox-buttons .ui-state-hover {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.2)
}

.ui-selectmenu-menu {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    font-size: .8125em;
    padding: 0;
    display: none
}

.ui-selectmenu-menu.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-menu .ui-state-focus,.ui-selectmenu-menu li:focus,.ui-selectmenu-menu li:hover {
    color: #db0148
}

.ui-selectmenu-menu li:first-child {
    border: none
}

.ui-selectmenu-menu ul {
    margin: 0;
    padding: 0
}

.ui-selectmenu-button {
    transition: all .2s ease-in;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #d7d8d8;
    color: #635f5b;
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    text-align: left;
    overflow: hidden
}

.ui-selectmenu-button.ui-state-disabled {
    border-color: transparent;
    cursor: default;
    padding: 0 10px 0 0
}

.ui-selectmenu-button.ui-state-disabled .ui-icon {
    display: none
}

.error .ui-selectmenu-button {
    border-color: #ff0101;
    color: red
}

.ui-icon.ui-icon-triangle-1-s {
    display: inline-block;
    float: right;
    height: 9px;
    margin-left: 5px;
    position: relative;
    top: 17px;
    width: 13px
}

.ui-icon.ui-icon-triangle-1-s:after {
    content: "\E60D";
    font-family: Booking-glyphs;
    font-size: 34px;
    right: -10px;
    top: -16px;
    position: absolute
}

.ui-corner-top .ui-icon.ui-icon-triangle-1-s:after {
    content: "\E60C"
}

.ui-datepicker {
    display: none
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-autocomplete {
    background-color: #fff;
    position: absolute!important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d7d8d8;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    box-sizing: border-box;
    overflow: hidden
}

.ui-autocomplete .ui-menu-item {
    border-top: 1px solid #d7d8d8;
    color: #383a3d;
    cursor: default;
    font-size: 13px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 4px 0 20px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-autocomplete .ui-menu-item:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MiI+PHBhdGggZmlsbD0iI0ZGNTY1RCIgZD0iTTguNCAyLjdjLS40LS42LS45LTEuMS0xLjUtMS41QzYuMS44IDUgLjUgMy44LjdjLTEuNC4yLTIuNSAxLTMuMSAyQy4zIDMuMy4xIDQgMCA1YzAgLjkuMyAxLjcuNiAyLjMuMy4zLjQuNi42LjkuNi45IDEuMiAxLjggMS43IDIuNy43IDEuMyAxLjMgMi42IDEuNiA0LjMuNS0yLjUgMS42LTQuMyAyLjgtNi4xLjQtLjYuOC0xLjIgMS4xLTEuOC4yLS4zLjMtLjYuNS0xIC4xLS40LjItLjkuMi0xLjMtLjEtMS0uMy0xLjctLjctMi4zek00LjUgNi41QzMuNyA2LjUgMyA1LjggMyA1cy43LTEuNiAxLjYtMS42IDEuNS43IDEuNSAxLjYtLjcgMS41LTEuNiAxLjV6Ii8+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTI4LjQgMi43Yy0uNC0uNi0uOS0xLjEtMS41LTEuNS0uOC0uNS0xLjktLjgtMy0uNi0xLjQuMi0yLjUgMS0zLjEgMi0uNC43LS43IDEuNC0uNyAyLjQgMCAuOS4zIDEuNy42IDIuMy4yLjMuMy42LjUuOS42LjkgMS4yIDEuOCAxLjcgMi43LjcgMS4zIDEuMyAyLjYgMS42IDQuMy41LTIuNSAxLjYtNC4zIDIuOC02LjEuNC0uNi44LTEuMiAxLjEtMS44LjItLjMuMy0uNi41LTEgLjEtLjQuMi0uOC4yLTEuMyAwLTEtLjMtMS43LS43LTIuM3ptLTMuOCAzLjhjLS45IDAtMS42LS43LTEuNi0xLjVzLjctMS42IDEuNi0xLjYgMS42LjcgMS42IDEuNi0uNyAxLjUtMS42IDEuNXoiLz48cGF0aCBmaWxsPSIjRkY1NjVEIiBkPSJNNC41IDE2LjRjLTIuNSAwLTQuNSAyLTQuNSA0LjVzMiA0LjUgNC41IDQuNSA0LjUtMiA0LjUtNC41LTEuOS00LjUtNC41LTQuNXptMCA2LjFjLS45IDAtMS42LS43LTEuNi0xLjZzLjctMS42IDEuNi0xLjZjLjkgMCAxLjYuNyAxLjYgMS42cy0uNyAxLjYtMS42IDEuNnoiLz48cGF0aCBmaWxsPSIjQjNCM0IzIiBkPSJNMjQuNiAxNi40Yy0yLjUgMC00LjUgMi00LjUgNC41czIgNC41IDQuNSA0LjUgNC41LTIgNC41LTQuNS0yLTQuNS00LjUtNC41em0wIDYuMWMtLjkgMC0xLjYtLjctMS42LTEuNnMuNy0xLjYgMS42LTEuNmMuOSAwIDEuNi43IDEuNiAxLjZzLS43IDEuNi0xLjYgMS42eiIvPjxwYXRoIGZpbGw9IiNGRjU2NUQiIGQ9Ik04IDMyLjhoLS41di0ySDhjLjUgMCAxLS40IDEtMSAwLS41LS40LTEtMS0xaC0uNXYtLjVjMC0uNS0uNC0xLTEtMS0uNSAwLTEgLjQtMSAxdi41aC0ydi0uNWMwLS41LS40LTEtMS0xLS41IDAtMSAuNC0xIDF2LjVIMWMtLjUgMC0xIC40LTEgMSAwIC41LjQgMSAxIDFoLjV2MkgxYy0uNSAwLTEgLjQtMSAxIDAgLjUuNCAxIDEgMWguNXYuNWMwIC41LjQgMSAxIDEgLjUgMCAxLS40IDEtMXYtLjVoMnYuNWMwIC41LjQgMSAxIDEgLjUgMCAxLS40IDEtMXYtLjVIOGMuNSAwIDEtLjQgMS0xIDAtLjUtLjQtMS0xLTF6bS00LjUgMHYtMmgydjJoLTJ6Ii8+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTI4LjEgMzIuOGgtLjV2LTJoLjVjLjUgMCAxLS40IDEtMSAwLS41LS40LTEtMS0xaC0uNXYtLjVjMC0uNS0uNC0xLTEtMS0uNSAwLTEgLjQtMSAxdi41aC0ydi0uNWMwLS41LS40LTEtMS0xLS41IDAtMSAuNC0xIDF2LjVoLS41Yy0uNSAwLTEgLjQtMSAxIDAgLjUuNCAxIDEgMWguNXYyaC0uNWMtLjUgMC0xIC40LTEgMSAwIC41LjQgMSAxIDFoLjV2LjVjMCAuNS40IDEgMSAxIC41IDAgMS0uNCAxLTF2LS41aDJ2LjVjMCAuNS40IDEgMSAxIC41IDAgMS0uNCAxLTF2LS41aC41Yy41IDAgMS0uNCAxLTEgMC0uNS0uNS0xLTEtMXptLTQuNSAwdi0yaDJ2MmgtMnoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDkuMyAyLjdjLS40LS42LS45LTEuMS0xLjUtMS41LS44LS41LTEuOS0uOC0zLS42LTEuNC4yLTIuNSAxLTMuMSAyLS41LjctLjcgMS40LS44IDIuNCAwIC45LjMgMS43LjYgMi4zLjIuMy4zLjYuNS45LjYuOSAxLjIgMS44IDEuNyAyLjcuNyAxLjMgMS4zIDIuNiAxLjYgNC4zLjUtMi41IDEuNi00LjMgMi44LTYuMS40LS42LjgtMS4yIDEuMS0xLjguMi0uMy4zLS42LjUtMXMuMy0uOS4zLTEuM2MtLjEtMS0uMy0xLjctLjctMi4zem0tMy44IDMuOGMtLjkgMC0xLjYtLjctMS42LTEuNnMuNy0xLjYgMS42LTEuNlM0NyA0LjEgNDcgNXMtLjcgMS41LTEuNSAxLjV6TTQ1LjUgMTYuNGMtMi41IDAtNC41IDItNC41IDQuNXMyIDQuNSA0LjUgNC41IDQuNS0yIDQuNS00LjUtMi00LjUtNC41LTQuNXptLS4xIDYuMWMtLjkgMC0xLjYtLjctMS42LTEuNnMuNy0xLjYgMS42LTEuNmMuOSAwIDEuNi43IDEuNiAxLjZzLS43IDEuNi0xLjYgMS42ek00OC45IDMyLjhoLS41di0yaC41Yy41IDAgMS0uNCAxLTEgMC0uNS0uNC0xLTEtMWgtLjV2LS41YzAtLjUtLjQtMS0xLTEtLjUgMC0xIC40LTEgMXYuNWgtMnYtLjVjMC0uNS0uNC0xLTEtMS0uNSAwLTEgLjQtMSAxdi41aC0uNWMtLjUgMC0xIC40LTEgMSAwIC41LjQgMSAxIDFoLjV2MmgtLjVjLS41IDAtMSAuNC0xIDEgMCAuNS40IDEgMSAxaC41di41YzAgLjUuNCAxIDEgMSAuNSAwIDEtLjQgMS0xdi0uNWgydi41YzAgLjUuNCAxIDEgMSAuNSAwIDEtLjQgMS0xdi0uNWguNWMuNSAwIDEtLjQgMS0xIDAtLjUtLjQtMS0xLTF6bS00LjUgMHYtMmgydjJoLTJ6Ii8+PGc+PHBhdGggZmlsbD0iI0ZGNTY1RCIgZD0iTTExLjEgNDQuMWwtNS41LTUuOC01LjUgNS44aDIuMXY3aDJ2LTNoM3YzaDJ2LTdoMS45em0tNiAyaC0ydi0yaDJ2MnptMyAwaC0ydi0yaDJ2MnoiLz48cGF0aCBmaWxsPSIjQjNCM0IzIiBkPSJNMzAuMSA0NC4xbC01LjUtNS44LTUuNSA1LjhoMi4xdjdoMnYtM2gzdjNoMnYtN2gxLjl6bS02IDJoLTJ2LTJoMnYyem0zIDBoLTJ2LTJoMnYyeiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01MC4xIDQ0LjFsLTUuNS01LjgtNS41IDUuOGgyLjF2N2gydi0zaDN2M2gydi03aDEuOXptLTYgMmgtMnYtMmgydjJ6bTMgMGgtMnYtMmgydjJ6Ii8+PC9nPjwvc3ZnPg==") no-repeat scroll -20px 0 transparent;
    content: "";
    height: 16px;
    left: 5px;
    position: absolute;
    top: 7px;
    width: 11px
}

.ui-autocomplete .ui-autocomplete-category {
    background: #f0f0f0;
    color: #000;
    font-weight: 600;
    padding: 0 10px;
    border-top: 1px solid #d7d8d8;
    cursor: default;
    font-size: 13px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-autocomplete .ui-autocomplete-category:before {
    background: none
}

.ui-autocomplete .ui-menu-item.ui-menu-item-cluster:before {
    background-position: -20px -16px;
    height: 11px;
    top: 11px
}

.ui-autocomplete .ui-menu-item.ui-menu-item-tag:before {
    background-position: -20px -27px;
    height: 11px;
    top: 11px
}

.ui-autocomplete .ui-menu-item.ui-menu-item-propertyshortname:before {
    background-position: -19px -39px;
    height: 13px;
    top: 9px
}

.ui-autocomplete .ui-menu-item.ui-state-focus:before,.ui-autocomplete .ui-menu-item:hover:before {
    background-position: 0 0
}

.ui-autocomplete .ui-menu-item.ui-menu-item-cluster.ui-state-focus:before,.ui-autocomplete .ui-menu-item.ui-menu-item-cluster:hover:before {
    background-position: 0 -16px
}

.ui-autocomplete .ui-menu-item.ui-menu-item-tag.ui-state-focus:before,.ui-autocomplete .ui-menu-item.ui-menu-item-tag:hover:before {
    background-position: 0 -27px
}

.ui-autocomplete .ui-menu-item.ui-menu-item.ui-menu-item-propertyshortname.ui-state-focus:before,.ui-autocomplete .ui-menu-item.ui-menu-item.ui-menu-item-propertyshortname:hover:before {
    background-position: 0 -39px
}

.ui-autocomplete .ui-state-focus,.ui-autocomplete .ui-state-hover,.ui-autocomplete .ui-widget-content .ui-state-focus,.ui-autocomplete .ui-widget-content .ui-state-hover,.ui-autocomplete .ui-widget-header .ui-state-focus,.ui-autocomplete .ui-widget-header .ui-state-hover {
    background: hsla(0,0%,79.2%,.35);
    color: #383a3d;
    border-radius: 0
}

.ui-autocomplete .ui-state-highlight {
    color: #000;
    font-weight: 700
}

.ui-state-disabled.ui-menu-item,.ui-state-disabled.ui-menu-item:focus,.ui-state-disabled.ui-menu-item:hover {
    color: #cacaca;
    cursor: default
}

.ui-autocomplete-parent-loading {
    width: 100%
}

.ui-autocomplete-parent-loading:after {
    background: rgba(170,175,179,0) url(/ui/wl/4.165/images/sprites/search/oval-dark.svg) no-repeat scroll 0 0/26px 26px;
    content: "";
    height: 22px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 22px
}

.mod-search div.ui-tooltip {
    position: absolute!important;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    text-align: center;
    z-index: 3
}

.mod-search div.ui-tooltip:before {
    background: none
}

.jcarousel-control {
    background-color: hsla(0,0%,100%,.6);
    position: absolute;
    top: 0;
    height: 95px;
    width: 30px;
    z-index: 2;
    cursor: pointer
}

.jcarousel-control:before {
    top: calc(50% - 2px)
}

.jcarousel-control:after,.jcarousel-control:before {
    content: "";
    width: 2px;
    height: 24px;
    background-color: rgba(0,0,0,.6);
    display: block;
    position: absolute
}

.jcarousel-control:after {
    top: calc(50% - 19px)
}

.jcarousel-control_prev {
    left: 0
}

.jcarousel-control_prev:before {
    transform: rotate(-45deg);
    left: 12px
}

.jcarousel-control_prev:after {
    transform: rotate(45deg);
    left: 12px
}

.jcarousel-control_next {
    right: 0
}

.jcarousel-control_next:before {
    transform: rotate(45deg);
    right: 12px
}

.jcarousel-control_next:after {
    transform: rotate(-45deg);
    right: 12px
}

.jcarousel-thumb {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.jcarousel-thumb>ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.jcarousel-thumb li {
    width: auto;
    height: 95px;
    margin: 0 2px;
    float: left;
    cursor: pointer
}

.jcarousel-thumb li:first-of-type {
    margin-left: 0
}

.jcarousel-thumb li:last-of-type {
    margin-right: 0
}

.b_InternetExplorer .jcarousel-thumb li {
    flex: 1 1 auto
}

.jcarousel-thumb_small .jcarousel-control,.jcarousel-thumb_small li {
    height: 76px
}

.jcarousel-thumb img {
    width: auto;
    height: 100%;
    display: block
}

.jcarousel-thumb .jcarousel-control:before {
    width: 1px;
    height: 16px;
    top: 50%
}

.jcarousel-thumb .jcarousel-control:after {
    width: 1px;
    height: 16px;
    top: calc(50% - 12px)
}

.jcarousel-hero {
    width: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.jcarousel-hero>ul {
    width: auto;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.jcarousel-hero li {
    width: 100%;
    height: 100%;
    margin: 0;
    flex: 0 0 100%;
    float: left
}

.jcarousel-hero li:first-of-type {
    margin-left: 0
}

.jcarousel-hero li:last-of-type {
    margin-right: 0
}

.jcarousel-hero .jcarousel-control {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 60px
}

.jcarousel-hero .jcarousel-control_prev:after,.jcarousel-hero .jcarousel-control_prev:before {
    left: 20px
}

.jcarousel-hero .jcarousel-control_next:after,.jcarousel-hero .jcarousel-control_next:before {
    right: 20px
}

.booking .jcarousel-control-default,.booking .jcarousel-default img {
    height: 95px
}

.booking .jcarousel-control-medium,.booking .jcarousel-medium img {
    height: 190px
}

.booking .jcarousel-control-large,.booking .jcarousel-large img {
    height: 285px
}

.booking .jcarousel-thumb li {
    height: auto;
    position: relative
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 48px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: .875em;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after {
    color: #fff;
    content: "";
    font-family: Booking-glyphs;
    opacity: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-weight: 700;
    position: absolute;
    font-size: 2.375em
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    content: "\E60E"
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    content: "\E60F"
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px),screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mod-search {
    position: relative;
    min-height: 64px;
    clear: both;
    text-align: left;
    float: left;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .mod-search {
        display:table;
        width: 100%;
        min-height: auto
    }

    .mod-search:after {
        clear: both;
        display: table;
        content: ""
    }
}

@media only screen and (min-width: 1100px) {
    .mod-search {
        display:block
    }
}

.search-inner.master-container .mod-search-inner {
    padding: 10px
}

.booking-outer .mod-search {
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #646464
}

.main.search.mod-search {
    min-height: 30px
}

.mod-results .mod-search {
    margin: 10px 0
}

.cp-button-price-wrapper {
    position: relative;
    float: left;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cp-button-price-wrapper {
        float:right;
        width: auto
    }
}

.cp-button-price-wrapper .button-overlay {
    display: none
}

.cp-button-price-wrapper button[disabled]+.button-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block
}

.mod-search .cp-input {
    width: 100%;
    margin: 0 0 10px
}

.mod-search .cp-input:hover {
    border-color: #383a3d
}

@media only screen and (min-width: 768px) {
    .mod-search .cp-input {
        width:260px;
        margin: 0 10px 0 0;
        display: block;
        float: left
    }
}

.mod-search .tooltip-holder:hover {
    border-color: #383a3d;
    cursor: pointer
}

.mod-search .column-1 {
    width: 49%;
    display: inline-block;
    position: relative
}

@media only screen and (min-width: 768px) {
    .mod-search .column-1 {
        margin-right:10px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1100px) {
    .mod-search .column-1 {
        width:15%;
        min-width: 150px;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.mod-search .icon-input::-webkit-input-placeholder {
    color: #000
}

.mod-search .icon-input::-moz-placeholder {
    color: #000
}

.mod-search .icon-input:-ms-input-placeholder {
    color: #000
}

.mod-search .icon-input:-moz-placeholder {
    color: #000
}

.svg .mod-search .icon-calendar {
    color: #000;
    width: 100%;
    float: left;
    background: url(/ui/wl/4.165/images/sprites/search/calendar-sprite.svg) right 11px no-repeat,url(/ui/wl/4.165/images/sprites/search/calendar-sprite.svg) 3px -23px no-repeat;
    background-color: #fff;
    cursor: pointer;
    font-size: 13px
}

.mod-search .column-3 {
    width: 49%;
    display: inline-block;
    position: relative
}

@media only screen and (min-width: 1100px) {
    .mod-search .column-3 {
        width:15%;
        min-width: 140px;
        margin-right: 10px
    }
}

.mod-search .column-2 {
    width: 49%;
    display: inline-block;
    position: relative
}

@media only screen and (min-width: 1100px) {
    .mod-search .column-2 {
        width:15%;
        min-width: 150px;
        margin-right: 10px
    }
}

.mod-search .column-2 .ui-selectmenu-button {
    float: left
}

.mod-search .cp-button-price {
    position: relative;
    float: right;
    width: 100%;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .mod-search .cp-button-price {
        top:22px;
        width: auto;
        font-size: .875em
    }
}

.pr {
    clear: both;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .pr {
        display:inline-block;
        width: 70%
    }
}

@media only screen and (min-width: 1100px) {
    .pr {
        width:35%;
        clear: none
    }
}

.room-counter {
    margin: 0;
    font-size: 14px
}

.room-counter span {
    background-color: #383a3d;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 0 7px;
    text-align: center
}

.mod-search .cp-inputValues {
    background-image: none;
    clear: both;
    min-height: 44px;
    display: block;
    padding: 11px 0 0 38px;
    width: auto;
    overflow-y: auto;
    border: 1px solid #d7d8d8;
    cursor: pointer
}

.mod-search .cp-inputValues:before {
    content: "";
    height: 20px;
    position: absolute;
    width: 40px;
    margin-left: -26px;
    right: 0
}

@media only screen and (min-width: 320px) {
    .mod-search .cp-inputValues {
        min-width:100%;
        max-width: 100%;
        max-height: inherit
    }
}

@media only screen and (min-width: 768px) {
    .mod-search .cp-inputValues {
        width:100%;
        max-height: 44px
    }
}

@media only screen and (min-width: 1100px) {
    .mod-search .cp-inputValues {
        min-width:100%;
        max-width: 100%
    }
}

.mod-search .cp-inputValues.icon-guest {
    background: url(/ui/wl/4.165/images/sprites/search/calendar-sprite.svg) right 10px no-repeat,url(/ui/wl/4.165/images/sprites/search/calendar-sprite.svg) 3px -60px no-repeat;
    background-color: #fff
}

.mod-search-filters.mod-search .cp-inputValues {
    max-width: 20em;
    min-width: 20em;
    width: auto
}

.mod-search .cp-inputValues span {
    text-decoration: none;
    font-size: 13px;
    color: #000;
    display: inline-block;
    margin: 0 10px 5px 0;
    list-style: none;
    height: 26px;
    line-height: 26px;
    padding: 0 5px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
    transition: color .2s ease-in
}

.cp-inputValues .default {
    background: none;
    border: 1px solid #fff;
    cursor: auto;
    padding: 0
}

.cp-inputValues-action {
    display: inline-block;
    height: 20px;
    position: relative;
    text-indent: -9999em;
    top: 1px;
    width: 17px;
    left: 5px;
    cursor: pointer
}

.svg .cp-inputValues-action {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) no-repeat scroll 0 -145px transparent
}

.no-svg .cp-inputValues-action {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine.png) no-repeat scroll 0 -145px transparent
}

.mod-search .cp-inputValues {
    background: url(/ui/wl/4.165/images/search-form-sprite.svg) no-repeat scroll 5px 5px transparent;
    background-color: #fff
}

.booking .sticky {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .booking .sticky .mod-search {
        box-shadow:0 2px 5px 0 rgba(0,0,0,.5)
    }
}

.mod-search-filters.mod-search {
    padding: 0
}

.mod-search-filters.mod-search .cp-input {
    margin: 0;
    width: 100%;
    color: #000
}

.mod-search-filters.mod-search .column-outer.cloned {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.mod-search-filters.mod-search .cp-inputValues {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

@media only screen and (min-width: 768px) {
    .mod-search-filters.mod-search .cp-inputValues {
        min-width:280px
    }
}

.mod-search-filters.mod-search .first-child:focus {
    outline-color: transparent;
    outline-style: none
}

@media only screen and (min-width: 1024px) {
    .mod-search-filters.mod-search .first-child {
        width:188px;
        padding-left: 10px
    }
}

.mod-search-filters.mod-search .second-child {
    width: 49.36709%;
    float: left;
    margin-right: 1.26582%
}

.mod-search-filters.mod-search .third-child {
    width: 49.36709%;
    float: right;
    margin-right: 0
}

.mod-search-filters.mod-search .ui-datepicker table {
    width: 100%
}

.column-outer .column-inner:after,.column-outer .column-inner:before {
    display: table;
    content: ""
}

.column-outer .column-inner:after {
    clear: both
}

.column-outer .column-inner:nth-child(2n) {
    background-color: #f0f0f0
}

.column-outer .room {
    background: rgba(0,0,0,.8);
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 14px;
    padding: 0 5px
}

.column-outer .room-inner {
    clear: both;
    display: block
}

.column-outer.overflow {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto
}

.column-outer.overflow+.faded-container {
    background: #cfcfcf;
    background: -moz-radial-gradient(center,ellipse cover,#cfcfcf 0,hsla(0,0%,100%,0) 50%);
    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#cfcfcf),color-stop(50%,hsla(0,0%,100%,0)));
    background: -webkit-radial-gradient(center,ellipse cover,#cfcfcf 0,hsla(0,0%,100%,0) 50%);
    background: -o-radial-gradient(center,ellipse cover,#cfcfcf 0,hsla(0,0%,100%,0) 50%);
    background: -ms-radial-gradient(center,ellipse cover,#cfcfcf 0,hsla(0,0%,100%,0) 50%);
    background: radial-gradient(ellipse at center,#cfcfcf 0,hsla(0,0%,100%,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf",endColorstr="$colour--white",GradientType=1);
    display: block;
    height: 20px;
    margin-top: -10px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.column-outer.overflow+.faded-container:after {
    background-color: #fff;
    border-top: 1px solid #ccc;
    bottom: 0;
    content: "";
    height: 11px;
    position: absolute;
    width: 100%
}

.mod-search-filters .invalid #eviivo-search-destination-tooltip {
    display: block
}

.heading {
    margin-bottom: 20px
}

.heading-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%
}

.heading-bottom_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.heading .mod-sort {
    display: none
}

@media only screen and (min-width: 768px) {
    .heading .mod-sort {
        display:block
    }
}

.instantweb .mod-search {
    border-bottom: none;
    background: #383a3d;
    padding: 10px;
    float: none
}

.instantweb .mod-search label {
    color: #fff
}

.instantweb .mod-search.mod-search-date-range {
    background: #fff
}

.instantweb .mod-search.searchDone,.instantweb .mod-search.searchDone button.cp-button-text {
    background: #383a3d
}

.instantweb .mod-search.searchExpanded {
    background: #fff
}

.instantweb .mod-search.searchExpanded button.cp-button-text {
    background: none
}

.cp-tooltip {
    background: #fff;
    left: -10px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    display: none;
    padding: 10px;
    width: 260px;
    position: absolute;
    z-index: 4
}

@media only screen and (min-width: 768px) {
    .cp-tooltip {
        top:64px;
        left: 0
    }
}

.cp-tooltip:before {
    background: transparent;
    content: "";
    left: 10px;
    position: absolute;
    top: -18px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    width: 0;
    height: 0
}

.mod-search .cp-tooltip:after,.mod-search .cp-tooltip:before {
    background: transparent;
    content: "";
    left: 25px;
    position: absolute;
    bottom: 100%;
    top: auto;
    border: solid transparent;
    width: 0;
    height: 0;
    pointer-events: none
}

.mod-search .cp-tooltip:after {
    border-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
    border-width: 10px;
    margin-left: -10px
}

.mod-search .cp-tooltip:before {
    border-color: transparent transparent #d7d8d8;
    border-width: 11px;
    margin-left: -11px
}

.cp-tooltip .column-outer .column:first-child {
    width: 48.71795%;
    float: left;
    margin-right: 2.5641%
}

.cp-tooltip .column-outer .column {
    width: 48.71795%;
    float: right;
    margin-right: 0
}

.cp-tooltip .column-outer {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.column-outer .room {
    clear: both;
    display: inline-block
}

.cp-tooltip .ui-selectmenu-button {
    width: 100%!important;
    text-align: left;
    margin: 0 0 10px
}

.cp-tooltip .ui-selectmenu-button.ui-state-disabled {
    background-color: #cacaca;
    border-color: #d7d8d8;
    padding: 0 10px
}

.cp-tooltip .cp-button-small {
    width: auto
}

#btn-addRoom {
    border-radius: 3px 0 0 3px
}

#btn-removeRoom {
    border-radius: 0 3px 3px 0;
    margin-left: -4px;
    border-left: 1px solid #fff
}

.actions {
    margin-left: 3.5em;
    height: 3em
}

.actions button {
    width: 100%;
    height: 100%
}

.cp-tooltip .room-actions,.cp-tooltip .room-container {
    clear: both;
    display: block
}

.room-actions {
    float: right
}

.room-actions span {
    font-size: 14px
}

.ui-tooltip {
    box-shadow: 0 1px 1px hsla(0,0%,39.2%,.25),0 0 1px hsla(0,0%,39.2%,.35);
    position: absolute;
    max-width: 300px;
    border-radius: 3px;
    z-index: 1000;
    background-color: #000;
    color: #fff
}

.ui-tooltip.tooltip-error {
    background-color: #b33535
}

.ui-tooltip.tooltip-white {
    background-color: #fff;
    color: #000
}

.ui-tooltip .ui-tooltip-content {
    font-size: 14px;
    line-height: 21px;
    color: inherit;
    background-color: inherit;
    border-radius: inherit;
    padding: 15px;
    position: relative;
    z-index: 1
}

.ui-tooltip .ui-tooltip-content li {
    border-top: 1px solid hsla(0,0%,100%,.4);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.ui-tooltip .ui-tooltip-content li:first-child {
    border: none;
    padding-top: 0
}

.ui-tooltip .ui-tooltip-content li .block {
    display: block
}

.ui-tooltip .ui-tooltip-content li .small {
    color: hsla(0,0%,100%,.8);
    font-size: 13px
}

.ui-tooltip .ui-tooltip-content li:after {
    content: attr(data-value);
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: -16px;
    z-index: 2
}

.ui-tooltip .ui-tooltip-content li:before {
    background: #000;
    border: 1px solid hsla(0,0%,100%,.4);
    border-radius: 6px;
    bottom: -17px;
    content: "";
    display: inline-block;
    height: 15px;
    left: calc(50% - 20px);
    margin: 0 auto;
    position: absolute;
    width: 40px;
    z-index: 1
}

.ui-tooltip .ui-tooltip-content li:last-child:after,.ui-tooltip .ui-tooltip-content li:last-child:before {
    content: none;
    border: none;
    background: none
}

.ui-tooltip .arrow {
    position: absolute;
    width: 25px;
    height: 25px;
    box-shadow: 0 0 9px 0 #000;
    transform: rotate(45deg);
    background-color: inherit
}

.ui-tooltip .arrow.bottom,.ui-tooltip .arrow.top {
    left: 50%;
    margin-left: -12.5px
}

.ui-tooltip .arrow.top {
    top: -7.5px
}

.ui-tooltip .arrow.bottom {
    bottom: -7.5px
}

.ui-tooltip .arrow.left,.ui-tooltip .arrow.right {
    top: 50%;
    margin-top: -12.5px
}

.ui-tooltip .arrow.left {
    left: -12.5px
}

.ui-tooltip .arrow.right {
    right: -12.5px
}

.cp-tip {
    background: #db0148;
    border-radius: 10em;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin: 0 3px;
    text-align: center;
    width: 20px;
    position: relative;
    cursor: help
}

.cp-tip a {
    border-bottom: 1px dotted
}

.cp-tipTransparent {
    background: inherit;
    border-radius: 0;
    color: initial;
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    margin: inherit;
    text-align: inherit;
    width: inherit
}

.ui-selectmenu-menu {
    z-index: 940
}

.tooltip-maps {
    z-index: 2
}

.mod-search .cp-tooltip-info {
    left: 0;
    position: absolute;
    background: #fff6df;
    border: 1px solid #feba02;
    font-size: 14px;
    color: #000;
    top: 64px;
    z-index: 6
}

.mod-search .cp-tooltip-info:after,.mod-search .cp-tooltip-info:before {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.mod-search .cp-tooltip-info:after {
    border-color: rgba(255,246,223,0) rgba(255,246,223,0) #fff6df;
    border-width: 11px;
    margin-left: -11px
}

.mod-search .cp-tooltip-info:before {
    border-color: rgba(254,186,2,0) rgba(254,186,2,0) #feba02;
    border-width: 12px;
    margin-left: -12px
}

.mod-search .cp-tooltip-info .column-outer {
    display: inline-block;
    max-width: 90%;
    line-height: 18px
}

.mod-search .cp-tooltip-info.infotip .cp-hide:before {
    color: #000
}

@media only screen and (min-width: 768px) {
    .search .mod-search-filters.mod-search .cp-tooltip {
        top:46px
    }
}

.search .mod-search-filters.mod-search .cp-tooltip-info {
    top: 46px;
    z-index: 10
}

.tooltip-holder {
    position: relative;
    display: block
}

.cp-hide {
    display: inline-block;
    color: #000
}

.cp-hide:before {
    content: "\E601";
    display: block;
    font-family: Booking-glyphs;
    font-size: 34px;
    position: absolute;
    text-indent: 0;
    right: 0;
    top: 5px
}

.cp-tooltip-info {
    width: 250px
}

.cp-tip-closable {
    position: relative
}

.mod-heroIntro {
    padding: 15px 10px;
    clear: both
}

@media only screen and (min-width: 1920px) {
    .mod-heroIntro {
        padding:25px 30px
    }
}

.mod-heroIntro p {
    margin: 0;
    padding: 0
}

.mod-heroIntro address {
    font-size: .875em;
    padding-left: 16px;
    color: #cacaca
}

.mod-heroIntro .details {
    clear: both;
    overflow: hidden;
    padding-top: 10px;
    text-align: right
}

@media only screen and (min-width: 768px) {
    .mod-heroIntro .details p {
        width:48.71795%;
        float: left;
        margin-right: 2.5641%
    }
}

.mod-heroIntro .details div {
    text-align: right
}

@media only screen and (min-width: 768px) {
    .mod-heroIntro .details div {
        width:48.71795%;
        float: right;
        margin-right: 0
    }
}

.hero-price-details {
    position: relative;
    top: 5px
}

@media only screen and (min-width: 1920px) {
    .hero-price-details {
        top:10px
    }
}

@media only screen and (min-width: 1920px) {
    .hero-price-details .intro-text {
        position:relative;
        top: -6px
    }
}

.intro {
    overflow: hidden;
    clear: both
}

@media only screen and (min-width: 768px) {
    .intro .column:first-child {
        width:62.02532%;
        float: left;
        margin-right: 1.26582%
    }
}

@media only screen and (min-width: 768px) {
    .intro .column {
        width:36.70886%;
        float: right;
        margin-right: 0
    }
}

.intro .column-last {
    display: none
}

@media only screen and (min-width: 768px) {
    .intro .column-last {
        display:block
    }
}

.likes-outer {
    display: inline-block;
    padding: 5px 0
}

@media only screen and (min-width: 768px) {
    .likes-outer {
        float:right;
        padding: 0
    }
}

.likes-outer .likes {
    top: 0
}

.likes-title {
    padding-right: 5px
}

@media only screen and (min-width: 768px) {
    .likes-title {
        position:relative;
        top: -1px
    }
}

.icon-dropdown {
    position: relative;
    display: block
}

.icon-dropdown:after {
    content: "\E60D";
    position: absolute;
    font-family: Booking-glyphs;
    font-size: 38px;
    line-height: 24px
}

.active .icon-dropdown:after {
    content: "\E60C"
}

.mod-heroIntro .icon-dropdown {
    float: right;
    padding-left: 20px
}

.mod-heroLarge {
    z-index: 1
}

.mod-heroLarge.is--hiddenLarge {
    display: none
}

.mod-heroLarge-picture {
    background-position: 30% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 190px;
    position: relative;
    clear: both;
    z-index: 1;
    transition: all .2s ease-in
}

@media only screen and (min-width: 480px) {
    .mod-heroLarge-picture {
        height:305px
    }
}

@media only screen and (min-width: 768px) {
    .mod-heroLarge-picture {
        height:405px;
        display: block
    }
}

@media only screen and (min-width: 1024px) {
    .mod-heroLarge-picture {
        height:505px
    }
}

@media only screen and (min-width: 1920px) {
    .mod-heroLarge-picture {
        height:650px
    }
}

.mod-heroLarge-picture:hover {
    box-shadow: inset 0 0 60px rgba(0,0,0,.4);
    transition: all .2s ease-in
}

.mod-heroLargeFooter {
    display: none;
    background: hsla(0,0%,100%,.7);
    bottom: calc(100% - 131px);
    padding: 5px 10px;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .mod-heroLargeFooter {
        padding:10px;
        display: block
    }
}

.mod-heroLargeFooter .image-counter {
    display: inline;
    padding: 0;
    color: #646464
}

.mod-imageCount {
    width: 49.36709%;
    float: left;
    margin-right: 1.26582%
}

.mod-heroLargeFooter a {
    float: right;
    text-align: right;
    padding-right: 24px
}

.mod-heroLargeFooter.active {
    background: none;
    bottom: 20px
}

.mod-heroLargeFooter.active a {
    padding: 0 30px 0 20px;
    width: auto
}

.mod-heroLargeFooter.active a:after {
    background: none
}

#hero-picture #map-canvas:after {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) no-repeat scroll -200px -180px hsla(0,0%,100%,.6);
    content: "";
    height: 45px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 45px;
    visibility: visible
}

@media only screen and (min-width: 768px) {
    #hero-picture #map-canvas:after {
        right:20px;
        top: 20px
    }
}

@media only screen and (min-width: 1920px) {
    #hero-picture #map-canvas:after {
        right:30px;
        top: 30px
    }
}

#hero-picture #map-canvas.no-icon:after {
    visibility: hidden
}

.hero-arrowLeft:before,.hero-arrowRight:after {
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 25px;
    height: 45px;
    top: 17px
}

.hero-arrowLeft:before {
    background-position: -150px -177px;
    left: 20px
}

.hero-arrowLeft:before,.hero-arrowRight:after {
    background-image: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg)
}

.hero-arrowRight:after {
    right: 20px;
    background-position: -6px -177px
}

.hero-arrowLeft,.hero-arrowRight {
    position: absolute;
    text-indent: -999em;
    top: 50%;
    background-color: hsla(0,0%,100%,.6);
    width: 74px;
    height: 80px
}

.hero-arrowLeft {
    left: 30px
}

.hero-arrowRight {
    right: 30px
}

.hero-galleryCta {
    height: 100%;
    position: absolute;
    right: 0;
    text-indent: -999em;
    top: 0;
    width: 100%
}

.instantweb .hero-galleryCta:after {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) no-repeat scroll -200px -180px hsla(0,0%,100%,.6);
    content: "";
    height: 45px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 45px
}

#map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1
}

.image-counter {
    color: #fff;
    padding: 10px 0;
    z-index: 999
}

.is--hiddenLarge {
    display: none
}

.hide--heroImage {
    display: none!important
}

#cloned {
    display: none;
    visibility: hidden
}

.mod-gallery:after,.mod-gallery:before {
    content: "";
    display: table
}

.mod-gallery:after {
    clear: both
}

.mod-gallery .hero-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

.mod-gallery .hero-image img {
    width: 100%;
    height: auto
}

.mod-gallery .hero-image-control {
    background-color: hsla(0,0%,100%,.6);
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 60px
}

.mod-gallery .hero-image-control:before {
    top: calc(50% - 2px)
}

.mod-gallery .hero-image-control:after,.mod-gallery .hero-image-control:before {
    content: "";
    width: 2px;
    height: 24px;
    background-color: rgba(0,0,0,.6);
    display: block;
    position: absolute
}

.mod-gallery .hero-image-control:after {
    top: calc(50% - 19px)
}

.mod-gallery .hero-image-control_prev {
    left: 0
}

.mod-gallery .hero-image-control_prev:before {
    transform: rotate(-45deg);
    left: 20px
}

.mod-gallery .hero-image-control_prev:after {
    transform: rotate(45deg);
    left: 20px
}

.mod-gallery .hero-image-control_next {
    right: 0
}

.mod-gallery .hero-image-control_next:before {
    transform: rotate(45deg);
    right: 20px
}

.mod-gallery .hero-image-control_next:after {
    transform: rotate(-45deg);
    right: 20px
}

.mod-gallery .trigger {
    cursor: pointer
}

.mod-gallery .large-image picture {
    position: relative;
    height: 350px;
    display: block;
    overflow: hidden
}

.mod-gallery .large-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

@media only screen and (min-width: 1024px) {
    .mod-gallery .large-image picture {
        height:100%
    }
}

.mod-gallery .image-fill {
    width: 100%
}

.mod-gallery .cover,.mod-gallery .image-fill .small-image-first,.mod-gallery .image-fill .small-image-second {
    display: none
}

.mod-gallery .slide picture {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #000
}

.instantweb .mod-gallery .slide picture {
    object-fit: contain;
    object-position: center
}

.mod-gallery .slide img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    align-self: center;
    width: auto
}

@media (max-width: 1024px) {
    .instantweb .mod-gallery .slide img {
        max-height:500px
    }
}

@media (max-width: 768px) {
    .instantweb .mod-gallery .slide img {
        max-height:405px
    }
}

@media (max-width: 620px) {
    .instantweb .mod-gallery .slide img {
        max-height:380px
    }
}

@media (max-width: 480px) {
    .instantweb .mod-gallery .slide img {
        max-height:330px
    }
}

@media (max-width: 320px) {
    .instantweb .mod-gallery .slide img {
        max-height:220px
    }
}

@media only screen and (min-width: 1024px) {
    .mod-gallery {
        margin-bottom:0
    }

    .mod-gallery .slide picture {
        height: 600px
    }

    .b_InternetExplorer .mod-gallery .slide img {
        margin: 0
    }

    .mod-gallery .flex-slide img {
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
        object-fit: cover
    }

    .mod-gallery .right-side-container {
        width: 35%;
        float: right
    }

    .mod-gallery .lightbox {
        display: none
    }

    .mod-gallery .trigger.open {
        cursor: auto
    }

    .mod-gallery .image-fill {
        display: block;
        visibility: visible;
        float: left;
        overflow: hidden
    }

    .mod-gallery .image-fill img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .mod-gallery .image-fill .large-image {
        width: 66.5%;
        float: left;
        height: 379px
    }

    .mod-gallery .image-fill .small-image-first,.mod-gallery .image-fill .small-image-second {
        display: block;
        line-height: 0;
        position: relative;
        float: right;
        width: 32.77%;
        height: 187px;
        overflow: hidden
    }

    .mod-gallery .image-fill picture {
        display: block;
        height: 100%
    }

    .mod-gallery .image-fill .small-image-first {
        margin-bottom: 5px
    }

    .mod-gallery a.trigger {
        display: block
    }

    .mod-gallery .large-image picture:before {
        content: "";
        display: none
    }
}

.set-gallery {
    overflow: hidden
}

.set-gallery .mod-gallery .flexslider .slides>li,.set-gallery .slider-secondary-nav {
    display: block
}

.set-gallery .mod-gallery.gallery-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    float: none
}

.set-gallery .lightbox {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.85);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 998
}

.set-gallery .close {
    color: #fff;
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 3em;
    cursor: pointer;
    display: inline-block;
    visibility: visible;
    z-index: 999
}

.results-slide .flex-control-thumbs {
    padding: 10px 0 0;
    display: flex;
    flex-wrap: nowrap
}

.results-slide .flex-control-thumbs li {
    margin: 0 5px 0 0
}

.no-flexbox .results-slide .flex-control-thumbs li {
    margin: 0 5px 5px 0;
    max-width: 65px;
    float: left
}

.mod-contentWithSidebar .results-slide .flex-control-thumbs li {
    padding: 0
}

.mod-gallery-inner {
    position: relative;
    display: block;
    margin-bottom: 15px
}

@media only screen and (min-width: 1024px) {
    .mod-gallery-inner {
        height:643px;
        width: 100%
    }
}

.mod-heroLarge {
    position: relative
}

.mod-heroLarge .secondary-close {
    color: #fff;
    position: absolute;
    display: none;
    right: 0;
    top: 10px;
    z-index: 25;
    text-shadow: 0 1px 1px #333
}

.mod-heroLarge .secondary-close:after {
    content: "\E601";
    font-family: Booking-glyphs;
    font-size: 60px;
    text-indent: 0
}

.mod-heroLarge #hero-nav {
    display: none;
    transition: margin-top .5s;
    margin-top: 0;
    visibility: visible;
    margin-bottom: 15px
}

.mod-heroLarge #hero-nav .custom-navigation {
    opacity: 1
}

.mod-heroLarge #hero-nav .flex-direction-nav a:before {
    font-size: 22px
}

@media only screen and (min-width: 1024px) {
    .mod-heroLarge #hero-nav .flex-direction-nav a:before {
        font-size:40px
    }
}

.mod-heroLarge #hero-nav .flex-next,.mod-heroLarge #hero-nav .flex-prev {
    height: 76px
}

@media only screen and (min-width: 620px) {
    .mod-heroLarge #hero-nav {
        display:block
    }

    .mod-heroLarge #hero-nav .flex-slide,.mod-heroLarge #hero-nav .slide {
        margin: 0 2px;
        cursor: pointer
    }

    .mod-heroLarge #hero-nav .flex-slide {
        height: 76px
    }
}

.mod-heroLarge .mod-heroLargeFooter {
    display: none
}

@media only screen and (min-width: 768px) {
    .mod-heroLarge .mod-heroLargeFooter {
        padding:10px;
        display: block;
        bottom: 0;
        background: hsla(0,0%,100%,.7);
        position: absolute;
        width: 100%;
        z-index: 20
    }
}

.mod-heroLarge .mod-heroLargeFooter .image-counter {
    display: inline;
    padding: 0;
    color: #646464
}

.mod-heroLarge .cp-button {
    position: absolute;
    bottom: 35px;
    right: 0
}

.mod-heroLarge .show-gallery-btn {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.mod-heroLarge.map-view #hero-slider {
    opacity: 0;
    z-index: 0
}

.MyWebsite.booking .mod-heroLarge.map-view #map-canvas {
    opacity: 1;
    transform: scale(1);
    z-index: 1
}

.mod-heroLarge.map-view .mod-heroLargeFooter {
    background: hsla(0,0%,100%,0);
    width: 95%
}

.mod-heroLarge.map-view .mod-heroLargeFooter .image-counter {
    display: none
}

.mod-heroLarge.map-view #hero-nav {
    margin-top: -90px;
    visibility: hidden
}

.mod-heroLarge.map-view #hero-nav .custom-navigation {
    opacity: 0
}

.mod-gallery-inner #map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1
}

.MyWebsite.booking .mod-gallery-inner #map-canvas {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0
}

@media only screen and (min-width: 1024px) {
    .MyWebsite.booking .mod-gallery-inner #map-canvas {
        height:600px;
        margin: 0 0 15px;
        padding: 0;
        z-index: 0;
        opacity: 0;
        transform: scale(.5);
        transition: all .3s
    }
}

.mod-reviews-blurp {
    overflow: hidden;
    margin-bottom: 10px
}

@media only screen and (min-width: 1100px) {
    .mod-reviews-blurp {
        margin-bottom:15px
    }
}

@media only screen and (min-width: 1280px) {
    .mod-reviews-blurp {
        height:115px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1920px) {
    .mod-reviews-blurp {
        margin-bottom:10px
    }
}

.mod-reviews-blurp h2 {
    background-color: #5d9e9a;
    margin: 0;
    padding: 10px;
    line-height: 1.3;
    font-weight: 400;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .mod-reviews-blurp h2 {
        border:0;
        color: #fff;
        font-size: 16px
    }
}

@media only screen and (min-width: 1920px) {
    .mod-reviews-blurp h2 {
        font-size:22px;
        padding: 0 10px
    }
}

.mod-reviews-blurp p {
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
    font-weight: lighter
}

@media only screen and (min-width: 768px) {
    .mod-reviews-blurp p {
        margin:5px 0
    }
}

@media only screen and (min-width: 1024px) {
    .mod-reviews-blurp p {
        font-family:16px
    }
}

@media only screen and (min-width: 1920px) {
    .mod-reviews-blurp p {
        margin:15px 0
    }
}

.mod-reviews-blurp p span {
    font-weight: 700;
    font-size: 1.6em;
    display: block
}

.mod-reviews-blurp .flex-container {
    display: flex
}

.mod-reviews-blurp .reviews {
    background-color: rgba(93,158,154,.5);
    flex-grow: 1
}

.b_IE9 .mod-reviews-blurp .reviews,.mod-reviews-blurp .reviews .b_IE8 {
    display: inline-block;
    float: left;
    width: 50%
}

.mod-reviews-blurp .reviews i {
    font-size: 46px;
    line-height: 0;
    position: relative;
    top: 11px;
    margin-right: -5px;
    color: #ff0101
}

.mod-reviews-blurp .recommends {
    background-color: rgba(93,158,154,.3);
    flex-grow: 1
}

.b_IE9 .mod-reviews-blurp .recommends,.mod-reviews-blurp .recommends .b_IE8 {
    display: inline-block;
    float: right;
    width: 50%
}

.mod-reviews-blurp .recommends i {
    font-size: 20px;
    margin-right: 10px
}

.mod-facilities-blurp {
    overflow: hidden;
    padding: 0 10px 10px
}

.mod-facilities-blurp h3 {
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .mod-facilities-blurp {
        margin-bottom:10px
    }
}

.mod-facilities-blurp .property-facilities {
    margin-bottom: 0
}

.mod-facilities-blurp .property-facilities li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    width: 100%;
    font-weight: 500;
    margin-left: 16px
}

.mod-facilities-blurp .property-facilities li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.mod-facilities-blurp .property-facilities .icon-list_item {
    padding-left: 16px;
    line-height: 1
}

.mod-facilities-blurp .property-facilities .icon-list_item:before {
    position: absolute;
    left: 0
}

@media only screen and (min-width: 480px) {
    .mod-facilities-blurp .property-facilities li {
        width:calc(50% - 30px);
        margin-right: 14px;
        margin-bottom: 5px;
        padding-bottom: 0;
        float: left;
        border: 0;
        height: auto
    }
}

.mod-facilities-blurp a {
    font-size: 12px;
    line-height: 1
}

.awards {
    background: url(/ui/wl/4.165/images/sprites/search/awards-icons-ratings.png) no-repeat 0 20px transparent;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: -9999em;
    position: relative;
    top: 2px
}

.instantweb .awards {
    line-height: 1;
    top: 0
}

.awards.award-aa {
    background-position: 0 0
}

.awards.award-welsh-tourist-board {
    background-position: 0 -16px
}

.awards.award-visit-england {
    background-position: 0 -32px
}

.awards.award-visit-scotland {
    background-position: 0 -48px
}

.awards.award-5,.awards.award-holiday-cottages-group {
    background-position: 0 -64px
}

.awards.award-6,.awards.award-jersey-tourist-board {
    background-position: 0 -80px
}

.awards.award-7,.awards.award-isle-of-man-tourist-board {
    background-position: 0 -96px
}

.awards.award-8,.awards.award-northern-ireland-tourist-board {
    background-position: 0 -112px
}

.awards.award-9,.awards.award-norfolk-country-cottages {
    background-position: 0 -128px
}

.awards.award-10 {
    background-position: 0 -144px
}

.awards.award-11,.awards.award-welcome-to-yorkshire {
    background-position: 0 -160px
}

.awards.award-12,.awards.award-guernsey-tourist-board {
    background-position: 0 -176px
}

.awards.award-13,.awards.award-national-tourist-board {
    background-position: 0 -192px
}

.awards.award-14,.awards.award-dorset-holiday-cottages {
    background-position: 0 -208px
}

.awards.award-15,.awards.award-cotswolds-tourism {
    background-position: 0 -224px
}

.awards.award-self-assessed {
    background-position: 0 -240px
}

.ratings {
    display: inline-block;
    position: relative;
    width: 74px;
    height: 21px;
    top: 0;
    margin-right: 3px;
    overflow: hidden
}

.ratings:before {
    content: "\E90A";
    font-family: Booking-glyphs;
    font-size: 56px;
    position: absolute;
    color: #ffcf57;
    left: -15px
}

.ratings.ratings-5 {
    width: 112px
}

.ratings.ratings-4 {
    width: 86px
}

.ratings.ratings-3 {
    width: 68px
}

.ratings.ratings-2 {
    width: 46px
}

.ratings.ratings-1 {
    width: 24px
}

.mod-ranking {
    position: relative;
    display: inline-block;
    line-height: 24px;
    margin: 0 0 5px;
    top: 10px;
    height: 24px
}

.breadcrumb-outer {
    background: #f9f9f9;
    border-top: 1px solid #d7d8d8;
    border-bottom: 1px solid #d7d8d8;
    padding: 0 10px
}

.breadcrumb {
    margin: 0 auto;
    clear: both;
    max-width: 1520px;
    overflow: hidden
}

.breadcrumb li {
    color: #383a3d;
    display: inline-block;
    font-size: 12px;
    list-style: outside none none;
    padding: 0 5px 0 30px;
    position: relative;
    text-transform: capitalize;
    height: 30px;
    line-height: 30px;
    vertical-align: middle
}

.breadcrumb li:first-child {
    background: none;
    padding-left: 30px;
    margin-left: 5px
}

.breadcrumb li:first-child:before {
    content: "\E611";
    font-family: Booking-glyphs;
    font-size: 22px;
    color: #383a3d;
    left: 5px
}

.breadcrumb li:first-child,.breadcrumb li:nth-child(2) {
    display: none
}

@media only screen and (min-width: 768px) {
    .breadcrumb li:first-child,.breadcrumb li:nth-child(2) {
        display:inline-block
    }
}

.breadcrumb li:before {
    content: "\E60F";
    font-family: Booking-glyphs;
    left: -10px;
    position: absolute;
    font-size: 41px;
    color: #d7d8d8;
    font-weight: 100
}

.breadcrumb .active {
    font-weight: 400
}

.main.booking .back-link {
    background: #f9f9f9;
    border-top: 1px solid #d7d8d8;
    border-bottom: 1px solid #d7d8d8
}

.main.booking .back-link .breadcrumb-outer {
    border: none;
    padding: 0
}

.back-link-container,.breadcrumb-container {
    width: 100%;
    background: #f9f9f9;
    border-top: 1px solid #d7d8d8;
    border-bottom: 1px solid #d7d8d8
}

@media only screen and (min-width: 768px) {
    .back-link-container,.breadcrumb-container {
        display:block
    }
}

.back-link-container .breadcrumb-outer,.breadcrumb-container .breadcrumb-outer {
    border: 0;
    background-color: transparent;
    max-width: 1140px
}

.back-link-container .breadcrumb li {
    padding: 0 5px 0 0;
    font-weight: 700;
    font-size: 16px;
    display: block
}

.back-link-container .breadcrumb li:first-child {
    padding-left: 0
}

.back-link-container .breadcrumb li:first-child:before {
    content: "";
    left: 0
}

.main .breadcrumb-container {
    display: none
}

.main.eviivocoop .breadcrumb-container,.main.toprooms .breadcrumb-container,.main.tripadvisor .breadcrumb-container {
    display: block
}

.mod-reviews {
    padding: 10px 0 0;
    margin: 0;
    overflow: hidden
}

.mod-contentWithSidebar .mod-reviews {
    padding: 0
}

.mod-contentWithSidebar .mod-reviews section {
    text-align: left;
    padding: 15px 10px
}

.mod-contentWithSidebar .mod-reviews h2 {
    padding: 20px 10px
}

.mod-reviews section {
    background: #fff;
    padding: 15px 20px;
    overflow: hidden;
    height: auto
}

@media only screen and (min-width: 1920px) {
    .mod-reviews section {
        padding:25px 20px
    }
}

@media only screen and (min-width: 768px) {
    .mod-reviews header {
        width:48.71795%;
        float: left;
        margin-right: 2.5641%
    }
}

.mod-reviews .mod-filter {
    text-align: right
}

@media only screen and (min-width: 768px) {
    .mod-reviews .mod-filter {
        width:48.71795%;
        float: right;
        margin-right: 0
    }
}

.mod-filter .ui-selectmenu-button {
    min-width: 160px
}

.mod-reviews h3,.mod-reviews h4,.mod-reviews ol,.mod-reviews p,.mod-reviews ul {
    padding: 0 0 15px;
    margin: 0
}

.mod-reviews h3 {
    padding: 0
}

.mod-reviews li,.mod-reviews p {
    color: #646464
}

.mod-contentWithSidebar .mod-reviews li,.mod-contentWithSidebar .mod-reviews p {
    padding: 0
}

.column-review-content h4 {
    padding: 0 0 5px
}

.mod-contentWithSidebar .mod-reviews h4 {
    border: none
}

.column-review-content p {
    padding: 10px 0 0
}

.column-review-content p .icon-dropdown {
    margin-top: 10px
}

.mod-guestRatings li {
    margin: 5px 0;
    position: relative;
    padding-left: 35px;
    text-align: right;
    height: 25px
}

.rating {
    margin: 5px 0
}

.mod-guestRatings li:before {
    content: "";
    height: 25px;
    position: absolute;
    top: 0;
    width: 25px;
    left: 0
}

.svg .mod-guestRatings li:before {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) repeat-x scroll 0 -225px transparent
}

.no-svg .mod-guestRatings li:before {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine.png) repeat-x scroll 0 -225px transparent
}

.mod-guestRatings li.ratings-1:before {
    background-position: -125px -225px;
    width: 25px
}

.mod-guestRatings .ratings-2:before {
    width: 50px
}

.mod-guestRatings .ratings-3:before {
    width: 75px
}

.mod-guestRatings .ratings-4:before {
    width: 100px
}

.mod-guestRatings .ratings-5:before {
    width: 125px
}

.review-rating {
    border: 1px solid #d7d8d8;
    display: inline-block;
    height: 19px;
    width: 74%;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 480px) {
    .review-rating {
        width:45%
    }
}

.review-rating i {
    border-left: 1px solid #d7d8d8;
    display: block;
    float: left;
    height: 20px;
    position: relative;
    width: 20%;
    z-index: 2
}

.review-rating i:first-child {
    border: none
}

.review-percentage {
    background: #db0148;
    display: block;
    height: 18px;
    left: 0;
    position: absolute
}

.review-title {
    display: inline-block;
    width: 100%
}

@media only screen and (min-width: 480px) {
    .review-title {
        width:29%
    }
}

.review-average {
    display: inline-block;
    text-align: right;
    width: 24%
}

@media only screen and (min-width: 768px) {
    .mod-summary .mod-guestRatings {
        width:24.36975%;
        float: left;
        margin-right: .84034%
    }
}

@media only screen and (min-width: 768px) {
    .mod-summary .mod-reviewSumarry {
        width:49.57983%;
        float: left;
        margin-right: .84034%;
        border-right: 1px solid #d7d8d8;
        border-left: 1px solid #d7d8d8
    }
}

@media only screen and (min-width: 768px) {
    .mod-summary .mod-reviewAverage {
        width:24.36975%;
        float: right;
        margin-right: 0
    }
}

.mod-reviews .mod-reviews-item {
    margin: 0 -10px
}

@media only screen and (min-width: 768px) {
    .mod-reviews .mod-reviews-item {
        margin:0;
        padding: 25px 0
    }
}

@media only screen and (min-width: 768px) {
    .mod-guestRatings,.mod-reviewAverage,.mod-reviewSumarry {
        padding:0 10px
    }
}

@media only screen and (min-width: 1024px) {
    .mod-guestRatings,.mod-reviewAverage,.mod-reviewSumarry {
        padding:0 20px
    }
}

.mod-reviewAverage ul {
    position: relative;
    padding: 0
}

.mod-reviewAverage .rating:before {
    border-top: 1px solid #ccc;
    content: "";
    margin-top: 13px;
    position: absolute;
    right: 0;
    width: 90%
}

.mod-contentWithSidebar .mod-reviewAverage .rating:before {
    display: none
}

.bar {
    background: #db0148;
    border-radius: 0 0 5px 5px;
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%
}

.value {
    bottom: 0;
    color: #fff;
    font-size: 2.25em;
    font-weight: 900;
    letter-spacing: -1px;
    width: 100%
}

.average,.value {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center
}

.average {
    background: #fff;
    background: hsla(0,0%,100%,.7);
    border: 1px solid #d7d8d8;
    border-radius: 5px;
    box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    height: 100%;
    top: 13px;
    width: 20%;
    min-width: 80px
}

.review-item {
    float: left;
    padding: 30px 10px;
    position: relative;
    width: 100%;
    border-top: 1px solid #d7d8d8
}

@media only screen and (min-width: 1024px) {
    .review-item {
        padding:30px 20px
    }
}

.review-item-details {
    display: none
}

.review-item article {
    clear: both;
    padding-top: 20px
}

@media only screen and (min-width: 768px) {
    .review-item article {
        clear:none;
        padding-top: 0
    }
}

.review-item:nth-child(2n) {
    background: #f9f9f9
}

@media only screen and (min-width: 768px) {
    .review-item .column-review-avatar {
        margin-bottom:10px
    }
}

.column-review-avatar span {
    display: block;
    text-align: left;
    font-size: .875em;
    line-height: 14px
}

.avatar-date {
    color: #646464
}

.avatar {
    height: 48px;
    float: left;
    width: 48px;
    margin-right: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .avatar {
        margin:0 auto;
        float: none
    }
}

.avatar:before {
    content: "";
    margin-left: 0;
    position: absolute;
    display: block;
    left: 0;
    font-family: eviivo-facilities-icon;
    font-size: 48px;
    top: 11px
}

.avatar.avatar-category-1:before {
    content: "\E955"
}

.avatar.avatar-category-2:before {
    content: "\E957"
}

.avatar.avatar-category-3:before {
    content: "\E953"
}

.avatar.avatar-category-4:before {
    content: "\E954"
}

.avatar.avatar-category-5:before {
    content: "\E952"
}

.avatar.avatar-category-6:before {
    content: "\E950"
}

.avatar.avatar-category-7:before {
    content: "\E951"
}

.avatar.avatar-category-8:before {
    content: "\E956"
}

.avatar-name {
    font-weight: 600;
    text-transform: capitalize
}

.avatar-details {
    position: relative
}

.avatar-category {
    margin: 0 auto;
    max-width: 80%
}

@media only screen and (min-width: 768px) {
    .review-item .column-review-content {
        width:74.68354%;
        float: left;
        margin-right: 1.26582%
    }
}

.review-item .column-review-rating {
    text-align: center;
    font-size: 4em;
    color: #5d9e9a;
    line-height: 1;
    text-align: right;
    position: absolute;
    right: 30px;
    top: 20px
}

@media only screen and (min-width: 768px) {
    .review-item .column-review-rating {
        width:24.05063%;
        float: right;
        margin-right: 0;
        top: 15px;
        position: static;
        padding-right: 10px
    }
}

.review-address {
    color: #646464;
    font-size: .875em;
    margin-top: 20px
}

.review-ratings {
    background: hsla(0,0%,80%,.4);
    border-radius: 5px;
    color: #444;
    font-size: 16px;
    margin: 10px 0;
    padding: 15px;
    font-size: .875em
}

.review-ratings span {
    display: block;
    padding: 0 0 10px
}

.review-response {
    font-size: .875em;
    padding: 20px;
    position: relative;
    top: 10px;
    width: 100%;
    display: block
}

.review-response h5 {
    padding-left: 25px
}

.review-response p {
    white-space: pre-line
}

.review-response:after {
    content: "";
    height: 20px;
    position: absolute;
    top: 17px;
    width: 20px
}

.svg .review-response:after {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) repeat-x scroll 0 -50px transparent
}

.no-svg .review-response:after {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine.png) repeat-x scroll 0 -50px transparent
}

.review-response.cp-tooltip {
    top: 10px
}

@media only screen and (min-width: 768px) {
    .mod-contentWithSidebar .content {
        padding:0 10px 30px
    }

    .mod-contentWithSidebar .mod-contentWithSidebar .mod-reviews .mod-body {
        padding: 0 0 20px;
        width: 100%
    }

    .mod-contentWithSidebar .mod-summary .mod-guestRatings,.mod-contentWithSidebar .mod-summary .mod-reviewAverage,.mod-contentWithSidebar .mod-summary .mod-reviewSumarry {
        padding: 10px
    }

    .mod-contentWithSidebar .mod-summary .mod-guestRatings {
        width: 30%;
        float: left;
        margin: 0
    }

    .mod-contentWithSidebar .mod-summary .mod-reviewSumarry {
        width: 43%;
        float: left;
        margin: 0
    }

    .mod-contentWithSidebar .mod-summary .mod-reviewAverage {
        width: 27%;
        float: left;
        margin: 0
    }

    .mod-contentWithSidebar .review-title {
        width: 45%
    }

    .mod-contentWithSidebar .review-rating {
        width: 35%
    }

    .mod-contentWithSidebar .review-average {
        width: 15%
    }

    .mod-contentWithSidebar .average {
        left: 30px;
        top: 3px
    }

    .mod-contentWithSidebar .value {
        left: 20px;
        width: 65%;
        bottom: 15px
    }

    .mod-contentWithSidebar .review-item .column-review-avatar {
        margin-bottom: 10px
    }

    .mod-contentWithSidebar .review-item .column-review-content {
        width: 83.19328%;
        float: left;
        margin-right: .84034%
    }

    .mod-contentWithSidebar .review-item .column-review-content p {
        padding-top: 10px
    }

    .mod-contentWithSidebar .review-item .column-review-rating {
        width: 15.96639%;
        float: right;
        margin-right: 0
    }

    .mod-contentWithSidebar .avatar {
        left: 0;
        margin: 0 auto;
        float: none
    }
}

.reviews-section {
    position: relative;
    min-height: 100px
}

.reviews-section .mod-loader {
    min-height: 200px
}

.reviews-section .mod-loader a {
    color: #db0148
}

.cp-textSecondary,.persist,.results-option-list,.results-option-list a,.results-option-list li {
    color: #619246
}

.mod-results {
    padding: 0;
    margin: 0;
    clear: both
}

@media only screen and (min-width: 1024px) {
    .mod-results {
        margin-bottom:20px
    }

    .mod-contentWithSidebar .mod-results {
        border: 0
    }
}

.mod-room-options {
    clear: both;
    display: flex;
    padding: 10px 0 0
}

.mod-room-options li {
    text-align: center;
    display: inline-block;
    padding: 30px 10px 10px;
    box-sizing: border-box;
    font-size: 13px;
    align-self: baseline;
    position: relative
}

.mod-room-options li:before {
    font-family: Booking-glyphs;
    font-size: 24px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mod-room-options .icon-room-size:before {
    content: "\E90D"
}

.mod-room-options .icon-occupancy:before {
    content: "\E90B"
}

.mod-room-options .icon-bed-config:before {
    content: "\E90C"
}

@media only screen and (min-width: 1024px) {
    .thumb-size-default .result-container-left {
        width:25%
    }

    .thumb-size-default .result-container-right {
        width: 75%
    }
}

@media only screen and (min-width: 1024px) {
    .thumb-size-medium .result-container-left {
        width:35%
    }

    .thumb-size-medium .result-container-right {
        width: 65%
    }
}

@media only screen and (min-width: 1024px) {
    .thumb-size-large .result-container-left {
        width:45%
    }

    .thumb-size-large .result-container-right {
        width: 55%
    }
}

.mod-contentWithSidebar .mod-results {
    padding: 0
}

h2 {
    font-size: 1em;
    display: block;
    margin: 0 0 15px;
    font-weight: 400
}

@media only screen and (min-width: 1024px) {
    h2 {
        font-size:1.125em
    }
}

h3.results-heading {
    background-color: #383a3d;
    padding: 15px 10px;
    color: #fff;
    font-size: 1.125em;
    margin-bottom: 10px;
    font-weight: 100
}

@media only screen and (min-width: 1024px) {
    h3.results-heading {
        padding:10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -5px;
        font-size: 1.5em
    }
}

.form-help {
    font-size: 14px;
    line-height: 1;
    margin: 10px 0 0;
    padding: 0
}

.mod-contentWithSidebar .mod-results h2 {
    border-bottom: 1px solid #d7d8d8;
    background: #fff;
    color: #646464;
    font-weight: 400;
    padding: 20px 10px;
    text-transform: uppercase
}

.results-option-list {
    padding: 0;
    width: calc(100% - 80px);
    float: right
}

@media only screen and (min-width: 768px) {
    .results-option-list {
        float:none;
        width: 100%
    }
}

.results-option-list li {
    display: inline-block;
    line-height: 14px;
    list-style: outside none none;
    margin-right: 5px;
    padding-left: 25px;
    vertical-align: middle;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .results-option-list li {
        line-height:24px
    }
}

.results-option-list li:before {
    margin-left: -25px;
    content: "\E901";
    font-family: Booking-glyphs;
    font-size: 24px;
    position: relative;
    top: 6px
}

.results-option-list li.icon-bed-config:before {
    content: "\E900";
    font-size: 24px;
    top: 7px
}

.column-desciption {
    clear: both
}

.multiroom .listingHighlighted {
    margin-top: 10px
}

.results-item {
    width: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    min-height: 85px;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    margin: 0 0 30px
}

.results-item:hover {
    background: #fff;
    outline: 2px solid rgba(0,0,0,.2)
}

.results-item.listingHighlighted {
    outline: 3px solid rgba(56,58,61,.4);
    border-radius: 3px
}

.results-item.listingHighlighted .listingHighlight-title {
    background: rgba(56,58,61,.6);
    color: #fff;
    padding: 10px;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .results-item {
        border-bottom:1px solid #d7d8d8;
        position: relative
    }

    .results-item:after {
        background-color: #f0f0f0;
        width: 22%;
        border-left: 1px solid #d7d8d8;
        position: absolute;
        height: 100%;
        content: "";
        right: 0
    }
}

.results-item header {
    overflow: hidden;
    display: block;
    margin-bottom: 10px
}

.results-item h3 {
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .results-item h3 {
        font-size:1.25em
    }
}

.results-item .features {
    margin: 10px 0
}

@media only screen and (min-width: 620px) {
    .results-item .features {
        clear:none
    }
}

.result-info .icon-list_item {
    display: inline-block
}

.result-info .accordion-rooms {
    margin-top: 10px
}

.extra-info {
    width: 100%;
    overflow: hidden;
    clear: both
}

@media only screen and (min-width: 768px) {
    .results-item-gallery .extra-info,.results-item-gallery .result-info,.results-item-gallery header {
        width:calc(100% - 110px);
        float: right
    }
}

.mod-contentWithSidebar .results-item {
    padding: 0
}

.mod-contentWithSidebar .results-item,.mod-contentWithSidebar .results-item-group {
    margin: 0 0 10px
}

.mod-contentWithSidebar .grouped-group {
    padding: 10px
}

.mod-contentWithSidebar .results-item {
    border-bottom: 1px solid #d7d8d8
}

.results-item.results-item-gallery-selected {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2)
}

.results-item.results-item-gallery-selected,.results-item:hover {
    transition: all .2s ease-in;
    background: #fafafa
}

.grouped-group {
    padding: 0 10px;
    border: 2px solid #383a3d
}

.group-content .button-container,.group-content .radio-buttonsSpecials {
    text-align: right
}

.likes {
    font-weight: 400;
    padding-left: 25px;
    text-transform: none;
    font-size: 16px;
    position: relative
}

.svg .likes {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) no-repeat scroll -275px -123px transparent
}

.no-svg .likes {
    background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine.png) no-repeat scroll -275px -123px transparent
}

.results-item ol,.results-item p {
    padding: 0 0 15px;
    margin: 0
}

.mod-rateItem .results-option-list {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .mod-rateItem-info {
        width:60%;
        float: left
    }
}

.mod-ratePlans .results-option-list li:before {
    font-size: 1.25em;
    top: 3px
}

.mod-ratePlans .results-option-list li {
    line-height: 18px
}

.persist {
    font-weight: 700;
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 1.125em;
    margin-bottom: 5px
}

.persist.results-option-list li:before {
    content: ""
}

.price {
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: -.03em;
    white-space: nowrap
}

@media only screen and (min-width: 1024px) {
    .price {
        font-size:1.75em
    }
}

.cp-extraCost {
    line-height: 1;
    vertical-align: top;
    width: 100%
}

.price-details {
    width: 49.57983%;
    float: left;
    margin-right: .84034%
}

@media only screen and (min-width: 768px) {
    .price-details {
        width:100%;
        float: none;
        margin: 0;
        text-align: right
    }
}

.price-details .cp-poa {
    text-align: left
}

.button-container .book {
    width: 49.57983%;
    float: right;
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .button-container .book {
        width:100%
    }
}

.button-container .show-prices {
    width: 100%
}

.button-container .cp-poa {
    text-align: left
}

.price-deal {
    font-size: .875em;
    font-weight: 400;
    color: hsla(0,0%,39.2%,.4);
    text-decoration: line-through;
    padding-right: 10px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .price-deal {
        font-size:1.5em
    }
}

.results-price button {
    width: auto
}

@media only screen and (min-width: 768px) {
    .results-price button {
        float:right;
        margin: 10px 0;
        width: auto
    }
}

.results-price .text-link {
    display: table;
    width: 100%;
    height: 100%
}

.results-price .text-link .show-prices {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.results-price .text-link button {
    background-image: none;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    color: #db0148;
    width: 100%;
    float: none;
    display: table-cell;
    line-height: 1.1
}

.results-price .text-link button:before {
    content: "\E60C";
    font-family: Booking-glyphs;
    transform: scale(3);
    display: inline-block;
    line-height: 1;
    margin-right: 5px
}

.results-price .radio-buttons {
    margin: 5px 0 0
}

@media only screen and (min-width: 1920px) {
    .results-price .radio-buttons {
        margin:5px 0 10px
    }
}

.results-price {
    padding: 10px;
    clear: both;
    display: table;
    width: 100%
}

.results-price:after,.results-price:before {
    content: "";
    display: table
}

.results-price:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    .results-price {
        width:100%;
        margin: 0;
        clear: none;
        display: block
    }
}

.instantweb .results-price {
    border-left: none
}

.results-details {
    clear: both
}

.mod-ratePlans {
    clear: both;
    padding: 10px;
    margin: 10px 0 0;
    border: 1px solid #f0f0f0
}

.mod-ratePlans .mod-rateItem {
    clear: both;
    position: relative;
    padding: 10px;
    border-top: 1px solid #f0f0f0
}

.mod-ratePlans .mod-rateItem:first-of-type {
    border-top: 0
}

@media only screen and (min-width: 768px) {
    .mod-ratePlans .mod-rateItem:first-of-type {
        border-top:1px solid #f0f0f0
    }
}

.mod-ratePlans .mod-rateItem:last-child {
    padding-bottom: 0
}

.mod-ratePlans .mod-rateItem:first-child {
    border: none
}

.mod-ratePlans .price {
    font-size: 1.25em;
    font-weight: 400
}

.mod-ratePlans .price-deal {
    font-size: .875em;
    font-weight: 400
}

.mod-ratePlans h4 {
    width: 100%;
    font-weight: 400;
    margin-bottom: 10px
}

.mod-ratePlans .cp-button-rates {
    margin: 0
}

.mod-ratePlans .price.price-deal span {
    margin: 0;
    padding: 0
}

.mod-ratePlans strong {
    padding: 0 10px 10px;
    display: none
}

@media only screen and (min-width: 768px) {
    .mod-ratePlans strong {
        display:block
    }
}

.mod-ratePlans ul {
    clear: both
}

.mod-ratePlans .results-option-list {
    width: 100%
}

.mod-ratePlans .button-container .book {
    width: 32.77311%;
    float: right;
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .mod-ratePlans .button-container .book {
        width:100%
    }
}

.mod-ratePlans .results-price {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .mod-ratePlans .results-price {
        width:35%;
        float: right;
        padding: 0;
        border: none
    }
}

.instantweb .mod-rateItem .radio-buttonsSpecials,.instantweb .results-price .button-container {
    text-align: right
}

.no-bookings .results-details {
    width: 100%
}

.accordion {
    clear: both;
    overflow: hidden
}

.accordion-content .column:first-child {
    padding-right: 10px
}

@media only screen and (min-width: 768px) {
    .accordion-content-item {
        padding-right:10px
    }
}

.accordion-content-item li,.column p {
    color: #000
}

.accordion .accordion-toggle {
    display: block;
    margin: 0 0 10px;
    position: relative;
    text-align: left
}

.accordion .accordion-toggle:after {
    content: "\E60D";
    font-family: Booking-glyphs;
    display: inline-block;
    margin-left: 5px;
    font-size: 38px;
    position: absolute
}

@media only screen and (min-width: 768px) {
    .accordion .accordion-toggle {
        display:none;
        text-align: left;
        padding-right: 15px;
        margin: 0
    }
}

.extra-info .accordion .accordion-toggle {
    background-color: #f8f8f8;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 5px 10px
}

.extra-info .accordion .accordion-toggle:after {
    position: absolute;
    right: 10px;
    top: 2px
}

.accordion.active .accordion-toggle:after {
    content: "\E60C"
}

.accordion-content {
    display: none;
    overflow: hidden;
    padding-top: 20px
}

.extra-info .accordion-content {
    padding: 10px 0
}

@media only screen and (min-width: 1024px) {
    .accordion-content {
        padding-top:0
    }
}

.accordion-content h4 {
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    .accordion-content {
        display:block
    }
}

.mod-results-actions {
    padding: 0 10px
}

@media only screen and (min-width: 1920px) {
    .mod-results-actions {
        border-top:1px solid #db0148;
        padding: 0 30px;
        text-align: right;
        margin-top: -10px
    }
}

.mod-results-actions .cp-button {
    width: 100%;
    position: relative
}

@media only screen and (min-width: 1920px) {
    .mod-results-actions .cp-button {
        width:auto;
        padding-right: 40px
    }
}

@media only screen and (min-width: 1920px) {
    .mod-results-actions .cp-button:before {
        content:"";
        height: 14px;
        position: absolute;
        right: 10px;
        top: 16px;
        width: 26px
    }

    .svg .mod-results-actions .cp-button:before {
        background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine-no-facilities.svg) no-repeat scroll -224px -150px transparent
    }

    .no-svg .mod-results-actions .cp-button:before {
        background: url(/ui/wl/4.165/images/sprites/booking/sprite-booking-engine.png) no-repeat scroll -224px -150px transparent
    }

    .mod-results-actions.active .cp-button:before {
        background-position: -249px -150px
    }
}

.results-gallery {
    width: 100%;
    height: 100%;
    min-height: 50px;
    overflow: hidden;
    display: block;
    position: relative
}

@media only screen and (min-width: 480px) {
    .results-gallery {
        height:250px
    }
}

@media only screen and (min-width: 768px) {
    .results-gallery {
        width:29.29293%;
        float: left;
        margin-right: 1.0101%;
        height: auto
    }
}

.results-gallery header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.results-gallery h3 {
    background-color: hsla(0,0%,100%,.7);
    padding: 10px 5px
}

.results-gallery li {
    list-style: none;
    padding: 0 0 6.24%
}

@media only screen and (min-width: 1024px) {
    .results-gallery-single {
        width:100%
    }
}

@media only screen and (min-width: 768px) {
    .results-gallery-single {
        width:70.2%;
        float: left;
        margin-right: 10px
    }
}

@media only screen and (min-width: 768px) {
    .results-item-single .results-gallery-single {
        width:94.5%
    }
}

.results-gallery-single img {
    max-width: 100%;
    height: auto;
    color: transparent
}

.results-gallery-thumbs {
    display: none;
    float: left
}

@media only screen and (min-width: 480px) {
    .results-gallery-thumbs {
        width:22.25%;
        display: block
    }
}

.results-gallery-thumbs ul {
    padding: 0
}

.results-gallery-thumbs a {
    border: 1px solid #fff;
    display: block
}

.results-gallery-thumbs a.active {
    border: 1px solid #646464
}

.results-gallery-thumbs img {
    max-width: 100%;
    height: auto;
    display: block
}

.results-item-group {
    margin-top: 10px;
    clear: both
}

.results-item-group .group-title {
    background: #383a3d;
    border-top: 1px solid #d7d8d8;
    color: #fff;
    padding: 10px
}

@media only screen and (min-width: 768px) {
    .results-item-group .group-title {
        padding:20px 30px
    }
}

.results-item-group .group-title:first-child {
    border-top: 0
}

.result-container-left {
    display: block;
    overflow: hidden
}

.search-mode .result-container-left {
    min-height: 175px
}

@media only screen and (min-width: 768px) {
    .result-container-left {
        width:78%;
        float: left
    }
}

.result-container-right {
    display: block
}

@media only screen and (min-width: 768px) {
    .result-container-right {
        width:22%;
        float: right;
        position: relative;
        z-index: 1
    }
}

.results-header {
    clear: both;
    display: table;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .results-header {
        clear:none;
        display: inline
    }
}

.results-thumbnail {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    cursor: pointer
}

.results-thumbnail a:before {
    position: absolute;
    color: #fff;
    content: "\E616";
    font-family: Booking-glyphs;
    transition: opacity .2s linear;
    opacity: 1;
    right: 5px;
    bottom: 5px
}

.results-thumbnail img {
    display: flex;
    width: 70px;
    height: 70px;
    max-width: 100%;
    max-height: 100%;
    align-self: center;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .results-thumbnail img {
        width:100px
    }
}

.results-slide {
    display: none
}

.results-slide.active-slide {
    position: fixed;
    z-index: 999;
    display: block;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 620px) {
    .results-slide.active-slide {
        width:600px
    }
}

@media only screen and (min-width: 1024px) {
    .results-slide.active-slide {
        width:800px
    }
}

.results-slide li img {
    width: 100%;
    height: auto;
    display: block
}

.coop-button {
    display: block;
    text-align: center;
    clear: both
}

.coop-button .cp-button {
    display: block;
    margin: 10px auto
}

.coop-button .cp-button span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABeUlEQVR4Ae3VMUoDURSF4ddpcC0SAiq4zkScIosQ7CW4iIjZhGKVNHMsLwgemBDj++Gc2z/+Dwam/b4sy7Isy7JMCw3a6aBj137cSd6pa3I301o1HGCmV4kMWEtkwEJiAwY6YEcHHOgA/8Bf3L2+oIDKRwIqHwmofCSg8nkAn/8JANj8OwDA5jcAwOUDAC4fAHD5AIDLBwBcPgDg8gEAlw8AuPy+AT7/Vg0AcPkAgMsHAFw+AeDzp985AT4fAHD5AIDLBwBcfs8An/9R+R0DfD4A4PIJgAn53f3IfD4A4PIBAJcPALh8AMDlAwAuv2+Az79RAwBcPgDg8gEAl88APJt8BOBKG5MPABRBlQ8CFKHyUYAiVD4LUISnygcA/AUQQAABBBBAAAEc1NP20wHv6mnb6YBH9bTldMBco3rZqOvpgKZBvWyldgzgUhv1sBddeIAjDBr/+eNZmfwCmJvrQW/a69zba6tlffseQLgATn8BBBBAAAEEEMA3RRZtbNZOXhwAAAAASUVORK5CYII=");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    width: 20px
}

@media only screen and (min-width: 620px) {
    .coop-button .cp-button {
        display:inline-block
    }
}

.results-item-group {
    position: relative
}

.results-item-group .close,.results-item-group .lightbox,.results-item-group .results-slider {
    display: none
}

.accordion-rooms.expanded .gicon-expad:after {
    content: "\E60C"
}

.accordion-rooms .gicon-expad:before {
    content: ""
}

.accordion-rooms .gicon-expad:after {
    content: "\E60D";
    font-size: 34px;
    position: absolute;
    margin: -8px 0 0 -8px
}

.accordion-rooms .accordion-rooms-toggle {
    display: none;
    font-family: Source Sans Pro,arial,sans-serif;
    font-size: 14px
}

.accordion-rooms .accordion-rooms-toggle:after {
    font-family: Booking-glyphs
}

@media only screen and (min-width: 768px) {
    .accordion-rooms .accordion-rooms-toggle {
        display:block
    }

    .accordion-rooms .accordion {
        display: none
    }
}

.mod-price-helper {
    text-align: right;
    clear: both;
    padding: 5px 0
}

.result-info .icon-list {
    padding: 0;
    margin: 0 0 10px
}

.result-info .icon-list:after {
    content: "";
    clear: both;
    display: table
}

.no-svg .result-info .icon-list.icon-none .icon-list_item:before,.svg .result-info .icon-list.icon-none .icon-list_item:before {
    background: none;
    border-radius: 30px
}

.result-info .icon-list .icon-list_item {
    font-size: 14px;
    color: #000;
    padding-left: 30px;
    display: block;
    list-style: none;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    margin-bottom: 5px;
    min-height: 24px;
    margin-left: 0;
    line-height: 24px
}

.result-info .icon-list .icon-list_item:before {
    content: "\E976";
    margin-left: 0;
    position: absolute;
    left: 1px;
    font-family: eviivo-facilities-icon;
    font-size: 24px
}

@media only screen and (min-width: 480px) {
    .result-info .icon-list .icon-list_item {
        display:inline-block
    }
}

.result-info .icon-list .icon-list_item.icon-list-none {
    padding-left: 0
}

.result-info .icon-list .icon-list_item.icon-list-none:before {
    content: ""
}

.result-info .mod-contentWithSidebar .business-facilities .icon-list_item,.result-info .mod-contentWithSidebar .children-facilities .icon-list_item,.result-info .mod-contentWithSidebar .parking-facilities .icon-list_item,.result-info .mod-contentWithSidebar .property-facilities .icon-list_item,.result-info .mod-contentWithSidebar .room-facilites .icon-list_item {
    margin-bottom: 5px;
    font-size: .8125em;
    width: 100%;
    display: block
}

@media only screen and (min-width: 480px) {
    .result-info .mod-contentWithSidebar .business-facilities .icon-list_item,.result-info .mod-contentWithSidebar .children-facilities .icon-list_item,.result-info .mod-contentWithSidebar .parking-facilities .icon-list_item,.result-info .mod-contentWithSidebar .property-facilities .icon-list_item,.result-info .mod-contentWithSidebar .room-facilites .icon-list_item {
        width:48%;
        display: inline-block
    }
}

@media only screen and (min-width: 1920px) {
    .result-info .mod-contentWithSidebar .business-facilities .icon-list_item,.result-info .mod-contentWithSidebar .children-facilities .icon-list_item,.result-info .mod-contentWithSidebar .parking-facilities .icon-list_item,.result-info .mod-contentWithSidebar .property-facilities .icon-list_item,.result-info .mod-contentWithSidebar .room-facilites .icon-list_item {
        width:32%;
        display: inline-block
    }
}

.result-info .mod-facilities .icon-list .icon-list_item {
    float: none;
    display: block;
    text-indent: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.result-info .icon-list_item.icon-bed-feature-1:before {
    content: "\E973"
}

.result-info .icon-list_item.icon-bed-feature-2:before {
    content: "\E972"
}

.result-info .icon-list_item.icon-bed-feature-3:before {
    content: "\E971"
}

.result-info .icon-list_item.icon-bed-feature-4:before {
    content: "\E96C"
}

.result-info .icon-list_item.icon-bed-feature-5:before {
    content: "\E96B"
}

.result-info .icon-list_item.icon-bed-feature-6:before {
    content: "\E96A"
}

.result-info .icon-list_item.icon-bed-feature-7:before {
    content: "\E969"
}

.result-info .icon-list_item.icon-bed-feature-8:before {
    content: "\E968"
}

.result-info .icon-list_item.icon-bed-feature-9:before {
    content: "\E967"
}

.result-info .icon-list_item.icon-bed-feature-10:before {
    content: "\E966"
}

.result-info .icon-list_item.icon-bed-feature-11:before {
    content: "\E970"
}

.result-info .icon-list_item.icon-bed-feature-12:before {
    content: "\E96D"
}

.result-info .icon-list_item.icon-bed-feature-13:before {
    content: "\E96F"
}

.result-info .icon-list_item.icon-bed-feature-14:before {
    content: "\E96E"
}

.result-info .icon-list_item.icon-bath-feature-1:before {
    content: "\E965"
}

.result-info .icon-list_item.icon-bath-feature-2:before {
    content: "\E964"
}

.result-info .icon-list_item.icon-bath-feature-3:before {
    content: "\E963"
}

.result-info .icon-list_item.icon-bath-feature-4:before {
    content: "\E962"
}

.result-info .icon-list_item.icon-bath-feature-5:before {
    content: "\E961"
}

.result-info .icon-list_item.icon-bath-feature-6:before {
    content: "\E95F"
}

.result-info .icon-list_item.icon-bath-feature-7:before {
    content: "\E960"
}

.result-info .icon-list_item.icon-bath-feature-8:before {
    content: "\E95E"
}

.result-info .icon-list_item.icon-bath-feature-9:before {
    content: "\E95D"
}

.result-info .icon-list_item.icon-bath-feature-10:before {
    content: "\E95C"
}

.result-info .icon-list_item.icon-bath-feature-11:before {
    content: "\E95B"
}

.result-info .icon-list_item.icon-bath-feature-12:before {
    content: "\E95A"
}

.result-info .icon-list_item.icon-bath-feature-13:before {
    content: "\E959"
}

.result-info .icon-list_item.icon-icon-sleeps:before {
    content: "\E978"
}

.result-info .icon-list_item.icon-room-facility-1:before {
    content: "\E901"
}

.result-info .icon-list_item.icon-room-facility-2:before {
    content: "\E902"
}

.result-info .icon-list_item.icon-room-facility-3:before {
    content: "\E904"
}

.result-info .icon-list_item.icon-room-facility-4:before {
    content: "\E908"
}

.result-info .icon-list_item.icon-room-facility-5:before {
    content: "\E949"
}

.result-info .icon-list_item.icon-room-facility-6:before {
    content: "\E914"
}

.result-info .icon-list_item.icon-room-facility-7:before {
    content: "\E915"
}

.result-info .icon-list_item.icon-room-facility-8:before {
    content: "\E916"
}

.result-info .icon-list_item.icon-room-facility-9:before {
    content: "\E917"
}

.result-info .icon-list_item.icon-room-facility-10:before {
    content: "\E91D"
}

.result-info .icon-list_item.icon-room-facility-11:before {
    content: "\E91E"
}

.result-info .icon-list_item.icon-room-facility-12:before {
    content: "\E928"
}

.result-info .icon-list_item.icon-room-facility-13:before {
    content: "\E929"
}

.result-info .icon-list_item.icon-room-facility-14:before {
    content: "\E920"
}

.result-info .icon-list_item.icon-room-facility-15:before {
    content: "\E93D"
}

.result-info .icon-list_item.icon-room-facility-16:before {
    content: "\E946"
}

.result-info .icon-list_item.icon-room-facility-17:before {
    content: "\E948"
}

.result-info .icon-list_item.icon-room-facility-18:before {
    content: "\E902"
}

.result-info .icon-list_item.icon-room-facility-19:before {
    content: "\E94F"
}

.result-info .icon-list_item.icon-room-facility-20:before {
    content: "\E919"
}

.result-info .icon-list_item.icon-room-facility-21:before {
    content: "\E91B"
}

.result-info .icon-list_item.icon-room-facility-22:before {
    content: "\E90F"
}

.result-info .icon-list_item.icon-room-facility-23:before {
    content: "\E924"
}

.result-info .icon-list_item.icon-room-facility-24:before,.result-info .icon-list_item.icon-room-facility-25:before,.result-info .icon-list_item.icon-room-facility-36:before,.result-info .icon-list_item.icon-room-facility-37:before {
    content: "\E927"
}

.result-info .icon-list_item.icon-room-facility-26:before {
    content: "\E922"
}

.result-info .icon-list_item.icon-room-facility-27:before {
    content: "\E930"
}

.result-info .icon-list_item.icon-room-facility-28:before {
    content: "\E925"
}

.result-info .icon-list_item.icon-room-facility-29:before {
    content: "\E926"
}

.result-info .icon-list_item.icon-room-facility-30:before {
    content: "\E91F"
}

.result-info .icon-list_item.icon-room-facility-31:before {
    content: "\E940"
}

.result-info .icon-list_item.icon-room-facility-32:before {
    content: "\E945"
}

.result-info .icon-list_item.icon-property-facility-1:before {
    content: "\E900"
}

.result-info .icon-list_item.icon-property-facility-2:before {
    content: "\E901"
}

.result-info .icon-list_item.icon-property-facility-3:before {
    content: "\E902"
}

.result-info .icon-list_item.icon-property-facility-4:before {
    content: "\E90C"
}

.result-info .icon-list_item.icon-property-facility-5:before {
    content: "\E907"
}

.result-info .icon-list_item.icon-property-facility-6:before {
    content: "\E909"
}

.result-info .icon-list_item.icon-property-facility-7:before {
    content: "\E90A"
}

.result-info .icon-list_item.icon-property-facility-8:before {
    content: "\E95A"
}

.result-info .icon-list_item.icon-property-facility-9:before {
    content: "\E918"
}

.result-info .icon-list_item.icon-property-facility-10:before {
    content: "\E919"
}

.result-info .icon-list_item.icon-property-facility-11:before {
    content: "\E91A"
}

.result-info .icon-list_item.icon-property-facility-12:before,.result-info .icon-list_item.icon-property-facility-42:before {
    content: "\E924"
}

.result-info .icon-list_item.icon-property-facility-13:before,.result-info .icon-list_item.icon-property-facility-43:before {
    content: "\E927"
}

.result-info .icon-list_item.icon-property-facility-14:before {
    content: "\E929"
}

.result-info .icon-list_item.icon-property-facility-15:before {
    content: "\E92C"
}

.result-info .icon-list_item.icon-property-facility-16:before {
    content: "\E92E"
}

.result-info .icon-list_item.icon-property-facility-17:before {
    content: "\E930"
}

.result-info .icon-list_item.icon-property-facility-18:before {
    content: "\E934"
}

.result-info .icon-list_item.icon-property-facility-19:before {
    content: "\E935"
}

.result-info .icon-list_item.icon-property-facility-20:before {
    content: "\E937"
}

.result-info .icon-list_item.icon-property-facility-21:before {
    content: "\E939"
}

.result-info .icon-list_item.icon-property-facility-22:before {
    content: "\E93B"
}

.result-info .icon-list_item.icon-property-facility-23:before {
    content: "\E93C"
}

.result-info .icon-list_item.icon-property-facility-24:before {
    content: "\E93E"
}

.result-info .icon-list_item.icon-property-facility-25:before {
    content: "\E943"
}

.result-info .icon-list_item.icon-property-facility-26:before {
    content: "\E944"
}

.result-info .icon-list_item.icon-property-facility-27:before {
    content: "\E94B"
}

.result-info .icon-list_item.icon-property-facility-28:before {
    content: "\E94C"
}

.result-info .icon-list_item.icon-property-facility-29:before {
    content: "\E92D"
}

.result-info .icon-list_item.icon-property-facility-30:before {
    content: "\E94E"
}

.result-info .icon-list_item.icon-property-facility-31:before {
    content: "\E906"
}

.result-info .icon-list_item.icon-property-facility-32:before {
    content: "\E934"
}

.result-info .icon-list_item.icon-property-facility-33:before {
    content: "\E933"
}

.result-info .icon-list_item.icon-property-facility-34:before {
    content: "\E922"
}

.result-info .icon-list_item.icon-property-facility-35:before {
    content: "\E92A"
}

.result-info .icon-list_item.icon-property-facility-36:before {
    content: "\E92B"
}

.result-info .icon-list_item.icon-property-facility-37:before {
    content: "\E947"
}

.result-info .icon-list_item.icon-property-facility-38:before {
    content: "\E93F"
}

.result-info .icon-list_item.icon-property-facility-39:before {
    content: "\E90D"
}

.result-info .icon-list_item.icon-property-facility-40:before {
    content: "\E913"
}

.result-info .icon-list_item.icon-property-facility-41:before {
    content: "\E911"
}

.result-info .icon-list_item.icon-parking-facility-1:before,.result-info .icon-list_item.icon-parking-facility-2:before,.result-info .icon-list_item.icon-parking-facility-3:before,.result-info .icon-list_item.icon-parking-facility-4:before,.result-info .icon-list_item.icon-parking-facility-5:before,.result-info .icon-list_item.icon-parking-facility-6:before,.result-info .icon-list_item.icon-parking-facility-static:before {
    content: "\E931"
}

.result-info .icon-list_item.icon-children-facility-1:before,.result-info .icon-list_item.icon-children-facility-2:before {
    content: "\E905"
}

.result-info .icon-list_item.icon-children-facility-3:before {
    content: "\E921"
}

.result-info .icon-list_item.icon-children-facility-4:before {
    content: "\E912"
}

.result-info .icon-list_item.icon-children-facility-5:before {
    content: "\E94A"
}

.result-info .icon-list_item.icon-children-facility-6:before {
    content: "\E923"
}

.result-info .icon-list_item.icon-children-facility-7:before {
    content: "\E91A"
}

.via-search {
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.booking .results-item:nth-child(2n) .result-container-left {
    float: left
}

.mod-sticky {
    background: rgba(56,58,61,.99);
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
    overflow: hidden
}

.instantweb .mod-sticky {
    position: relative;
    z-index: 0
}

.mod-sticky-inner {
    margin: 0 auto;
    padding: 15px 10px;
    max-width: 100%;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .mod-sticky-inner {
        padding:15px 30px
    }
}

@media only screen and (min-width: 1920px) {
    .mod-sticky-inner {
        max-width:1140px
    }
}

.mod-sticky button {
    float: right
}

.main .mod-sticky .mod-sticky-inner .column a {
    display: inline-block;
    color: #fff;
    line-height: 16px
}

.mod-sticky-inner .column {
    width: 74.78992%;
    float: left;
    margin-right: .84034%;
    margin-bottom: 0
}

.mod-sticky-inner .column-last {
    width: 24.36975%;
    float: right;
    margin-right: 0
}

.mod-sticky-inner i {
    font-style: normal
}

.main .mod-sticky-inner a {
    display: inline-block;
    font-size: 13px;
    padding: 0 10px 0 0;
    color: #fff
}

.main .mod-sticky-inner a.selected {
    color: #db0148;
    position: relative;
    padding-left: 20px
}

.main .mod-sticky-inner a.selected:before {
    content: "\E901";
    font-family: Booking-glyphs;
    font-size: 20px;
    position: absolute;
    left: 0
}

.mod-sticky-inner h4 {
    color: #fff;
    border: 0;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.facility-set {
    margin-bottom: 20px
}

.facility-set h4 {
    margin-bottom: 10px
}

.icon-list {
    margin: 0
}

.icon-list .icon-list_item {
    page-break-inside: avoid;
    position: relative;
    margin-bottom: 2px
}

.icon-list .icon-list_item:before {
    content: "";
    content: "\E901";
    font-family: Booking-glyphs;
    font-size: 14px;
    position: relative;
    margin-right: 4px
}

.icon-list .icon-list_item.icon-hygiene:before {
    content: "\E91E";
    font-size: 18px
}

@media only screen and (min-width: 620px) {
    .icon-list.column-layout {
        column-count:2;
        column-gap: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .icon-list.column-layout {
        column-count:3;
        column-gap: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .icon-list.column-layout {
        column-count:4;
        column-gap: 20px
    }
}

.icon-list.float-layout li {
    float: left;
    margin: 0 10px 0 0;
    font-size: .875em;
    color: #000;
    padding: 0;
    line-height: 23px;
    min-height: 24px;
    vertical-align: middle;
    position: relative;
    min-width: 30px;
    white-space: normal
}

.icon-list li {
    font-size: 14px;
    color: #000
}

.icon-list.white li {
    color: #fff;
    float: none;
    display: inline-block
}

.mod-contentWithSidebar .mod-facilities-lists {
    padding: 0 10px
}

@media only screen and (min-width: 620px) {
    .mod-contentWithSidebar .icon-list.column-layout {
        column-count:2;
        column-gap: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .mod-contentWithSidebar .icon-list.column-layout {
        column-count:3;
        column-gap: 20px
    }
}

.mod-contentWithSidebar .icon-list.float-layout li {
    float: left;
    margin-right: 10px;
    margin-left: 20px
}

.mod-facilities h3,.mod-facilities ol,.mod-facilities p,.mod-facilities ul {
    padding: 0 0 15px;
    margin: 0
}

.mod-facilities .icon-list li {
    color: #696969;
    font-size: 16px
}

.mod-facilities .cp-link {
    font-size: 16px;
    display: block;
    margin-bottom: 10px
}

.mod-facilities .policies-table {
    table-layout: fixed;
    font-size: 16px;
    color: #696969;
    margin-bottom: 10px
}

.mod-facilities .policies-table td {
    width: 225px
}

.mod-facilities .policies-table small {
    font-size: 12px
}

.section-block-outer-title {
    padding: 0 20px
}

.section-block {
    border-top: 1px solid rgba(0,0,0,.2);
    padding: 30px 20px
}

.section-block .section-block-title {
    margin: 0 0 20px
}

.section-block .section-block-details {
    color: #696969;
    font-size: .875em
}

.link-bg,.link-bg:focus,.link-bg:hover,.mod-paginate .current a,.mod-paginate .current a:focus,.mod-paginate .current a:hover,.radio-buttonsSpecials .ui-state-active,.radio-buttonsSpecials .ui-state-active:focus,.radio-buttonsSpecials .ui-state-active:hover,.radio-buttonsSpecials .ui-state-focus,.radio-buttonsSpecials .ui-state-focus:focus,.radio-buttonsSpecials .ui-state-focus:hover,.review-percentage,.review-percentage:focus,.review-percentage:hover {
    background-color: #db0148
}

.mod-paginate {
    text-align: center
}

.mod-paginate ul {
    font-size: 0
}

.mod-paginate li {
    display: inline-block
}

.mod-paginate li a {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #d7d8d8;
    display: none;
    font-size: 14px;
    line-height: 34px;
    min-height: 34px;
    padding: 0 15px;
    border-left: 0
}

@media only screen and (min-width: 768px) {
    .mod-paginate li a {
        display:inline-block
    }
}

.mod-paginate li:first-child a {
    border-left: 1px solid #d7d8d8;
    border-radius: 3px 0 0 3px
}

.mod-paginate li:last-child a {
    border-radius: 0 3px 3px 0
}

.mod-paginate .current a,.mod-paginate li a:focus,.mod-paginate li a:hover {
    background: #db0148;
    color: #fff
}

.mod-paginate .current a {
    box-shadow: inset 0 0 3px rgba(0,0,0,.2)
}

.mod-paginate .arrow a,.mod-paginate .current a {
    display: inline-block
}

.search .mod-paginate {
    margin: 20px 0;
    clear: both;
    border-top: 1px solid #d7d8d8;
    padding: 10px 0
}

.search .mod-paginate li {
    background: #fff;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    border: 1px solid #d7d8d8;
    border-left: none
}

.search .mod-paginate li a {
    background: none;
    border: none;
    display: inline-block;
    font-size: inherit;
    height: 34px;
    line-height: 34px;
    padding: 0 10px
}

.search .mod-paginate li:first-child {
    border-left: 1px solid #d7d8d8;
    border-radius: 3px 0 0 3px
}

.search .mod-paginate li:last-child {
    border-radius: 0 3px 3px 0
}

.search .mod-paginate li .current a,.search .mod-paginate li a:focus,.search .mod-paginate li a:hover {
    background: #db0148;
    color: #fff
}

.search .mod-paginate .mod-paginate-item {
    padding: 0 10px
}

.mod-paginate-outer {
    clear: both;
    padding: 20px 0;
    overflow: hidden
}

.mod-paginate-outer .mod-paginate {
    margin: 10px auto;
    padding: 0;
    display: inline-block;
    border: none;
    width: 90%
}

@media only screen and (min-width: 480px) {
    .mod-paginate-outer .mod-paginate {
        width:59.79899%;
        float: right;
        margin: 0
    }
}

.mod-paginate-outer .mod-paginate ul {
    text-align: center
}

@media only screen and (min-width: 480px) {
    .mod-paginate-outer .mod-paginate ul {
        text-align:left
    }
}

.mod-paginate-outer .mod-numberOfRecords {
    font-size: 13px;
    text-align: left;
    float: left
}

@media only screen and (min-width: 480px) {
    .mod-paginate-outer .mod-numberOfRecords {
        width:39.69849%;
        float: left;
        margin-right: .50251%
    }
}

.mod-paginate-outer .mod-numberOfRecords .ui-selectmenu-button {
    height: 33px;
    line-height: 33px
}

.section {
    padding: 10px 10px 0
}

@media only screen and (min-width: 1024px) {
    .section {
        padding:30px 30px 0
    }
}

.section-full {
    padding: 10px
}

@media only screen and (min-width: 1024px) {
    .section-full {
        padding:30px
    }
}

.mod-notifications {
    --bg-color: #fff;
    background-color: var(--bg-color);
    box-shadow: 0 0 1px rgba(0,0,0,.4);
    padding: 20px;
    margin-bottom: 16px
}

.mod-notifications .mod-notice {
    --accent-color: #212121
}

.mod-notifications.mod-notice-error {
    --bg-color: #fadbd8
}

.mod-notifications.mod-notice-error .mod-notice {
    --accent-color: #92090e
}

.mod-notifications.mod-notice-warning {
    --bg-color: #fbf0c3
}

.mod-notifications.mod-notice-warning .mod-notice {
    --accent-color: #a3620a
}

.mod-notifications.mod-notice-success {
    --bg-color: #cbf3db
}

.mod-notifications.mod-notice-success .mod-notice {
    --accent-color: #619246
}

.mod-notice {
    border-left: 6px solid var(--accent-color);
    padding-left: 12px;
    padding-block:4px}

.mod-notice p {
    font-size: .875em;
    color: var(--accent-color)
}

.mod-notice p:first-of-type {
    margin-top: 0
}

.mod-notice p:last-of-type {
    margin-bottom: 0
}

.payment .mod-notifications-outer {
    display: block;
    left: 50%;
    position: fixed;
    top: 50%;
    max-width: 260px;
    z-index: 10;
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 480px) {
    .payment .mod-notifications-outer {
        max-width:480px
    }
}

@media only screen and (min-width: 768px) {
    .payment .mod-notifications-outer {
        max-width:600px
    }
}

.payment .mod-notifications-outer .mod-notifications {
    vertical-align: middle;
    padding: 0;
    background: none
}

.payment .mod-notifications-outer .mod-notice {
    box-shadow: 0 0 20px rgba(0,0,0,.4);
    margin: 0 auto;
    width: 100%;
    padding-right: 35px
}

.payment .mod-notifications-outer .mod-notice-error {
    cursor: pointer
}

.dialogue-outer {
    background: hsla(0,0%,39.2%,.2);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0
}

.dialogue-inner {
    display: table-cell;
    vertical-align: middle
}

.dialogue-data.hidden {
    display: none
}

.dialogue-content {
    margin: 0 auto;
    position: relative;
    background: #fff;
    border: 1px solid #d7d8d8;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    z-index: 100;
    width: 90%;
    max-width: 1000px;
    padding: 0
}

.dialogue-content .content {
    background: none
}

.dialogue-content .content .banner-title {
    padding-left: 30px;
    font-size: 16px;
    font-weight: 400
}

.dialogue-content .content .banner-title:before {
    font-size: 24px
}

.dialogue-content .content .info-details {
    font-size: 16px
}

.dialogue-content .dialogue-items .item-group input {
    width: 100%
}

.dialogue-content .dialogue-items li {
    border-top: 1px solid #d7d8d8;
    display: block;
    overflow: hidden;
    padding: 5px 10px
}

.dialogue-content .dialogue-items li:first-child {
    border: none
}

.dialogue-content .dialogue-items li .table-title {
    display: block
}

@media only screen and (min-width: 768px) {
    .dialogue-content .dialogue-items li .table-title {
        width:66.38655%;
        float: left;
        margin-right: .84034%
    }
}

.dialogue-content .dialogue-items li .value {
    display: block
}

@media only screen and (min-width: 768px) {
    .dialogue-content .dialogue-items li .value {
        text-align:right;
        width: 32.77311%;
        float: right;
        margin-right: 0
    }
}

.active .cp-button-2 {
    display: none
}

.dialogue-header {
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    padding: 15px 20px;
    min-height: 45px;
    position: relative
}

.dialogue-header h3 {
    width: 74.68354%;
    float: left;
    margin-right: 1.26582%;
    font-size: 16px;
    font-weight: 400
}

.dialogue-header .cp-link {
    width: 25px;
    min-height: 45px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px
}

.dialogue-header .cp-link:before {
    content: "\E917";
    font-family: Booking-glyphs;
    font-size: 24px;
    left: 10px;
    top: 10px;
    position: absolute
}

.mod-dialogueBox {
    color: #000;
    padding: 0 10px;
    margin: 10px 0;
    height: auto;
    max-height: 80vh
}

.mod-dialogueBox:after,.mod-dialogueBox:before {
    content: "";
    display: table
}

.mod-dialogueBox:after {
    clear: both
}

@media only screen and (min-width: 1024px) {
    .mod-dialogueBox {
        padding:0 20px;
        margin: 20px 0
    }
}

.payment-process .mod-dialogueBox {
    text-align: center;
    color: #000;
    background-image: url(/ui/wl/4.165/images/sprites/search/oval-dark.svg);
    background-repeat: no-repeat;
    background-position: 50% calc(100% - 50px)
}

@media only screen and (min-width: 1024px) {
    .mod-dialogueBox {
        max-height:50vh
    }
}

.mod-dialogueBox .booking-status {
    display: none
}

.mod-dialogueBox .room.small-promos {
    margin: 10px 0
}

.mod-dialogueBox .room.small-promos .block {
    display: none
}

.mod-dialogueBox .cp-input {
    margin-right: 5px
}

.dialogue-map .mod-dialogueBox {
    height: 70vh;
    max-height: 350px
}

@media only screen and (min-width: 1024px) {
    .dialogue-map .mod-dialogueBox {
        max-height:500px
    }
}

.space-pre-line .mod-dialogueBox,.space-pre-line .mod-dialogueBox p {
    white-space: pre-line
}

.is--scrollable .mod-dialogueBox {
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px
}

@media only screen and (min-width: 1024px) {
    .is--scrollable .mod-dialogueBox {
        -webkit-overflow-scrolling:touch
    }
}

.payment-process .cp-link {
    display: none
}

.payment-process h3 {
    padding: 0 0 10px
}

.dialogue-small .dialogue-content {
    max-width: 300px
}

.dialogue-small .mod-dialogueBox {
    height: 200px
}

.dialogue-medium .dialogue-content {
    max-width: 450px
}

.dialogue-medium .mod-dialogueBox {
    height: 300px
}

.dialogue-large .dialogue-content {
    max-width: 600px
}

.dialogue-large .mod-dialogueBox {
    height: 400px
}

.dialogue-extraLarge .dialogue-content {
    max-width: 1000px
}

.dialogue-extraLarge .mod-dialogueBox {
    height: 667px
}

.dialogue-height--auto .mod-dialogueBox {
    height: auto
}

.dialogue-height--auto .mod-dialogueBox:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    width: 100%
}

.is--scrollable .mod-dialogueBox {
    height: auto;
    max-height: 400px;
    overflow: auto
}

.browser-support ul {
    margin: 0 auto;
    overflow: hidden;
    width: 440px
}

.browser-support li {
    display: inline-block;
    margin-right: 15px
}

.browser-support li:last-child {
    margin: 0
}

.browser-support ul a {
    background: url(/ui/wl/4.165/images/browser-icons.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 70px;
    text-indent: -9999em;
    width: 65px;
    float: left
}

.browser-support .chrome {
    background-position: 0 0
}

.browser-support .firefox {
    background-position: -73px 0
}

.browser-support .opera {
    background-position: -148px 0
}

.browser-support .safari {
    background-position: -216px 0
}

.browser-support .explorer {
    background-position: -296px 0
}

.browser-support .cp-link {
    padding-right: 0
}

#threeDSPopup.dialogue-outer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden
}

#threeDSPopup iframe {
    height: 100%;
    width: 100%
}

.mod-searchAlternatives {
    margin: 0 15px
}

@media only screen and (min-width: 768px) {
    .mod-searchAlternatives {
        margin:0
    }
}

.mod-searchAlternatives li {
    width: 100%;
    background: #f0f0f0;
    display: inline-block;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    border: 1px solid #d7d8d8
}

@media only screen and (min-width: 768px) {
    .mod-searchAlternatives li {
        width:22%
    }
}

.mod-searchAlternatives li span {
    display: block
}

.mod-searchAlternatives .alternative-title {
    margin: 0 10px 10px 0;
    color: #000
}

.mod-searchAlternatives span.cp-button {
    font-size: .875em;
    height: auto;
    line-height: 16px;
    padding: 10px
}

.mod-contentWithSidebar .mod-searchAlternatives {
    padding: 10px 20px 20px
}

footer {
    padding: 10px;
    font-size: .8125em
}

@media only screen and (min-width: 1024px) {
    footer {
        padding:20px
    }
}

footer .column {
    display: inline-block
}

footer address {
    display: inline;
    font-style: normal
}

footer .info-details {
    float: none;
    top: 0;
    display: inline-block
}

.info-details {
    line-height: 16px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .info-details {
        display:block;
        position: relative
    }
}

.info-details span {
    color: #646464;
    display: inline-block;
    padding-left: 25px;
    position: relative
}

.info-details .icon:before {
    content: "";
    margin-left: 0;
    position: absolute;
    display: block;
    left: 0;
    font-family: eviivo-facilities-icon;
    font-size: 25px;
    top: 1px
}

.info-details .icon-phone:before {
    content: "\E975"
}

.info-details .icon-email:before {
    content: "\E977"
}

.info-details .icon-phone {
    margin-right: 5px
}

.mod-footer {
    padding: 10px;
    clear: both
}

.mod-footer li {
    font-size: 14px;
    display: inline-block;
    margin-right: 5px
}

.search .mod-footer {
    margin-top: 40px;
    border-top: 1px solid #cacaca
}

.search .mod-footer li {
    font-size: 13px
}

.template-7 footer {
    background: #fff;
    color: #000
}

.template-7 footer .info-details span,.template-7 footer a {
    color: #000
}

.cp-poweredby {
    color: #696969;
    font-size: 12px
}

.booking .cp-cookie-link {
    text-align: left
}

.toprooms .cp-cookie-link {
    padding: 8px;
    text-align: center
}

.guest .cp-cookie-link,.manage .cp-cookie-link {
    background-color: #f1f1f1;
    padding: 16px;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #d8d8d8
}

.cp-feature-email,.cp-feature-mobile,.cp-feature-tel {
    position: relative;
    padding-left: 20px
}

.cp-feature-email a:before,.cp-feature-mobile a:before,.cp-feature-tel a:before {
    content: "";
    margin: -6px 0 0 -20px;
    position: absolute;
    display: inline-block;
    font-family: eviivo-facilities-icon;
    font-size: 21px;
    top: 4px
}

.cp-feature-mobile a:before,.cp-feature-tel a:before {
    content: "\E975";
    margin-top: -7px
}

.cp-feature-email a:before {
    content: "\E977";
    margin-left: -22px
}

.cp-feature-address a {
    padding-left: 15px
}

.cp-feature-address a:before {
    content: "\E607";
    font-family: Booking-glyphs;
    font-size: 34px;
    font-style: normal;
    position: absolute;
    margin: -9px 0 0 -24px
}

.tagline {
    margin: 10px 0;
    color: #646464;
    font-size: .875em;
    font-weight: 400;
    display: none;
    line-height: 21px;
    background: initial
}

@media only screen and (min-width: 480px) {
    .tagline {
        width:50%
    }
}

@media only screen and (min-width: 768px) {
    .tagline {
        margin:0 0 0 10px;
        display: inline-block;
        position: relative;
        top: 10px
    }
}

.tagline-light {
    padding: 0;
    line-height: 1.2;
    height: auto;
    vertical-align: top
}

.confirmation .lynton-tagline,.payment .lynton-tagline,.search .lynton-tagline {
    top: 23px
}

.mod-map-image {
    overflow: hidden;
    display: none
}

.mod-map-image span {
    font-size: 12px;
    font-style: normal
}

@media only screen and (min-width: 768px) {
    .mod-map-image {
        width:100%;
        position: absolute;
        display: block;
        height: 100px;
        left: 0;
        bottom: 0;
        overflow: hidden
    }

    .mod-map-image span {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: hsla(0,0%,39.2%,.6);
        color: #fff;
        padding: 5px 10px;
        font-size: 14px
    }

    .mod-map-image span:before {
        content: "\E616";
        font-family: Booking-glyphs;
        margin-right: 10px
    }

    .mod-map-image img {
        width: 100%;
        display: block;
        position: relative;
        height: auto
    }
}

@media only screen and (min-width: 1024px) {
    .mod-map-image {
        height:75px
    }

    .mod-map-image img {
        top: -35%
    }
}

@media only screen and (min-width: 1100px) {
    .mod-map-image {
        height:85px
    }

    .mod-map-image img {
        top: -40%
    }
}

@media only screen and (min-width: 1280px) {
    .mod-map-image {
        height:110px
    }

    .mod-map-image img {
        top: 0
    }
}

.mod-googleMap {
    clear: both
}

.mod-googleMap,.mod-googleMap .maps a {
    position: relative
}

.mod-googleMap .maps img {
    max-width: 320px
}

.mod-googleMap .cp-button-overlay {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.mod-urgency-message {
    visibility: hidden
}

.toprooms .mod-urgency-message {
    background: #fbf0c3 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzMyI+PHBhdGggZmlsbD0iI0MwODEyRiIgZD0iTTM0LjcgMjkuOEwxOS41IDEuMmMtLjQtLjgtMS4yLTEuMi0yLTEuMnMtMS42LjQtMS45IDEuMkwuMyAyOS44Yy0uNC43LS4zIDEuNS4xIDIuMi4zLjYgMSAxIDEuOCAxaDMwLjZjLjggMCAxLjUtLjQgMS45LTEuMS40LS42LjQtMS41IDAtMi4xbS0xNy4yLTEuMmMtMS4yIDAtMi4yLTEtMi4yLTIuMnMxLTIuMiAyLjItMi4yYzEuMiAwIDIuMiAxIDIuMiAyLjJzLTEgMi4yLTIuMiAyLjJtMi4yLTguOGMwIDEuMi0xIDIuMi0yLjIgMi4yLTEuMiAwLTIuMi0xLTIuMi0yLjJWMTFjMC0xLjIgMS0yLjIgMi4yLTIuMiAxLjIgMCAyLjIgMSAyLjIgMi4ydjguOHoiLz48L3N2Zz4=") no-repeat scroll 10px 50%;
    border: 1px solid #c0812f;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 #c0812f;
    color: #000;
    display: none;
    margin: 0 0 15px;
    max-width: 280px;
    padding: 10px 20px 10px 50px;
    position: absolute;
    right: 10px;
    left: 10px;
    top: 20px;
    z-index: 29;
    cursor: pointer;
    visibility: visible
}

@media only screen and (min-width: 480px) {
    .toprooms .mod-urgency-message {
        right:20px;
        left: auto
    }
}

.toprooms .mod-urgency-message:hover {
    box-shadow: 0 0 0 0 #c0812f
}

.toprooms .mod-urgency-message-title {
    margin: 0;
    border-bottom: 1px solid #feba02;
    padding: 0 15px 15px;
    font-size: 16px
}

.toprooms .mod-urgency-message-close {
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEzIDQuNEwxMS42IDMgOCA2LjYgNC40IDMgMyA0LjQgNi42IDggMyAxMS42IDQuNCAxMyA4IDkuNGwzLjYgMy42IDEuNC0xLjRMOS40IDh6Ii8+PC9zdmc+") no-repeat scroll 50% 50%;
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    text-indent: -999em;
    width: 20px
}

.toprooms .mod-urgency-message-content {
    margin: 0;
    padding: 15px 15px 0;
    font-size: 16px
}

.toprooms .mod-urgency-message-content-no-title {
    padding: 0 15px
}

.count,.toprooms .mod-urgency-message-location {
    font-weight: 700
}

.count {
    background: #db0148;
    padding: 1px 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.mod-shortDescription {
    clear: both;
    padding: 5px 0;
    margin: 0;
    color: #000;
    font-size: 14px;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .mod-shortDescription {
        display:none
    }
}

.mod-tile-list .property-details {
    width: 100%
}

.mod-tile-list .property-details .accordion .accordion-toggle {
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    font-size: 14px
}

.mod-tile-list .property-details .accordion .accordion-toggle:after {
    content: "\E60D";
    font-family: Booking-glyphs;
    display: inline-block;
    margin-left: -5px;
    position: absolute;
    font-size: 38px
}

@media only screen and (min-width: 768px) {
    .mod-tile-list .property-details .accordion .accordion-toggle {
        display:none;
        text-align: left;
        padding-right: 15px;
        margin: 0;
        font-size: medium
    }
}

.mod-tile-list .property-details .accordion.active .accordion-toggle:after {
    content: "\E60C"
}

.mod-tile-list .property-details .accordion li {
    list-style: none;
    display: inline-block
}

.mod-tile-list .property-details .accordion-content {
    display: none;
    overflow: hidden;
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    .mod-tile-list .property-details .accordion-content {
        display:inline-block
    }
}

.ui-datepicker-inline {
    width: auto!important
}

.ui-datepicker-inline.ui-datepicker th {
    border: 1px solid #d7d8d8;
    border-top: 0
}

.ui-datepicker-inline.ui-datepicker td {
    border: 1px solid rgba(215,216,216,.5)
}

.ui-datepicker-inline.ui-datepicker table {
    width: 100%
}

.ui-datepicker-inline .ui-datepicker-group-middle {
    padding: 0 5px
}

.mod-search-date-range .cp-button-price-wrapper .cp-button-text {
    display: none
}

.mod-search-date-range .close-btn {
    border-left: 0;
    display: block;
    height: 38px;
    position: relative;
    float: right;
    right: 0;
    text-indent: -9999em;
    width: 26px;
    line-height: 24px
}

.mod-search-date-range .close-btn:before {
    content: "\E601";
    display: block;
    font-family: Booking-glyphs;
    font-size: 40px;
    position: absolute;
    text-indent: 0;
    top: 13px;
    right: -6px
}

.mod-search-date-range .close-btn.disabled:before,.mod-search-date-range .close-btn:disabled:before,.mod-search-date-range .close-btn[disabled]:before {
    color: #cacaca;
    cursor: default
}

.mod-search-date-range .ui-datepicker-group {
    box-sizing: border-box;
    width: 100%;
    float: left
}

.mod-search-date-range .mod-search-inline {
    box-shadow: 0 0 1px rgba(0,0,0,.4);
    margin-top: 0;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    position: relative;
    background: #fff
}

@media only screen and (min-width: 768px) {
    .mod-search-date-range .mod-search-inline {
        box-shadow:0 0 6px rgba(0,0,0,.4);
        margin-top: 10px;
        margin-bottom: 0
    }
}

.mod-search-date-range .mod-search-inline .ui-datepicker {
    box-shadow: none
}

.mod-search-date-range .mod-search-inline .ui-datepicker td a,.mod-search-date-range .mod-search-inline .ui-datepicker td span {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .mod-search-date-range .mod-search-inline .calendar-display {
        width:100%;
        margin: 0
    }

    .mod-search-date-range .mod-search-inline .calendar-display .ui-datepicker-group {
        width: 50%
    }
}

@media only screen and (min-width: 1024px) {
    .mod-search-date-range .mod-search-inline .calendar-display {
        width:100%;
        margin: 0
    }

    .mod-search-date-range .mod-search-inline .calendar-display .ui-datepicker-group {
        width: 33.33333%
    }
}

.mod-search-date-range .column {
    margin: 0;
    display: inline-block;
    float: left;
    min-width: 0;
    width: auto;
    position: relative
}

.mod-search-date-range .column .cp-input {
    margin: 0;
    cursor: default
}

.mod-search-date-range .column .cp-input:focus,.mod-search-date-range .column .cp-input:hover {
    border-color: #d7d8d8
}

.mod-search-date-range .column-dateRange {
    position: relative;
    z-index: 1
}

.mod-search-date-range .column-dateRange .date-format-label,.mod-search-date-range .column-dateRange .date-value,.mod-search-date-range .column-dateRange .numberOfNights {
    display: none
}

@media only screen and (min-width: 1024px) {
    .mod-search-date-range .column-dateRange .date-format-label {
        display:inline-block
    }
}

.mod-search-date-range .column-dateRange .cp-dates {
    display: block;
    height: 44px;
    line-height: 42px;
    font-size: 1em;
    float: left;
    color: #000;
    padding: 0;
    transition: all .2s ease;
    margin: 0 10px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .mod-search-date-range .column-dateRange .cp-dates {
        font-size:1.125em
    }
}

@media only screen and (min-width: 1024px) {
    .mod-search-date-range .column-dateRange .cp-dates {
        font-size:1.3125em
    }
}

.mod-search-date-range .column-dateRange .close-btn:before {
    right: -15px;
    top: 13px
}

@media only screen and (min-width: 1333px) {
    .mod-search-date-range .column-dateRange .close-btn:before {
        top:10px
    }
}

.mod-search-date-range .column-dateRange .cp-checkout {
    float: right
}

.mod-search-date-range .end-date-interim-state,.mod-search-date-range .end-date-selected-state,.mod-search-date-range .start-date-selected-state {
    display: none
}

.mod-search-date-range .cp-endDate-text,.mod-search-date-range .cp-startDate-text {
    position: relative
}

.mod-search-date-range .eviivo-start-date {
    margin: 0 10px 0 0
}

.mod-search-date-range .mod-inline-calendar-footer {
    padding: 10px;
    clear: both
}

.mod-search-date-range.arrival .cp-checkin {
    color: #000
}

.mod-search-date-range.arrival .cp-checkout {
    color: rgba(0,0,0,.2)
}

.mod-search-date-range.departure .cp-checkin .date-placeholder,.mod-search-date-range.departure .eviivo-start-date .date-placeholder {
    display: none
}

.mod-search-date-range.departure .cp-checkin .date-value,.mod-search-date-range.departure .cp-checkin .start-date-selected-state,.mod-search-date-range.departure .eviivo-start-date .date-value,.mod-search-date-range.departure .eviivo-start-date .start-date-selected-state {
    display: inline-block;
    color: rgba(0,0,0,.4)
}

.mod-search-date-range.departure .cp-checkin .date-value,.mod-search-date-range.departure .cp-checkin .numberOfNights,.mod-search-date-range.departure .eviivo-start-date .date-value,.mod-search-date-range.departure .eviivo-start-date .numberOfNights {
    font-size: 16px;
    line-height: 44px
}

.mod-search-date-range.departure .cp-checkout,.mod-search-date-range.departure .eviivo-end-date {
    border-color: #db0148;
    color: #000
}

.mod-search-date-range.departure .cp-checkout .date-placeholder,.mod-search-date-range.departure .eviivo-end-date .date-placeholder {
    display: none
}

.mod-search-date-range.departure .cp-checkout .end-date-interim-state,.mod-search-date-range.departure .cp-checkout .start-date-selected-state,.mod-search-date-range.departure .eviivo-end-date .end-date-interim-state,.mod-search-date-range.departure .eviivo-end-date .start-date-selected-state {
    display: inline-block
}

.mod-search-date-range.departure .mod-inline-calendar-dates {
    display: inline-block;
    width: auto;
    position: relative;
    left: 0
}

.mod-search-date-range.searchDone .date-placeholder,.mod-search-date-range.selected .date-placeholder {
    display: none
}

.mod-search-date-range.searchDone .mod-inline-calendar-dates,.mod-search-date-range.selected .mod-inline-calendar-dates {
    display: inline-block;
    width: auto;
    position: relative;
    left: 0
}

.mod-search-date-range.searchDone .end-date-selected-state,.mod-search-date-range.searchDone .start-date-selected-state,.mod-search-date-range.selected .end-date-selected-state,.mod-search-date-range.selected .start-date-selected-state {
    display: inline-block;
    color: rgba(0,0,0,.4)
}

.mod-search-date-range.searchDone .date-value,.mod-search-date-range.selected .date-value {
    display: inline-block;
    font-size: 14px;
    line-height: 44px
}

@media only screen and (min-width: 1024px) {
    .mod-search-date-range.searchDone .numberOfNights,.mod-search-date-range.selected .numberOfNights {
        display:inline-block;
        font-size: 14px;
        line-height: 44px
    }
}

.mod-search-date-range.searchDone {
    padding: 10px;
    background: #383a3d
}

.mod-search-date-range.searchDone .cp-button-price-wrapper {
    background: #383a3d;
    line-height: 1
}

.mod-search-date-range.searchDone .calendar-display,.mod-search-date-range.searchDone .column.column-dateRange,.mod-search-date-range.searchDone .inline-calendar-room-selection,.mod-search-date-range.searchDone .mod-inline-calendar-keys {
    display: none
}

.mod-search-date-range.searchDone .mod-inline-calendar-dates {
    padding: 0
}

.mod-search-date-range.searchDone .mod-search-inline {
    box-shadow: none;
    float: right;
    width: auto;
    margin: 0
}

.mod-search-date-range.searchDone .cp-button-price {
    display: none
}

.mod-search-date-range.searchDone .cp-button-text {
    display: inline-block;
    float: right
}

.mod-search-date-range.searchDone .cp-button-text,.mod-search-date-range.searchDone .cp-text-date,.mod-search-date-range.searchDone .numberOfNights {
    color: #fff
}

.mod-search-date-range.searchDone .mod-inline-calendar-footer {
    padding: 0
}

.mod-search-date-range.searchExpanded {
    padding: 0;
    background: #fff
}

.mod-search-date-range.searchExpanded .mod-search-inline {
    box-shadow: 0 0 1px rgba(0,0,0,.4);
    margin-top: 0;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    position: relative;
    background: #fff
}

@media only screen and (min-width: 768px) {
    .mod-search-date-range.searchExpanded .mod-search-inline {
        box-shadow:0 0 6px rgba(0,0,0,.4);
        margin-top: 10px;
        margin-bottom: 0
    }
}

.mod-search-date-range.searchExpanded .calendar-displayed,.mod-search-date-range.searchExpanded .column.column-dateRange {
    display: inline-block
}

.mod-search-date-range.searchExpanded .inline-calendar-room-selection,.mod-search-date-range.searchExpanded .mod-inline-calendar-keys {
    display: none
}

@media only screen and (min-width: 768px) {
    .mod-search-date-range.searchExpanded .inline-calendar-room-selection,.mod-search-date-range.searchExpanded .mod-inline-calendar-keys {
        display:inline-block
    }
}

.mod-search-date-range.searchExpanded .cp-button-text,.mod-search-date-range.searchExpanded .cp-text-date,.mod-search-date-range.searchExpanded .numberOfNights {
    color: initial
}

.mod-search-date-range.searchExpanded .mod-inline-calendar-footer {
    padding: 10px
}

.mod-search-date-range.searchExpanded .cp-button-price-wrapper {
    background: initial;
    line-height: normal
}

.mod-search-date-range.searchExpanded .cp-button-price-wrapper .cp-button-text {
    display: none
}

.mod-search-date-range.searchExpanded .cp-button-price-wrapper .cp-button-price {
    display: block
}

.mod-search-date-range .numberOfNights {
    line-height: 44px;
    height: 44px;
    margin-left: 10px;
    float: left;
    color: #000
}

.mod-search-date-range .numberOfNights span {
    display: inline-block;
    position: relative;
    text-align: center
}

.mod-search-date-range .column-inner.mod-customDropdown-list-item .column {
    float: left;
    margin-right: 10px;
    width: 41%
}

.mod-search-date-range .column-inner.mod-customDropdown-list-item .column-delete {
    float: right;
    margin-right: 0;
    width: 10%
}

.mod-search-date-range .column-calendar-small {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .mod-search-date-range .column-calendar-small {
        display:none;
        margin-top: 20px;
        margin-bottom: 10px
    }
}

.mod-search-date-range .cp-button-price {
    width: 100%;
    font-size: 1.3125em
}

@media only screen and (min-width: 768px) {
    .mod-search-date-range .cp-button-price {
        width:auto;
        float: right;
        top: 0
    }
}

.mod-search-date-range .cp-inputValues {
    padding-right: 20px
}

.mod-search-date-range.selected .numberOfNights:before {
    color: #383a3d
}

.mod-inline-calendar-keys {
    display: none;
    float: right;
    position: relative;
    top: 10px
}

@media only screen and (min-width: 768px) {
    .mod-inline-calendar-keys {
        display:inline-block
    }
}

.mod-inline-calendar-keys .key-item {
    padding-left: 25px;
    position: relative;
    font-size: .6875em;
    margin-right: 5px;
    color: #000;
    display: inline-block;
    line-height: 24px
}

.mod-inline-calendar-keys .key-item:before {
    top: 0;
    height: 0;
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #d7d8d8;
    content: "";
    background-color: #fff
}

.mod-inline-calendar-keys .key-item.unavailable:before {
    background: #555
}

.mod-inline-calendar-keys .key-item.noCheckIn:after {
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #555;
    height: 4px;
    top: 18px;
    content: ""
}

.mod-inline-calendar-keys .key-item.minimumStay:after {
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #db0148;
    height: 4px;
    top: 18px;
    content: ""
}

.mod-inline-calendar-keys .key-item.yourStay:before {
    background: #db0148
}

.departure .noCheckIn,.mod-inline-calendar-keys .available,.mod-inline-calendar-keys .minimumStay,.mod-inline-calendar-keys .yourStay,.selected .noCheckIn {
    display: none
}

.departure .minimumStay,.departure .yourStay,.selected .minimumStay,.selected .yourStay {
    display: inline-block
}

.mod-room-list-overlay-outer {
    background: #fff;
    border-left: 1px solid #d7d8d8;
    height: 100%;
    padding: 20px;
    position: relative
}

.show-filters {
    margin: 0;
    padding: 0 30px 0 0;
    position: relative
}

@media only screen and (min-width: 768px) {
    .show-filters {
        display:block
    }
}

.show-filters a:after {
    position: absolute;
    display: block;
    content: "\E60D";
    font-family: Booking-glyphs;
    font-size: 38px;
    right: 0;
    top: 0
}

.active .show-filters a:after {
    content: "\E60C"
}

.mod-inline-calendar-notification {
    clear: both;
    padding: 15px
}

.mod-inline-calendar-notification p {
    margin: 0;
    line-height: 1.3125em;
    font-size: .875em
}

.mod-inline-calendar-notification.error {
    background: #b33535;
    color: #fff
}

.mod-inline-calendar-notification.warning {
    background: #f0f0f0;
    color: #000
}

.mod-inline-calendar-notification.notification {
    background: #cbf3db;
    box-shadow: 0 0 1px rgba(0,0,0,.4);
    overflow: hidden;
    padding: 20px
}

.mod-inline-calendar-notification.notification .mod-inline-calendar-notification-inner {
    border-left: 6px solid #619246;
    float: left
}

.mod-inline-calendar-notification.notification .mod-inline-calendar-notification-inner p {
    color: #619246;
    padding-left: 10px
}

.mod-inline-calendar-dates {
    display: none;
    width: auto
}

@media only screen and (min-width: 768px) {
    .mod-inline-calendar-dates {
        margin:0 30px 0 0
    }
}

.mod-inline-calendar-dates.column-dateRange .close-btn {
    width: 29px;
    height: 28px;
    border-radius: 3px;
    top: 8px;
    margin-left: 10px
}

.mod-inline-calendar-dates.column-dateRange .close-btn:before {
    color: #fff;
    top: 1px;
    left: -5px;
    right: 0
}

.mod-inline-calendar-dates .cp-text-date {
    border: none;
    padding: 0;
    float: left;
    position: relative
}

.error-text {
    display: none
}

.error p.error-text {
    display: block;
    padding: 10px;
    line-height: 1;
    background: #b33535;
    color: #fff
}

.inline-calendar-room-selection {
    display: block
}

@media only screen and (min-width: 1024px) {
    .inline-calendar-room-selection {
        display:block
    }
}

.column-occupancy {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .column-occupancy {
        width:auto
    }
}

.column-occupancy .cp-tooltip.single-inventory label[for=cp-select-numberOfRooms-button],.column-occupancy .cp-tooltip.single-inventory select.cp-select-numberOfRooms,.column-occupancy .cp-tooltip.single-inventory select.cp-select-numberOfRooms+span.ui-selectmenu-button {
    display: none
}

.column-occupancy footer .cp-button {
    width: 100%
}

.calendar-overlay {
    position: relative
}

.calendar-overlay .calendar-overlay-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #f0f0f0;
    color: #646464;
    border: 1px solid #d7d8d8;
    border-top: 0
}

.calendar-overlay .calendar-overlay-text p {
    font-size: .875em;
    line-height: 1.3125em
}

.calendar-overlay table.ui-datepicker-calendar {
    visibility: hidden
}

@media only screen and (min-width: 1024px) {
    .mod-search-date-range .column-dateRange.column-dates {
        left:33.333%;
        position: absolute;
        width: 28.333%
    }

    .mod-search-date-range .column-dateRange.column-dates .cp-dates {
        margin: 0
    }
}

@media only screen and (min-width: 1280px) {
    .mod-search-date-range .column-dateRange.column-dates {
        width:33.333%
    }
}

@media only screen and (min-width: 1024px) {
    .template-13 .mod-search-date-range .column-dateRange.column-dates,.template-14 .mod-search-date-range .column-dateRange.column-dates {
        left:0;
        margin-left: 20px;
        position: relative;
        width: 28.333%
    }
}

@media only screen and (min-width: 1280px) {
    .template-13 .mod-search-date-range .column-dateRange.column-dates,.template-14 .mod-search-date-range .column-dateRange.column-dates {
        width:28.333%
    }
}

.mod-search-date-range.mod-search-range-2-month .mod-inline-calendar-dates {
    margin: 0 0 0 10px
}

.mod-search-date-range.mod-search-range-2-month .mod-inline-calendar-dates .date-value {
    font-size: .875em
}

.mod-search-date-range.mod-search-range-2-month .mod-search-inline .ui-datepicker-inline .ui-datepicker-group {
    padding: 0 5px;
    width: 50%
}

.mod-search-date-range.mod-search-range-2-month .mod-search-inline .date-value {
    margin: 0 10px
}

@-webkit-keyframes slide-search {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@-o-keyframes slide-search {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slide-search {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 5px rgba(56,58,61,0)
    }

    50% {
        box-shadow: 0 0 5px rgba(56,58,61,.9)
    }

    to {
        box-shadow: 0 0 5px rgba(56,58,61,0)
    }
}

@-moz-keyframes pulse {
    0% {
        box-shadow: 0 0 5px rgba(219,1,72,0)
    }

    50% {
        box-shadow: 0 0 5px #db0148
    }

    to {
        box-shadow: 0 0 5px rgba(219,1,72,0)
    }
}

@-webit-keyframes pulse {
0% {
    box-shadow: 0 0 5px rgba(219,1,72,0)
}

50% {
    box-shadow: 0 0 5px #db0148
}

    to {
        box-shadow: 0 0 5px rgba(219,1,72,0)
    }
}

@-o-keyframes pulse {
    0% {
        box-shadow: 0 0 5px rgba(219,1,72,0)
    }

    50% {
        box-shadow: 0 0 5px #db0148
    }

    to {
        box-shadow: 0 0 5px rgba(219,1,72,0)
    }
}

.mod-customDropdown {
    position: relative;
    float: left
}

.mod-customDropdown .cp-tooltip {
    padding: 0;
    min-width: 290px;
    top: 54px
}

@media only screen and (min-width: 480px) {
    .mod-customDropdown .cp-tooltip {
        min-width:300px
    }
}

@media only screen and (min-width: 1024px) {
    .mod-customDropdown .cp-tooltip {
        min-width:390px
    }
}

.mod-customDropdown .cp-tooltip:before {
    border-color: transparent transparent rgba(0,0,0,.2)
}

.mod-customDropdown .cp-tooltip:after {
    border-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0) #e4e4e4
}

.mod-customDropdown .cp-tooltip.top {
    top: auto;
    bottom: 54px
}

.mod-customDropdown .cp-tooltip.top:after,.mod-customDropdown .cp-tooltip.top:before {
    bottom: auto;
    top: 100%;
    margin-top: -1px
}

.mod-customDropdown .cp-tooltip.top:before {
    border-color: rgba(0,0,0,.2) transparent transparent
}

.mod-customDropdown .cp-tooltip.top:after {
    border-color: #e4e4e4 hsla(0,0%,100%,0) hsla(0,0%,100%,0)
}

.mod-customDropdown .cp-tooltip.left {
    left: auto;
    right: 0
}

.mod-customDropdown .cp-tooltip.left:after,.mod-customDropdown .cp-tooltip.left:before {
    left: auto;
    right: 25px
}

.mod-customDropdown .cp-tooltip header {
    background: #e4e4e4;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 10px;
    overflow: hidden
}

.mod-customDropdown .cp-tooltip header h4 {
    position: relative;
    font-size: 1em;
    color: rgba(0,0,0,.8);
    font-weight: 400;
    float: left;
    width: 80%
}

.mod-customDropdown .cp-tooltip header .close-btn {
    height: 22px;
    overflow: hidden;
    line-height: 24px
}

.mod-customDropdown .cp-tooltip header .close-btn:before {
    top: 0
}

.mod-customDropdown .cp-tooltip footer {
    background: #e4e4e4;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 10px;
    overflow: hidden;
    font-size: .875em
}

.mod-customDropdown .cp-tooltip footer .cp-button {
    float: right;
    font-weight: 400
}

.mod-customDropdown .cp-tooltip footer .cp-button-text {
    padding: 0 5px;
    font-size: 1em;
    float: left
}

.mod-customDropdown .cp-input {
    clear: both;
    min-height: 44px;
    display: block;
    width: auto;
    overflow-y: auto;
    border: 1px solid #d7d8d8;
    cursor: pointer
}

.mod-customDropdown .cp-input:before {
    background: #fff url(/ui/wl/4.165/images/sprites/search/search-form-sprite.svg) no-repeat scroll 15px 0;
    content: "";
    height: 20px;
    position: absolute;
    width: 40px;
    right: 10px
}

@media only screen and (min-width: 320px) {
    .mod-customDropdown .cp-input {
        min-width:100%;
        max-width: 100%;
        max-height: inherit
    }
}

@media only screen and (min-width: 768px) {
    .mod-customDropdown .cp-input {
        width:100%;
        max-height: 44px
    }
}

@media only screen and (min-width: 1100px) {
    .mod-customDropdown .cp-input {
        min-width:100%;
        max-width: 100%
    }
}

.mod-customDropdown .cp-input span {
    font-size: 14px;
    color: #000;
    display: inline-block;
    margin: 0 30px 5px 0;
    list-style: none;
    height: 26px;
    line-height: 26px;
    padding: 0 5px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
    transition: color .2s ease-in
}

.mod-customDropdown p {
    border-bottom: 1px solid #d7d8d8;
    color: #646464;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0 0 5px
}

.mod-customDropdown .mod-customDropdown-list li {
    margin-top: 10px
}

.mod-customDropdown .mod-customDropdown-list li:first-child {
    margin: 0
}

.mod-customDropdown.is--scrollable .mod-customDropdown-list {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.mod-customDropdown .mod-select-group {
    padding: 10px
}

.mod-customDropdown .mod-select-group .ui-selectmenu-button,.mod-customDropdown .mod-select-group select {
    width: 100%
}

.mod-customDropdown .loading-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    opacity: .6
}

.mod-customDropdown .loading-overlay.show {
    display: block
}

.svg .mod-customDropdown .loading-overlay {
    background: url(/ui/wl/4.165/images/sprites/search/oval-dark.svg) no-repeat scroll 50% hsla(0,0%,100%,.6)
}

.no-svg .mod-customDropdown .loading-overlay {
    background: url(/ui/wl/4.165/images/sprites/search/oval-dark.gif) no-repeat scroll 50% hsla(0,0%,100%,.6)
}

.mod-promo {
    padding: 10px;
    margin: 15px 0;
    border: 1px solid #2c600f;
    background-color: #dfe9da;
    color: #2c600f;
    position: relative;
    display: table;
    width: 100%;
    font-size: 18px
}

.mod-promo h4 {
    font-size: 1.25em
}

@media only screen and (min-width: 768px) {
    .mod-promo {
        padding:15px
    }
}

.mod-promo .mod-promo-icon {
    display: none;
    vertical-align: top;
    text-align: center;
    position: relative
}

@media only screen and (min-width: 768px) {
    .mod-promo .mod-promo-icon {
        display:table-cell;
        height: 64px;
        width: 64px;
        vertical-align: middle
    }
}

.mod-promo .mod-promo-icon:before {
    content: "";
    left: 50%;
    top: 50%;
    position: absolute;
    border: 3px solid #2c600f;
    border-radius: 10em;
    height: 34px;
    width: 34px;
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 768px) {
    .mod-promo .mod-promo-icon:before {
        height:64px;
        width: 64px
    }
}

.mod-promo .mod-promo-icon:after {
    content: "\E901";
    font-family: Booking-glyphs;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 768px) {
    .mod-promo .mod-promo-icon:after {
        font-size:32px;
        width: 32px;
        height: 32px
    }
}

.mod-promo .cp-close {
    color: #2c600f
}

.mod-promo .mod-promo-cta .cp-button {
    font-size: 13px;
    background: #2c600f;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .mod-promo .mod-promo-cta .cp-button {
        font-size:16px
    }
}

.mod-promo.promo-type-wxc,.mod-promo.promo-type-wxi {
    background-color: #619246;
    color: #fff
}

.mod-promo.promo-type-wxc .mod-promo-icon:before,.mod-promo.promo-type-wxi .mod-promo-icon:before {
    border-color: #fff
}

.mod-promo.promo-type-wxc .mod-promo-cta .cp-button,.mod-promo.promo-type-wxi .mod-promo-cta .cp-button {
    background: #2c600f;
    border-color: #fff;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .mod-promo.promo-type-wxi {
        background-image:url(/ui/wl/4.165/images/promo/bgInstantDeal.png);
        background-repeat: repeat;
        background-position: 0 40%
    }
}

.mod-promo.promo-type-wxi .mod-promo-icon:after {
    content: "\E903";
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    .mod-promo.promo-type-wxi .mod-promo-icon:after {
        font-size:28px
    }
}

@media only screen and (min-width: 768px) {
    .mod-promo.promo-type-wxc {
        background-image:url(/ui/wl/4.165/images/promo/bgPromoCode.png);
        background-repeat: repeat;
        background-position: 0 90%
    }
}

.mod-promo.promo-type-wxc .mod-promo-icon:after {
    content: "\E904";
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .mod-promo.promo-type-wxc .mod-promo-icon:after {
        font-size:28px
    }
}

.mod-promo.promo-type-wxcf {
    background-color: #fadbd8;
    border-color: #ff0101;
    color: #ff0101;
    padding: 5px
}

@media only screen and (min-width: 768px) {
    .mod-promo.promo-type-wxcf {
        background-image:none
    }
}

.mod-promo.promo-type-wxcf .mod-promo-icon {
    display: none
}

.mod-promo.promo-type-wxcf .mod-promo-cta .cp-button {
    background: red;
    border-color: #fff;
    color: #fff
}

.mod-promo.promo-type-wxcf .mod-promo-close {
    display: none
}

.mod-promo.promo-type-wxwarn {
    background-color: #fbf0c3;
    border-color: #a3620a;
    color: #a3620a
}

.mod-promo.promo-type-wxwarn .mod-promo-icon:before {
    border-color: #a3620a
}

.mod-promo.promo-type-wxwarn .mod-promo-icon:after {
    content: "\E999";
    color: #a3620a;
    font-size: 26px
}

.mod-promo.promo-type-wxwarn .mod-promo-cta .cp-button {
    background-color: #a3620a
}

.mod-promo.promo-type-wxwarn .cp-close {
    color: #a3620a
}

.mod-promo.promo-price {
    background-color: #eb1e23;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .mod-promo.promo-price {
        background-image:url(/ui/wl/4.165/images/promo/bgPromoPrice.png);
        background-repeat: repeat;
        background-position: 0 90%
    }
}

.mod-promo.promo-price .mod-promo-icon:before {
    border-color: #fff
}

.mod-promo.promo-price .mod-promo-icon:after {
    content: "\E905";
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    .mod-promo.promo-price .mod-promo-icon:after {
        font-size:28px
    }
}

.mod-promo.promo-type-wxpu .mod-promo-icon:before {
    border-color: #2c600f
}

.mod-promo .mod-promo-content {
    display: block;
    padding: 20px 20px 20px 0
}

@media only screen and (min-width: 768px) {
    .mod-promo .mod-promo-content {
        display:table-cell;
        vertical-align: middle;
        padding: 10px
    }
}

.mod-promo .mod-promo-content h4 {
    margin-bottom: 0;
    font-style: normal;
    line-height: 1
}

.mod-promo .mod-promo-content p {
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #2c600f
}

.mod-promo .mod-promo-cta {
    display: block
}

@media only screen and (min-width: 768px) {
    .mod-promo .mod-promo-cta {
        min-width:245px;
        float: none;
        display: table-cell;
        vertical-align: middle;
        text-align: right
    }
}

.mod-promo .mod-promo-cta .cp-button {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .mod-promo .mod-promo-cta .cp-button {
        width:auto
    }
}

.mod-promo .cp-close {
    right: 10px;
    top: 10px
}

.mod-promo_collapsable .expandable-selector label {
    color: #db0148;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-right: 14px
}

.mod-promo_collapsable .expandable-selector label:after {
    top: 50%;
    left: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 5px solid rgba(219,1,72,0);
    border-top-color: #db0148;
    margin-top: -3px
}

.mod-promo_collapsable.active .expandable-selector label:after {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    top: 0
}

.promo {
    background: #619246;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: auto;
    line-height: 14px;
    padding: 6px 6px 6px 30px;
    text-align: left;
    top: 0;
    width: auto;
    min-height: 24px;
    position: relative
}

.promo:before {
    content: "\E906";
    font-family: Booking-glyphs;
    font-size: 16px;
    left: 8px;
    position: absolute;
    color: #fff
}

.promo:after {
    background: #fff;
    content: "";
    height: 100%;
    left: 25px;
    position: absolute;
    top: 0;
    width: 1px
}

.promo.promo-type-wxi:before {
    content: "\E903";
    left: 8px
}

.promo.promo-type-wxc:before {
    content: "\E904";
    left: 8px
}

.mod-rateItem .promo,.small-promos .promo {
    padding: 4px 4px 4px 25px;
    min-height: 14px;
    font-size: 10px
}

.mod-rateItem .promo:before,.small-promos .promo:before {
    font-size: 12px
}

.mod-rateItem .promo:after,.small-promos .promo:after {
    left: 21px
}

#apply-promo {
    font-size: 14px
}

.promo-banner {
    background-color: #db0148;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 6px;
    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 125px;
    max-width: 100%;
    margin-bottom: 20px;
    display: block
}

.promo-banner.slide svg {
    fill: #db0148;
    width: 64px;
    height: 64px;
    position: relative
}

.promo-banner.slide.start:before {
    left: calc(50% - 400px)
}

@media only screen and (min-width: 480px) {
    .promo-banner.slide.start .icon-banner {
        left:75%;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 768px) {
    .promo-banner.slide.start .icon-banner {
        left:80%
    }
}

.promo-banner.slide.start .secondary-copy p,.promo-banner.slide.start .secondary-copy p:nth-of-type(2n),.promo-banner.slide.start .secondary-copy p:nth-of-type(3n),.promo-banner.slide.start h2 {
    transform: translate(0);
    background-color: transparent;
    color: #fff
}

.promo-banner.slide.start h2 {
    padding-left: 0;
    transition: transform .3s .3s
}

.promo-banner.slide.start .secondary-copy p {
    padding-left: 0;
    transition: transform .4s .4s
}

.promo-banner.slide.start .secondary-copy p:nth-of-type(2n) {
    transition: transform .4s .5s
}

.promo-banner.slide.start .secondary-copy p:nth-of-type(3n) {
    transition: transform .4s .6s
}

@media only screen and (min-width: 768px) {
    .promo-banner.slide:before {
        content:"";
        width: 1000px;
        height: 1000px;
        border-radius: 80px;
        background-color: hsla(0,0%,100%,.5);
        position: absolute;
        top: -83px;
        left: -1000px;
        transform: rotate(45deg) translate(-50%);
        transition: left .3s .2s,background-color .3s 3s;
        box-shadow: inset 0 0 250px 5px #fff;
        border: 2px solid rgba(0,0,0,.4)
    }
}

.promo-banner.slide .icon-banner {
    display: none
}

@media only screen and (min-width: 480px) {
    .promo-banner.slide .icon-banner {
        background-color:rgba(0,0,0,.4);
        padding: 20px;
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 105px;
        height: 105px;
        top: 10px;
        left: -150px;
        border-radius: 100%;
        color: #db0148;
        text-align: center;
        z-index: 1;
        transform: translate(10px,10px);
        transition: left .3s .2s
    }
}

.promo-banner.slide .icon-banner:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 98px;
    height: 98px;
    border-radius: 100%;
    top: 4px;
    left: 4px;
    z-index: 1
}

.promo-banner.slide .icon-banner:before {
    content: "";
    position: absolute;
    background-color: hsla(0,0%,100%,.4);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    top: 3px;
    left: 3px;
    z-index: 1
}

.promo-banner.slide .num {
    display: block;
    font-size: 26px;
    font-weight: 700;
    padding-top: 3px
}

.promo-banner.slide .num,.promo-banner.slide .small {
    z-index: 3;
    position: relative
}

.promo-banner h2 {
    font-weight: 400;
    margin-top: 0;
    position: relative;
    transform: translate(150%);
    font-size: 26px;
    text-transform: inherit
}

.promo-banner .secondary-copy {
    margin: 0;
    position: relative
}

.promo-banner .secondary-copy p {
    padding-left: 80px;
    transform: translate(150%)
}

.promo-banner .secondary-copy p:nth-of-type(2n) {
    padding-left: 60px;
    transform: translate(150%)
}

.promo-banner .secondary-copy p:nth-of-type(3n) {
    padding-left: 80px;
    transform: translate(150%)
}

.promo-banner .icon-banner svg {
    fill: #db0148;
    width: 60px;
    height: 60px;
    display: inline-block;
    z-index: 10
}

.promo-banner .promo-inner {
    box-sizing: border-box
}

.promo-banner .promo-copy {
    width: 100%
}

@media only screen and (min-width: 480px) {
    .promo-banner .promo-copy {
        width:75%
    }
}

@media only screen and (min-width: 768px) {
    .promo-banner .promo-copy {
        width:65%;
        margin: 0 20px 0 50px
    }
}

@media only screen and (min-width: 1024px) {
    .promo-banner .promo-copy {
        margin:0 20px 0 120px
    }
}

.mod-overlay {
    background: rgba(0,0,0,.4);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30
}

.mod-overlay .cp-close {
    top: 10px;
    right: 10px;
    position: absolute
}

.mod-overlay p {
    margin: 10px 0;
    position: relative
}

.mod-overlay p .icon-bulb,.mod-overlay p .icon-lighting {
    padding-left: 25px
}

.mod-overlay p .icon-bulb:before,.mod-overlay p .icon-lighting:before {
    font-family: Booking-glyphs;
    position: absolute;
    content: "\E904";
    font-size: 32px;
    left: 0
}

.mod-overlay p .icon-lighting:before {
    content: "\E903"
}

.mod-overlay .cp-input {
    margin-right: 10px
}

.mod-overlay .error {
    color: #ff0101
}

.mod-overlay-popUp {
    background-color: #f0f0f0;
    border: 1px solid #d7d8d8;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    left: 0;
    margin: 0 auto;
    width: 400px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 31
}

#apply-promo {
    background-color: #2c600f
}

.mod-slidingContent.active .mod-slideContent-sliding {
    display: block
}

.mod-slidingContent.active .mod-slideContent-main,.mod-slidingContent .mod-slideContent-sliding {
    display: none
}

.mod-loader {
    background: hsla(0,0%,100%,.9) url(/ui/wl/4.165/images/sprites/search/oval-dark.svg) no-repeat scroll center 60px/44px 44px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    z-index: 1000;
    min-height: 300px;
    padding: 10px
}

@media only screen and (min-width: 768px) {
    .mod-loader {
        position:absolute
    }
}

.mod-loader span {
    top: 95px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    display: block
}

.mod-tile-grid {
    --repeat-count: 1;
    --tile-grid: repeat(var(--repeat-count),minmax(0,1fr));
    display: grid;
    grid-template-columns: var(--tile-grid);
    gap: 16px;
    grid-auto-flow: dense
}

@media only screen and (min-width: 480px) {
    .mod-tile-grid {
        --repeat-count:2
    }
}

@media only screen and (min-width: 1024px) {
    .mod-tile-grid {
        --repeat-count:3
    }
}

@media only screen and (min-width: 1920px) {
    .mod-tile-grid {
        --repeat-count:4
    }
}

.mod-quickView {
    grid-column-start: span var(--repeat-count)
}

.mod-tile {
    font-size: 16px;
    background: #fff;
    border: 1px solid rgba(215,216,216,.4);
    box-sizing: border-box;
    transition: all .2s ease 0s;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

.mod-tile h3 {
    color: #000;
    display: block;
    float: left;
    font-weight: 400;
    font-size: 1em;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    line-height: 21px
}

@media only screen and (min-width: 768px) {
    .mod-tile h3 {
        font-size:1.125em
    }
}

.mod-tile address {
    font-size: .875em;
    font-style: normal;
    max-width: 70%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 13px;
    position: relative
}

.mod-tile address:before {
    font-family: Booking-glyphs;
    font-size: 34px;
    left: -11px;
    position: absolute;
    content: "\E606"
}

.mod-tile address a,.mod-tile ul li {
    text-transform: capitalize
}

.mod-tile ul li {
    display: inline-block;
    font-size: 1em;
    opacity: .6
}

.mod-tile img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.mod-tile .cp-button {
    border-radius: 3px;
    font-size: .875em;
    transition: all .2s ease 0s;
    padding: 0 10px;
    height: 34px;
    line-height: 34px
}

.mod-tile .cp-link {
    color: #db0148
}

@media only screen and (min-width: 1024px) {
    .mod-tile .cp-button-invert {
        display:none
    }
}

.mod-tile .cp-button-sl {
    float: right;
    height: 35px;
    text-indent: -9999em;
    width: 35px;
    position: relative;
    background: hsla(0,0%,79.2%,.4);
    overflow: hidden;
    border-radius: 10em
}

.mod-tile .cp-button-sl:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
    display: block
}

.svg .mod-tile .cp-button-sl:before {
    background: url(/ui/wl/4.165/images/sprites/search/mod-search-results.svg) no-repeat scroll 1px -237px transparent
}

.no-svg .mod-tile .cp-button-sl:before {
    background: url(/ui/wl/4.165/images/sprites/search/mod-search-results.png) no-repeat scroll 1px -237px transparent
}

.mod-tile .cp-button-sl.selected {
    background: #db0148;
    visibility: visible
}

.mod-tile .cp-button-ql {
    box-shadow: 1px 1px 0 0 rgba(0,0,0,.4);
    padding-left: 30px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .mod-tile .cp-button-ql {
        padding:0 10px 0 25px
    }
}

.mod-tile .cp-button-ql:before {
    position: absolute;
    content: "\E608";
    height: 16px;
    left: 0;
    top: 1px;
    width: 13px;
    font-family: Booking-glyphs;
    font-size: 32px
}

.mod-tile .cp-button-ql:focus,.mod-tile .cp-button-ql:hover {
    box-shadow: 1px 2px 3px rgba(0,0,0,.4)
}

.mod-tile .price-deal {
    text-decoration: line-through;
    display: inline-block
}

.mod-tile .price-deal,.mod-tile .unavailable {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.mod-tile .deal {
    background: #383a3d;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    right: 10px;
    font-size: .875em;
    height: 32px;
    line-height: 32px
}

.mod-tile .price-details {
    display: flex;
    align-items: center;
    gap: 4px
}

.mod-tile-details {
    clear: both;
    line-height: 15px;
    font-size: 14px
}

.mod-tile-details .distance {
    display: inline-block;
    font-size: 13px;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-tile-rating {
    color: #383a3d;
    float: right;
    font-size: .875em;
    padding-left: 17px;
    position: relative
}

.mod-tile-rating:before {
    content: "\E604";
    font-family: Booking-glyphs;
    font-size: 32px;
    left: -10px;
    position: absolute;
    color: red
}

.mod-tile-title {
    color: #383a3d;
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 10px;
    position: relative;
    clear: both;
    border-radius: 0 0 10px 10px
}

.mod-tile-rate {
    float: right;
    display: flex;
    align-items: flex-start;
    line-height: 20px
}

.mod-tile-rate:after {
    content: "\E610";
    font-family: Booking-glyphs;
    font-size: 24px;
    color: #ffa657
}

.mod-tile-rate span {
    font-size: .875em
}

.mod-tile-image {
    background: #fff;
    max-width: 100%;
    height: 197px;
    position: relative;
    text-align: center;
    line-height: 1;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

@media only screen and (min-width: 1280px) {
    .mod-tile-image {
        height:268px
    }
}

@media only screen and (min-width: 1920px) {
    .mod-tile-image {
        height:197px
    }
}

.mod-tile-image .cp-poa {
    border-radius: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 10px
}

.mod-tile-image .cp--loading .circle {
    top: 50%
}

.mod-tile-price {
    color: #fff;
    font-size: 1.75em;
    font-weight: 600;
    padding: 0 15px;
    transition: all .2s ease 0s;
    vertical-align: middle;
    min-width: 55px
}

.mod-tile-price_container {
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.mod-tile-price.not-available {
    font-size: 1em;
    font-weight: 400
}

.mod-tile-tooltip {
    text-align: right;
    margin-top: 6px
}

.no-svg .cp-priceValue,.svg .cp-priceValue {
    background-image: none
}

.mod-tile-actions {
    box-sizing: border-box;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 0
}

.mod-tile-content {
    padding: 10px;
    width: 100%;
    justify-content: space-between;
    flex: 2 1 auto
}

.mod-tile-content,.tile-buttons {
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .quickview-True .mod-tile-content,.quickview-True .mod-tile-image,.quickview-True .mod-tile-tooltip {
        cursor:pointer
    }
}

.mod-tile.active:before {
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    bottom: -20px;
    width: 0;
    z-index: 10;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #222;
    margin-left: -20px
}

.mod-tile.active,.mod-tile:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    transition: all .2s ease 0s
}

.mod-tile.active ul li,.mod-tile:hover ul li {
    opacity: 1;
    transition: all .2s ease 0s
}

.mod-tile.active .cp-button,.mod-tile:hover .cp-button {
    transition: all .2s ease 0s
}

.mod-tile.active address:before,.mod-tile:hover address:before {
    content: "\E607"
}

.mod-tile.active .mod-tile-price,.mod-tile:hover .mod-tile-price {
    transition: all .2s ease 0s
}

.mod-tile.active .mod-tile-actions,.mod-tile:hover .mod-tile-actions {
    visibility: visible
}

.mod-placeholderTxt {
    position: absolute;
    top: 67%;
    text-align: center;
    left: 0;
    width: 100%;
    color: #bcc2c4
}

#map-canvas .mod-placeholderTxt {
    width: 300px
}

.mod-actions-visible .mod-tile-actions,.mod-actions-visible .mod-tile.active,.mod-actions-visible .mod-tile:hover {
    visibility: visible
}

.mod-actions-visible-onhover .mod-tile-actions {
    visibility: hidden
}

.tile-link {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    width: 100%
}

.mod-tile-list.mod-tile-recommended {
    background: #fff;
    border: 3px solid rgba(56,58,61,.6);
    margin: 0 0 10px;
    border-radius: 16px;
    overflow: hidden
}

.mod-tile-list.mod-tile-recommended .mod-tile-recommended-title {
    background: rgba(56,58,61,.6);
    color: #fff;
    font-weight: 400;
    padding: 10px;
    position: relative
}

.mod-tile-list.mod-tile-recommended .mod-tile-recommended-title span {
    max-width: 70%;
    display: block
}

.mod-tile-list.mod-tile-recommended .mod-tile--list-actions {
    border-left: 1px solid rgba(56,58,61,.6)
}

.mod-properties-nearby {
    position: relative
}

.mod-tilePriceFooter .mod-tags-more {
    float: left;
    text-align: left
}

.mod-tilePriceFooter .mod-tags-list .ui-tooltip {
    left: -20px
}

.mod-tilePriceFooter .mod-tags-list .ui-tooltip .arrow {
    left: 30px;
    right: 0
}

.mod-tilePriceFooter .mod-tile-price {
    background: none;
    margin: 0;
    padding: 0
}

.mod-tilePriceFooter .mod-tile-price .cp-link-qw {
    color: #db0148;
    border: 1px solid #db0148;
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    padding: 0 10px;
    font-size: 20px
}

.mod-tilePriceFooter .mod-tile-price i {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-transform: lowercase
}

.mod-tilePriceFooter .mod-tile.active .mod-tile-price,.mod-tilePriceFooter .mod-tile:focus .mod-tile-price,.mod-tilePriceFooter .mod-tile:hover .mod-tile-price {
    background: none
}

.from {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-transform: lowercase
}

.no-search-done .mod-results .mod-search {
    background-color: #f0f0f0;
    border: 1px solid #646464;
    bottom: auto;
    left: 0;
    margin: 0 auto;
    max-width: 960px;
    position: fixed;
    right: 0;
    top: 10px;
    z-index: 31;
    padding: 60px 10px 10px;
    display: none;
    border-radius: 4px
}

.no-search-done .mod-results .mod-search label {
    color: #000
}

@media only screen and (min-width: 768px) {
    .no-search-done .mod-results .mod-search {
        top:60px
    }
}

@media only screen and (min-width: 1024px) {
    .no-search-done .mod-results .mod-search {
        padding:60px 40px 20px
    }
}

.no-search-done #submit-reservation {
    background: rgba(0,0,0,.4);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30;
    display: none
}

.no-search-done .close-btn {
    position: absolute;
    right: 60px;
    text-indent: -999em;
    top: 0;
    line-height: 60px
}

.no-search-done .close-btn:before {
    content: "\E601";
    display: block;
    font-family: Booking-glyphs;
    font-size: 60px;
    position: absolute;
    text-indent: 0
}

.mod-slider-lightbox {
    margin-bottom: 10px;
    z-index: 1
}

.mod-slider-lightbox .slides li {
    margin: 0 2px
}

.mod-slider-lightbox .slides img {
    width: 100%;
    height: 95px;
    display: block;
    object-fit: cover
}

.mod-slider-lightbox .flex-prev {
    background-color: hsla(0,0%,100%,.8);
    height: 100%;
    position: absolute;
    left: 0;
    width: 30px;
    margin: 0;
    top: 0
}

.mod-slider-lightbox .flex-prev:before {
    color: #646464;
    content: "\E60E";
    font-family: Booking-glyphs;
    opacity: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-weight: 700;
    position: absolute
}

.mod-slider-lightbox .flex-next {
    background-color: hsla(0,0%,100%,.8);
    height: 100%;
    position: absolute;
    right: 0;
    width: 30px;
    margin: 0;
    top: 0
}

.mod-slider-lightbox .flex-next:before {
    color: #646464;
    content: "\E60F";
    font-family: Booking-glyphs;
    opacity: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-weight: 700;
    position: absolute
}

.mod-slider-lightbox .flexslider:hover .flex-prev {
    left: 0
}

.mod-slider-lightbox .flexslider:hover .flex-next {
    right: 0
}

.mod-slider-lightbox .flex-direction-nav .flex-disabled {
    cursor: default;
    opacity: .6!important
}

.mod-properties-nearby {
    margin-bottom: 10px
}

.mod-properties-nearby ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.mod-properties-nearby ul li {
    max-width: 100%
}

@media only screen and (min-width: 480px) {
    .mod-properties-nearby ul li {
        max-width:50%;
        flex: 1 1 50%
    }
}

@media only screen and (min-width: 768px) {
    .mod-properties-nearby ul li {
        max-width:33%;
        flex: 1 1 33%
    }
}

.mod-properties-nearby ul .price-details {
    width: 100%
}

.mod-properties-nearby h2 {
    overflow: hidden;
    padding: 20px
}

.mod-properties-nearby h2 .see-all-button {
    float: right;
    text-transform: none
}

.mod-properties-nearby .mod-tile {
    width: 97%
}

.mod-properties-nearby .mod-tile .mod-tile-content {
    cursor: default
}

.ui-datepicker .ui-state-selected a,.ui-datepicker .ui-state-selected span {
    color: #000;
    background-color: rgba(219,1,72,.4)
}

.ui-datepicker .arr-past a,.ui-datepicker .arr-past span,.ui-datepicker .dep-past a,.ui-datepicker .dep-past span,.ui-datepicker .selected-past a,.ui-datepicker .selected-past span {
    background: #eaeaea;
    color: #cacaca;
    text-decoration: line-through;
    cursor: not-allowed
}

.ui-datepicker .arr-afterClosed a,.ui-datepicker .arr-afterClosed span,.ui-datepicker .arr-closed a,.ui-datepicker .arr-closed span,.ui-datepicker .arr-forcedDeparture a,.ui-datepicker .arr-forcedDeparture span,.ui-datepicker .arr-unknown a,.ui-datepicker .arr-unknown span,.ui-datepicker .dep-afterClosed.arr-afterClosed a,.ui-datepicker .dep-afterClosed.arr-afterClosed span,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos a,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos span,.ui-datepicker .dep-afterClosed.arr-closed a,.ui-datepicker .dep-afterClosed.arr-closed span,.ui-datepicker .dep-afterClosed.arr-forcedDeparture a,.ui-datepicker .dep-afterClosed.arr-forcedDeparture span,.ui-datepicker .dep-afterClosed.arr-unknown a,.ui-datepicker .dep-afterClosed.arr-unknown span,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed a,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed span,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos a,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos span,.ui-datepicker .dep-beforeCheckInDate.arr-closed a,.ui-datepicker .dep-beforeCheckInDate.arr-closed span,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture a,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture span,.ui-datepicker .dep-beforeCheckInDate.arr-unknown a,.ui-datepicker .dep-beforeCheckInDate.arr-unknown span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown span,.ui-datepicker .selected-afterCheckOutDate.dep-closed a,.ui-datepicker .selected-afterCheckOutDate.dep-closed span,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed a,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed span,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos a,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos span,.ui-datepicker .selected-beforeCheckInDate.arr-closed a,.ui-datepicker .selected-beforeCheckInDate.arr-closed span,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture a,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture span,.ui-datepicker .selected-beforeCheckInDate.arr-unknown a,.ui-datepicker .selected-beforeCheckInDate.arr-unknown span,.ui-datepicker .selected-checkOutDate.dep-closed a,.ui-datepicker .selected-checkOutDate.dep-closed span {
    background-color: #555;
    color: hsla(0,0%,100%,.6);
    cursor: not-allowed
}

.ui-datepicker .arr-afterClosed a:before,.ui-datepicker .arr-afterClosed span:before,.ui-datepicker .arr-closed a:before,.ui-datepicker .arr-closed span:before,.ui-datepicker .arr-forcedDeparture a:before,.ui-datepicker .arr-forcedDeparture span:before,.ui-datepicker .arr-unknown a:before,.ui-datepicker .arr-unknown span:before,.ui-datepicker .dep-afterClosed.arr-afterClosed a:before,.ui-datepicker .dep-afterClosed.arr-afterClosed span:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .dep-afterClosed.arr-closed a:before,.ui-datepicker .dep-afterClosed.arr-closed span:before,.ui-datepicker .dep-afterClosed.arr-forcedDeparture a:before,.ui-datepicker .dep-afterClosed.arr-forcedDeparture span:before,.ui-datepicker .dep-afterClosed.arr-unknown a:before,.ui-datepicker .dep-afterClosed.arr-unknown span:before,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed a:before,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed span:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .dep-beforeCheckInDate.arr-closed a:before,.ui-datepicker .dep-beforeCheckInDate.arr-closed span:before,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture a:before,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture span:before,.ui-datepicker .dep-beforeCheckInDate.arr-unknown a:before,.ui-datepicker .dep-beforeCheckInDate.arr-unknown span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown span:before,.ui-datepicker .selected-afterCheckOutDate.dep-closed a:before,.ui-datepicker .selected-afterCheckOutDate.dep-closed span:before,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed a:before,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed span:before,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .selected-beforeCheckInDate.arr-closed a:before,.ui-datepicker .selected-beforeCheckInDate.arr-closed span:before,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture a:before,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture span:before,.ui-datepicker .selected-beforeCheckInDate.arr-unknown a:before,.ui-datepicker .selected-beforeCheckInDate.arr-unknown span:before,.ui-datepicker .selected-checkOutDate.dep-closed a:before,.ui-datepicker .selected-checkOutDate.dep-closed span:before {
    background: none;
    height: 100%;
    width: 100%;
    position: relative
}

.ui-datepicker .ui-state-disabled.dep-arrival span {
    background: #db0148;
    color: #fff;
    text-decoration: none
}

.ui-datepicker .dep-afterClosed.arr-afterClosed a,.ui-datepicker .dep-afterClosed.arr-afterClosed span,.ui-datepicker .dep-afterClosed.arr-available a,.ui-datepicker .dep-afterClosed.arr-available span,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos a,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos span,.ui-datepicker .dep-afterClosed.arr-cannotArrive a,.ui-datepicker .dep-afterClosed.arr-cannotArrive span,.ui-datepicker .dep-afterClosed.arr-closed a,.ui-datepicker .dep-afterClosed.arr-closed span,.ui-datepicker .dep-afterClosed.arr-forcedDeparture,.ui-datepicker .dep-afterClosed.arr-forcedDeparture a,.ui-datepicker .dep-afterClosed.arr-forcedDeparture span,.ui-datepicker .dep-afterClosed.arr-unknown a,.ui-datepicker .dep-afterClosed.arr-unknown span,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed a,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed span,.ui-datepicker .dep-beforeCheckInDate.arr-available a,.ui-datepicker .dep-beforeCheckInDate.arr-available span,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos a,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos span,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive a,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive span,.ui-datepicker .dep-beforeCheckInDate.arr-closed a,.ui-datepicker .dep-beforeCheckInDate.arr-closed span,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture a,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture span,.ui-datepicker .dep-beforeCheckInDate.arr-unknown a,.ui-datepicker .dep-beforeCheckInDate.arr-unknown span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown span,.ui-datepicker .selected-afterCheckOutDate.dep-closed a,.ui-datepicker .selected-afterCheckOutDate.dep-closed span,.ui-datepicker .selected-afterCheckOutDate.dep-forcedDeparture.dep-maxLos a,.ui-datepicker .selected-afterCheckOutDate.dep-forcedDeparture.dep-maxLos span,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed a,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed span,.ui-datepicker .selected-beforeCheckInDate.arr-available a,.ui-datepicker .selected-beforeCheckInDate.arr-available span,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos a,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos span,.ui-datepicker .selected-beforeCheckInDate.arr-closed a,.ui-datepicker .selected-beforeCheckInDate.arr-closed span,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture a,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture span,.ui-datepicker .selected-beforeCheckInDate.arr-unknown a,.ui-datepicker .selected-beforeCheckInDate.arr-unknown span,.ui-datepicker .selected-checkOutDate.dep-closed a,.ui-datepicker .selected-checkOutDate.dep-closed span,.ui-datepicker .selected-checkOutDate.dep-forcedDeparture.dep-maxLos a,.ui-datepicker .selected-checkOutDate.dep-forcedDeparture.dep-maxLos span {
    position: relative
}

.ui-datepicker .dep-afterClosed.arr-afterClosed a:before,.ui-datepicker .dep-afterClosed.arr-afterClosed span:before,.ui-datepicker .dep-afterClosed.arr-available a:before,.ui-datepicker .dep-afterClosed.arr-available span:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive a:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive span:before,.ui-datepicker .dep-afterClosed.arr-closed a:before,.ui-datepicker .dep-afterClosed.arr-closed span:before,.ui-datepicker .dep-afterClosed.arr-forcedDeparture:before,.ui-datepicker .dep-afterClosed.arr-forcedDeparture a:before,.ui-datepicker .dep-afterClosed.arr-forcedDeparture span:before,.ui-datepicker .dep-afterClosed.arr-unknown a:before,.ui-datepicker .dep-afterClosed.arr-unknown span:before,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed a:before,.ui-datepicker .dep-beforeCheckInDate.arr-afterClosed span:before,.ui-datepicker .dep-beforeCheckInDate.arr-available a:before,.ui-datepicker .dep-beforeCheckInDate.arr-available span:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive a:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive span:before,.ui-datepicker .dep-beforeCheckInDate.arr-closed a:before,.ui-datepicker .dep-beforeCheckInDate.arr-closed span:before,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture a:before,.ui-datepicker .dep-beforeCheckInDate.arr-forcedDeparture span:before,.ui-datepicker .dep-beforeCheckInDate.arr-unknown a:before,.ui-datepicker .dep-beforeCheckInDate.arr-unknown span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-afterClosed span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-closed span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-forcedDeparture span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-unknown span:before,.ui-datepicker .selected-afterCheckOutDate.dep-closed a:before,.ui-datepicker .selected-afterCheckOutDate.dep-closed span:before,.ui-datepicker .selected-afterCheckOutDate.dep-forcedDeparture.dep-maxLos a:before,.ui-datepicker .selected-afterCheckOutDate.dep-forcedDeparture.dep-maxLos span:before,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed a:before,.ui-datepicker .selected-beforeCheckInDate.arr-afterClosed span:before,.ui-datepicker .selected-beforeCheckInDate.arr-available a:before,.ui-datepicker .selected-beforeCheckInDate.arr-available span:before,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos a:before,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive.arr-minLos span:before,.ui-datepicker .selected-beforeCheckInDate.arr-closed a:before,.ui-datepicker .selected-beforeCheckInDate.arr-closed span:before,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture a:before,.ui-datepicker .selected-beforeCheckInDate.arr-forcedDeparture span:before,.ui-datepicker .selected-beforeCheckInDate.arr-unknown a:before,.ui-datepicker .selected-beforeCheckInDate.arr-unknown span:before,.ui-datepicker .selected-checkOutDate.dep-closed a:before,.ui-datepicker .selected-checkOutDate.dep-closed span:before,.ui-datepicker .selected-checkOutDate.dep-forcedDeparture.dep-maxLos a:before,.ui-datepicker .selected-checkOutDate.dep-forcedDeparture.dep-maxLos span:before {
    background: hsla(0,0%,100%,.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.ui-datepicker .dep-cannotDepart.dep-ctd a,.ui-datepicker .dep-cannotDepart.dep-ctd span,.ui-datepicker .dep-cannotDepart.dep-minLos.dep-firstAvailableNight a,.ui-datepicker .dep-cannotDepart.dep-minLos.dep-firstAvailableNight span,.ui-datepicker .dep-cannotDepart.dep-minLos a,.ui-datepicker .dep-cannotDepart.dep-minLos span,.ui-datepicker .selected-afterCheckOutDate.dep-cannotDepart.dep-ctd a,.ui-datepicker .selected-afterCheckOutDate.dep-cannotDepart.dep-ctd span,.ui-datepicker .selected-checkOutDate.dep-cannotDepart.dep-ctd a,.ui-datepicker .selected-checkOutDate.dep-cannotDepart.dep-ctd span {
    position: relative
}

.ui-datepicker .dep-cannotDepart.dep-ctd a:before,.ui-datepicker .dep-cannotDepart.dep-ctd span:before,.ui-datepicker .dep-cannotDepart.dep-minLos.dep-firstAvailableNight a:before,.ui-datepicker .dep-cannotDepart.dep-minLos.dep-firstAvailableNight span:before,.ui-datepicker .dep-cannotDepart.dep-minLos a:before,.ui-datepicker .dep-cannotDepart.dep-minLos span:before,.ui-datepicker .selected-afterCheckOutDate.dep-cannotDepart.dep-ctd a:before,.ui-datepicker .selected-afterCheckOutDate.dep-cannotDepart.dep-ctd span:before,.ui-datepicker .selected-checkOutDate.dep-cannotDepart.dep-ctd a:before,.ui-datepicker .selected-checkOutDate.dep-cannotDepart.dep-ctd span:before {
    bottom: 0;
    height: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    background: #db0148;
    z-index: 1
}

.ui-datepicker .dep-cannotDepart.dep-ctd a,.ui-datepicker .dep-cannotDepart.dep-ctd span,.ui-datepicker .selected-afterCheckOutDate.dep-cannotDepart.dep-ctd a,.ui-datepicker .selected-afterCheckOutDate.dep-cannotDepart.dep-ctd span,.ui-datepicker .selected-checkOutDate.dep-cannotDepart.dep-ctd a,.ui-datepicker .selected-checkOutDate.dep-cannotDepart.dep-ctd span {
    cursor: not-allowed
}

.ui-datepicker .arr-cannotArrive.arr-minLos a,.ui-datepicker .arr-cannotArrive.arr-minLos span,.ui-datepicker .arr-cannotArrive a,.ui-datepicker .arr-cannotArrive span,.ui-datepicker .dep-afterClosed.arr-cannotArrive a,.ui-datepicker .dep-afterClosed.arr-cannotArrive span,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive a,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive span,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive a,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive span,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive a,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive span {
    position: relative;
    cursor: not-allowed
}

.ui-datepicker .arr-cannotArrive.arr-minLos a:before,.ui-datepicker .arr-cannotArrive.arr-minLos span:before,.ui-datepicker .arr-cannotArrive a:before,.ui-datepicker .arr-cannotArrive span:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive a:before,.ui-datepicker .dep-afterClosed.arr-cannotArrive span:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive a:before,.ui-datepicker .dep-beforeCheckInDate.arr-cannotArrive span:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive a:before,.ui-datepicker .selected-afterCheckOutDate.dep-afterClosed.arr-cannotArrive span:before,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive a:before,.ui-datepicker .selected-beforeCheckInDate.arr-cannotArrive span:before {
    bottom: 0;
    height: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    background: #555;
    z-index: 1
}

.ui-datepicker .selected-checkInDate a,.ui-datepicker .selected-lastNight a {
    color: #fff;
    background-color: #db0148;
    text-shadow: 0 1px 0 rgba(0,0,0,.26);
    position: relative
}

.ui-datepicker .dep-checkInDate a,.ui-datepicker .dep-checkInDate span,.ui-datepicker .selected-arrival a,.ui-datepicker .selected-checkInDate a,.ui-datepicker .selected-checkInDate span,.ui-datepicker .selected-interim a,.ui-datepicker .selected-interim span,.ui-datepicker selected-arrival span {
    background: #db0148;
    text-decoration: none;
    color: #fff
}

.ui-datepicker:before {
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    width: 1px
}

.ui-datepicker .selected-arrival:after {
    border-right: 1px solid #db0148;
    content: "";
    position: absolute
}

.ui-datepicker .selected-checkOutDate a,.ui-datepicker .selected-checkOutDate span {
    position: relative;
    box-shadow: inset 0 0 9px rgba(0,0,0,.24)
}

.ui-datepicker .selected-checkOutDate a:after,.ui-datepicker .selected-checkOutDate span:after {
    background: none;
    width: 0;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    height: 0;
    border-color: transparent transparent transparent #db0148;
    border-style: solid;
    border-width: 22px 0 22px 15px
}

.ui-datepicker .selected-checkOutDate a.ui-state-default:focus,.ui-datepicker .selected-checkOutDate a.ui-state-default:hover,.ui-datepicker .selected-checkOutDate span.ui-state-default:focus,.ui-datepicker .selected-checkOutDate span.ui-state-default:hover {
    background: none!important;
    color: #000
}

.departure .ui-datepicker .dep-available a:hover,.departure .ui-datepicker .dep-forcedDeparture a:hover {
    position: relative;
    background: none;
    color: #000;
    box-shadow: none
}

.departure .ui-datepicker .dep-available a:hover:after,.departure .ui-datepicker .dep-forcedDeparture a:hover:after {
    background: none;
    width: 0;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    height: 0;
    border-color: transparent transparent transparent #db0148;
    border-style: solid;
    border-width: 22px 0 22px 15px
}

.departure .ui-datepicker .hover-interim a,.departure .ui-datepicker .hover-interim span {
    background: rgba(219,1,72,.8);
    color: #fff
}

.whaton {
    color: #da1f1b;
    font-family: Arial;
    font-size: .8125em;
    font-weight: 700;
    padding-left: 20px;
    position: relative
}

.whaton:before {
    border-left: 1px solid #d7d8d8;
    content: "";
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0
}

.mod-direction {
    margin-bottom: 10px
}

.mod-direction_heading {
    background-repeat: no-repeat;
    padding: 2px 0 0 40px;
    margin-bottom: 10px;
    line-height: 21px
}

.mod-direction_road {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABEElEQVRIS+3VvS5FQRTF8d+tRCWhEAWlykclHsGzqIkGjY8KvVfxCKLyUSkpREGiUWjIiHHvHWfumcnNLYip117/vdeeOadjxKczYn//gNaEcxHtYQtjrQ5dwSnWU30TYBoPOMN5IWAVa5jBY29NE2ADx1jGVSFgCZfYxEkb4AITmC80j7JbvGBlEGAWdzjETiXgANuYw32sTSMKgiCsiSd6xZhCY6HBz5MCrrFQ2Xkqv8FiDvA+pPkP33SCCNj9iireqEHceHNCNPtpMjnAFJ4xjteWqcJjfMMknkoBcYLQ3VELIE4QasIXoG+3uQmGXcW3798G1P6Meq94NqL40PoeS+FCGmtruyxkdWW/H/ABYG4wGXHT2hEAAAAASUVORK5CYII=")
}

.mod-direction_train {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABNklEQVRIS+3VPy8FQRQF8N8TIkJEKwpqCjWFREElClH5Bj4BGkTDl1CqFEKn00hEp9BKCHpBIv5nZDdZm9nd9168aN40k8ycuefcczP31rR41VocXxnBFJYxiAGMoTMR9IEr3OMRuzjEV15wjKAXB5hpMLtzzOIh+y5GsIelBoOn8CBsoYogKOhvkuAFPWUEXXhNALHs3hOfAy6/Uv/DXcD9rHyQNkFwpW6Lmqxzm6DauLprsIYdrCR7LHQMU0rQgTeEvQ/PCL3pqUB4HhM+WDc+iz5aOL/EKFJ1q9guIMhjzjBR1YsWsV9tdRQxjZMqgnA/j3WMZ2ZAEWew5QJbOKpnHqSYYZxiCMeYyzYxbGATN5jEXUxB2US7zQQPGaVdNhsn1CbU6BojjRI0WYbfz/516P9JBt9jME4ZgIzibgAAAABJRU5ErkJggg==")
}

.mod-direction_air {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABPUlEQVRIS+3VvyuFURzH8dclShhtJjNlY7aJQQbKxipZbJSSzWgxiH9AFIMsZhaDovwDmJEkvzp1rk63597nKHfiuzz1POd83p/zOed7noomV6XJ+n4C2MAS1rCaaywX0IIXtOEJ3b8NCMKvUfQtgrIYuSv4B5TG2dSIerGFscTGPuZxX2at0Sa3YgHr6CwQesQKNvFZD1QPMIhdhGdZXWAWl0UDawFdsVMXEZort97jSpbxnE5KASHjkHXIPK0HHGM6vvzAXtyT2uhuMYeTqkAKCC6qru9wiAOcxsG1ndyOEUxgEj2Jq2/dFHCNoyh6XrNxZcc06AxF2BT6ilbQKO8yQN25f+Mu6sA2ZpIcdmInh39Ew8qJKDTQQIHKFfp/A3ATz3XohTMMYxTj6Wn56VVRZiz7e05E2WJFA78AG6NAGWoxJEoAAAAASUVORK5CYII=")
}

.mod-direction_bus,.mod-direction_coach {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABG0lEQVRIS+3Vuy4FURjF8d9xCYJGR62joPEOKuEVzkO49MJLeAWi8g4aClodUWkQjnt2MiMzkz1nLskREruZzGTt9f++b++s6Rjw6gzYXxkgfF9DF9OYxTyGkoLecYUb3OMAx/gsFhwDzOAEKw27O8Uq7rL7YoBDrDc0T+VH2KgCPGG8JeAZE/0Ao3hJBE0vQDr/4PGWQoom/4Awmd8zopYXqX4Hfx+wjX1sJs9YRzFN7UOewiMm8VAyr5imLyD4XGMOaXVb2CsBFDW3SfJ+y2NxsIudliccCsntjQFG0Mtkf13WB8ayORQ2lgVaCKvhxDk30wItFPOa+QmF99wqA5xhCZdYrGjhAgs4x3JdQN2xVOqaZn6l4Y938AUpOUIZuGuIngAAAABJRU5ErkJggg==")
}

.mod-direction_boat {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABn0lEQVRIS9XVO0wVURAG4A8flQHpjJUmFgaIlQVRE6nAhMLYWNBDhNIOoSPx0VlqtLEkoRAaE+2w8FFQER8FGugo1QQbRcjcnE1O1l25cNcYp9udmf8/88/MOV3+snW1ib9TE7dn/p4BCfj/IriKe+hrU74i7ANuYSnPq5JoEyf2CV6ER+7JPxEcwY8U0G5/CryiT0fxs/hZBvlnBP24jjFsYwHz+JjJse8KBjLQszU9eZ+RRZPDaiUKuQJ09YANLtLO4R1aFeU9eIULHYIX6a9xsUywhjMNEXwusPIKHmCyIYKHmCpXcA1PGyIIrNZG5xUcwxfELnRisWS92CoTxPcyLneCjpcYqtvkGdxOzhizWXzH/VK1ERL+m+jGXOaPnDt1BOexiLd4jOcpcBg3MJiA3uARXiT/FUwkf+i/UkdQVqcHh1JvqpQLrX/hW52sVTfmcZzCSLrfD6f34Rk+Ib5PYxTT6W66m6rZwNecLCeI7kdyExYXYmsaqwhiVOMkMQ1P0vsQ+sZ0xcnD1pM/+hRA47iUKg/ZKgmaOPlvGLtgB1EZKKAZjgAAAABJRU5ErkJggg==")
}

.mod-direction_metro,.mod-direction_underground {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABbElEQVRIS+3WO0hdQRDG8Z9RAoKgpWCTIqls1MpCrURCKomxEiGViKJdmvRpbARfSRmSKmKihZ2QtDaaSi1EtLH2UQghD2XhXFkX9e4VL1hkq8PON/PfmZ0dTo0qr5oqx3cToA6vMIwONCcH+Y1t7GALG1jDn/TA1wF6sYBnFWa3i/ECdOmaAobwmRszK8c8x2t8KgljwBPs4VG5KGXs//AU+0EXA2YwkTh/xzx+4CixNaAbI+hPbHOlWDFgE+2RcBaTmdm8w9tI+7NojisZHKMxEoXv00xAPc4i7Qma0hKFFquNRCG7X3icAQltHbfoX4S9Kxn8BzzMEmXc76UkvOLSyr7kl1jCIL4mtLD3BQNYRsWAFrRhtZis3xLAi8i2jsNKM3iPsYwahfcSpu9opYCgX8RUMe+fo7MIcoCP6MIHtCYHybqD4BOGXR9C8JXS6yyCvcF0oem5KyCjQtdKsjO4V8Bdg93qV/W/igupq1gZt+LkOgAAAABJRU5ErkJggg==")
}

.mod-direction_direction {
    padding: 0 0 0 40px
}

.mod-direction_message {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEzIDloLTJWN2gybTAgMTBoLTJ2LTZoMm0tMS05QTEwIDEwIDAgMDAyIDEyYTEwIDEwIDAgMDAxMCAxMCAxMCAxMCAwIDAwMTAtMTBBMTAgMTAgMCAwMDEyIDJ6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    padding: 6px 0 6px 40px;
    background-position: 0 50%;
    margin-bottom: 16px
}

.cookiebar {
    background: #000;
    background: rgba(0,0,0,.9);
    bottom: 0;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 100;
    left: 0;
    padding: 20px;
    font-size: 14px
}

@media only screen and (min-width: 1100px) {
    .cookiebar {
        padding:30px
    }
}

.cookiebar .cookiebar-inner {
    max-width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 1100px) {
    .cookiebar .cookiebar-inner {
        width:1024px
    }
}

@media only screen and (min-width: 1280px) {
    .cookiebar .cookiebar-inner {
        width:1140px
    }
}

.cookiebar p {
    padding: 0 0 10px;
    margin: 0
}

.cookiebar .cp-text-small {
    color: hsla(0,0%,100%,.6);
    font-weight: 100
}

.cookiebar .cp-text-medium {
    color: #fff;
    font-weight: 400
}

@media only screen and (min-width: 1100px) {
    .cookiebar .section-content {
        width:74.78992%;
        float: left;
        margin-right: .84034%
    }
}

.cookiebar .section-actions {
    margin: 20px 0
}

@media only screen and (min-width: 1100px) {
    .cookiebar .section-actions {
        width:24.36975%;
        float: right;
        margin-right: 0;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .cookiebar .section-actions button {
        margin: 20px
    }
}

.result-container-left,.result-container-right {
    padding: 0
}

.result-container-left {
    width: 100%;
    padding: 10px;
    display: inline-block
}

.result-container-left img {
    max-width: 100%
}

@media only screen and (min-width: 480px) {
    .result-container-left {
        padding:20px;
        width: 35%
    }
}

.results-item:nth-child(2n) .result-container-left .results-option-list {
    width: 100%
}

@media only screen and (min-width: 480px) {
    .results-item:nth-child(2n) .result-container-left .results-option-list {
        width:auto
    }
}

.results-item:nth-child(2n) .result-container-right {
    float: left
}

.results-item:nth-child(2n) .result-container-right .results-option-list {
    width: 100%
}

@media only screen and (min-width: 480px) {
    .results-item:nth-child(2n) .result-container-right .results-option-list {
        width:auto
    }
}

.results-option-list {
    float: left;
    margin: 0 0 10px
}

.result-container-right {
    width: 100%;
    float: right;
    padding: 10px
}

@media only screen and (min-width: 480px) {
    .result-container-right {
        padding:20px;
        width: 65%
    }
}

@media only screen and (min-width: 768px) {
    .result-container-right .room-details {
        width:69.69697%;
        float: left;
        margin-right: 1.0101%
    }
}

.result-container-right .results-price {
    height: auto;
    background-color: transparent;
    position: relative
}

@media only screen and (min-width: 768px) {
    .result-container-right .results-price {
        width:29.29293%;
        float: right;
        margin-right: 0
    }
}

.result-container-right .results-price .cp-poa {
    display: inline-block
}

.results-thumbnail {
    width: 100%;
    margin: 0;
    height: auto
}

.results-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.results-item header {
    width: 100%
}

.results-item .features {
    clear: both
}

.results-item:after {
    z-index: -1
}

h3.results-heading {
    margin: -5px 0 5px;
    color: #000
}

h3.results-heading.results-heading-popup {
    color: #fff
}

.contentWithNoWidgets .column {
    margin-bottom: 0;
    font-size: 16px
}

.results-price .text-link button {
    border-radius: 6px;
    padding: 6px;
    margin: 0
}

.column-desciption p,.extra-info>p {
    font-size: 14px
}

.intro-description {
    display: none
}

@media only screen and (min-width: 768px) {
    .intro-description {
        display:block
    }
}

footer .info-details {
    text-align: left
}

@media only screen and (min-width: 768px) {
    footer .info-details {
        text-align:center
    }
}

.main .extra-info,.main .result-info {
    width: 100%;
    float: none
}

.main .results-item {
    border: none
}

.main .results-item header {
    margin: 0
}

.main .results-price {
    padding: 0
}

.main .accordion-rooms .accordion-rooms-toggle,.main .icon-list .icon-list_item {
    font-size: 14px
}

.main .content.content-no-bg {
    background: transparent none repeat scroll 0 0
}

.mod-policies {
    display: block
}

@media only screen and (min-width: 768px) {
    .mod-policies {
        display:flex
    }
}

.mod-policies_heading {
    background-repeat: no-repeat;
    padding: 2px 0 0 40px;
    margin-bottom: 10px;
    width: 180px
}

.mod-policies_checkin,.mod-policies_checkout {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgMTEuNDA4aDEuMjV2Mi4zOWwyLjAzMyAxLjE5Ni0uNjI1IDEuMTAyLTIuNjU4LTEuNTZ2LTMuMTI4em0zLjMzMy00LjI0SDQuMTY3djkuMzI2aDMuODkxYTYuMDMyIDYuMDMyIDAgMDEtLjU1OC0yLjU0M2MwLTEuNTc0LjYxNS0zLjA4MyAxLjcwOS00LjE5NmE1Ljc4MyA1Ljc4MyAwIDAxNC4xMjQtMS43MzhjLjg5MiAwIDEuNzQyLjIwMyAyLjUuNTY4VjcuMTY5ek00LjE2NyAxOC4xOWMtLjkyNSAwLTEuNjY3LS43NjItMS42NjctMS42OTVWNC42MjZjMC0uOTQxLjc0Mi0xLjY5NiAxLjY2Ny0xLjY5Nkg1VjEuMjM1aDEuNjY3VjIuOTNoNi42NjZWMS4yMzVIMTVWMi45M2guODMzYy40NDIgMCAuODY2LjE3OSAxLjE3OS40OTcuMzEyLjMxOC40ODguNzQ5LjQ4OCAxLjE5OXY1LjE3YTUuOTUyIDUuOTUyIDAgMDExLjY2NyA0LjE1NSA1Ljk4NiA1Ljk4NiAwIDAxLTEuNzA5IDQuMTk2IDUuNzgzIDUuNzgzIDAgMDEtNC4xMjUgMS43MzggNS43NDkgNS43NDkgMCAwMS00LjA4My0xLjY5Nkg0LjE2N3ptOS4xNjYtOC4zNWMtMS4wNzIgMC0yLjEuNDM0LTIuODU4IDEuMjA0YTQuMTQ4IDQuMTQ4IDAgMDAtMS4xODMgMi45MDhjMCAyLjI3MiAxLjgwOCA0LjExMSA0LjA0MSA0LjExMS41MzEgMCAxLjA1Ny0uMTA2IDEuNTQ3LS4zMTMuNDktLjIwNi45MzYtLjUxIDEuMzExLS44OS4zNzYtLjM4My42NzMtLjgzNi44NzYtMS4zMzVhNC4xNzIgNC4xNzIgMCAwMC4zMDgtMS41NzNjMC0yLjI3Mi0xLjgwOC00LjExMi00LjA0Mi00LjExMnoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=")
}

.mod-policies_child {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDEuNjY3YTIuNSAyLjUgMCAxMTAgNSAyLjUgMi41IDAgMDEwLTV6TTEwIDcuNWMxLjM1OCAwIDIuNi4yOTIgMy43NS44NzUgMS4xMTcuNTkyIDEuNjY3IDEuMyAxLjY2NyAyLjEzM3Y0LjgwOWMwIC45MzMtLjcxNyAxLjcxNi0yLjE3NSAyLjM0MXYtMS44MjVjMC0uNzkxLS43MTctMS4zNS0yLjE1LTEuNjkxLS40NjctLjEwOS0uODM0LS4xNTktMS4wOTItLjE1OS0uNzI1IDAtMS40MTcuMTQyLTIuMDUuNDM0LS42NDIuMjgzLTEuMDI1LjY1LTEuMTUgMS4wOTEgMS4xMTcuNDQyIDIuMTgzLjY2NyAzLjIuNjY3bC44MzMtLjA4M3YyLjE5MWwtLjgzMy4wNWE4LjA2NyA4LjA2NyAwIDAxLTMuMjQyLS42NzVjLTEuNDU4LS42MjUtMi4xNzUtMS40MDgtMi4xNzUtMi4zNDF2LTQuODA5YzAtLjgzMy41NS0xLjU0MSAxLjY2Ny0yLjEzM0M3LjQgNy43OTIgOC42NSA3LjUgMTAgNy41em0wIDEuNjY3YTEuNjY3IDEuNjY3IDAgMTAwIDMuMzMzIDEuNjY3IDEuNjY3IDAgMDAwLTMuMzMzeiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==")
}

.mod-policies_smoking {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNjY3IDEzLjMzM2gxMi41djIuNWgtMTIuNXYtMi41em0xNS40MTYgMGgxLjI1djIuNWgtMS4yNXYtMi41em0tMi4wODMgMGgxLjI1djIuNUgxNXYtMi41em0uNzA4LTYuODkxYTIuNzcgMi43NyAwIDAwLjgzNC0xLjk4NCAyLjc5MiAyLjc5MiAwIDAwLTIuNzkyLTIuNzkxdjEuMjVjLjgzMyAwIDEuNTQyLjY5MSAxLjU0MiAxLjU0MVMxNC41ODMgNiAxMy43NSA2djEuMjVjMS44NjcgMCAzLjMzMyAxLjUyNSAzLjMzMyAzLjM5MlYxMi41aDEuMjV2LTEuODY3YzAtMS44NS0xLjA2Ni0zLjQ1LTIuNjI1LTQuMTkxek0xMy4zNTggOC41aC0xLjI3NWMtLjgzMyAwLTEuNTQxLS44MTctMS41NDEtMS42NjcgMC0uODUuNzA4LTEuNDU4IDEuNTQxLTEuNDU4di0xLjI1YTIuNzkyIDIuNzkyIDAgMDAwIDUuNTgzaDEuMjc1Yy44NzUgMCAxLjY0Mi42MTcgMS42NDIgMS43MDlWMTIuNWgxLjI1di0xLjM2N2MwLTEuNTA4LTEuMzMzLTIuNjMzLTIuODkyLTIuNjMzeiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==")
}

.mod-policies_pets {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuOTU4IDIuNWMuOTg0LS4xNDIgMi4wMjUuOTMzIDIuMzI1IDIuNDE3LjMgMS40NzUtLjI0MSAyLjc5MS0xLjIyNSAyLjk0MS0uOTc1LjE1LTIuMDI1LS45MjUtMi4zMzMtMi40MDgtLjMwOC0xLjQ3NS4yNS0yLjc5MiAxLjIzMy0yLjk1em01Ljk1OSAwYy45OTEuMTU4IDEuNTQxIDEuNDc1IDEuMjUgMi45NS0uMzE3IDEuNDgzLTEuMzU5IDIuNTU4LTIuMzQyIDIuNDA4LS45OTItLjE1LTEuNTMzLTEuNDY2LTEuMjI1LTIuOTQxLjMtMS40ODQgMS4zNDItMi41NTkgMi4zMTctMi40MTd6TTIuNSA2LjMzM2MuOTUtLjQwOCAyLjI0Mi4zMzQgMi45MTcgMS42MjUuNjMzIDEuMzE3LjQxNiAyLjctLjUyNSAzLjEwOS0uOTQyLjQwOC0yLjIyNS0uMzI1LTIuODg0LTEuNjM0LS42NTgtMS4zMDgtLjQyNS0yLjcuNDkyLTMuMXptMTUgMGMuOTE3LjQgMS4xNSAxLjc5Mi40OTIgMy4xLS42NTkgMS4zMDktMS45NDIgMi4wNDItMi44ODQgMS42MzQtLjk0MS0uNDA5LTEuMTU4LTEuNzkyLS41MjUtMy4xMDkuNjc1LTEuMjkxIDEuOTY3LTIuMDMzIDIuOTE3LTEuNjI1em0tMS4zOTIgOC45ODRjLjAzNC43ODMtLjU2NiAxLjY1LTEuMjgzIDEuOTc1LTEuNDkyLjY4My0zLjI1OC0uNzM0LTQuOTE3LS43MzQtMS42NTggMC0zLjQ0MSAxLjQ3NS00LjkwOC43MzQtLjgzMy0uNDA5LTEuNDA4LTEuNDkyLTEuMy0yLjM5Mi4xNS0xLjI0MiAxLjY0Mi0xLjkwOCAyLjUyNS0yLjgxN0M3LjQgMTAuOTA4IDguMjMzIDguNyA5LjkwOCA4LjdjMS42NjcgMCAyLjU1IDIuMTc1IDMuNjc1IDMuMzgzLjkyNSAxLjAxNyAyLjQ2NyAxLjg3NSAyLjUyNSAzLjIzNHoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=")
}

.mod-policies_accomodation-type {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABn0lEQVRIS9XVO0wVURAG4A8flQHpjJUmFgaIlQVRE6nAhMLYWNBDhNIOoSPx0VlqtLEkoRAaE+2w8FFQER8FGugo1QQbRcjcnE1O1l25cNcYp9udmf8/88/MOV3+snW1ib9TE7dn/p4BCfj/IriKe+hrU74i7ANuYSnPq5JoEyf2CV6ER+7JPxEcwY8U0G5/CryiT0fxs/hZBvlnBP24jjFsYwHz+JjJse8KBjLQszU9eZ+RRZPDaiUKuQJ09YANLtLO4R1aFeU9eIULHYIX6a9xsUywhjMNEXwusPIKHmCyIYKHmCpXcA1PGyIIrNZG5xUcwxfELnRisWS92CoTxPcyLneCjpcYqtvkGdxOzhizWXzH/VK1ERL+m+jGXOaPnDt1BOexiLd4jOcpcBg3MJiA3uARXiT/FUwkf+i/UkdQVqcHh1JvqpQLrX/hW52sVTfmcZzCSLrfD6f34Rk+Ib5PYxTT6W66m6rZwNecLCeI7kdyExYXYmsaqwhiVOMkMQ1P0vsQ+sZ0xcnD1pM/+hRA47iUKg/ZKgmaOPlvGLtgB1EZKKAZjgAAAABJRU5ErkJggg==")
}

.mod-policies_content {
    padding: 0 0 0 40px
}

.mod-policies_parties-allowed {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGQ9Ik0xIDVoMTRsLTYgOXY0aDJ2Mkg1di0yaDJ2LTRMMSA1em05LjEgNGwxLjQtMkg0LjQ5bDEuNCAyaDQuMjF6TTE3IDVoNXYzaC0zdjljMCAxLjY2LTEuMzQgMy0zIDNzLTMtMS4zNC0zLTMgMS4zNC0zIDMtM2EzIDMgMCAwMTEgLjE3VjV6Ii8+PC9zdmc+")
}

.mod-policies_quiet-hours {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTQuMzQgMi45M0wyLjkzIDQuMzQgNy4yOSA4LjcgNyA5SDN2Nmg0bDUgNXYtNi41OWw0LjE4IDQuMThjLS42NS40OS0xLjM4Ljg4LTIuMTggMS4xMXYyLjA2YTguOTQgOC45NCAwIDAwMy42MS0xLjc1bDIuMDUgMi4wNSAxLjQxLTEuNDFMNC4zNCAyLjkzek0xMCAxNS4xN0w3LjgzIDEzSDV2LTJoMi44M2wuODgtLjg4TDEwIDExLjQxdjMuNzZ6TTE5IDEyYzAgLjgyLS4xNSAxLjYxLS40MSAyLjM0bDEuNTMgMS41M2MuNTYtMS4xNy44OC0yLjQ4Ljg4LTMuODcgMC00LjI4LTIuOTktNy44Ni03LTguNzd2Mi4wNmMyLjg5Ljg2IDUgMy41NCA1IDYuNzF6bS03LThsLTEuODggMS44OEwxMiA3Ljc2em00LjUgOEE0LjUgNC41IDAgMDAxNCA3Ljk3djEuNzlsMi40OCAyLjQ4Yy4wMS0uMDguMDItLjE2LjAyLS4yNHoiLz48L3N2Zz4=")
}

.checkinout .mod-policies_heading {
    padding-top: 15px;
    background-position: 0 15px
}

@media only screen and (min-width: 768px) {
    .checkinout .mod-policies_heading {
        width:180px
    }
}

.mod-checkin-checkout {
    font-size: 12px;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .mod-checkin-checkout {
        width:400px
    }
}

.data {
    position: relative;
    height: 16px;
    color: #696969
}

@media only screen and (min-width: 768px) {
    .data {
        width:400px
    }
}

.data .from-label {
    display: block;
    position: absolute;
    left: 0;
    transform: translateX(-50%)
}

.data .to-label {
    display: block;
    position: absolute;
    right: 0;
    transform: translateX(50%)
}

.data .single-label {
    width: 100%;
    text-align: center;
    display: block
}

.data .until-label {
    display: block;
    position: absolute;
    right: 0;
    transform: translateX(50%)
}

.rail {
    width: 100%;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5
}

.rail-bar {
    width: 100%;
    height: 100%;
    position: absolute
}

.rail-tooltip {
    font-size: 12px;
    padding: 4px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    display: inline-block;
    margin-top: 5px;
    background-color: #fff;
    position: relative
}

.rail-tooltip:after,.rail-tooltip:before {
    bottom: 100%;
    left: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.rail-tooltip:after {
    border-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
    border-width: 5px;
    margin-left: -5px
}

.rail-tooltip:before {
    border-color: hsla(0,0%,74.1%,0) hsla(0,0%,74.1%,0) #bdbdbd;
    border-width: 6px;
    margin-left: -6px
}

.twentyfourhour .rail-bar {
    left: 30%
}

.range .rail-bar {
    left: 30%;
    width: 200px
}

.range .from-label {
    left: 30%
}

.range .to-label {
    right: 80px
}

.checkout .rail-bar {
    width: 200px
}

.checkout .until-label {
    right: 200px
}

.checkout .rail-tooltip {
    transform: translateX(100%)
}

.checkout .rail-tooltip:after,.checkout .rail-tooltip:before {
    left: 70%
}

.mod-accessibility {
    margin-bottom: 10px;
    display: block
}

.mod-accessibility p {
    padding-left: 40px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyLjg0NCAxOGgyLjA2M3EtLjMyOCAxLjY0MS0xLjc4MSAyLjgxM3QtMy4xNDEgMS4xNzJxLTIuMDYzIDAtMy41MTYtMS40NTN0LTEuNDUzLTMuNTE2cTAtMS42ODggMS4xNzItMy4xNDF0Mi44MTMtMS43ODF2Mi4wNjNxLS44OTEuMzI4LTEuNDUzIDEuMTAydC0uNTYzIDEuNzU4cTAgMS4yMTkuODkxIDIuMTA5dDIuMTA5Ljg5MXEuOTg0IDAgMS43NTgtLjU2M3QxLjEwMi0xLjQ1M3ptLTIuODYtOC45MDZxMC0xLjEyNS45ODQtMS43ODF0Mi4wMTYtLjA0N2guMDQ3di4wNDdxLjMyOC4xNDEuNjA5LjQyMmwxLjMxMyAxLjQ1M3ExLjY4OCAxLjgyOCA0LjAzMSAxLjgyOHYxLjk2OXEtMi42MjUgMC00Ljk2OS0xLjkyMnYzLjQyMmgzcS43OTcgMCAxLjM4My42MDl0LjU4NiAxLjQwNnY1LjQ4NGgtMS45Njl2LTQuOTY5aC01LjAxNnEtLjc5NyAwLTEuNDA2LS42MDlUOS45ODQgMTVWOS4wOTR6bTAtNS4xMXEwLS44NDQuNTg2LTEuNDA2VDEyIDIuMDE1dDEuNDMuNTYzLjU4NiAxLjQwNi0uNTg2IDEuNDNUMTIgNnQtMS40My0uNTg2LS41ODYtMS40M3oiLz48L3N2Zz4=) no-repeat 0 0
}

.mod_announcement-infobox {
    padding: 15px
}

.mod_announcement-infobox .mod_announcement-content p,.mod_announcement-infobox .mod_announcement-content ul {
    padding: 0;
    margin: 0
}

.mod_announcement-infobox .mod_announcement-content a {
    text-decoration: underline
}

.mod_announcement-popup {
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh
}

.mod_announcement-popup .dialogue-inner {
    vertical-align: top;
    display: block;
    margin-top: auto;
    margin-bottom: auto
}

.mod_announcement-popup.dialogue-outer {
    background-color: rgba(0,0,0,.6)
}

.mod_announcement-popup .mod-dialogueBox {
    max-width: 640px
}

.mod_announcement-popup .dialogue-content {
    padding-bottom: 40px;
    min-width: 280px;
    border: none;
    background: transparent;
    box-shadow: none
}

.mod_announcement-popup .dialogue-header {
    background: transparent;
    border: none;
    z-index: 2;
    overflow: initial
}

.mod_announcement-popup .dialogue-header .cp-link {
    border-radius: 10em;
    right: -20px;
    top: 20px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    outline: none;
    background: #fff
}

.mod_announcement-popup .dialogue-header .cp-link:before {
    font-size: 18px;
    left: 14px;
    top: 12px;
    color: #111
}

.mod_announcement-popup .mod_announcement-image img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

.mod_announcement-popup .mod-dialogueBox {
    height: auto;
    max-height: none;
    padding: 0;
    margin: 0
}

.mod_announcement-popup .mod_announcement-content {
    padding: 15px
}

.mod_announcement-popup .mod_announcement-content p,.mod_announcement-popup .mod_announcement-content ul {
    padding: 0;
    margin: 0
}

.mod_announcement-popup .mod_announcement-content a {
    text-decoration: underline
}

.mod_announcement-popup.PST .mod_announcement-content {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .mod_announcement-popup.PST .mod_announcement-content {
        padding:40px
    }
}

.mod_announcement-popup.PSI .mod_announcement-content {
    padding: 0
}

.template-13 .mod_announcement-infobox .mod-user-header_center-inner,.template-14 .mod_announcement-infobox .mod-user-header_center-inner {
    max-width: 1024px
}

.virtual-tour-enabled {
    overflow: hidden
}

.main .lightbox-toolbar {
    display: none;
    background: #222;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    position: fixed;
    color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    text-align: center;
    cursor: default;
    padding: 15px
}

.virtual-tour-enabled .main .lightbox-toolbar {
    display: block
}

.main .lightbox-toolbar .cp-button {
    background: none;
    border: 1px solid #fff;
    display: inline-flex;
    color: #fff
}

.main .lightbox-toolbar .cp-button:before {
    font-family: Booking-glyphs;
    font-size: 16px;
    content: "\E91F";
    margin-right: 5px
}

.main .lightbox-toolbar .cp-button.image-gallery:before {
    content: "\E920"
}

.main .lightbox-toolbar .cp-button.active {
    background: #fff;
    color: #000
}

.main .lightbox-toolbar .cp-button.active:before {
    color: #000
}

.main .gallery-details {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.main .gallery-details .virtual-tour-icon {
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    background: rgba(0,0,0,.4);
    padding: 5px;
    margin-left: 5px;
    border-radius: 6px
}

.main .gallery-details .virtual-tour-icon:before {
    font-family: Booking-glyphs;
    font-size: 16px;
    color: #fff;
    content: "\E91F";
    padding: 0 5px
}

.main .gallery-details .image-gallery-icon {
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    background: rgba(0,0,0,.4);
    padding: 5px;
    margin-left: 5px;
    border-radius: 6px
}

.main .gallery-details .image-gallery-icon:before {
    font-family: Booking-glyphs;
    font-size: 16px;
    color: #fff;
    content: "\E920";
    padding: 0 5px
}

.main .virtual-tour-container {
    width: 85vw;
    height: 50vh;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none
}

@media only screen and (min-width: 768px) {
    .main .virtual-tour-container {
        width:85vw;
        height: 85vh
    }
}

.main .virtual-tour-container iframe {
    width: 100%;
    height: 100%
}

.main .virtual-tour-container .virtual-tour-close {
    background: none;
    border: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: -10px;
    top: -40px;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 48px;
    font-family: Arial,Baskerville,monospace
}

.virtual-tour-enabled .main .virtual-tour-container {
    display: block
}

.mfp-hidden .mfp-arrow,.mfp-hidden .mfp-content {
    display: none
}

.jcarousel-thumb li:first-child .gallery-details {
    display: block
}

.jcarousel-thumb li .gallery-details,.template-13.page-type-1.virtual-tour-enabled .lightbox-toolbar,.template-14.page-type-1.virtual-tour-enabled .lightbox-toolbar {
    display: none
}

.template-13.page-type-1.virtual-tour-enabled .virtual-tour-container,.template-14.page-type-1.virtual-tour-enabled .virtual-tour-container {
    z-index: 100
}

.template-13.page-type-1.virtual-tour-enabled .virtual-tour-container:after,.template-14.page-type-1.virtual-tour-enabled .virtual-tour-container:after {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.25);
    content: ""
}

.template-13.page-type-1.virtual-tour-enabled .virtual-tour-container iframe,.template-14.page-type-1.virtual-tour-enabled .virtual-tour-container iframe {
    position: relative;
    z-index: 1
}

.template-13.page-type-1.virtual-tour-enabled .virtual-tour-container .virtual-tour-close,.template-14.page-type-1.virtual-tour-enabled .virtual-tour-container .virtual-tour-close {
    z-index: 1;
    opacity: 1
}

.template-13.page-type-1 .gallery-details,.template-14.page-type-1 .gallery-details {
    top: -40px;
    bottom: auto;
    right: 0
}

.virtual-tour-enabled .mfp-wrap {
    top: 64px
}

.cp-button {
    border-radius: 6px;
    transition: all .2s ease-in;
    font-size: .875em;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.8);
    border: none;
    background: #db0148;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding: 0 20px
}

@media only screen and (min-width: 1333px) {
    .cp-button {
        font-size:1em
    }
}

.cp-button[disabled] {
    box-shadow: none
}

.cp-button_full-round {
    border-radius: 60px;
    line-height: 1
}

.cp-button-secondary,.cp-button_full-round {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);
    display: flex;
    align-items: center;
    font-size: 1em
}

.cp-button-secondary {
    border-radius: 60px;
    background-color: transparent;
    border: 2px solid #db0148;
    color: #db0148
}

.cp-button-text {
    background: none;
    font-weight: 400
}

.cp-button.cp-button-text:focus,.cp-button.cp-button-text:hover {
    box-shadow: none
}

@media only screen and (min-width: 1920px) {
    .mod-results-actions .cp-button {
        -webkit-border-radius:0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        background-clip: padding-box
    }
}

.cp-button:focus,.cp-button:hover {
    box-shadow: inset 0 0 10px rgba(0,0,0,.4);
    transition: all .2s ease-in
}

.cp-button[disabled]:focus,.cp-button[disabled]:hover {
    box-shadow: none
}

.cp-button-special:focus,.cp-button-special:hover {
    background: #db0148;
    color: #fff;
    transition: all .2s ease-in
}

.main .cp-button[disabled],.main.search .cp-button[disabled] {
    background: #cacaca;
    color: #eee
}

.main .cp-button-text:disabled,.main .cp-button-text[disabled] {
    background: none;
    color: #cacaca
}

.cp-button-small {
    height: 22px;
    line-height: 22px;
    outline: none;
    padding: 10px;
    font-size: .875em;
    height: auto;
    line-height: 1
}

.cp-button-negative {
    background: #cacaca;
    color: #000
}

.cp-button-medium {
    padding: 0 10px
}

.cp-button-medium,.cp-button-rates {
    height: 29.33333px;
    line-height: 29.33333px;
    font-size: .875em
}

.cp-button-rates {
    padding: 0 15px
}

.cp-button-outline {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.cp-button-text {
    color: #db0148;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none
}

.cp-button-text:hover {
    box-shadow: none;
    border: 0
}

.cp-button-icon:before {
    font-family: eviivo-facilities-icon;
    line-height: 1;
    position: relative;
    top: 4px
}

.cp-button-icon.icon-search:before {
    content: "\E979"
}

.btn.icon {
    padding-left: 25px;
    background-repeat: no-repeat;
    position: relative
}

.icon:before {
    content: " ";
    height: 13px;
    left: 10px;
    position: absolute;
    top: 8px;
    width: 10px
}

.cp-button-fw {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#submitPayment {
    height: auto;
    min-height: 44px;
    line-height: 1
}

#eviivo-search-nights .cp-close {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iIzM4M0EzRCIgZD0iTTExLjcgMTAuMkw3LjQgNmw0LjMtNC4yTDEwLjIuMyA2IDQuNiAxLjguMy4zIDEuOCA0LjYgNiAuMyAxMC4ybDEuNSAxLjVMNiA3LjRsNC4yIDQuM3oiLz48L3N2Zz4=") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 12px;
    overflow: hidden;
    text-indent: -9999em;
    width: 12px;
    float: right;
    position: relative;
    top: 13px
}

.cp-poa {
    border-radius: 3px;
    color: #fff;
    background: #619246;
    display: inline-block;
    font-size: 12px;
    line-height: .875em;
    padding: 5px;
    vertical-align: middle;
    margin: 2px
}

@media only screen and (min-width: 480px) {
    .cp-poa {
        margin:0 0 5px
    }
}

.cp-button-invert {
    border: 1px solid;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 16px;
    display: inline-flex
}

.cp-button-invert .icon-bg-link {
    width: 14px;
    height: 16px;
    margin-right: 4px
}

.cp-input,input,select,textarea {
    font-family: Source Sans Pro,arial,sans-serif;
    font-size: 14px;
    border: 1px solid #d7d8d8;
    color: #635f5b;
    padding: 0 10px;
    height: 44px;
    line-height: 1;
    vertical-align: middle;
    border-radius: 0
}

.payment .extras-content input[type=checkbox] {
    -webkit-appearance: checkbox
}

.cp-inline-checkbox input {
    display: inline-block;
    float: left;
    height: auto;
    line-height: 1;
    width: auto
}

.cp-inline-checkbox label {
    display: inline-block;
    float: left;
    margin-left: 5px;
    width: 90%;
    font-size: 13px
}

textarea {
    min-height: 80px;
    overflow: auto;
    padding: 14px 10px;
    width: 90%;
    resize: none;
    resize: vertical
}

.checkbox-buttons .ui-state-focus,.mod-search .active input,input:focus,select:focus,span.ui-state-focus,textarea:focus {
    box-shadow: inset 0 0 4px rgba(0,0,0,.2);
    transition: all .2s ease-in;
    font-size: 14px;
    border: 1px solid #505050
}

input[disabled=disabled],input[disabled=disabled]:focus,input[disabled],input[disabled]:focus,input[readonly=readonly],input[readonly=readonly]:focus,input[readonly],input[readonly]:focus,textarea[disabled=disabled],textarea[disabled=disabled]:focus,textarea[disabled],textarea[disabled]:focus,textarea[readonly=readonly],textarea[readonly=readonly]:focus,textarea[readonly],textarea[readonly]:focus {
    box-shadow: none;
    color: #999;
    background: #f0f0f0;
	display:none;
}

.icon-input {
    background-repeat: no-repeat;
    padding-left: 37px;
    background-color: #fff
}

.column-row {
    clear: both;
    overflow: hidden;
    padding-bottom: 15px
}

:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder {
    color: rgba(0,0,0,.2)
}

.form-item-checkbox [type=checkbox]:checked,.form-item-checkbox [type=checkbox]:not(:checked) {
    position: absolute;
    visibility: hidden;
    width: auto
}

.form-item-checkbox [type=checkbox]:checked+label,.form-item-checkbox [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    text-transform: none
}

.form-item-checkbox [type=checkbox]:checked+label:before,.form-item-checkbox [type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 18px;
    height: 18px;
    border: 1px solid #d7d8d8;
    background: #fff;
    border-radius: 3px
}

.form-item-checkbox [type=checkbox]:checked+label:after,.form-item-checkbox [type=checkbox]:not(:checked)+label:after {
    content: "\E901";
    font-family: Booking-glyphs;
    position: absolute;
    left: 1px;
    font-size: 16px;
    color: #000;
    transition: all .2s
}

.form-item-checkbox [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.form-item-checkbox [type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.form-item-checkbox [type=checkbox]:disabled:checked+label:before,.form-item-checkbox [type=checkbox]:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.form-item-checkbox [type=checkbox]:disabled:checked+label:after {
    color: #999
}

.form-item-checkbox [type=checkbox]:disabled+label {
    color: #aaa
}

.form-item-checkbox [type=checkbox]:checked:focus+label:before,.form-item-checkbox [type=checkbox]:not(:checked):focus+label:before {
    border: 1px dotted #00f
}

.form-item-checkbox label:hover:before {
    border: 1px solid #111!important
}

.form-item-radio [type=radio]:checked,.form-item-radio [type=radio]:not(:checked) {
    position: absolute;
    visibility: hidden;
    width: auto
}

.form-item-radio [type=radio]:checked+label,.form-item-radio [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    text-transform: none
}

.form-item-radio [type=radio]:checked+label:before,.form-item-radio [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 3px;
    top: -1px;
    width: 18px;
    height: 18px;
    border: 1px solid #d7d8d8;
    background: #fff;
    border-radius: 10em
}

.form-item-radio [type=radio]:checked+label:after,.form-item-radio [type=radio]:not(:checked)+label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 8px;
    background-color: #000;
    transition: all .2s;
    width: 8px;
    height: 8px;
    border-radius: 20em
}

.form-item-radio [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.form-item-radio [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.form-item-radio [type=radio]:disabled:checked+label:before,.form-item-radio [type=radio]:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.form-item-radio [type=radio]:disabled:checked+label:after {
    color: #999
}

.form-item-radio [type=radio]:disabled+label {
    color: #aaa
}

.form-item-radio [type=radio]:checked:focus+label:before,.form-item-radio [type=radio]:not(:checked):focus+label:before {
    border: 1px dotted #00f
}

.form-item-radio label:hover:before {
    border: 1px solid #111!important
}

.form-item-checkbox,.form-item-radio {
    display: inline-block;
    float: none;
    padding-right: 5px;
    width: auto
}

.form-item-checkbox input,.form-item-checkbox label,.form-item-radio input,.form-item-radio label {
    float: left;
    height: 14px;
    line-height: 14px
}

.form-item-checkbox input,.form-item-radio input {
    margin-right: 5px
}

.form-item-checkbox label,.form-item-radio label {
    vertical-align: top;
    text-transform: capitalize;
    font-size: .875em;
    color: rgba(0,0,0,.8)
}

.form-item-checkbox .label-value-count,.form-item-radio .label-value-count {
    font-size: .875em;
    padding-left: 3px;
    color: hsla(0,0%,39.2%,.6)
}

.invalid {
    border: 1px solid #ff0101
}

.error cp-input,.mod-search-filters .invalid input.cp-input {
    color: #ff0101
}

.invalid::-webkit-input-placeholder {
    color: #ff0101!important
}

.invalid::-moz-placeholder {
    color: #ff0101!important
}

.invalid:-ms-input-placeholder {
    color: #ff0101!important
}

.invalid:-moz-placeholder {
    color: #ff0101!important
}

.invalid input::-webkit-input-placeholder {
    color: #ff0101!important
}

.invalid input::-moz-placeholder {
    color: #ff0101!important
}

.invalid input:-ms-input-placeholder {
    color: #ff0101!important
}

.invalid input:-moz-placeholder {
    color: #ff0101!important
}

input[type=text]::-ms-clear,input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none
}

label {
    display: block;
    font-weight: 400;
    line-height: 100%;
    vertical-align: top;
    padding-bottom: 3px;
    font-size: 14px;
    color: rgba(0,0,0,.8)
}

.custom-checkbox [type=checkbox] {
    display: none
}

.custom-checkbox [type=checkbox]+span {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px
}

.custom-checkbox [type=checkbox]+span:before {
    display: inline-block;
    content: "+ ";
    height: 20px;
    padding: 2px 0 0 4px;
    width: 20px;
    color: transparent;
    border-radius: 2px;
    position: absolute;
    left: 0;
    font-size: 14px;
    border: 1px solid #000
}

.custom-checkbox :checked+span:before {
    color: #646464;
    box-shadow: inset 0 0 3px rgba(0,0,0,.4);
    content: "\E901";
    font-family: Booking-glyphs
}

.custom-checkbox [type=checkbox][disabled]+span:before {
    cursor: default;
    border-color: rgba(0,0,0,.2);
    color: transparent
}

.custom-checkbox [type=checkbox][disabled]+span {
    color: rgba(0,0,0,.4);
    cursor: default
}

.custom-checkbox [disabled]:checked+span:before {
    color: #cacaca
}

a {
    color: #db0148;
    text-decoration: none
}

.scroll-top {
    background: rgba(0,0,0,.4);
    border-radius: 5px 0 0 5px;
    bottom: 20px;
    display: block;
    position: fixed;
    right: 0;
    font-size: 0;
    opacity: 1;
    height: 44px;
    width: 44px;
    text-indent: -999em;
    transition: opacity .2s ease-in;
    line-height: 21px
}

.scroll-top:before {
    color: #fff;
    content: "\E60C";
    display: block;
    font-family: Booking-glyphs;
    font-size: 68px;
    left: -9px;
    position: absolute;
    text-indent: 0;
    top: 8px
}

.not-scrolled .scroll-top {
    opacity: 0;
    transition: opacity .2s ease-in
}

.cp-link-qw,.cp-linkCustom {
    color: #fff
}

.cp-link {
    color: #db0148;
    cursor: pointer
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after,.hr {
    clear: both
}

.hr {
    border: 0;
    background: #d7d8d8;
    height: 1px;
    margin: 10px 0;
    width: 100%
}

.pre-line {
    white-space: pre-line
}

.pre-line br {
    display: block
}

[class*=" gicon-"],[class^=gicon-] {
    font-family: Booking-glyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gicon-cross {
    display: none
}

.gicon-collapse:before {
    content: "\E600"
}

.gicon-cross:before {
    content: "\E601"
}

.gicon-expand:before {
    content: "\E602"
}

.gicon-external-link:before {
    content: "\E603"
}

.gicon-heart-solid:before {
    content: "\E604"
}

.gicon-heart-border:before {
    content: "\E605"
}

.gicon-marker-border:before {
    content: "\E606"
}

.gicon-marker-solid:before {
    content: "\E607"
}

.gicon-quick-look:before {
    content: "\E608"
}

.gicon-star-border:before {
    content: "\E609"
}

.gicon-star-solid:before {
    content: "\E610"
}

.gicon-house:before {
    content: "\E611"
}

.gicon-grid:before {
    content: "\E612"
}

.gicon-list:before {
    content: "\E613"
}

.gicon-thumb:before {
    content: "\E614"
}

.gicon-calendar:before {
    content: "\E60A"
}

.gicon-avatar:before {
    content: "\E60B"
}

.gicon-expaded:before {
    content: "\E60C"
}

.gicon-expad:before {
    content: "\E60D"
}

.gicon-arrow-left:before {
    content: "\E60E"
}

.gicon-arrow-right:before {
    content: "\E60F"
}

.cp-input-icon {
    padding: 11px 0 0 35px
}

.cp-input-icon.icon-guest {
    padding-left: 39px
}

.icon-filter {
    background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzM4M0EzRCIgZD0iTTAgMGgxNHYxLjVoLS4xTDguNiA2LjhWMTZsLTMuMS0zLjFWNi44TC4xIDEuNUgwVjB6Ii8+PC9zdmc+") no-repeat scroll 10px
}

.cp-input-text {
    padding: 11px 0 0 10px
}

.field-validation-error {
    color: red;
    font-size: 14px;
    display: inline-block;
    line-height: 18px;
    vertical-align: top
}

.input-validation-error,.input-validation-error[placeholder] {
    border: 1px solid red;
    color: red
}

.mod-warning {
    color: #696969;
    clear: both;
    background: #fcfcfc;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    font-size: 14px;
    margin: 0;
    padding: 5px 15px;
    border-bottom: 1px solid #d7d8d8
}

.payment .field-validation-error {
    display: block
}

.cp--loading {
    background: hsla(0,0%,100%,.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    text-align: center
}

.cp--loading .circle {
    width: 29px;
    height: 29px;
    border: 2px solid #aaa;
    border-radius: 10em;
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto auto
}

.cp--loading .circle:before {
    animation: spin1 .6s linear infinite
}

.cp--loading .circle:after,.cp--loading .circle:before {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMzguMiAyOC43bC05LjkgOS45TDYuMSAxNi4yIDE2IDYuM2wxMCAxMC4yeiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYikiPjxwYXRoIGQ9Ik0xMyAyYzYuMSAwIDExIDQuOSAxMSAxMXMtNC45IDExLTExIDExUzIgMTkuMSAyIDEzIDYuOSAyIDEzIDJtMC0yQzUuOCAwIDAgNS44IDAgMTNzNS44IDEzIDEzIDEzIDEzLTUuOCAxMy0xM1MyMC4yIDAgMTMgMHoiIGZpbGw9IiM2NjYiLz48L2c+PC9zdmc+) no-repeat 0 0;
    content: ""
}

.cp--loading .circle:after {
    animation: spin2 1s linear infinite
}

.cp--loading .cp--loading-text {
    display: inline-block;
    margin-top: 36px;
    max-width: 300px;
    padding: 0 10px;
    font-size: 14px
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spin1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes spin2 {
    0% {
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.mod-propertybrand {
    display: block
}

@media only screen and (min-width: 768px) {
    .mod-propertybrand {
        display:flex
    }
}

.mod-propertybrand_image {
    max-width: 480px;
    padding-right: 0;
    margin-bottom: 20px
}

@media only screen and (min-width: 480px) {
    .mod-propertybrand_image {
        padding-right:20px;
        min-width: 320px
    }
}

@media only screen and (min-width: 768px) {
    .mod-propertybrand_image {
        padding-right:40px
    }
}

.mod-propertybrand_image img {
    width: 100%;
    height: auto
}

.mod-propertybrand_details {
    font-size: .875em
}