body {background-color:#fff} #main {margin-top:120px;} .header-container {position:fixed;top:0;right:0;width:100%;z-index:10;background:#0B1C29;color:#fff;font-family:var(--font-additional-family)} footer {text-align:center;background:#0B1C29;color:#fff;padding:10px} .topheader {background:#54595F;color:#fff;font-size:16px;height:24px;text-align:center;padding:2px} .topheader a {color:#fff;font-weight:400} .topheader .fa {font-size:.8em} @media (max-width:1016px) { .topheader {height:24px;} .topheader a{font-weight:200;font-size:1.2em} } .header-container header {max-width:1190px;margin:1px auto;padding-left:10px;padding-right:10px} .header-container_logo {display:inline-block;margin:10px 0;max-width:80%;width:224px} .header-container_logo a {display:flex;} .header-container_logo img {max-width:240px;margin:auto;width:100%} #dynamicHeader.short .stay-summary-room_subtl, #dynamicHeader.short .stay-summary-room_tl {display:none} #dynamicHeader {visibility:hidden;} #dynamicHeader.short {padding:0;} #dynamicHeader.stay-summary-room h1 {margin:0} #stay-room-filter .select-filter_input, #dynamicHeader.stay-summary-room, #addOnItems select {border-color:#000;border:1px solid #000!important;border-radius:0px} @media (max-width:666px) {#dynamicHeader.stay-summary-room {min-width:355px;display:inline-block;padding:0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);background-repeat: no-repeat;background-position: right 12px center;margin:0 auto 1em auto;background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible' preserveAspectRatio='none' viewBox='0 0 9 5' width='9' height='5'%3E%3Cg transform='translate(0 0)'%3E%3Cdefs%3E%3Cpath id='path-164935010302256287' d='M6.300000000000001 10 C6.300000000000001 10 10.8 15 10.8 15 C10.8 15 15.300000000000004 10 15.300000000000004 10 C15.300000000000004 10 6.300000000000001 10 6.300000000000001 10 Z' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Cg transform='translate(-6.300000000000001 -10)'%3E%3Cpath style='stroke-width: 0%3B stroke-linecap: butt%3B stroke-linejoin: miter%3B fill: rgb(0 0 0)%3B' d='M6.300000000000001 10 C6.300000000000001 10 10.8 15 10.8 15 C10.8 15 15.300000000000004 10 15.300000000000004 10 C15.300000000000004 10 6.300000000000001 10 6.300000000000001 10 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")} .select-filter_input {padding-top:4px;padding-bottom:4px;line-height:24px} #roomNumFilter {height:34px!important} } @media (min-width:666.01px) {#dynamicHeader.stay-summary-room {right:10px;border-radius:2px;color:#fff!important;position:fixed;top:75px;padding:0;margin:0;border-color:#ddd!important;z-index:20;background-repeat: no-repeat;background-position: right 12px center;margin:0 auto;background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible' preserveAspectRatio='none' viewBox='0 0 9 5' width='9' height='5'%3E%3Cg transform='translate(0 0)'%3E%3Cdefs%3E%3Cpath id='path-164935010302256287' d='M6.300000000000001 10 C6.300000000000001 10 10.8 15 10.8 15 C10.8 15 15.300000000000004 10 15.300000000000004 10 C15.300000000000004 10 6.300000000000001 10 6.300000000000001 10 Z' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Cg transform='translate(-6.300000000000001 -10)'%3E%3Cpath style='stroke-width: 0%3B stroke-linecap: butt%3B stroke-linejoin: miter%3B fill: rgb(255 255 255)%3B' d='M6.300000000000001 10 C6.300000000000001 10 10.8 15 10.8 15 C10.8 15 15.300000000000004 10 15.300000000000004 10 C15.300000000000004 10 6.300000000000001 10 6.300000000000001 10 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")} #dynamicHeader .stay-summary-room_tl h1 {line-height:30px}} @media (min-width:1230px) {#dynamicHeader.stay-summary-room {right:calc(50% - 590px)}} @media (min-width:66.1.01px) and (max-width:1170px) {#dynamicHeader.stay-summary-room {right:10px}} @media (max-width:366px) {#dynamicHeader.stay-summary-room {letter-spacing:-.5px;min-width:100%;}} .navTDtable1,.navTDtable2,.navTDtable1 tbody,.navTDtable2 tbody,.navTDtable1 tr,.navTDtable2 tr,.navTDtable1 td,.navTDtable1 a ,.navTDtable2 a { display:inline;line-height:1em;text-align:left} #nav {float:right;line-height:1em;display:flex;align-items:center;height:40px} #nav a {color:#fff;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} .navTDtable1 a:hover {color:#54595F} .navTDtable1 a {text-transform:uppercase;display:inline-block;text-align:middle} .buttonmenuLogonLink {} .navTDtable1 a:before {color:#fafafa;font-size:1.2em;font-family:icons!important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;text-align:middle;vertical-align:bottom} .loggedIn .buttonmenuLogonLink {display:none} .loggedOut .buttonmenuLogonLink:before {content: "\eea6"} .buttonmenu.retRes:before {content: "\ec1e"} #myprofile:before {content: "\eea6"} .reservationsbuttonmenu:before {content: "\e9b8"} @media (min-width:666.01px) { #myprofile {padding-left:15px;max-width:200px;min-width:100px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} .retRes {padding-left:15px} .navTDtable1 a {text-transform:uppercase;cursor: pointer;} #nav>a {display:none} .navTDtable2 td {display:flex;align-items:center} } @media (max-width:666px) { .navTDtable1 {display:none} .mobileMenu .navTDtable1 {display:block;position:fixed;top:110px;left:0;right:0;bottom:0;background:#001001;z-index:5;padding-top:50px} #nav>a {display:block;color:#fff;font-size:40px;margin-top:50px;cursor:pointer;margin-right:5px } .navTDtable1 a {display:block;font-size:25px;padding:20px;font-family:var(--font-additional-family);border-top:1px solid #555; width: 85%; margin: 0 auto;} .navTDtable1 a:before {padding-right:10px;vertical-align:top} } #pagename.showAvForm .availabityResult {display:none} .room-card_description-tl h2 {font-family: var(--font-additional-family),sans-serif} #tbtAv, .btn{background-color:#000;border-color:transparent;color:#fff} #tbtAv:hover, .btn:hover {background:#54595F} #logonPage {padding:0 10px} .buttonmenuRegisterLink,.buttonmenuReserveLink {display:none!important} h1.dynamicDateString {padding-right:30px;padding-left:10px} .closeX:not(.booking-calendar-widget__close):hover {transform:none!important} #dynamicHeader.stay-summary-room > div {margin:0!important} #dynamicHeader .stay-summary-room_tl h1 {font-size:1.125rem} #dynamicHeader .stay-summary-room_control, #dynamicHeader .stay-summary-room_subtl {display:none!important} x#avFormHead, #clearDatesBtn {display:none!important} .room-card_description-tl {position:relative} .room-card_description-tl .rsize {position:absolute;top:0;right:0;font-family: var(--font-family);font-size: .75em;line-height:1.33em;color: #fafafa;} .room-card_description-tl .rsize em {color:#000;font-style:normal;font-size: .75em;line-height:1.33em;} #roomNumDiv {position:fixed;top:110px;left:0;right:0;bottom:0;background:#fff;z-index:4;overflow:auto} #roomNumDiv .rnHead {padding:10px 15px 10px 15px;position:sticky;top:0;margin:0 auto;height:110px;border-bottom:1px solid #eee;z-index:2000;background-color:#fff;text-align:center;font-size:24px;line-height: 60px;} @media (max-width:500px) {#roomNumDiv .rnHead {padding:10px 45px 10px 15px;}} #roomNumDiv .rnHead >div {max-width:1170px;margin:0 auto} #roomNumDiv .rnHead .room-card_description-tl {height: 60px; align-items: center;} #roomNumDiv .rnHead .room-card_description-tl h2 {line-height:1.1em;xcolor:#fff;text-align:center;} @media (max-width:500px) {#roomNumDiv .rnHead .room-card_description-tl h2 {font-size:1.125rem}} .room-card_images-control {top: initial;bottom:-5px;left: 0px;width: auto;z-index: 2;background-color: #fff;border-radius:0 18px 0 0} @media (max-width: 991.98px) {.room-card_images-control{background-color:var(--color-bg-block)}} .rtrooms .room-card_images-control{background-color:#fff}} #roomNumDiv #rnInside {max-width:1170px;margin:0px auto 0 auto;bottom:0;background:#fff;padding:25px;overflow-y:auto;} @media (max-width: 767.98px) { #roomNumDiv .room-card { margin: 0 0 }#roomNumDiv #rnInside {padding:0 0 25px 0;}} #roomNumDiv .close {position:absolute;top:25px;right:15px;width: 30px; height: 30px; background-repeat: no-repeat;background-position: center; xborder: 1px solid #fff; border-radius: 50%;background-color:#000;background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible' preserveAspectRatio='none' viewBox='0 0 24 24' width='16' height='15.999999999999968'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' style='fill: rgb(255 255 255)%3B' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E");z-index:2} #roomNumDiv .close:hover {background-color: #54595F!important;} #roomNumDiv .rtrooms .room-card_description,#roomNumDiv .room-card_offer {background:transparent} #roomNumDiv .roomtype {margin-bottom:25px} .propAmenities i {fill: #fafafa;color: #fafafa;font-size: 1.25rem; padding-right: 5px; vertical-align: middle;} .propAmenities {display:block;margin:10px 0 20px 0} .propAmenities span {display:inline-block;width:32%;min-width:150px} @media (max-width: 991.98px) {.propAmenities span {display:inline-block;width:49%;min-width:150px}} .propRules {display:block;margin:10px 0} .propRules span {display:inline-block;width:49%;min-width:250px;overflow-x:visible} .propRules span:before {content:'✓';color: #fafafa;font-size: 1.25rem; padding-right: 5px; vertical-align: middle;} #rnInside .roomName,.propAmenitiesHead,.propRulesHead {font-family: var(--font-additional-family),sans-serif;font-size:1.5em;margin-bottom:10px} .propAmenitiesHead {margin-top:1em} @media (min-width:766px) and (max-width:1200px) {.propRules span {font-size:.9em;min-width:49%}} #roomNumDiv .roomtype .room-card_description-info {background-color:#f0e6e4} @media (min-width: 992px) { #roomNumDiv .roomtype .room-card_description-info { padding: 30px 45px 30px 200px; }} @media (min-width:450px) { #roomNumDiv #rnInside {padding:25px 0} #roomNumDiv #rnInside .room-card {margin: 0 0px} } body.noscroll {overflow-y:hidden} #roomNumDiv ul {display:block;padding:20px 0 0 0;margin:0 0 20px 0;border-top: 1px solid rgba(102, 102, 102, 0.4)} #roomNumDiv li {display:inline-block;min-width:49%;white-space:nowrap;padding-right:10px;color:#000} #roomNumDiv li:before {content:"✦ ";font-size:1.25rem;line-height:1em;color:#fafafa;padding-right:3px} .roomnum img {width:40%} #clearDatesBtn2 {display:none} body.loggedOut #pagename.defaultPage #closeAvCal {display:none} .wrapper-fluid {margin-top:20px;text-align:center} .showAvForm .wrapper-fluid {display:none} @media (min-width:1001px) { #avFormCont {position:relative;margin-top:30px;padding-top:20px} #avFormCont, #avCalLegend, #calMsg,.calContainer {background:transparent!important} .cal {background:#fff} } .checkout-step-header {display:none} #afselect .select-filter_proper {min-width:410px!important;} #afselect label {display:inline-block;width:1110px!important;} @media (min-width:1072px) { #afselect .select-filter_proper {min-width:600px!important;max-width:100%} } @media (max-width:850px) { #afselect .select-filter_proper {width:100%;} #afselect label {display:inline-block;width:49%!important;} } @media (max-width:400px) { #afselect .select-filter_proper {min-width:0!important;} #afselect label {display:block;width:100%!important;} } #childrenTD ul.sbOptions {width:220px;border:1px solid #fff;box-shadow: 1px 1px 3px #555;max-height:290px!important;padding:3px;background-color: #fff!important;} #childrenTD ul.sbOptions a {min-height:60px;line-height:48px;background:#f1f1f1;} #childrenTD ul.sbOptions a:hover {background:#948c89;} #childrenTD ul.sbOptions li {display:inline-block;width:25%;text-align:center;} #childrenTD ul.sbOptions li {border-style:solid;border-color:rgba(255,255,255,.5);border-width:0 1px 1px 0 ;} #childrenTD ul.sbOptions li:nth-child(4), #childrenTD ul.sbOptions li:nth-child(8), #childrenTD ul.sbOptions li:nth-child(12), #childrenTD ul.sbOptions li:nth-child(16) {border-right-width:0px} #adultsTD ul.sbOptions {width:220px;border:1px solid #fff;box-shadow: 1px 1px 3px #555;max-height:290px!important;padding:3px;background-color: #fff!important;} #adultsTD ul.sbOptions a {min-height:60px;line-height:48px;background:#f1f1f1;} #adultsTD ul.sbOptions a:hover {background:#948c89;} #adultsTD ul.sbOptions li {display:inline-block;width:25%;text-align:center;} #adultsTD ul.sbOptions li {border-style:solid;border-color:rgba(255,255,255,.5);border-width:0 1px 1px 0 ;} #adultsTD ul.sbOptions li:nth-child(4), #adultsTD ul.sbOptions li:nth-child(8), #adultsTD ul.sbOptions li:nth-child(12), #adultsTD ul.sbOptions li:nth-child(16) {border-right-width:0px} .back-top-b {display:none!important;visibility:hidden} .shuttle-b {visibility:hidden} #catsFilter .select-filter_proper-control,#viewsFilter .select-filter_proper-control {display:none} /*.select-filter_proper-control .js-clear-input-filter {display:none!important}*/ .select-filter_proper-control .btn-apply {display:none!important} @media (min-width:666px) { #catsFilter .select-filter_proper-control,#viewsFilter .select-filter_proper-control {display:none}} #roomNumFilter {border:1px solid #000;width:75px;height:44px;margin: 5px 5px;text-indent:3px} #roomNumFilterAfter {display:inline;vertical-align:middle;height:1px;width:1px;margin-top:45px;} #roomNumFilterAfter:focus {outline:none!important} x.room-reservation_price {display:none} .room-card_description-price2 {display:table;margin-top: auto;} .room-card_description-price2 >div:first-child {font-size:1.5rem} @media (min-width:400px) {.room-card_description-price2 >div:first-child:before {content:"From "}} .room-card_description-price2 >div:first-child {xcolor:#54595F} .room-card_description-price2 >div:first-child:after {content:" /NIGHT";font-size:.8em;line-height:1.2em;color:#000} .room-card_description-price2 div {display:table-cell;xfont-weight:bold} .selectRoomType {width:100px} #roomNumDiv .room-card_offer {padding:0;} .room-card_description-calendar {xtext-align:right;margin-bottom:10px;xmargin-top:1em} /*@media (min-width:1000px){.room-card:not(.opened-calendar-card) .room-card_description-calendar {margin-top:.5em}}*/ .calendar-footer {text-align:left} /*.price .rr_nightly:before {content:"";}*/ .price .rr_nightly:after {content:"/night";color:#000;font-size:.8em} .rr_stay {display:none} .DBDdata strong {font-weight:normal!important} .surr {color: var(--color-primary); font-family: var(--font-second-family); font-weight: 700; xfont-size: 14px; line-height: 1.3; letter-spacing: 2.5px; text-transform: uppercase; pointer-events: none;margin:25px 0px} .btn.selectRoomType {visibility:hidden} .calendar-body i {font-style:none}@media (max-width:500px) {.calendar-body i {display:none};calendar-day-content{font-size:.8em}} @media (max-width:400px) { .s-c-r .calendar-days-slider .calendar-day .calendar-day-outer .calendar-day-inner .calendar-day-content {font-size:12px} .propAmenities span {display:block;width:100%;} .propRules span {width:100%;} .stay-summary-room_tl {font-size:14px} } .footer__container {background-color:#000!important} span.state { color: #F29A7C !important; padding-left: 5px;} #avCont {margin-top:1em} .elementor-6961 .elementor-element.elementor-element-436f1daa .elementor-icon-list-icon i { color: rgb(177, 125, 112)!important} @media (max-width: 991.98px) { .room-card_images-container img { max-height: 320px }} @media (max-width: 500px) { .room-card_images-container img { max-height: 75vw }} .desc2, .desc3 {display:none} #privacyOptions label,#payment-options label {display:inline} #privacyOptions label {padding-left: .5em;}