/* Fonts */ /*@font-face { font-family: 'nobel-regular'; src: url('//fonts.d3pot.com/nobel/nobel-regular/nobel-regular.eot'); src: url('//fonts.d3pot.com/nobel/nobel-regular/nobel-regular.woff2') format('woff2'), url('//fonts.d3pot.com/nobel/nobel-regular/nobel-regular.woff') format('woff'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'nobel-regular'; src: url('//fonts.hilton.com/nobel/nobel-regular/nobel-regular.eot'); src: url('//fonts.hilton.com/nobel/nobel-regular/nobel-regular.woff2') format('woff2'), url('//fonts.hilton.com/nobel/nobel-regular/nobel-regular.woff') format('woff'); font-weight: normal; font-style: normal; } /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; /*Scrollbar fix for media queries overflow:hidden; height:100%;*/ } html, button, input, select, textarea { font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; } body { margin: 0; /*Scrollbar fix for media queries overflow-y:scroll; height:100%;*/} a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } h1, h2, h3, h4, h5, h6 { font-family: "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } table { border-collapse: collapse; border-spacing: 0; } /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* ========================================================================== Plugins ========================================================================== */ /*CalendarCalendar*/ #calendarCalendar {font-size: 13px;box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; position: absolute; left: 0px; top:0px; bottom: 0; right: 0;z-index:9;} #calendarCalendar .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:9;} .calendars { position: fixed; z-index:999999; width: auto; -webkit-transition: .2s; transition: .2s;} .calendar { padding: 20px; float: left; width: 261px; color: #fff; background:#eeeeee;overflow: hidden;min-height: 247px;height: auto;} #calendarCalendar .range #calendar-start-date { border-right: none; } .calendars:before, .calendars:after, .calendar-table:before, .calendar-table:after { content: ' '; clear: both; display: block; height: 0; } .caldendar-main { font: 16px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000;} .calendar-caption {font: 16px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; font-weight: bold; text-transform: uppercase;} .calendar-header { text-align: center; } .calendar-date {text-transform: uppercase;color: #000;font: 18px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .calendar-title {display: inline-block; width: 80%;} .calendar-arrow { font-size: 8px;display: inline-block; margin: 5px 2%; cursor: pointer; } .calendar-arrow.left {float: left; } .calendar-arrow.left:before{content: "\e902";font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;font-size: 15px;color: #000;} .calendar-arrow.right {float: right;} .calendar-arrow.right:before{content: "\e911";font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;font-size: 15px;color: #000;} .calendar-arrow.right:hover:before,.calendar-arrow.left:hover:before{color:#92192c;} .calendar-cell { float: left; width: 10.285714286%; padding: 5px; text-align: center; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;} .calendar-cell.disabled { color: #adadad; cursor: normal; } .calendar-dates{padding-top: 5px;} .calendar-dates .calendar-cell.active { cursor: pointer; } .calendar-dates .calendar-cell.active.active.selected { background: #92192c; color: #fff;} html.no-touch .calendar-dates .calendar-cell.active:hover{color:#92192c;} .max-month .calendar-arrow.right, .min-month .calendar-arrow.left { display: none; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .page-40 .owl-carousel,.page-68 .owl-carousel{display:block;} .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left;position: relative; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display:none!important; } .page-16 .swipe-nav .owl-controls{display:block!important;} .page-16 .swipe-nav .owl-prev, .page-16 .swipe-nav .owl-next{top:-45px;background:none;} .page-16 .swipe-nav .owl-prev:before, .page-16 .swipe-nav .owl-next:before{color:#000;} .page-16 .swipe-nav .owl-prev{left:-80px;} .page-16 .swipe-nav .owl-next{right:-80px;} .page-8 .swipe-layout .owl-controls,.template-3 .swipe-layout .owl-controls,.page-12 .swipe-layout .owl-controls,.page-31 .swipe-layout .owl-controls{display: none;position:absolute;top: 44%;width: 100%;max-width: 1680px;} .page-8 .swipe-layout .owl-controls.arrow-scrolling-fixed,.template-3 .swipe-layout .owl-controls.arrow-scrolling-fixed,.page-12 .swipe-layout .owl-controls.arrow-scrolling-fixed,.page-31 .swipe-layout .owl-controls.arrow-scrolling-fixed{position:fixed;display:block!important;} .owl-buttons{width:100%;} .page-8 .opening-times-inner span.text-top{font: normal 32px/32px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .page-8 .opening-times-inner span.meridian{margin-left: -5px;} .owl-buttons:before,.owl-buttons:after{content: " ";display: table;} .owl-buttons:after{clear: both;} .owl-prev,.owl-next{font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 49px;height: 49px;background-color: rgba(0,0,0,0.24);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;position:relative;} .owl-prev{float:left;} .owl-next{float:right;} .owl-prev:before{content: "\e910";font-size:9px;color:#fff;} .owl-next:before{content: "\e911";font-size:9px;color:#fff;} .owl-prev:before,.owl-next:before{position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -3px;} /* mouse grab icon */ .grabbing { cursor:url(img/grabbing.png) 8 8, move; } /* fix */ .owl-carousel http://www.waldorfastoriachicagohotel.com/manager/?a=system/file/edit&file=assets/js/main.js&wctx=mgr&source=1, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /*fixes for page-7: "Custom Enhancements"*/ /*.page-7 .owl-wrapper{text-align: center}*/ .page-7 .items-child{display:inline-block} .page-7 .swipe-nav .owl-item{float:none; display:inline-block} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /* ========================================================================== Icomoon ========================================================================== */ .booking-widget-top span.booking-widget-top-copy a:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Missing bits after adding hotlink for icomoon */ .icon-close:before{font-size:20px;} .icon-facebook:before {color:#365A9C;} .icon-Gallery:before {font-size: 25px;color: #6a6e75;} .icon-Instagram:before {/*color:#37619A;*/} .icon-Pinterest .path1:before {color: rgb(201, 41, 39);font-size: 40px;position: absolute;left: 0;} .icon-Pinterest .path2:before {color: rgb(255, 255, 255);font-size: 40px;position: absolute;left: 0;} .icon-Pinterest:hover .path1:before{color:#000;} .icon-Twitter:before {color:#2EACE2;} .icon-Call:before {font-size: 25px;color: #6a6e75;} .icon-map:before {font-size: 25px;color: #6a6e75;} /* @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?sqh7qd'); src:url('fonts/icomoon.eot?sqh7qd#iefix') format('embedded-opentype'), url('fonts/icomoon.woff2?sqh7qd') format('woff2'), url('fonts/icomoon.ttf?sqh7qd') format('truetype'), url('fonts/icomoon.woff?sqh7qd') format('woff'), url('fonts/icomoon.svg?sqh7qd#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"],.booking-widget-top span.booking-widget-top-copy a:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; Better Font Rendering =========== -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow_left_black:before { content: "\e910"; } .icon-arrow_right_black:before { content: "\e911"; } .icon-arrow_top_black:before { content: "\e912"; } .icon-arrow_Calendar_black:before { content: "\e902"; } .icon-arrow_Calendar_red:before { content: "\e903"; } .icon-arrow_widget-tab_white:before { content: "\e904"; } .icon-close:before { content: "\e905"; font-size:20px; } .icon-facebook:before { content: "\e906"; color:#365A9C; } .icon-Gallery:before { content: "\e907"; font-size: 25px; color: #6a6e75; } .icon-HHonors_logo:before { content: "\e908"; } .icon-Instagram:before { content: "\e909"; color:#37619A; } .icon-menu_responsive:before { content: "\e90a"; } .icon-Pinterest .path1:before { content: "\e90b"; color: rgb(201, 41, 39); font-size: 40px; position: absolute; left: 0; } .icon-Pinterest .path2:before { content: "\e90c"; color: rgb(255, 255, 255); font-size: 40px; position: absolute; left: 0; } .icon-Pinterest:hover .path1:before{color:#000;} .icon-Twitter:before { content: "\e90d"; color:#2EACE2; } .icon-WA_Chicago_logo:before { content: "\e90e"; } .icon-WA_logo:before { content: "\e90f"; } .icon-Call:before { content: "\e900"; font-size: 25px; color: #6a6e75; } .icon-map:before { content: "\e901"; font-size: 25px; color: #6a6e75; } */ /* ========================================================================== Author's custom styles ========================================================================== */ /* main styles */ #wrapper {max-width: 1680px;margin: auto;position: relative;background-color: #fff;} body{background-color: #d9d9d9;} #main{position: relative;} /* Header */ header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99999;} .header-wrapper{background-color: #f8f8f8;width: 100%;height: 90px;max-width: 1680px;margin: 0 auto;position: relative;box-shadow: 0px 5px 5px rgba(76,76,76,0.12);-webkit-box-shadow: 0px 5px 5px rgba(76,76,76,0.12);-moz-box-shadow: 0px 5px 5px rgba(76,76,76,0.12);} .hotelLogo{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; -webkit-box-align:center; -ms-flex-align:center; align-items:center;height: 90px ;position: relative;background-color: #fff;padding: 5px 13px; -webkit-box-sizing: border-box; box-sizing: border-box;width: 245px; overflow: hidden; } /*.hotelLogo a{display: block;width: 100%;height: 100%;text-indent:-9999px;background: url('/assets/img/waldorf-astoria-horizontal.svg') no-repeat 50%;}*/ .hotelLogo a { text-decoration: none; color: #000; line-height: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: .2s left; transition: .2s left; display: -webkit-box; display: -ms-flexbox; display: flex; } .hotelLogo:hover { left: 0; } .hotelLogo a.hotel:after{content: "\e90e"; font-family: 'icomoon'; font-size: 1.925rem; color: #000; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;} .hotelLogo a.brand::before { content: "\e91a"; font-family: 'icomoon'; font-size: 1.925rem; color: #000; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } .hotelLogo img{max-width: 100%;height: 100%;} .hotelLogo .icon-arrow_right_black { margin: 0 0.5rem 0 0; } .brand::before { max-width: 0; overflow: hidden; -webkit-transition: max-width .2s linear; transition: max-width .2s linear; } .brand:hover::before { max-width: 20rem; } .hotelLogo a:hover .icon-arrow_right_black { margin: 0 1.5rem 0 0.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .hotelLogo-gradient{width: 15px;height: 90px;position:relative;background: -webkit-gradient(linear, left top, right top, from(rgba(121,121,121,0.09)),to(rgba(121,121,121,0)));background: linear-gradient(to right, rgba(121,121,121,0.09) 0%,rgba(121,121,121,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17797979', endColorstr='#00797979',GradientType=1 );} .hotelright-wrapper{max-width: 90%;} nav.main-nav{padding: 0;} nav.main-nav > ul{float: left;height: 90px;text-align: center;cursor: pointer;margin: 0;padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } nav.main-nav ul li{list-style-type: none;display: inline-block;margin-left: -6px;height: 100%;} nav.main-nav > li{} /*nav.main-nav ul > li:hover span.nav-main-title a span{background-color: #9e1b32;color: #fff;}*/ nav.main-nav ul li span.nav-main-title{font:normal 13px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;color: #171717;cursor: pointer;display: block;height: 100%;width: 100%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} nav.main-nav ul li span.nav-main-title a{/*display: table-cell!important;vertical-align: middle;*/max-height: 20px;white-space: nowrap;text-decoration: none;color: #171717;line-height: 20px;width: 100%;outline: 0;} nav.main-nav ul li span.nav-main-title a span{display: inline-block;border-left: 1px solid #000;padding: 0 25px;} nav.main-nav ul li:first-child span.nav-main-title a span{border-left: none;} nav.main-nav ul li .nav-arrow{width: 0;height: 0;position: absolute;content: "";border-left: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid #39393c; /* left: 50%;margin-left: -7px;*/float: right;z-index: 99;bottom: 0; display: none;} nav.main-nav ul li .main-subnav{overflow:hidden;height: auto;max-height:0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;position: absolute;background-color: #f8f8f8;z-index: 99;} nav.main-nav ul li .main-subnav ul{height: auto;padding: 16px 29px 12px 29px;margin: 0;text-align:left;} nav.main-nav ul li .main-subnav ul li{display: block;height: auto;margin: 10px auto;font: normal 13px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;} nav.main-nav ul li .main-subnav ul li a{color: #000;text-decoration: none;} nav.main-nav ul li .main-subnav ul li:hover a{} nav.main-nav ul li#nav-hover-tab {position: absolute;top: 28px;height: 3px;background: rgba(0,0,0,.125);display: none;margin-left:25px;} .scrolled nav.main-nav ul li#nav-hover-tab{top: 8px;} nav.main-nav ul li.parent_page{} .nav-active-arrow{background-color: #9e1b32;position: absolute;top: 30px;height: 3px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;} .scrolled .nav-active-arrow{top:8px;} .topline { display: -webkit-box; display: -ms-flexbox; display: flex; } span#lowestprice { font: 50px/38px "Nobel Light", "Helvetica Neue", Helvetica, Arial, sans-serif; width: auto; } span#ratesfrom { font: 9px/12px "Nobel Light", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; float: none; position: relative; top: 0; display: inline-block; cursor: pointer; padding-right: 5px; } span#dollarsign { font: 30px/25px "Nobel Light", "Helvetica Neue", Helvetica, Arial, sans-serif; } span#pernight { font: 9px/12px "Nobel Light", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; float: none; position: relative; top: 0; display: inline-block; cursor: pointer; text-align: right; display: block; padding-top: 5px; } div#top-departure, #price-point { max-width: 121px; } .prices-from { position: relative; } .prices-from:after { content: ""; position: absolute; left: -30px; top: 0; bottom: 0; width: 1px; background: #fff; opacity: 0.4; } .prices-from { width:145px; } .booking-widget-bottom .booking_widget { max-width:680px; } #price-point { max-width: 121px; margin: 13px 7px 15px 7px; padding-right: 12px; } @media(max-width:700px) { div#price-point { display:none; } .booking-widget-bottom .booking_widget { max-width:500px; } } @media(max-width:580px) { div#price-point { max-width: 200px; width: 100%; margin: 0 auto; } .prices-from:after { display:none; } .booking-widget-bottom .booking_widget { width:auto; } } /*.nav-controls{display: none;}*/ .header-icons{padding: 0 30px 0 12px;} .header-icons ul{float: left;height: 90px;text-align: center;cursor: pointer;margin: 0;padding: 0;display: table;} .header-icons ul li{list-style-type: none;display: table-cell;vertical-align: middle;padding-left: 29px;position:relative;} .header-icons ul li a{display: inline-block;position: absolute;top: 31px;left: 29px;} .scrolled .header-icons ul li a{top:15px;} .header-icons ul li.icon-map a{width: 16px;height: 25px;} .header-icons ul li.icon-Call a{width: 25px;height: 25px;} .header-icons ul li.icon-Gallery a{width: 30px;height: 25px;left:0;} .header-icons ul li.icon-Gallery{display: none;} .header-icons ul li:hover:before{color:#92192c;} .booking-widget-header{padding-right: 9px;position: relative;} .booking-widget-top{height: 90px;display: table;} .booking-widget-top span.booking-widget-top-copy{font: 14px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;display: table-cell;vertical-align: middle;} .booking-widget-top span.booking-widget-top-copy a{color: #fff;height: 40px;background-color: #9e1b32;text-decoration: none;display: inline-block;padding: 4px 16px 0;letter-spacing: 0.75px;float: left;margin-top: 3px;outline: 0;z-index: 1;position: relative;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;-ms-transition: all 0.25s linear;} .booking-widget-top.open span.booking-widget-top-copy a{background: none;color:#9e1b32;} .booking-widget-top span.booking-widget-top-copy:before{position:relative;right: 98%;top: 6px;content: '';height: 37px;display: inline-block;border-right: 1px solid #cccccc;z-index: 0;} /*.booking-widget-top span.booking-widget-top-copy:after{content: '';border-right: 1px solid #cccccc;position:relative;left: -2px;top: 6px;height: 37px;display: inline-block;z-index: 0;}*/ .booking-widget-top span.booking-widget-top-copy a.open{color:#9e1b32;background: none;} .booking-widget-top span.booking-widget-top-copy a:after{content: "\e904";font-size: 8px;position: relative;margin-left: 12px;top: -1px;} .booking-widget-top.open span.booking-widget-top-copy a:after{color:#9e1b32;top: -2px;content: "\e912";} .booking-widget-bottom .booking_widget{ overflow:hidden;height: auto;max-height:0;transition: max-height 0.5s linear;-webkit-transition: max-height 0.5s linear;-moz-transition: max-height 0.5s linear;-o-transition: max-height 0.5s linear;-ms-transition: max-height 0.5s linear;width: 680px;height: 75px;position: absolute;right: 0px;background-color: rgba(134, 134, 132, 0.88);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0868684', endColorstr='#e0868684',GradientType=1 );} .booking-widget-top.open+.booking-widget-bottom .booking_widget{max-height: 150px;} .booking_widget{} .booking_widget form{width: 100%;height: 100%;} .booking_widget form fieldset#booking-dates{font-family: "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #FFF;height: 75px;float: left;} /*#top-arrival{padding: 13px 0 15px 24px;} #top-departure{padding: 13px 7px 15px 7px;margin-right:12px;} #top-arrival:hover,#top-departure:hover{background-color: rgba(238,238,238,0.85);color: #000;}*/ #top-arrival,#top-arrival2{padding: 13px 0 9px 0;margin-left:24px;} #top-departure,#top-departure2{margin: 13px 7px 15px 7px;padding-right:12px;} #top-arrival:hover,#top-departure:hover,#top-arrival2:hover,#top-departure2:hover{border-bottom: 2px solid #c1c1c1;padding-bottom: 9px;} #top-arrival:hover .date,#top-departure:hover .date,#top-arrival2:hover .date,#top-departure2:hover .date{color:#c1c1c1;} /*.booking_widget .calendar-open{background-color: rgba(238,238,238,0.85);color: #000;}*/ .booking_widget .calendar-open-nothovered.calendar-open{border-bottom: 2px solid #fff;padding-bottom: 9px;} .booking_widget .calendar-open-nothovered:hover{border-bottom: 2px solid #c1c1c1!important;padding-bottom: 9px!important;} .date_field{max-width: 95px;display: inline-block;float: left;cursor: pointer;} .date_field > input{display:none;} .date_field > .left{margin-left:5px;margin-top: 1px;} .date_field .date{font: 50px/38px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;width: auto;float: left;} .date_field .day,.date_field .month{font: 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;} /*.date_field label{font: 9px/9px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;float: none;position: relative;top: 5px;padding-right: 20px;width:100%;float: left;}*/ .date_field label{font: 9px/9px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;float: none;position: relative;top: 0;display: inline-block;cursor: pointer;width:87%;} .calendar-divider{display: inline-block;width: 40px;height: 100%;float: left;position: relative;margin: 0 9px;} .calendar-divider img{width: 100%;position: absolute;top: 50%;margin-top: -4px;height: 8px;} .booking_widget form input#booking-submit{-webkit-transition: .2s all linear;transition: .2s all linear; border: 1px solid #9e1b32;color: #fff;height: 37px;background-color: #9e1b32;text-decoration: none;display: inline-block;padding: 0px 26px 0;letter-spacing: 0.75px;float: left;outline: 0;text-transform: uppercase;position: absolute;top: 50%;margin-top: -19px;right:11px;} .booking_widget form input#booking-submit:hover { color: #9e1b32; background: #FFF; } .scrolled .header-wrapper,.scrolled .hotelLogo,.scrolled nav.main-nav > ul,.scrolled .header-icons ul,.scrolled .booking-widget-top,.scrolled .hotelLogo-gradient{height: 56px;} /* Masthead */ .header-section{position: relative;padding-top: 90px;width: 100%;} .header-section img{width: 100%;max-height: 100%;} /* Homepage */ .fx{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 350ms ease-out;transition: all 350ms ease-out;} .fx.fx--fade-in {opacity: 0;} .fx.fx--translate-up {-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);} .fx.fx--move-up {top: 100%;} .content-column{width: 100%;position: relative;height: 100%;} .col1-wrapper{margin: 27px auto;max-width: 1598px;} .grid-layout{width: 100%;} .item{overflow: hidden;margin: 0 0.59% 0.59% 0;} .item.h1{ max-height:306px;width: 32.63%;} .item.h2 { max-height:612px;width: 32.63%;} .item:nth-child(6){max-height:621px;} .item.h2:nth-child(6) .item-inner img{max-height: 621px;} .item-inner{position: relative;max-height: 100%;z-index: 10;} .item-inner img {width: 100%;max-width: 100%;} .item.h1 .item-inner img{max-height: 306px;} .item.h2 .item-inner img{max-height: 612px;} .section_hover {position:absolute;top: 0;opacity:1;font-size: 1em;left: 0;width: 100%;height: 100%; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;} /*.item-inner:hover .section_hover{background: -moz-linear-gradient(top, rgba(38,36,30,0.65) 0%, rgba(38,36,30,0.65) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,36,30,0.65)), color-stop(100%,rgba(38,36,30,0.65)));background: -webkit-linear-gradient(top, rgba(38,36,30,0.65) 0%,rgba(38,36,30,0.65) 100%);background: -o-linear-gradient(top, rgba(38,36,30,0.65) 0%,rgba(38,36,30,0.65) 100%);background: -ms-linear-gradient(top, rgba(38,36,30,0.65) 0%,rgba(38,36,30,0.65) 100%);background: linear-gradient(to bottom, rgba(38,36,30,0.65) 0%,rgba(38,36,30,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a626241e', endColorstr='#a626241e',GradientType=0 );}*/ .item.h1 .section_hover,.item.h2 .section_hover{max-width: 522px;} .section_hover_padding{text-align: center;position: absolute;bottom: 0;left: 0;-webkit-transition: bottom 0.3s ease-out;transition: bottom 0.3s ease-out;-moz-transition: bottom 0.3s ease-out;-o-transition: bottom 0.3s ease-out;-ms-transition: bottom 0.3s ease-out;width:100%;background: rgba(255,255,255,0.9);} .item-inner:hover .section_hover_padding{} .spacer{height: 1px;background-color: #D0D0D0;width: 50px;position: absolute;top: 0;left: 50%;margin-left: -25px;} .spacer_bottom{height: 1px;background-color: #D0D0D0;width: 50px;position: absolute;left: 50%;margin-left: -25px;bottom: 0;} .section_hover_title{padding: 21px 5px 0px;} .section_hover_title h2{text-transform: uppercase;margin: 0;padding: 0;font:normal 2.250em/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;} .template-1 .section_hover_title h2 span{font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;display:inline-block;vertical-align:top;} .section_hover_padding p{margin: 14px auto 0;padding: 0 5px 0;font:normal 16px/24px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;max-width:60%;} .section_hover_padding a{padding: 10px 21px;margin: 22px 0 26px 0;background: #000;border: 1px solid #000;color: #fff;text-decoration: none;font:normal 14px/17px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;text-transform: uppercase;-webkit-transition: background 0.9s ease-out;transition: background 0.9s ease-out;-moz-transition: background 0.9s ease-out;-o-transition: background 0.9s ease-out;-ms-transition: background 0.9s ease-out;} .section_hover_padding a:hover{background:#FFF;color:#000;} /*.item .masthead-container .section_hover{font-size:1em!important;}*/ /*.item .masthead-container .section_hover_padding{margin-bottom:0!important;margin-left:0!important;-o-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%);}*/ .item .masthead-container .section_hover_padding p{opacity:1!important;} .item .masthead-container .section_hover{background: -webkit-gradient(linear, left top, left bottom, from(rgba(38,36,30,0.65)),to(rgba(38,36,30,0.65)));background: linear-gradient(to bottom, rgba(38,36,30,0.65) 0%,rgba(38,36,30,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a626241e', endColorstr='#a626241e',GradientType=0 );} .template-1 .rotation-click{bottom: auto;top: 50%;margin-top: -14px;width: 100%;left: 0;margin-left: 0;} .template-1 .rooms-prev:before,.template-1 .rooms-next:before{font-size:28px;} .template-1 .rooms-prev{padding-left: 20px;} .template-1 .rooms-next{padding-right: 20px;} /* Spa Template */ .subpage-col1-wrapper{padding: 67px 5% 150px;max-width: 884px;margin: auto;text-align:center;position: relative;width: 90%;} .subpage-col1-wrapper h1{max-width: 570px;margin:0 auto;padding:0;font:normal 52px/72px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;letter-spacing:1px;text-transform:uppercase;} .subpage-col1-wrapper p{margin:39px 0 0 0;padding:0;font:normal 24px/36px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #231b16;letter-spacing:0.25px;position: relative;} .scroll-down,.scroll-down-2,.scroll-down-3,.scroll-down-4{width: 30px;height: 20px;margin: 0;position: absolute; bottom: 40px;left: 50%;margin-left: -15px;cursor:pointer;z-index:8;} .scroll-down-2,.scroll-down-3{bottom:72px;} .scroll-down:before{content: "\e904";font-size: 16px;color:#fff;} .scroll-down-2:before,.scroll-down-3:before,.scroll-down-4:before{content: "\e904";font-size: 16px;color:#c4c1bf;} .subpage-col2-wrapper{} .swipe-nav{max-width: 884px;margin:0 auto 18px;font:normal 18px/20px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #8a8881;} .page-9 .swipe-nav,.page-40 .swipe-nav,.page-68 .swipe-nav,.page-10 .swipe-nav{display:none!important;} .owl-carousel{} .owl-wrapper-outer{} .owl-wrapper{} .swipe-nav .owl-item{text-align:center;} .swipe-nav .owl-item.synced .items-child{border-bottom: 1px solid #8a8881;padding-bottom: 10px;color:#000;white-space:nowrap;} .owl-item.active{} .owl-item .items-child{display: inline-block;width: auto;cursor: pointer;} .swipe-section{position: relative;width: 100%;height: 100%;display: inline-block;} .swipe-section-left{width:67.63%;position: absolute;left: 0;height: 100%;top: 0;bottom: 0;right: 0;display: inline-block;} .full-width .swipe-section-left{width:100%;max-height: 743px;overflow: hidden;position: relative;} .swipe-section-left img{max-width:100%;width:100%;height:100%;} .template-3 .swipe-section-left img{height:auto;position:relative;top:-35px;} .full-width .swipe-section-left img{height:auto;} /*.full-width .swipe-section-left img{margin-top:-35%;}*/ .swipe-section-left-overlay{display:block;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width: 753px;width: 75%;text-align: center;} .swipe-section-left-overlay h2{margin:0;padding:0;font:normal 72px/72px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #fff;letter-spacing:0.25px;text-transform:uppercase;} .swipe-section-left-overlay p{margin:62px 0 0 0;padding:0;font:normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #fff;letter-spacing:0.25px;} /*.swipe-section-3 .swipe-section-left-overlay h2{color:#000;font:normal 24px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;}*/ .swipe-section-3 .swipe-section-left-overlay h2 span{margin-top: 21px;font:normal 100px/72px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;display: block;} .swipe-section-3 .swipe-section-left-overlay p{margin-top: 41px;color:#231b16;font:normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .swipe-section-right{width:32.37%;position: relative;left: 67.63%;height: auto;padding: 0;background-color: #ececec;} .half-width .swipe-section-right{min-height:743px;} .full-width .swipe-section-right{width: 90%;position: relative;background-color:#fff;left:0;padding:0 5%;} .swipe-section-right p{-webkit-transition: max-height 0.3s ease-out;transition: max-height 0.3s ease-out;-moz-transition: max-height 0.3s ease-out;-o-transition: max-height 0.3s ease-out;-ms-transition: max-height 0.3s ease-out;margin:0 0 50px 0;padding:0;font:normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #231b16;letter-spacing:0.25px;} .full-width .swipe-section-right p{margin: 0 0 36px 0;} .full-width .swipe-section-right p a{font-size: 24px;line-height: 36px;display: inline-block;color: #943f2b;text-decoration: none;} .full-width .swipe-section-right p a:hover{text-decoration:underline;} .swipe-section-right-inner{display:block;-webkit-transform: translate(-50%,0);transform:translate(-50%,0%);position: relative;left: 50%;top: 0;width: 80%;padding: 10% 7% 10% 13%;} .swipe-section-right-inner p{position: relative;} .full-width .swipe-section-right-inner{position: relative;top: 0;left: 0;padding: 0;width: 100%;transform: none;-o-transform:none;-moz-transform:none;-webkit-transform:none;-ms-transform:none;max-width: 890px;margin: 73px auto;text-align:center;} .opening-times{width: 100%;max-width: 330px;margin: auto;} .page-77 .opening-times, .page-81 .opening-times{max-width:425px;} .full-width .opening-times{padding-top:13px;} .opening-times-outer{text-align:center;} .opening-times-outer+.opening-times-outer{margin-top:102px;} .opening-times-outer h3{margin:0;padding:0;font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;text-transform:uppercase;} .opening-times-outer span.sub-header{margin: 24px 0 0 0;;padding:0;font:normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #919190;display: block;} .opening-times-inner{margin-top: 19px;} .opening-times-inner .left{width: 45%;} .page-81 .opening-times-inner .left{width:100%;} .opening-times-inner .left span{display: inline-block;} .opening-times-inner span.meridian{font:normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;margin-left: -9px;position: relative;top:-2px;} .opening-times-inner span.text-top{margin:0;padding:0;font:normal 48px/48px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#84baae;} .opening-times-inner span.text-bottom{margin:16px 0 0 0;padding:0;font:normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;letter-spacing:0.70px;text-transform:uppercase;} .opening-times-inner .right{width: 45%;} .opening-times-inner .right span{display: inline-block;} .time-divider{background-color: #d1d1d1;height: 1px;width: 100%;margin-top: 8px;} .spa-anchor{margin: 41px auto 0;} .spa-anchor a{margin-top:20px;} .swipe-layout .spa-anchor a{display: inline-block;color:#606363;text-transform:uppercase;font:normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;width:176px;margin-right: 11.25%;text-align:center;letter-spacing: 2px;} .page-10 .swipe-layout .spa-anchor a{margin-right:3.25%;} .swipe-layout .spa-anchor a:hover{color:#000;} .spa-anchor a.spa-title:hover:before,.spa-anchor a.spa-title:hover:after{background-color:#000;} .full-width .swipe-layout .spa-anchor a{margin-right:102px;} .swipe-layout .spa-anchor a:last-child{margin-right:0;} .spa-anchor a.spa-title:before,.spa-anchor a.spa-title:after{display: block;width:100%;background-color:#949d9e;height:1px;width:100%;content:'';} .spa-anchor a.spa-title:before{margin-bottom:15px;} .spa-anchor a.spa-title:after{margin-top:14px;} .swipe-layout{width:100%;max-width:1680px;cursor:pointer;} .swipe-layout a{text-decoration:none;color:#84baae;} .owl-carousel,.owl-wrapper-outer{width: 100%;} .subpages-social-wrap{position: absolute;bottom: -51px;right: 0;z-index: 9;} .subpages-social-wrap ul{margin:0;padding:0;} .subpages-social-wrap ul li{list-style-type:none;display:inline-block;position:relative;} .subpages-social-wrap ul li:before{font-size: 40px;margin-right: 15px;display: inline-block;color: #aeaead;} .subpages-social-wrap ul li.icon-facebook:before{margin-right:6px;} .subpages-social-wrap ul li.icon-Twitter:hover:before{color: #2EACE2;} .subpages-social-wrap ul li.icon-facebook:hover:before{color: #365A9C;} .subpages-social-wrap ul li.icon-Instagram:hover:before{color: #37619A;} .subpages-social-wrap ul li a{display: inline-block;width: 40px;height: 40px;position: absolute;top: 0;left: 0;z-index: 9} .swipe-icon{width: 140px;height: 140px;background: rgba(0,0,0,0.26);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42000000', endColorstr='#42000000',GradientType=1 );margin: auto;margin: 60px auto 0;border-radius: 140px;-webkit-border-radius: 140px;-moz-border-radius: 140px;-ms-border-radius: 140px;position: relative;} .swipe-icon span.swipe-text{color: #fff;font: normal 16px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;display: block;position: relative;top: 48px;text-align:center;letter-spacing: -0.25px;} .swipe-icon span.hand-icon{background: url('/assets/img/icons/Swipe.svg') no-repeat;display: block;width: 42px;height: 48px;margin: auto;position: relative;top: 58px;} .sliding-anchor-copy{display: none;position: relative;} .anchor-close{position:absolute;top: 15px;right:15px;} .sliding-anchor-copy{width: 110%;padding: 48px 0;margin: 0 -5%;background-color: #e0e0e0;text-align: center;} .sliding-anchor-copy h4{margin:0;padding:0;font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;letter-spacing:2px;} .sliding-anchor-copy a{color: #7e7e7e;text-transform: lowercase;font: normal 16px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 0.25px;} .sliding-anchor-copy p{color:#201a16;font: normal 16px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.25px;margin: 25px 0 0;} .sliding-anchor-copy p+p{margin:0;} .scrolling-fixed .swipe-nav{position: fixed;/*top: 56px;*/top:0;z-index: 9;background-color: #f8f9fb;width: 100%;height: 61px;margin: 0 auto;max-width: 1680px;} .scrolling-fixed .swipe-nav #sync2{padding-top: 15px;width: 100%;max-width: 884px;margin: auto;} .swipe-section-right-inner h2{margin:0 0 20px;padding: 0;font: normal 54px/54px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#231b16;letter-spacing:13px;text-transform: uppercase;text-align:center;} .page-40 .swipe-section-right-inner h2{text-align:center;} .page-40 .opening-times-inner .left,.page-40 .opening-times-inner .right{float:none;margin:auto;display:inline-block;} .page-40 .opening-times-inner .right{margin-left:45px;} .page-40 .opening-times{max-width:none;width: 500px!important;} .page-40 .opening-times-outer+.opening-times-outer{margin-top:0;} .page-40 .swipe-section.swipe-section-2 .opening-times{max-width:none;} .page-40 .swipe-section.swipe-section-2 .opening-times-outer{width: 500px;margin: auto;} .page-40 .swipe-section.swipe-section-2 .opening-times-outer+.opening-times-outer{margin-top: 0;} .page-40 .opening-times-inner span.text-top{white-space:nowrap;} .page-40 .spa-services-wrap ul{-moz-column-count: 2;-moz-column-gap: 40px;-webkit-column-count: 2;-webkit-column-gap: 40px;column-count: 2;column-gap: 40px;display:block;} .page-40 .spa-services-wrap ul li{font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;/*width: 45%;display: inline-block;vertical-align: top;*/text-indent: -17px;margin-top:12px;} .page-40 .spa-services-wrap ul li:nth-child(2n){margin-right:0;} /*.page-40 .opening-times-outer.cycle-slide-active h3{display:block;}*/ .page-40 .opening-times-outer h3{display:none;} .page-40 .cycle-carousel-wrap{} .page-40 .opening-times-outer{width: 500px;display:inline-block;white-space:normal;} .page-40 .instagram-feed-controls{width: 620px;top: -70px;} .page-40 .opening-times-inner{margin-bottom:19px;} .page40-header{display:none;} .page-40 .page40-header{display:block!important;} .page-40 .opening-times-outer:last-child h3.page40-header{display:none!important;} .page-40 .scroll-down-4{display:none;} .page-68 .swipe-section-right-inner h2{text-align:center;} .page-68 .opening-times-inner .left,.page-68.opening-times-inner .right{float:none;margin:auto;display:inline-block;} .page-68 .opening-times-inner .right{margin-left:45px;} .page-68 .opening-times{max-width:none;width: 500px!important;} .page-68 .opening-times-outer+.opening-times-outer{margin-top:0;} .page-68 .swipe-section.swipe-section-2 .opening-times{max-width:none;} .page-68 .swipe-section.swipe-section-2 .opening-times-outer{width: 500px;margin: auto;} .page-68 .swipe-section.swipe-section-2 .opening-times-outer+.opening-times-outer{margin-top: 0;} .page-68 .opening-times-inner span.text-top{white-space:nowrap;} .page-68 .spa-services-wrap ul{-moz-column-count: 2;-moz-column-gap: 40px;-webkit-column-count: 2;-webkit-column-gap: 40px;column-count: 2;column-gap: 40px;display:block;} .page-68 .spa-services-wrap ul li{font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;/*width: 45%;display: inline-block;vertical-align: top;*/text-indent: -17px;margin-top:12px;} .page-68 .spa-services-wrap ul li:nth-child(2n){margin-right:0;} /*.page-68.opening-times-outer.cycle-slide-active h3{display:block;}*/ .page-68 .opening-times-outer h3{display:none;} .page-68 .cycle-carousel-wrap{} .page-68 .opening-times-outer{width: 500px;display:inline-block;white-space:normal;} .page-68 .instagram-feed-controls{width: 620px;top: -70px;} .page-68 .opening-times-inner{margin-bottom:19px;} .page-68 .page40-header{display:block!important;} .page-68 .opening-times-outer:last-child h3.page40-header{display:none!important;} /* Instagram */ .post.instagram.masthead-slide.cycle-slide{width: 297px;height: 277px;overflow-x: hidden;} .post.instagram.masthead-slide.cycle-slide img{height: 100%;padding-left:20px;min-width: 100%;width: auto;} .instagram-feed-controls{width: 100%;height: 28px;max-width: 1268px;margin: auto;position: relative;top: -147px;} .instagram-feed-left-arrow{height:10px;width: 10px;} .instagram-feed-left-arrow:before{content: "\e910";color:#616060;font-size: 24px;display: inline-block;cursor: pointer;} .instagram-feed-right-arrow{height:10px;width: 10px;} .instagram-feed-right-arrow:before{content: "\e911";color:#616060;font-size: 24px;display: inline-block;cursor: pointer;} .instagram-feed{padding: 23px 0;text-align: center;background-color:#FFF;margin-bottom: 0; border-top: 1px solid #a28e4d;} .instagram-feed h1{margin: 0 0 11px;font:normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;} .instagram-feed a.view-all{color:#000;font:normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;text-decoration:none;display: inline-block;} .instagram-feed a.view-all:before{content: '';position: relative;background-color: #949c9e;height: 1px;width: 202px;display: block;margin-bottom: 15px;} .instagram-feed a.view-all:after{content: '';background-color: #949c9e;height: 1px;position: relative;width: 202px;display: block;margin-top: 14px;} .instagram-feed a.view-all:hover{color:#000;} .instagram-feed a.view-all:hover:before{background-color: #000;} .instagram-feed a.view-all:hover:after{background-color: #000;} .socialator.socialPosts{margin: auto;} .instagram-feed .icon-Instagram:before{color: #4e4d4d;} .hide-right{display: none;} .instagram-feed a{text-decoration:none;color:#222;} /* Specials overview and individual pages */ .template-3 .subpage-col1-wrapper{padding: 118px 5% 67px;} .template-3 .subpage-col1-wrapper p{margin: 39px 0 0 0;} .template-3 .swipe-section-right-inner{padding: 51px 48px;margin-bottom:51px;} .template-3 .swipe-section-right-inner h2{color:#a67b15;font:normal 56px/54px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;margin:0;padding:0;letter-spacing:0.25px;} .template-3 .swipe-section-right-inner h3{color:#262626;font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;margin:11px 0 0;padding:0;letter-spacing:0.25px;} .template-3 .swipe-section-right-inner p{color:#000;font:normal 18px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:26px 0 0;padding:0;letter-spacing:0.25px; text-align:left} .template-3 .swipe-section-right-inner ul{margin:26px 0 0 0;padding: 0 0 0 18px;} .template-3 .swipe-section-right-inner ul li{color: #000;font: normal 18px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 0;padding: 0;letter-spacing: 0.25px; text-align:left} .template-3 .swipe-section-right-inner ul li span{} .template-3 .swipe-layout .spa-anchor a{color:#fff;font:normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;letter-spacing:0.25px;text-transform: uppercase;border:1px solid #000;padding: 14px 0;width:139px;letter-spacing:1.25px;} .template-3 .swipe-layout .spa-anchor a:before,.template-3 .swipe-layout .spa-anchor a:after{display: none;} .template-3 .swipe-section-right{background-color: #fff;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;} .template-3 .spa-anchor{margin:33px auto 0;} .template-3 .subpages-social-wrap{bottom:24px;left:48px;} .page-16 .swipe-section-left{overflow:hidden;} .template-4 .subpage-col2-wrapper{background-color: #f4f4f4;padding: 0 1% 47px;} .subpage-col2-wrapper-subwrap{max-width:1066px;width: 100%;margin: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .specials-overview-wrapper{width: 32%;margin-right:2%;margin-top: 33px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .specials-overview-wrapper:nth-child(3n){margin-right:0;} .specials-overview-image{width: 100%;height: 100%;max-height: 199px;overflow-y: hidden;} .specials-overview-image img{width: 100%;position: relative;top: -25px;} .specials-overview-content{width: auto;padding: 0 32px 53px;background-color: #fff;min-height:195px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .specials-overview-content h2{color:#3a3a3a;font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:24px 0 0;text-transform: uppercase;} .specials-overview-content p{color:#000;font:normal 18px/22px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:9px 0 0;padding:0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .spa-anchor.specials{margin: 20px auto 0;text-align: left;} .spa-anchor.specials a{color: #FFF;background: #000;font: normal 12px/12px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 0;text-decoration: none;letter-spacing: 2px;text-align: center;display: inline-block;border: 1px solid #000;padding: 14px 0;width: 139px;text-transform: uppercase;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} .spa-anchor.specials a:hover{color:#000;background-color:#FFF;} .spa-anchor.specials a:before,.spa-anchor.specials a:after{display: none;} .template-4 .subpage-col1-wrapper{padding: 67px 5% 48px;} .template-4 footer{margin-top:0;} .template-4 .subpage-col1-wrapper h1{max-width: none;} /* Meetings & Events Pages */ .template-6 .subpage-col2-wrapper{border-top: 1px solid #e5e5e5;} .subpage-col2-wrapper-top-wrap{background: url('/assets/img/spa/spa3-placeholder.png') no-repeat center;} .subpage-col2-wrapper-top{max-width: 730px;margin: auto;width: 90%;text-align: center;padding: 67px 5% 150px;position: relative;} .subpage-col2-wrapper-top h2{color: #000;font: normal 24px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;letter-spacing: 0.25px;margin:0;padding:0;} .subpage-col2-wrapper-top h2 span{margin-top: 21px;font: normal 100px/72px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;display: block;} .subpage-col2-wrapper-top p{margin-top: 41px;color: #231b16;font: normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .venues-carousel-wrap{position: relative;z-index:10;} #venues-carousel{width: 90%;margin: auto;} #venues-carousel .masthead-slide{margin-right: 10px;position: relative!important;width: 350px;height: 262px;} #venues-carousel .masthead-slide img{height: 100%;overflow-x:hidden;} #venues-carousel .masthead-slide:last-child{margin-right: 0;} #venues-carousel .masthead-slide img{} #venues-carousel .meetings-hover-section{opacity:0;-webkit-transition: opacity 0.93s ease-out;transition: opacity 0.93s ease-out;-moz-transition: opacity 0.93s ease-out;-o-transition: opacity 0.93s ease-out;-ms-transition: opacity 0.93s ease-out;position: absolute;top: 0;left: 0;z-index: 99999;width: 100%;height: 100%;} #venues-carousel .masthead-slide:hover .meetings-hover-section{opacity: 1;background-color:rgba(19,19,19,0.51);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82131313', endColorstr='#82131313',GradientType=1 );width: 100%;height: 100%;} #venues-carousel .meetings-hover-section .meetings-hover-section-inner{width: 80%;height: 80%;border: 1px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} #venues-carousel .meetings-hover-section .meetings-hover-section-inner p{margin:0;color: #fff;font: normal 34px/40px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);text-align: center;} .meetings-anchor{text-align: center;margin:64px 0 135px;} .subpage-col1-wrapper .meetings-anchor{margin:64px 0 0;} .meetings-anchor a.spa-title{text-decoration: none;display: inline-block;color: #606363;text-transform: uppercase;font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;width: 176px;margin-right: 76px;text-align: center;letter-spacing: 2px;} .meetings-anchor a.spa-title:hover{color:#000;text-decoration:none;} .meetings-anchor a.spa-title:hover:before,.meetings-anchor a.spa-title:hover:after{background-color:#000;} .meetings-anchor a.spa-title:last-child{margin-right:0;} .meetings-anchor a.spa-title:before,.meetings-anchor a.spa-title:after{display: block;width: 100%;background-color: #949d9e;height: 1px;width: 100%;content: '';} .meetings-anchor a.spa-title:before{margin-bottom: 15px;} .meetings-anchor a.spa-title:after{margin-top: 14px;} .venues-carousel-controls{width: 98%;height: 56px;position: absolute;top: 50%;margin: -28px 1% 0;z-index: 9;} .venues-carousel-left-arrow:before{color:#bab8b8;content: "\e910";font-size: 50px;display: inline-block;cursor: pointer;} .venues-carousel-right-arrow:before{color:#bab8b8;content: "\e911";font-size: 50px;display: inline-block;cursor: pointer;} .template-6 .subpage-col1-wrapper h1{max-width: none;} .template-6 .spa-anchor a{display: inline-block;color:#606363;text-transform:uppercase;font:normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;width:176px;margin-right: 11.25%;text-align:center;letter-spacing: 2px;text-decoration:none;} .template-6 .spa-anchor a:hover{color:#000;} .page-11 .subpage-col3-wrapper .spa-anchor a{margin-right:0;} .page-11 .swipe-section-right-inner ul{margin:0;padding:0;} .page-11 .swipe-section-right-inner ul li{text-align: left;font: normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #231b16;list-style-type:none;} .page-11 .swipe-section-right-inner ul li:before{content: '';width: 5px;height: 5px;background-color: #9f1334;margin-right: 12px;display: inline-block;margin-bottom: 6px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .spa-services-wrap{border-top:1px solid #e5e5e5;} .services-graphic{width: 100%;background: url('/assets/img/services-graphic.png') no-repeat;height: 160px;display: block;position: absolute;top: 0;left: 0;} .spa-services-wrap .subpage-col2-wrapper-top{padding: 212px 5% 150px;} .spa-services-wrap ul{margin:60px 0 0;padding:0;display:inline-block;} .spa-services-wrap ul li{list-style-type:none;color: #231b16;font: normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: left;} .spa-services-wrap ul li:before{content: '';width: 5px;height: 5px;background-color: #9f1334;margin-right: 12px;display: inline-block;margin-bottom: 2px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .spa-services-wrap2{} .spa-services-wrap2 a.spa-title{display: inline-block;color: #606363;text-transform: uppercase;font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;width: 176px;text-align: center;letter-spacing: 2px;text-decoration:none;} .spa-services-wrap2 a.spa-title:before,.spa-services-wrap2 a.spa-title:after{display: block;width: 100%;background-color: #949d9e;height: 1px;width: 100%;content: '';} .spa-services-wrap2 a.spa-title:hover:before,.spa-services-wrap2 a.spa-title:hover:after{background-color:#000;} .spa-services-wrap2 a.spa-title:before{margin-bottom: 15px;} .spa-services-wrap2 a.spa-title:after{margin-top: 14px;} .spa-services-wrap2 .terms{margin-top:190px;} .spa-services-wrap2 .terms p{color:#acacac;font: normal 12px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom:0;} /*.spa-services-wrap2 .full-width .swipe-section-right-inner{margin: 73px auto 0;}*/ /* Weddings Page */ .scrolling-data-section{display: none;} .scrolling-data-section:first-child+.scrolling-data-section{display: block;} .template-7 .subpage-col2-wrapper-top{max-width: none;padding: 162px 5% 262px;} .template-7 .subpage-col2-wrapper-top p{max-width:730px;margin:28px auto 0;} .template-7 .scroll-down-2,.template-7 .scroll-down-3{bottom: 148px;} .template-7 .subpage-col2-wrapper-top h2 span{letter-spacing:20px; margin-top: 7px;font: normal 100px/100px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .subpage-col3-wrapper{position: relative;} .subpage-col3-wrapper img{width: 100%;} .subpage-col3-wrapper .overlay-image{background-color: rgba(51,51,60,0.82);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;} .subpage-col3-wrapper-content{position: absolute;top: 50%;left: 50%;z-index: 10;text-align: center;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);width: 90%;max-width:1068px;} .subpage-col3-wrapper-content h3{margin:0;padding:0;font: normal 115px/115px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#f3ddeb;letter-spacing:5px;text-transform:uppercase;} .subpage-col3-wrapper-content h3 span{font: normal 36px/46px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#f3ddeb;display: block;margin: 9px 0 0;letter-spacing: 14px;} .subpage-col3-wrapper-content h3 span:before{content:'';position: relative;width: 7px;height: 7px;background: #fff;display: inline-block;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;top: -11px;right: 22px;} .subpage-col3-wrapper-content h3 span:after{content:'';position: relative;width: 7px;height: 7px;background: #fff;display: inline-block;border-radius: 7px;top: -11px;left: 22px;} .subpage-col3-wrapper-content p{margin:31px 0 0 0;padding:0;font: normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#f3ddeb;} .subpage-col4-wrapper{position: relative;z-index: 1;} #scrolling-section{} .scrolling-anchors-wrap{} .scrolling-anchors{} .scrolling-anchors-section{float:left;width:33.33%;text-align: center;cursor: pointer;padding: 105px 0;border-right: 1px solid #dcdcdc;position: relative;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);max-height:332px;} .scrolling-anchors-section:last-child{border-right:0;width:33.34%;} .scrolling-anchors-section:hover{background-color: #ded6db;} .anchors-icon{width: 58px;height: 65px;margin: auto;} .anchors-icon img{width: 100%;height: 100%;} .anchors-header{} .anchors-header h4{margin:33px 0 0 0;padding:0;font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#949494;text-transform:uppercase;letter-spacing:7px;} .scrolling-data{background-color: #ece7ea;padding: 100px 20px;text-align: center;min-height: 343px;} .scrolling-data-section{max-width: 960px;height: 100%;margin: auto;} .scrolling-data-section .cycle-slideshow{} .scrolling-data-section .cycle-slideshow .cycle-pager{position: absolute;bottom: -65px;z-index: 9999;left: 50%;margin-left:-32px;} .scrolling-data-section .cycle-slideshow .cycle-pager span{width: 12px;height: 12px;display: inline-block;text-indent: -9999px;background-color: #bebabc;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;margin-left:20px;cursor:pointer;} .scrolling-data-section .cycle-slideshow .cycle-pager span.cycle-pager-active{background-color:#484746;} .scrolling-data-sub-section{} .scrolling-data-sub-section h4{padding:0;font: normal 52px/55px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;text-transform:uppercase;max-width:640px;margin:0 auto 20px;letter-spacing: 11px;} .scrolling-data-sub-section p{margin:30px 0 0;padding:0;font: normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#231b16;} .scrolling-data-sub-section a{color: #7c7b7b;text-decoration:none;} .scrolling-data-sub-section a:hover{text-decoration:underline;} .scrolling-data-sub-section .anchor-button{margin: 53px auto 0;} .scrolling-data-sub-section .anchor-button a{display: inline-block;color:#606363;font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-align:center;width: 203px;letter-spacing: 2px;text-decoration: none;} .scrolling-data-sub-section .anchor-button a:before{display: block;width: 100%;background-color: #949d9e;height: 1px;width: 100%;content: '';margin-bottom: 15px;} .scrolling-data-sub-section .anchor-button a:after{display: block;width: 100%;background-color: #949d9e;height: 1px;width: 100%;content: '';margin-top: 14px;} .scrolling-data-sub-section .anchor-button a:hover{color:#000;} .scrolling-data-sub-section .anchor-button a:hover:before,.scrolling-data-sub-section .anchor-button a:hover:after{background-color: #000;} .scrolling-data-sub-section img{width: 100%;} .subpage-col5-wrapper{position: relative;} .subpage-col5-wrapper img{width: 100%;} .subpage-col5-wrapper .overlay-image{background-color: rgba(66,22,51,0.15);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;} .subpage-col5-wrapper-content{position: absolute;top: 50%;left: 50%;z-index: 10;text-align: center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .subpage-col5-wrapper-content h3{margin:0;padding:0;font: normal 52px/52px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;letter-spacing:12px;text-transform:uppercase;} .subpage-col5-wrapper-content p{margin:20px 0 0;padding:0;font: normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;} .subpage-col5-wrapper-content p+p{margin:35px 0 0;} .subpage-col5-wrapper-content a{color:#d7d7d7;text-decoration: none;} .subpage-col5-wrapper-content a:hover{text-decoration:underline;} .subpage-col5-wrapper-content .anchor-button{display: inline-block;color:#606363;font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-align:center;width: 203px;letter-spacing: 2px;text-transform:uppercase;margin-top: 54px;} .subpage-col5-wrapper-content .anchor-button a{display: inline-block;width: 100%;color:#fff;letter-spacing: 2px;text-transform:uppercase;text-align:center;} .subpage-col5-wrapper-content .anchor-button a:before{display: block;width: 100%;background-color: #fff;height: 1px;width: 100%;content: '';margin-bottom: 15px;} .subpage-col5-wrapper-content .anchor-button a:after{display: block;width: 100%;background-color: #fff;height: 1px;width: 100%;content: '';margin-top: 14px;} .subpage-col5-wrapper-content .anchor-button a:hover{color:#d7d7d7;text-decoration: none;} .subpage-col5-wrapper-content .anchor-button a:hover:before,.subpage-col5-wrapper-content .anchor-button a:hover:after{background-color: #d7d7d7;} .template-7 footer{margin-top:0;} .thumb-wedding{width: 183px;height: auto;display: inline-block;margin-right: 37px;margin-top:14px;vertical-align:top;} .thumb-wedding:last-child{margin-right:0;} .thumb-wedding img{width: 100%;max-height:193px;} .scrolling-data-section-2 .thumb-wedding p{font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin: 11px 0 0;padding:0;} .scrolling-data-section.scrolling-data-section-2{max-width:1120px;} .wedding-2col-section{width: 44.5%;text-align:left;display:inline-block;padding-left:5%;border-right: 1px solid #d4cfd2;vertical-align:top;} .wedding-2col-section+.wedding-2col-section{border-right:0;} .scrolling-data-section-2 .scrolling-data-sub-section .anchor-button{width: 100%;float: left;} .scrolling-data-section-2 p{font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;padding: 0 80px 0 0;margin:0;} .scrolling-data-section-2 ul{margin:15px 0 0 17px;padding: 0;} .scrolling-data-section-2+.scrolling-data-section-2 ul{padding:0;} .scrolling-data-section-2 ul li{font: normal 16px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;} .anchor-arrow{display: none;width: 0;height: 0;position: absolute;bottom:-15px;z-index: 99;content: "";border-left: 15px solid rgba(0, 0, 0, 0);border-right: 15px solid rgba(0, 0, 0, 0);border-top: 15px solid #fff;left: 50%;margin-left: -7px;} .scrolling-anchors-section:hover .anchor-arrow{border-top: 15px solid #ded6db;} .scrolling-anchors-section:first-child+.scrolling-anchors-section .anchor-arrow{display: block;} .template-7 .subpage-col2-wrapper-top-wrap{background: url('/assets/img/weddings/weddings3-placeholder.png') no-repeat center;} .subpage-col2-wrapper .anchor-button{margin: 53px auto 0;} .subpage-col2-wrapper .anchor-button a{display: inline-block;color:#606363;font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-align:center;width: 203px;letter-spacing: 2px;text-decoration: none;} .subpage-col2-wrapper .anchor-button a:before{display: block;width: 100%;background-color: #949d9e;height: 1px;width: 100%;content: '';margin-bottom: 15px;} .subpage-col2-wrapper .anchor-button a:after{display: block;width: 100%;background-color: #949d9e;height: 1px;width: 100%;content: '';margin-top: 14px;} .subpage-col2-wrapper .anchor-button a:hover{color:#000;} .subpage-col2-wrapper .anchor-button a:hover:before,.subpage-col2-wrapper .anchor-button a:hover:after{background-color: #000;} .subpage-col3-wrapper .anchor-button{margin: 53px auto 0;} .subpage-col3-wrapper .anchor-button a{display: inline-block;color:#f3ddeb;font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-align:center;width: 203px;letter-spacing: 2px;text-decoration: none;} .subpage-col3-wrapper .anchor-button a:before{display: block;width: 100%;background-color: #f3ddeb;height: 1px;width: 100%;content: '';margin-bottom: 15px;} .subpage-col3-wrapper .anchor-button a:after{display: block;width: 100%;background-color: #f3ddeb;height: 1px;width: 100%;content: '';margin-top: 14px;} .subpage-col3-wrapper .anchor-button a:hover{color:#fff;} .subpage-col3-wrapper .anchor-button a:hover:before,.subpage-col3-wrapper .anchor-button a:hover:after{background-color: #fff;} .template-7 .rotation-click{width: 100%;left: 0;margin: -23px 0px 0;max-width: 1075px;top: 50%;bottom: auto;margin-top: -23px;} .template-7 .rooms-prev{position: relative;left: -75px;} .template-7 .rooms-next{position: relative;right: -75px;} /* Rooms overview and individual pages */ .template-8 .subpage-col2-wrapper-subwrap{max-width:1290px;} .template-8 .subpage-col1-wrapper{padding: 120px 5% 50px;} .template-8 .subpage-col1-wrapper p{margin: 20px 0 0 0;} .rooms-section-wrap{width:49.5%;margin:0 1% 1% 0;position: relative;} .rooms-section-wrap:nth-child(2n){margin-right:0;} .rooms-section-wrap .rooms-section-image{} .rooms-section-wrap img{width:100%;} .rooms-section-wrap .rooms-section-overlay{position:absolute;top:0;left:0;background-color:rgba(19,19,19,0.51);width: 100%;height: 100%;opacity:0;-webkit-transition: opacity 0.93s ease-out;transition: opacity 0.93s ease-out;-moz-transition: opacity 0.93s ease-out;-o-transition: opacity 0.93s ease-out;-ms-transition: opacity 0.93s ease-out;} .rooms-section-wrap .rooms-section-border{position: absolute;top: 0;left: 0;width: 95%;height: 95%;margin: 2.5%;border: 1px solid #fff;-webkit-transition: opacity 0.93s ease-out;transition: opacity 0.93s ease-out;-moz-transition: opacity 0.93s ease-out;-o-transition: opacity 0.93s ease-out;-ms-transition: opacity 0.93s ease-out;opacity:0;} .rooms-section-content{position: absolute;bottom:0;left:0;background-color:#000;padding:33px 50px 33px 37px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);} .rooms-section-content h2{font: normal 30px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#3a3a3a;text-transform:uppercase;margin:0;padding:0;} .rooms-section-content p{font: normal 18px/22px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:10px 0 0;} .rooms-section-anchor{margin: 25px 0 0;} .rooms-section-anchor a{font: normal 12px/17px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#FFF;text-transform:uppercase;margin:0;padding:0;text-decoration:none;display: inline-block;background:#000;border:1px solid #000;width: 139px;height: 28px;text-align: center;padding-top: 11px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} .rooms-section-anchor a:hover{color:#000;background-color:#FFF;} .rooms-section-anchor a+a{color:#fff;background-color:#000;margin-left:17px;border:0;width: 141px;height:41px;padding-top: 12px;-webkit-box-sizing:border-box;box-sizing:border-box; border: 1px solid;} .rooms-section-anchor a+a:hover{color:#000; background-color:#fff;} .rooms-section-wrap:hover .rooms-section-overlay,.rooms-section-wrap:hover .rooms-section-border{opacity:1;} .rooms-section-wrap:hover .rooms-section-content{background:none;} .rooms-section-wrap:hover .rooms-section-content h2,.rooms-section-wrap:hover .rooms-section-content p{color:#fff;} .cp-filter>.in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-bottom: 20px } @media (max-width: 1024px) { .cp-filter>.in { margin: 0 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 578px; width: 100% } } .cp-filter>.in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-bottom: 20px } .cp-filter__title { font-size: 1.25rem; text-transform: uppercase; text-align: center; letter-spacing: 0.15625rem; margin-bottom: 30px } .cp-filter__results { text-align: center; vertical-align: middle; display: inline-block; font-family: "Nobel-Regular"; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: .1em } .cp-filter__results-wrap { display: none; margin: 0 auto; text-align: center; max-width: 300px; padding: 0 0 1.6875rem 0 } .cp-filter__results-wrap.hide-reset button { display: none } .cp-filter__results-wrap.is-active { display: block } .cp-filter__results.is-active { display: block } .cp-filter__clear { display: inline-block; cursor: pointer; vertical-align: middle; font-family: "Nobel-Regular"; text-transform: uppercase; background: none; border: none; font-size: 0.8125rem; letter-spacing: .1em; position: relative; padding: 0 0 0.125rem 0; margin-left: 20px } .cp-filter__clear:after { content: ''; width: 100%; height: 0.0625rem; background: black; position: absolute; bottom: 0; left: 0 } .cp-filter__clear:hover:after { display: none } .cp-filter__item { width: 100% } .cp-filter__item--disabled { display:none; } .cp-filter__item-upper { cursor: pointer; display: block; text-align: left; width: 100%; padding: 1.5625rem 1.875rem; border: 1px solid #f4f4f4; font-family: "Nobel-Regular"; text-transform: uppercase; background-color: transparent; font-size: 0.8125rem; letter-spacing: .1em; position: relative; -webkit-transition: border .35s ease; transition: border .35s ease } .cp-filter__item-upper:not(:first-child) { border-left: none; } .cp-filter__item-upper>span { position: absolute; top: 0; bottom: 0; left: initial; right: 0; margin: auto; display: block; right: 30px; width: 2em; height: 1em; font-size: .6em; -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease } .cp-filter__item-upper>span::before { color: inherit; } .cp-filter__item-lower { max-height: 0px; visibility: hidden; padding: 1.25rem 1.25rem 0 1.25rem; overflow: hidden; -webkit-transition: max-height .35s ease; transition: max-height .35s ease } @media (max-width: 1024px) { .cp-filter__item-lower { padding: 0.625rem 1.875rem 0 1.875rem } } .cp-filter__item-lower-row { padding-bottom: 10px; display: flex; flex-direction: row-reverse; justify-content: space-between; } .cp-filter__item-lower-row input[type=checkbox], .cp-filter__item-lower-row label { display: inline-block; vertical-align: middle; cursor: pointer } .cp-filter__item-lower-row input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid black; height: 1.25rem; width: 1.25rem; position: relative; flex: 0 0 auto; } .cp-filter__item-lower-row input[type=checkbox]:checked:before { content: ''; height: 0.875rem; width: 0.875rem; background-color: black; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .cp-filter__item-lower-row label { font-size: 0.8125rem; font-family: "Nobel-Regular"; text-transform: uppercase; letter-spacing: .1em; padding-top: 2px; padding-left: 5px } .cp-filter__item-lower-row.inactive label, .cp-filter__item-lower-row.inactive input { pointer-events: none; opacity: .3 } .cp-roomFilter__filter { margin: 0 auto; width: 100%; } .cp-roomFilter__item.inactive { display:none; } .cp-roomFilter__item.is-active { display:block; } .cp-filter__item.is-active .cp-filter__item-upper { background: #000; color: #fff; } .cp-filter__item.is-active .cp-filter__item-upper>span { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .cp-filter__item.is-active .cp-filter__item-lower { max-height: 25em; visibility: visible; border: 1px solid #f4f4f4; border-top: none; } .upSellModal-grid {max-width: 1440px;margin: auto;} #upSellModal { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999999; background: #FFF; padding: 1rem 1rem; overflow: scroll; } #upSellModal.is-open { display: block;text-align: center; } #upSellModal h1 { margin-top: 0; } .upSellModal-roomName { text-decoration: underline; } .upSellModal-close { position: absolute; top: 1rem; right: 3rem; background: transparent; border: none; } .upSellModal-bottom { text-align: center; } .upSellModal-bottom p { font-size: 1.5rem; padding: 0 0 1rem; } #upSellModal .button { color: #fff; background-color: #9f1b32; width: 141px; height: 41px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid; margin: 0 auto; font-size: 1rem; text-transform: none; } /* The following has been commented out temp as I edit */ /* .upSellModal-originalGridItem { width: 24rem; float: left; height: 45.5rem; border: solid 5px #000; } .upSellModal-originalGridItem .rooms-section-anchor { display: none; } .upSellModal-altGridItem {display: flex;justify-content: right;padding-left: 10px; } .upSellModal-altGridItem .rooms-section-inner-wrap {display: flex; flex-direction: row; width: 100%;} .upSellModal-altGridItem .rooms-section-image { width: 24rem; } .upSellModal-altGridItem .room-feature-icon { -ms-flex-preferred-size: calc(25% - 30px); flex-basis: calc(25% - 40px); } #upSellModal .rooms-section-wrap .rooms-section-border { display: none; } @media screen and (max-width:1180px){.upSellModal-originalGridItem{width: 21rem;}} @media screen and (max-width:1100px){ .upSellModal-altGridItem .rooms-section-inner-wrap {display: flex; flex-direction: column; width: 100%;flx-wrap: weap;width: 24rem;} .upSellModal-originalGridItem {width: 24rem;margin: 20px;height: 47.5rem;} .upSellModal-grid {display: flex;flex-wrap: wrap;justify-content: center;} .upSellModal-altGridItem {display: flex;width: 24rem;margin: 20px;margin-left: 0px;padding-left: 0px;height: 48.3rem;} .upSellModal-altGridItem .room-feature-icon{flex-basis: calc(50% - 30px);} #upSellModal.is-open {text-align: center;} .upSellModal-bottom {margin-top: 10%;width: 24rem;} } @media screen and (max-width:820px){ .upSellModal-bottom{ margin-bottom: 20px;margin-top: 0px;} } */ /* Initial Code rework - No MQ's */ .upSellModal-originalGridItem,.upSellModal-altGridItem { width:25%; float: left; height: 45.5rem; background: #ffffff; margin: 0 5px; } .upSellModal-originalGridItem .rooms-section-anchor { display: none; } /*.upSellModal-altGridItem {display: flex;justify-content: right;padding-left: 10px; } .upSellModal-altGridItem .rooms-section-inner-wrap {display: flex; flex-direction: row; width: 100%;} .upSellModal-altGridItem .rooms-section-image { width: 24rem; } .upSellModal-altGridItem .room-feature-icon { -ms-flex-preferred-size: calc(25% - 30px); flex-basis: calc(25% - 40px); } */ #upSellModal .rooms-section-wrap .rooms-section-border { display: none; } /* Extra Styles */ .upSellModal-grid-container { width: 100%; background: #f5f5f5; padding: 50px 0; } .upSellModal-roomName { color: #9f1b32; } /* .rooms-section-wrap:hover { /* border-width: 1px; */ /* border-style: solid; */ /* border-color: #000; border: 0px!important; } */ body.page-102.template-25 { max-width: 100%; overflow-x: hidden; } .template-8 footer{margin-top:53px;} .template-9 .masthead-container{z-index:9;} .page-8 .breadcrumb_nav,.page-12 .breadcrumb_nav{display:none;} .breadcrumb_nav{padding: 19px 0 18px 154px;} .breadcrumb_nav ul{margin:0;padding:0;} .breadcrumb_nav ul li{list-style-type:none;display:inline-block;font: normal 18px/20px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;} .breadcrumb_nav ul li a{text-decoration:none;} .breadcrumb_nav ul li a span{display: block;font: normal 18px/20px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#acabab;text-transform:uppercase;} .breadcrumb_nav ul li.B_lastCrumb a span{color:#000;} .breadcrumb_nav ul li.seperator_wrapper{margin: 0 12px;} .breadcrumb_nav ul li.seperator_wrapper span.seperator_nav{font: normal 18px/20px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #acabab;} .rooms_content_nav{padding:14px 0 28px 154px;background-color: #efefef;} .rooms_content_nav_section1{} .rooms_content_nav_section h5{font: 700 18px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;color:#000;letter-spacing:1px;} .rooms_content_nav_section ul{margin:0;padding:0;} .rooms_content_nav_section ul li{list-style-type:none;font: normal 16px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#666666;letter-spacing:1px;} .rooms_content_nav_section ul li a{color:#666666;text-decoration:none;} .rooms_content_nav_section ul li a:hover,.rooms_content_nav_section ul li a.active{color:#9e1233;} .rooms_content_nav_section{margin-right:45px;margin-top:14px;} .rooms_content_nav_section:last-child{margin-right:0;} .rooms-masthead{ width: 100%; } .rooms-masthead img{} #custom-caption{font: normal 16px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;color:#666666;text-align: center;margin-top: 14px;} .rotation-click{position:absolute;left:50%;bottom:72px;width:100px;margin-left:-50px;z-index: 999;} .rooms-prev:before{content: "\e910";color: #000;font-size: 45px;display: inline-block;cursor: pointer;} .rooms-next:before{content: "\e911";color: #000;font-size: 45px;display: inline-block;cursor: pointer;} .template-9 .subpage-col1-wrapper{padding: 39px 5% 59px;} .rooms-columns{margin-top:-13px;} .rooms-columns-div{font: normal 48px/48px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:58px 0 0 0;padding:0;color:#000;width: 24.5%;border-right: 1px solid #e1e1e1;display: inline-block;} .rooms-columns-div span{font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;color:#000;display: inline-block;position: relative;top: -9px;left: 8px;} .rooms-columns-div:last-child{border-right:0;} .template-9 .subpage-col2-wrapper{border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;padding: 58px 5% 102px;max-width: 1268px;text-align: center;margin: auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);} .template-9 .subpage-col2-wrapper-subwrap{max-width: 1024px;} .template-9 .subpage-col2-wrapper-subwrap h2{font: normal 48px/48px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;color:#000;} .template-9 .subpage-col2-wrapper-subwrap ul{margin:42px auto 0;padding:0;max-width: 80%;float:right;} .template-9 .subpage-col2-wrapper-subwrap ul:before,.template-9 .subpage-col2-wrapper-subwrap ul:after{content: " ";display: table;} .template-9 .subpage-col2-wrapper-subwrap ul:after {clear: both;} .template-9 .subpage-col2-wrapper-subwrap ul li{font: normal 16px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;list-style-type: none;text-align: left;width: 50%;float: left;white-space:nowrap;} .template-9 .subpage-col2-wrapper-subwrap ul li:before{content: '';width: 5px;height: 5px;background-color: #9f1334;margin-right: 12px;display: inline-block;margin-bottom: 2px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .template-9 .subpages-social-wrap{bottom:-22px;} .page-3 .rooms-nav-3 a{color: #9e1233;} .template-9 .subpage-col3-wrapper{max-width:1268px;margin:64px auto 59px;text-align:center;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap{-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;background-color: #f3f3f3;width: 32%;position: relative;margin-right:0.5%;height: 298px;text-align:center;float: none!important;display: inline-block;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:nth-child(2){background-color:#b7b7b7;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:nth-child(2) h5{color:#fff;white-space:normal;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:nth-child(2):hover h5,.template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:nth-child(2):hover p{color:#818181;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:hover{background-color:#b7b7b7;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:nth-child(2):hover{background-color:#f3f3f3;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:hover h5,.template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:hover p{color:#fff;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:last-child{margin-right:0;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap span{display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap span.icon-image{display: block;width: 55px;height: 51px;margin:auto;position:relative;left:0;top:0;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap span.icon-image:before{font-size: 51px;color: #b7b7b7;display: inline-block;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:hover span.icon-image:before{color:#fff;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap span.icon-image-1:before{content: "\e915";} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap span.icon-image-2:before{content: "\e913";color: #fff;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:hover span.icon-image-2:before{color:#b7b7b7;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap span.icon-image-3:before{content: "\e913";color: #fff;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:hover span.icon-image-3:before{color: #b7b7b7;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap span.icon-image-4:before{content: "\e914";} .template-9 .subpage-col3-wrapper img{width: 55px;height: 51px;} .template-9 .subpage-col3-wrapper h5{font: normal 30px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:13px 0 0;padding:0;color:#818181;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;} .template-9 .subpage-col3-wrapper p{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:10px 0 0;padding:0;color:#818181;letter-spacing:0.5px;display:none;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap:hover p{display:block;} .rooms-hide{display: none;} .subpage-col4-wrapper-button{text-align:center;margin: 86px 0 0;} .subpage-col4-wrapper-button a{color: #fff;display:inline-block;font: normal 14px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;background-color:#9f1334;text-decoration:none;padding: 14px 170px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} .subpage-col4-wrapper-button a+a{margin-left:10px;} .subpage-col4-wrapper-button a:hover{background-color:#f3f3f3;color:#9f1334;} .rooms-prev.disabled,.rooms-next.disabled{display: none;} .template-9 .subpage-col1-wrapper h1{max-width: none;} .dropdown-section{background-color:#9f1334;max-width: 415px;width: 100%;position:relative;float:left;} .dropdown-section+.dropdown-section{margin-left:48px;} .dropdown-section h4{padding:14px 0;margin: 0;font: normal 14px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:2px;color:#fff;text-transform:uppercase;cursor:pointer;} .dropdown-arrow{position: absolute;top: 28px;right: 27px;color: #fff;font-size: 9px;} .dropdown-arrow:before{content: "\e904";} .dropdown-arrow.opened:before{content: "\e912";} .dropdown-section ul{list-style-type: none;margin: 0;padding: 12px 13px 5px;display:none;} .dropdown-section ul li{display:block;margin-bottom: 9px;} .dropdown-section ul li a{text-decoration:none;display:block;font: normal 14px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:2px;color:#000;text-transform:uppercase;background-color:#fff;padding: 15px 0 0;width: 389px;height: 50px;} .dropdown-section ul li a:hover{color:#fff;background-color:#000;} .template-9 .subpage-col4-wrapper-button.dropdown-wrap{margin: 86px auto 0;max-width: 884px;} .template-9 .flyout-wrap .rotation-click{width: 100%;left: 0;margin-left: 0;top:50%;margin-top:-23px;} .template-9 .flyout-wrap .rooms-prev-2:before{content: "\e910";color: #000;font-size: 45px;display: inline-block;cursor: pointer;} .template-9 .flyout-wrap .rooms-next-2:before{content: "\e911";color: #000;font-size: 45px;display: inline-block;cursor: pointer;} .template-9 .flyout-wrap .rooms-prev-2{margin-left:-100px;} .template-9 .flyout-wrap .rooms-next-2{margin-right:-100px;} .template-9 .flyout-wrap .rooms-prev-2.disabled,.template-9 .flyout-wrap .rooms-next-2.disabled{display:none;} .flyout-wrap #custom-caption-2{color: #858585;font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 2px;position: absolute;top: -42px;z-index: 99999;text-align: center;left: 50%;margin-left: -50px;} .flyout-wrap .image-caption{color: #858585;display: block;font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 2px;text-align: left;margin-top: 24px;} .floorplan-section-images{width:100%;} .floorplan-section-images img{width:100%;} /* Explore page */ .explore-section-wrap{width:32.5%;margin:0 1.25% 1.25% 0;position: relative;overflow:hidden;} .explore-section-wrap:nth-child(3n){margin-right:0;} .explore-section-wrap .explore-section-image{position:relative;} .explore-section-wrap img{width:100%;} .explore-overlay-title{font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;width: auto;padding: 17px 45px;border: 1px solid #fff;color: #fff;text-transform: uppercase;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);letter-spacing:2px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;opacity:1;z-index:99;white-space: nowrap;} .explore-section-wrap .explore-section-overlay{position:absolute;top:0;left:0;background-color:rgba(29,29,29,0.43);width: 100%;height: 100%;opacity:1;-webkit-transition: opacity 0.93s ease-out;transition: opacity 0.93s ease-out;-moz-transition: opacity 0.93s ease-out;-o-transition: opacity 0.93s ease-out;-ms-transition: opacity 0.93s ease-out;} .explore-section-content{background-color: rgba(255,255,255,0.9);position: absolute;bottom:0;left:0;padding:21px 18px 22px 18px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);opacity:1;} .explore-section-content h2{font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#3a3a3a;text-transform:uppercase;margin:0;padding:0;} .explore-section-content p{font: normal 18px/22px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:17px 0 0;padding:0;} .explore-section-anchor{margin: 23px 0 0;} .explore-section-anchor a{font: normal 12px/17px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#FFF;background:#000;text-transform:uppercase;margin:0;padding:0;text-decoration:none;display: inline-block;border:1px solid #000;width: 139px;height: 28px;text-align: center;padding-top: 11px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} .explore-section-anchor a:hover{background-color: #fff;color: #000;} .explore-section-wrap:hover .explore-section-content .content { max-height: 100vh; } .content { max-height: 0; overflow: hidden; -webkit-transition: .2s; transition: .2s; } .pops .content { max-height: unset; } body .pops .content .button-box a { background-color: #9e1b32; border-radius: 0; font: 14px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; padding: .3em 1.3em; } .template-10 .subpage-col1-wrapper h1{max-width:none;} .template-10 .subpage-col1-wrapper{padding: 113px 5% 70px;} .template-10 .subpage-col1-wrapper p{margin:17px 0 0 0;} .template-10 .subpage-col2-wrapper{background-color: #F4F4F4;padding: 39px 0;} .template-10 footer{margin-top:0;} .flyout-section,.flyout-section-2{visibility: hidden;width:0;height:0;opacity:0;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;position: absolute;z-index: 98;top: 0;left: 0;background-color:#fff;} .flyout-section.opened,.flyout-section-2.opened{width:100%;height:100%;opacity:1;visibility: visible;z-index:9999;} .flyout-section-inner{max-width: 1080px;margin: auto;position: relative;text-align: center;padding: 91px 0;} .flyout-section-inner-top{max-width:630px;margin:0 auto 46px;} .flyout-section-inner h3{font: normal 24px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;text-transform:uppercase;margin:0;padding:0;letter-spacing: 0.25px;} .flyout-section-inner h3 span{display: block;letter-spacing: 20px;margin-top: 10px;font: normal 64px/64px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .flyout-section-inner p.intro{color:#231b16;font: normal 24px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 26px 0 0px;} .flyout-divider{display: block;background-color:#d4d4d4;width:255px;height:2px;margin:33px auto 28px;} .flyout-section-inner p{color:#231b16;font: normal 16px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 26px 0 0;} .flyout-cross{position: absolute;right: -126px;top: 53px;cursor:pointer;} .flyout-cross:before{font-size: 27px;color: #231b16;} .flyout-sections{border-bottom: 1px solid #d4d4d4;padding-bottom: 45px;margin-bottom: 45px;} .flyout-section-inner-bottom .flyout-sections:last-child{border-bottom:0;} .flyout-sections-left{width: 24.4%;} .flyout-sections-left img{width:100%;} .flyout-sections-right{width: 75.6%;text-align: left;} .flyout-sections-right-inner{padding: 0 45px;} .flyout-sections-right h3{} .flyout-sections-right p{} .flyout-sections-right a{color:#231b16;} .flyout-sections-right a.flyout-cta{margin-top: 28px;color: #fff;display: inline-block;font: normal 14px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;background-color: #9f1334;text-decoration: none;padding:1px 38px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} .flyout-sections-right a.flyout-cta:hover{background-color: #f3f3f3;color: #9f1334;} /* Gallery Overview & Individual templates */ .template-12 .content-column{margin: 0 0 52px 0;} .template-12 .subpage-col1-wrapper,.template-11 .subpage-col1-wrapper{padding: 135px 5% 77px;} .template-12 .subpage-col1-wrapper h1,.template-11 .subpage-col1-wrapper h1{font: normal 69px/72px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.75px;} .template-12 .subpage-col2-wrapper, .template-30 .subpage-col2-wrapper{max-width: 1150px;margin: auto;position:relative;} nav.gallery-nav{padding:0 27px;} nav.gallery-nav ul{display:inline-block;position:relative;float:right;padding: 0;margin: 0;} nav.gallery-nav li{list-style-type:none;display:inline-block;padding-top:10px;} nav.gallery-nav li span{display:block;} nav.gallery-nav li span a{text-decoration:none;display:inline-block;border-right: 1px solid #d5d5d5;padding-right: 16px;margin-right: 12px;outline:0;} nav.gallery-nav li span a span{display:block;color:#6c6c6c;font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.5px;} nav.gallery-nav li:last-child span a{border-right:0;margin-right:0;padding-right:0;} nav.gallery-nav li span a span.active{color:#000;border-bottom:1px solid #6c6c6c;} nav.gallery-nav li:hover span a span{color:#000;} .template-12 .subpage-col2-wrapper h2, .template-30 .subpage-col2-wrapper h2{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;letter-spacing:0.75px;margin:36px 0 18px 27px;text-transform:uppercase;} .template-12 .subpage-col2-wrapper .subpage-col2-wrapper-subwrap, .template-30 .subpage-col2-wrapper .subpage-col2-wrapper-subwrap{max-width: 1150px;width:auto;padding:0 27px;} .page-53 .subpage-col2-wrapper .subpage-col2-wrapper-subwrap{max-width: 1300px;} .gallery-item{width: 24.25%;margin-right: 1%;position:relative;margin-bottom:1%;cursor:pointer;} .page-53 .gallery-item{overflow:hidden;width: 23.5%;margin-right: 2%;margin-bottom: 2%;} .page-66 .gallery-item,.page-65 .gallery-item{border:1px solid #e1e1e1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);} .gallery-item a{display:block;z-index:9999;} .page-53 .gallery-item a{height: 206px;width: 279px;z-index:98;} .page-53 .gallery-item img{min-height:100%;} .gallery-item:nth-child(4n){margin-right:0;} .gallery-item img{width:100%;} .gallery-overlay{opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(99,99,99,0.8);-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;z-index:1;} .gallery-item .gallery-item-overlay{opacity:0;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;position:absolute;top:50%;left:50%;width:100%;text-align:center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);z-index:9;} .gallery-item .gallery-item-overlay h3{font: normal 20px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;text-transform:uppercase;margin:0;} .gallery-item .gallery-item-overlay p{font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;margin:0;} .gallery-icon{width:42px;height:42px;display: block;margin:20px auto 0;} .gallery-icon:before{content:"\e916";color:#fff;font-size:42px;} .gallery-item:hover .gallery-item-overlay{opacity:1;} .gallery-item:hover .gallery-overlay{opacity:1;} .gallery-arrow{text-decoration:none;position: absolute;left: -48px;top: 154px;display: block;} .gallery-arrow:before{content: "\e910";color:#000;font-size:30px;} .page-53 .gallery-arrow{display:none;} .page-53 .gallery-mobile-content-icon{display:none;} .gallery-overview-wrap{text-decoration:none;width:31.15%;margin-right:3.25%;} .gallery-overview-wrap:hover h2{color:#000;} .gallery-overview-wrap:nth-child(3n){margin-right:0;} .gallery-overview-wrap-image{display:block;} .gallery-overview-wrap-image img{width:100%;} .gallery-overview-wrap-header{display:block;margin: 16px 0 96px;} .gallery-overview-wrap-header h2{color:#787777;margin:0;padding:0;font: normal 28px/28px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.5px;} .template-11 .subpage-col2-wrapper-subwrap{max-width:1200px;width:auto;padding:0 27px;} .page-53 nav.gallery-nav,.page-53 nav.gallery-nav+h2{display:none;} .instagram-load-more,.view-all-instagram{color: #fff;display: inline-block;font: normal 14px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;background-color: #9f1334;text-decoration: none;padding: 14px 0;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;width: 100%;text-align: center;} .instagram-load-more:hover,.view-all-instagram:hover{color:#9f1334;background-color:#f3f3f3;} .social-load-more{display:none;} .page-53 .social-load-more{display:block;margin: auto;width:100%;max-width: 320px;} .page-53 .socialator.socialPosts{display:inline-block;} .page-53 .subpage-col1-wrapper{padding: 57px 5%;} .template-12 .pswp .subpages-social-wrap ul li.icon-Pinterest{margin-left: 5px;width: 40px;vertical-align: top;} .template-12 .pswp .subpages-social-wrap ul li.icon-Pinterest span.path1:before{color: #aeaead;} .template-12 .pswp .subpages-social-wrap ul li.icon-Pinterest:hover span.path1:before{color: rgb(201, 41, 39);} .template-12 .pswp .subpages-social-wrap ul li.icon-Pinterest span.path2:before{} /* Menu Modal */ .menu-spa{position: absolute;top: 0;left: 0;background-color: #fff;width: 0;height: 0;opacity: 0;z-index: -1;} .menu-spa.active{width: 100%;height: 100%;opacity:1;z-index:999;} .menu-spa .cycle-slideshow{width: 100%;max-width: 1283px;margin: auto;height: 100%;display:none;} .menu-sections{top: 50px!important;border: 1px solid #e4e3e3;min-height:785px;min-width:100%;} .menu-sections-left{min-height: 785px;width: 55%;background-color: #e4e3e3;padding: 80px 96px 144px 96px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);} .menu-sections-left h2{color:#201a16;font: normal 24px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;margin:0 0 23px;padding:0;} .menu-sections-left p{color:#201a16;font: normal 14px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;} .menu-sections-left a{text-decoration:underline;color:#201a16;} .menu-sections-left h3{color:#201a16;font: normal 14px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:23px 0 0;padding:0;text-transform:uppercase;} .menu-sections-left span{color:#666666;font: normal 14px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;} .menu-sections-right{min-height: 785px;width: 45%;padding: 80px 70px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);} .menu-sections-right ul{margin:-10px 0 0;padding:0;} .menu-sections-right ul li:first-child{margin:0;} .menu-sections-right ul li{color:#2d2d2d;font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:23px 0 0;padding:0;list-style-type:none;cursor:pointer;} .menu-sections-right ul li.active{color:#b98747;} .menu-spa .rotation-click{left: 96px;bottom: 48px;margin-left:0;width: 77px;} .menu-spa .rooms-prev.disabled,.menu-spa .rooms-next.disabled{display:block;} .menu-spa .rooms-prev:before,.menu-spa .rooms-next:before{color:#000;font-size: 31px;} .menu-spa .rooms-prev.disabled:before,.menu-spa .rooms-next.disabled:before{color:#c0bfbf;} .menu-cross{position:absolute;top:14px;right:14px;cursor:pointer;padding:10px;} .menu-cross:before{color:#000;font-size:27px;content: "\e905";} .menu-spa .cycle-slideshow > ul.treatment-list{display:none;} .menu-section-1 .list-1,.menu-section-2 .list-2,.menu-section-3 .list-3,.menu-section-4 .list-4,.menu-section-5 .list-5,.menu-section-6 .list-6,.menu-section-7 .list-7,.menu-section-8 .list-8,.menu-section-9 .list-9,.menu-section-10 .list-10{color:#b98747;} .list-1{display:none;} .page-9 .list-1{display:block;} .cover-page{width: 380px;height: 380px;margin: auto;} /* flyouts */ .page-10 .flyout-sections-right{width:100%;} .page-10 .flyout-sections-left{display:none;} .page-10 #wrapper{overflow:hidden;} .flyout-section-2 .flyout-section-inner h3,.page-10 .flyout-section-inner .flyout-section-inner-top h3{font: normal 36px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:0;padding:0;text-transform:uppercase;} .section-header.schedule-sections{border-bottom:0;} .section-header.schedule-sections .day-wrap{min-height:22px;font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#986d3d;margin:0;padding:0;text-transform:uppercase;} .section-header.schedule-sections .time-wrap{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#986d3d;margin:0;padding:0;text-transform:uppercase;} .section-box{background-color:#f8f8f8;padding:36px;max-width:1040px;} .schedule-sections{width: 100%;padding: 36px 0;display: inline-block;border-bottom: 1px solid #e2e1e1;} .schedule-sections:last-child{border-bottom:0;} .schedule-sections .day-wrap{width: 20%;font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:0;padding:0;} .schedule-sections .time-wrap{width: 20%;font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:0;padding:0;} .schedule-sections .time-wrap hr{margin: auto;background-color:#a9a9a9;width:27px;height:1px;border:0;} /* Contact us page */ #contact_form{max-width: 1162px;margin: auto;border: 1px solid #ebebeb;padding:47px 52px 28px 52px;} #contact_form h2{color:#000000;font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;text-transform:uppercase;} #contact_form fieldset{width:48%;margin-right:2%;margin-bottom:34px;} #contact_form fieldset:nth-child(2n){} #contact_form fieldset.topic_area{margin-right:2%;} #contact_form fieldset.header-contact,#contact_form fieldset.comment_area{width:98%;} #contact_form fieldset.header-contact{margin-bottom:22px;} #contact_form fieldset .form-fields{} #contact_form fieldset .form-fields input,#contact_form fieldset .form-fields textarea{color:#000000;font: normal 18px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;outline: 0;padding: 0;border: 0;width: 100%;background-color:#f5f5f5;border:1px solid #e3e3e3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);height:54px;} #contact_form fieldset .form-fields input{padding-left: 21px;} #contact_form fieldset .form-fields textarea{height:195px;} #contact_form fieldset .form-fields span.error{} #contact_form .form_button{width: 100%;text-align: center;} #contact_form .section-buttons-subinner{display: inline-block;} #contact_form .form_button input{display:inline-block;width:157px;height:37px;font: normal 14px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center;text-transform:uppercase;} #contact_form .clear_button{border:1px solid #899393;background-color:#fff;color:#899293;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} #contact_form .clear_button:hover{background-color:#899293;color:#fff;} #contact_form .submit_button{border: 0;background-color:#9f1233;color:#fff;margin-left: 19px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} #contact_form .submit_button:hover{background-color:#fff;color:#9f1233;border:1px solid #899393;} .ui-combobox{position: relative;float: left;width: 100%;} .ui-button{width: 100%;position: absolute;float: right;right: 0px;height: 54px;top: 0;-webkit-appearance:none;border: 0;outline: 0;background: none;} .ui-autocomplete {font: normal 18px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;position: absolute;margin: 0;padding: 0;background-color: #fff;border: 1px solid #e3e3e3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color:#000;z-index:99;} .ui-button-icon-primary{float: right;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #aaaaaa;top: 0px;border-bottom: 0;right: 20px;padding: 0;display: inline-block;position: relative;} .ui-autocomplete li{list-style-type:none;padding:15px 0 15px 21px;cursor:pointer;width:100%;border-bottom: 1px solid #f5f5f5;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} .ui-autocomplete li a{color:#000;} .ui-autocomplete li:hover{background-color:#f5f5f5;} .ui-helper-hidden-accessible{display:none!important;} .template-13 .subpage-col1-wrapper{padding: 135px 5% 50px;} .subpage-col4-wrapper.contact-terms a { color: #943f2b; } .template-13 .subpage-col3-wrapper{max-width:1268px;margin:64px auto 59px;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap{-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;background-color: #f3f3f3;width: 33%;position: relative;margin-right:0.5%;height: 298px;text-align:center;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap h5{font: normal 30px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;letter-spacing:0.5px;margin:0;padding:0;text-transform:uppercase;margin-top:11px;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap.half-height h5{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap p{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;letter-spacing:0.5px;margin:0;padding:0;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap a,.template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1):hover a{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;text-decoration:none;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1) a{color:#fff;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap a:hover{text-decoration:underline;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1){background-color:#b7b7b7;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1) h5,.template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1) p{color:#fff;margin-top: 17px;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1):hover h5,.template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1):hover p{color:#818181;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover{background-color:#b7b7b7;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1):hover{background-color:#f3f3f3;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover h5,.template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover p{color:#fff;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:last-child,.template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(3){margin-right:0;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span{display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width:80%;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image{display: block;width: 55px;height: 51px;margin:auto;position:relative;left:0;top:0;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image:before{font-size: 51px;color: #b7b7b7;display: inline-block;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover span.icon-image:before{color:#fff;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-1:before{content: "\e901";color: #fff;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover span.icon-image-1:before{color:#818181;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-2:before{content: "\e919";color: #818181;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover span.icon-image-2:before{color:#fff;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-3,.template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-4{display:none;} .subpage-col3-wrapper-subwrap.left.half-height{height:148px;margin-bottom:2px;} .subpage-col3-wrapper-subwrap.left.half-height+.subpage-col3-wrapper-subwrap.left.half-height{margin-bottom:0;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-2+h5{max-width:60%;margin:11px auto 0;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap .social-icons{margin:11px 0 0;padding:0;display:none;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover .social-icons{display:block;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap .social-icons li{list-style-type:none;display:inline-block;margin-right:7px;position:relative;width: 36px;height: 36px;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap .social-icons li:last-child{margin-right:0;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap .social-icons li.icon-Twitter{margin-right:11px;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap .social-icons li a{text-decoration:none;display: inline-block;position: absolute;top: 0;left: 0;width: 36px;height: 36px;outline:0;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap .social-icons li:before{color: #aeaead;font-size: 36px;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover .social-icons li:before{color:#fff;} .template-13 .subpage-col4-wrapper{width: 100%;max-width: 1268px;margin: auto;text-align: center;border-bottom: 1px solid #ebebeb;padding: 42px 0 68px;} .template-13 .subpage-col4-wrapper h3{font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;letter-spacing:1px;margin:0 0 51px 0;padding:0;text-transform:uppercase;} .template-13 .subpage-col4-wrapper-subwrap{width:33.33%;} .template-13 .subpage-col4-wrapper-subwrap:last-child{width:33.34%;} .template-13 .subpage-col4-wrapper-subwrap span{} .template-13 .subpage-col4-wrapper-subwrap span h5{font: normal 18px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;letter-spacing:0.5px;margin:0;padding:0;} .template-13 .subpage-col4-wrapper-subwrap span p{font: normal 18px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;letter-spacing:0.5px;margin:0;padding:0;} .template-13 .subpage-col4-wrapper-subwrap span p a{display: inline-block;color: #943f2b;text-decoration:none;font: normal 18px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-13 .subpage-col4-wrapper-subwrap span p a:hover{text-decoration:underline;} .template-13 .subpage-col4-wrapper-subwrap span p+p{color: #b5b5b5;} .template-13 footer {margin-top: 82px;} .page-10 .swipe-section-right-inner h2{text-align:center;} /* Calendar Events template */ .template-14 .subpage-col2-wrapper{padding:0 20px;} .calendar-nav-wrap{margin: 0 auto 14px;text-align:right;color:#000;font: normal 18px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; width: 100%;max-width: 1020px;} .calendar-nav-wrap span{display:inline-block;} .calendar-nav-wrap span.arrow-wrap{width:62px;height:42px;vertical-align: top;background-color: #f0f0f0;text-align:center;cursor:pointer;} .calendar-nav-wrap span.arrow-wrap:before{content: "\e904";font-size: 16px;color: #000;position:relative;top:12px;} .calendar-nav{outline: 0;width: 186px;padding-left: 8px;margin: 0 3px 0 8px;padding:0 0 0 8px;height:42px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;border: 1px solid #dcdbdb;} .calendar-nav option{cursor:pointer;color:#000;font: normal 18px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .calendar-month{display:none;} .calendar-month.month-1{display:block;} .calendar-month .event-section{width: 100%;max-width: 1020px;margin: auto;border-top: 1px solid #e2e1e1;padding: 44px 0 58px;} .calendar-month .event-section:last-child{border-bottom: 1px solid #e2e1e1;} .event-section-left{width: 25%;} .event-section-left p{color:#969696;font: normal 16px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;} .event-section-left a{color:#943f2b;text-decoration:none;} .event-section-left a:hover{text-decoration:underline;} .event-section-left p.event-title{color:#a9023b;} .event-section-right{width: 75%;} .event-section-right h2{color:#000;font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;} .event-section-right p{color:#000;font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 27px 0 0;padding:0;} .event-section-right p:first-child{margin:22px 0 0;} .event-section-right a{color:#943f2b;text-decoration:none;} .event-section-right a:hover{text-decoration:underline;} .template-14 footer {margin-top: 82px;} .template-14 .subpage-col1-wrapper{padding: 120px 5% 55px;} /* Map & directions template */ #map{width:100%;height:600px;} .page-16 #map{margin-top:-6px;} #map_navigation{width: 416px;height: auto;position: absolute;left: 88px;bottom: 145px;background-color: #f6f6f6;} #map_navigation .map-header{background-color:#b4b4b4;padding:20px 27px;} #map_navigation .map-header h2{color:#fff;font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;letter-spacing:0.5px;text-transform:uppercase;} #map_navigation .navigator{padding:20px 27px 0 27px;} #map_navigation .navigator.navigator-2{padding:20px 27px;} #map_navigation .navigator label{color:#000;font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;letter-spacing:0.5px;} #map_navigation .navigator input{outline: 0;border: 1px solid #ebeae9;height: 36px;color:#999999;font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0 0 0 12px;letter-spacing:0.5px;width:100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);} #directions{font: normal 14px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;width: 157px;height: 37px;background-color: #9f1334;border: 0;outline: 0;color: #fff;text-transform: uppercase;text-align: center;margin: 3px 0 27px 27px;} .maps-content{max-width:1300px;margin:auto;padding:0 20px;} .maps-content-left{width:67.5%;margin-right: 5%;} .maps-content-left-inner{} .maps-content-left-inner-left{padding: 37px 0 53px;width:27.5%;margin-right:5%;border-top: 1px solid #e1e1e1;} .maps-content-left-inner-left h2{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:0;padding:0;letter-spacing:0.5px;text-transform:uppercase;} .maps-content-left-inner-right{padding: 37px 0 53px;width:67.5%;border-top: 1px solid #e1e1e1;} .maps-content-left-inner-right h3{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:0;padding:0;letter-spacing:0.5px;} .maps-content-left-inner-right p{font: normal 14px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;margin:10px 0 0;padding:0;} .maps-content-right{width:27.5%;border-top: 1px solid #e1e1e1;padding: 37px 0 53px;} .maps-content-right h2{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:0;padding:0;letter-spacing:0.5px;text-transform:uppercase;} .maps-content-right p{font: normal 18px/42px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;margin:0;padding:0;letter-spacing:0.5px;} .template-15 .subpage-col1-wrapper{padding: 67px 5% 53px;} .template-15 .subpage-col2-wrapper{position:relative;} .template-15 .subpage-col3-wrapper{max-width:1268px;margin:64px auto 59px;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap{-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;background-color: #f3f3f3;width: 33%;position: relative;margin-right:0.5%;height: 298px;text-align:center;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap h5{font: normal 30px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;letter-spacing:0.5px;margin:0;padding:0;text-transform:uppercase;margin-top:11px;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap.half-height h5{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap p{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;letter-spacing:0.5px;margin:0;padding:0;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap a{font: normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#818181;text-decoration:none;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover a{color:#fff;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap a:hover{text-decoration:underline;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1){background-color:#b7b7b7;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1) h5,.template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1) p{color:#fff;margin-top: 17px;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1):hover h5,.template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1):hover p{color:#818181;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover{background-color:#b7b7b7;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(1):hover{background-color:#f3f3f3;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover h5,.template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover p{color:#fff;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:last-child,.template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:nth-child(3){margin-right:0;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span{display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width:80%;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image{display: block;width: 55px;height: 51px;margin:auto;position:relative;left:0;top:0;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image:before{font-size: 51px;color: #b7b7b7;display: inline-block;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover span.icon-image:before{color:#fff;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-1:before{content: "\e901";color: #fff;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover span.icon-image-1:before{color:#818181;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-2:before{content: "\e918";color: #818181;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover span.icon-image-2:before{color:#fff;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-3:before{content: "\e917";color: #818181;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap:hover span.icon-image-3:before{color:#fff;} .subpage-col3-wrapper-subwrap.left.half-height{height:148px;margin-bottom:2px;} .subpage-col3-wrapper-subwrap.left.half-height+.subpage-col3-wrapper-subwrap.left.half-height{margin-bottom:0;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap span.icon-image-2+h5{max-width:60%;margin:11px auto 0;} /* Sitemap */ .page-24 #contact_form,.page-24 .subpage-col3-wrapper,.page-24 .subpage-col4-wrapper{display:none;} #sitemap{margin: 0;padding:0 20px;width: 100%;max-width: 1280px;margin: auto;} #sitemap > li{display: inline-block;width: 18%;vertical-align: top;margin-right: 1%;} #sitemap li{list-style-type:none;} #sitemap > li > a{text-decoration:none;color:#000;font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} #sitemap > li > ul li a{text-decoration:none;color:#231b16;font:normal 16px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} #sitemap li ul{padding: 0;margin: 0;} #sitemap li ul li ul li:before{content: '';width: 5px;height: 5px;background-color: #9f1334;margin-right: 12px;display: inline-block;margin-bottom: 2px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} #sitemap li a{display:inline-block;margin-top:19px;} #sitemap li a:hover{text-decoration:underline;color:#943f2b;} #sitemap > ul{margin:0;padding:0;display:inline-block;} #sitemap > ul > li > a{text-decoration:none;color:#000;font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .page-24 .subpage-col1-wrapper{padding: 50px 5%;} /* Blog page templates */ .template-20 .subpage-col2-wrapper{background-color:#000;width:100%;max-width:none;} .template-20 .blog-wrapper{max-width:1200px;margin:auto;padding: 33px 20px 80px;} .blog-overview-section-left{width:62.5%;margin-right:2%;} .blog-sections{margin-bottom: 46px;border-bottom: 1px solid #d8d7d7;padding-bottom: 42px;} .blog-sections:nth-child(3n){border-bottom:0;} .blog-sections-top{margin-bottom: 18px;} .blog-sections-top p{font:normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#3a3a3a;margin:0;padding:0;} .blog-sections-top p span{color:#000;font:normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:underline;text-transform:uppercase;margin-right: 20px;} .blog-sections-top p+p{color:#a3a3a3;font:normal 14px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-left: 75px;} .blog-sections-middle{} .blog-sections-middle img{width:100%;} .blog-sections-bottom{} .blog-sections-bottom h2{color:#000;font:normal 36px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:20px 0 0;padding:0;} .blog-sections-bottom p{color:#000;font:normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:23px 0 0;padding:0;} .blog-sections-bottom a{color:#943f2b;font:normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;} .blog-sections-bottom a:hover{text-decoration:underline;} .blog-sections-bottom .share{margin-top: 23px;} .blog-sections-bottom .share > a{color:#943f2b;font:normal 14px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;text-decoration:none;border-right:1px solid #626262;padding-right:10px;margin-right:10px;} .blog-sections-bottom .share > span{color:#626262;font:normal 14px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;display: inline-block;} .blog-sections-bottom .share > span a{color:#626262;font:normal 14px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;text-decoration:none;width: 24px;height: 24px;display: inline-block;position: relative;top: 5px;left: 8px;} .blog-sections-bottom .share > span a+a{left:13px;} .blog-sections-bottom .share span a span.icon-facebook:before{font-size:24px;} .blog-sections-bottom .share span a span.icon-Twitter:before{font-size:24px;} .paging{margin:0;padding:0;} .paging li{list-style-type:none;width:28px;height:41px;display:inline-block;text-align:center;margin-right:10px;} .paging li:last-child{margin-right:0;} .paging li a{background:#fff;color:#9d1332;font:normal 14px/17px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;position:relative;top:9px;padding:12px;} .paging li a.active{background-color:#9d1332;color:#fff;} .paging li.control{width:141px;height:41px;background:no-repeat;} .paging li.control a{background:none;font:normal 12px/17px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;color:#000;text-transform:uppercase;border:1px solid #000;display: block;height: 27px;padding-top: 12px;-webkit-transition: all 0.93s ease-out;transition: all 0.93s ease-out;-moz-transition: all 0.93s ease-out;-o-transition: all 0.93s ease-out;-ms-transition: all 0.93s ease-out;} .paging li.control a:hover{background-color:#000;color:#fff;} .blog-overview-section-right{width:35.5%;background-color:#edecec;margin-top:-32px;} .popular-posts{padding:35px;} .popular-posts h3{color:#000;font:normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;text-transform:uppercase;margin-bottom: 22px;} .popular-posts ul.popular-posts-inner{margin:0;padding:0;} .popular-posts ul li{list-style-type:none;border-bottom: 1px solid #d0cece;margin-bottom: 12px;padding-bottom: 12px;} .popular-posts ul li:last-child{border-bottom:0;} .popular-posts ul li a{color:#943f2b;font:normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;letter-spacing:0.5px;text-decoration:none;} .archive-posts{padding: 35px;} .archive-posts h3{color:#000;font:normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;text-transform:uppercase;margin-bottom: 22px;} .archive-posts ul.archive-posts-inner{margin:0;padding:0;} .archive-posts ul li{list-style-type:none;border-bottom: 1px solid #d0cece;margin-bottom: 12px;padding-bottom: 12px;} .archive-posts ul li:last-child{border-bottom:0;} .archive-posts ul li.arc-row-alt{} .archive-posts ul li a{color:#943f2b;font:normal 18px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;letter-spacing:0.5px;text-decoration:none;} .template-20 footer{margin-top:0;} .template-20 .subpage-col1-wrapper,.template-19 .subpage-col1-wrapper{padding: 120px 5% 48px;} .template-20 .subpage-col1-wrapper p,.template-19 .subpage-col1-wrapper p{margin-top:22px;} .template-19 .subpage-col2-wrapper {background-color: #000;width: 100%;max-width: none;} .template-19 .blog-wrapper {max-width: 1200px;margin: auto;padding: 33px 0 80px 20px;} .template-19 .blog-sections{border-bottom:0;} .page-12 .subpage-col3-wrapper .subpage-col2-wrapper-top h2{margin: 0 0 20px;padding: 0;font: normal 54px/54px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #231b16;letter-spacing: 13px;text-transform: uppercase;text-align: left;} .page-12 .subpage-col3-wrapper .subpage-col2-wrapper-top ul{margin:0;padding:0;text-align: left;display: block;} .page-12 .subpage-col3-wrapper .subpage-col2-wrapper-top{max-width: 900px;padding: 212px 5% 75px;} .page-12 .scroll-down-4{display:none;} /* Masthead Overlay */ .masthead-overlay{position: absolute;bottom: 95px;z-index: 9;text-align: center;color: #fff;text-transform: uppercase;left: 50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);padding: 30px;} .page-1 .masthead-overlay{bottom:50px;} .masthead-overlay h2{font:normal 60px/60px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0 0 19px 0;padding:0;letter-spacing:0.5px;} .masthead-overlay p{font:normal 24px/26px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0 0 5px 0;padding:0;letter-spacing:0.5px;} .masthead-overlay p.terms{text-transform: none;font:normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .masthead-overlay a{font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;letter-spacing:0.5px;} .masthead-overlay a.overlay-button{padding: 10px 21px;margin:18px 0 0 0;background: none;border: 1px solid #fff;color: #fff;text-decoration: none;font: normal 14px/17px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;text-transform: uppercase;-webkit-transition: background 0.9s ease-out;transition: background 0.9s ease-out;-moz-transition: background 0.9s ease-out;-o-transition: background 0.9s ease-out;-ms-transition: background 0.9s ease-out;} .masthead-overlay a.overlay-button:hover{background-color:#fff;color: #000;} .header-section.overlay-present:after{content:'';position: absolute;bottom: 0;width: 100%;height: 100%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(7%, rgba(0,0,0,0)),color-stop(47%, rgba(0,0,0,0)),to(rgba(0,0,0,0.63)));background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a1000000',GradientType=0 ); /* IE6-9 */} /* Travel Agents ---Template 24--- */ .template-24 h1, .template-24 h2, .template-24 h3, .template-24 h4, .template-24 h5, .template-24 h6 { margin: 0; padding: 0; } .template-24 section.cp-masthead { margin-bottom: 60px; /*layout - Masthead Slides */ /*component - Masthead Slides */ } .template-24 section.cp-masthead .cp-masthead__banner { z-index: 5000; position: absolute; background: rgba(255, 255, 255, 0.7); width: 100%; padding-top:25px; } @media screen and (max-width: 520px) { .template-24 section.cp-masthead .cp-masthead__banner { position: relative; } } .template-24 section.cp-masthead .cp-masthead__banner h1 { font-size: 56px; font-weight: 400; font-family: 'nobel-regular', sans-serif; color: #1d1d1d; text-align: center; } @media screen and (max-width: 1200px) { .template-24 section.cp-masthead .cp-masthead__banner h1 { font-size: 38px; line-height: 2em; } } .template-24 section.cp-masthead .cp-masthead__banner h1 span { font-size: 146px; font-family: 'FranklinGothic URW', sans-serif; color: #1d1d1d; text-align: center; display: block; line-height: .9em; padding-top: 30px; } @media screen and (max-width: 1200px) { .template-24 section.cp-masthead .cp-masthead__banner h1 span { font-size: 64px; line-height: 0.8em; } } .template-24 section.cp-masthead .cp-slideshow--v-middle { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .template-24 section.cp-masthead .cp-slideshow--v-top { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; margin-top: 100px; } .template-24 section.cp-masthead .cp-slideshow--v-bottom { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; margin-bottom: 100px; } .template-24 section.cp-masthead .cp-slideshow--h-left { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .template-24 section.cp-masthead .cp-slideshow--h-right { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .template-24 section.cp-masthead .cp-slideshow--h-middle { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .template-24 section.cp-masthead .cp-slideshow--h-left .cp-slideshow__info-box { margin-left: 100px; } .template-24 section.cp-masthead .cp-slideshow--h-right .cp-slideshow__info-box { margin-right: 100px; } .template-24 section.cp-masthead .cp-slideshow__info-box { background: rgba(0, 0, 0, 0.3); color: #fff; padding: 15px; width: 350px; } .template-24 section.cp-masthead .cp-slideshow__slide { width: 100%; } .template-24 section.cp-masthead .cp-slideshow__image { max-width: 100%; width: 100%; } .template-24 section.cp-masthead .cp-slideshow__content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: -webkit-box; display: flex; } .template-24 section.cp-masthead .cp-slideshow__pager { position: absolute; bottom: 0; z-index: 5000; text-align: center; width: 100%; margin: 0 auto; } .template-24 section.cp-masthead .cp-slideshow__pager span { border: 2px solid #fff; border-radius: 50%; height: 20px; width: 20px; display: inline-block; margin: 20px 10px; } .template-24 section.cp-masthead .cp-slideshow__pager span.cycle-pager-active { background: #FFF; } .template-24 section.cp-masthead .cp-slideshow__prev, .template-24 section.cp-masthead .cp-slideshow__next { cursor: pointer; position: absolute; top: 50%; margin-top: -2.15em; z-index: 5000; width: 0; height: 0; border: solid #fff; border-width: 0 7px 7px 0; display: inline-block; padding: 30px; -webkit-transition: .7s ease-in-out; transition: .7s ease-in-out; } .template-24 section.cp-masthead .cp-slideshow__prev { left: 3%; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .template-24 section.cp-masthead .cp-slideshow__next { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 3%; } @media only screen and (max-width: 768px) { .template-24 section.cp-masthead .cp-slideshow__prev, .template-24 section.cp-masthead .cp-slideshow__next { cursor: pointer; position: absolute; top: 60%; z-index: 5000; width: 0; height: 0; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 10px; -webkit-transition: .7s ease-in-out; transition: .7s ease-in-out; } .template-24 section.cp-masthead .cp-slideshow__prev { left: 3%; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .template-24 section.cp-masthead .cp-slideshow__next { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 3%; } .template-24 section.cp-masthead .cp-slideshow__content:before { content: none; } .template-24 section.cp-masthead .cp-slideshow__content { position: relative; margin-top: 0; margin-bottom: 0; } .template-24 section.cp-masthead .cp-slideshow__info-box { display: block; width: auto; padding-bottom: 55px; } .template-24 section.cp-masthead .cp-slideshow--h-right .cp-slideshow__info-box, .template-24 section.cp-masthead .cp-slideshow--h-left .cp-slideshow__info-box, .template-24 section.cp-masthead .cp-slideshow--v-bottom .cp-slideshow__info-box, .template-24 section.cp-masthead .cp-slideshow--v-top .cp-slideshow__info-box { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } } .template-24 section.cp-travel-packages { background: #fff; padding:0 20px; max-width:1080px; margin:0 auto; } .template-24 section.cp-travel-packages h2 { font-size: 42px; font-family: 'nobel-regular', sans-serif; color: #9e1b32; text-align: center; margin-bottom: 60px; } @media screen and (max-width: 1200px) { .template-24 section.cp-travel-packages h2 { font-size: 34px; } } .template-24 section.cp-travel-packages .cp-travel-packages__package:nth-child(n+3) { margin-top:100px; } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__title h3 { font-size: 30px; font-family: 'nobel-regular', sans-serif; color: #9e1b32; text-align: center; margin-bottom: 40px; } @media screen and (max-width: 1200px) { .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__title h3 { font-size: 26px; } } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__cost { font-size: 30px; font-family: 'nobel-regular', sans-serif; color: #1d1d1d; text-align: center; margin-bottom: 40px; } @media screen and (max-width: 1200px) { .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__cost { font-size: 26px; } } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__description { font-size: 22px; font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1d1d1d; text-align: center; } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__description a { color: #9e1b32 !important; } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__description span:before, .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__description span:after { content: "\00a0"; text-decoration: none; } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__dates { font-size: 22px; font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1d1d1d; text-align: center; margin: 60px 0; } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__terms { font-size: 22px; font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; text color: #1d1d1d; text-align: center; font-style: italic; } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__terms a { color: #9e1b32 !important; } .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__terms span:before, .template-24 section.cp-travel-packages .cp-travel-packages__package .cp-package__terms span:after { content: "\00a0"; text-decoration: none; } .template-24 section.cp-travel-packages .cp-travel-packages__additional-info { font-size: 22px; font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1d1d1d; text-align: center; } .template-24 section.cp-travel-packages .cp-travel-packages__additional-info a { color: #9e1b32; text-decoration: underline; } .template-24 section.order-form { background: #fff; width: 100%; max-width: 1080px; margin: 0 auto; text-align: center; margin-bottom:20px; } .template-24 section.order-form p { font-size:22px; } .template-24 section.order-form h2 { font-size:32px; } .template-24 hr { margin: 60px 0; } .template-24 .contactus-wrap.active { display: block; opacity: 1; visibility: visible; } .template-24 .contactus-wrap { width: 100%; margin: auto; display: none; visibility: hidden; opacity: 0; transition: all 0.53s ease-in-out; -webkit-transition: all 0.53s ease-in-out; -moz-transition: all 0.53s ease-in-out; -o-transition: all 0.53s ease-in-out; -ms-transition: all 0.53s ease-in-out; } .template-24 .contactus-popup-form { position: relative; } .template-24 .contactus-popup-form-inner { text-align: center; background-color: #fff; } .template-24 .wpcf7 { margin-top: 50px; } .template-24 div.wpcf7 { margin: 0; padding: 0; } .template-24 div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .template-24 .contactus-popup-form form .col-common { width: 100%; } .template-24 fieldset { border: 0; margin: 0; padding: 0; } .template-24 .contactus-popup-form form fieldset { display: inline-block; vertical-align: top; width: 48.5%; position: relative; } .template-24 .contactus-popup-form form fieldset:first-child { margin-right: 2%; } .template-24 .contactus-popup-form form fieldset label { font: normal 0.750em/1em 'Nobel-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1.2px; color: #6d6d6d; margin: 0 0 17px 0; padding: 0; text-transform: uppercase; position: absolute; top: 14px; left: 17px; z-index: 99; } .template-24 .contactus-popup-form form fieldset .form-fields { height: 70px; } .template-24 .wpcf7-form-control-wrap { position: relative; } .template-24 .contactus-popup-form form fieldset .form-fields span input { width: 100%; font: normal 1em/1em "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.2px; color: #000; margin: 0; padding: 10px 0 0 17px; text-transform: uppercase; height: 100%; border: 0; outline: 0; background-color: #f6f6f6; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .template-24 .contactus-popup-form-inner p { font: normal 1em/1.5em "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; } .template-24 .contactus-popup-form-inner p { text-align: left; margin: 0 0 18px 0; padding: 0; font: normal 1.188em/1.5em "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; letter-spacing: 0.25px; } .template-24 .contactus-popup-form form .col-1-3 fieldset { display: block; } .template-24 .contactus-popup-form form .col-1-3 fieldset { width: 48.5%; } .template-24 .contactus-popup-form form .col-1-6, .template-24 .contactus-popup-form form .col-1-7, .template-24 .contactus-popup-form form .col-1-8 { text-align: left; } .template-24 .contactus-popup-form form .col-1-7, .template-24 .contactus-popup-form form .col-1-8 { margin-bottom: 20px; } .template-24 .contactus-popup-form form .col-1-7 fieldset, .template-24 .contactus-popup-form form .col-1-8 fieldset { width: 100%; } .template-24 .contactus-popup-form form .col-1-7 label, .template-24 .contactus-popup-form form .col-1-8 label { position: relative; top: 0; left: 0; display: block; } .template-24 .thirdparty { z-index: auto; position: relative; line-height: 22.4px; font-size: 16px; -webkit-transition: none; transition: none; background: transparent !important; } .template-24 .contactus-popup-form form .col-1-7 textarea, .template-24 .contactus-popup-form form .col-1-8 textarea { height: 100%; width: 100%; border: 1px solid #000; padding: 0; } .template-24 .contactus-popup-form form fieldset.form_button { float: none; text-align: left; width:100%; margin-bottom:20px; } .template-24 .page-id-2820 .form_button { width: 100%; margin-bottom: 20px; } .template-24 .form_button input { border: 0; padding: 26px 74px; } .template-24 .button { display: inline-block; font: normal 18px/18px 'Nobel-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; background-color: #9e1b32; text-decoration: none; padding: 24px 43px; transition: all 0.53s ease-in-out; -webkit-transition: all 0.53s ease-in-out; -moz-transition: all 0.53s ease-in-out; -o-transition: all 0.53s ease-in-out; -ms-transition: all 0.53s ease-in-out; border: 1px solid transparent; } @media only screen and (max-width: 620px) { .template-24 .contactus-popup-form form fieldset { width: 100%; } .template-24 .contactus-popup-form form .col-1-3 fieldset { width: 100%; } } /* Travel Agents END*/ /* Key Frames */ @-webkit-keyframes anim-rotate { 0% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} 50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} 100% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} } @keyframes anim-rotate { 0% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} 50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} 100% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} } @-webkit-keyframes anim-rotate-90 { 0% {-webkit-transform: rotate(90deg);transform: rotate(90deg);} 50% {-webkit-transform: rotate(90deg);transform: rotate(90deg);} 100% {-webkit-transform: rotate(90deg);transform: rotate(90deg);} } @keyframes anim-rotate-90 { 0% {-webkit-transform: rotate(90deg);transform: rotate(90deg);} 50% {-webkit-transform: rotate(90deg);transform: rotate(90deg);} 100% {-webkit-transform: rotate(90deg);transform: rotate(90deg);} } @-webkit-keyframes anim-rotate-270 { 0% {-webkit-transform: rotate(270deg);transform: rotate(270deg);} 50% {-webkit-transform: rotate(270deg);transform: rotate(270deg);} 100% {-webkit-transform: rotate(270deg);transform: rotate(270deg);} } @keyframes anim-rotate-270 { 0% {-webkit-transform: rotate(270deg);transform: rotate(270deg);} 50% {-webkit-transform: rotate(270deg);transform: rotate(270deg);} 100% {-webkit-transform: rotate(270deg);transform: rotate(270deg);} } /* Footer */ footer{max-width: 74rem; margin: 13px auto 0;} .template-2 footer,.template-3 footer{margin-top: 77px;} .footer-section1{padding: 15px 10px;border-top: 1px solid #999;} .footer-section1 ul{margin: 0 auto;padding: 0;max-width: 720px;} .footer-section1 ul li{list-style-type: none;font:normal 12px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 0.75px;text-transform: uppercase;display: inline-block;margin-right: 57px;} .footer-section1 ul li:last-child{margin-right: 0;} .footer-section1 ul li a{color:#000;text-decoration: none;} .footer-section1 ul li a:hover,.footer-section2 .footer-stories a:hover,.footer-section5 ul li a:hover{color:#424242;} .footer-section2{background-color: #f6f6f6;padding: 42px 10px;} .footer-section2 .footer-stories{text-align: center;} .footer-section2 .footer-stories a{text-align: center;text-decoration: none;color:#000;font:normal 10px/19px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;} .footer-section2 .footer-stories a span.stories-header{width: 100%;margin-bottom:15px;text-align: center;display: inline-block;} .footer-section2 .footer-stories a span.stories-header:before,.footer-section2 .footer-stories a span.stories-header:after{top: -5px;position: relative;content: " ";width: 36%;height: 1px;background-color: #e0dfdf;display: inline-block;} .stories-header-text{color:#424242;font:normal 18px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 0 20px;} .stories-content-row-1,.stories-content-row-2,.stories-content-row-3{max-width: 900px;margin: 0 auto 9px;display: block;} .stories-content-row-1 span,.stories-content-row-2 span,.stories-content-row-3 span{margin-right:11px;border-right: 1px solid #acb0b0;padding-right: 11px;} .footer-section3{width: 100%;padding: 48px 10px 38px;border-top: 1px solid #999;border-bottom: 1px solid #999;margin: auto;} .footer-section3-wrap{width: 100%;display: inline-block;} .footer-section3-wrap-left{width: calc(50% - 1px);padding-right: 0%;text-align: center;} .footer-section3-wrap-left ul{margin: 0;padding: 0;text-align:uppercase;} .footer-section3-wrap-left ul li{margin-bottom: 10px;list-style-type: none;display: block;color:#000;font:normal 16px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .footer-section3-wrap-left ul li.hotel-header{margin-bottom: 15px;color:#232323;font:normal 27px/27px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;} .footer-section3-wrap-divider{width: 1px;height: 91px;background-color: #dedede;} .footer-section3-wrap-right{width: 50%; position: relative; height: 40px; text-align: center;} .footer-section3-wrap-right ul{display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0; padding: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%);} .footer-section3-wrap-right ul li{list-style-type: none;float: left;margin-left: 10px;width: 40px;position: relative;} .footer-section3-wrap-right ul li.icon-Instagram{background:#000;color:#fff;width:28px;height:28px;padding:6px;} .footer-section3-wrap-right ul li.icon-Instagram:hover{background-color:#37619A;} .footer-section3-wrap-right ul li.icon-Instagram:hover:before{color:#fff;} .footer-section3-wrap-right ul li.icon-Instagram:before{font-size:28px;} .footer-section3-wrap-right ul li.icon-Pinterest{position: relative;background:rgb(201, 41, 39);color:#fff;width:28px;height:28px;padding:6px;} .footer-section3-wrap-right ul li.icon-Pinterest .path1 {display:none;} .footer-section3-wrap-right ul li.icon-Pinterest .path2 {font-size:28px;width:28px;height:28px;display:inline-block;} .footer-section3-wrap-right ul li.icon-Pinterest .path2:before {position: relative;margin-left:-4px;top:-4px;font-size:36px;} .footer-section3-wrap-right ul li.icon-Pinterest:before {font-size:32px;} .footer-section3-wrap-right ul li:before{font-size: 40px;margin-right: 10px;width: 100%;} .footer-section3-wrap-right ul li.icon-facebook:hover:before, .footer-section3-wrap-right ul li.icon-Twitter:hover:before {color:#000!important;} .footer-section3-wrap-right ul li.icon-Instagram:hover {background:#000;} .footer-section3-wrap-right ul li.icon-Pinterest:hover {background:#000;} .footer-section3-wrap-right ul li a{display: inline-block;width: 40px;height: 40px;position: absolute;top: 0;left: 0;z-index: 9;} .footer-section4{width: 100%;padding: 45px 10px 45px;max-width: 30rem;margin: auto;} .footer-section4-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-section4-wrap-left{} .footer-section4-wrap-left a{width: 100%;height: 100%;display: inline-block;} .footer-section4-wrap-left a:before{content: "\e91a";font-family: 'icomoon';font-size: 1.925rem;color: #7f8181; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;} .footer-section4-wrap-left a:hover:before{color:#424242;} .footer-section4-wrap-right{width: 115px;} .footer-section4-wrap-right a{width: 100%;height: 100%;display: inline-block;} .footer-section4-wrap-right a span:before{font-size: 50px;color: #7f8181; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;} .footer-section4-wrap-right a span:hover:before{color:#424242;} .footer-section5{width: 100%;padding: 24px 10px 45px;border-top: 1px solid #999;text-align: center;} .footer-section5 p.copyright { max-width: 40rem; margin: auto; color: #4d4d4d; font: normal 14px/24px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;} .footer-section5 ul{max-width: 1040px;margin:20px auto 0;padding: 0;} .footer-section5 ul li{list-style-type: none;display: inline-block;} .footer-section5 ul li:nth-child(3) a,.footer-section5 ul li.footer_copyrights a{border-right:0;} .footer-section5 ul li.footer_copyrights a:hover {text-decoration: none;} .footer-section5 ul li a{text-decoration: none;color: #4d4d4d; font: normal 16px/24px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: capitalize;border-right:1px solid #acacac;padding-right: 10px;margin-right: 6px;} .footer-section5 ul li a:hover {text-decoration: underline;} /* .footer_copyrights {margin-top: 40px;} */ .footer-section1,.footer-section2,.footer-section3,.footer-section4,.footer-section5{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;*behavior: url(/assets/js/boxsizing.htc);} .live-unforgettable { padding: 2.325rem 0 2.3125rem; border-bottom: 1px solid #999; } .live-unforgettable li.live-unforgattable-icon { background: url(img/live-unforgettable.svg) center no-repeat; display: inline-block; width: 324px; height: 42px; } .live-unforgettable li.seperator { height: 55px; width: 1px; background-color: #999; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); } .live-unforgettable li.flex-breaker { display: none; } .live-unforgettable .container { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0 auto; font: normal 12px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.75px; text-transform: uppercase; } .live-unforgettable .container li { margin: 0 2rem 0 0; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; padding: 0; } @media screen and (max-width: 950px){ .live-unforgettable li.live-unforgattable-icon { margin-top: 1rem; width: 100%; } .live-unforgettable li.flex-breaker {-ms-flex-preferred-size: 100%;flex-basis: 100%; height: 1rem; display: block; } } @media screen and (max-width:850px) { .live-unforgettable li.live-unforgattable-icon{width:220px;height:28px;} .footer-section3-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-section3-wrap-right { margin-top: 20px; } .footer-section3-wrap-right ul { top: 0; } } /* Extras */ .underline{text-decoration: underline;} .mobile_show,.only_mobile{display: none;} .mob_signup{display: none!important;} .mobile_hide,.no_mobile{display: block;} .left{float: left;} .right{float: right;} .hide,.not_loaded{display: none;} .show,.loaded{display: block;} #cookielaw {position: fixed;bottom: 0;right: 0;z-index: 999999;} a{color:#d7d7d7;} a:hover{} sup{font: normal 12px/12px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;display: inline-block;vertical-align: top;top:0;} .page-7 sup{top:5px;} .subpage-col1-wrapper a,.page-30 .subpage-col2-wrapper p a{font-size:24px;line-height:36px;display: inline-block;color:#943f2b;text-decoration:none;} .subpage-col1-wrapper a:hover,.page-30 .subpage-col2-wrapper p a:hover{text-decoration:underline;} .subpage-col1-wrapper a.gallery-arrow:hover{text-decoration:none!important;} .maps-content-left-inner-right a{font: normal 14px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#943f2b;text-decoration:none;} .maps-content-left-inner-right a:hover{text-decoration:underline;} .hidden2.DisplayInline{display:inline!important;} .swipe-section-right-inner p a.readmore:hover{text-decoration:none;} .top-arrow-nav{display:none;} .page-67 .subpage-col2-wrapper,.page-73 .subpage-col2-wrapper{display:none;} .mobile_768{display:none;} .adchoices span{background: url('img/adchoices.svg') right center no-repeat;background-size:contain;padding-right: 25px;} /* IE Fixes */ .ie9 .gradient,.ie9 .swipe-icon{-webkit-filter: none;filter: none;} .ie9 nav.main-nav ul li .main-subnav,.ie9 #venues-carousel .masthead-slide:hover .meetings-hover-section{-webkit-filter:none;filter:none;} .lt-ie9 nav.main-nav li:hover span.nav-main-title+.main-subnav,.lt-ie9 nav.main-nav li span.nav-main-title+.main-subnav:hover{max-height: 200px;} .lt-ie9 nav.main-nav ul > li:hover .nav-main-title > .nav-arrow{display: block;} .lt-ie10 .rooms_content_nav_section3 ul li{display:inline-block;width:33%;} /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ /* Arrows overlay tweak */ @media screen and (max-width: 1680px) and (min-width: 769px){ .swipe-layout .owl-prev{position:fixed;left:0;} .swipe-layout .owl-next{position:fixed;right:0;} } @media screen and (min-width: 1681px){ .swipe-layout .owl-prev{position:fixed;left:112px;} .swipe-layout .owl-next{position:fixed;right:111px;} } /* Arrows overlay tweak ends */ @media screen and (max-width: 1440px){ nav.main-nav ul li span.nav-main-title a span{padding:0 23px;} } @media screen and (max-width: 1450px){ .header-icons{padding: 0 18px 0 0px;} .header-icons ul li{padding-left: 15px;} .header-icons ul li a{left:15px;} .flyout-cross{right:20px;} .template-9 .flyout-wrap .rooms-prev-2{margin-left:-35px;} .template-9 .flyout-wrap .rooms-next-2{margin-right:-35px;} .hamclicker { cursor:pointer; margin:0 auto; right: 4px; top:15px; position: relative; padding: 10px;} .header-icons ul li a{top: 20px;left: 34px;} /* Nav */ nav.main-nav{position: absolute;top: 90px;z-index: 9999;width: 320px;height: auto!important;-webkit-transition: none;transition: none;background-color: #f8f8f8;padding: 0;right: 0;display: none;} nav.main-nav > ul{height: auto;width: 100%;text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;padding-bottom:23px; } nav.main-nav ul li{display: block;margin-left: 0;} nav.main-nav ul li span.nav-main-title{line-height: 39px;height: 40px;max-height: none;font: normal 15px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} nav.main-nav ul li span.nav-main-title a{line-height: 20px;} nav.main-nav ul li span.nav-main-title a span{padding: 0 0 0 28px;width: 100%;margin-top: 0;} nav.main-nav ul li span.nav-main-title a span{border: 0;} nav.main-nav ul li .main-subnav{transition: none;-webkit-transition: none;-moz-transition: none;-o-transition: none;-ms-transition: none;} nav.main-nav ul li .main-subnav.current{transition: all 0.25s linear;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;-ms-transition: all 0.25s linear;max-height: 500px;position: relative;background-color: #fff;-webkit-filter: none;filter: none;} nav.main-nav ul > li.mobile_back span.nav-main-title a span{background-color: #9e1b32;color: #fff;} nav.main-nav ul li .main-subnav ul{padding: 22px 17px 17px 28px;margin: 0;} nav.main-nav ul li .nav-arrow{border-top: 7px solid #9e1b32;border-bottom: 0;left: 28px;margin-left: 0;bottom: -7px;} nav.main-nav ul li.mobile_back .nav-arrow{display: block;} nav.main-nav ul li .main-subnav{background-color: #fff;} nav.main-nav ul li .main-subnav ul li{margin-top: 8px;font: normal 15px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} nav.main-nav ul li .main-subnav ul li a{color: #7d7d7d;} nav.main-nav ul li .main-subnav ul li:hover a{color:#959595;} nav.main-nav ul li#nav-18{display: none;} nav.main-nav ul li span.nav-main-title:before{} nav.main-nav ul li span.nav-main-title:after{content: "\e912";font-size: 8px;position: absolute;margin-left: 0;color: #fff;top: 6px;font-family: 'icomoon';right: 43px;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;-ms-transition: all 0.25s linear;opacity: 0;} nav.main-nav ul li.mobile_back span.nav-main-title:after{opacity: 1;} nav.main-nav .header-icons{position: relative;top: 0;width: 320px;right: 0;padding: 0;background-color: #f8f8f8;border-top: 1px solid #cccccc;height: 66px;} nav.main-nav .header-icons ul{float: none;margin: auto;height: 67px;} nav.main-nav .header-icons ul li{display: table-cell;padding-left: 34px;} nav.main-nav .header-icons ul li.icon-Gallery{display: table-cell;padding-left: 0;} .anim8 { -webkit-transition:transform 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition:top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; transition:transform 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .hamclicker { cursor:pointer; margin:0 auto; right: 4px; top:15px; position: relative; padding: 10px;} .hamclicker.inside .hamclick { background-color: #fff; } .hamclicker.inside { right: 0px!important; top: 10px!important; } .hamclick { width:35px; position:relative; height:1px; background-color:#000; border-radius:5px; top:0px; margin-top: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .ham1Rotate { background-color: #221e11;-webkit-transform:rotate(-225deg); transform:rotate(-225deg); top:11px!important; } .ham2Hide { visibility:hidden!important; opacity:0!important; position:relative; } .ham3Rotate { background-color: #221e11;-webkit-transform:rotate(225deg); transform:rotate(225deg); top:-11px!important; } .hamclick.one-b { top:0px; } .hamclick.three-b { top:0px; } .hamclick.two-b { width:35px; height:1px; opacity:1; visibility:visible; } nav.main-nav ul > li:hover span.nav-main-title a span{background-color: #9e1b32;color: #fff;} #nav-hover-tab{display: none;} .scrolled nav.main-nav > ul{height: auto;} .scrolled nav.main-nav{top: 56px;} .scrolled .hamclicker{top: -4px;} .booking-widget-top span.booking-widget-top-copy:before{display: none;} /* .mobile_hide,.no_mobile{display: none;} .mobile_show,.only_mobile{display: block;} */ nav.main-nav ul li#nav-hover-tab{display: none!important;} .menu-section-1{display:none;} .menu-sections-left{width:100%;display:none;margin-top:26px;min-height:0;padding: 27px 27px 100px;position:relative;} span.mobile-tabs{width:100%;display:block;color: #2d2d2d!important;font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 31px 0 0;padding: 0;list-style-type: none;cursor: pointer;position: relative;left: 26px;} span.mobile-tabs.opened{color: #b98747!important;} span.mobile-tabs:after{content: "\e904";font-size: 9px;color: #231b16;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:absolute;right:36px;top: 9px;} span.mobile-tabs.opened:after{content: "\e912";} .menu-sections{min-height:0;border:0;} .menu-spa.mobile_show.active{padding-top:70px;} .menu-spa.mobile_show .rotation-click{left: 0px;top: 65px;position: relative;bottom: auto;margin-left: 0;} .menu-sections:last-child{border-bottom: 1px solid #e4e3e3;} .menu-sections:last-child span.mobile-tabs{margin-bottom:31px;} .menu-section-2{border-top: 1px solid #e4e3e3;} } @media screen and (max-width: 1300px){ nav.main-nav ul li span.nav-main-title a span{padding:0 15px;border-left: none;} .template-7 .subpage-col3-wrapper-content h3{font: normal 53px/55px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-7 .subpage-col3-wrapper-content h3 span{font: normal 17px/22px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} } @media screen and (max-width: 1280px){ .instagram-feed-left-arrow{padding-left: 20px;} .instagram-feed-right-arrow{padding-right: 20px;} .hotelLogo{margin-left:0!important;} } @media screen and (max-width: 1180px){ .template-7 .rooms-prev{left:0;} .template-7 .rooms-next{right:0;} .template-9 .flyout-wrap .rooms-prev-2{margin-left:10px;} .template-9 .flyout-wrap .rooms-next-2{margin-right:10px;} } @media screen and (max-width: 1150px){ .hotelLogo{-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;padding: 5px 8px;} .hotelLogo a{left: 0;} .hotelLogo a.brand{display:none;} .hotelright-wrapper{max-width:none;} .template-7 .subpage-col3-wrapper-content p{font: normal 18px/27px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .gallery-arrow{left:10px;} } @media screen and (max-width: 1150px) and (min-width: 1021px){ .hotelLogo{width: 160px;} .hotelLogo a.hotel:after{font-size:1.3rem;} } @media screen and (max-width: 1020px) and (min-width: 851px){ .hotelLogo{width: 100px;} .hotelLogo a.hotel:after{font-size:0.8rem;} } @media screen and (max-width: 1080px){ .section_hover_title h2{white-space:normal;} .swipe-section-right-inner{padding:10% 5%;} .opening-times-inner .left,.opening-times-inner .right{width: 48%;} .page-40 .opening-times-inner .right,.page-68 .opening-times-inner .right{margin-left:3%;} .template-7 .subpage-col2-wrapper-top h2{font: normal 14px/15px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-7 .subpage-col2-wrapper-top h2 span{font: normal 46px/48px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-7 .subpage-col5-wrapper-content h3{font: normal 21px/21px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-7 .subpage-col5-wrapper-content p{font: normal 16px/21px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .breadcrumb_nav{padding: 19px 0 18px 28px;} .rooms_content_nav{padding: 14px 0 28px 28px;} .template-9 .subpage-col2-wrapper-subwrap ul{max-width:none;} .rooms-columns-div{width: 33.3%;} .section_hover_padding p{max-width:80%;} .subpage-col4-wrapper-button a{padding: 14px 120px;} .dropdown-section{max-width:350px;} .dropdown-section ul li a{width:100%;max-width:350px;} #map_navigation{left: 0;bottom: auto;position: relative;margin: auto;top: 30px;} #map{width:100%;height:100%;padding-bottom:50%;} .template-3 .swipe-section-right-inner h2{font: normal 34px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} /*QA removed .template-3 .swipe-section-left{width: 100%;position: relative;} .template-3 .swipe-section-right{width: 100%;left: 0;height: 100%;} .template-3 .swipe-section-right p{color:#201a16;font: normal 16px/22px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-3 .full-width .swipe-section-left img{margin-top:0;} .template-3 .swipe-section-left img{top:0} .template-3 .half-width .swipe-section-right{min-height:0;} .template-3 .subpages-social-wrap {display: block;position: relative;width: 80%;top: 0;display: block;left: 0;bottom: 0;right: 0;margin: 0 auto 24px;} .template-3 .swipe-section-right-inner {padding: 40px 27px;margin-bottom: 0;}*/ .template-3 .swipe-section-left img{height:100%;width:auto;top:auto;} .opening-times-inner span.text-top{font: normal 42px/42px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .pswp img{max-height:none;} .page-16 .swipe-nav .owl-prev{left:-10px;} .page-16 .swipe-nav .owl-next{right:-10px;} .page-16 .swipe-nav .owl-buttons{top:0;} } @media screen and (max-width: 1024px) and (min-width: 769px){ .page-12 .swipe-section-left img{max-width:none;width:auto;} } /*@media screen and (min-width: 851px) and (max-width: 1280px){ nav.main-nav{position: relative;margin-right: 40px;} nav.main-nav > ul{overflow: visible!important;} .nav-controls{position: absolute;bottom: 38%;left: -17%;width: 125%;height: 20px;display: block;} .nav-controls .nav-left-arrow{height:10px;width: 10px;} .nav-controls .nav-left-arrow:before{content: "\e904";animation: anim-rotate-90 3s linear 0s infinite;-webkit-animation: anim-rotate-90 3s linear 0s infinite;-moz-animation: anim-rotate-90 3s linear 0s infinite;-o-animation: anim-rotate-90 3s linear 0s infinite;-ms-animation: anim-rotate-90 3s linear 0s infinite;color:#616060;font-size: 13px;display: inline-block;cursor: pointer;} .nav-controls .nav-right-arrow{height:10px;width: 10px;} .nav-controls .nav-right-arrow:before{content: "\e904";animation: anim-rotate-270 3s linear 0s infinite;-webkit-animation: anim-rotate-270 3s linear 0s infinite;-moz-animation: anim-rotate-270 3s linear 0s infinite;-o-animation: anim-rotate-270 3s linear 0s infinite;-ms-animation: anim-rotate-270 3s linear 0s infinite;color:#616060;font-size: 13px;display: inline-block;cursor: pointer;} .cycle-carousel-wrap{height: 89px;} }*/ @media screen and (max-width: 950px){ nav.main-nav ul li span.nav-main-title a span {padding: 0 13px;} .rooms-section-content{padding: 33px 20px;} .rooms-section-wrap .rooms-section-border{margin:2%;} } @media screen and (max-width: 930px){ nav.main-nav ul li span.nav-main-title a span{padding:0 6px;} } @media screen and (min-width: 901px){ .rooms_content_nav_section3 ul{-moz-column-count: 3;-moz-column-gap: 18px;-webkit-column-count: 3;-webkit-column-gap: 18px;column-count: 3;column-gap: 18px;column-width: 132px;-webkit-column-width: 132px;-moz-column-width: 132px;} } @media screen and (max-width: 900px){ /* Rooms breadcrumb to nav */ .breadcrumb_nav{display: none;} .rooms_content_nav{padding:0;display:none;position: absolute;width: 100%;top: 178px;z-index: 10;} .rooms_content_nav_section{margin-right:0;} .rooms_content_nav_section h5{display:none;} .rooms_content_nav_section2{margin-left:0;} .rooms_content_nav_section1.left,.rooms_content_nav_section2.left,.rooms_content_nav_section3.left,.rooms_content_nav_section4.left{float:none;} .rooms_content_nav_section2 ul li{display: block;width:auto;} .rooms_content_nav_section ul li{border-bottom: 1px solid #c6c6c6;} .rooms_content_nav_section4 ul li:last-child{border-bottom:0;} .rooms_content_nav_section ul li a{padding-left: 31px;margin: 10px 0;display:block;} .rooms-hide{display:block;} .rooms_content_nav_section3 ul li, .rooms_content_nav_section4 ul li{width:100%;display:block;} .rooms_content_nav_section{margin-left:0;} .rooms-mobile-content-nav{} .rooms-mobile-content-nav h3.rooms-mobile-content-title{margin: 43px 0 20px 21px;text-transform: uppercase;} .rooms-mobile-content-icon{padding: 11px 17px;background-color: #eeeeee;margin: 36px 14px 0 0;cursor:pointer;} .gallery-mobile-content-icon{padding: 11px 17px;background-color: #eeeeee;margin: 0 14px 0 0;cursor:pointer;} .icon-rooms-nav-arrow{} .icon-rooms-nav-arrow:before{content: "\e904";color:#000;} .icon-rooms-nav-arrow.opened:before{content: "\e912";color:#a1a0a0;} nav.gallery-nav{background-color: #eeeeee;display: inline-block;width: 100%;position: absolute;z-index: 98;top: 51px;left: 0;display:none;} nav.gallery-nav ul{width:100%;} nav.gallery-nav li{display: block;width:auto;border-bottom: 1px solid #c6c6c6;} nav.gallery-nav li:last-child{border-bottom:0;} nav.gallery-nav li span{display:block;} nav.gallery-nav li span a{padding-left: 31px;margin: 10px 0;display:block;border-right:0;} nav.gallery-nav li span a span.active{color:#6c6c6c;border-bottom:0;} .template-12 .subpage-col1-wrapper,.template-11 .subpage-col1-wrapper{padding:38px 27px;} .template-12 .subpage-col2-wrapper h2, .template-30 .subpage-col2-wrapper h2{margin: 9px 0 18px;} .gallery-arrow{top:60px;} .template-20 .subpage-col1-wrapper, .template-19 .subpage-col1-wrapper{padding:40px 27px;} } @media screen and (max-width: 890px){ .footer-section2 .footer-stories a span.stories-header:before, .footer-section2 .footer-stories a span.stories-header:after{width: 30%;} .template-7 .subpage-col3-wrapper-content p{font: normal 16px/22px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} } @media screen and (min-width: 851px){ nav.main-nav li:hover span.nav-main-title+.main-subnav,nav.main-nav li span.nav-main-title+.main-subnav:hover{max-height: 100vh;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;} nav.main-nav ul > li:hover .nav-main-title > .nav-arrow{display: block;} .hotelright-wrapper{position: relative;} nav.main-nav ul li .main-subnav ul li#nav-41,nav.main-nav ul li .main-subnav ul li#nav-42,nav.main-nav ul li .main-subnav ul li#nav-43,nav.main-nav ul li .main-subnav ul li#nav-44,nav.main-nav ul li .main-subnav ul li#nav-45{display:none;} } @media screen and (max-width: 850px){ .header-icons ul li a{top: 20px;left: 34px;} /* Nav */ nav.main-nav{position: absolute;top: 90px;z-index: 9999;width: 100%;height: auto!important;-webkit-transition: none;transition: none;background-color: #f8f8f8;padding: 0;right: 0;display: none;} nav.main-nav > ul{height: auto;width: 100%;text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;padding-bottom:23px; } nav.main-nav ul li{display: block;margin-left: 0;width: 100%;text-align: center;z-index: 9;} nav.main-nav ul li span.nav-main-title{line-height: 39px;height: 40px;max-height: none;font: normal 15px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} nav.main-nav ul li span.nav-main-title a{line-height: 40px;} nav.main-nav ul li span.nav-main-title a span{padding: 0 0 0 0px;width: 100%;margin-top: 0;} nav.main-nav ul li span.nav-main-title a span{border: 0;} nav.main-nav ul li .main-subnav{transition: none;-webkit-transition: none;-moz-transition: none;-o-transition: none;-ms-transition: none;} nav.main-nav ul li .main-subnav.current{transition: all 0.25s linear;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;-ms-transition: all 0.25s linear;max-height: 500px;position: relative;background-color: #fff;-webkit-filter: none;filter: none;} nav.main-nav ul > li.mobile_back span.nav-main-title a span{background-color: #9e1b32;color: #fff;} nav.main-nav ul li .main-subnav ul{padding: 10px 17px 17px 28px;margin: 0;} nav.main-nav ul li .nav-arrow{border-top: 7px solid #000;border-bottom: 0;right: 23%;margin-left: 0;bottom: 7px;display: block;position: absolute;left: auto;} nav.main-nav ul li.mobile_back .nav-arrow{display: block;} nav.main-nav ul li .main-subnav{background-color: #fff;} nav.main-nav ul li .main-subnav ul li{margin-top: 8px;font: normal 15px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 10px 0;} nav.main-nav ul li .main-subnav ul li a{color: #7d7d7d;} nav.main-nav ul li .main-subnav ul li:hover a{color:#959595;} nav.main-nav ul li#nav-18{display: none;} nav.main-nav ul li span.nav-main-title:before{} nav.main-nav ul li span.nav-main-title:after{content: "\e912";font-size: 8px;position: absolute;margin-left: 0;color: #9e1b32;top: 6px;font-family: 'icomoon';right: -47px;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;-ms-transition: all 0.25s linear;opacity: 0;} nav.main-nav ul li.mobile_back span.nav-main-title:after{opacity: 1;} nav.main-nav .header-icons{position: relative;top: 0;width:100%;right: 0;padding: 0;background-color: #f8f8f8;border-top: 1px solid #cccccc;height: 66px;} nav.main-nav .header-icons ul{float: none;margin: auto;height: 67px;} nav.main-nav .header-icons ul li{display: table-cell;padding-left: 34px;} nav.main-nav .header-icons ul li.icon-Gallery{display: table-cell;padding-left: 0;} .anim8 { -webkit-transition:transform 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition:top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; transition:transform 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .hamclicker { cursor:pointer; margin:0 auto; right: 4px; top:15px; position: relative; padding: 10px;} .main-subnav{margin-top: 11px;} .hamclicker.inside .hamclick { background-color: #fff; } .hamclicker.inside { right: 0px!important; top: 10px!important; } .hamclick { width:35px; position:relative; height:1px; background-color:#000; border-radius:5px; top:0px; margin-top: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .ham1Rotate { background-color: #221e11;-webkit-transform:rotate(-225deg); transform:rotate(-225deg); top:11px!important; } .ham2Hide { visibility:hidden!important; opacity:0!important; position:relative; } .ham3Rotate { background-color: #221e11;-webkit-transform:rotate(225deg); transform:rotate(225deg); top:-11px!important; } .hamclick.one-b { top:0px; } .hamclick.three-b { top:0px; } .hamclick.two-b { width:35px; height:1px; opacity:1; visibility:visible; } /* nav.main-nav ul > li:hover span.nav-main-title a span{background-color: #9e1b32;color: #fff;} */ #nav-hover-tab{display: none;} .scrolled nav.main-nav > ul{height: auto;} .scrolled nav.main-nav{top: 56px;} .scrolled .hamclicker{top: -4px;} .booking-widget-top span.booking-widget-top-copy:before{display: none;} .mobile_hide,.no_mobile{display: none;} .mobile_show,.only_mobile{display: block;} nav.main-nav ul li#nav-hover-tab{display: none!important;} .menu-section-1{display:none;} .menu-sections-left{width:100%;display:none;margin-top:26px;min-height:0;padding: 27px 27px 100px;position:relative;} span.mobile-tabs{width:100%;display:block;color: #2d2d2d!important;font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 31px 0 0;padding: 0;list-style-type: none;cursor: pointer;position: relative;left: 26px;} span.mobile-tabs.opened{color: #b98747!important;} span.mobile-tabs:after{content: "\e904";font-size: 9px;color: #231b16;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:absolute;right:36px;top: 9px;} span.mobile-tabs.opened:after{content: "\e912";} .menu-sections{min-height:0;border:0;} .menu-spa.mobile_show.active{padding-top:70px;} .menu-spa.mobile_show .rotation-click{left: 0px;top: 65px;position: relative;bottom: auto;margin-left: 0;} .menu-sections:last-child{border-bottom: 1px solid #e4e3e3;} .menu-sections:last-child span.mobile-tabs{margin-bottom:31px;} .menu-section-2{border-top: 1px solid #e4e3e3;} /* Homepage */ .item{} .item-inner{max-height: none;} .section_hover{position: relative;padding:23px 10px;border:1px solid #787673;width: auto;height: auto;} .section_hover_padding{position: relative;} .section_hover_padding a{margin: 26px 0 0 0;} .masthead-container{z-index: 9;} .spacer_bottom{position: relative;margin-top: 16px;} .col1-wrapper{margin: 10px;} .cycle-pager{text-align: center;z-index: 999;position: relative;top: 100%;padding-top: 13px;} .cycle-pager span{display: inline-block;background-color:#aeaead;width: 11px;height: 11px;border-radius: 11px;-webkit-border-radius: 11px;-moz-border-radius: 11px;-ms-border-radius: 11px;text-indent:-9999px;cursor:pointer;margin-right: 12px;} .cycle-pager span.cycle-pager-active{background-color:#060303;} .instagram-feed{margin-top: 45px;} /* Specials overview */ .specials-overview-wrapper{width: 48%;margin-right: 2%;} .specials-overview-wrapper:nth-child(3n){margin-right: 2%;} #calendarCalendar{z-index: auto;} .date_field{position: relative;} .date_field > input{padding: 0;border: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;z-index: 999;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;} #top-arrival:hover, #top-departure:hover,#top-arrival2:hover, #top-departure2:hover{border-bottom: 2px solid #fff;} #top-arrival:hover .date, #top-departure:hover .date,#top-arrival2:hover .date, #top-departure2:hover .date{color: #fff;} .template-9 .subpage-col2-wrapper-subwrap ul li{width: auto;font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom: 12px;text-indent: -17px;padding:0 27px;min-width:70%;} .spa-services-wrap ul li,.page-11 .swipe-section-right-inner ul li{font: normal 16px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;width: auto;margin-bottom: 12px;text-indent: -17px;padding:0 18px;min-width:70%;} .template-11 .subpage-col2-wrapper-subwrap{padding:0 1%;} .gallery-overview-wrap{width:48.5%;margin-right:1%;} .gallery-overview-wrap:nth-child(3n){margin-right:1%;} .gallery-overview-wrap:nth-child(2n){margin-right:0;} .gallery-overview-wrap-header h2{font: normal 32px/32px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .subpage-col4-wrapper-button a{padding: 14px 75px;} .dropdown-section{float:none;display:inline-block;} .template-9 .subpage-col4-wrapper-button.dropdown-wrap{} .dropdown-section+.dropdown-section{margin-left:0;margin-top:20px;} .cover-page img{padding-left:0;margin-left:-35%;} .template-13 .subpage-col1-wrapper{padding: 47px 27px 50px;} .spa-services-wrap2 .terms{margin-top: 36px;} .venues-carousel-controls{display:none;} .hotelLogo a.brand{display: -webkit-box;display: -ms-flexbox;display: flex;} } @media screen and (min-width: 769px){ .page-53 .gallery-item a{height: 206px;width: 279px;position:relative;} .page-53 .gallery-item img{min-height:100%;position:absolute;left:0;bottom:0;} } @media screen and (max-width: 768px){ footer{margin-top:0;} .footer-section1{display: none;} .footer-section3{padding: 37px 10px;} .footer-section3-wrap-left{width: 100%;padding-right: 0;max-width: none;text-align: center;} .footer-section3-wrap-divider{display: none;} .footer-section4{padding: 23px 10px;} .stories-content-row-1, .stories-content-row-2, .stories-content-row-3{display: inherit;} /* Spa page */ .subpages-social-wrap{display: none;} .subpage-col1-wrapper{padding: 38px 27px 68px;width:auto;} .subpage-col1-wrapper h1{font: normal 28px/34px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;max-width: 400px;} .subpage-col1-wrapper p{font: normal 14px/21px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .scroll-down-2,.template-7 .scroll-down-2{bottom:20px;} .scroll-down-3,.template-7 .scroll-down-3{bottom:40px;} .swipe-section-left{width: 100%;position: relative;} .swipe-section-right{width: 100%;left: 0;height: 100%;} .swipe-section-right p{color:#201a16;font: normal 16px/22px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .full-width .swipe-section-left img{margin-top:0;} .swipe-section-right-inner p a.readmore{color: #231b16;position: absolute;bottom: -26px;width: 100%;left: 0;font: normal 14px/21px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-decoration:none;outline:0;text-align:center;} .swipe-section-right-inner p a.readmore:after{content: "\e904";font-size: 9px;color: #231b16;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: relative;top: -2px;left: 10px;} .swipe-section-right-inner p a.readmore.readless:after{top:-1px;content: "\e912";} .scroll-down{display: none;} .swipe-section-left-overlay h2{font: normal 53px/48px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .swipe-section-3 .swipe-section-left-overlay h2 span{ font: normal 48px/48px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .swipe-section-right-inner{padding: 10% 5%;width: auto;} .opening-times-outer+.opening-times-outer{margin-top: 39px;} .opening-times-outer h3{display: block;border-top: 1px solid #949d9e;height: 1px;width: 100%;padding-top: 15px;border-bottom: 1px solid #949d9e;padding-bottom: 37px;} /* QA addition */ .page-10 .opening-times-outer h3{border-top:0;border-bottom:0;} .page-10 .opening-times-outer h3.toggled:after,.page-10 .opening-times-outer h3:after{display:none!important;} .page-10 .opening-times-slide{display:block!important;} /* QA addition ends */ /*.opening-times-outer h3:before{display: block;background-color: #949d9e;height: 1px;width: 100%;content: '';margin-bottom: 14px;} .opening-times-outer h3:after{display: block;background-color: #949d9e;height: 1px;width: 100%;content: '';margin-top: 14px;}*/ .opening-times-outer h3:after{content: "\e904";font-size: 9px;color: #231b16;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: relative;top: -2px;left: 10px;} .opening-times-outer h3.toggled:after{top: -4px;content: "\e912";} .opening-times-slide{display: none;} .spa-anchor{text-align: center;} .half-width .swipe-section-right{min-height:0;} .hide-right{display: block;} .hotelLogo{width: 250px;} .swipe-section-left img{height: auto;} .template-3 .swipe-layout .spa-anchor a{float: left;} .template-3 .subpages-social-wrap{display: block;position: relative;width: 100%;top: 0;display: inline-block;left: 0;bottom: 0;right: 0;margin:48px 0 24px 38px;} .template-3 .subpage-col1-wrapper{padding: 12px 38px 50px;} .template-3 .subpage-col1-wrapper h1{font: normal 36px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-3 .subpage-col1-wrapper p{font: normal 15px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 18px 0 0 0;} .template-3 .swipe-section-right-inner{padding: 40px 27px;margin-bottom:0;} .template-4 .subpage-col1-wrapper h1{font: normal 36px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-4 .subpage-col1-wrapper p{font: normal 15px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-4 .subpage-col1-wrapper{padding: 48px 38px 20px;} .post.instagram.masthead-slide.cycle-slide img{padding-left: 0;width: 100%;} #venues-carousel .masthead-slide img{width: 100%;} .template-6 .subpage-col1-wrapper{padding: 38px 27px 38px;} .template-6 .subpage-col1-wrapper h1{font: normal 28px/34px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-6 .subpage-col1-wrapper p,.subpage-col2-wrapper-top p{font: normal 15px/22px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 18px 0 0 0;} .subpage-col2-wrapper-top,.template-7 .subpage-col2-wrapper-top{padding: 35px 27px 96px;width: auto;} .subpage-col2-wrapper-top h2{font: normal 14px/15px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .subpage-col2-wrapper-top h2 span{font: normal 58px/58px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-top:4px;} #venues-carousel .masthead-slide{margin-right: 0;} .meetings-anchor{margin: 23px 0;} .meetings-anchor a.spa-title{margin: 20px 20px 0 0;} .meetings-anchor a.spa-title+a{margin:20px 20px 0 0;} .meetings-anchor a.spa-title:last-child{margin-right:20px;} .template-7 .subpage-col3-wrapper-content p{display: none;} .template-7 .subpage-col5-wrapper-content p{display: none;margin: 20px 0 0;} .template-7 .subpage-col5-wrapper-content p+p{display: block;} .template-7 .subpage-col5-wrapper-content .anchor-button{margin-top:20px;} .template-7 .scrolling-data{min-height:0;padding: 33px 20px 62px;} .template-7 .scrolling-anchors-section{width: 100%;border-right: 0;border-bottom: 1px solid #dcdcdc;} .template-7 .scrolling-data-wrap{float: left;position: relative;width: 100%;display: none;} .template-7 .scrolling-data-section,.scrolling-data-section:first-child{display: none;} .template-7 .scrolling-data-sub-section h4,.template-7 .scrolling-anchors-section:first-child .anchor-arrow{display: none;} .template-7 .scrolling-data-section .cycle-slideshow .cycle-pager{padding-top: 25px;margin-left:-44px;} .template-7 .scrolling-data-sub-section p{margin:0;font: normal 16px/21px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .thumb-wedding{margin-top:20px;} .thumb-wedding:last-child{margin-right:37px;} .wedding-2col-section{width: 90%;border-right:0;} .wedding-2col-section+.wedding-2col-section{margin-top:20px;} .template-7 .scrolling-data-section-2 p{padding:0;} .template-7 .subpage-col2-wrapper-top h2 span{letter-spacing: normal;} .rooms-section-wrap{width: 98%;margin: 0 auto 16px auto;} .rooms-section-wrap.left{float: none;} .rooms-section-wrap:nth-child(2n){margin-right:auto;} .rooms-section-content{position: relative;} .rooms-section-wrap:hover .rooms-section-border,.rooms-section-wrap:hover .rooms-section-overlay{display:none;opacity:0;} .rooms-section-wrap:hover .rooms-section-content{background: #000;} .rooms-section-wrap:hover .rooms-section-content h2, .rooms-section-wrap:hover .rooms-section-content p{color: #3a3a3a;} .template-8 .subpage-col1-wrapper{padding: 38px 27px 28px;} .rooms-section-wrap .rooms-section-image{padding-bottom: 80%;height: 0;position: relative;overflow: hidden;} .rotation-click{display: none;} .rooms-columns-div{margin: 45px auto 0;border-bottom: 1px solid #e1e1e1;border-right: 0;display: block;padding-bottom: 45px;width:50%;white-space:nowrap;} .rooms-columns-div:last-child{border-bottom:0;padding-bottom: 0;} .template-9 .subpage-col2-wrapper{padding: 31px 5% 49px;} .template-9 .subpage-col3-wrapper a.subpage-col3-wrapper-subwrap{width: 100%;margin-bottom: 9px;} .explore-section-wrap{width: 98%;margin: 0 auto 37px;} .explore-section-wrap.left{float: none;} .explore-section-wrap:nth-child(3n){margin-right:auto;} .explore-section-content{position: relative;} .explore-section-wrap .explore-section-overlay,.explore-overlay-title{display:none;opacity:0;} .explore-section-content{opacity:1;} .explore-section-wrap .explore-section-image{padding-bottom: 118%;height: 0;position: relative;overflow: hidden;} .template-10 .subpage-col1-wrapper{padding: 38px 27px 28px;} .flyout-section-inner{padding: 91px 27px;} .flyout-section-inner h3{font: normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .flyout-section-inner h3 span{font: normal 46px/48px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:normal;} .flyout-cross{right:10px;padding: 15px;} .template-12 .subpage-col2-wrapper, .template-30 .subpage-col2-wrapper{padding: 0 7px;} .gallery-item{width:49.5%;} .gallery-item:nth-child(2n){margin-right:0;} .page-53 .gallery-item{width: 100%;margin-right: 0;} .page-53 .gallery-item a{width: 100%;height: auto;} .page-53 .gallery-item img{width: 100%;} .template-12 .subpage-col1-wrapper h1,.template-11 .subpage-col1-wrapper h1{font: normal 28px/34px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;max-width:none;} .gallery-arrow{top:39px;} .template-3 .swipe-section-left img{top:0;height: auto;width: 100%;} .page-8 .swipe-layout .owl-controls,.template-3 .swipe-layout .owl-controls{display:none!important;} .subpage-col4-wrapper-button a{padding:0;width:100%;max-width:350px;padding: 15px 0 0;height: 50px;} .subpage-col4-wrapper-button a+a{margin-left:0;margin-top:20px;} .menu-sections-left,.menu-sections-right{width:100%;padding:27px 27px 100px;} .menu-sections-right ul{text-align:center;} .menu-sections-left p.cover-page{width:280px;height: 280px;margin:auto;} .menu-sections-left p.cover-page img{margin-left:0;width:100%;} .menu-spa .rotation-click{display:block;bottom: -50px;left: 50%;margin-left: -40px;} .swipe-section-right-inner h2{font: normal 28px/34px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-7 .rotation-click{display:block;} .template-13 .subpage-col4-wrapper-subwrap{width: 100%;margin-top: 33px;} .template-13 .subpage-col4-wrapper-subwrap:last-child{width:100%;} .template-13 .subpage-col4-wrapper h3{margin: 0px 0 18px 0;} .event-section-left,.event-section-right{width:100%;} .event-section-right{margin-top:20px;} .template-14 .subpage-col1-wrapper{padding:38px 27px;} .maps-content-left{width:100%;margin-right:0;} .maps-content-right{width:100%;} .section-box{padding: 36px 10px;} .schedule-sections .day-wrap,.schedule-sections .time-wrap{width:25%;} .section-header.schedule-sections .time-wrap{font: normal 14px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .page-40 .opening-times-outer+.opening-times-outer h3{display:block;} .page-40 .instagram-feed-controls{display:none;} .page-40 .swipe-section.swipe-section-2 .opening-times-outer+.opening-times-outer{margin-top: 45px;display:block;} .page-40 .opening-times-outer+.opening-times-outer{margin-top:45px;} .page-40 .opening-times-inner .right{margin-left:auto;margin-top:45px;} .page-40 .opening-times,.page-40 .opening-times-outer{width:auto!important;display:block;} .page-40 .opening-times-inner .left, .page-40 .opening-times-inner .right{display:block;} .page-40 .spa-services-wrap ul{-moz-column-count: 1;-moz-column-gap: 40px;-webkit-column-count: 1;-webkit-column-gap: 40px;column-count: 1;column-gap: 40px;padding: 0;} .page-40 .swipe-section-right-inner h2,.page-31 .swipe-section-right-inner h2{letter-spacing:5px;} .page-68 .opening-times-outer+.opening-times-outer h3{display:block;} .page-68 .instagram-feed-controls{display:none;} .page-68 .swipe-section.swipe-section-2 .opening-times-outer+.opening-times-outer{margin-top: 45px;display:block;} .page-68 .opening-times-outer+.opening-times-outer{margin-top:45px;} .page-68 .opening-times-inner .right{margin-left:auto;margin-top:45px;} .page-68 .opening-times,.page-68.opening-times-outer{width:auto!important;display:block;} .page-68 .opening-times-inner .left, .page-68.opening-times-inner .right{display:block;} .page-68 .spa-services-wrap ul{-moz-column-count: 1;-moz-column-gap: 40px;-webkit-column-count: 1;-webkit-column-gap: 40px;column-count: 1;column-gap: 40px;padding: 0;} .page-68 .swipe-section-right-inner h2{letter-spacing:5px;} #sitemap > li{width: 30%;} .blog-overview-section-left{width:100%;margin-right:0;} .blog-overview-section-right{width:100%;} .template-19 .blog-wrapper,.template-20 .blog-wrapper{padding: 33px 0 80px;} .template-19 .blog-sections,.template-20 .blog-sections{padding-left:20px;padding-right:20px;} .paging{margin: -30px 0 70px 0;padding: 0 20px;} .template-2 footer, .template-3 footer{margin-top:0;} .owl-buttons{display:none;} .subpage-col1-wrapper .meetings-anchor{margin: 17px 0 0;} .page-10 .full-width .swipe-section-right-inner{margin: 31px auto 73px;} .page-40 .opening-times-outer h3,.page-68 .opening-times-outer h3{display:block;} .full-width .swipe-section-right p:last-child{margin-bottom:0;} .spa-services-wrap .subpage-col2-wrapper-top{padding: 212px 5% 98px;} .full-width .swipe-section-right-inner{margin:38px 0;} .template-11 .subpage-col2-wrapper-subwrap{padding: 0 8px;width: auto;} .gallery-overview-wrap-header{margin: 7px 0 49px;} .template-15 .subpage-col1-wrapper{padding: 38px 5%;} .template-9 .flyout-section-inner {padding: 120px 27px;} .template-9 .flyout-wrap .rooms-prev-2,.template-9 .flyout-wrap .rooms-next-2{display: none;} .swipe-nav .owl-prev,.swipe-nav .owl-next{background:none;} .swipe-nav .owl-prev:before,.swipe-nav .owl-next:before{color:#000;font-size:13px;} .swipe-nav .owl-buttons{display:block;position: relative;top: -45px;z-index:0;} .owl-carousel .owl-wrapper-outer{z-index:1;} .page40-header{display:none!important;} .footer-section5 ul li a{border-right:0;} .masthead-overlay{position:relative;bottom:auto;top:0;left:0;width:auto;padding:27px;transform: none;-o-transform:none;-moz-transform:none;-webkit-transform:none;-ms-transform:none;background:none;} .masthead-overlay h2{font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0 0 10px 0;color: #232323;} .masthead-overlay p{font:normal 14px/20px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0 0 5px 0;color: #000;} .masthead-overlay a.overlay-button{font:normal 14px/20px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;border:1px solid #000;} .masthead-overlay a.overlay-button:hover{background-color:#000;color:#fff;} .header-section.overlay-present:after{background:none;display:none;} .page-40 .page40-header{display:none!important;} /* Extras */ .subpage-col1-wrapper a, .page-30 .subpage-col2-wrapper p a{font-size:15px;line-height:24px;} .full-width .swipe-section-right p a{font-size:16px;line-height:22px;} .mobile_768{display:block;} .section-header.schedule-sections{display:none;} .mobile_schedule_header{font: normal 14px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #986d3d;margin: 0;padding: 0 0 20px;text-transform: uppercase;} .schedule-sections .time-wrap{width:75%;float:right;display:block;margin-top:20px;} .schedule-sections .day-wrap+.time-wrap{margin-top:0;} .flyout-section-inner-top{margin-top:20px;} } @media screen and (max-width: 630px){ .footer-section2 .footer-stories a span.stories-header:before, .footer-section2 .footer-stories a span.stories-header:after{width: 25%;} #contact_form fieldset{width:100%;margin-right:0;} #contact_form{padding:27px;} .template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap,.template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap,#contact_form fieldset.header-contact,#contact_form fieldset.comment_area{width:100%;margin-right:0;} .template-15 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap,.template-13 .subpage-col3-wrapper .subpage-col3-wrapper-subwrap.full-height{margin-bottom:9px;} .template-13 .subpage-col3-wrapper{margin: 64px auto 0;} .template-13 footer{margin-top: 10px;} } @media screen and (min-width: 581px){ .scrolling-absolute-header{position:absolute;} .scrolling-fixed .top-arrow-nav{display: inline-block;position: fixed;top: 0;margin: 20px 0 20px 10px;max-width: 1680px;z-index: 9999;cursor:pointer;} .scrolling-fixed .top-arrow-nav:before{content: "\e912";font-size: 16px;color: #c4c1bf;} } @media screen and (max-width: 580px){ .booking-widget-header{position: absolute;right: 0;width: 100%;top:91px;} .booking-widget-top{height: auto;width: 100%;text-align: center;} .booking-widget-top span.booking-widget-top-copy a{width: 100%;margin: 0;padding: 4px 0 0;} .booking-widget-top.open span.booking-widget-top-copy a{color: #fff;background-color: #9e1b32;} .booking-widget-top.open span.booking-widget-top-copy a:after{color: #fff;} .booking-widget-bottom .booking_widget{width: 100%;margin: auto;position: relative;height: 142px;} #top-arrival,#top-arrival2{margin: 15px 8px 8px 13px;padding: 0 0 9px 0;} .calendar-divider{margin: 0 7px;} #top-departure, #top-departure2{margin: 15px 7px 8px 7px;padding-right: 0;} /*.booking_widget form input#booking-submit{float: none;left: 50%;margin-left: -90px;top: auto;margin-top: 0;top: 8px;color: #9e1b32;background-color: #fff;position: relative;right: auto;}*/ .booking_widget form input#booking-submit {float: none;left: auto;top: 16px;color: #9e1b32;background-color: #fff;position: relative;right: auto;width: 156px;margin: auto;display: block;} .calendars{margin-top: 39px;left: 50%!important;margin-left: -162px;z-index: 9999;} .scrolled .booking-widget-header{top: 50px;} .footer-section2 .footer-stories a span.stories-header:before, .footer-section2 .footer-stories a span.stories-header:after{width: 12%;} .header-section{padding-top: 133px;} .scrolling-fixed .swipe-nav{top:100px;} .booking-widget-header{padding-right:0;} .booking_widget form{ display: table;width: auto; margin: auto;} .booking_widget form fieldset#booking-dates{margin: 0 auto;float: none;} .booking-widget-bottom .booking_widget{background-color: #868684;} /*.calendar{border: 10px solid #868684;}*/ .template-3 .subpage-col1-wrapper{padding: 54px 38px 50px;} .swipe-icon{display: none;} .specials-overview-wrapper{width: 100%;margin-right: 0;} .template-4 .subpage-col2-wrapper{padding: 0 2% 47px;} .specials-overview-wrapper{margin-top: 20px;} .template-4 .subpage-col1-wrapper{padding: 38px 38px 20px;} .rooms_content_nav{top: 222px;} .gallery-overview-wrap,.gallery-overview-wrap:nth-child(3n),.gallery-overview-wrap:nth-child(2n){margin-right:0;} .specials-overview-image{max-height:none;} .swipe-nav .owl-controls{display:block!important;} .gallery-overview-wrap{width:100%;} } @media screen and (max-width: 580px){ .subpage-col4-wrapper-button a+a{margin-left:0;margin-top:10px;} } @media screen and (min-width: 769px){ .template-3 .swipe-nav .owl-item{text-align:center;width:auto!important;margin-left:35px;} } @media screen and (max-width: 550px){ .page-7 .swipe-nav .owl-item:first-child,.page-7 .swipe-nav .owl-item.synced .items-child{white-space:normal;} } @media screen and (max-width: 500px){ .swipe-layout .spa-anchor a{width: 100%;max-width:330px;margin: auto;} .swipe-layout .spa-anchor a~a{margin-top:39px;} .swipe-nav .owl-item{min-width: 164px;} #venues-carousel .masthead-slide{width: 300px;height: 225px;} .thumb-wedding,.thumb-wedding:last-child{margin-right:0;} .rooms-columns-div span{padding-right:10px;} .template-9 .subpage-col2-wrapper-subwrap ul li{white-space:normal;} .gallery-icon{margin:10px auto 0;} .flyout-sections-left,.flyout-sections-right{width:100%;} .flyout-sections-right-inner{padding:0;} .page-40 .swipe-section.swipe-section-2 .opening-times-outer+.opening-times-outer,.page-68 .swipe-section.swipe-section-2 .opening-times-outer+.opening-times-outer{display:block;} #sitemap > li,#sitemap > ul{width:100%;text-align:center;} .page-16 .swipe-nav .owl-item{min-width:0;} .subpage-col1-wrapper h1{font: normal 24px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-3 .subpage-col1-wrapper h1{letter-spacing:5px;font: normal 24px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .owl-item:nth-child(2) .items-child{white-space:nowrap;} .calendar-nav-wrap{text-align:center;} .calendar-nav-wrap span{margin-bottom:5px;} .calendar-nav-wrap span:first-child{display:block;} .calendar-month .event-section{padding: 27px 0 30px;} .page-11 .full-width .swipe-section-right p+p{margin-bottom:0;} .template-7 .scrolling-data-section .cycle-slideshow .cycle-pager{display:none;} .swipe-nav{padding:0 20px;} .owl-prev:before{margin-left: -40px;} .owl-next:before{margin-left: 31px;} .scrolling-fixed .owl-next:before{margin-left:-8px;} .gallery-overview-wrap-header h2{font: normal 21px/21px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} } @media screen and (max-width: 450px){ .swipe-icon{margin: 10px auto 0;} .hamclicker{width: auto;width: calc(100% - 319px);padding: 10px 17px 10px 10px;} .hamclick{margin: 10px auto 0;} .template-7 .subpage-col5-wrapper-content h3{font: normal 16px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .template-7 .subpage-col5-wrapper-content p{font: normal 14px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;margin:10px 0 0 0;} .template-7 .subpage-col5-wrapper-content .anchor-button{margin-top:10px;} .rooms-columns-div{width:70%;} #contact_form .submit_button{margin-left:0;margin-top:19px;} .maps-content-left-inner-left{width: 100%;margin-right:0;} .maps-content-left-inner-right{width:100%;} #map_navigation{width:auto;margin:0 20px;} .maps-content-left-inner-left{padding:20px 0;} .section-header.schedule-sections .time-wrap{font: normal 11px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .swipe-section-left-overlay h2 {font: normal 36px/36px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .subpage-col1-wrapper h1{font: normal 24px/28px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;max-width: 400px;} .subpage-col1-wrapper {padding: 38px 10px 68px; width: auto;} .gallery-item .gallery-item-overlay h3{font: normal 14px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .gallery-item .gallery-item-overlay p{font: normal 12px/14px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .hotelLogo a.hotel:after{font-size: 1.7rem;} } @media screen and (max-width: 380px){ .hotelLogo{width: 200px;} .footer-section2 .footer-stories a span.stories-header:before, .footer-section2 .footer-stories a span.stories-header:after{width: 5%;} .hamclicker{width: auto;width: calc(100% - 268px);} .rooms-section-anchor a+a{margin-left:0;margin:10px 35px 0 0;} .template-6 .swipe-section-left-overlay h2{font: normal 38px/38px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;} .subpage-col3-wrapper .anchor-button{margin: 10px auto 0;} .dropdown-section{max-width:320px;} .dropdown-section h4{text-indent: -15px;} .dropdown-arrow{right:12px;} #top-departure{margin: 15px 2px 8px 2px;} .hotelLogo a.hotel:after{font-size: 1.4rem;} .hotelLogo a.hotel:after{font-size: 1.4rem;} .hotelLogo a.brand::before{font-size: 1.5rem;} } .page-30 .subpage-col4-wrapper .scrolling-data-sub-section{width:100%;} .images-wrap{padding-bottom: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width:640px;margin:0 auto;} .image-copy{width:200px;padding-right:2px;padding-bottom: 20px;} .image-copy img{width:100%;} .image-copy span{display:block;margin-top: 20px;} /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .hidden2{display: none;} .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .page-9 .swipe-section-1 li { list-style-type: none; } /*.page-9 .swipe-section-1 li:before { content: ''; width: 5px; height: 5px; background-color: #9f1334; margin-right: 12px; display: inline-block; margin-bottom: 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }*/ /* ========================================================================== NEW WEDDING PAGE ========================================================================== */ .newMasthead-overlay { position: absolute; top: 198px; left: 0; right: 0; z-index: 9; text-align: center; color: #000; text-transform: uppercase; padding: 30px; background-color: rgba(255,255,255, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 75%; } .newMasthead-overlay h2 { font:normal 60px/60px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif ;margin:0 0 19px 0; padding:0; letter-spacing:0.5px; } .newMasthead-overlay p { font:normal 24px/26px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0 0 5px 0; padding:0; letter-spacing:0.5px; text-transform: initial; line-height: 29px; } .newMasthead-overlay a { font:normal 24px/24px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0; letter-spacing:0.5px; } .image-shadow:after{ content: ""; display: block; position: absolute; left: 0; top: 19.43em; bottom: 0px; width: 100%; height: 8.10%; background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,0)),to(rgba(255,255,255,0.8))); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(255,255,255,0.8) 100%); } .button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; position: absolute; top: 415px; z-index: 9; left: 0; right: 0; margin-bottom: 0px; } .button { text-transform: uppercase; border: 2px solid black; padding: 20px 30px 20px 30px; margin: 10px; color: white; font-size: 20px; text-decoration: none; background-color: #000; margin-top: 20px; } .button:hover{ background-color: white; color: black; } /*.button:last-of-type { background-color: white; } .button:last-of-type:hover { color: white; background-color: black; }*/ .Wedding-section-2 { background-color: #EFEFEF; z-index: 9; position: relative; padding-bottom: 22px; } .Wedding-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .wedding-top-content{ width: 75%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Wedding-wrapper h2 { font: normal 60px/60px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 60px 0px 26px 0px; padding: 0; letter-spacing: 0.5px; text-align: center; line-height: 0.9 } .Wedding-content p { text-align: center; font-size: 20px; width: 80%; margin: auto; padding-bottom: 20px; } .halfSection{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; background-color: white; margin-bottom: 50px; position: relative; } .half-section-img { height: 27em; position: relative; } .wedding-half-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; width: 38%; padding: 0px 20px 0px 30px; } .wedding-section-header { font-size: 22px; } .wedding-section-content p { font-size: 18px; } .wedding-section-content ul li { font-size: 18px; } .wedding-icons { height: 44px; } .tile-icon-section{ padding-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .tile-icon-section p{ margin-right: 5px; font-size: 15px; } .Wedding-section-3{ background-color: white; } .button-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; position: relative; padding-right: 4em; } .Wedding-section-4 { background-color: white; position: relative; } .rewards-section { overflow: hidden; position: relative; } .rewards-section img { width: 100%; } .rewards-overlay{ width: 30%; background-color: white; position: absolute; z-index: 99; right: 0; padding: 29px; top: 0; margin: 20px; } .Wedding-section-5{ background-color: #EFEFEF; } .Wedding-subheader-additional-touches{ text-align: center; font-size: 20px; margin-bottom: 50px; width: 73%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; padding: 8px 40px; } .additional-touch-images { height: 22em; margin: 10px; width: 25em; } .addional-touches-section-wrapper { width: 75%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .additional-touch-overlay-header{ position: absolute; left: 0px; bottom: 0px; margin: 0px 10px 10px 10px; text-align: center; font-size: 20pt; width: 95.3%; background: rgba(255, 255, 255, 0.8); padding: 23px 0px 22px 0px; } .button_overlay { text-transform: uppercase; border: 2px solid black; padding: 12px 18px 13px 20px; margin: 10px; color: white; font-size: 18px; text-decoration: none; background-color: black; margin-top: 20px; } .button_overlay:hover { color: Black; background-color: white; } .buttons-for-overlay { display: none; } #3-tiles { height: 25em; width: 25em; } .tile .tile__image img.image-block { width: 100%; } .tileTitle { margin-top: 34px; font-size: 25px; } .icon-link-mob { display: none; } .wedding-icon-overlay-mob { display: none; } /* ========================================================================== Tile Classes for fading in and out of more information ========================================================================== */ .tile { max-width: 600px; position: relative; display: inline-block; overflow: hidden; cursor: pointer; margin: 5px; } .tile:hover, .tile:focus, .tile.focus { -webkit-transition: .75s; transition: .75s; background-color: rgba(255, 255, 255, 0.9); } .tile:hover .tile__overlay, .tile:focus .tile__overlay, .tile.focus .tile__overlay { top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); background: rgba(255, 255, 255, 0.1); padding-bottom: 30px; } .tile:hover .title, .tile:focus .title, .tile.focus .title { -webkit-animation: titleFade forwards .5s; animation: titleFade forwards .5s; } .tile:hover .title:before, .tile:focus .title:before, .tile.focus .title:before { -webkit-animation: titleArrowFade forwards .25s; animation: titleArrowFade forwards .25s; } .tile:hover img, .tile:focus img, .tile.focus img { background: #fff; opacity: .1; -webkit-transition: .25s; transition: .25s; } .icon-link3 img .wedding-icon-overlay { opacity: 1; } .tile:hover p, .tile:focus p, .tile.focus p { -webkit-animation: FadeIn forwards .75s .25s; animation: FadeIn forwards .75s .25s; -webkit-transform: translate(0%, -30px); transform: translate(0%, -30px); } .tile:hover .tile__button, .tile:focus .tile__button, .tile.focus .tile__button { -webkit-animation: FadeIn forwards .5s .5s; animation: FadeIn forwards .5s .5s; -webkit-transform: translate(0%, -30px); transform: translate(0%, -30px); opacity: 0; } .tile:hover .overlay__close, .tile:focus .overlay__close, .tile.focus .overlay__close { -webkit-animation: FadeIn forwards .75s .75s; animation: FadeIn forwards .75s .75s; -webkit-transform: translate(0%, -30px); transform: translate(0%, -30px); opacity: 0; } .tile:hover .overlay__close:before, .tile:focus .overlay__close:before, .tile.focus .overlay__close:before { -webkit-animation: hoverUfo 3s ease-in-out infinite; animation: hoverUfo 3s ease-in-out infinite; } .tile .tile__overlay { background: rgba(255, 255, 255, 0.9); width: 100%; position: absolute; overflow: hidden; z-index: 1; text-align: center; -webkit-transition: .75s; transition: .75s; top: calc(100% - 100px); -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .tile .tile__overlay .title__wrap { position: relative; height: 90px; } .tile .tile__overlay .title__wrap .title { font-family: 'nobel-regular', sans-serif; font-style: normal; font-weight: 400; font-size: 28px; color: #000; position: absolute; text-align: center; margin: 0; bottom: 10px; width: 100%; } .tile .tile__overlay .title__wrap .title:before { content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/960189/arrow-up.svg"); display: block; width: 30px; margin: 0 auto; } .tile:hover .tile__overlay .tile__content p { font-family: "franklin-gothic-urw", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #000; margin-bottom: 5%; } .tile .tile__overlay .tile__button { background: #000; font-family: "nobel-light", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #fff; display: inline-block; padding: 14px 20px; margin-bottom: 5%; text-decoration: none; } .tile .tile__overlay .overlay__close:before { content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/960189/arrow-down.svg"); display: block; width: 30px; margin: 0 auto; } .tile .tile__image { position: relative; overflow: hidden; } .tile .tile__image img { width: 100%; -webkit-transition: .25s; transition: .25s; } .tile .tile__overlay .tile__content p { opacity: 0; width: 55%; margin: auto; padding-top: 24px; } .tile:hover .tile__overlay .tile__content p { opacity: 1; width: 69%; margin: auto; padding-top: 39px; padding-bottom: 19px; font-size: 16px; } .wedding_tiles__container { margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 50px; } .wedding-icon-overlay:focus{ height: 35px; position: absolute; right: 1.6em; bottom: 1.5em; padding: 5px; margin: 5px; } .icon-link3:focus .icon-link3:hover { position: absolute; right: 20em; padding: 7px; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; text-transform: capitalize; top: 16em; color: black; } /* ========================================================================== Icon Links and Images ========================================================================== */ .icon-section { position: relative; right: 13em; } .wedding-icon-overlay{ height: 40px; position: absolute; right: 1.6em; bottom: 1.5em; padding: 5px; margin: 1px; background-color: rgba(255, 255, 255, 0.9); } .icon-link3 { display: none; position: absolute; right: 2em; padding: 7px; font-size: 16px; text-align: center; text-decoration: none; font-weight: bold; text-transform: capitalize; top: 5em; color: black; font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif!important; z-index: 1000; } .icon-link3:first-child { display: block; } .wedding-icon-overlay-camera{ position: absolute; right: 37px; bottom: 3em; padding: 5px; margin: 0px; width: 37px; background-color: rgba(255, 255, 255, 0.9); height: 34px; } .icon-link { position: absolute; padding: 18px; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; text-transform: capitalize; bottom: 0; width: 88px; left: 5px; font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif!important; } .icon-link2 { display: none; position: absolute; padding: 18px; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; text-transform: capitalize; bottom: 0; width: 74px; left: 99px; font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif!important; } .icon-link2:first-child { display: block; } /* ========================================================================== WEDDING CONTACT FORM ========================================================================== */ .Wedding-contactForm { background-color: white; margin-top: 40px; padding: 40px 40px 40px 40px; } .wedding-dropdown { color: #666e6f; font: normal 18px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0; outline: 0; padding: 0; border: 0; width: 100%; background-color: #f5f5f5; border: 1px solid #e3e3e3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 54px; } .wrap-form{ width:100%; margin-right:0px; margin-left:0px; margin:auto; display:-webkit-box; display:-ms-flexbox; display:flex; padding-top: 2em; margin-bottom: -10px; } #contact_form fieldset.topic_area { margin-right:0%; } #contact_form fieldset .form-fields { margin-right:10px; } .middle { margin: 0; } .last-field { margin-left: 20px!important; color: #000000; font: normal 18px/18px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0; outline: 0; padding: 0; border: 0; width: 100%; background-color: #f5f5f5; border: 1px solid #e3e3e3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 54px; } #contact_form .submit-button { border: 0; background-color: black; color: #fff; margin-left: 19px; -webkit-transition: all 0.93s ease-out; transition: all 0.93s ease-out; -moz-transition: all 0.93s ease-out; -o-transition: all 0.93s ease-out; -ms-transition: all 0.93s ease-out; } .contact-form-required-text { text-align: left; margin: 0; } /* ========================================================================== WEDDING CYCLE ========================================================================== */ .rooms-prev-2 { cursor: pointer; float: none; font-family: 'icomoon' !important; } .rooms-next-2 { cursor: pointer; float: none; font-family: 'icomoon' !important; } .half-section-cycle { right: 0; max-width: 1350px; margin: auto; padding: 0 40px; width: 100%; width: calc(100% - 80px); -webkit-box-sizing: border-box; box-sizing: border-box; } #wedding-cycle-arrows { bottom: 14em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1375px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: auto; width: calc(100% - 80px); } #wedding-cycle-arrow-left { font-size: 40px; line-height: 50%; display: inline-block; position: relative; padding-right: 31em; top: 12px; position: absolute; left: 0; } #wedding-cycle-arrow-right { font-size: 40px; position: absolute; right: 0; } #custom-caption-3 { position: absolute; z-index: 999; width: 3em; background-color: rgba(255, 255, 255, 0.9); bottom: -3em; padding: 14px; font-size: 20px; text-align: center; right: 7.6em; } /* ========================================================================== Jiucer ========================================================================== */ .juicer-wrapper{ background-color: #9e1b32; margin-bottom: -39px; } .wedding-juicer{ width: 70%; margin: auto; padding: 50px 50px 100px 50px; background-color: #9e1b32; } .juicer-header{ color: white; } /* ========================================================================== Media Query ========================================================================== */ @media screen and (max-width: 1400px) { #custom-caption-3 { right: 4em; } } @media screen and (max-width: 1190px) { .halfSection { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 80%; } .icon-section { left: 34em; } .wedding-half-content { width: 70%; padding: 43px; } .tile-icon-section { padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin: auto; padding-bottom: 18px; } .tile-icon-section p { margin-right: 33px; } .wedding-icons { padding-top: 10px; } #wedding-cycle-arrows { bottom: 29em; } .button-section { padding-right: 0px; } #custom-caption-3 { right: 9em; } .rewards-overlay { margin: 0px; } } @media screen and (max-width: 1110px) { .wedding_tiles__container { margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tile { margin-bottom: 20px; } .half-section-cycle { padding: 0 28px; width: 100%; } .icon-section { left: 32em; } } @media screen and (max-width: 970px){ .newMasthead-overlay { position: absolute; top: 168px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 75%; right: 0; } .newMasthead-overlay h2 { font-size: 36px; } .newMasthead-overlay p { font-size: 22px; } .button-wrapper { top: 450px; } .button{ margin: 6px; font-size: 15px; margin-top: 11px; text-align: center; padding: 20px 13px 20px 13px; } .button-section { padding-right: 0em; } .Wedding-wrapper h2 { font-size: 34px; } .Wedding-content p { font-size: 18px; } .rewards-overlay { width: 35%; right: 0; padding: 23px; top: 0; margin: 0px; } .icon-section { left: 28em; } #custom-caption-3 { right: 7em; } } @media screen and (max-width: 900px){ .rewards-overlay{ width: 90%; padding: 10px 35px; margin: 10px; position: relative; } .icon-section { left: 21em; } } @media screen and (max-width: 730px){ .icon-section { left: 17em; } } @media screen and (max-width: 630px){ .newMasthead-overlay { position: absolute; top: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 25px; margin: 0px; } .newMasthead-overlay h2 { padding-top: 12px; width: 90%; margin: 0px } .newMasthead-overlay p { padding: 0px 64px 0px 0px; font-size: 19px; } .button-wrapper{ top: 370px; margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 17em; padding: 0px; } .button { font-size: 14px; text-align: center; margin: 3px; } .wedding-top-content { width: 81%; } .Wedding-wrapper h2 { text-align: center; margin: auto; padding: 11px; margin-top: 10px; } .wedding-half-content { margin: 0px 50px; } .icon-section { left: 13em; } .icon-link3 { right: 0em; } .wrap-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .last-field { margin-left: 0em!important; } .wedding-half-content { width: 86%; padding: 0 0px; } .half-section-img { height: 21em; } .half-section-cycle { padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } #wedding-cycle-arrows { bottom: 5em; width: calc(100% - 46px); } .halfSection { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 95%; } } @media screen and (max-width: 450px){ .newMasthead-overlay { top: 174px; padding: 0px; } .newMasthead-overlay h2{ width: 97%; } .newMasthead-overlay p { display: none; } .wedding-section-header { font-size: 22px; text-align: center; } .button-wrapper { top: 345px; } .button { font-size: 14px; } .Wedding-wrapper h2 { font-size: 27px; } .Wedding-content p { font-size: 17px; width: 100%; padding-bottom: 40px; } .wedding-half-content { margin: 0px 10px; } .wedding-icons { padding-top: 0px; padding-left: 16px; } .tile-icon-section p { margin-right: 7px; font-size: 13px; } .wedding-icon-overlay { height: 31px; right: 1.6em; bottom: 1.6em; padding: 0px; margin: 3px; } .button-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .icon-section { left: 11em; } .icon-link3 { right: 0em; top: 4em; } .halfSection { width: 100%; height: 43em; } .rewards-overlay { padding: 10px 17px; } .wedding-section-content p { font-size: 17px; padding-left: 10px; } .wedding-section-content ul li { font-size: 17px; padding: 0px 10px; } .tile-icon-section { padding-bottom: 55px } #wedding-cycle-arrows { bottom: 3em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1375px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: auto; } #wedding-cycle-arrow-left { font-size: 40px; line-height: 50%; display: inline-block; padding-right: 31em; top: 11px; position: absolute; left: 0; } .half-section-cycle { padding: 0px; width: calc(100% - 14px); } .half-section-img { height: 19em; } #custom-caption-3 { right: 8em; } } /* ========================================================================== End of NEW WEDDING PAGE ========================================================================== */ /********** AB test tweaks for homepage variation **********/ .page-110 .header-section{max-height: calc(100vh - 90px);} .page-110 .header-section img{max-height: calc(100vh - 90px);} .page-110 .booking-widget-header{position:initial;} .page-110 .booking-widget-top.open+.booking-widget-bottom .booking_widget{max-height:none!important;width:100%;overflow:visible!important;} .page-110 .select-container{bottom:5px;} @media screen and (min-width: 581px){ .abtest-bookingWidget{position: absolute;left: 50%;bottom:20px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);z-index: 9999;height:130px;width: 100%;max-width:500px;} .page-110 .hotelright-wrapper .booking-widget-header{display:none;} .page-110 .abtest-bookingWidget .booking-widget-top{display:none;} /* .page-110 .hotelright-wrapper .booking-widget-header.scrolled{display:block;}*/ .abtest-bookingWidget .booking-widget-bottom .booking_widget{max-height:none;height:130px;} } @media screen and (max-width: 700px) and (min-width: 581px){ .abtest-bookingWidget{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} } @media screen and (max-width: 700px){ .abtest-bookingWidget .booking-widget-bottom .booking_widget{position:relative;} .abtest-bookingWidget{position: relative;left: 0;bottom: 0;transform: none;width: 100%;max-width: none;} .page-110 .booking-widget-header{width:100%;} .page-110 .booking-widget-top.open+.booking-widget-bottom .booking_widget{max-width:none;} } @media screen and (max-width: 580px){ .abtest-bookingWidget .booking-widget-header{display: block;position: fixed;bottom: 0;top: auto;z-index: 999;} .page-110 .booking-widget-top span.booking-widget-top-copy a:after{content: "\e912";top: -2px;} .booking-widget-top.open span.booking-widget-top-copy a:after{content: "\e904";top: -1px;} .abtest-bookingWidget .booking-widget-bottom .booking_widget{max-width:none;} .page-110 .header-section{padding-top:90px;} .page-110 .hotelright-wrapper .booking-widget-header{display:none!important;} } /* ========================================================================== ROOMS features icons ========================================================================== */ .rooms-section-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* height: 100%; */ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .rooms-section-inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 !important; } .room-grid { grid-gap: 10px !important; } .rooms-section-icons-container { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: auto; margin: auto; /* display: none !important;*/ } .room-feature-icon { -ms-flex-preferred-size: calc(50% - 30px); flex-basis: calc(50% - 30px); height: 50px; margin: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .room-feature-icon div { -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; } span.featured-icon { font-size: 40px; padding: 3px; } span.icon-fireplace-icon { font-size: 37px; } span.icon-fridge-icon { font-size: 45px; } .feature-icon-text p { font-size: 13px !important; position: relative; /* left: -10px;*/ line-height: initial; text-align: left !important; margin: 0 !important; } /* new booking widget styles */ .carousel-masthead .cycle-caption { display: inline-block !important; visibility: visible !important; background: rgba(255, 255, 255, 0.7) !important; z-index: 9999 !important; width: auto !important; padding: 10px !important; font-size: 1.3rem !important; right: 10px !important; left: auto !important; top: auto !important; bottom: 10px !important; height: 0 !important; line-height: 0; position: absolute; padding-top: 30px !important; padding-bottom: 30px !important; } .carousel-masthead .center { position: absolute; top: calc(50% - 50px) !important; z-index:99999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 !important; background: none !important; width: 100%; } .mastheadNav { position: relative; } .mastheadNav:hover { cursor: pointer; } .mastheadNav#prev { left: 2rem; } .mastheadNav#next { right: 2rem; } #calendarCalendar { z-index: 101 !important; } .select-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .booking-widget-dropdown-fake-container { background: rgba(134, 134, 132, 0.88); position: absolute; width: 100%; top: 35px; padding: 1rem; display: none; } .booking-widget-dropdown-fake-container ul li { font-size: 13px; margin-bottom: 10px; } .booking-widget-dropdown-fake-container ul li:hover, .booking-widget-dropdown-fake-container ul li:active, .booking-widget-dropdown-fake-container ul li:focus { color: #171717; cursor: pointer; } .booking-widget-dropdown-fake-container ul { list-style: none; padding: 0; margin: 0; } .booking-widget-bottom .booking_widget { height: 146px; /*background: rgba(134, 134, 132, 1);*/ } #booking-widget-dropdown { background: rgba(134, 134, 132, 0); color: #fff; border: 0; border-radius: 0 !important; padding: 8px 20px!important; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font: 16px/16px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: initial; letter-spacing: 1px; font-size: 14px; line-height: initial; padding: 8px 10px !important; width: 260px; } #booking-widget-dropdown option { opacity: 0; visibility: hidden; display: none; } .select-container { border-top: 1px solid #fff; position: absolute; bottom: 3px; left: 25px; max-width: 261px } .booking-widget-arrow { position: absolute; top: 3px; right: 0px; font-size: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); pointer-events: none; /*background: rgba(134, 134, 132, 1);*/ padding: 10px 0; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendar-divider { opacity: 0 !important; } #lowestprice { font-family: nobel-regular, "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .booking_widget .calendar-open-nothovered.calendar-open, .booking_widget .calendar-open-nothovered:hover, #top-departure:hover, #top-arrival:hover, #top-arrival .date:hover, #top-departure .date:hover, #top-departure:hover *, #top-arrival:hover *, #top-arrival:focus *, #top-departure:focus *{ border: none !important; color: #171717 !important; } @media screen and (max-width: 580px) { .booking-widget-bottom .booking_widget { height: 170px !important; } .booking-widget-top.open+.booking-widget-bottom .booking_widget { max-height: 170px !important; } .select-container { left: calc(50% - 130px); } } @media screen and (min-width: 1280px) { .booking-widget-bottom .booking_widget { width: 500px; max-width: none; } .prices-from { bottom: 0px !important; right: -40px !important; } #ratesfrom { font-size: 12px !important; line-height: 1.4 !important; padding-right: 2rem !important; padding-top: 16px !important; padding-left: 2rem !important; } #dollarsign { font-size: 40px !important; line-height: initial !important; position: relative !important; bottom: -12px !important; } #lowestprice { font-size: 70px !important; line-height: initial !important; } #pernight { font-size: 12px !important; line-height: 1.4 !important; position: relative !important; right: -97px !important; top: -12px !important; } .date_field > .left { position: relative !important; right: -5px !important; margin: 0 !important; } .prices-from:after { left: -18px !important; top: -10px !important; bottom: 8px !important; } /* .date_field .date { font-size: 65px !important; }*/ .date-container:hover .date-container * , .date-container:active .date-container *, .date-container:focus .date-container *{ color: #171717 !important; } .date_field label { font-size: 12px !important; padding-top: 18px !important; } .calendar { position: relative !important; bottom: -30px !important; } .booking_widget form input#booking-submit { height: auto !important; font-size: 14px !important; padding: 10px 25px !important; } } /* ///////// NEW MODAL STYLES /////////// */ #upSellModal { padding: 1rem 0; /* Overwrites */ } #upSellModal .rooms-section-anchor { display: none; } #upSellModal #continueReservationBtn { background: #9f1b32; border: 2px solid #9f1b32; color: white; font-size: 17px; cursor: pointer; text-decoration: none; padding: 5px 0; width: 100%; display: block; text-align: center; text-transform: uppercase; } #upSellModal #continueReservationBtn:hover, #upSellModal #continueReservationBtn:focus { background: #ffffff; color: #9f1b32; outline: 0; } #upSellModal .page-container { display: -webkit-box; display: -webkit-flex; display: flex; background: #f5f5f5; padding: 50px 0; } #upSellModal .page-container__inner { max-width: 90%; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; max-width: 1728px; } #upSellModal .package { margin: 10px; border: 3px solid #f5f5f5; background: white; } #upSellModal .package img { width: 100%; } #upSellModal .package.active { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 3px solid #9f1b32; } #upSellModal .package.active .package-button { background: #9f1b32; color: #ffffff; } #upSellModal .package:hover { border: 3px solid #9f1b32; } #upSellModal .package:focus-within { border: 3px solid #9f1b32; } #upSellModal .package-button.checkboxLabel, #upSellModal .package-button.checkboxLabels { margin: 0; padding: 20px 0 20px 55px; width: auto; text-transform: uppercase; overflow: hidden; color: #9e1c32; border: none; text-align: left; } #upSellModal .package-button.checkboxLabel:hover, #upSellModal .package-button.checkboxLabels:hover { background: #9e1c32; color: white; } #upSellModal .package-button.checkboxLabel:hover .checkmark, #upSellModal .package-button.checkboxLabels:hover .checkmark { border: 1px solid white; } #upSellModal .package-button.checkboxLabel .checkmark, #upSellModal .package-button.checkboxLabels .checkmark { position: absolute; top: 17px; left: 18px; height: 21px; width: 21px; background-color: #ffffff; border: 1px solid #9f1b32; } #upSellModal .package-button.checkboxLabel .checkmark:after, #upSellModal .package-button.checkboxLabels .checkmark:after { left: 7px; top: 1px; width: 5px; height: 14px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #upSellModal .content { background: white; padding: 10px 20px; } #upSellModal .content h2 { text-transform: uppercase; } #upSellModal .content p { text-align: center; } #upSellModal .content { padding: 10px; } #upSellModal h2 { font-weight: 400; font-stretch: normal; font-size: 18px; line-height: normal; text-align: center; } #upSellModal .summary { background: #ffffff; border: 3px solid transparent; margin: 10px; } #upSellModal .summary h2 { text-align: left; } #upSellModal label { width: 100%; display: block; background: whitesmoke; margin: 10px 0; font-size: 20px; line-height: 1em; background: none; } #upSellModal ul#summaryList li.active { display: list-item; } #upSellModal .checkboxLabel, #upSellModal .checkboxLabels { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 19px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; } #upSellModal .checkboxLabel input, #upSellModal .checkboxLabels input { position: absolute; opacity: 0; } #upSellModal .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #ffffff; border: 1px solid #9f1b32; } #upSellModal .checkmark:after { content: ""; position: absolute; display: none; } #upSellModal .checkboxLabel .checkmark:after, #upSellModal .checkboxLabels .checkmark:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #upSellModal .checkboxLabel input:checked ~ .checkmark, #upSellModal .checkboxLabels input:checked ~ .checkmark { background-color: #9f1b32; } #upSellModal .checkboxLabel input:checked ~ .checkmark:after, #upSellModal .checkboxLabels input:checked ~ .checkmark:after { display: block; } #upSellModal .checkboxLabel:hover input ~ .checkmark, #upSellModal .checkboxLabels:hover input ~ .checkmark { background-color: #9f1b32; } #upSellModal input:focus + .checkmark, #upSellModal input:hover + .checkmark { background: #9e1c32 !important; } #upSellModal .checkboxLabel:focus-within, #upSellModal .checkboxLabels:focus-within { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #upSellModal .checkboxLabel:focus-within .checkmark, #upSellModal .checkboxLabels:focus-within .checkmark { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #upSellModal .checkboxLabel:hover .checkmark, #upSellModal .checkboxLabels:hover .checkmark { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #upSellModal .package_upgrades, #upSellModal .reservation_summary { border-bottom: 1px solid #9e1c32; padding-bottom: 25px; } #upSellModal .package_upgrades h2, #upSellModal .reservation_summary h2 { margin-bottom: 25px; font-size: 19px; margin-top: 18px; } #upSellModal .reservation_summary { margin-top: 30px; } #upSellModal .reservation_summary ul { margin: 0; padding-left: 20px; } #upSellModal #summaryList li, #upSellModal #packageSelected { color: #9e1c32; font-size: 18px; display: list-item; text-align: left; } #upSellModal ul#summaryList #packageSelected { display: list-item; } #upSellModal .confirm_actions { padding: 50px 0; } #upSellModal .package_block { width: calc(25% - 26px); display: inline-block; } #upSellModal .summary-block_inner { padding: 0 25px; } @media only screen and (max-width: 2000px) { #upSellModal .page-container__inner { max-width: 90%; } } @media only screen and (max-width: 1200px) { #upSellModal .page-container__inner { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #upSellModal .package_block { width: calc(50% - 26px); } } @media only screen and (max-width: 767px) { #upSellModal .page-container__inner { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #upSellModal .package_block { width: calc(100% - 26px); } #upSellModal #upSellModal { padding: 1rem 0; } #upSellModal #upSellModal h1 { font-size: 1.5em; } #upSellModal #upSellModal .upSellModal-close { top: 1.3rem; right: 1rem; } } #upSellModal .upSellModal-originalGridItem, #upSellModal .upSellModal-altGridItem { width: 100%; margin: 0; float: none; } #upSellModal .upSellModal .rooms-section-anchor.clearfix { display: none; } #upSellModal .upSellModal .package_upgrades label { text-align: left; } #upSellModal .cp-roomFilter__item.rooms-section-wrap.rooms-section-52.left.is-active { border: 0 !important; margin: 0; padding: 0; width: 100%; } #upSellModal .rooms-section-inner-wrap { border: 0 !important; } #upSellModal .rooms-section-wrap { border: 0 !important; width: 100% !important; } #upSellModal .rooms-section-wrap:hover { border: 0 !important; } #upSellModal button.slick-next.slick-arrow:focus:before { opacity: 1; } .cp-roomFilter__item .rooms-section-icons-container { margin-top: 20px; } /* MODAL */ .wac-modal-trigger { max-width: none !important; max-height: none !important; } .wac-modal-container { position: fixed; top: 0px; left: 0; width: 100%; bottom: 0; display: flex; justify-content: center; align-items: center; overflow-y: scroll; overflow-x: hidden; z-index: 9999; background: rgba(0, 0, 0, .65); padding-top: 40px; } .wac-modal-container #margeauxForm { width: 100%; } @media screen and (max-width: 922px) { .wac-modal-container { background-color: #fff; } } @media screen and (max-width: 360px) { .wac-modal-container { padding-top: 330px; } } @media screen and (min-width: 361px) and (max-width: 500px) { .wac-modal-container { padding-top: 155px; } } @media screen and (min-width: 580px) and (max-width: 922px) { .wac-modal-container { top: -180px; } } .wac-modal-container.hide { display: none; } .wac-wrap { position: relative; background-color: #fff; padding: 5rem 10rem; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 1140px; max-height: 720px; } @media screen and (min-width: 922px) { .wac-wrap { height: 100%; } } .wac-wrap label { font: normal 13px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #171717; font-size: 16px; } .wac-wrap p { display: none !important; } .wac-wrap .wpcf7-form-control-wrap.Email-address + br, .wac-wrap .cta-1 + br { display: none !important; } .wac-wrap .modal-close-btn { width: 40px; height: 40px; margin-left: auto; right: 40px; top: 40px; position: absolute; } @media screen and (max-width: 922px) { .wac-wrap .modal-close-btn { right: 1rem; top: 1rem; } } .wac-wrap .modal-close-btn:hover { cursor: pointer; } .wac-wrap .wpcf7 { width: 100% !important; } @media screen and (max-width: 922px) { .wac-wrap { padding: 2rem; } } .wac-wrap h2 { font: normal 13px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #171717; font-size: 19px; text-align: center; } @media screen and (min-width: 922px) { .wac-wrap h2 { position: relative; top: -40px; margin: 0; font-size: 28px; } } @media screen and (max-width: 922px) { .wac-wrap h2 { font-size: 25px; } } .wac-wrap * { box-sizing: border-box; } .wac-wrap .contact-modal { display: flex; flex-wrap: wrap; margin: 0 auto; height: 100%; } .wac-wrap .contact-modal .row { width: 100%; margin: 10px 0; } .wac-wrap .contact-modal .row-1 { margin: 0; } .wac-wrap .contact-modal .row-2 { display: flex; margin-top: 0; } @media screen and (max-width: 922px) { .wac-wrap .contact-modal .row-2 { flex-direction: column; } } .wac-wrap .contact-modal .row-2 .col { flex-basis: 50%; } .wac-wrap .contact-modal .row-2 .col-1 { margin-right: 10px; display: flex; flex-direction: column; } /* .wac-wrap .contact-modal .row-2 .col-1 label { line-height: 0 !important; } */ @media screen and (max-width: 922px) { .wac-wrap .contact-modal .row-2 .col-1 { margin: 0; } } .wac-wrap .contact-modal .row-2 .col-2 { display: flex; flex-direction: column; margin-left: 10px; } .wac-wrap .contact-modal .row-2 .col-2 .min-height-row { min-height: 70px; } .wac-wrap .contact-modal .row-2 .col-2 .additional-info { height: 236px; padding-top: 1rem; border: none; } .wac-wrap .contact-modal .row-2 .col-2 .cta-container { display: flex; } @media screen and (max-width: 922px) { .wac-wrap .contact-modal .row-2 .col-2 .cta-container { flex-direction: column; } } .wac-wrap .contact-modal .row-2 .col-2 .cta-container .cta { width: 50%; line-height: 1.2; display: flex; justify-content: center; align-items: center; color: #fff !important; background-color: #000; text-align: center; padding: 10px; font: normal 13px/30px "nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #171717; font-size: 16px; margin-top: 0 !important; max-height: 60px; } @media screen and (max-width: 922px) { .wac-wrap .contact-modal .row-2 .col-2 .cta-container .cta { width: 100%; } } .wac-wrap .contact-modal .row-2 .col-2 .cta-container .cta-1 { margin-right: 10px; text-decoration: none !important; } @media screen and (max-width: 922px) { .wac-wrap .contact-modal .row-2 .col-2 .cta-container .cta-1 { margin-right: 0; } } .wac-wrap .contact-modal .row-2 .col-2 .cta-container .cta-2 { margin-left: 10px; border: none; padding-bottom: 10px; } @media screen and (max-width: 922px) { .wac-wrap .contact-modal .row-2 .col-2 .cta-container .cta-2 { margin-left: 0; } } @media screen and (max-width: 922px) { .wac-wrap .contact-modal .row-2 .col-2 { margin: 0; } } .wac-wrap .contact-modal .row-2 .col-2 label + br { display: none !important; } .wac-wrap .contact-modal .row-2 div.wpcf7-response-output, .wac-wrap .contact-modal .row-2 div.wpcf7-validation-errors { position: absolute !important; bottom: 6px !important; left: 0 !important; color: #000 !important; background: #fff !important; } .wac-wrap .contact-modal .field { height: 45px; width: 100%; background-color: #fff; margin: 0 0 20px 0; padding: 1rem; border: 0; border: 1px solid #000 !important; } .wac-wrap .ajax-loader { display: none !important; } /* Video gallery styles */ .template-30 .subpage-col2-wrapper { max-width: 1330px !important; } .template-30 .subpage-col2-wrapper .gallery-nav { display: flex; justify-content: center; } .template-30 .subpage-col2-wrapper .category-title { margin: 10px 0 10px 15px; } .template-30 .subpage-col2-wrapper .video-wrapper { display: flex; flex-wrap: wrap; box-sizing: border-box; } .template-30 .subpage-col2-wrapper .video-wrapper * { box-sizing: border-box; } .template-30 .subpage-col2-wrapper .ytvideo { margin: 0 15px 30px; width: 353px; height: 250px; } .template-30 .subpage-col2-wrapper .video-thumb { background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 520px) { .template-30 .subpage-col2-wrapper .ytvideo { width: calc(100vw - 70px); height: 250px; } .template-30 .subpage-col2-wrapper .video-thumb.ytvideo.gallery-item, .template-30 .subpage-col2-wrapper .video-thumb.ytvideo.gallery-item { margin-right: 0px; margin-left: 0px; } } @media screen and (min-width:521px) and (max-width: 768px) { .template-30 .subpage-col2-wrapper .ytvideo { width: calc(100vw - 84px); } } @media screen and (min-width: 520px) and (max-width: 1217px) { .template-30 .subpage-col2-wrapper .ytvideo { width: calc(32vw - 30px); } .template-30 .subpage-col2-wrapper .video-thumb.ytvideo.gallery-item, .template-30 .subpage-col2-wrapper .video-thumb.ytvideo.gallery-item { margin:5px; } } @media screen and (min-width: 521px) and (max-width: 1217px) { .template-30 .subpage-col2-wrapper .ytvideo { height: 220px; } } .template-30 .gallery-mobile-content-icon { position: absolute; right: 0; } @media screen and (min-width: 901px) { .template-30 .gallery-nav { display: flex !important; } } .template-30 .mfp-bg { background: #ffffff; opacity: 1; } .template-30 .mfp-iframe-holder .mfp-content { max-width: 1240px; } .template-30 .mfp-arrow-left { position: absolute; left: 16px; } .template-30 .mfp-arrow-right { position: absolute; right: 16px; } .template-30 .mfp-iframe-holder .mfp-close { top: -121px; right: -2%; font-size: 40px; } /* .template-30 .gallery-overlay{opacity:1;} */ .template-30 .gallery-item .gallery-item-overlay{opacity:0;} .template-30 .gallery-icon.icon-gallery { position: absolute; top: calc(50% + -60px); z-index: 10; height: 90px; } .template-30 .gallery-item-overlay h3 { position: relative; top: -65px; } .template-30 .gallery-item:hover .gallery-item-overlay{opacity:1;} @media screen and (max-width: 1100px) { .mobile_hide,.no_mobile{display: none;} .mobile_show,.only_mobile{display: block;} .cycle-pager { text-align: center; z-index: 999; position: relative; top: 100%; padding-top: 13px; } .cycle-pager span.cycle-pager-active { background-color: #060303; } .cycle-pager span { display: inline-block; background-color: #aeaead; width: 11px; height: 11px; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; text-indent: -9999px; cursor: pointer; margin-right: 12px; } } @media screen and (min-width: 1280px) and (max-width: 1440px) { .template-30 .mfp-container.mfp-s-ready.mfp-iframe-holder { padding-top: 145px; } } .cycle-youtube { width: 100%; height: 700px; } .cycle-youtube object { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .form-error-message { background: #FAB9B9; display: none; display: block; position: relative; transition: all .45s ease; visibility: hidden; opacity: 0; position: absolute; color: #001f39; padding: 0.3125rem 0.625rem; font-weight: 300; font-style: italic; letter-spacing: normal; text-align: center; bottom: 0px; pointer-events: none; } .form-error-message.error { visibility: visible; opacity: 1; position: absolute; } .form-error-message.error .arrow-up { visibility: visible; opacity: 1; position: absolute; } .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #FAB9B9; position: absolute; top: -12px; left: 10px; transition: all .45s ease; visibility: hidden; opacity: 0; } .fake-click:hover { cursor: not-allowed; } /* flag - area codes CSS */ .intl-tel-input { position: relative; display: block; margin-bottom: 20px; } .intl-tel-input .country-list .country-name { color: #232428; } .intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .intl-tel-input .selected-flag .iti-arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .intl-tel-input .country-list .country { padding: 5px 10px; outline: none; } .intl-tel-input .country-list .country .dial-code { color: #999; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.separate-dial-code .selected-dial-code { margin-left: 6px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-size: 5652px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 14px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 14px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.un { height: 14px; background-position: -5241px 0px; } .iti-flag.us { height: 11px; background-position: -5263px 0px; } .iti-flag.uy { height: 14px; background-position: -5285px 0px; } .iti-flag.uz { height: 10px; background-position: -5307px 0px; } .iti-flag.va { height: 15px; background-position: -5329px 0px; } .iti-flag.vc { height: 14px; background-position: -5346px 0px; } .iti-flag.ve { height: 14px; background-position: -5368px 0px; } .iti-flag.vg { height: 10px; background-position: -5390px 0px; } .iti-flag.vi { height: 14px; background-position: -5412px 0px; } .iti-flag.vn { height: 14px; background-position: -5434px 0px; } .iti-flag.vu { height: 12px; background-position: -5456px 0px; } .iti-flag.wf { height: 14px; background-position: -5478px 0px; } .iti-flag.ws { height: 10px; background-position: -5500px 0px; } .iti-flag.xk { height: 15px; background-position: -5522px 0px; } .iti-flag.ye { height: 14px; background-position: -5544px 0px; } .iti-flag.yt { height: 14px; background-position: -5566px 0px; } .iti-flag.za { height: 14px; background-position: -5588px 0px; } .iti-flag.zm { height: 14px; background-position: -5610px 0px; } .iti-flag.zw { height: 10px; background-position: -5632px 0px; } .iti-flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/intl-tel-input/img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-image: url("/intl-tel-input/img/flags@2x.png"); } } .iti-flag.np { background-color: transparent; } #teconsent { position: fixed; display: block; bottom: 0; margin: 0.5625rem auto 0.625rem; max-width: 170px; z-index: 98; right:0; bottom:0; } /* Alert March 2020 */ .cp-alert{position:fixed;bottom:0;left:0;width:100%;z-index:700;text-align: left;} .cp-alert__inner{max-width: 1680px;margin: 0 auto;background-color:#9e1b32;padding:10px 40px 10px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center; -moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .cp-alert__inner span{display:block;font-family: "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#fff;max-width: 70%;} .cp-alert__close{position:absolute;right:10px;top:10px;background: none;border:0;} .cp-alert__close:before{content:'';display:inline-block;width:2px;height:20px;background-color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);} .cp-alert__close:after{content:'';display:inline-block;width:2px;height:20px;background-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg); position:relative;left: -2px;} .cp-alert__button{background-color: #fff;font-family:"nobel-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 16px;display: block;text-align: center;text-transform: uppercase;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0 20px;height:40px;color: #9e1b32;text-decoration: none;} @media only screen and (max-width:1120px) { .cp-alert__inner span{max-width: none;padding-right: 40px;} .cp-alert__button{white-space: nowrap;} } @media only screen and (max-width:580px) { .cp-alert__inner{-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;} .cp-alert__button{margin-top:10px;} .cp-alert__inner span{padding-right:0;} } #kipsu-chat-button { background-color: #fff !important; }