/* VALIDATION */ .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; line-height: 18px; cursor: pointer; z-index: 5000; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; } .formError .formErrorContent { background: #CA3721; color: #fff; font-size: 12px; font-family: "Roboto WF", Arial, sans-serif; padding: 10px 20px; position: relative; text-align: left; text-transform: none; width: 150px; z-index: 5001; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; z-index: 5006; } body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 0 0 12px; top: 2px; } .formError .formErrorArrow div { background: #CA3721; display: block; font-size: 0; height: 1px; line-height: 0; margin: 0 auto; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line1 { width: 1px; } .formError .formErrorArrow .line2, .formError .formErrorArrow .line3 { display: none; } .ui-datepicker { background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: none; padding: 10px; } body > .ui-datepicker { z-index: 30 !important; } .ui-datepicker:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; } .ui-datepicker .ui-datepicker-header { color: #707070; font: 20px/25px "Neuton", "Times New Roman", serif; margin-bottom: 10px; position: relative; text-align: center; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { background: #CADEDC url("../images/sprite.svg") 0 0 no-repeat; cursor: pointer; height: 25px; overflow: hidden; position: absolute; text-indent: -9999px; top: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 25px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover { background-color: #CADEDC; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:active { background-color: #707070; } s .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, s .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled { background-color: #f2f2f2; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { background-position: -100px -230px; left: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active { -webkit-transform: translate(-1px, 0); transform: translate(-1px, 0); } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { background-position: -130px -230px; right: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:active { -webkit-transform: translate(1px, 0); transform: translate(1px, 0); } .ui-datepicker .ui-datepicker-calendar { font-size: 12px; cursor: default; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { height: 28px; line-height: 28px; text-align: center; vertical-align: middle; width: 30px; } .ui-datepicker .ui-datepicker-calendar th { color: #707070; font: 14px/32px "Neuton", "Times New Roman", serif; } .ui-datepicker .ui-datepicker-calendar td { color: #262626; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled { color: #c2c8cc; } .ui-datepicker .ui-datepicker-calendar a { color: inherit; display: inline-block; height: 100%; text-decoration: none; width: 100%; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a { background: #CADEDC; color: #262626; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a { background: #707070; color: #fff; } .ui-datepicker-trigger { background: url("../images/sprite.svg") -269px -192px no-repeat; float: left; height: 16px; margin: 12px 0 0 8px; overflow: hidden; text-indent: -9999px; width: 16px; } .ui-selectmenu-button { background: #fff; border: 1px solid #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; color: #3c3c3c; display: inline-block; font: 12px/45px "Roboto WF", Arial, sans-serif; height: 45px; padding: 0 39px 0 15px; position: relative; text-transform: uppercase; } .ui-selectmenu-button .ui-icon { background: #fff url("../images/sprite.svg") no-repeat 0 -230px; border-left: 1px solid #fcfcfc; cursor: pointer; display: block; height: 43px; position: absolute; right: 0; top: 0; width: 38px; } .ui-selectmenu-button .ui-selectmenu-text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .calendar-layout .ui-selectmenu-button { font-size: 14px; width: 108px !important; } @media only screen and (max-width: 1024px) { .ui-selectmenu-button { font-size: 14px; width: 108px !important; } } .ui-selectmenu-menu { display: none; position: absolute; z-index: 80; } .selection-disabled .ui-selectmenu-menu { z-index: 300000; } .ui-selectmenu-menu.ui-selectmenu-open { display: block; } .ui-selectmenu-menu > ul { background: #fff; -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); list-style: none; margin: 0; max-height: 192px; overflow: auto; overflow-x: hidden; padding: 2px; } .ui-selectmenu-menu li { color: #3c3c3c; cursor: pointer; font: 12px/12px "Roboto WF", Arial, sans-serif; margin: 0; overflow: hidden; padding: 6px 21px 6px 9px; -webkit-transition: background 100ms; transition: background 100ms; white-space: nowrap; } .ui-selectmenu-menu li.ui-state-focus, .ui-selectmenu-menu li:hover { background: #e5e5e5; } @media (max-width: 767px) { .ui-selectmenu-menu li { font-size: 14px; line-height: 1.45; } } #sub-menu { display: block; position: absolute; top: 100%; left: 50px; right: 50px; overflow: hidden; height: 0; -webkit-transition: height 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: height 300ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition-delay: 500ms; transition-delay: 500ms; font: 14px/25px "Neuton", "Times New Roman", serif; } @media only screen and (min-width: 0px) and (max-width: 1023px) { #sub-menu { display: none; } } @media only screen and (min-width: 1341px) { #sub-menu { left: 90px; right: 90px; } } .alternative-header #sub-menu { left: 0; right: 0; } #sub-menu a { display: block; white-space: normal; } #sub-menu .menu { width: 100%; font-size: 0; white-space: nowrap; } #sub-menu .menu > li { display: inline-block; vertical-align: top; width: 100%; } #sub-menu .menu > li > a { display: none; border-bottom: 1px solid #fff; color: #707070; font-size: 36px; line-height: 1; margin: 0 35px 20px; padding-bottom: 20px; text-decoration: none; } @media only screen and (min-width: 1341px) { #sub-menu .menu > li > a { font-size: 48px; margin: 0 120px 60px; } } #sub-menu .menu > li > a:hover { color: #262626; } #sub-menu .menu > li.parent > a { display: block; } #sub-menu.visible .level-1 { -webkit-transition: margin 333ms cubic-bezier(0.77, 0, 0.175, 1); transition: margin 333ms cubic-bezier(0.77, 0, 0.175, 1); } #sub-menu .menu > .parent { background: rgba(235, 233, 221, 0.9); padding: 20px 0; } @media only screen and (min-width: 1341px) { #sub-menu .menu > .parent { padding: 80px 0; } } #sub-menu .menu > .parent ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; table-layout: fixed; padding: 0 20px; width: 100%; } @media only screen and (min-width: 1341px) { #sub-menu .menu > .parent ul { padding: 0 105px; } } #sub-menu .menu > .parent ul.sub-level { margin-top: 10px; } @media only screen and (min-width: 1341px) { #sub-menu .menu > .parent ul.sub-level { margin-top: 20px; } } #sub-menu .menu > .parent li { display: table-cell; padding: 0 15px; } #sub-menu .menu > .parent li a { color: #262626; font-size: 14px; line-height: 1.45; margin-bottom: 16px; text-transform: uppercase; } #sub-menu .menu > .parent li a:hover { color: #707070; text-decoration: none; } #sub-menu .menu > .parent li a .thumbnail { position: relative; display: block; width: 100%; max-height: 180px; overflow: hidden; margin-bottom: 20px; } @media only screen and (min-width: 1341px) { #sub-menu .menu > .parent li a .thumbnail { max-height: 300px; margin-bottom: 28px; } } #sub-menu .menu > .parent li a .thumbnail:before { content: ''; display: block; width: 100%; padding-top: 100%; } #sub-menu .menu > .parent li a .thumbnail span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d6d3d2; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } #photos .slick-track, #photos .slick-list { height: 100%; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; width: 100% !important; } #photos .slick-list .slide { display: inline-block; vertical-align: top; } #photos .slick-arrow { background: #707070 url("../images/sprite.svg") no-repeat -1px -41px; display: block; height: 40px; overflow: hidden; position: absolute; text-indent: -100em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; z-index: 10; } #photos .slick-arrow:hover { background-color: #000; } @media (max-width: 767px) { #photos .slick-arrow { background-color: transparent !important; } } #photos .slick-prev { left: 15px; } @media only screen and (min-width: 1341px) { #photos .slick-prev { left: 35px; } } @media (max-width: 767px) { #photos .slick-prev { background-position: -90px -41px; left: 30px; } } #photos .slick-next { background-position: -31px -41px; right: 15px; } @media only screen and (min-width: 1341px) { #photos .slick-next { right: 35px; } } @media (max-width: 767px) { #photos .slick-next { background-position: -180px -41px; right: 30px; } } #tripleseat_embed_form { width: 50%; } .form { display: block; margin-bottom: 25px; } .form h3 { color: #707070; font: 24px/1.2 "Neuton", "Times New Roman", serif; margin: 0 0 30px; text-align: center; } .form label { float: left; font-size: 14px; line-height: 1.2; margin: 14px 20px 0 0; text-align: right; width: 40%; } @media (max-width: 767px) { .form label { margin: 10px 20px; text-align: left; width: 100%; } } .form label em { color: #b31919; font-size: 16px; font-weight: normal; line-height: 10px; padding-right: 5px; } .form p { margin-bottom: 10px; } .form p:after { content: " "; display: table; clear: both; } .form p span { float: left; margin: 0 10px 0 0; } .form p span input { display: inline; float: none; margin: 0; } .form p span label { display: inline; float: none; width: auto; text-align: left; } .form p span.group label { display: block; } .form p span.group label input { margin-right: .4em; } .form p span.radio-group label { color: #707070; font: 16px/26px "Neuton", "Times New Roman", serif; } .form input[type='text'], .form textarea, .form select { border: 1px solid #F2F2F2; color: #707070; float: left; font: 14px/32px "Neuton", "Times New Roman", serif; height: 42px; padding: 5px 20px; resize: none; width: 250px; -webkit-appearance: none; } @media (max-width: 767px) { .form input[type='text'], .form textarea, .form select { float: none; width: 100%; } } .form input[type='text']::-webkit-input-placeholder { color: #707070; } .form input[type='text']:-moz-placeholder { color: #707070; } .form input[type='text']::-moz-placeholder { color: #707070; } .form input[type='text']:-ms-input-placeholder { color: #707070; } .form textarea { height: 104px; line-height: 1.4; overflow: auto; padding-top: 12px; } .form select { padding-right: 30px; } .form input[type='checkbox'], .form input[type='radio'] { height: 14px; margin-top: 10px; padding: 0; vertical-align: top; width: 14px; } .form input.date-pick { float: left; width: 120px; } @media (max-width: 767px) { .form input.date-pick { width: 250px; } } .form a.dp-choose-date { float: left; margin: 13px 0 0 6px; position: static; } .form .controls p { background: none; padding: 20px 0 0 40%; width: auto; } @media (max-width: 767px) { .form .controls p { padding: 20px 0; text-align: center; } } .form .controls input { margin-left: 20px; } @media (max-width: 767px) { .form .controls input { margin: 0; } } #our-story .main-section { padding-bottom: 140px; } #our-story .main-section:before { height: calc(100vh - 240px) !important; } #our-story .main-section .thumbnail { bottom: 140px; } #our-story .main-text { -webkit-box-sizing: border-box; box-sizing: border-box; } #our-story .left-column { margin-top: -140px; } @media only screen and (max-width: 1024px) { #our-story .left-column { margin-top: 0; width: 100% !important; } } #our-story .left-column .thumbnail { height: calc(100vh - 140px); max-height: 1000px; } @media only screen and (max-width: 1024px) { #our-story .left-column .thumbnail { margin-bottom: 0; width: 100% !important; height: 384px; } } #our-story .right-column { padding-top: 90px; text-align: right; } #our-story .right-column img.js-parallax { left: 0; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 50%; } @media only screen and (max-width: 1024px) { #our-story .right-column img.js-parallax { float: right; margin: 0 0 30px 0; -webkit-transform: translateX(0); transform: translateX(0); position: relative; width: 40%; } } @media only screen and (max-width: 1024px) { #our-story .right-column { text-align: left; padding-top: 0; width: 100% !important; } } #our-story .left-column .copy, #our-story .right-column .copy { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: left; } @media only screen and (max-width: 1024px) { #our-story .right-column .copy { width: 100%; vertical-align: top; } } @media (max-width: 767px) { #our-story .right-column .copy { width: 100%; } } #hebs-gallery { background: rgba(0, 0, 0, 0.7); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; /* FULL SIZE IMAGE */ /* FULL SIZE IMAGE -> Navigation */ /* FULL SIZE IMAGE -> Loading */ /* THUMBNAILS */ /* THUMBNAILS -> Navigation */ /* INFO */ } #hebs-gallery .galleria { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 1; } #hebs-gallery .close-button { background: url("../images/common.svg") 0 0 no-repeat; cursor: pointer; height: 17px; overflow: hidden; position: absolute; right: 20px; text-indent: -9999px; top: 12px; width: 17px; z-index: 2; } #hebs-gallery .close-button:hover { background-position: -37px 0; } #hebs-gallery .close-button:active { background-position: -74px 0; } #hebs-gallery .galleria-container { height: 100% !important; overflow: hidden; position: relative; width: 100% !important; } #hebs-gallery .category-selector { background: #fff; border-color: #fff; float: left; font-size: 14px; height: 30px; line-height: 28px; margin: 5px 0 0 20px; padding: 0 35px 0 10px; position: relative; z-index: 2; } #hebs-gallery .category-selector + .select-icon { position: relative; z-index: 3; } #hebs-gallery .galleria-stage { bottom: 120px; left: 0; overflow: hidden; padding: 20px 72px; position: absolute; right: 0; top: 40px; } @media (max-width: 767px) { #hebs-gallery .galleria-stage { padding: 10px 5px; z-index: 1; } } #hebs-gallery .galleria-stage .galleria-image { overflow: visible !important; } #hebs-gallery .galleria-stage .galleria-image img { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } #hebs-gallery.no-controls .galleria-stage { bottom: 0; padding: 20px; } #hebs-gallery.no-controls .galleria-image-nav { display: none; } #hebs-gallery .galleria-image-nav-left, #hebs-gallery .galleria-image-nav-right { background: url("../images/common.svg") 0 0 no-repeat; cursor: pointer; height: 61px; margin-top: -30px; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; width: 31px; z-index: 10; } #hebs-gallery .galleria-image-nav-left { background-position: 0 -37px; left: 20px; } #hebs-gallery .galleria-image-nav-left:hover { background-position: -51px -37px; } #hebs-gallery .galleria-image-nav-left:active { background-position: -102px -37px; } @media (max-width: 767px) { #hebs-gallery .galleria-image-nav-left { background-position: 5px -199px; height: 21px; left: 15px; margin-top: -10px; width: 21px; } #hebs-gallery .galleria-image-nav-left:hover { background-position: -26px -199px; } } #hebs-gallery .galleria-image-nav-right { background-position: 0 -118px; right: 20px; } #hebs-gallery .galleria-image-nav-right:hover { background-position: -51px -118px; } #hebs-gallery .galleria-image-nav-right:active { background-position: -102px -118px; } @media (max-width: 767px) { #hebs-gallery .galleria-image-nav-right { background-position: 5px -240px; height: 21px; margin-top: -10px; right: 15px; width: 21px; } #hebs-gallery .galleria-image-nav-right:hover { background-position: -26px -240px; } } #hebs-gallery .galleria-loader { background: url("../images/loading-small.svg") 50% 50% no-repeat; height: 48px; left: 50%; margin: -24px 0 0 -24px; position: absolute; top: 50%; width: 48px; } #hebs-gallery.no-controls .galleria-thumbnails-container { display: none; } #hebs-gallery .galleria-thumbnails-container { background: rgba(0, 0, 0, 0.7); bottom: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3); height: 120px; left: 0; position: absolute; right: 0; z-index: 2; } #hebs-gallery .galleria-carousel .galleria-thumbnails-list { margin-left: 52px; margin-right: 52px; } #hebs-gallery .galleria-thumbnails { margin: 20px auto 0; } #hebs-gallery .galleria-thumbnails .galleria-image { background: #000; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); cursor: pointer; float: left; height: 80px; margin: 0 6px 0 0; width: 80px; } #hebs-gallery .galleria-thumbnails .galleria-image.active { border: 3px solid #fff; width: 74px !important; height: 74px !important; } #hebs-gallery .galleria-thumbnails .galleria-image.active img { margin: -3px 0 0 -3px; } #hebs-gallery .galleria-thumb-nav-left, #hebs-gallery .galleria-thumb-nav-right { background: url("../images/common.svg") 0 0 no-repeat; cursor: pointer; display: none; height: 21px; margin-top: -10px; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; width: 21px; } #hebs-gallery .galleria-carousel .galleria-thumb-nav-left, #hebs-gallery .galleria-carousel .galleria-thumb-nav-right { display: block; } #hebs-gallery .galleria-thumb-nav-left.disabled, #hebs-gallery .galleria-thumb-nav-right.disabled { opacity: 0.5; cursor: default; } #hebs-gallery .galleria-thumb-nav-left { left: 15px; background-position: 5px -199px; } #hebs-gallery .galleria-thumb-nav-left:hover { background-position: -26px -199px; } #hebs-gallery .galleria-thumb-nav-left:active { background-position: -57px -199px; } #hebs-gallery .galleria-thumb-nav-left.disabled { background-position: 5px -199px; } #hebs-gallery .galleria-thumb-nav-right { right: 15px; background-position: 5px -240px; } #hebs-gallery .galleria-thumb-nav-right:hover { background-position: -26px -240px; } #hebs-gallery .galleria-thumb-nav-right:active { background-position: -57px -240px; } #hebs-gallery .galleria-thumb-nav-right.disabled { background-position: 5px -240px; } #hebs-gallery .galleria-info { background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.06); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.06); height: 40px; left: 0; position: absolute; top: 0; width: 100%; } #hebs-gallery .galleria-info .galleria-info-description { color: #fff; left: 300px; line-height: 40px; overflow: hidden; position: absolute; right: 300px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } #testimonials .odd .image { float: left; } #testimonials .odd .description { float: right; } #testimonials .even .image { float: right; } #testimonials .even .description { float: left; text-align: right; } #testimonials .testimonial { margin-bottom: 40px; } #testimonials .testimonial:after { clear: both; content: ''; display: table; } #testimonials .image { width: 320px; min-height: 320px; } #testimonials .description { width: 640px; } #testimonials h4, #testimonials h5 { font-family: "Neuton", "Times New Roman", serif; } #testimonials h4 { margin-bottom: 12px; color: #54baba; font-size: 28px; line-height: 1.2; font-weight: 200; text-transform: uppercase; } #testimonials h4, #testimonials h5 { color: #327d7d; } #testimonials h5 { font-size: 18px; line-height: 1.2; margin-bottom: 22px; } #testimonials p { margin-bottom: 10px; } #home-rooms > p { -webkit-box-sizing: border-box; box-sizing: border-box; color: #707070; font: italic 16px/1.45 "Neuton", "Times New Roman", serif; position: absolute; bottom: 120px; left: 0; padding: 0 50px; width: 50%; } @media only screen and (min-width: 1341px) { #home-rooms > p { padding: 0 186px 0 90px; } } @media only screen and (max-width: 1024px) { #home-rooms > p { position: relative; top: auto; bottom: auto; width: 100%; } } @media (max-width: 767px) { #home-rooms > p { padding: 0 20px; } } @media (max-height: 900px) { #home-rooms > p { bottom: 0; } } #home-rooms .section-title { margin-bottom: 90px; } @media only screen and (max-width: 1024px) { #home-rooms .section-title { display: block; margin-left: 50px; margin-right: 50px; } } @media (max-width: 767px) { #home-rooms .section-title { margin-left: 20px; margin-right: 20px; } } #home-rooms .room-copy { -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; padding: 0 220px 0 50px; position: absolute; top: 0; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; visibility: hidden; } @media only screen and (min-width: 1341px) { #home-rooms .room-copy { padding: 0 290px 0 90px; } } @media only screen and (max-width: 1024px) { #home-rooms .room-copy { padding: 75px 50px 50px; } } @media (max-width: 767px) { #home-rooms .room-copy { padding: 20px 20px 50px; } } #home-rooms .room-copy.visible { opacity: 1; visibility: visible; } #home-rooms .room-image { opacity: 0; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } @media only screen and (max-width: 1024px) { #home-rooms .room-image { background: none !important; } #home-rooms .room-image img { display: block; visibility: visible !important; } } #home-rooms .room-image.visible { opacity: 1; } @media (max-height: 900px) { #home-rooms .centered { vertical-align: top !important; } } #rooms-nav { position: absolute; right: 0; top: 0; z-index: 10; } @media only screen and (max-width: 1024px) { #rooms-nav { top: -475px; width: 100%; } } @media (max-width: 767px) { #rooms-nav { top: -280px; } } #rooms-nav select { display: none; } @media only screen and (max-width: 1024px) { #rooms-nav select { display: inline-block; margin: 20px 50px; width: calc(100% - 100px); } #rooms-nav select + .select-icon { display: inline-block; margin-left: -80px; } } @media (max-width: 767px) { #rooms-nav select { margin: 20px; width: calc(100% - 40px); } #rooms-nav select + .select-icon { margin-left: -45px; } } #rooms-nav ul { margin: 0; } @media only screen and (max-width: 1024px) { #rooms-nav ul { display: none; } } #rooms-nav li { color: #707070; cursor: pointer; font: 11px/1.5 "Sackers WF", Arial, sans-serif; margin: 10px 0; padding: 0 50px 0 0; text-align: right; text-transform: uppercase; width: 170px; } @media only screen and (min-width: 1341px) { #rooms-nav li { padding: 0 90px 0 0; } } @media only screen and (max-width: 1024px) { #rooms-nav li { display: inline-block; padding: 30px 0 0; margin: 0 10px; width: auto; } } #rooms-nav li:after { background-color: #707070; height: 1px; left: auto; right: 0; top: 12px; width: 0; -webkit-transition: width 500ms cubic-bezier(1, 0, 0, 1), background-color 200ms ease-in-out; transition: width 500ms cubic-bezier(1, 0, 0, 1), background-color 200ms ease-in-out; } @media only screen and (max-width: 1024px) { #rooms-nav li:after { height: 0; top: 0; right: 50%; -webkit-transition: height 500ms cubic-bezier(1, 0, 0, 1), background-color 200ms ease-in-out; transition: height 500ms cubic-bezier(1, 0, 0, 1), background-color 200ms ease-in-out; width: 1px; } } #rooms-nav li.active, #rooms-nav li:hover { color: #CA3721; } #rooms-nav li:hover:after { width: 20px; } #rooms-nav li.active:after { background-color: #CA3721; width: 30px; } @media only screen and (min-width: 1341px) { #rooms-nav li.active:after { width: 50px; } } @media only screen and (max-width: 1024px) { #rooms-nav li.active:after { height: 20px; width: 1px; } } .rooms .category-descr { display: none; } .rooms .category-descr.active { display: block; } .rooms-entry { border-top: 1px solid #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; color: #707070; overflow: hidden; min-height: 390px; padding: 40px 50% 40px 0; position: relative; } @media (max-width: 767px) { .rooms-entry { padding: 20px 0; } } .rooms-entry:first-child, .categories-descr + .rooms-entry { border-top: 0; } .rooms-entry .thumbnail { background-color: #f2f2f2; background-size: cover; position: absolute; margin: 0; right: 0; top: 40px; bottom: 40px; width: 50%; } @media (max-width: 767px) { .rooms-entry .thumbnail { background: none; bottom: auto; margin: 0 0 20px; position: relative; top: auto; width: 100%; } } .rooms-entry .thumbnail img { display: none; width: 100%; } @media (max-width: 767px) { .rooms-entry .thumbnail img { display: block; } } .rooms-entry .thumbnail .button { bottom: 0; display: inline-block; position: absolute; right: 0; } .rooms-entry .description { padding-right: 20px; } @media (max-width: 767px) { .rooms-entry .description { padding: 0; } } .rooms-entry h2 { color: #707070; font-size: 30px; margin-bottom: 15px; } @media (max-width: 767px) { .rooms-entry h2 { font-size: 24px; margin-bottom: 10px; } } .rooms-entry .features { font: italic 16px/1.45 "Neuton", "Times New Roman", serif; margin-bottom: 20px; } .rooms-entry .features span { display: inline-block; margin-right: 20px; } .rooms-entry .amenities { height: 30px; line-height: 30px; margin: 20px 0; position: relative; } @media (max-width: 550px) { .rooms-entry .amenities { margin: 15px 0; } } .rooms-entry .amenities.multiline { margin-right: 32px; } .rooms-entry .amenities .main-list { height: 30px; overflow: hidden; position: relative; z-index: 2; } .rooms-entry .amenities .additional-list { background: rgba(255, 255, 255, 0.9); line-height: 30px; opacity: 0; padding: 20px 40px 20px 20px; position: absolute; top: -20px; left: -20px; -webkit-transition: opacity 0.2s, visibility 0s ease 0.2s; transition: opacity 0.2s, visibility 0s ease 0.2s; visibility: hidden; width: 100%; z-index: 1; } .rooms-entry .amenities span { color: #707070; display: inline-block; font-size: 20px; letter-spacing: 10px; vertical-align: middle; } .rooms-entry .amenities .toggle { border-left: 1px solid #f2f2f5; bottom: 0; display: none; height: 100%; margin: 0; position: absolute; right: -32px; text-align: center; width: 31px; z-index: 4; } .rooms-entry .amenities .toggle:before { content: "\2022 \2022 \2022"; display: inline-block; font-size: 14px; } .rooms-entry .amenities.multiline .toggle { display: block; } .rooms-entry .amenities.expand .additional-list { opacity: 1; visibility: visible; z-index: 3; -webkit-transition: opacity 0.2s, visibility 0s ease 0s; transition: opacity 0.2s, visibility 0s ease 0s; } .rooms-entry .amenities.expand .toggle:before, .rooms-entry .amenities.expand .toggle:after { background: #262626; content: ""; display: block; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rooms-entry .amenities.expand .toggle:before { width: 20px; height: 2px; top: 15px; right: 6px; } .rooms-entry .amenities.expand .toggle:after { width: 2px; height: 20px; top: 6px; right: 15px; } .rooms-entry .price { color: inherit; display: block; margin-bottom: 10px; text-decoration: none; } .rooms-entry .price strong { color: #CA3721; font-size: 18px; font-weight: bold; } .rooms-entry .button { margin: 0 10px 10px 0; padding: 0 20px; } .room-entry { border: 0; padding: 0; } .room-entry .thumbnail { margin: 0 0 30px 30px; padding-right: 0; position: relative; bottom: auto; right: auto; top: auto; } .room-entry .thumbnail img { display: block; } .room-entry .description { padding-right: 0; } .room-entry .controls { font-size: 0; } .room-entry .controls .button { margin-right: 20px; margin-bottom: 10px; } #home-gallery { margin-bottom: 50px; } #home-gallery:after { clear: both; content: ''; display: table; } #home-gallery .photo { float: left; } #home-gallery .photo img { display: block; } #feeds { background: url("../images/feeds-bg.svg") repeat 50% 50% !important; -webkit-box-sizing: border-box; box-sizing: border-box; } #feeds .main-section { max-width: 1480px; margin: 0 auto; } #feeds .copy { padding: 0 35px !important; } @media only screen and (min-width: 1341px) { #feeds .copy { padding: 0 75px !important; } } @media only screen and (max-width: 1024px) { #feeds .copy { padding: 50px 35px !important; } } @media (max-width: 767px) { #feeds .copy { padding: 20px 5px !important; } } #feeds .main-text { width: 100%; } #feeds .feed-header { position: relative; overflow: hidden; } #feeds .feed-header h1 { color: #707070; font: 36px/1.2 "Neuton", "Times New Roman", serif; float: none; margin: 0 0 20px; padding: 0 15px; } @media only screen and (min-width: 1341px) { #feeds .feed-header h1 { float: left; font-size: 42px; margin-bottom: 50px; } } @media (max-width: 767px) { #feeds .feed-header h1 { font-size: 24px; } } #feeds .feed-header .category-selector { float: none; margin: 0 0 20px; padding: 0 15px; } @media only screen and (min-width: 1341px) { #feeds .feed-header .category-selector { float: right; margin-top: 10px; } } #feeds .feed-content { overflow: hidden; position: relative; } #feeds .feed-items { font-size: 0; text-align: left; vertical-align: top; width: 100%; } #feeds .feed-item { border: 1px solid #D8D8D8; color: #707070; display: inline-block; font: 13px/16px "Roboto WF", Arial, sans-serif; margin: 15px; position: relative; vertical-align: top; width: 330px; } #feeds .feed-item .feed-descr { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 100%; min-height: 65px; overflow: hidden; padding: 25px 30px; width: 100%; } @media (max-width: 767px) { #feeds .feed-item .feed-descr { padding: 20px; } } #feeds .feed-item .overal-info { float: none; margin-bottom: 10px; position: relative; } @media only screen and (min-width: 1341px) { #feeds .feed-item .overal-info { float: left; margin: 0; } } #feeds .feed-item .overal-info:before { background: url("../images/sprite.svg") 0 -100px no-repeat; content: ''; display: block; height: 20px; width: 20px; float: left; margin: 0 10px 0px 0; } @media only screen and (min-width: 1341px) { #feeds .feed-item .overal-info:before { float: none; margin: 0; } } #feeds .feed-item .overal-info .feed-type, #feeds .feed-item .overal-info .feed-date { font: 14px/20px "Neuton", "Times New Roman", serif; overflow: hidden; } #feeds .feed-item .overal-info .feed-type { color: #707070; font-size: 18px; } #feeds .feed-item .feed-copy { margin: 0; overflow: hidden; } @media only screen and (min-width: 1341px) { #feeds .feed-item .feed-copy { margin: 0 0 0 112px; } } #feeds .feed-item a { color: #707070; text-decoration: none; } #feeds .feed-item a:hover { text-decoration: underline; } #feeds .feed-item.facebook .overal-info:before { background-position: -30px -100px; } #feeds .feed-item.blog, #feeds .feed-item.instagram { border: 0; color: #fff; height: 332px; width: 332px; } #feeds .feed-item.blog .feed-descr, #feeds .feed-item.instagram .feed-descr { background: rgba(0, 0, 0, 0.3); bottom: 0; position: absolute; } #feeds .feed-item.blog .overal-info .feed-type, #feeds .feed-item.instagram .overal-info .feed-type { color: inherit; } #feeds .feed-item.blog .overal-info:before, #feeds .feed-item.instagram .overal-info:before { background-position: -60px -100px; } #feeds .feed-item.blog .feed-thumb, #feeds .feed-item.instagram .feed-thumb { display: block; width: 100%; } #feeds .feed-item.blog a, #feeds .feed-item.instagram a { color: inherit; } #feeds .feed-item.blog .overal-info:before { background: none; } #feeds .feed-items { -webkit-column-count: 4; column-count: 4; } @media only screen and (max-width: 1024px) { #feeds .feed-items { -webkit-column-count: 3; column-count: 3; } } @media (max-width: 767px) { #feeds .feed-items { -webkit-column-count: 1; column-count: 1; } } #feeds .feed-items .feed-item { -webkit-column-break-inside: avoid; break-inside: avoid; height: auto; width: calc(100% - 30px); } @media (max-width: 767px) { #feeds .feed-items .feed-item { margin: 0 0 20px; width: calc(100% - 2px); } } #feeds .feed-controls { text-align: center; margin-bottom: 90px; } .dining-grid { font-size: 0; margin: 0 auto 100px; max-width: 1440px; position: relative; } @media only screen and (max-width: 1024px) { .dining-grid { margin-bottom: 50px; } } @media (max-width: 767px) { .dining-grid { margin-bottom: 0; } } .dining-grid .thumb { background-color: #f2f2f2; background-size: cover; height: 332px; width: 100%; } @media (max-width: 767px) { .dining-grid .thumb { background-image: none !important; height: auto; } } .dining-grid .thumb img { display: none; } @media (max-width: 767px) { .dining-grid .thumb img { display: block; width: 100%; } } .dining-grid .column { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 16px; vertical-align: top; width: 50%; } .dining-grid .main-text { height: 694px; font-size: 16px; overflow: hidden; padding: 0 0 0 90px; } @media only screen and (max-width: 1024px) { .dining-grid .main-text { padding: 50px 0 !important; height: auto; } } @media (max-width: 767px) { .dining-grid .main-text { padding: 0 !important; } } .dining-grid .main-text .centered { width: 90%; } .dining-grid .main-text h2 { color: #707070; font-size: 48px; } @media only screen and (max-width: 1024px) { .dining-grid .main-text h2 { font-size: 36px; } } @media (max-width: 767px) { .dining-grid .main-text h2 { font-size: 24px; } } .dining-grid .main-text h3 { color: #707070; font-size: 20px; } .dining-grid .main-image, .dining-grid .reservation { float: left; margin-bottom: 30px; width: calc(25% + 362px); } @media only screen and (max-width: 1024px) { .dining-grid .main-image, .dining-grid .reservation { -webkit-box-sizing: border-box; box-sizing: border-box; float: none !important; width: 100%; } } .dining-grid .reservation { left: 0; position: absolute; top: 362px; } @media only screen and (max-width: 1024px) { .dining-grid .reservation { position: relative; top: auto; } } .dining-grid .reservation .column { margin-right: 30px; width: calc(100% - 362px); } @media (max-width: 767px) { .dining-grid .reservation .column { margin: 0 0 20px; width: 100%; } } .dining-grid .reservation .thumb { position: relative; } .dining-grid .reservation .thumb:before { background: rgba(132, 122, 104, 0.5); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .dining-grid .reservation .thumb .title { -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font: 40px/1 "Neuton", "Times New Roman", serif; padding: 0 20px; position: absolute; top: 50%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .dining-grid .reservation .thumb .button { bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dining-grid:nth-child(2n + 1) .main-text { padding: 0 90px 0 0; } .dining-grid:nth-child(2n + 1) .main-image { float: right; } .dining-grid:nth-child(2n + 1) .reservation { left: auto; right: 0; } .opentable-form { border: 1px solid #CADEDC; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: right; font-size: 0; height: 332px; margin: 0 0 20px 20px; padding: 50px; text-align: center; width: 332px; } .reservation .opentable-form { float: none; margin: 0; vertical-align: top; } @media (max-width: 767px) { .opentable-form { height: auto; margin: 20px 0; padding: 20px; width: 100%; } } .opentable-form h3 { color: #707070; font-size: 20px; } .opentable-form p { margin-bottom: 30px; position: relative; } .opentable-form .column { display: inline-block; margin: 0 0 30px; vertical-align: top; width: calc(50% - 15px) !important; } .opentable-form .controls { margin: 0; } .opentable-form .controls .button { margin: 0; width: 100%; } .opentable-form label { display: none; } .opentable-form input[type="text"] { color: #707070; font: 14px/32px "Neuton", "Times New Roman", serif; height: 42px; padding: 10px; text-transform: normal; width: 100%; } .opentable-form select { padding: 5px 10px; width: 100%; } .opentable-form .time { margin-left: 0; margin-right: 15px !important; } .opentable-form .time .select-icon { background-position: -12px -242px; height: 16px; margin-top: 14px; margin-left: -40px; width: 16px; } .opentable-form .guests { margin-right: 0 !important; margin-left: 15px !important; } .opentable-form .guests .select-icon { margin-left: -40px; } .opentable-form .ui-datepicker-trigger { float: none; position: absolute; margin: 0; right: 15px; top: 14px; } #menusContainer { font: 40px/1 "Neuton", "Times New Roman", serif; } .wide-grid:nth-child(2n) .main-image { float: right; } .wide-grid:nth-child(2n) .main-text { text-align: right; } .wide-grid .column { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } @media (max-width: 767px) { .wide-grid .column { width: 100%; } } .wide-grid .main-image { float: left; } .wide-grid .thumb { background-size: cover; position: relative; height: 400px; } @media only screen and (min-width: 1600px) { .wide-grid .thumb { height: 560px; } } @media (max-width: 767px) { .wide-grid .thumb { height: auto; } } .wide-grid .thumb img { display: none; } @media (max-width: 767px) { .wide-grid .thumb img { display: block; visibility: hidden; width: 100%; } } .wide-grid .thumb .button { position: absolute; right: 0; bottom: 0; } .wide-grid .main-text { color: #707070; font: italic 20px/1.45 "Neuton", "Times New Roman", serif; height: 400px; overflow: hidden; padding: 20px 90px; } @media only screen and (min-width: 1600px) { .wide-grid .main-text { height: 560px; } } @media only screen and (max-width: 1024px) { .wide-grid .main-text { font-size: 16px; padding: 20px 50px; } } @media (max-width: 767px) { .wide-grid .main-text { height: auto; padding: 20px 20px 40px; } } .wide-grid .main-text .centered { max-width: 650px; text-align: left; } .wide-grid .main-text h2 { color: #262626; font-size: 42px; font-style: normal; } @media only screen and (max-width: 1024px) { .wide-grid .main-text h2 { font-size: 30px; } } @media (max-width: 767px) { .wide-grid .main-text h2 { font-size: 24px; } } .wide-grid .main-text h2 a { color: inherit; text-decoration: none; } .wide-grid .main-text h2 a:hover { color: #707070; } .block-list { margin-bottom: 20px; } .block-list .block-list-item { overflow: hidden; border: 1px solid #707070; } .block-list .block-list-item .thumbnail { background-color: #f2f2f2; float: right; margin: 0; overflow: hidden; position: relative; width: 50%; } @media (max-width: 767px) { .block-list .block-list-item .thumbnail { display: block; float: initial; margin: 0 auto; width: 90%; } } .block-list .block-list-item .thumbnail img { display: block; width: 100%; } .block-list .block-list-item .thumbnail .button { bottom: 0; position: absolute; right: 0; } .block-list .block-list-item .description { color: #707070; font: italic 14px/1.4 "Neuton", "Times New Roman", serif; overflow: hidden; padding: 30px; } .block-list .block-list-item h2 { float: left; font-style: normal; font-size: 25px; padding-top: 40px; padding-left: 20px; } .block-list .block-list-item h2 a { color: #CA3721; text-decoration: none; } .block-list .block-list-item h2 a:hover { color: #707070; } @media only screen and (max-width: 1024px) { .block-list .block-list-item h2 { font-size: 15px; margin-bottom: 10px; } } @media (max-width: 767px) { .block-list .block-list-item h2 { display: block; float: none; text-align: center; padding: 0px; font-size: 15px; margin: 20px auto; } } .block-list .block-list-item h3 { clear: left; font-size: 25px; padding-left: 20px; } @media only screen and (max-width: 1024px) { .block-list .block-list-item h3 { font-size: 15px; margin-bottom: 10px; } } @media (max-width: 767px) { .block-list .block-list-item h3 { display: block; padding: 0px; text-align: center; } } .block-list .block-list-item .summary { padding-left: 20px; width: 40%; } @media (max-width: 767px) { .block-list .block-list-item .summary { display: block; padding: 0px; width: 90%; margin: 0 auto; padding-bottom: 10px; } } .block-list .block-list-item nav { font-style: normal; } .block-list .block-list-item.odd .thumbnail { float: right; } @media (max-width: 767px) { .block-list .block-list-item.odd .thumbnail { display: block; float: initial; margin: 0 auto; width: 90%; } } .image-list { overflow: hidden; font-size: 0; margin-left: -15px; } @media (max-width: 767px) { .image-list { margin: 0; } } .image-list:after { clear: both; content: ''; display: table; } .image-list .image-list-item { background-color: #f2f2f2; position: relative; float: left; height: 400px; overflow: hidden; margin: 0 15px 30px; width: calc((100% - 120px)/4); } @media only screen and (max-width: 1024px) { .image-list .image-list-item { width: calc((100% - 90px)/3); } } @media (max-width: 767px) { .image-list .image-list-item { margin: 0 0 20px; width: 100%; } .image-list .image-list-item img { float: none; margin: 0; width: 100%; } } .image-list .image-list-item .description { background-color: rgba(0, 0, 0, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 14px; padding: 20px; position: absolute; bottom: 0; width: 100%; } .image-list .image-list-item .description h2 { color: #fff; font-size: 18px; margin-bottom: 10px; } .image-list .image-list-item .description .time { display: block; font: 14px/1.2 "Neuton", "Times New Roman", serif; margin-bottom: 10px; } .image-list .image-list-item .description a { color: #fff; } .image-list .image-list-item .description a:hover { text-decoration: none; } .image-list .image-list-item .description nav a { display: block; } .careers h4 { margin-bottom: 10px; } .careers.last dl:last-child { border-bottom: 0; } .careers dt { color: #262626; font: 32px/1 "Neuton", "Times New Roman", serif; margin-bottom: 20px; } @media (max-width: 767px) { .careers dt { margin-bottom: 10px; } } .careers dd { color: #707070; font: italic 20px/1.5 "Neuton", "Times New Roman", serif; } .careers .block-list-item { border-top: 1px solid #f2f2f2; padding-top: 40px; margin-bottom: 20px; } .careers .block-list-item:first-child { border: 0; } .hotel-location-map, .poi-map-canvas { background: #f2f2f2; height: 50vh; } @media (max-width: 767px) { .hotel-location-map, .poi-map-canvas { height: calc(100vh - 80px); } } .map-content { background: #fff; font-size: 13px; overflow: hidden; padding: 20px 30px; position: relative; width: 330px; } @media (max-width: 767px) { .map-content { width: 50%; } } .map-content h4, .map-content h3 { color: #707070; font: 18px "Neuton", "Times New Roman", serif; margin: 0 0 10px; text-transform: uppercase; } @media (max-width: 767px) { .map-content h4, .map-content h3 { font-size: 14px; } } .map-content p { margin: 0; color: #707070; font: 13px/1.45 "Roboto WF", Arial, sans-serif; } .map-content .button { display: block; float: right; position: relative; right: -30px; bottom: -20px; } .gallery-grid { margin: 90px auto 0; max-width: 1440px; text-align: center; } @media (max-width: 767px) { .gallery-grid { margin-top: 0; } } .gallery-grid h2 { color: #707070; font-size: 48px; margin-bottom: 10px; } @media only screen and (max-width: 1024px) { .gallery-grid h2 { font-size: 36px; } } @media (max-width: 767px) { .gallery-grid h2 { font-size: 24px; } } .gallery-grid h3 { color: #707070; font-size: 20px; margin-bottom: 55px; } @media (max-width: 767px) { .gallery-grid h3 { font-size: 16px; } } .gallery-grid .grid { font-size: 0; text-align: left; width: 102.5%; } .gallery-grid .grid-6 .column { display: inline-block; overflow: hidden; position: relative; vertical-align: top; width: 50%; } .gallery-grid .grid-6 img { width: 45%; margin-bottom: 5%; } .gallery-grid .grid-6 .image-1 { float: left; } .gallery-grid .grid-6 .image-1, .gallery-grid .grid-6 .image-5 { margin-right: 5%; } .gallery-grid .grid-6 .image-4 { width: 95%; } .gallery-grid .grid-3 img { margin: 0 2.5% 2.5% 0; width: 22.5%; } .gallery-grid .grid-3 .image-2 { width: 47.5%; } .gallery-grid .grid-4 img { margin: 0 2.5% 2.5% 0; width: 22.5%; } .page-content .sitemap-description { opacity: 0.8; font-size: 86%; } #poi-map { height: 100vh; position: relative; width: 100%; } .small-poi #poi-map { height: calc(100vh - 100px); } @media only screen and (max-width: 1024px) { #poi-map { height: 50vh; } .small-poi #poi-map { height: calc(50vh - 100px); } } #poi-overlay { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; left: 90px; padding: 30px 0; position: absolute; top: 210px; width: 330px; z-index: 10; } @media only screen and (max-width: 1024px) { #poi-overlay { left: auto; padding: 0 50px; position: relative; top: auto; width: 100%; } } @media (max-width: 767px) { #poi-overlay { padding: 0 20px; } } #poi-overlay h3 { color: #707070; font-size: 24px; line-height: 30px; padding-left: 30px; width: 50%; } @media only screen and (max-width: 1024px) { #poi-overlay h3 { padding-left: 0; } } @media (max-width: 767px) { #poi-overlay h3 { font-size: 20px; } } #poi-overlay .poi-slider-container { -webkit-box-sizing: border-box; box-sizing: border-box; color: #707070; font-size: 16px; font-family: "Roboto WF", Arial, sans-serif; height: 61px; line-height: 1; padding: 15px 50px 0 0; position: absolute; right: 0; text-align: right; text-transform: uppercase; top: 35px; } @media only screen and (max-width: 1024px) { #poi-overlay .poi-slider-container { top: 0; right: 50px; } } @media (max-width: 767px) { #poi-overlay .poi-slider-container { right: 20px; } } #poi-overlay .poi-slider-container .distance { color: #CA3721; display: block; } #poi-overlay .poi-slider-container .zoomin, #poi-overlay .poi-slider-container .zoomout { background-color: #707070; display: block; height: 30px; overflow: hidden; position: absolute; right: 0; top: 31px; text-indent: -100em; text-align: left; width: 30px; } #poi-overlay .poi-slider-container .zoomin:after, #poi-overlay .poi-slider-container .zoomout:after { background: #fff; content: ''; display: block; height: 2px; left: 12px; position: absolute; top: calc(50% - 1px); width: 6px; } #poi-overlay .poi-slider-container .zoomin { top: 0px; } #poi-overlay .poi-slider-container .zoomin:before { background: #fff; content: ''; display: block; height: 10px; left: calc(50% - 1px); position: absolute; top: 10px; width: 2px; } #poi-overlay .poi-slider-container .zoomin:after { width: 10px; left: 10px; } #poi-overlay .poi-slider { display: none; } #poi-overlay .category-selector ul { margin: 0; } @media only screen and (max-width: 1024px) { #poi-overlay .category-selector ul { display: none; } } #poi-overlay .category-selector li { border-top: 1px solid #F2F2F2; display: block; font-size: 16px; line-height: 30px; padding: 0 0 0 15px; text-transform: uppercase; } #poi-overlay .category-selector li a { color: #707070; display: block; font: 16px/30px "Roboto WF", Arial, sans-serif; padding: 10px 30px 10px 50px; position: relative; text-decoration: none; } #poi-overlay .category-selector li a:after { background: url(../images/poi-icons.svg) no-repeat 0 0; content: ''; display: block; height: 50px; position: absolute; top: 0; left: 0; width: 50px; } #poi-overlay .category-selector li a.active { color: #CA3721; } #poi-overlay .category-selector li a.icon-1:after { background-position: 0 0; } #poi-overlay .category-selector li a.icon-2:after { background-position: 0 -50px; } #poi-overlay .category-selector li a.icon-3:after { background-position: 0 -100px; } #poi-overlay .category-selector li a.icon-4:after { background-position: 0 -150px; } #poi-overlay .category-selector li a.icon-5:after { background-position: 0 -200px; } #poi-overlay .category-selector li:after { display: none; } #poi-overlay .category-selector li:first-child { border-top: 0; } #poi-overlay .category-selector select { display: none; } @media only screen and (max-width: 1024px) { #poi-overlay .category-selector select { display: inline-block; } #poi-overlay .category-selector select + .select-icon { display: inline-block; } } #poi-overlay .button-wrap { display: block; text-align: center; padding: 0 30px; } @media (max-width: 767px) { #poi-overlay .button-wrap { padding: 0 0 20px; } } #poi-overlay .button-wrap .button { display: block; } .poi { margin-bottom: 40px; } .poi-maps-container { position: relative; width: 100%; height: 400px; overflow: hidden; } .poi-maps-container .poi-map-canvas { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; } .poi-maps-container .poi-map-canvas.visible { top: 0; } .poi .category-selector { margin-bottom: 20px; } .poi .category-selector:after { clear: both; content: ''; display: table; } .poi .category-selector .button { margin-right: 10px; } .poi .categories .poi-category { display: none; } .poi .categories .poi-category.visible { display: block; } .poi .categories .poi-category .expand-description:hover { text-decoration: none; } .poi .categories { margin-top: 20px; } .poi .categories .poi-category.hidden { display: none; } .poi .categories .poi-category table { width: 100%; } .poi .categories .poi-category table th { white-space: nowrap; } .poi .categories .poi-category table td { vertical-align: middle; } .poi .categories .poi-category table td.center { text-align: center; } .poi .categories .poi-category table td.poi-title { text-align: left; } .poi .categories .poi-category .expand-description { text-decoration: underline; cursor: pointer; color: #327d7d; } .poi .categories .poi-category .expand-description:hover { color: #54baba; } .poi .categories .poi-category .show-on-map { display: block; height: 16px; width: 10px; margin: 0 auto; text-indent: -9999px; overflow: hidden; background: url("../images/common.svg") -400px 0 no-repeat; cursor: pointer; } .poi .categories .poi-category .show-on-map:hover { background-position: -430px 0; } .poi .categories .poi-category .show-on-map:active { background-position: -460px 0; } .poi .categories .poi-category tr.description { display: none; } .poi .categories .poi-category tr.description.visible { display: table-row; } .poi .categories .poi-category tr.description .thumbnail { margin-bottom: 0; } .poi .categories .poi-category tr.description p { margin: 0 0 10px; font-size: 12px; } .poi .categories .poi-category tr.description nav > * { margin-left: 10px; } .poi .categories .poi-category tr.description nav > *:first-child { margin-left: 0; } .poi .hotels { display: none; } #calendar-header { margin-bottom: 20px; } #calendar-header:after { clear: both; content: ''; display: table; } #calendar-links { float: left; padding-top: 10px; } @media (max-width: 767px) { #calendar-links { overflow: hidden; margin-bottom: 20px; } } #calendar-links li { float: left; } #calendar-links a { display: block; height: 20px; width: 20px; margin: 0 20px 0 0; text-indent: -9999px; overflow: hidden; background: url("../images/common.svg") 0 0 no-repeat; } #calendar-links a.ical { background-position: -200px -76px; } #calendar-links a.ical:hover { background-position: -240px -76px; } #calendar-links a.ical:active { background-position: -280px -76px; } #calendar-links a.print { background-position: -200px -116px; } #calendar-links a.print:hover { background-position: -240px -116px; } #calendar-links a.print:active { background-position: -280px -116px; } #calendar-links a.rss { background-position: -200px -156px; } #calendar-links a.rss:hover { background-position: -240px -156px; } #calendar-links a.rss:active { background-position: -280px -156px; } #calendar-views { float: left; padding-top: 10px; margin-right: 20px; } @media (max-width: 767px) { #calendar-views { display: none; } } #calendar-views li { float: left; } #calendar-views a { color: #707070; display: block; font: 12px/20px "Neuton", "Times New Roman", serif; margin-right: 20px; padding-left: 30px; position: relative; text-decoration: none; text-transform: uppercase; } #calendar-views a.active, #calendar-views a:hover { color: #262626; } #calendar-views a:before { background: url("../images/common.svg") 0 0 no-repeat; content: ''; display: block; height: 20px; width: 20px; position: absolute; top: 0; left: 0; } #calendar-views a.grid:before { background-position: -200px 0; } #calendar-views a.grid:hover:before, #calendar-views a.grid.active:before { background-position: -240px 0; } #calendar-views a.grid:active:before { background-position: -280px 0; } #calendar-views a.list:before { background-position: -200px -38px; } #calendar-views a.list:hover:before, #calendar-views a.list.active:before { background-position: -240px -38px; } #calendar-views a.list:active:before { background-position: -280px -38px; } #calendar-filter { float: right; } @media (max-width: 767px) { #calendar-filter { float: none; } } #calendar-breadcrumb { margin-bottom: 20px; } #calendar-breadcrumb:after { clear: both; content: ''; display: table; } @media (max-width: 767px) { #calendar-breadcrumb { display: none; } } #calendar-breadcrumb dt, #calendar-breadcrumb dd { float: left; margin-right: 10px; } #calendar-year { margin-bottom: 20px; } #calendar-year:after { clear: both; content: ''; display: table; } @media (max-width: 767px) { #calendar-year { display: none; } } #calendar-year li { float: left; } #calendar-year a { display: block; padding: 5px; margin-right: 1px; text-decoration: none; border-bottom: 1px solid #D8D8D8; color: #D8D8D8; } #calendar-year a:hover { border-color: #262626; color: #262626; } #calendar-year .active a { border-color: #707070; color: #707070; } #calendar-year .active a:hover { border-color: #262626; color: #262626; } #calendar-month { height: 40px; margin-bottom: 10px; position: relative; text-align: justify; text-justify: newspaper; } #calendar-month:after { content: ''; display: inline-block; position: relative; width: 100%; height: 0; } #calendar-month li { display: inline; } @media (max-width: 767px) { #calendar-month li { display: none; } } @media (max-width: 767px) { #calendar-month li.prev, #calendar-month li.current, #calendar-month li.next { display: block; float: left; width: 33%; } } #calendar-month a { color: #262626; display: inline-block; font: 10px/40px "Roboto WF", Arial, sans-serif; height: 40px; line-height: 40px; padding: 0 10px; text-align: left; text-decoration: none; text-transform: uppercase; vertical-align: top; } @media only screen and (max-width: 1024px) { #calendar-month a { padding: 0 5px; font-size: 9px; } } @media (max-width: 767px) { #calendar-month a { display: block; font-size: 12px; text-align: center; } } #calendar-month a:hover { color: #707070; } #calendar-month a.active { background: #CADEDC; } #calendar-month a.active:hover { background: #8BB7B6; color: #fff; } #calendar-navigation { display: block; height: 40px; line-height: 40px; margin-bottom: 20px; position: relative; text-align: center; } #calendar-navigation h2 { color: #707070; font: 18px/40px "Neuton", "Times New Roman", serif; overflow: hidden; padding: 0 40px; text-overflow: ellipsis; white-space: nowrap; } #calendar-navigation a.prev, #calendar-navigation a.next { position: absolute; top: 50%; width: 11px; height: 18px; overflow: hidden; text-indent: -9999px; cursor: pointer; margin: -9px 10px 0 10px; background: url("../images/common.svg") 0 0 no-repeat; } #calendar-navigation a.next { right: 0; background-position: -200px -234px; } #calendar-navigation a.next:hover { background-position: -231px -234px; } #calendar-navigation a.next:active { background-position: -262px -234px; } #calendar-navigation a.prev { left: 0; background-position: -200px -196px; } #calendar-navigation a.prev:hover { background-position: -231px -196px; } #calendar-navigation a.prev:active { background-position: -262px -196px; } #calendar-week, #calendar-days { display: block; text-align: justify; text-align-last: justify; text-justify: newspaper; } #calendar-week:after, #calendar-days:after { content: ''; display: inline-block; position: relative; width: 100%; height: 0; } #calendar-week li, #calendar-days li { display: inline-block; width: 13%; } #calendar-week { height: 40px; line-height: 40px; } @media (max-width: 767px) { #calendar-week { display: none; } } #calendar-week li { -webkit-box-sizing: border-box; box-sizing: border-box; color: #707070; font: 14px/1 "Neuton", "Times New Roman", serif; padding-left: 1em; text-align: center; } #calendar-days { position: relative; } #calendar-days li { background: #fafafa; margin: 0 0 1em; min-height: 8em; text-align: left; text-align-last: left; vertical-align: top; position: static; } @media (max-width: 767px) { #calendar-days li { width: 100%; min-height: 0 !important; height: auto !important; } } #calendar-days li time a { color: #262626; display: block; font-size: 11px; padding: .5em 1em; text-align: center; text-decoration: none; } #calendar-days li time a:hover { background: #CADEDC; } #calendar-days li.prev_month, #calendar-days li.next_month { background: #fff; } #calendar-days li.prev_month time a, #calendar-days li.next_month time a { color: #999; } #calendar-days li.prev_month time a:hover, #calendar-days li.next_month time a:hover { color: #ffffff; background: #999; } #calendar-days li.day_items3 { height: 9em; } #calendar-days li.day_items4 { height: 11em; } #calendar-days li.day_items5 { height: 13em; } #calendar-days li.day_items6 { height: 15em; } #calendar-days li.day_items7 { height: 17em; } #calendar-days li.day_items8 { height: 19em; } #calendar-days li.day_items9 { height: 21em; } #calendar-days li.day_items10 { height: 23em; } #calendar-days li.day_items11 { height: 25em; } #calendar-days li.day_items12 { height: 27em; } #calendar-days li.day_items13 { height: 29em; } #calendar-days li.day_items14 { height: 31em; } #calendar-days li.day_items15 { height: 33em; } #calendar-days li.day_items16 { height: 35em; } #calendar-days li.day_items17 { height: 37em; } #calendar-days li.day_items18 { height: 39em; } #calendar-days li.day_items19 { height: 41em; } #calendar-days li.day_items20 { height: 43em; } #calendar-days dl { display: block; height: 2em; } #calendar-days dl:hover { position: relative; } @media (max-width: 767px) { #calendar-days dl { height: 3em; margin: 0 !important; } } @media (max-width: 767px) { #calendar-days dl.hide { display: block !important; } } #calendar-days dt { position: relative; } @media (max-width: 767px) { #calendar-days dt { width: 100% !important; } } #calendar-days dt a { color: #262626; display: block; font: 12px/1.8em "Roboto WF", Arial, sans-serif; height: 1.8em; overflow: hidden; padding: 0 .5em 0 1em; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: auto; } @media (max-width: 767px) { #calendar-days dt a { height: 2.8em; line-height: 2.8em; } } #calendar-days dl.w1 dt { width: 100%; } #calendar-days dl.w2 dt { width: 211.55%; } #calendar-days dl.w3 dt { width: 323.1%; } #calendar-days dl.w4 dt { width: 434.65%; } #calendar-days dl.w5 dt { width: 546.2%; } #calendar-days dl.w6 dt { width: 657.75%; } #calendar-days dl.w7 dt { width: 769.3%; } #calendar-days dl.c1 dt a { background-color: #8db294; } #calendar-days dl.c2 dt a { background-color: #ada39a; } #calendar-days dl.c3 dt a { background-color: #85a9b7; } #calendar-days dl.c4 dt a { background-color: #bc8e8f; } #calendar-days dl.c5 dt a { background-color: #ac9bc1; } #calendar-days dl.c6 dt a { background-color: #87b6c7; } #calendar-days dl.c7 dt a { background-color: #bb85aa; } #calendar-days dl.c8 dt a { background-color: #a4a4a4; } #calendar-days dl dd { background-color: rgba(255, 255, 255, 0.7); bottom: 20px; color: #262626; font-size: 12px; left: 0; margin-bottom: 10px; padding: 20px; position: absolute; text-align: left; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; width: 200px; z-index: 99; } @media only screen and (max-width: 1024px) { #calendar-days dl dd { display: none !important; } } @media (max-width: 767px) { #calendar-days dl dd { display: none !important; } } #calendar-days dl dd:after { content: ''; position: absolute; top: 100%; left: 50%; height: 0; width: 0; margin-left: -14px; border-right: 14px solid transparent; border-left: 14px solid transparent; border-top: 14px solid rgba(255, 255, 255, 0.7); } #calendar-days dl dd h3 { color: #707070; margin-bottom: 10px; font: 16px/1.5 "Neuton", "Times New Roman", serif; text-transform: uppercase; } #calendar-days dl dd img { height: auto; width: 100%; } #calendar-days dl dd p { padding: 0 0 10px 0; width: 100%; } #calendar-days dl dd a { display: block; color: #262626; } #calendar-days dl dd a img { display: block; } #calendar-days dl:hover dd { visibility: visible; } #calendar-days dl.t1 { margin-top: 2em; } #calendar-days dl.t2 { margin-top: 4em; } #calendar-days dl.t3 { margin-top: 6em; } #calendar-days dl.t4 { margin-top: 8em; } #calendar-days dl.t5 { margin-top: 10em; } #calendar-days dl.t6 { margin-top: 12em; } #calendar-days dl.t7 { margin-top: 14em; } #calendar-days dl.t8 { margin-top: 16em; } #calendar-days dl.t9 { margin-top: 18em; } #calendar-days dl.t10 { margin-top: 20em; } #calendar-days dl.t11 { margin-top: 22em; } #calendar-days dl.t12 { margin-top: 24em; } #calendar-days dl.t13 { margin-top: 26em; } #calendar-days dl.t14 { margin-top: 28em; } #calendar-days dl.t15 { margin-top: 30em; } #calendar-days dl.t16 { margin-top: 32em; } #calendar-days dl.t17 { margin-top: 34em; } #calendar-days dl.t18 { margin-top: 36em; } #calendar-days dl.t19 { margin-top: 38em; } #calendar-days dl.t20 { margin-top: 40em; } #calendar.list-view h2 a, #calendar.list-view h3 a { text-decoration: none; } #calendar .dates, #calendar .attachment { font-style: italic; font-size: .9em; } #calendar .dates > small { display: block; } .spa-copy { font-size: 0; margin-bottom: 100px; position: relative; overflow: hidden; } @media only screen and (max-width: 1024px) { .spa-copy { margin: 0; } } .spa-copy .thumb { background-size: cover; background-repeat: no-repeat; position: absolute; height: 100%; width: 50%; } @media only screen and (max-width: 1024px) { .spa-copy .thumb { position: relative; width: 100%; } } @media (max-width: 767px) { .spa-copy .thumb { margin-bottom: 20px; } } .spa-copy .thumb img { display: none; } @media only screen and (max-width: 1024px) { .spa-copy .thumb img { display: block; } } .spa-copy .thumb .logo { background: #F2F1EB; display: block; padding: 30px; position: absolute; right: 0; top: 60px; } .spa-copy .thumb .logo img { display: block; } .spa-copy .main-text { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 16px; margin-left: 50%; max-width: 650px; min-height: 400px; padding: 0 90px 0 80px; vertical-align: top; width: 50%; } @media only screen and (max-width: 1024px) { .spa-copy .main-text { margin: 0; padding: 50px; width: 100%; } } @media (max-width: 767px) { .spa-copy .main-text { min-height: 0; padding: 0 20px; } } .spa-copy .main-text h2 { color: #707070; font-size: 48px; } @media only screen and (max-width: 1024px) { .spa-copy .main-text h2 { font-size: 36px; } } @media (max-width: 767px) { .spa-copy .main-text h2 { font-size: 24px; } } .spa-copy .main-text h3 { font-size: 20px; } @media (max-width: 767px) { .spa-copy .main-text h3 { font-size: 16px; } } .spa-reservation { font-size: 0; max-width: 1480px; margin-bottom: 100px; overflow: hidden; } @media (max-width: 767px) { .spa-reservation { margin-bottom: 50px; } } .spa-reservation .column { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 16px; vertical-align: top; width: calc(50% - 15px); } @media only screen and (max-width: 1024px) { .spa-reservation .column { width: 100%; } .spa-reservation .column .column { width: calc(50% - 15px); } } .spa-reservation .column + .column { float: right; } @media (max-width: 767px) { .spa-reservation .column .column { float: none; width: 100%; } } .spa-reservation .form { border: 1px solid #CADEDC; -webkit-box-sizing: border-box; box-sizing: border-box; height: 332px; font-size: 0; padding: 70px 20px; } @media (max-width: 767px) { .spa-reservation .form { padding: 20px 10px; height: auto; } } .spa-reservation .form .column { float: none; display: inline-block; margin: 0 15px 30px; position: relative; width: calc(50% - 30px); } @media (max-width: 767px) { .spa-reservation .form .column { margin: 0 10px 20px; width: calc(50% - 20px); } } .spa-reservation .form fieldset { max-width: 524px; margin: 0 auto; } .spa-reservation .form select, .spa-reservation .form input[type="text"] { width: 100%; } .spa-reservation .form #serviceCode option { display: none; } .spa-reservation .form #serviceCode option:first-child { display: block; } .spa-reservation .form .time + .select-icon { background-position: -12px -242px; height: 16px; margin-top: 14px; margin-left: -30px; width: 16px; } .spa-reservation .form .ui-datepicker-trigger { float: none; position: absolute; margin: 0; right: 15px; top: 14px; } .spa-reservation .form .controls { margin: 0; text-align: center; padding: 0 15px; } @media (max-width: 767px) { .spa-reservation .form .controls { height: auto; padding: 0 10px; } } .spa-reservation .form .controls .button { max-width: 282px; margin: 0; padding: 0 10px; width: 100%; } @media (max-width: 767px) { .spa-reservation .form .controls .button { max-width: none; padding: 0 10px; } } .spa-reservation .main-text { background-color: #CADEDC; color: #262626; font: 18px/1.45 "Neuton", "Times New Roman", serif; height: 332px; padding: 0 30px; text-align: center; } @media (max-width: 767px) { .spa-reservation .main-text { height: auto; margin-bottom: 20px; padding: 20px; } } .spa-reservation .main-text .centered:before, .spa-reservation .main-text .centered:after { background: #fff; content: ''; display: inline-block; height: 1px; width: 100px; margin: 25px 0; } .spa-reservation .main-text .centered p { margin: 0; } .spa-reservation .main-text a { color: #707070; display: block; font-size: 26px; text-decoration: none; } .spa-reservation .thumb { background-size: cover; background-repeat: no-repeat; height: 332px; } .spa-reservation .thumb img { display: none; } .wide-copy { max-width: 800px; margin: 0 auto 100px; text-align: center; } @media only screen and (max-width: 1024px) { .wide-copy { max-width: none; margin-bottom: 50px; } } .wide-copy:before, .wide-copy:after { background-color: #CADEDC; content: ''; display: inline-block; height: 1px; width: 100px; } .wide-copy:before { margin-bottom: 100px; } @media only screen and (max-width: 1024px) { .wide-copy:before { margin-bottom: 50px; } } .wide-copy:after { margin-top: 80px; } @media only screen and (max-width: 1024px) { .wide-copy:after { margin-bottom: 30px; } } #homepage-offers .main-section { max-width: 1480px; margin: 0 auto; } @media only screen and (max-width: 1024px) { #homepage-offers { padding: 50px 0; } } #homepage-offers .copy { padding-right: 35px !important; padding-left: 35px !important; } @media only screen and (min-width: 1341px) { #homepage-offers .copy { padding-right: 75px !important; padding-left: 75px !important; } } @media only screen and (max-width: 1024px) { #homepage-offers .copy { padding: 50px 35px !important; } } @media (max-width: 767px) { #homepage-offers .copy { padding: 20px 5px !important; } } #homepage-offers h1 { float: left; margin-bottom: 0; padding: 0 15px; } @media only screen and (max-width: 1024px) { #homepage-offers h1 { float: none; } } #homepage-offers .category-selector { margin-top: 20px; margin-bottom: 0; padding: 0 15px; float: right; } @media only screen and (max-width: 1024px) { #homepage-offers .category-selector { float: none; } #homepage-offers .category-selector select { display: none; } } @media (max-width: 767px) { #homepage-offers .category-selector select { display: inline-block; } } #offers-widget { color: #707070; font: 20px/1.45 "Neuton", "Times New Roman", serif; max-width: 1440px; margin-bottom: 100px; text-align: center; } @media only screen and (max-width: 1024px) { #offers-widget { margin-bottom: 50px; } } #offers-widget h2 { color: #707070; font-size: 48px; } @media only screen and (max-width: 1024px) { #offers-widget h2 { font-size: 36px; } } @media (max-width: 767px) { #offers-widget h2 { font-size: 24px; } } #offers { clear: both; font-size: 0; padding-top: 15px; text-align: center; } #offers .slide { color: #707070; display: inline-block; height: 380px; margin: 15px; padding-bottom: 36px; position: relative; text-align: left; vertical-align: top; width: calc(33.3% - 30px); } @media only screen and (min-width: 1600px) { #offers .slide { width: calc(25% - 30px); } } @media only screen and (max-width: 1024px) { #offers .slide { width: calc(50% - 30px); } } @media (max-width: 767px) { #offers .slide { margin: 0 15px 10px; width: calc(100% - 30px); } } #offers .slide .thumb { background-color: #f2f2f2; background-position: 50% 50%; background-size: cover; height: 240px; margin-bottom: 10px; overflow: hidden; position: relative; } #offers .slide .thumb img { display: block; height: 100%; visibility: hidden; } #offers .slide .thumb .button { bottom: 0; position: absolute; right: 0; } #offers .slide .body { font-size: 16px; } #offers .slide p { margin-bottom: 10px; } #offers .slide .price { position: absolute; bottom: 0; left: 0; } #offers .slide .price strong { color: #CA3721; font-weight: 600; font-size: 18px; } #offers .slide hgroup { color: #262626; font: 18px/1.45 "Neuton", "Times New Roman", serif !important; text-transform: uppercase; } #offers .slide hgroup a { color: #707070; font-size: 14px !important; margin: 0; text-decoration: none; } #offers .slide hgroup a:hover { color: #262626; } #offers .slide hgroup h2 { color: #262626; font-size: 18px; margin: 0 0 10px; } #offers .slide hgroup h2 a { color: inherit; font: inherit !important; } @media print { .print #header, .print #photos, .print #booking, .print #footer { display: none; } @page { size: 960px 1358px; } } /*# sourceMappingURL=styles.min.css.map */