@charset "utf-8"; @font-face { font-family:'PFBeauSansProBbookRegular'; src: url('../font/pfbeausanspro-book-webfont.eot'); src: url('../font/pfbeausanspro-book-webfont.eot?#iefix') format('embedded-opentype'), url('../font/pfbeausanspro-book-webfont.ttf') format('truetype'), url('../font/pfbeausanspro-book-webfont.svg#PFBeauSansProBbookRegular') format('svg'); } @font-face { font-family:'PFBeauSansProBbookLight'; src: url('../font/pfbeausanspro-light.eot'); src: url('../font/pfbeausanspro-light.eot?#iefix') format('embedded-opentype'), url('../font/pfbeausanspro-light.ttf') format('truetype'), url('../font/pfbeausanspro-light.svg#PFBeauSansProBbookLight') format('svg'); } @font-face { font-family:'SourceSansProRegular'; src: url('../font/SourceSansPro-Regular-webfont.eot'); src: url('../font/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('../font/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); } *{ margin: 0,0,0,0; padding: 0; } img{ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; max-width: 100%; } body { font-family: 'PFBeauSansProBbookRegular', Arial; margin: 0; color: #292929; font-size: 16px; background-color: #fff; min-width:1180px; line-height: 1.8; } body.modal { overflow: hidden; max-width:100%; max-height:100%;} .left { float: left; } .right { float: right; } .clear { clear: both; } .mobile, .lr-layout-item .info.mobile { display: none; } #mask { top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 21; display: none;} #mobile-close { display: none; } h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0px; } h1 { color:#959477; font-size: 24px; font-weight: normal; line-height: 1; text-align: center; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; } h2 { color: #878787; font-size: 24px; font-weight: normal; line-height: 1; } h3 { color:#878787; font-size: 18px; font-weight: normal; line-height: 1; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; } select, textbox, input { color: #fff; font-family: 'Source Sans Pro', sans-serif; padding: 15px 20px; letter-spacing: 1px; border: solid 1px #5b5b5b; background-color: transparent;} input[type="submit"] { cursor: pointer; } input[type="radio"] { border:none; padding: 5px 2px; } /*input[type="checkbox"] { border:none; padding: 5px 2px; }*/ li { margin-left: 15px; text-align: left; } a { text-decoration: none; outline: none;} a:link { color: #292929; text-decoration: none; } a:visited { color: #292929; text-decoration: none; } a:hover, a:active, a:focus { text-decoration: underline; } a.button, .button { color: #959476; text-decoration: none; font-family: 'PFBeauSansProBbookRegular', Arial; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; border: solid 2px #959476; padding: 12px 30px; white-space: nowrap; } a.button.pdf { margin-left: 10px; background-color: #959476; color: #fff; } a.button.pdf:hover { background-color: #fff !important; color: #959476; } a.button:hover, .button:hover, #header-holder #right-sect a.book-online:hover, a.btn:hover { background-color: #959476 !important; color: #fff; } a.arrow { background-image: url(themes/link-arrow.png); background-size: cover; width: 46px; height: 21px; } a.arrow:hover { background-image: url(themes/link-arrow-hover.png); } a.play { background-image: url(themes/icon-play.png); background-size: cover; height: 66px; width: 66px; } a.play:hover { background-image: url(themes/icon-play-hover.png); } .nivo-caption a:hover, #footer #f-sect1 #menu-left a.location:hover, #footer #f-sect1 #newsletter a.open-newsletter-popup:hover {background-color: #959476; color: #fff; border-color: #959476; background-image: none; } a img { border: none; } hr { background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;} /* ---------------------- header ------------------------- */ #header-holder { position: fixed; z-index: 21; width: 100%; min-width: 1180px; background-color: transparent; background-image: url(themes/menu-bg.png); background-size: 100% 100%; height: 80px; top: 0px; } #header-holder.whitebg { background-color: transparent; color: #ffffff; border-bottom: solid 0px #ececec; background-image: none; } #header-holder.whitebg #menu a, #header-holder.whitebg #menu a:visited { color: #ffffff; } #logo { float:left; margin-left: 10px; position: relative; z-index: 1; } #logo a, #logo a img { display:block; } #header-holder #right-sect { float: right; overflow: hidden; } #header-holder #right-sect a.social-media { margin: 0px 0px; position: relative; top: 3px;} #header-holder #right-sect a:hover { text-decoration: none; } #header-holder #right-sect a.book-online { background-color: #000; color: #fff; padding: 27px 30px; font-size: 15px; text-decoration: none; display: inline-block; *display: inline; zoom: 1; position: relative; z-index: 1; } /* -------------------- menu ------------------------- */ #menu-top { margin-right:0px; float:right; height: 106px; } #mobile-menu { display: none; } #mobile-mm { display: none !important; } #slugbar { background-color: #fff; padding: 20px 2% 0px; color: #878787; position: absolute; width: 96%; } #slugbar.facilities { text-align: right; } #slugbar a { color: #878787; text-transform: uppercase; } #slugbar.facilities a { text-decoration: underline; } #slugbar.facilities .sharethis, #slugbar.facilities .sharethis { float: left; text-decoration: none; position: relative; } #slugbar .share { cursor: pointer; width: 180px; text-align: left; height: 22px; overflow: hidden; } #slugbar img.icon-share { position: relative; top: 2px; } #slugbar .share .icon > span, .share .icon > span { position: relative; margin-left: 10px; top: -3px; color: #878787; height: 22px; } #slugbar .share .hover { position: absolute; top: 0px; display: none; } #slugbar .share .hover a { text-decoration: none; margin-right: 10px; float: left; } #submenu { position: absolute; width: 100%; left: 0px; top: 0px; text-align: center; background-color: #fff; z-index: 0; padding-top: 83px; margin-top: -1500px; } #submenu a { color: #878787 !important; font-size: 16px; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:2px; padding: 20px 25px 10px !important; margin-bottom: 20px; } #submenu a.active, #submenu a:hover { color: #959477; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom !important; } #submenu .lvl3 a div.title { margin-top: 15px; height: 32px; } #submenu .lvl3 { background-color: #fff; position: absolute; width: 100%; padding-bottom: 20px; display: none; } #submenu .lvl3 .col { width: 23%; margin: 0px 1%; float: left;} #submenu .lvl3 .col1, #submenu .lvl3 .col3 { } #submenu .lvl3 .col2, #submenu .lvl3 .col4 { } #submenu .lvl3 .col2 a, #submenu .lvl3 .col4 a { margin-bottom: 6px; } #submenu .lvl3 a { color: #878787; font-size: 14px; opacity: 1; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:2px; padding:0px !important; } #submenu .lvl3 a:hover { opacity: 0.8; } #submenu .lvl3 a img { display: block; width: 100%; } #submenu .lvl3.active, #submenu .lvl3 a:hover { background: none; } #menu.expand a.active, #menu.expand a:hover { color: #959477; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; } #langselect .langsel { cursor: pointer; background-image: url(themes/icon-links-white.png); background-size: 14px 8px; background-position: right center; background-repeat:no-repeat; } #langselect .langList { background: transparent; color: #fff; } #langselect .langList { display: none; width: 130px; margin-top: -18px; } #langselect .langList a { display: block; padding: 10px 25px; opacity: 1; } #langselect .langList a:hover { opacity: 0.8; } #langselect:hover .langList { display:block; } .whitebg #langselect .langsel { background-image: url(themes/icon-links.png); } .whitebg #langselect .langList, #menu.expand #langselect .langList { background: #fff; color: #878787; } #menu.expand a.langsel { background-image: url(themes/icon-links.png); background-position: right center; } #menu.expand #langselect .langList { width: auto; width: initial; } /* -------------------- booking-form -------------------- */ #booking-wrapper { display: none; position: fixed; z-index: 21; right: 0px; top: 0px; padding: 40px 50px 40px 40px; background-color: #000; } #booking-wrapper #close-btn { position: absolute; top: 30px; right: 5px; cursor: pointer; } #booking-wrapper #close-btn > img { display: block; } #booking-wrapper #booking-form { width: 370px; } #booking-wrapper.fullwidth #booking-form { margin: auto; } #booking-wrapper #booking-form .booking-body { padding: 30px 20px; } #booking-wrapper #booking-form .fields { margin: 30px 0px; } #booking-wrapper #booking-form .fields > div { width: 90%; } #booking-wrapper #booking-form .fields span.header { display: block; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; letter-spacing:1px; margin-bottom: 5px; } #booking-wrapper #booking-form .fields .promo span.header { font-size: 14px; } #booking-wrapper #booking-form input { width: 100%; margin-bottom: 25px; padding: 15px; color: #333; /*background: url(themes/icon-cal.png) no-repeat 95% 50% #f4f4f1;*/ border-radius: 0px; background-color: #f4f4f4;} #booking-wrapper #booking-form input#promo { background: none; color: #fff; opacity: 0.7; width: 60%; border: none; border-right: solid 1px #ddd; } #booking-wrapper #booking-form a#apply { color: #fff; margin-left: 20px; text-decoration: none; margin-top: 2px;} #booking-wrapper h1 { text-align: left; color: #959477; font-size: 24px; } #booking-wrapper .booking-btn { } #booking-wrapper .booking-btn a { display: block; background-color: #959477; color: #fff; padding: 15px 10px; font-size: 15px; text-decoration: none; text-align: center; letter-spacing: 1px; } /* #booking-wrapper.fullwidth #booking-form { margin: auto; max-width: 100%; } #booking-wrapper.fullwidth h1 { text-align: center; } */ .ui-datepicker { width: 329px !important; background-color: #fff !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 14px !important; box-shadow: none !important; } .ui-datepicker-header { color: #000 !important; font-size: 16px !important; background: none !important; text-shadow: initial !important; text-transform: uppercase; font-weight: normal !important; padding-top: 5px; line-height: 45px !important; border: none !important; } .ui-datepicker table { border-collapse: collapse; } .ui-datepicker th { color: #878787 !important; font-size: 14px !important; font-weight: normal;} .ui-datepicker thead { background: none !important; } .ui-datepicker-unselectable .ui-state-default, .ui-datepicker-calendar .ui-state-default { background: none !important; box-shadow: none !important; } .ui-datepicker-calendar .ui-state-hover { background: none !important; color: #000 !important; } .ui-datepicker-unselectable .ui-state-default { color: #000 !important; } .ui-datepicker tbody td, .ui-datepicker tbody tr, .ui-datepicker thead { border: none !important; } .ui-datepicker td span, .ui-datepicker td a { line-height: 35px !important; } .ui-datepicker-calendar td:first-child .ui-state-active, .ui-datepicker-calendar .ui-state-active { text-shadow: initial; box-shadow: none; border: none !important; width: 100% !important; background-image: url(themes/cal-select.png) !important; background-position: center !important; background-repeat: no-repeat !important; color: #fff !important; } .ui-datepicker-prev { background-image: url(themes/cal-left.png) !important; width: 28px !important; height: 42px !important; background-position: left 15px top 13px !important; } .ui-datepicker-next { background-image: url(themes/cal-right.png) !important; width: 28px !important; height: 42px !important; background-position: right 15px top 13px !important; } /* ------------------------- banner zone -------------------- */ #banner-zone{ margin: auto; width: 100%; min-width: 1180px; position: fixed; top: 0px; overflow: hidden; margin-bottom: 28px; z-index: 0;} .inner #banner-zone { padding-bottom: 0px; } body.contact #banner-zone { height: 420px; } body.contact #wapper { margin-top: 420px; } #banner-contant { width: 100%; margin: 0 auto; position: relative; z-index:1; background:url(banner/spin.gif) no-repeat 100% 100%; } #banner-contant #youtubevideo, #subbanner #youtubevideo { display: none; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; z-index: 6; } #banner-contant #youtubevideo iframe.video, #subbanner #youtubevideo iframe.video { width: 100%; height: 100%; position: relative; top: 50%; } #banner-contant .video a, #subbanner .video a { border: none; padding: 0px; display: inline-block; *display: inline; zoom: 1; } #banner-contant .video a img, #subbanner .video a img { display: block; width: 66px; height: 66px; margin: auto; margin-bottom: 10px; position: relative; } #subbanner { position: relative; } #subbanner .caption { position: absolute; width: 100%; top: 50%; } #subbanner .caption .video { text-align: center; } #subbanner .caption .title { color: #fff; font-size: 40px; line-height: 1; text-transform: uppercase; text-align: center; } #subbanner .caption .title > span { font-size: 18px; letter-spacing: 1px; font-family: 'Source Sans Pro', sans-serif !important; display: block; line-height: 1.5; margin-top: 15px;} /* #subbanner .video { margin-top: -33px; } */ #subbanner .video a img { margin-bottom: 0px; } #scroll-down { display: block; position: absolute; z-index: 1; top: -27px; z-index: 20; width: 30px; padding: 0px; left: 50%; margin-left: -15px; } .nivo-controlNav { right:50px; display: table; position: absolute; z-index: 20; width: 30px; padding: 0px; top: 50%; } .nivo-controlNav a { display: block; vertical-align: middle; background-image: url(themes/bullet2.png); background-repeat: no-repeat; height: 3px; width: 32px; margin: 15px; text-indent: 2000px; } .nivo-controlNav a.active { background-image: url(themes/bullet2-active.png); } .nivoSlider, .nivo-slice { height: 100% !important; background-position: center top !important; background:url(banner/spin.gif) no-repeat 100% 100%; } .nivo-html-caption { display: none; } .nivo-caption { z-index:100; color: #fff !important; background: none !important; font-size: 66px; bottom: auto !important; bottom: initial !important; line-height: 1; text-transform: uppercase; margin: 0px 5%; } .nivo-caption p { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); } .nivo-caption p span { font-size: 18px; letter-spacing: 1px; font-family: 'Source Sans Pro', sans-serif !important; display: block; line-height: 1.5; margin-top: 25px; } .nivo-caption a { border: solid 3px #fff; text-shadow: none; color: #fff; text-decoration: none; font-size: 18px; letter-spacing: 1px; padding: 15px 35px; } #subbanner img { display: block; } /* ------------------------- wrapper ------------------------- */ #wapper { margin-top: -28px; background-color: #f4f4f1; position: relative;} .inner #wapper { margin-top: 0px; } /* ------------------------- home-content ------------------------- */ #home-content { position: relative; } #home-content h1 { font-size: 32px; color:#959477; } #home-content h3 { text-align: center; } #home-content a.view-all { float: none; } #home-content div.text { text-align: center; color: #404040; font-size: 16px; letter-spacing: 1px; line-height: 2; font-family: 'Source Sans Pro', sans-serif;} #home-content div.img { } #home-content #section1 #section1-text { color: #878787; font-size: 18px; line-height: 1.5; letter-spacing:1px; font-family: 'Source Sans Pro', sans-serif; text-align: center; max-width: 815px; margin: auto; } .ie8 #home-content #section1 #section1-text { position: relative; float: left; } #home-content #section1 #section1-text h2 { margin-bottom: 25px; } #home-content #section1 #section1-text > div { padding: 80px 0px; } /*#home-content #section1 #explore-rooms { margin-left: 30%; margin-left: -moz-calc(30% + 10px); margin-left: -webkit-calc(30% + 10px); margin-left: -o-calc(30% + 10px); margin-left: calc(30% + 10px);}*/ #home-content #section2 { padding-bottom: 28px; position: relative; } #home-content #section2 > div { background-color: #fff; padding: 80px 0px; } #home-content #section2 .text > div { width: 475px; margin-right: 25px; display: inline-block; *display: inline; zoom: 1; text-align: left; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; } #home-content #section2 .text > div.col2 { margin-left: 25px; margin-right: 0px; } #home-content #section2 #scroll-down-2 { display: block; position: absolute; z-index: 1; bottom: 0px; width: 100%; text-align: center; background: none; padding: 0px; } #home-content #highlights .item { width: 33.3%; float: left; } #home-content #highlights .item.idx3 { width: 33.4%; } #home-content #highlights .item > a { display: block; } #home-content #highlights .item div.img { background-color: #000; } #home-content #highlights .item div.img img { width: 100%; display: block; opacity: 1; } #home-content #highlights .item div.img img:hover { opacity: 0.7; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } #home-content #highlights .item h1 { font-size: 24px; font-family: 'PFBeauSansProBbookLight', Arial; margin: 30px auto 15px; } #home-content #highlights .item .info { font-family: 'Source Sans Pro', sans-serif; color: #404040; width: 80%; text-align: center; margin: auto; } #home-content #highlights .item .info a { margin: 30px 0px; display: inline-block; *display: inline; zoom: 1; } /* -------------------- attraction-list ------------------- */ #h-attractions { width: 1000px; margin: auto; padding-bottom: 100px; } #h-attractions .attraction { margin: auto; } #h-attractions .attraction > .images { width: 50%; float: left; } #h-attractions .attraction > .images > div { height: 100%; width: 100% !important; } #h-attractions .attraction > .images > div > img, #h-attractions .attraction > .images .slick-slide > img { display: none; } #h-attractions .attraction > .text { width: 40%; float: left; background-color: #fff; padding: 50px 5%; display: table; } #h-attractions .attraction > .text > div { display: table-cell; vertical-align: middle; } #h-attractions .attraction hr { margin: 20px auto; } #attraction-category { margin-top:30px; padding: 0px 5% 45px; text-align:center; } #attraction-category a { color:#8d8d8d; font-size: 16px; padding: 10px 0px; text-decoration:none; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:1px; } #attraction-category a:hover, #attraction-category a:active, #attraction-category a:focus { text-decoration: none; } #attraction-category .cat { color: #000; width:18%; margin:0px 1%; float:left;} .ie8 #attraction-category .cat { width: auto; width: initial; padding: 0px 5px; } #attraction-category .cat-sel { width:18%; margin:0px 1%; float:left;} #attraction-category .cat-sel a, #attraction-category .cat:hover a { color: #959477; border-bottom: solid 1px #959477; } #attraction-list { margin: 15px 0px; padding: 0px 3%; } #attraction-list .item { display: inline-block; *display: inline; zoom:1; width: 23%; margin: 0px 1% 20px; vertical-align: top; } #attraction-list .item .img { position: relative; } #attraction-list .item .img img { display: block; width: 100%; height: auto; } #attraction-list .item .img span { background-image: url(themes/attraction-bg.png); background-repeat: repeat; color: #fff; display: block; position: absolute; width: 96%; bottom: 0px; line-height: 1.2; padding: 2%;} #attraction-list .item h3 { text-align: center; line-height: 1.2; margin-top: 5px; height: 42px; } #attraction-list .item div.info { background-image: url(themes/img-shadow.png); background-repeat: no-repeat; background-position: center top; background-size: contain; text-align: center; padding-top: 17px; } #attraction-list .item div.info h2 { font-size:14px; color: #293f58;} #attraction-list .item div.info .detail { } /* ------------------ location ------------------------------- */ #location-category { margin-top:60px; padding: 0px 5% 45px; text-align:center; } #location-category a { color:#8d8d8d; font-size: 16px; padding: 10px 0px; text-decoration:none; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:1px; } #location-category a:hover, #attraction-category a:active, #attraction-category a:focus { text-decoration: none; } #location-category .cat { color: #000; width:30%; margin:0px 1.5%; float:left;} .ie8 #location-category .cat { width: auto; width: initial; padding: 0px 5px; } #location-category .cat-sel { width:30%; margin:0px 1.5%; float:left;} #location-category .cat-sel a, #attraction-category .cat:hover a { color: #959477; border-bottom: solid 1px #959477; } body #main-content div.transportation { background-color: #f4f4f1; position: relative; } body #main-content div.transportation > div { width: 1000px; margin: auto; padding-bottom: 50px;} body #main-content div.transportation #scroll-down-3 { position: absolute; left: 50%; margin-left: -19px; top: -88px; padding: 0px; width:auto; width: initial; } #location-list > div { position: relative; } #location-list .image { width: 50%; float: left; background-size: cover; position: relative; background-position: center;} #location-list .image > img { display: none; } #location-list .info { width: 40%; float: left; background-color: #fff; padding: 50px 5%; display: table; text-align: center; } #location-list .info a { display: inline-block; *display: inline; zoom: 1; margin-bottom: 10px; } body #main-content div.our-location { background-color: #fff; } body #main-content div.our-location .text { padding: 80px 0px; text-align: center; color: #404040; } body #main-content div.our-location .text > div { width: 70%; margin: auto;} body #main-content div.our-location .map { padding: 0px; margin-left: 0px; float: right; } /* ------------------ facility-list -------------------------- */ #h-facility { position: relative;} #h-facility .facilityImages { position: relative; z-index: 0;} #h-facility .facilityImages .img { position: relative; } #h-facility .facilityImages .img img { display: none; } /* #h-facility .facilityImages .video a img { display: block; width: 66px; height: 66px; margin: auto; } */ #h-facility .facilityImages .video span { color: #fff; font-size: 32px; display: block; cursor: initial; } #h-facility #youtubevideo { display: none; position: absolute; overflow: hidden; left: 0px; width: 100%; z-index: 2; } #h-facility #youtubevideo iframe.video { width: 100%; height: 25%; position: relative; top: 50%; } #h-facility .facilityTitle { width: 100px; margin: auto; position: relative; z-index: 5; margin-top: -15px; } #h-facility .facilityTitle .title { width: 33%; display: inline-block; *display: inline; zoom: 1; text-align: center; padding-top: 13px; } #h-facility .facilityTitle .title h2 { color: #959477; font-family: 'PFBeauSansProBbookLight', Arial; font-size: 16px; padding: 35px 0px; cursor: pointer; } #h-facility .facilityTitle .title h2:hover { background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom 25px; } #h-facility .facilityTitle .title.slick-current h2 { background-color: #fff; font-size: 22px; background-image: none; position: relative; margin-top: -11px; padding-top:40px; padding-bottom: 35px; } #h-facility .facilityContent { background-color: #fff; } #h-facility .facilityContent h3 { font-family: 'SourceSansProRegular', Arial; font-size: 18px; letter-spacing: 1px; margin: 50px auto 20px; } #h-facility .facilityContent > div { width: 1000px; margin: auto; text-align: center; } #h-facility .facilityContent .content > div { margin-bottom: 50px; color: #404040; font-family: 'SourceSansProRegular', Arial; font-size: 16px; } #h-facility .facilityContent .slick-slide { padding-bottom: 80px; } .mfp-auto-cursor .mfp-content { max-width: 80%; } .white-popup { width: 850px; max-width: 95%; min-height: 480px; max-height: 95%; /* position: relative; */ position: static; margin: auto; } .white-popup .video { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } /* --------------------- youmaylike ------------- */ #room-maylike h1, #dine-maylike h1, #maylike h1 { font-size: 26px; font-family: 'PFBeauSansProBbookLight', Arial; padding-bottom: 30px; padding-top: 30px; margin-bottom: 0px; } #room-maylike a { text-decoration: none; } #room-maylike .items { text-align: center; padding-bottom: 50px; } #room-maylike .items div.item { width: 32%; margin: 0px 0.5%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #room-maylike .items div.item .roomImg > img { display: block; width: 100%; } #room-maylike .items div.item .info { background-color: #fff; padding-bottom: 50px; } #room-maylike .items div.item .info h1 { font-size: 24px; padding: 30px 0px 20px; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; margin-bottom:20px; } #room-maylike .items div.item .info .detail { font-family: 'SourceSansProRegular', Arial; color: #404040; padding: 0px 10%; margin-bottom: 50px; } #room-maylike .items div.item div.info { position: relative; } #room-maylike .items div.item div.tag { position: absolute; background-color: #959477; color: #fff; font-size: 12px; padding: 2px 10px; margin-top: -11px; display: inline-block; } #article-maylike { padding-bottom: 50px; } #article-maylike h1 { font-size: 32px; font-family: 'PFBeauSansProBbookLight', Arial; padding: 30px 0px; margin-bottom: 0px; } #article-maylike a { text-decoration: none; } #article-maylike .items { text-align: center; } #article-maylike .items div.item { width: 32%; margin: 0px 0.5%; display: inline-block; *display: inline; zoom: 1; } #article-maylike .items div.item .articleImg > img { display: block; width: 100%; } #article-maylike .items div.item .info { background-color: #fff; padding-bottom: 50px; } #article-maylike .items div.item .info h1 { font-size: 24px; padding: 30px 0px 20px; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; margin-bottom:20px; } #article-maylike .items div.item .info .detail { font-family: 'SourceSansProRegular', Arial; color: #404040; padding: 0px 10%; } #article-maylike .items div.item div.info { position: relative; } #article-maylike .items div.item div.tag { position: absolute; background-color: #959477; color: #fff; font-size: 12px; padding: 2px 10px; margin-top: -11px; display: inline-block; } #maylike { } #maylike .items div.item { width: 50%; float: left; } #maylike .items div.item .likeImg { width: 50%; float: left; } #maylike .items div.item .likeImg > img { display: block; width: 100%; } #maylike .items div.item .info { background-color: #f4f4f1; width: 40%; padding: 0px 5%; font-family: 'SourceSansProRegular', Arial; color: #404040; text-align: center; float: left; display: table; height: 100%; position: relative; } #maylike .items div.item .info > div { display: table-cell; vertical-align: middle; margin: auto; width: 90%; } #maylike .items div.item .info .teaser { color: #878787; font-size: 18px; letter-spacing:1px; font-family: 'SourceSansProRegular', Arial; margin-bottom: 15px; } #maylike .items div.item .info a { display: inline-block; *display: inline; zoom: 1; margin-top: 20px; } #maylike .items div.item.items-left .likeImg { float: right; } #dine-maylike { } #dine-maylike .items div.item { width: 50%; float: left; } #dine-maylike .items div.item .dineImg { width: 50%; float: left; } #dine-maylike .items div.item .dineImg > img { display: block; width: 100%; } #dine-maylike .items div.item .info { background-color: #f4f4f1; width: 40%; padding: 0px 5%; font-family: 'SourceSansProRegular', Arial; color: #404040; text-align: center; float: left; display: table; height: 100%; position: relative; } #dine-maylike .items div.item .info > div { display: table-cell; vertical-align: middle; margin: auto; width: 90%; } #dine-maylike .items div.item .info .teaser { color: #878787; font-size: 18px; letter-spacing:1px; font-family: 'SourceSansProRegular', Arial; margin-bottom: 15px; } #dine-maylike .items div.item .info a { display: inline-block; *display: inline; zoom: 1; margin-top: 20px; } #dine-maylike .items div.item.items-left .dineImg { float: right; } #offer-maylike { } #offer-maylike h1 { font-size: 24px !important; font-family: 'SourceSansProRegular', Arial !important; text-transform: uppercase; } #offer-maylike .items div.item { width: 50%; float: left; background-color: #f4f4f1; } #offer-maylike .items div.item.item3 { clear:both; } #offer-maylike .items div.item .offerImg { width: 50%; float: left; } #offer-maylike .items div.item .offerImg > img { display: block; width: 100%; } #offer-maylike .items div.item .info { width: 40%; padding: 0px 5%; font-family: 'SourceSansProRegular', Arial; color: #404040; text-align: center; float: left; display: table; height: 100%; position: relative; } #offer-maylike .items div.item .info > div { display: table-cell; vertical-align: middle; margin: auto; width: 90%; } #offer-maylike .items div.item .info .teaser { color: #878787; font-size: 18px; letter-spacing:1px; font-family: 'SourceSansProRegular', Arial; margin-bottom: 15px; } #offer-maylike .items div.item .info a { display: inline-block; *display: inline; zoom: 1; margin-top: 20px; } #offer-maylike .items div.item.items-left .offerImg { float: right; } /* -------------------- location-map ---------------- */ #map-wrapper { width: 100%; height: 620px; position: relative; margin-bottom: -620px; z-index: 0; } body.contact #t-map-wrapper { height: 420px; } #map-wrapper div.overlay { position: absolute; height: 620px; width: 100%; z-index: 1; background-image: url(themes/map-overlay.png); background-repeat: repeat-x; background-size: cover; } #map-wrapper a.close { position: absolute; right: 0px; z-index: 2; } #home-map { height: 100%; position: relative; z-index: 0; } #location-map { width: 100%; height:100%; } /* -------------------- footer ----------------- */ #footer { overflow: hidden; position: relative; clear: both; } #footer div.footer { background-color:#000000; padding: 10px 0px; color: #fff; letter-spacing: 1px; position: relative; z-index: 1; } #footer #f-sect1 { width: 1080px; margin: auto; padding: 40px 0px; border-bottom: solid 1px #1a1a1a; } #footer #f-sect1 #menu-left { letter-spacing: 1px; } #footer #f-sect1 #menu-left a { max-width: 155px; color: #fff; text-decoration: none; display: block; text-align: center; padding: 7px 35px; margin-bottom: 10px; } #footer #f-sect1 #menu-left a.location { color: #fff; text-decoration: none; border: solid 1px #fff; margin-bottom: 25px; } #footer #f-sect1 #menu-right a { max-width: 200px; color: #fff; text-decoration: none; display: block; text-align: center; padding: 7px 30px; margin-bottom: 10px; } #footer #f-sect1 #menu-right a:first-child { padding-top: 0px; } #footer #f-sect1 #menu-right a:hover, #footer #f-sect1 #menu-left a:hover { background-image: url(themes/mini-line-white.png); background-repeat: no-repeat; background-position: center bottom 2px; } #footer #f-sect1 #social-media { margin-top: 50px; text-align: center; } #footer #f-sect1 #social-media span { position: relative; margin-right: 10px; top: -5px; } #footer #f-sect1 #social-media a { margin: 0px 10px; display: inline-block; *display: inline; zoom: 1; } #footer #f-sect1 #social-media a.fb { background-image: url(themes/icon-fb.png); width:22px; height: 22px;} #footer #f-sect1 #social-media a.fb:hover { background-image: url(themes/icon-fb-hover.png); } #footer #f-sect1 #social-media a.instagram { background-image: url(themes/icon-instagram.png); width:22px; height: 22px;} #footer #f-sect1 #social-media a.instagram:hover { background-image: url(themes/icon-instagram-hover.png); } #footer #f-sect1 #social-media a.twitter { background-image: url(themes/icon-twitter.png); width:22px; height: 22px;} #footer #f-sect1 #social-media a.twitter:hover { background-image: url(themes/icon-twitter-hover.png); } #footer #f-sect1 #social-media a.weibo { background-image: url(themes/icon-weibo.png); width:22px; height: 22px;} #footer #f-sect1 #social-media a.weibo:hover { background-image: url(themes/icon-weibo-hover.png); } #footer #f-sect1 #social-media a.linkedin { background-image: url(themes/icon-linkedin.png); width:22px; height: 22px;} #footer #f-sect1 #social-media a.linkedin:hover { background-image: url(themes/icon-linkedin-hover.png); } #footer #f-sect1 #social-media a.wechat { background-image: url(themes/icon-wechat.png); width:22px; height: 22px;} #footer #f-sect1 #social-media a.wechat:hover { background-image: url(themes/icon-wechat-hover.png); } #footer #f-sect1 #social-media a img { display: block; } #footer #f-sect1 #newsletter { text-align: center; } #footer #f-sect1 #newsletter h1 { font-size: 14px; color: #fff; margin-bottom: 25px;} #footer #f-sect1 #newsletter input#EMAIL { width: 200px; font-size: 16px; } #footer #f-sect1 #newsletter a.open-newsletter-popup { color: #fff; font-family: 'Source Sans Pro', sans-serif; padding: 10px 15px; letter-spacing: 1px; border: solid 1px #5b5b5b; background-color: transparent; text-decoration: none; } #footer #f-sect1 #newsletter span.msg { display: block; opacity: 0.8; margin-top: 10px; font-size: 12px; } #footer #f-sect2 { width: 1080px; margin: auto; padding: 60px 0px; font-family: 'SourceSansProRegular', Arial; color: #b3b3b3; position: relative; } #footer #f-sect2 #f-contact { max-width: 230px; text-align: center; } #footer #f-sect2 .col2 { text-align: center; position: absolute; margin-left: 30%; margin-right: 30%; width: 40%; } #footer #f-sect2 .col2 a { margin: 0px 10px; } #footer #f-sect2 .col3 { max-width: 250px; text-align: center; } #footer #f-sect2 a { color: #b3b3b3; text-decoration: none; } #footer #f-sect2 a:hover { color: #878787; } #footer #f-sect3 { padding-top: 10px; border-top: solid 1px #2f2f2f; color: #b3b3b3; } #footer #f-sect3 .inner { width: 1080px; margin: auto; position: relative; } #footer #f-sect3 #menu-bottom { font-size: 12px; font-family: 'PFBeauSansProBbookRegular', Arial; margin-right: 260px; } #footer #f-sect3 #menu-bottom a { color: #b3b3b3; margin-right: 15px; padding-right: 15px; border-right: solid 1px #b3b3b3; } #footer #f-sect3 #menu-bottom a:last-child { border-right: 0px; } #footer #f-sect3 #copyright { position: absolute; right: 0px; top: 0px; font-size: 13px; letter-spacing: 0px; } #footer .col1 { width: 30%; float: left; } #footer .col2 { width: 40%; float: left; } #footer .col3 { width: 30%; float: right; text-align: right; } #footer .col3 > div { display: inline-block; *display: inline; zoom: 1; } #footer .copyright { margin-left: 50%; text-align: right; } #footer #scroll-up { display: block; position: absolute; z-index: 2; top: -29px; width: 100%; text-align: center; background: none; padding: 0px; display: none; } #scroll-up2 { display: block; position: absolute; z-index: 2; bottom: -44px; width: 100%; text-align: center; background: none; padding: 0px; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 14px; height: 25px; margin-top: -7px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background-repeat: no-repeat; background-color: transparent; z-index: 1; } .slick-prev { background-image: url(themes/left.png); left: -60px; } .slick-next { background-image: url(themes/right.png); right: -60px; } .slick-slider .slick-track, .slick-slider .slick-list { height: 100%; } .slick-initialized .slick-slide { background-size: cover; position: relative; background-position: center; } .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 8px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; width: 8px; height: 8px; display: block; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background-image: url(themes/bullet.png); background-repeat: no-repeat; background-position: center; background-color: transparent; } .slick-dots li.slick-active button { background-image: url(themes/bullet-active.png); } /* -------------------- instagram --------------------------- */ #instagram { padding: 50px 0px; } #instagram h1 { font-family: 'PFBeauSansProBbookLight', Arial; } #instafeed .instagram-container { width: 22%; margin: 1.5%; float: left; } #instafeed .instagram-container a { display: block; position: relative; overflow: hidden; height: 100%; } #instafeed .instagram-container a img { position: absolute; width: 160%; max-width: auto; max-width: none; max-width: initial; top: -50%; margin-top: 20%; left: -50%; margin-left: 20%; } /* -------------------- left-right-layout ------------------- */ .lr-layout-item { clear: both; } .lr-layout-item .roomImg, .lr-layout-item .dineImg, .lr-layout-item .awardImg, .lr-layout-item .pressImg, .lr-layout-item .highlight, .lr-layout-item .infoImages, .lr-layout-item .facilityImages, .lr-layout-item .eventImages, .our-location .lr-layout-item .text { float: left; width: 50%; position: relative; background-size: cover; } .lr-layout-item .roomImg > img, .lr-layout-item .infoImages .infoImg > img, .lr-layout-item .facilityImages .facilityImg > img, .lr-layout-item .awardImg > img, .lr-layout-item .pressImg > img, .lr-layout-item .dineImg > img, .lr-layout-item .eventImages .eventImg > img, .lr-layout-item .book-the-room.image .infoImg > img { display: none; } .lr-layout-item .infoImages .infoImg, .lr-layout-item .book-the-room.image .infoImg { height: 400px; background-size: cover; } .lr-layout-item .info, .lr-layout-item .book-the-room { margin-left: 50%; text-align: center; position: relative; width: 50%; height: 100%; background-color: #f4f4f1; color: #404040; font-family: 'SourceSansProRegular', Arial; padding-top: 50px; padding-bottom: 50px; display: table;} .lr-layout-item .book-the-room { padding-top: 80px; padding-bottom: 80px; } .lr-layout-item .book-the-room.image { padding: 0px; } .lr-layout-item .info h1, #room-detail .highlight h1, #dine-detail .highlight h1, .our-location .lr-layout-item .text h1{ font-size: 32px; font-family: 'PFBeauSansProBbookLight', Arial; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; padding: 0px 20px 25px; margin-bottom: 25px;} #roomlist div.info > div, #room-detail div.info > div, #dinelist div.info > div { display: table-cell; vertical-align: middle; } .lr-layout-item .info .detail { text-align: left; position: relative; width: 80%; margin: auto; text-align: center; margin-bottom: 30px; } .lr-layout-item .info .detail ul { text-align: left; } .lr-layout-item-left .roomImg, .lr-layout-item-left .dineImg, .lr-layout-item-left .awardImg, .lr-layout-item-left .pressImg, .lr-layout-item-left .infoImages { float: right; margin-right: 0px; } .lr-layout-item-left .info { margin-left: 0px; } .lr-layout-item .info h2, .our-location .lr-layout-item .text h2 { font-size: 18px; text-transform: uppercase; margin-bottom: 30px; font-family: 'SourceSansProRegular', Arial; } .our-location .lr-layout-item .text h2 { line-height: 1.5; } .lr-layout-item .book-the-room h3 { font-size: 14px; letter-spacing: 1px; } .lr-layout-item .book-the-room .cal { text-align: center; } .lr-layout-item .book-the-room .cal > div, .lr-layout-item .book-the-dine .cal > div { display: inline-block; *display: inline; zoom: 1; background-color: #fff; padding: 20px 0px; margin: 0px 5px; } .lr-layout-item .book-the-room .cal > div input, .lr-layout-item .book-the-dine .cal > div input { margin-top: 20px; margin-bottom: 10px; border: none; color: #959477; font-size: 24px; font-family: 'PFBeauSansProBbookLight', Arial; text-align: center; text-transform: uppercase; width: 220px; padding: 10px 0px; letter-spacing: 0px; } .lr-layout-item .book-the-room .booking-btn { } .lr-layout-item .book-the-dine .button-panel { margin-top: } .lr-layout-item .book-the-room .booking-btn a, .lr-layout-item .book-the-dine .button-panel a, #location-list .info a { background-color: #000; color: #fff; font-size: 15px; font-family: 'PFBeauSansProBbookRegular', Arial; padding: 15px 80px; margin-top: 30px; text-decoration: none; line-height: 1.2; } .lr-layout-item .book-the-room .booking-btn a { display: inline-block; *display: inline; zoom: 1; width: 220px; padding: 15px 0px; margin: 0px 5px; vertical-align: top; } .lr-layout-item .book-the-room .booking-btn input { background-color: #fff; border: none; padding: 15px; width: 190px; color: #959477; margin: 0px 5px; line-height: 18px; } .lr-layout-item .book-the-dine .button-panel a { display: inline-block; *display: inline; zoom: 1; width: 200px; padding: 15px 0px; margin-top: 15px; } #room-detail .lr-layout-item .info, #dine-detail .lr-layout-item .info { background-color: #fff; } #room-detail .lr-layout-item .info .detail ul { display: inline-block; *display: inline; zoom: 1; } #room-detail .lr-layout-item .info .detail li { text-align: left; color: #878787; font-size: 18px; } #room-detail .lr-layout-item .info h1, #room-detail .highlight h1, #dine-detail .lr-layout-item .info h1, #dine-detail .highlight h1 { background: none; padding-bottom: 15px; max-width: 95%; margin: 0px auto; } #room-detail .highlight { background-color: #fff; padding: 80px 0px; text-align: center; } #room-detail .highlight > div { width: 70%; margin: auto; } #room-detail .highlight .roomtype { text-align: center; padding-bottom: 20px; } #room-detail .highlight .roomtype .detail { color: #404040; font-family: 'SourceSansProRegular', Arial; } #dine-detail .highlight { background-color: #fff; padding: 80px 0px; text-align: center; } #dine-detail .highlight > div { width: 70%; margin: auto; } #dine-detail .highlight .dinetype { text-align: center; } #dine-detail .highlight .dinetype .detail { color: #404040; font-family: 'SourceSansProRegular', Arial; margin-bottom: 0px; } #dine-detail .info .content { display: inline-block; *display: inline; zoom: 1; padding-top: 10px; } #dine-detail .info .label { clear:both; float:left; width: 120px; text-align: left; } #dine-detail .info .text { float: left; } #dine-detail .lr-layout-item .info { padding: 80px 0px; } #dine-detail .lr-layout-item .info h1 { margin-top: 32px; padding-bottom: 5px; } .lr-layout-item .book-the-room div.cal, .lr-layout-item .book-the-room div.booking-btn, .lr-layout-item .book-the-dine div.cal, .lr-layout-item .book-the-dine div.booking-btn { display: block !important; margin-top: 25px; } .lr-layout-item .book-the-room h1, .lr-layout-item .book-the-dine h1 { background: none; margin-bottom: 0px; } .lr-layout-item .book-the-room { background-color: #f4f4f1 !important; margin-left: 50%; } .lr-layout-item .book-the-room.image { float: right; margin-left: 0px; } .lr-layout-item .book-the-dine { background-color: #f4f4f1 !important; padding: 60px 0px; } #facility-list .facilityImg { height: 100%; background-size: cover; background-position: center; } #facility-list .lr-layout-item .info h2 { font-size: 32px; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 25px; margin-bottom: 25px; } #facility-list div.info > div, #facility-detail div.info > div { display: table-cell; vertical-align: middle; } #facility-list .lr-layout-item-left .facilityImages { float: right; width: 66%; } #facility-list .lr-layout-item-left .info { width: 34%; } #event-list .eventImg { height: 100%; background-size: cover; background-position: center; } #event-list .lr-layout-item .info h2 { font-size: 32px; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 25px; margin-bottom: 25px; } #event-list div.info > div, #event-detail div.info > div { display: table-cell; vertical-align: middle; } #event-list .lr-layout-item-left .eventImages { float: right; width: 66%; } #event-list .lr-layout-item-left .info { width: 34%; } /* -------------------- offer ------------------------ */ #offer-list { padding-bottom: 30px; } #offer-list .offer { width: 30%; margin: 30px 1.5%; float: left; } #offer-list .highlight { width: 47%; margin:30px 1.5%; float: left; } #offer-list .offerImages { background-color: #000; } #offer-list .offerImages .offerImg { background-size: cover; } #offer-list .offerImages .offerImg:hover { opacity: 0.7; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s;} #offer-list .offerImages .offerImg > img { display: none; } #offer-list .info { background: #fff; text-align: center; padding: 50px; padding-bottom: 100px; position: relative; color: #404040; font-family: 'SourceSansProRegular', Arial; } #offer-list .info h2, #offer-list .info h2 a { font-size: 24px; color: #959477; text-transform: uppercase; } #offer-list .info .details { margin: 20px 0px 30px; } #offer-list .info a.button { position: absolute; width: 94px; margin-left: -77px; left: 50%; line-height: 1; bottom: 75px;} #offer-list .info .tag { position: absolute; padding: 5px; min-width: 80px; color: #fff; top: -14px; font-size: 12px; left: 50%; } #offer-list .info .tag.PROMOTIONS { background-color: #ae0000; } #offer-list .info .tag.WINE_DINE { background-color: #6b9300; } #offer-list .info .tag.ROOMS { background-color: #d6ab00; } #offer-list .info .share { position: absolute; bottom: 25px; margin-left: -66px; left: 50%; width: 132px; height: 32px; cursor: pointer; } #offer-list .info .share .hover { position: absolute; top: 0px; display: none; } #offer-list .info .share a { margin: 0px 10px; text-decoration: none; } #offer-category { padding: 0px 0px 20px; text-align:center; } #offer-category a { background-color: #fff; color:#878787; font-size: 14px; padding: 30px 0px; text-decoration:none; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:1px; border-right: solid 1px #ebebe5; border-bottom: solid 1px #ebebe5; display: block; text-transform: uppercase; } #offer-category a:hover, #offer-category a:active, #offer-category a:focus { text-decoration: none; } #offer-category .cat { color: #000; width:25%; float:left;} .ie8 #offer-category .cat { width: auto; width: initial; padding: 0px 5px; } #offer-category .cat-sel { width:25%; float:left;} #offer-category .cat-sel a, #offer-category .cat:hover a { color: #959477; background-color: #f4f4f1; } /* -------------------- awards ------------------------ */ #award-category { padding: 0px; text-align:center; } #award-category a { background-color: #fff; color:#878787; font-size: 14px; padding: 30px 0px; text-decoration:none; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:1px; border-right: solid 1px #ebebe5; border-bottom: solid 1px #ebebe5; display: block; text-transform: uppercase; } #award-category a:hover, #award-category a:active, #award-category a:focus { text-decoration: none; } #award-category .cat { color: #000; width:50%; float:left;} .ie8 #award-category .cat { width: auto; width: initial; padding: 0px 5px; } #award-category .cat-sel { width:50%; float:left;} #award-category .cat-sel a, #award-category .cat:hover a { color: #959477; background-color: #f4f4f1; } #awardlist { } #awardlist .award { width: 30%; margin: 30px 1.5%; float: left; } #awardlist .awardImages .awardImg { background-size: cover; } #awardlist .awardImages .awardImg > img { display: none; } #awardlist .info { background: #fff; text-align: center; padding: 50px; position: relative; color: #404040; font-family: 'SourceSansProRegular', Arial; } #awardlist .info h2 { font-size: 24px; color: #959477; text-transform: uppercase;} #awardlist .info .details { margin: 20px 0px; } #awardlist div.loadmore { padding: 50px 0px 60px; text-align: center; background-color: #fff; } #awardlist div.loadmore a { width: 180px; display: inline-block; *display: inline; zoom: 1; line-height: 1; } /* -------------------- press ------------------------ */ #presslist { } #presslist .press { width: 30%; margin: 30px 1.5%; float: left; position: relative;} #presslist .pressImages .pressImg { background-size: cover; } #presslist .pressImages .pressImg > img { display: none; } #presslist .info { background: #fff; text-align: center; padding: 50px 30px; position: relative; color: #404040; font-family: 'SourceSansProRegular', Arial; padding-bottom: 100px; } #presslist .btn { position: absolute; bottom: 50px; width: 90%; padding: 0px 5%; text-align: center; } #presslist .info h2 { font-size: 24px; color: #959477; text-transform: uppercase;} #presslist .info .details { margin: 20px 0px; } #presslist .info a.button { display: inline-block; *display: inline; zoom: 1; height: 18px; line-height: 18px; padding: 12px 10px; text-align: center; } #presslist div.loadmore { padding: 50px 0px 60px; text-align: center; background-color: #fff; } #presslist div.loadmore a { width: 180px; display: inline-block; *display: inline; zoom: 1; line-height: 1; } body.press .white-popup img { display: block; margin: auto; } /* -------------------- article ------------------------ */ #article-list { padding-bottom: 30px; } #article-list .article { width: 30%; margin: 30px 1.5%; float: left; } #article-list .highlight { width: 47%; margin:30px 1.5%; float: left; } #article-list .articleImages .articleImg { background-size: cover; } #article-list .articleImages .articleImg > img { display: none; } #article-list .info { background: #fff; text-align: center; padding: 50px; position: relative; color: #404040; font-family: 'SourceSansProRegular', Arial; } #article-list .info h2 { font-size: 24px; color: #959477; text-transform: uppercase;} #article-list .info .details { margin: 20px 0px; } #article-list .info .tag { position: absolute; padding: 5px; min-width: 80px; color: #fff; top: -14px; font-size: 12px; left: 50%; } #article-list .info .tag.FOODIE { background-color: #FA9F1B; } #article-list .info .tag.ART_CULTURE { background-color: #7ECD2E; } #article-list .info .tag.HAPPENINGS { background-color: #52AEC9; } #article-list .info .tag.SEASONAL { background-color: #B41E35; } #article-list .info .tag.OTHERS { background-color: #626871; } #article-list .info .share { position: absolute; bottom: 25px; margin-left: -66px; left: 50%; width: 132px; height: 32px; cursor: pointer; } #article-list .info .share .hover { position: absolute; top: 0px; display: none; } #article-list .info .share a { margin: 0px 10px; text-decoration: none; } #article-category { padding: 0px 0px 20px; text-align:center; } #article-category a { background-color: #fff; color:#878787; font-size: 14px; padding: 30px 0px; text-decoration:none; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:1px; border-right: solid 1px #ebebe5; border-bottom: solid 1px #ebebe5; display: block; text-transform: uppercase; } #article-category a:hover, #article-category a:active, #article-category a:focus { text-decoration: none; } #article-category .cat { color: #000; width:17%; float:left;} #article-category #cat-ALL { width: 15% !important; } .ie8 #article-category .cat { width: auto; width: initial; padding: 0px 5px; } #article-category .cat-sel { width:17%; float:left;} #article-category .cat-sel a, #article-category .cat:hover a { color: #959477; background-color: #f4f4f1; } /* -------------------- main-content ----------------- */ #main-content img { max-width: 100%; height: auto; } #main-content p { margin: 0px; } #main-content td { vertical-align: top; } body #main-content div.ck, body #main-content div.offer-detail, #main-content div.sitemap { background-color: #fff; padding: 60px 0px; color: #404040; } body #main-content div.ck h1, body #main-content div.offer-detail h1, #main-content div.sitemap h1 { font-size: 40px; font-family: 'PFBeauSansProBbookLight', Arial; text-transform: uppercase; } body #main-content div.ck h2, #main-content div.sitemap h2 { font-size: 18px; letter-spacing: 1px; color: #878787; font-family: 'SourceSansProRegular', Arial; margin-top: 20px; text-transform: uppercase; text-align: center; } body #main-content div.ck h3 { letter-spacing: 1px; margin-bottom: 30px; text-transform: uppercase; } body #main-content div.ck > div, body #main-content div.offer-detail .content, #main-content div.sitemap > div { max-width: 60%; margin: auto; text-align: center; } body #main-content div.ck .tag { margin-top: 20px; margin-bottom: 20px; background-color: #959477; color: #fff; display: inline-block; padding: 0px 8px; text-transform: uppercase; } body #main-content div.ck .tag.FOODIE { background-color: #FA9F1B; } body #main-content div.ck .tag.ART_CULTURE { background-color: #7ECD2E; } body #main-content div.ck .tag.HAPPENINGS { background-color: #52AEC9; } body #main-content div.ck .tag.SEASONAL { background-color: #B41E35; } body #main-content div.ck .tag.OTHERS { background-color: #626871; } body #main-content div.body-2 { max-width: 1100px; margin: auto; color: #404040; } body #main-content div.body-2 > div > h1:first-child { padding-top: 60px; } body #main-content div.body-2 h1 { letter-spacing: 0px; line-height: 1.2; text-transform: uppercase; margin-bottom: 0px; font-family: 'PFBeauSansProBbookLight', Arial; } body #main-content div.body-2 h2 { font-size: 18px; letter-spacing: 1px; color: #878787; font-family: 'SourceSansProRegular', Arial; margin-top: 20px; text-transform: uppercase; } body #main-content div.body-3 { background-color: #fff; color: #404040; } body #main-content div.body-3 > div { max-width: 1100px; margin: auto;} body #main-content div.body-2 img, body #main-content div.body-3 img { width: 100%; height: auto !important; height: initial !important; } body #main-content div.offer-detail { color: #404040; font-family: 'SourceSansProRegular', Arial; padding-bottom: 0px; } body #main-content div.offer-detail .content { margin: 50px auto; display: table; } body #main-content div.offer-detail .content .col1 { width: 48%; display:table-cell; padding-right: 2%; vertical-align: top; } body #main-content div.offer-detail .content .col1 a { color: #404040; } body #main-content div.offer-detail .content .col2 { width: 48%; display:table-cell; padding-left: 2%; vertical-align: middle; } body #main-content div.offer-detail .content .col2 a { color: #898989; text-transform: uppercase; } header, section, aside, nav, article, figure { display: block; height: 0px; } /** contact form */ body.contact div.section2 { border-top: solid 1px #ebebe5; font-family: 'Source Sans Pro', sans-serif; color: #404040; } body.contact div.section2 .col1 { width: 50%; float: left; padding: 60px 0px; text-align: center; } body.contact div.section2 .col2 { width: 50%; background-color: #fff; float: left; padding-top: 60px; padding-bottom: 50px; text-align: center; } body.contact h3 { letter-spacing: 1px; margin-bottom: 15px; text-transform: uppercase; } body.contact hr { margin: 25px auto; } #contact-info { text-align: center; } #contact-info a { text-decoration: none; } .tbContactform { width: 100%; margin: auto; } .tbContactform td > div { margin-bottom: 10px; } .tbContactform input.text { width: 300px; background-color: #f4f4f1; padding: 15px 25px; font-size: 14px; position: relative; z-index: 1; border: none; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; color: #878787; } .tbContactform select { background-color: #f4f4f1; font-size: 18px; position: relative; z-index: 1; border: none; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; color: #878787; width: 100%; } .tbContactform textarea { width: 92%; width: 300px; background-color: #f4f4f1; padding: 15px 25px; font-size: 14px; position: relative; z-index: 1; height: 120px; border: none; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; color: #878787; } #event-popup .tbContactform select { width:90%; } #event-popup .tbContactform textarea { width: 90%; } .tbContactform input.error, .tbContactform textarea.error, .tbContactform select.error { border: solid 1px #ab0000; color: #ab0000; } .tbContactform td { position: relative; } .tbContactform input[type="button"], .tbContactform input[type="submit"] { padding: 10px 60px; cursor: pointer; margin-top: 10px; } .antispam { display: none; visibility:hidden; } /* ------------------- newsletter ------------------ */ #newsletter-popup.white-popup { text-align: center; margin: auto; position: static } #newsletter-popup .mfp-close-btn-in .mfp-close { right: -60px; } .ui-datepicker{ z-index: 1888 !important; } #tbNewsletterform.newsform td > div { width: 97%; } #tbNewsletterform.newsform input.text { width: 96%; padding: 15px 2%;} .tbContactform td > div.col3 { float: left; width: 31% !important; margin-right: 2%; } .tbContactform td > div.col3 input.text, .tbContactform td > div.col3 select { padding: 15px 4% !important; width: 92% !important; } .tbContactform td > div.col2 { float: left; width: 47% !important; margin-right: 3%; } .tbContactform td > div.col2 input.text, .tbContactform td > div.col2 select { padding: 15px 4% !important; width: 92% !important; } .tbContactform td > div.col2 select, .tbContactform td > div.col3 select { width: 100% !important; } #tbNewsletterform.newsform .tbContactform input[type="button"], #tbNewsletterform.newsform .tbContactform input[type="submit"], #tbEvent.eventform .tbContactform input[type="button"], #tbEvent.eventform .tbContactform input[type="submit"] { margin-top: 20px; float: right; } #tbNewsletterform.newsform .tbContactform input[type="checkbox"], #tbEvent.eventform .tbContactform input[type="checkbox"] { float: left; position: relative; top: 9px; } .tbErrors{ color: #FF0000; text-align: center; } .tbSuccess{ color: #31B404; margin: 0px; text-align: center; margin-bottom: 10px; } #sitemap .footer { border-top: solid 1px #ececec; margin-top: 30px; padding-top: 30px; } #sitemap .footer ul { display: inline-block; *display: inline; zoom: 1; width: 33%; vertical-align: top; } @media only screen and (max-width: 1350px) { #presslist a.button, .button { padding: 12px 15px; } #dine-maylike .items div.item .info, #maylike .items div.item .info { width: 44%; padding: 0px 3%; } } @media only screen and (max-width: 1250px) { #menu a, #menu a:visited { padding-left: 15px; padding-right: 15px; } #langselect .langsel { padding-right: 25px; } #dine-maylike .items div.item .info, #maylike .items div.item .info { width: 46%; padding: 0px 2%; font-size: 15px; } #room-maylike h1, #dine-maylike h1, #maylike h1, #article-maylike h1 { font-size: 26px; padding-top: 20px; padding-bottom: 15px; } #dine-maylike .items div.item .info a, #maylike .items div.item .info a { margin-top: 15px; } #article-maylike .items div.item div.info { padding: 0px 2% 30px; font-size: 15px; } } @media only screen and (max-width: 1200px) { body { min-width: auto; min-width: initial; } #header-holder { min-width: auto; min-width: initial; } #banner-zone { min-width: auto; min-width: initial; } } @media only screen and (max-width: 1180px) { #langselect .langsel { padding-right: 25px; } .slick-prev { left: -30px; } .slick-next { right: -30px; } } @media only screen and (max-width: 1120px) { #menu a, #menu a:visited { padding-left: 10px; padding-right: 10px; } #h-attractions .slick-prev { left: -30px; } #h-attractions .slick-next { right: -30px; } #h-facility .facilityTitle { width: auto; width: initial; margin-left: 50px; margin-right: 50px;} #footer #f-sect1, #footer #f-sect2, #footer #f-sect3 .inner { width: auto; width: initial; margin: 0px 20px; } #presslist a.button, .button { display: block; max-width: 80%; margin: auto; margin-top: 10px;} #presslist .info { padding-bottom: 160px; } #room-maylike h1, #dine-maylike h1, #maylike h1, #article-maylike h1 { font-size: 22px; } } @media only screen and (max-width: 1080px) { #home-content #section2 .text > div { width: 45%; margin-right: 2%; } #menu { font-size: 13px; } #header-holder #right-sect a.book-online { padding: 27px 20px; } #h-attractions, body #main-content div.transportation > div { width: 90%; } #h-facility .facilityContent > div { width: auto; width: initial; } #h-facility .facilityContent .content > div { padding: 0px 20px; } #offer-maylike .items div.item .info { line-height: 1.3; } body #main-content div.ck h1 { font-size: 28px; } .lr-layout-item .info h1, #room-detail .highlight h1, #dine-detail .highlight h1 { font-size: 25px !important; padding: 0px 10px 15px; margin-bottom: 15px;} .lr-layout-item .info, #room-detail .highlight, #dine-detail .highlight, #dine-detail .lr-layout-item .info { padding-top: 35px; padding-bottom: 45px; } a.button, .button { padding: 10px 20px; } #dine-maylike .items div.item .info .teaser, #maylike .items div.item .info .teaser { font-size: 16px; margin-bottom: 10px; } #dine-maylike .items div.item .info, #maylike .items div.item .info, #article-maylike .items div.item .info .detail { font-size: 14px; line-height: 1.5; } #main-content div.sitemap > div { max-width: auto; max-width: initial; padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 1005px) { #menu { font-size: 12px; } } @media only screen and (max-width: 980px) { body { font-size: 15px; } #logo { margin-left: 10px; } #logo a, #logo a img { margin: auto; width: 50px; height: 50px;} #header-holder #right-sect { position: absolute; top: 0px; right: 0px; } #menu-top { margin-left: 10px; } #header-holder { height: 78px; } #header-holder #right-sect a.book-online { padding: 27px 15px; font-size: 14px; } .nivo-caption { font-size: 50px; } #footer #f-sect1 #menu-right a, #footer #f-sect1 #menu-left a { padding: 7px 20px; } #footer #f-sect1 #newsletter input#EMAIL { width: 120px; } #footer #f-sect1, #footer #f-sect2, #footer #f-sect3 .inner { font-size: 14px; } #footer #f-sect1 #newsletter input#EMAIL { font-size: 14px; } .lr-layout-item .book-the-room .cal > div, .lr-layout-item .book-the-dine .cal > div { width: 45%; } .lr-layout-item .book-the-room .booking-btn input, .lr-layout-item .book-the-room .booking-btn a { width: 40%; padding-left: 2%; padding-right: 2%; } .lr-layout-item .book-the-room .cal > div input, .lr-layout-item .book-the-dine .cal > div input { max-width: 95%; font-size: 20px; } #roomlist div.info > div, #room-detail div.info > div, #dinelist div.info > div { font-size: 15px; } #room-maylike .items > div.item .info { padding-bottom: 30px; } #room-maylike .items > div.item .info h1 { font-size: 22px; padding: 30px 10px 20px; } #room-maylike h1, #dine-maylike h1, #maylike h1, #offer-maylike h1, #article-maylike h1, #article-maylike .items div.item .info h1 { font-size: 20px; } #dine-maylike .items div.item .info .teaser, #maylike .items div.item .info .teaser, #offer-maylike .items div.item .info .teaser { font-size: 16px; margin-bottom: 8px; } #dine-maylike .items div.item .info .detail, #maylike .items div.item .info .detail, #offer-maylike .items div.item .info .detail { display: none; } body #main-content div.ck h1, body #main-content div.offer-detail h1 { padding-left: 30px; padding-right: 30px; } body #main-content #offer-maylike h1 { padding-left: 0px; padding-right: 0px; } body #main-content div.ck > div, body #main-content div.offer-detail .content { max-width: auto; max-width: initial; padding-left: 30px; padding-right: 30px; } .mfp-auto-cursor .mfp-content { max-width: 80%; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { padding: 30px 0px !important; } .white-popup { min-height: 350px; } #tbEvent { font-size: 14px;} #tbEvent input.others { clear: both; } } @media only screen and (max-width: 910px) { #menu { font-size: 11px; } #menu a, #menu a:visited { padding-left: 6px; padding-right: 6px; } } @media only screen and (max-width: 850px) { #menu-top { margin-left: 0px; } #logo { margin-left: 0px; } #header-holder #right-sect a.book-online { padding: 27px 5px; font-size: 12px;} #footer #f-sect1, #footer #f-sect2, #footer #f-sect3 .inner { font-size: 13px; } #footer #f-sect1 #newsletter input#EMAIL { font-size: 13px; } #footer #f-sect1 #social-media span { display: block; margin-bottom: 10px; } body.contact div.section2 .col1 { width: 45%; padding: 60px 2.5%; } .tbContactform input.text, .tbContactform textarea { width: 95%; padding: 15px 2.5%; } } @media only screen and (max-width: 768px) { body { font-size: 13px; } #home-content div.text { font-size: 13px; } .mobile { display: block; } .mfp-close-btn-in .mfp-close { right: 0px !important; } .mfp-auto-cursor .mfp-content { max-width: 95%; } .mfp-auto-cursor .mfp-content h1 { padding: 0px 60px; } .white-popup { max-width: 95%; padding: 0px 2%; } #slugbar { display: none; } #f-slugbar { background-color: #fff; padding: 50px 0px; text-align: center; } #f-slugbar .share { margin-bottom: 10px; } #f-slugbar .share .hover a { margin: 0px 8px; text-decoration: none; } #f-slugbar a.button { display: block; margin: 0px 20px; text-align: center; } #mobile-menu { display: block; position: absolute; top: 0px; right: 0px; width: 100%; } #mobile-menu a.slicknav_btn { right: 123px; } #mobile-close { position: absolute; top: 30px; right: 20px; z-index: 4; display: none; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: none !important; } .slicknav_menu .slicknav_icon { margin: 0px !important; } #menu { display: none; } #logo { float: left; border: none; margin-left: 10px; z-index: 3; } #logo a, #logo a img { width: 106px; height: 106px; } #header-holder #right-sect a.book-online { padding: 28px 30px; } #header-holder.whitebg { background: none; border: none; } #booking-wrapper { height: auto !important; height: initial !important; padding: 30px 5%; width: 90% !important; } #booking-wrapper #booking-form { margin: auto; width: auto !important; width: initial !important; } #booking-wrapper #booking-form .booking-body { padding: 30px 0px; } #booking-wrapper #booking-form .fields > div { width: auto; width: initial; } #booking-wrapper #booking-form input#promo, #booking-wrapper #booking-form a#apply { border: solid 1px #555; line-height: 17px; float: left; } #booking-wrapper #booking-form input#promo { width: 65%; } #booking-wrapper #booking-form a#apply { padding: 15px 5%; width: 13.5%; margin-left: 0px; } #booking-wrapper #booking-form input { width: 90%; padding: 15px 5%; } #booking-wrapper .booking-btn { clear: both; } body #main-content div.body-2 table, body #main-content div.body-3 table { border-spacing: 30px; } body #main-content div.body-2 table td, body #main-content div.body-3 table td { width: 100% !important; display: block; margin-bottom: 20px; } body #main-content div.body-2 table td:last-child, body #main-content div.body-3 table td:last-child { margin-bottom: 0px; } body #main-content div.body-2 img, body #main-content div.body-3 img { height: auto !important; height: initial !important; } /* body.inner .nivoSlider { margin-bottom: 20%; } body.inner .nivo-caption { bottom: -20% !important; top: auto !important; top: initial !important; background: #fff !important; margin: 0px; width: 96%; padding: 20px 2%; } */ body.inner .nivo-html-caption.mobile { display: block; max-width: auto; max-width: initial; position: relative; font-size: 14px; letter-spacing: 1px; font-family: 'Source Sans Pro', sans-serif !important; display: none; line-height: 1.5; padding: 20px 30px; text-align: center; color: #878787; } body.inner .nivo-controlNav a { background-image: url(themes/bullet-m.png); width: 10px; height: 10px; } body.inner .nivo-controlNav a.active { background-image: url(themes/bullet-m-active.png); } .nivo-caption p span { display: none; } .nivo-controlNav { width: 100%; right: 0px; bottom: 50px; top:initial; } .nivo-controlNav a { display: inline-block; *display: inline; zoom: 1; margin: 15px 10px; } .nivo-caption { font-size: 40px; } .nivo-caption a { display: block !important; width: 95%; margin: auto; padding: 15px 0px; } #home-content #section1 #section1-text > div, body #main-content div.ck { padding: 50px 5%; } body #main-content div.ck > div, body #main-content div.offer-detail .content { max-width: auto; max-width: initial; } #highlights .slick-prev { left: 20px; top: initial; } #highlights .slick-next { right: 20px; top: initial; } #home-content #section2 > div { padding: 50px 0px; } #home-content #section2 .text > div { margin: 0px 30px; width: auto; width: initial; display: block; margin-bottom: 20px; } #home-content #section2 .text > div.col2 { margin: 0px 30px; } #location-list { padding-top: 20px; } #location-list .image { height: auto !important; height: initial !important; } #location-list .image > img { display: block; width: 100% !important; height: auto !important; height: initial !important;} body #main-content div.transportation #scroll-down-3 { top: -32px; } body #main-content div.transportation { padding-top: 32px; } #h-attractions, body #main-content div.transportation > div { padding-top: 20px; padding-bottom: 20px; } #h-attractions div.a-cat { margin: 20px 0px; } #mobile-attraction-category p.selected-item, #mobile-article-category p.selected-item, #mobile-award-category p.selected-item, #mobile-press-category p.selected-item, #mobile-offer-category p.selected-item, #mobile-location-category p.selected-item { background: url(themes/arrow-down.jpg) no-repeat 95% center #fff; margin: 0; padding: 9px 2%;cursor: pointer; border: solid 1px #ddd; text-align: center; font-size: 20px; letter-spacing: 1px; color: #878787; } #attraction-category, #article-category, #offer-category, #location-category, #award-category, #press-category { display: none; } #mobile-attraction-category ul, #mobile-article-category ul, #mobile-offer-category ul, #mobile-award-category ul, #mobile-press-category ul, #mobile-location-category ul { margin: 0px; padding: 0px; display: none; background-color: #fff; border: solid 1px #ddd; } #mobile-attraction-category ul li, #mobile-article-category ul li, #mobile-offer-category ul li, #mobile-award-category ul li, #mobile-press-category ul li, #mobile-location-category ul li { padding: 0px; margin: 0px; list-style-type: none; } #mobile-attraction-category ul li a, #mobile-article-category ul li a, #mobile-offer-category ul li a, #mobile-award-category ul li a, #mobile-press-category ul li a, #mobile-location-category ul li a { display: block; padding: 12px 2%; text-align: center; font-size: 15px; color: #878787; text-decoration: none; border-bottom: solid 1px #ddd; } #h-attractions .attraction > .images { width: 100%; } #h-attractions .attraction > .text { width: auto; width: initial !important; height: auto !important; height: initial !important; padding: 20px 30px; } /* #h-attractions .slick-slide { width: 100% !important; } */ #h-attractions .slick-slide img { width: 100%; display: block; } #h-attractions .slick-prev { left: 20px; top: initial; } #h-attractions .slick-next { right: 20px; top: initial; } #h-attractions .attraction > .images > div, #h-attractions .attraction > .images { height: auto !important; height: initial !important; width: 100% !important; } #h-attractions .attraction > .images > div > img, #h-attractions .attraction > .images .slick-slide > img { display: block; } .slick-prev { left: 20px; } .slick-next { right: 20px; } a.play, #banner-contant .video a, #subbanner .video a { width: 45px; height: 45px; } #subbanner .video a img { max-width: 100%; max-height: 100%; } #h-facility .facilityTitle { margin-top: 0px; margin-left: 0px; margin-right: 0px; } #h-facility .facilityTitle .title { padding-top: 0px; } #h-facility .facilityTitle .title h2 { background-color: #fff; font-size: 24px; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; margin-top: 0px !important; padding-top: 20px !important; padding-bottom: 15px !important; } #h-facility .facilityContent h3 { margin-top: 20px; } #h-facility .facilityContent .slick-slide {padding: 0px 50px 50px; } #h-facility .facilityContent .content > div { padding: 0px; margin-bottom: 20px; } #h-facility .facilityImages .video a img { height: 40px; width: 40px; } #h-facility .facilityImages .video span { display: none; } #instagram { padding: 30px 0px; } #instafeed .instagram-container { width: 47%; } #roomlist div.info > div, #room-detail div.info > div, #dinelist div.info > div { font-size: 14px; display: block; } #room-detail .highlight > div, #dine-detail .highlight > div { width: 80%; } #room-detail .highlight .slick-prev, #dine-detail .highlight .slick-prev { left: -25px; } #room-detail .highlight .slick-next, #dine-detail .highlight .slick-next { right: -25px; } #room-maylike .items .slick-dots { position: relative; bottom: 0px; margin-top: 10px; } #room-maylike .items .slick-dots li button { background-image: url(themes/bullet-m.png); } #room-maylike .items .slick-dots li.slick-active button { background-image: url(themes/bullet-m-active.png); } .book-the-room .departure .ui-datepicker { right: 0px; } .lr-layout-item { background-color: #fff; } .lr-layout-item .info .detail { margin: 0px 30px; width: auto; width: initial; } .lr-layout-item .book-the-room .cal > div { position: relative; } .lr-layout-item .book-the-room.image .infoImg > img { display: block; } #subbanner .caption .title { font-size: 18px; } #subbanner .caption .title > span { margin-top: 10px; font-size: 14px; line-height: 1.3;} #dine-detail .lr-layout-item .info, #offer-detail .lr-layout-item .info { padding: 30px 0px; } #dine-detail .lr-layout-item .info h1, #offer-detail .lr-layout-item .info h1 { margin-top: 0px; } #dine-maylike .items div.item, #maylike .items div.item, #offer-maylike .items div.item { width: 100%; } #dine-maylike .items div.item.item2 .dineImg, #maylike .items div.item.item2 .likeImg, #offer-maylike .items div.item.item2 .offerImg { float: left; } #dine-maylike .items div.item.item3 .dineImg, #maylike .items div.item.item3 .likeImg, #offer-maylike .items div.item.item3 .offerImg { float: right; } #dine-maylike .items div.item .info h1, #maylike .items div.item .info h1, #offer-maylike .items div.item .info h1 { padding-top: 0px; padding-bottom: 10px; font-size: 18px; } #dine-maylike .items div.item .info .teaser, #maylike .items div.item .info .teaser, #offer-maylike .items div.item .info .teaser { font-size: 15px;} #dine-maylike .items div.item .info .detail, #maylike .items div.item .info .detail, #offer-maylike .items div.item .info .detail { display: block; line-height: 1.2; } .article-list { width: 90%; margin: auto; padding-top: 30px; } #article-list .highlight, #article-list .article { margin: 30px 0px 0px; float: none; display: block; width: auto !important; width: initial !important; } #article-list .info { height: auto !important; height: initial !important; } #article-list .info .share img.icon-share { display: none !important; } #article-list .info .share .hover { display: block !important; } #article-maylike .items .slick-dots { position: relative; bottom: 0px; margin-top: 10px; } #article-maylike .items .slick-dots li button { background-image: url(themes/bullet-m.png); } #article-maylike .items .slick-dots li.slick-active button { background-image: url(themes/bullet-m-active.png); } .offer-list { width: 90%; margin: auto; padding-top: 30px; } #offer-list .highlight, #offer-list .offer { margin: 30px 0px 0px; float: none; display: block; width: auto !important; width: initial !important; } #offer-list .info { height: auto !important; height: initial !important; } #offer-list .info .share img.icon-share { display: none !important; } #offer-list .info .share .hover { display: block !important; } body #main-content div.offer-detail .content { margin-top: 30px; margin-bottom: 30px; } body #main-content div.offer-detail .content .col1, body #main-content div.offer-detail .content .col2 { width: 100%; padding-right: 0px; margin-bottom: 20px; display: block; } .press-list, .award-list { width: 90%; margin: auto; padding-top: 30px; } #presslist .press, #awardlist .award { margin: 30px 0px 0px; float: none; display: block; width: auto !important; width: initial !important; } #awardlist .awardImages .awardImg, #presslist .pressImages .pressImg { height: auto; height: initial; } #awardlist .awardImages .awardImg > img, #presslist .pressImages .pressImg > img { display: block; width: 100%; } #awardlist .info, #presslist .info { height: auto !important; height: initial !important; } #presslist .info { padding-bottom: 100px; } #presslist a.button, .button { display: inline; max-width: auto; max-width: none; max-width: initial; margin-top: 0px; } #presslist a.button.pdf { margin-left: 10px; } #presslist div.loadmore, #awardlist div.loadmore { padding:30px 0px; margin-top: 20px; } #presslist { padding-bottom: 30px; } #sitemap .footer ul { width: auto; width: initial; display: block; margin-bottom: 30px; } #footer #f-sect1 { padding-bottom: 30px; } #footer #f-sect1 #menu-left { width: 100%; border-bottom: solid 1px #333; padding-bottom: 20px; margin-bottom: 30px;} #footer #f-sect1 #menu-left a.location { margin-bottom: 15px; } #footer #f-sect1 #menu-right a, #footer #f-sect1 #menu-left a { margin: auto; max-width: auto; max-width: initial; width: auto; width: initial; } #footer #f-sect1 #newsletter input#EMAIL { width: 65%; line-height: 17px; padding: 10px 2.5%; float: left;} #footer #f-sect1 #newsletter a.open-newsletter-popup { line-height: 17px; width: 22.5%; float: left; margin-left: 1%; padding: 10px 2.5%; } #footer .col2 { width: 100%; margin-bottom: 20px; } #footer #f-sect1 #social-media { margin-top: 20px; } #footer #f-sect1 #social-media span { display: initial; margin-bottom: 0px; } #footer .col3 { width: 100%; text-align: center; border-top: solid 1px #1a1a1a; padding-top: 20px;} #footer #f-sect2 { padding: 20px 0px; } #footer #f-sect2 .col2 { position: relative; margin: auto; width: 100%; } #footer #f-sect2 #f-contact, #footer #f-sect2 .col3 { display: none; } #footer #f-sect2 .mobile { text-align: center; margin-top: 20px; float: left; width: 100%; } #footer #f-sect3 #menu-bottom { margin-right: 0px; text-align: center; margin-bottom: 10px; } #footer #f-sect3 #menu-bottom a:last-child { margin-right: 0px; padding-right: 0px;} #footer #f-sect3 #copyright { position: relative; text-align: center; } #map-wrapper { height: 350px; margin-bottom: -350px; } body #main-content div.our-location .map { height: 350px !important; } body #main-content div.our-location .text { padding: 30px 0px; width: 100%; } body #main-content div.our-location .text > div { width: 90%; } .lr-layout-item .roomImg, .lr-layout-item .dineImg, .lr-layout-item .highlight, .lr-layout-item .infoImages, .lr-layout-item .facilityImages, #facility-list .lr-layout-item-left .facilityImages, .lr-layout-item .eventImages { width: 100%; height: 200px !important; height: initial !important; float: none; } .lr-layout-item .roomImg > img, .lr-layout-item .infoImages .infoImg > img, .lr-layout-item .facilityImages .facilityImg > img, .lr-layout-item .eventImages .eventImg > img, .lr-layout-item .dineImg > img { display: block; width: 100%; } .lr-layout-item .info { padding: 40px 30px 50px; width: auto !important; width: initial !important; display: block; } .lr-layout-item .info, .lr-layout-item .book-the-room, #facility-list .lr-layout-item-left .info { margin-left: 0px; height: auto !important; height: initial !important; } .lr-layout-item .button { display: block; margin: 20px auto 0px; } #event-list .lr-layout-item-left .eventImages, #event-list .lr-layout-item-left .info { float: none; width: 100%; } #event-list div.info > div, #event-detail div.info > div { display: block; } #menu-top { margin-left: 0px; margin-top: 0px; height: auto; height: initial; width: 100%; float: left; } #footer .location { position: relative; width: 100%; text-align: center; margin-bottom: 10px; } #footer .copyright { margin-left: 0px; text-align: center; } #attraction-list { padding: 0px; } #attraction-list .item { width: 48%; } #attraction-list .item .img span { display: block !important; font-size: 13px; } #location-list .image { width: 100%; } #location-list .info { width: 90%; } .tbContactform td { width: 50%; } body.contact div.section2 .col1, body.contact div.section2 .col2 { width: auto; width: initial; float: none; } } @media only screen and (max-width: 600px) { #tbEvent input.meeting { clear: both; } #tbEvent input.others { clear: initial; } /* -------------------- booking-form -------------------- */ .ui-datepicker { font: 11pt Century Gothic, Arial, sans-serif; width: 90% !important; position: fixed !important; } #booking-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; padding: 2% 5% 2% 5%; height:96% !important; } #booking-wrapper #close-btn { top: 10px; } #booking-wrapper h1 { font-weight: 20px; margin-bottom:5px;} #booking-wrapper #booking-form .fields { margin: 10px 0px; } #booking-wrapper #booking-form input { margin-bottom: 10px; padding: 10px 5%; } #booking-wrapper #booking-form a#apply { padding: 10px 5%; width: 13.5%; margin-left: 0px; text-align: center; } #booking-wrapper .booking-btn{ margin-top:5px; } #booking-wrapper .booking-btn a { padding: 8px 5px; } } @media only screen and (max-width: 550px) { #dine-maylike .items div.item .info .detail, #maylike .items div.item .info .detail, #offer-maylike .items div.item .info .detail { display: none; } #room-maylike h1, #dine-maylike h1, #maylike h1, #offer-maylike h1 { font-size: 16px !important; } .tbContactform td > div.col3, .tbContactform td > div.col2, #tbNewsletterform.newsform td > div { width: 100% !important; margin-right: 0px; } .tbContactform td > div.col3 input.text, .tbContactform td > div.col2 input.text { width: 92% !important; padding: 15px 4% !important;} .tbContactform td > div.col3 select, .tbContactform td > div.col2 select, #event-popup .tbContactform select { width: 100%; } #tbNewsletterform.newsform .tbContactform input[type="checkbox"], #tbEvent.eventform .tbContactform input[type="checkbox"] { clear: both; } #tbNewsletterform.newsform .tbContactform input[type="button"], #tbNewsletterform.newsform .tbContactform input[type="submit"], #tbEvent.eventform .tbContactform input[type="button"], #tbEvent.eventform .tbContactform input[type="submit"] { float: none; width: 40%; margin: auto !important; padding: 10px 0px; margin-top: 20px !important; } } /* dev:: h1->.head1 */ .head1 { color: #959477; font-size: 24px; font-weight: normal; line-height: 1; text-align: center; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; } #home-content .head1 { font-size: 32px; color: #959477; } #home-content #highlights .item .head1 { font-size: 24px; font-family: 'PFBeauSansProBbookLight', Arial; margin: 30px auto 15px; } #instagram .head1 { font-family: 'PFBeauSansProBbookLight', Arial; } #booking-wrapper .head1 { text-align: left; color: #959477; font-size: 24px; } /* dev:: h2->.head2 */ #home-content .head2 { color: #878787; font-size: 24px; font-weight: normal; line-height: 1; } #h-facility .facilityTitle .title .head2 { color: #959477; font-family: 'PFBeauSansProBbookLight', Arial; font-size: 16px; padding: 35px 0px; cursor: pointer; } #h-facility .facilityTitle .title .head2:hover { background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom 25px; } #h-facility .facilityTitle .title.slick-current .head2 { background-color: #fff; font-size: 22px; background-image: none; position: relative; margin-top: -11px; padding-top: 40px; padding-bottom: 35px; } /* dev:: h3->.head3 */ .head3 { color: #878787; font-size: 18px; font-weight: normal; line-height: 1; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; } #home-content .head3 { text-align: center; } #h-facility .facilityContent .head3 { font-family: 'SourceSansProRegular', Arial; letter-spacing: 1px; font-size: 18px !important; color: #878787 !important; margin: 50px auto 20px auto !important; }