@charset "utf-8"; @font-face { font-family:'PFBeauSansProBbookRegular'; src: url('../fonts/pfbeausanspro-book-webfont.eot'); src: url('../fonts/pfbeausanspro-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfbeausanspro-book-webfont.ttf') format('truetype'), url('../fonts/pfbeausanspro-book-webfont.svg#PFBeauSansProBbookRegular') format('svg'); } @font-face { font-family:'PFBeauSansProBbookLight'; src: url('../fonts/pfbeausanspro-light.eot'); src: url('../fonts/pfbeausanspro-light.eot?#iefix') format('embedded-opentype'), url('../fonts/pfbeausanspro-light.ttf') format('truetype'), url('../fonts/pfbeausanspro-light.svg#PFBeauSansProBbookLight') format('svg'); } @font-face { font-family:'SourceSansProRegular'; src: url('../fonts/SourceSansPro-Regular-webfont.eot'); src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); } *{ margin: 0,0,0,0; padding: 0; } img{ behavior: url("iepngfix.htc"); 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%; } /** Icon Engage **/ html{ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; } /** Icon Engage **/ body { font-family: 'PFBeauSansProBbookRegular', Arial; margin: 0; color: #292929; font-size: 16px; background-color: #fff; min-width:1180px; line-height: 1.8; /*overflow-x: hidden;*/ /** Icon Engage **/ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; /** Icon Engage **/ } body.modal { overflow: hidden; max-width:100%; max-height:100%;} .h1{ font-size: 24px; font-family: 'PFBeauSansProBbookRegular', Arial; font-weight: normal; line-height: 1; letter-spacing: 1px; } body #main-content div.ck .h1{ font-size: 30px !important; font-family: 'PFBeauSansProBbookLight', Arial !important; text-transform: uppercase !important; color:#959477 !important; letter-spacing: 1px !important; margin-top:0 !important; margin-bottom: 15px !important; } .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: 10px 15px; 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 !important; 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 !important; } #left-sect a.book-online:hover { background-color: #959476 ; color: #fff; } /** Icon Engage **/ a.arrow { background-image: url(themes/link-arrow.png); background-size: 100%; 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;} #consent-bar{ position: fixed; left:0; right:0; top:0; margin:auto; text-align: center; z-index: 100; height:20px; width:calc(100% - 40px); padding-top:12px; padding-bottom:12px; padding-left:10px;padding-right:30px;font-size:12px; color:#959378; background:#f4f4f1; display: table; font-family: 'Source Sans Pro', sans-serif !important; line-height: 1.5em} #consent-bar .consent-inner{ vertical-align: middle; height: 100%; max-width: 1400px;margin:auto; text-align: left; } #consent-bar a{ color:#959378; text-decoration: underline; font-family: 'Source Sans Pro', sans-serif !important;} #consent-bar img{ vertical-align: middle; width:19px; margin-right:10px; margin-top:-3px;} .consent-close-col{ position: absolute; right:0.1%; top:12px; } #consent-close img{ width:13px; } /* ---------------------- 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; } body.isconsent #header-holder{ top: 44px; } #header-holder.whitebg { background-color: #fff; color: #878787; border-bottom: solid 1px #ececec; background-image: none; } body.wedding-gallery #header-holder.whitebg{ border-bottom:1px solid #e3e3e3 !important; } #header-holder.whitebg #menu a, #header-holder.whitebg #menu a:visited { color: #878787; } #logo { float:left; margin-left: 20px; position: relative; z-index: 1; } #logo a, #logo a img { display:block; } /** Icon Engage **/ /*#header-holder #right-sect { float: right; overflow: hidden; } #header-holder #right-sect a.social-media { margin: 0px 10px; 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; }*/ #header-holder #right-sect,#header-holder #left-sect { float: right; overflow: hidden; text-align: center;} #header-holder #right-sect a.social-media,#header-holder #left-sect a.social-media { margin: 0px 10px; position: relative; top: 3px;} #header-holder #right-sect a:hover,#header-holder #left-sect a:hover { text-decoration: none; } #header-holder #right-sect a.book-online,#header-holder #left-sect a.book-online { background-color: #000; color: #fff; padding: 27px 10px; font-size: 15px; text-decoration: none; display: inline-block; *display: inline; zoom: 1; position: relative; z-index: 1; white-space: nowrap; width: 110px; } /** Icon Engage **/ /* -------------------- menu ------------------------- */ #menu-top { /*margin-left:20px;*/ float: left; height: 106px; } /** Icon Engage **/ #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, */ /* 2019 new submenu */ #menu.expand a:hover { color: #959477; background-image: url(themes/mini-line.png); background-repeat: no-repeat; background-position: center bottom; } /* 2019 new submenu */ .submenu .lvl3 .threecol { width: 31.33%; margin: 0px 1%; float: left; margin-top: 30px;} .submenu .lvl3.threecol-wrapper{ /*width: 80% !important; margin:auto; padding-left: 10%; padding-right: 10%; */ padding-bottom:50px; } ul.subsubtier li{ background:#FFFFFF !important;} .lvl2 a.open-third{ opacity: 0.5 !important; } .lvl2 a.open-third.active{ opacity: 1 !important; } .mt30{ margin-top: 30px !important; } #langselect .langsel { cursor: pointer; background-image: url(themes/icon-links-white.png); background-size: 14px 8px; background-position: right center; background-repeat:no-repeat; padding-right: 25px; /** 2019 new submenu **/ } #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; } img.langIcon{ max-width: 13px; margin-top:-2px; margin-right:2px; vertical-align: middle; } img.langIcon.scrolldown{ display: none; } .whitebg img.langIcon.default{display: none; } .whitebg img.langIcon.scrolldown{ display: inline-block; } /* -------------------- booking-form -------------------- */ #booking-wrapper { display: none; position: fixed; z-index: 1003; right: 0px; top: 0px; padding: 40px 50px 40px 40px; background-color: #000; height: 100%; } #booking-wrapper #close-btn { position: absolute; top: 30px; right: 30px; 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-unselectable.ui-state-disabled .ui-state-default { color: #bdbdbd !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; text-indent: -111px; } .ui-datepicker-next { background-image: url(themes/cal-right.png) !important; width: 28px !important; height: 42px !important; background-position: right 15px top 13px !important; text-indent: -111px; } /* ------------------------- banner zone -------------------- */ #banner-zone{ margin: auto; width: 100%; min-width: 1180px; position: fixed; top: 0px; overflow: hidden; margin-bottom: 28px; z-index: 0; } body.isconsent #banner-zone{ top: 44px; } .inner #banner-zone { padding-bottom: 0px; } body.contact #banner-zone { height: 420px; } body.contact #wapper { margin-top: 420px; } body.wedding-gallery #wapper{ padding-top:80px; margin-top:0; } #banner-contant { width: 100%; margin: 0 auto; position: relative; z-index:1; /*background-image:url(banner/spin.gif);*/ background-repeat: no-repeat; background-attachment:fixed; background-position: center center; height: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: 45px; bottom: auto !important; bottom: initial !important; line-height: 1; text-transform: uppercase; margin: 0px 5%; text-align: center; opacity: 1; /** Travel Click Video **/ } .nivo-caption p { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); } .nivo-caption span { font-size: 18px; letter-spacing: 1px; font-family: 'Source Sans Pro', sans-serif !important; display: block; line-height: 1.5; margin-top: 25px; } /** Travel Click Video **/ .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: 90vh; //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: 915px; margin: auto; } #home-content #section1 #section1-text h1{ font-family: 'PFBeauSansProBbookRegular', Arial; font-size: 32px; font-weight: normal; } .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 Notice **/ #home-notice { /*background-color: #f4f4f1;*/ font-family: Source Sans Pro, sans-serif; /*color: white;*/ display: flex; z-index: 1; width: 78%; margin: 0 auto 40px auto; padding: 20px 2% 20px 2%; border: 2px solid #959476 ; border-radius: 8px; font-size: 16px; /*box-sizing: border-box;*/ } .notice-wrapper{ margin:auto; } .notice-left{ float:left; padding-right: 24px; } .notice-right{ width: calc(100% - 46px); float:left; } .notice-left i{ color:#959476; font-size: 22px } .notice-right .message.collasped{ content: ''; position: relative; max-height: 50px; overflow: hidden; text-overflow: ellipsis; mask-image: linear-gradient(to top, transparent, #fff 12px); -webkit-mask-image: linear-gradient(to top, transparent, #fff 12px); } .notice-btn{ margin:30px auto 0 auto; text-align: center; width:100%; } .notice-btn a{ display: inline-block; } #home-notice-mobile{ display: none; background-color: #f4f4f1; font-family: Source Sans Pro, sans-serif; width: 90%; margin: 0 auto 40px auto; padding: 16px 2% 16px 2%; border: 2px solid #959476 ; border-radius: 8px; font-size: 14px; position: absolute; top: 108px; left:0; right:0; z-index: 20; } /*#home-notice-mobile .notice-right .message{ max-height: 350px; }*/ @media only screen and (max-width: 1221px) and (min-width: 901px) { #home-notice { width: 90%; } } @media only screen and (max-width: 902px){ #home-notice{ margin-top: 280px; width: 90%; } } @media only screen and (max-width: 769px){ #home-notice{ display: none; } #home-notice-mobile{ display: flex; } body.isconsent #home-notice-mobile{ top: 188px; } #home-notice-mobile p{ margin-top:0; } /*#home-notice-mobile .notice-right .message{ overflow-y: auto; }*/ #home-notice-mobile .notice-right .message.collasped{ max-height: 45px; } #home-notice-mobile .notice-btn{ margin:10px auto 0 auto; } .notice-btn a.button{ font-size: 12px; padding:6px 20px;} } /** Join Us Section **/ #home-content #section3 { padding-bottom: 28px; position: relative; } #home-content #section3 > div { background-color: #fff; padding: 80px 0px; } #home-content #section3 .text > div { max-width: 1000px; width: 100%; margin:auto; display: inline-block; *display: inline; zoom: 1; text-align: center; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; } #home-content #section3 .btn-block{ margin-top: 50px !important; } #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: transparent; /*#000*/ } /** Lazy Load **/ #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; */ -webkit-filter: brightness(70%); filter: brightness(70%); } #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 { } /* -------------------- home offer-list ------------------- */ #h-offers { width: 1000px; margin: auto; padding-bottom: 100px; } #h-offers .attraction { margin: auto; } #h-offers .attraction > .images { width: 50%; float: left; } #h-offers .attraction > .images > div { height: 100%; width: 100% !important; } #h-offers .attraction > .images > div > img, #h-offers .attraction > .images .slick-slide > img { display: none; } #h-offers .attraction > .text { width: 40%; float: left; background-color: #fff; padding: 50px 5%; display: table; } #h-offers .attraction > .text > div { display: table-cell; vertical-align: middle; } #h-offers .attraction hr { margin: 20px auto; } #h-offers .head1 { color: #959477; font-size: 24px !important; line-height: 1; } #h-offer-category { margin:30px auto 0 auto; padding: 0px 5% 45px; text-align:center; display: block; max-width: 600px; width: 100%;} #h-offer-category a { color:#8d8d8d; font-size: 16px; padding: 10px 0px; text-decoration:none; font-family: 'PFBeauSansProBbookLight', Arial; letter-spacing:1px; } #h-offer-category a:hover, #h-offer-category a:active, #h-offer-category a:focus { text-decoration: none; } #h-offer-category .cat { color: #000; width:30%; margin:0px 1%; float:left;} .ie8 #h-offer-category .cat { width: auto; width: initial; padding: 0px 5px; } #h-offer-category .cat-sel { width:30%; margin:0px 1%; float:left;} #h-offer-category .cat-sel a, #h-offer-category .cat:hover a { color: #959477; border-bottom: solid 1px #959477; } /* ------------------ 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:22%; margin:0px 1.5%; float:left;} .ie8 #location-category .cat { width: auto; width: initial; padding: 0px 5px; } #location-category .cat-sel { width:22%; 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; padding-bottom: 0px !important; margin-bottom: 40px !important; } 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 { background-size: cover; position: relative; } #h-facility .facilityImages .img img { display: none; } #h-facility .facilityImages .video { position: absolute; z-index: 1; top: 0px; left: 0px; height: 100%; width: 100%; text-align: center; } #h-facility .facilityImages .video a { display: inline-block; *display: inline; zoom: 1; margin-top: 200px; color: #fff; font-size: 32px; text-decoration: none; text-align: center; } /* #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: 100%; position: relative; top: 50%; } #h-facility .facilityTitle { width: 1000px; 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; } #h-facility .facilityTitle .slick-track{ margin:auto !important; } .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 .items, */ #dine-maylike .items, #maylike .items, #offer-maylike .items { display: inline-block; } #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; display: block; } #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%; /* object-fit: cover; height: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%; height: 100%; object-fit: cover; } #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;*/ max-width:195px; 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.redbook { background-image: url(themes/icon-redbook.png); width:36px; height: 13px; background-size:100% 100%; vertical-align: top; margin-top: 3px; } #footer #f-sect1 #social-media a.redbook:hover { background-image: url(themes/icon-redbook-hover.png); } #footer #f-sect1 #social-media a img { display: block; } #footer #f-sect1 #newsletter { text-align: center; } #footer #f-sect1 #newsletter h3 { 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; **/ text-align: left; } /** New footer 20240116 **/ #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; } /** New footer 20240116 **/ #footer .f-col1 { width: 55%; float: left; } #footer .f-col2 { width: 20%; float: left; margin-right:5%; } #footer .f-col3 { width: 20%; float: right; text-align: left; } #footer .f-col3 > div { display: inline-block; *display: inline; zoom: 1; } #footer .f-col1 a{ display:inline-block; margin:0 30px 0 30px; } #footer .f-col1 a:first-child, #footer .f-col1 a:last-child{ display:inline-block; margin:0; } #footer .f-col1 a img{ vertical-align:middle; } #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%;*/ width:38px; left:0;right:0; margin:auto; text-align: center; background: none; padding: 0px; } /* 2019 new submenu */ .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%; } .hastc.slick-slider .slick-track, .hastc.slick-slider .slick-list { height: auto !important; } .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%; object-fit: cover; height: 100%; } /* -------------------- 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; } /*body.venues .lr-layout-item .infoImages { float: left; width: 70%; position: relative; background-size: cover; } */ /** New Venue 20200807 **/ body.weddings .lr-layout-item .infoImages { float: left; width: 50%; position: relative; background-size: cover; } /** New Wedding 20240808 **/ .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;*/ opacity: 0; } .lr-layout-item .infoImages .infoImg, .lr-layout-item .book-the-room.image .infoImg { height: 100%; 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;} body.venues .lr-layout-item .info{ background:#FFFFFF; /* margin-left: 70%; width: 30%;*/ } /** New Venue 20200807 **/ body.weddings .lr-layout-item .info{ background:#FFFFFF; margin-left: 50%; width: 50%; } /** New Wedding 20240808 **/ .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; } /** New Venue 20200807 **/ .detail.venues-bottom{ background: #f4f4f1 !important; padding:3% 5% 1% 5%; } .detail.venues-bottom table { width: 100% } .detail.venues-bottom table td{ width: 33.33%; padding:5px 10px; } .venue-sep{ background:#FFFFFF; height: 50px; width: 100% } .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; } /** New Venue 20200807 **/ /*body.venues .lr-layout-item-left .infoImages { float: right; margin-right: 0px; } body.venues .lr-layout-item-left .info { margin-left: 0px; }*/ /** New Wedding 20240808 **/ body.weddings .lr-layout-item-left .infoImages { float: right; margin-right: 0px; } body.weddings .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: 130px; text-align: left; } #dine-detail .info .text { float: left; text-align: left; } #dine-detail .info .table { display: table; width:100%; padding: 10px 20px 10px 20px; max-width: 550px; margin:auto; table-layout: fixed; } #dine-detail .info .table .row{ display:table-row; } #dine-detail .info .table .label { display: table-cell; float: none; vertical-align: top; width: 25%; text-align: left; } #dine-detail .info .table .text { display: table-cell; float: none; vertical-align: top; width: 70%; text-align: left; } #dine-detail .info .table .sep { display: table-cell; float: none; vertical-align: top; width:5%; text-align:center; } #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%; } #academy-detail div.info > div { display: table-cell; vertical-align: middle; } /* -------------------- 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.MEETINGS_EVENTS { background-color: #ae0000; } #offer-list .info .tag.WINE_DINE { background-color: #6b9300; } #offer-list .info .tag.ROOMS { background-color: #d6ab00; } #offer-list .info .tag.WEDDINGS{ background-color: #d482c2; } #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; border-top: 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:20%; float:left;} .ie8 #offer-category .cat { width: auto; width: initial; padding: 0px 5px; } #offer-category .cat-sel { width:20%; float:left;} #offer-category .cat-sel a, #offer-category .cat:hover a { color: #959477; background-color: #f4f4f1; } .offer-icon{ display: block; margin-top: 20px } .offer-icon img{ width:80px; } /* -------------------- 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; border-top: 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:33.33%; float:left;} .ie8 #award-category .cat { width: auto; width: initial; padding: 0px 5px; } #award-category .cat-sel { width:33.33%; 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: 30px; 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 a.button.pdf{ color:#FFFFFF !important; } #presslist a.button.pdf:hover{ color:#959477 !important; } #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;*/ display:inline-block; vertical-align:top; } #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.INNOVATIONS { background-color: #52AEC9; } #article-list .info .tag.ICON-GUIDE { background-color: #B41E35; } #article-list .info .tag.WEDDINGS{ background-color: #d482c2; } #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; border-top: 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:14.66%; float:left;} #article-category #cat-ALL { width: 12% !important; } .ie8 #article-category .cat { width: auto; width: initial; padding: 0px 5px; } #article-category .cat-sel { width:14.66%; 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; text-align: center; } body #main-content div.ck h1, body #main-content div.offer-detail h1, #main-content div.sitemap h1 { font-size: 30px; 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, #main-content div.sitemap > div { max-width: 60%; margin: auto; text-align: center; } body.venues #main-content div.ck > div , body.weddings #main-content div.ck > div { max-width: 90%; margin: auto; text-align: center; } /** New Venue 20200807 **/ body #main-content div.offer-detail .content{ max-width: 60%; margin: auto; text-align: left; } 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.INNOVATIONS { background-color: #52AEC9; } body #main-content div.ck .tag.ICON-GUIDE { 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.terms-body { background-color: #fff; color: #404040; padding:40px 40px; } body #main-content div.terms-body > div { max-width: 1100px; margin: auto;} body #main-content div.terms-body img { width: 100%; height: auto !important; height: initial !important; } /* okstmtcc Fix Icon Edit additional body tab styling Same with above */ body #main-content div.body-odd { max-width: 1100px; margin: auto; color: #404040; } body #main-content div.body-odd > div > h1:first-child { padding-top: 60px; } body #main-content div.body-odd h1 { letter-spacing: 0px; line-height: 1.2; text-transform: uppercase; margin-bottom: 0px; font-family: 'PFBeauSansProBbookLight', Arial; } body #main-content div.body-odd h2 { font-size: 18px; letter-spacing: 1px; color: #878787; font-family: 'SourceSansProRegular', Arial; margin-top: 20px; text-transform: uppercase; } body #main-content div.body-even { background-color: #fff; color: #404040; } body #main-content div.body-even > div { max-width: 1100px; margin: auto;} body #main-content div.body-odd img, body #main-content div.body-even 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: top; } /*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; 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; 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:98%; } #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; } #newsletter-popup h3, #newsletter-success-popup h3{ color: #959477; text-align: center; margin-bottom: 15px; } .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; } /** Travel Click Video **/ #tcslider,.tcslider{ background-image:url(banner/spin.gif); background-repeat: no-repeat; background-attachment:fixed; background-position: center center; position: relative; width:100%; height:100%; } .tvs_wrapper { width: 100%; display: inline-block; position: relative; margin: 0px 0% 0px 0%; } .tvs_wrapper:after { padding-top: 56.25%; /* 16:9 ratio */ display: block; content: ''; } .tvs_main { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .tvs_wrapper_room { width: 50%; display: inline-block; float:left; position: relative; margin: 0px 0% 0px 0%; } .tvs_wrapper_room:after { padding-top: 83%; /* 16:9 ratio */ display: block; content: ''; } /** New Menu Btn **/ .menubtn-block{ margin:10px auto 20px auto; width:100%; max-width: 500px; display: block; } .menubtn-block.alignleft{ text-align: left; } .menubtn-block a.button { color: #959476; text-decoration: none; font-family: 'PFBeauSansProBbookRegular', Arial; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; text-align: center; border: solid 2px #959476; padding: 8px 20px;/* white-space: pre-wrap; */display: inline-block; margin: 0px auto 0px auto !important; width: calc(100% - 40px); min-width: 184px; /*height: 31px; line-height: 33px;*/ max-width: 230px; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } .menubtn-block a.button.pdf { margin-left: 5px; margin-right: 5px; background: transparent; color: #959476; } .menubtn-block a.button.pdf:hover { background-color: #959476 !important; color: #ffffff; } /*.menubtn-block table{ width: 100%; padding:0; } .menubtn-block table tr td{ padding:2px 5px 2px 5px; width: 40%; }*/ .menubtn-block .btn-col{ width: 45%; display: inline-block; margin:4px 6px 4px 6px; vertical-align: top; height: 46px; } .menubtn-block .btn-col.fullwidth{ width: 100%; margin:4px auto 4px auto; max-width: 300px !important; } .menubtn-block .btn-col.col-3{ width: 30.5%; display: inline-block; margin:4px 6px 4px 6px; vertical-align: top; height: 46px; } .menubtn-block .btn-col.col-3 a.button{ min-width:initial;} /** New Venue 20200807 **/ body.venues .menubtn-block, body.weddings .menubtn-block {width: 90%; padding-left: 10%; padding-right: 0; margin: 4px auto 4px 0; max-width: 600px; } body.venues .menubtn-block .btn-col, body.weddings .menubtn-block .btn-col{ margin:5px 4.5% 5px 0; } body.weddings .menubtn-block .btn-col.col-3{ margin:5px 2.5% 5px 0; } /** Engage Popup **/ .engage-overlay{ background: rgba(0,0,0,0.9); position: fixed; top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; z-index: 9999;-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1 } .engage-notes{ position: fixed; right:210px; top:90px; z-index: 10000; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1 } body.isconsent .engage-notes{ top: calc(90px + 44px); } .engage-notes img.desktop{ display: inline; } .engage-notes img.mobile{ display: none; } #popup-engage { position: fixed; right:128.6px; top:0; z-index: 10000; float: right; text-align: center; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } body.isconsent #popup-engage{ top: 44px; } #popup-engage a.book-online:hover { background-color: #959476 ; color: #fff; } #popup-engage a:hover { text-decoration: none; } #popup-engage a.book-online { background-color: #000; color: #fff; padding: 27px 10px; font-size: 15px; text-decoration: none; display: inline-block; *display: inline; zoom: 1; position: relative; z-index: 1; white-space: nowrap; } @media (max-width:1222px) { #popup-engage { right:0; } .engage-notes{ right:80px; top:90px; } } @media only screen and (max-width: 1080px) { #popup-engage a.book-online { padding: 27px 10px; } } @media only screen and (max-width: 980px) { #popup-engage a.book-online { padding: 27px 5px; font-size: 14px; } } @media only screen and (max-width: 850px) { #popup-engage a.book-online { padding: 17px 10px; font-size: 12px; } .engage-notes{ right:50px; top:60px; } } @media only screen and (max-width: 769px) { #popup-engage a.book-online { padding: 28px 20px; } .engage-notes{ right:80px; top:90px; } } @media only screen and (max-width: 600px) { .engage-notes{ right:70px; top:45px; margin-left:20px; } .engage-notes img.desktop{ display: none; } .engage-notes img.mobile{ display: inline; } } @media only screen and (max-width: 499px) { .engage-notes{ right:90px; } } /** Engage Popup **/ /** New career video **/ .youtube-wrapper{ display: inline-block; margin: 30px auto 0px auto !important; padding:0px !important; width: 100%; } .youtube-col{ width: 46%; margin:2% 2% 2% 2%; float:left; padding: 0px !important} /** New Career Btn **/ .career-block{ margin:20px auto 20px auto; width:100%; max-width: 100% !important; display: inline-block; padding-left: 0px !important; padding-right: 0 !important; text-align: center;} .career-block a.button { color: #959476; text-decoration: none; font-family: 'PFBeauSansProBbookRegular', Arial; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; text-align: center; border: solid 2px #959476; padding: 8px 20px;display: inline-block; margin: 0px auto 0px auto !important; width: calc(100% - 40px); min-width: 184px; max-width: 230px; } .career-block a.button.pdf { margin-left: 5px; margin-right: 5px; background: transparent; color: #959476; } .career-block a.button.pdf:hover { background-color: #959476 !important; color: #ffffff; } .career-block .btn-col{ width: auto; display: inline-block; margin:4px 6px 4px 6px; vertical-align: top; height: 46px; } #career-detail div.info > div { display: table-cell; vertical-align: middle; } /** New Shop Page **/ #main-content .e-shop{ background:#ffffff; text-align:center; } #shop-slider-wrapper{ max-width: 1300px; width: calc(100% - 80px); margin: auto; padding: 0px 40px 40px 40px; } .shop-slider{ } .shop-slider .item{ margin: 0 10px 0 10px; text-align: center; } .shop-slider .item img{ opacity: 1; transition: .3s; } .shop-slider .item img:hover{ opacity: 0.8; } .shop-slider h3{ text-align: center; max-width: 100%; margin:10px auto 0 auto; } .shop-slider h3 a{ font-family: 'PFBeauSansProBbookRegular', Arial; font-size: 24px; color: #959477; text-transform: capitalize; } #shop-slider-wrapper .slick-track{ margin:auto; } #shop-slider-wrapper .slick-next{ right: -30px; top:40%; } #shop-slider-wrapper .slick-prev{ left: -30px; top:40%; } #shop-list-wrapper h1{ font-family: 'PFBeauSansProBbookRegular', Arial !important; text-transform: capitalize !important; font-size: 30px; } #shop-list-wrapper{ background:#f4f4f1; margin: auto; } .shop-inner{ max-width: 1300px; width: calc(100% - 80px); padding: 40px 40px 10px 40px; margin: auto; } .shop-inner-btm{ max-width: 1300px; width: calc(100% - 80px); padding: 10px 40px 10px 40px; margin: auto; } .shop-highlight{ } .highlight-box{ position:relative; border:thin solid #959477; padding: 10px; text-align: center; margin-top: 50px } .highlight-title{ text-align: center; margin-top:-30px; } .highlight-title-inner{ text-align: center; font-size: 20px; color:#959477; background:#f4f4f1; width: auto; display: inline-block; padding:0px 20px 0px 20px; } #shop-highlight { padding-bottom: 0px; padding-left:20px; padding-right: 20px; } #shop-list-wrapper .shop { width: 100%; margin: 30px auto;/* float: none; */ position: relative; overflow: hidden; } #shop-list-wrapper .highlight { width: calc(100% - 40px); margin:30px 20px; /*float: left; */} #shop-list-wrapper .offerImages { /*background-color: #000;*/ overflow: hidden; } #shop-list-wrapper .offerImages .offerImg { background-size: cover; } /*#shop-list-wrapper .offerImages .offerImg:hover { opacity: 0.7; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s;}*/ #shop-list-wrapper .offerImages .offerImg > img { display: none; } #shop-list-wrapper .shop .info { background: #fff; text-align: left; width:calc(50% - 80px); padding: 20px 40px 52px 40px; position: relative; color: #404040; font-family: 'PFBeauSansProBbookRegular', Arial; } #shop-list-wrapper .highlight .info { width:calc(100% - 40px); padding: 20px 20px 52px 20px; } #shop-list-wrapper .info h2, #shop-list-wrapper .info h2 a { font-size: 26px; color: #959477; text-transform: capitalize !important; font-family: 'PFBeauSansProBbookRegular', Arial !important; } #shop-list-wrapper .info .price { margin: 20px 0px 20px; } #shop-list-wrapper .info .details { margin: 20px 0px 30px; } #shop-list-wrapper .shop .info a.button { position: absolute; min-width: 100px; left: 40px; line-height: 1; bottom: 15px; text-align: center; background:#000000; color:#FFFFFF !important; border-color:#000000; } #shop-list-wrapper .highlight .info a.button { left:20px; } #shop-list-wrapper .info a.button:hover{ border-color:#959477; } #shop-list-wrapper .slick-next{ right: 10px; } #shop-list-wrapper .slick-prev{ left: 10px; } /** New wechat popup **/ #wechat-popup{ min-height: initial; } #wechat-popup h3{ color:#959477; margin-bottom: 40px; width: 80%; margin-left: auto; margin-right: auto; text-transform: capitalize; letter-spacing: 0; } .wechat-left{ float:left; width: 35%; padding-right: 5%; text-align: center; } .wechat-right{ float:left; width: 60%; } .wechat-left h3{ color:#959477; } /** ICON Birthday Page **/ #bd-bg-slider{ position: relative; height: 100%; } #bd-bg-slider .slide{ height: 550px; background-position: top left; } .bd-slide-caption{ position: absolute; right: 10%; top:30%; color:#FFFFFF; width:35%; line-height: 1.5; display: none; } .bd-slide-caption .title{ font-size: 30px; } .bd-slide-caption .desc{ font-size: 18px; padding:20px 0 30px; } .bd-slide-caption a.button{ color:#FFFFFF !important; border-color:#FFFFFF; width:150px; display: inline-block; text-align: center;} #bd-bg-slider .slick-prev{ left:5%; background-image:none; font-size: 30px; color:#FFFFFF; } #bd-bg-slider .slick-next{ right:5%; background-image:none; font-size: 30px; color:#FFFFFF; } #bd-stories-holder{ margin:auto; text-align: center; height: 100%; padding-bottom: 100px; } .stories-inner{ height: 350px; margin:0 auto 0 100px; display: inline-block; padding-bottom: 10px; overflow-x: auto; white-space: nowrap; width: calc(100% - 100px); } .stories-inner div{ display: inline-block; } .stories-inner img{ height: 350px; max-width: 100%; max-height: 350px; margin-right:5px } .stories-popup{ text-align: center; } .stories-popup .stories-img img{max-height: 500px;max-width: 100%; } .stories-popup .stories-title{ font-size: 30px; font-family: 'PFBeauSansProBbookLight', Arial; text-transform: uppercase; margin: 20px auto; color:#959477; } .stories-popup .stories-desc{ font-size: 18px; line-height: 1.3; } #bd-stories-holder h1{ font-size: 30px; font-family: 'PFBeauSansProBbookLight', Arial; text-transform: uppercase; margin: 50px auto; max-width: 96% } /** Quiz Page **/ #quiz-wrapper { max-width: 80%; margin: 0 auto 0px; padding: 20px 0; } .quiz-counter { margin-bottom: 10px; } .quiz-col { background: #FFFFFF; padding: 10px 20px; margin-bottom: 30px; } .quiz-title { font-size: 20px; font-family: 'PFBeauSansProBbookRegular', Arial; text-transform: initial; margin: 0px auto; font-weight: 500; color: #959477; line-height: 1.3; } .quiz-index { vertical-align: top; display: inline-block; width: 32px; margin-right: 10px; } .quiz-label { display: inline-block; width: calc(98% - 50px); } .quiz-photo { margin: 15px auto; text-align: center; max-width: 500px !important; } .quiz-photo img { width: 100%; margin: auto; max-width: 100%; } .quiz-caption { font-size: 14px; text-align: left; } .quiz-options a.disabled {/* border:1px solid #DCDCDC !important;*/ cursor: default; pointer-events: none; } .quiz-options a { margin-left: 0; font-size: 18px; width: calc(98% - 2px); padding: 8px 1%; border: 1px solid #DCDCDC; margin-bottom: 10px; text-decoration: none !important; display: inline-block; } .quiz-options a:hover { border: 1px solid #85846f; } .quiz-options a.selected { border: 2px solid #85846f !important; } .quiz-options a.invalid { border: 2px solid #ff0000; } .quiz-options a.success { border: 2px solid #00ff00 !important; } .quiz-options a input[type=radio] { } .quiz-options a label { display: inline-block; width: calc(100% - 50px); padding-left: 50px; vertical-align: top; cursor: pointer; } .quiz-buttons { margin-top: 40px; display: inline-block; width: 100%; } .quiz-buttons button { background: transparent; cursor: pointer; } .qradio {/* margin: 0.5rem;*/ position: relative; } .qradio input[type="radio"] { position: absolute; opacity: 0; } .qradio input[type="radio"] + .radio-label:before { content: ''; background: #ffffff; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 16px; height: 16px; position: absolute; left: 20px; top: 16px; margin-right: 1em; vertical-align: middle; cursor: pointer; text-align: center; transition: all 250ms ease; } .qradio input[type="radio"]:checked + .radio-label:before { background-color: #85846f; box-shadow: inset 0 0 0 2px #ffffff; } .qradio input[type="radio"]:focus + .radio-label:before { outline: none; border-color: #85846f; } .qradio input[type="radio"]:disabled + .radio-label:before { box-shadow: inset 0 0 0 2px #ffffff; border-color: #b4b4b4; background: #b4b4b4; } .qradio input[type="radio"] + .radio-label:empty:before { margin-right: 0; } .qradio a.invalid input[type="radio"] + .radio-label:before { font-family: "Font Awesome 5 Free"; content: '\f057'; color: #ff0000; border: 0px; font-size: 20px; display: inline-block; width: 16px; height: 16px; margin-top: -2px; top: auto; position: absolute; left: 20px; margin-right: 1em; vertical-align: middle; cursor: pointer; text-align: center; transition: all 250ms ease; } .qradio a.tick input[type="radio"] + .radio-label:before { font-family: "Font Awesome 5 Free"; content: '\f058'; color: #85846f; border: 0px; font-size: 20px; display: inline-block; width: 16px; height: 16px; margin-top: -2px; top: auto; position: absolute; left: 20px; margin-right: 1em; vertical-align: middle; cursor: pointer; text-align: center; transition: all 250ms ease; } .quiz-explanation { margin: 10px 0; line-height: 1.4em; } .quiz-explanation .qleft { display: inline-block; width: 100px; vertical-align: top; } .quiz-explanation .qright { display: inline-block; width: calc(98% - 100px); } @media only screen and (max-width:499px) { .quiz-explanation .qleft { width: 100%; } .quiz-explanation .qright { width: 100%; } } /** ICON Guide Page **/ #mobile-iconguide-category{ padding:30px !important; } #iconguide-category { padding: 0px 0px 20px; text-align:center; display: flex; flex-wrap: wrap; } #iconguide-category a { background-color: #fff; color:#959477; font-size: 16px; padding: 20px 0px; text-decoration:none; font-family: 'PFBeauSansProBbookRegular', Arial; letter-spacing:0.5px; border-right: solid 1px #ebebe5; display: flex; text-transform: uppercase; line-height:1.3; width:100%; height:calc(100% - 40px); align-items: center; justify-content: center; } #iconguide-category a:hover, #iconguide-category a:active, #iconguide-category a:focus { text-decoration: none; } #iconguide-category .cat { color: #000; width:17%; display: flex; align-items: center; justify-content: center; border-bottom: solid 1px #ebebe5; border-top: solid 1px #ebebe5; } #iconguide-category .cat-tab:first-child { width: 15% !important; display: flex; } #iconguide-category .cat-sel { width: 17%; align-items: center; justify-content: center; border-bottom: solid 1px #ebebe5; border-top: solid 1px #ebebe5; } #iconguide-category .cat-sel a, #iconguide-category .cat:hover a { color: #959477; background-color: #f4f4f1; } #iconguide-list{ margin:auto; display:block; text-align:center; position: relative;} #iconguide-list h2{ color:#959477; margin-top:50px; padding:50px 20px 30px 20px; border-top:1px solid #6C6C6C; } #iconguide-list h2:first-child{ padding-top:20px !important; margin-top: 0px !important; border-top:0px !important;} .iconguide-content{ display:flex; align-items: center; justify-content: center; position:relative; } .iconguide-content img{ max-width:1000px !important; width:100%; display: block; } .iconguide-slider { max-width:1000px; margin:auto; padding-left:50px; padding-right:50px; } .iconguide-slider div.ig-item{ padding: 0 15px !important; } .iconguide-slider div.ig-item img{ } .iconguide-slider .slick-prev:before, .iconguide-slider .slick-next:before { font-family: none; content: ""; } .iconguide-slider .slick-prev { background: none !important; font-size: 45px !important; width: 45px !important; height: 45px !important; left: 0px !important; z-index: 2; color: #6C6C6C; } .iconguide-slider .slick-next { background: none !important; font-size: 45px !important; width: 45px !important; height: 45px !important; right: 0px !important; z-index: 2; color: #6C6C6C; } .iconguide-content img.lazy{ z-index:1; } .iconguide-content img.static-hover{ position:absolute; top:0px; left:auto; right:auto; margin:auto; opacity: 0; z-index: 0; } .iconguide-content-inner{ max-width:1000px; position:relative; } .iconguide-content img.hover-1-1,.iconguide-content img.hover-1-2,.iconguide-content img.hover-1-3,.iconguide-content img.hover-1-4,.iconguide-content img.hover-1-5,.iconguide-content img.hover-1-6,.iconguide-content img.hover-5-15,.iconguide-content img.hover-5-16,.iconguide-content img.hover-3-17,.iconguide-content img.hover-3-18,.iconguide-content img.hover-3-19,.iconguide-content img.hover-6-20,.iconguide-content img.hover-6-21,.iconguide-content img.hover-4-22,.iconguide-content img.hover-4-23,.iconguide-content img.hover-4-24,.iconguide-content img.hover-4-25,.iconguide-content img.hover-4-26{ position:absolute; top:0px; left:auto; right:auto; margin:auto; opacity: 0; z-index: 0;} .iconguide-content img.mobile{ display: none; } .pulsating-circle { z-index:10; position: absolute; left: auto; top: auto; transform: translateX(-50%) translateY(-50%); width: 24px; height: 24px; cursor: pointer;} .pulsating-circle:before { content: ""; position: relative; display: block; width: 270%; height: 270%; box-sizing: border-box; margin-left: -85%; margin-top: -85%; border-radius: 45px; background-color: #939f6e ; -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } .pulsating-circle:after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: white; border-radius: 15px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; } .pulsating-circle .fa-plus { position: absolute; font-size: 10px; top: 0; left: 0; right: 0; height:24px; line-height: 25px; margin: auto; z-index: 100; color: #939f6e; } .pulsating-circle.mobile { display: none; } .static-hover-pos{ position:absolute; z-index:2; opacity:1; cursor:pointer; } .static-hover-pos.hover-pos-1-1{ position:absolute; z-index:2; left:0.5%; top:14.5%; width:100%; height:67%; clip-path: polygon(7% 0, 58% 0, 34% 42%, 7% 42%); } .static-hover-pos.hover-pos-1-2{ position:absolute; z-index:2; right:0; top:10%; width:101%; height:88%; clip-path: polygon(70% 0, 92% 0, 92% 30%, 49% 30%); } .static-hover-pos.hover-pos-1-3{ position:absolute; z-index:2; left:auto; right:5%; bottom:36.8%; width:29%; height:25%; } .static-hover-pos.hover-pos-1-4{ position:absolute; z-index:2; right:6.5%; bottom:2%; width:47%; height:29.5%; } .static-hover-pos.hover-pos-1-5{ position:absolute; z-index:2; left:5.5%; bottom:4.5%; width:33.5%; height:32%; } .static-hover-pos.hover-pos-5-15{ position: absolute; z-index:2; margin:auto; right: 0; left: 0; top: 9%; width: 92%; height: 40%; } .static-hover-pos.hover-pos-5-16{ position:absolute; z-index:2; margin:auto; right: 0; left: 0; bottom:2%; width: 92%; height: 40%; } .static-hover-pos.hover-pos-3-17 { position: absolute; z-index:2; margin:auto; right: 0; left: 0; top: 16.5%; width: 92%; height: 27%; } .static-hover-pos.hover-pos-3-18{ position:absolute; z-index:2; left: 1%; bottom:3%; width: 96%; height: 91%; clip-path: polygon(3% 43%, 66% 43%, 45% 100%, 3% 100%); } .static-hover-pos.hover-pos-3-19{ position:absolute; z-index:2; right: 0; bottom:3%; width: 110%; height: 90%; clip-path: polygon(70% 43%, 97% 43%, 97% 100%, 51% 100%); } .static-hover-pos.hover-pos-6-20 { position: absolute; z-index:2; left: 0; bottom: 3%; width: 100%; height: 83%; clip-path: polygon(61% 4%, 61% 46%, 45% 46%, 45% 100%, 3% 100%, 3% 4%);} .static-hover-pos.hover-pos-6-21{ position:absolute; z-index:2; right: 0; bottom: 3%; width: 100%; height: 83%; clip-path: polygon(97% 4%, 97% 100%, 46% 100%, 46% 47%, 62% 47%, 62% 4%); } .static-hover-pos.hover-pos-4-22 { position: absolute; z-index:2; left: 0; right:0; top: 0px; width: 100%; height: 104%; clip-path: polygon(34% 35%, 34% 15%, 100% 15%, 100% 47%, 62% 47%, 50% 67%, 0 57%, 0 35%); //background:rgba(255,0,0,0.3); } .static-hover-pos.hover-pos-4-23{ position:absolute; right: 0; top: 16.5%; width: 102%; height: 67%; clip-path: polygon(62% 47%, 100% 47%, 100% 81%, 53% 70%); //background:rgba(255,0,0,0.3); } .static-hover-pos.hover-pos-4-24{ position:absolute; z-index:2; left: 0; bottom:0px; width: 102%; height: 105%; clip-path: polygon(49% 65%, 49% 85%, 25% 85%, 25% 100%, 0 100%, 0 58%); //background:rgba(255,0,0,0.3); } .static-hover-pos.hover-pos-4-25 { position: absolute; z-index: 2; right: 0; bottom: 0px; width: 100%; height: 105%; clip-path: polygon(100% 100%, 68% 100%, 68% 85%, 50% 85%, 50% 65%, 100% 73%); //background:rgba(255, 0, 0, 0.3); } .static-hover-pos.hover-pos-4-26{ position:absolute; z-index:2; left: 25%; bottom:0px; width: 43%; height: 16%; //background:rgba(255,0,0,0.3); } /** Review Positions **/ .static-hover-pos.hover-pos-7-27 { position: absolute; z-index:2; left: 0; right:0; top: 0px; width: 100%; height: 104%; clip-path: polygon(34% 35%, 34% 15%, 100% 15%, 100% 47%, 62% 47%, 50% 67%, 0 57%, 0 35%); //background:rgba(255,0,0,0.3); } .static-hover-pos.hover-pos-7-28{ position:absolute; z-index:2; right: 0; top: 16.5%; width: 102%; height: 67%; clip-path: polygon(62% 47%, 100% 47%, 100% 81%, 53% 70%); //background:rgba(255,0,0,0.3); } .static-hover-pos.hover-pos-7-29{ position:absolute; z-index:2; left: 0; bottom:0px; width: 102%; height: 105%; clip-path: polygon(49% 65%, 49% 85%, 25% 85%, 25% 100%, 0 100%, 0 58%); //background:rgba(255,0,0,0.3); } .static-hover-pos.hover-pos-7-30 { position: absolute; z-index: 2; right: 0; bottom: 0px; width: 100%; height: 105%; clip-path: polygon(100% 100%, 68% 100%, 68% 85%, 50% 85%, 50% 65%, 100% 73%); //background:rgba(255, 0, 0, 0.3); } .static-hover-pos.hover-pos-7-31{ position:absolute; z-index:2; left: 25%; bottom:0px; width: 43%; height: 16%; //background:rgba(255,0,0,0.3); } .static-hover-pos.hover-pos-8-32{ position:absolute; z-index:2; left:0.5%; top:14.5%; width:100%; height:67%; clip-path: polygon(7% 0, 58% 0, 34% 42%, 7% 42%); } .static-hover-pos.hover-pos-8-33{ position:absolute; z-index:2; right:0; top:10%; width:101%; height:88%; clip-path: polygon(70% 0, 92% 0, 92% 30%, 49% 30%); } .static-hover-pos.hover-pos-8-34{ position:absolute; z-index:2; left:auto; right:5%; bottom:36.8%; width:29%; height:25%; } .static-hover-pos.hover-pos-8-35{ position:absolute; z-index:2; right:6.5%; bottom:2%; width:47%; height:29.5%; } .static-hover-pos.hover-pos-8-36{ position:absolute; z-index:2; left:5.5%; bottom:4.5%; width:33.5%; height:32%; } .static-hover-pos.hover-pos-9-37 { position: absolute; z-index:2; margin:auto; right: 0; left: 0; top: 9%; width: 92%; height: 40%; } .static-hover-pos.hover-pos-9-38{ position:absolute; z-index:2; margin:auto; right: 0; left: 0; bottom:2%; width: 92%; height: 40%; } .static-hover-pos.hover-pos-10-39 { position: absolute; z-index:2; left: 0; bottom: 3%; width: 100%; height: 83%; clip-path: polygon(61% 4%, 61% 46%, 45% 46%, 45% 100%, 3% 100%, 3% 4%);} .static-hover-pos.hover-pos-10-40{ position:absolute; z-index:2; right: 0; bottom: 3%; width: 100%; height: 83%; clip-path: polygon(97% 4%, 97% 100%, 46% 100%, 46% 47%, 62% 47%, 62% 4%); } .static-hover-pos.hover-pos-11-41 { position: absolute; z-index:2; margin:auto; right: 0; left: 0; top: 16.5%; width: 92%; height: 27%; } .static-hover-pos.hover-pos-11-42{ position:absolute; z-index:2; left: 1%; bottom:3%; width: 96%; height: 91%; clip-path: polygon(3% 43%, 66% 43%, 45% 100%, 3% 100%); } .static-hover-pos.hover-pos-11-43{ position:absolute; z-index:2; right: 0; bottom:3%; width: 110%; height: 90%; clip-path: polygon(70% 43%, 97% 43%, 97% 100%, 51% 100%); } .dot-7-27, .dot-4-22 { top: 33%; left: 58%; } .dot-7-28, .dot-4-23 { top:auto; left: auto; bottom: 32%; right: 13%; } .dot-7-29, .dot-4-24 { top:auto; left: 25%; bottom: 21%; } .dot-7-30, .dot-4-25 { top:auto; left: auto; bottom: 15%; right: 9%; } .dot-7-31, .dot-4-26 { top:auto; left: 41.5%; bottom: 1.5%; } .dot-8-32, .dot-1-1 { top:31.5%; left:24.7%; } .dot-8-33, .dot-1-2 { top:33%; left:auto; right:10%; } .dot-8-34, .dot-1-3 { top:50%; left:auto; right:15%; } .dot-8-35, .dot-1-4 { top:auto; left:auto; bottom:10%; right:37%; } .dot-8-36, .dot-1-5 { top:auto; left:25%; bottom:22%; } .dot-9-37, .dot-5-15 { top:30%; left:50%; } .dot-9-38, .dot-5-16 { top:auto; bottom:28%; left:48%; } .dot-10-39, .dot-6-20 { top:40%; left:18%; } .dot-10-40, .dot-6-21 { top:auto; bottom:38%; right:11.1%; } .dot-11-41, .dot-3-17 { top:34%; left:53%; } .dot-11-42, .dot-3-18 { top:auto; bottom:21%; left:30%; } .dot-11-43, .dot-3-19 { top:auto; bottom:33%; right:17%; } @-webkit-keyframes pulse-ring { 0% { transform: scale(0.33); } 80%, 100% { opacity: 0; } } @keyframes pulse-ring { 0% { transform: scale(0.33); } 80%, 100% { opacity: 0; } } @-webkit-keyframes pulse-dot { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } } @keyframes pulse-dot { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } } #scroll-to-tab{ position: fixed; right:20px; bottom:50px; z-index:5; text-align: center; display: none; } #scroll-to-tab a{ text-decoration:none; } #scroll-to-tab a i{ color:#959477; font-size:38px; } #scroll-to-tab a label{ cursor:pointer; display: block; text-align: center; color:#959477; font-size: 15px; } #scroll-to-tab.fixed_footer{ position: absolute; bottom: 0px; } /*background:rgba(255,0,0,0.3);*/ @media only screen and (max-width: 992px) { .iconguide-content img.desktop{ display: none !important; } .iconguide-content img.mobile{ display: inline-block !important; z-index:1 !important; opacity:1 !important; position:relative; } .pulsating-circle.mobile{ display: inline-block !important; } .static-hover-pos{ display:none; } #iconguide-list h2{ font-size:18px; } /** Review Positions **/ .static-hover-pos.hover-pos-8-32{ left:0.5%; top:18%; width:100%; height:67%; } .static-hover-pos.hover-pos-8-33{ right: 0; top: 14.5%; width: 101%; height: 82%; } .static-hover-pos.hover-pos-8-34{ bottom: 35%; height: 24%; } .static-hover-pos.hover-pos-8-35{ right:6%; bottom: 2%; width:47%; height:28%; } .static-hover-pos.hover-pos-8-36{ left:5.5%; bottom:4.5%; width:33.5%; height:31%; } .static-hover-pos.hover-pos-1-1{ left:0.5%; top:18%; width:100%; height:67%; } .static-hover-pos.hover-pos-1-2{ right: 0; top: 14.5%; width: 101%; height: 82%; } .static-hover-pos.hover-pos-1-3{ bottom: 35%; height: 24%; } .static-hover-pos.hover-pos-1-4{ right:6%; bottom: 2%; width:47%; height:28%; } .static-hover-pos.hover-pos-1-5{ left:5.5%; bottom:4.5%; width:33.5%; height:31%; } } @media only screen and (max-width: 1470px) { #presslist a.button, .button { padding: 12px 15px; } #dine-maylike .items div.item .info, #maylike .items div.item .info { width: 44%; padding: 0px 3%; } #menu a, #menu a:visited { font-size: 12px; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 1360px) { #menu a, #menu a:visited { font-size: 11px; padding-left: 8px; padding-right: 8px; } #menu li:first-child a, #menu li:first-child a:visited{ padding-left:8px; } } @media only screen and (max-width: 1260px) { #menu a, #menu a:visited { padding-left: 5px; padding-right: 5px; } } @media only screen and (max-width: 1250px) { #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; } body #main-content div.body-2 table, body #main-content div.body-3 table, body #main-content div.terms-body table { border-spacing: 30px; width: 100% !important; } } @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 ,#h-offers .slick-prev { left: -30px; } #h-attractions .slick-next, #h-offers .slick-prev { 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; } /** New Menu Btn **/ .menubtn-block.alignleft{ text-align: center; } .menubtn-block .btn-col{ width: 100%; display: inline-block; margin:4px auto 4px auto; } .menubtn-block .btn-col.col-3{ width: 100%; margin:4px auto 4px auto; } /** New Career Btn **/ .career-block .btn-col{ display: inline-block; margin:4px 6px 10px 6px; } } @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; }*/ /** Icon Engage **/ /*#header-holder #right-sect a.book-online, #header-holder #left-sect a.book-online { padding: 27px 10px; } */ /** Icon Engage **/ /*#header-holder #right-sect a.book-online,#header-holder #left-sect a.book-online { padding: 27px 5px; font-size: 14px; }*/ /** Mobile menu code move to here **/ /** Icon Engage **/ .icon-engage .mobileHide{ display: none !important; } .icon-engage .mobileShow{ display: block !important;} a#mobile-engage{ width:130px; height:79px;color:#FFFFFF; font-size: 15px; line-height: 79px; } a#mobile-engage span.first{ display: block; background:#808080; } a#mobile-engage span.second{ display: block; background:#959476; } /** Icon Engage **/ #mobile-menu { display: block; position: absolute; top: 0px; right: 0px; width: 100%; } #mobile-menu a.slicknav_btn { right: 130px; height:29px; /** Icon ENgage **/ } #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,header-holder #left-sect a.book-online { padding: 28px 20px; } /** Icon Engage **/ #header-holder.whitebg { background: none; border: none; } body.wedding-gallery #header-holder.whitebg{ background:#FFFFFF !important; } #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 { 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; } #h-attractions, #h-offers, 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; } #banner-zone .nivo-caption{ top:40% !important; } /** Travel Click Video **/ } @media only screen and (max-width: 980px) { body { font-size: 15px; } #logo { margin-left: 10px; } #logo a, #logo a img { margin: auto; width: 85px; height: 85px;} /*#header-holder #right-sect { position: absolute; top: 0px; right: 0px; }*/ /** Icon Engage **/ #header-holder #left-sect { position: absolute; top: 0px; right: 0px; } /** Icon Engage **/ /*#menu-top { margin-left: 10px; }*/ /** Icon Engage **/ #header-holder { height: 78px; } /*#header-holder #right-sect a.book-online { padding: 27px 15px; font-size: 14px; }*/ /** Icon Engage **/ #header-holder #right-sect a.book-online,#header-holder #left-sect a.book-online { padding: 27px 5px; font-size: 14px; } /** Icon Engage **/ .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; } /** New Footer 20240116 **/ #footer .f-col1{ width:100%; text-align:center; } #footer #f-sect2 #f-contact, #footer .f-col3 { display: none !important; } #footer #f-sect2 .mobile { text-align: center; margin-top: 20px; float: left; width: 100%; display: block; } .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; } body.venues #main-content div.ck > div, body.weddings #main-content div.ck > div { max-width: auto; max-width: initial; padding-left: 30px; padding-right: 30px; } /** New Venue 20200807 **/ .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; } /** New Shop Page **/ #shop-list-wrapper .lr-layout-item .offerImages{ width: 100%; height: auto !important; height: initial !important; float: none; } #shop-list-wrapper .lr-layout-item .info { padding: 20px 20px 52px 20px; width: auto !important; width: initial !important; display: block; margin-left: auto !important; } #shop-list-wrapper .offerImages .offerImg > img { display: block; width: 100%; } #shop-list-wrapper .shop .info a.button { left:20px !important; } } @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: 29px 5px; font-size: 12px;}*/ #header-holder #right-sect a.book-online { padding: 27px 5px; font-size: 12px;} /** Icon Engage **/ #header-holder #left-sect a.book-online { padding: 17px 10px; font-size: 12px;} /** Icon Engage **/ #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: 769px) { /*.icbe-pre-step{ bottom: 0px !important; } okstmtcc 20171123 */ 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; } /** Old Mobile Menu code here **/ body #main-content div.body-2 table, body #main-content div.body-3 table { border-spacing: 30px; width: 100% !important; } 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 #main-content div.terms-body table { border-spacing: 30px; width: 100% !important; } body #main-content div.terms-body table td { width: 100% !important; display: block; margin-bottom: 20px; } body #main-content div.terms-body table td:last-child { margin-bottom: 0px; } body #main-content div.terms-body img { height: auto !important; height: initial !important; } /* okstmtcc Fix Icon Edit additional body tab styling Same with above */ body #main-content div.body-odd table, body #main-content div.body-even table { border-spacing: 30px; } body #main-content div.body-odd table td, body #main-content div.body-even table td { width: 100% !important; display: block; margin-bottom: 20px; } body #main-content div.body-odd table td:last-child, body #main-content div.body-even table td:last-child { margin-bottom: 0px; } body #main-content div.body-odd img, body #main-content div.body-even 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 !important; line-height: 1.5; padding: 20px 30px; text-align: center; color: #878787; } /*okstmtcc 20171123 hide mobile caption*/ 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{ padding: 0px 5%; } 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; } #home-content #section3 > div { padding: 50px 0px; } #home-content #section3 .text > div { margin: 0px 30px; width: auto; width: initial; display: block; margin-bottom: 20px; } #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, #h-offers, body #main-content div.transportation > div { padding-top: 20px; padding-bottom: 20px; } #h-attractions div.a-cat , #h-offers 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, #mobile-iconguide-category p.selected-item { background: url(themes/arrow-down.jpg) no-repeat 95% center #fff; margin: 0; padding: 9px 55px 9px 55px; 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,#h-offer-category,#iconguide-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, #mobile-iconguide-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, #mobile-iconguide-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, #mobile-iconguide-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; } #h-offers .attraction > .images { width: 100%; } #h-offers .attraction > .text { width: auto; width: initial !important; height: auto !important; height: initial !important; padding: 20px 30px; } /* #h-offers .slick-slide { width: 100% !important; } */ #h-offers .slick-slide img { width: 100%; display: block; } #h-offers .slick-prev { left: 20px; top: initial; } #h-offers .slick-next { right: 20px; top: initial; } #h-offers .attraction > .images > div, #h-offers .attraction > .images { height: auto !important; height: initial !important; width: 100% !important; } #h-offers .attraction > .images > div > img, #h-offers .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; opacity: 1; z-index:1; position: relative; margin-bottom: 40px; } #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,.sustain-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; }*/ /** New Footer 20240116 **/ /* #footer #f-sect2 .mobile { text-align: center; margin-top: 20px; float: left; width: 100%; }*/ /** New Footer 20240116 **/ #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;*/ height:0px !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: auto !important; height: initial !important; float: none; } body.venues .lr-layout-item .infoImages, body.weddings .lr-layout-item .infoImages{ width: 100%; height: auto !important; height: initial !important; float: none; } /** New Venue 20200807 **/ .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; } body.venues .lr-layout-item .info, body.weddings .lr-layout-item .info { padding: 40px 30px 50px; width: auto !important; width: initial !important; display: block; margin-left: 0px; height: auto !important; height: initial !important; } /** New Venue 20200807 **/ .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; } /** New Menu Btn **/ .menubtn-block.alignleft{ text-align: left; } .menubtn-block .btn-col{ width: 45%; margin:4px 6px 4px 6px; } /** New Venue 20200807 **/ body.venues #main-content div.ck > div table{ table-layout: fixed; } body.venues #main-content div.ck > div table td{ display: block; width: 100% !important; padding:0px 0px 20px 0!important; } body.venues .menubtn-block{ padding-left: 0; } body.venues .menubtn-block .btn-col{ margin:5px 5% 5px 0; } .detail.venues-bottom table td{ width: 100%; padding:5px 10px; display: block; } /** New Wedding 20240808 **/ body.weddings #main-content div.ck > div table{ table-layout: fixed; } body.weddings #main-content div.ck > div table td{ display: block; width: 100% !important; padding:0px 0px 20px 0!important; } body.weddings .menubtn-block{ padding-left: 0; } body.weddings .menubtn-block .btn-col{ margin:5px 5% 5px 0; } /** ICON Birthday Page **/ .bd-slide-caption{ position: absolute; right: 0; left:0; top:30%; width:75%; margin:auto; display: block !important; } .stories-inner{ margin-left:auto; max-width: 90%; width:100%; } #dine-detail .info .table{ display:inline-block; width:auto; max-width: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; 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; } /** Travel Click Video **/ .tvs_wrapper:after { padding-top: 76.25%; } #vr-button span{ display: none; } /** New Career Video **/ .youtube-col{ width: 100%; margin:2% auto 2% auto; float:left; } /** New Shop Page **/ .shop-slider{ } .shop-slider .item{ margin: 0 5px 0 5px; } .shop-slider h3 a{ font-size: 18px; } .shop-inner{ max-width: 100%; width: 100%; padding: 40px 0px 10px 0px; } .shop-inner-btm{ padding: 10px 0px 20px 0; } .highlight-box{ border:thin solid #959477; border-left:0;border-right:0;padding: 10px 0 20px 0; } #shop-highlight { padding-left:0; padding-right: 0; } /*#shop-list-wrapper .slick-next{ right: -40px; top:50%; }*/ /*#shop-list-wrapper .slick-prev{ left: -40px; top:50%; }*/ #shop-list-wrapper .highlight { width: calc(100% - 80px); margin:30px 40px 20px 40px; } #shop-list-wrapper .info h2, #shop-list-wrapper .info h2 a{ font-size: 20px; } } @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; } /** Travel Click Video **/ .tvs_wrapper:after { padding-top: 96.25%; } /** New Menu Btn **/ .menubtn-block.alignleft{ text-align: center; } .menubtn-block .btn-col{ width: 100%; margin:4px auto 4px auto; } /** New Career Btn **/ .career-block .btn-col{ width: 100%; margin:4px auto 10px auto; } } @media only screen and (max-width: 499px) { .ui-datepicker { max-width: 256px !important; } /** Travel Click Video **/ /*.tvs_wrapper:after { padding-top: 106.25%; }*/ /** Lazy Load **/ #h-attractions .attraction > .images > div > img, #h-attractions .attraction > .images .slick-slide > img{ object-fit: cover; height: 200px; width: 100%; } #h-offers .attraction > .images > div > img, #h-offers .attraction > .images .slick-slide > img{ object-fit: cover; height: 200px; width: 100%; } #subbanner .caption{ top: 50%;transform: translateY(-40%); display: table; word-break: break-word; margin-top:auto !important;} #subbanner .caption .title{ font-size:16px; } #footer #f-sect1 #social-media a { margin: 0px 4px; } /** New wechat popup **/ #wechat-popup{ } #wechat-popup h2{ } .wechat-left{ float:none; width: 100%; padding-right: 0; text-align: center; } .wechat-right{ float:none; width: 100%; } .wechat-left img{ max-width:300px; } body.venues .menubtn-block, body.weddings .menubtn-block{ width: 100%; } .menubtn-block .btn-col a.button,.menubtn-block .btn-col.col-3 a.button{ max-width:100%; } } /* 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; padding-left: 10px; padding-right: 10px; } /* 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; } /* start book-now icon-engage */ #mobile-book-now{ display: none; background: #000000; color:#FFFFFF; text-align: center; margin:auto; position: fixed; bottom:0; left:0; right: 0; width:100%; z-index: 20; /*height:48px;*/ line-height: 48px; } #mobile-book-now a{ color:#FFFFFF; text-decoration: none; display: block; } @media only screen and (max-width:1222px) { #header-holder .book-now.desktop {display: none !important; } #mobile-book-now{ display: block; } #vr-button{ bottom:50px; } #header-holder .book-now {position: fixed !important; bottom:0; width:100%; text-align:center; top: initial !important; } //#header-holder #right-sect a.book-online {position: fixed; bottom:0; left:0; z-index: 999;} #header-holder .book-now a {width:100%; padding: .5em 0 !important; font-size: 15px !important;} #footer { margin-bottom: 3em;} } @media (min-width:1223px) {.book-now img{display:none;}} @media only screen and (max-width: 850px) {.icon-engage a{ width: 70px; } #header-holder #left-sect a.book-online{ width: 70px; } } @media only screen and (min-width: 851px) {.icon-engage a{ width: 110px; }} /* end book-now icon-engage */ .hidden { display: none; } .grecaptcha-badge { z-index: 1; } .social-media-login .col3 { width: 31%; float: left; margin: 1%; } .social-media-login { width: 60%; margin-left: auto; margin-right: auto; display: flex; } @media (max-width:550px) { .social-media-login { width: 100%; } } /** Travel Click Video **/ iframe#universal_pixel { display: none; } img#mobilePoster { display: block !important; } /*.nivo-caption { display:none; }*/ /** Travel Click Video **/ @media only screen and (max-width: 980px) { #booking-wrapper .apply { border: solid 1px #555; display: flex; } #booking-wrapper #booking-form input#promo { margin: 0; border-right: solid 1px #555; } } /** 2018 InContext Widget **/ .icbe-widget.ac1{ width: 100% !important; } .icbe-widget.sp1 { position: absolute; top: -200px; right: 100px; z-index: 10; } @media only screen and (max-width: 769px) { .icbe-widget.sp1 { position: relative; top: 0px; left:0; right: 0; z-index: 1; margin:auto; width:100%; } } /* signature dishes */ #signatures { text-align: center; max-width: 1200px; margin: auto; width: 80%; } #signatures .slick-prev { background-image: url(themes/prev.png); } #signatures .slick-next { background-image: url(themes/next.png); } #signatures .slick-prev, #signatures .slick-next { top: 40%; background-size: contain; } @media only screen and (min-width: 770px){ #signatures .slick-prev, #signatures .slick-next { width: 30px; height: 50px; } #signatures .item { padding: 0 1em; } } /** New Wedding 20240808 **/ #iconic-exp-slider { padding-top: 20px; margin: auto; } #iconic-exp-slider img { margin: auto; text-align: center; width: 100%; } .iconic-exp-bottom { padding: 40px 0; display: inline-block; background: #f4f4f1; width:100%; } #iconic-exp-bottom-slider { max-width: 80%; text-align: left; margin: auto; } .exp-left { float: left; width: 28%; margin-right: 2%; padding-top: 20px; } .exp-right { float: left; width: 70%; } .exp-left h1 { font-weight: bold; text-transform: capitalize !important; } .menu-dropbtn { font-size: 16px; border: none; cursor: pointer; } .menu-dropbtn:before { content: "\25bc"; float: right; color: #959476; } .menu-dropbtn:hover:before { color: #fff !important } .iconic-exp-bottom-buttons { max-width: 80%; text-align: left; margin: 25px auto 0; } .iconic-exp-bottom .button { } /* The container
- needed to position the dropdown content */ .btn-menu-dropdown { position: relative; display: inline-block; width: 100%; } /* Dropdown Content (Hidden by Default) */ .btn-menu-dropdown-content { display: none; position: absolute; background-color: #f9f9f9; border: 1px solid #f9f9f9; width: 100%; min-width: 160%; max-width: 275px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } /* Links inside the dropdown */ .btn-menu-dropdown-content a { color: #333; padding: 12px 16px; text-decoration: none; display: block; font-size: 16px; } /* Change color of dropdown links on hover */ .btn-menu-dropdown-content a:hover { background-color: #959476; color: #FFFFFF; } /* Show the dropdown menu on hover */ .btn-menu-dropdown:hover .btn-menu-dropdown-content { display: block; } #latest-article-wrapper { padding: 40px 0; } #latest-article-wrapper #article-list .article { width: 47%; margin: 30px 1.5%; display: inline-block; vertical-align: top; } #latest-article-wrapper #article-list .info { background: #f4f4f1; text-align: center; padding: 20px 50px; position: relative; color: #404040; font-family: 'SourceSansProRegular', Arial; font-size: 16px; } #latest-article-wrapper #article-list .info h2 { font-family: 'SourceSansProRegular', Arial; font-size: 26px; color: #959476 !important; text-transform: capitalize; font-weight: bold; } #latest-article-wrapper #article-list .info h2 a { color: #959476 !important; } #latest-article-wrapper #article-list .info .details { margin: 20px 0px; } @media only screen and (max-width:992px) { .btn-menu-dropdown-content { min-width: 100%; } .exp-left { float: none; width: 100%; margin-right: auto; padding-top: 20px; } .exp-right { float: none; width: 100%; padding-top: 20px; text-align:center; } #iconic-exp-bottom-slider .slick-prev{ left:-30px !important; } #iconic-exp-bottom-slider .slick-next{ right:-30px !important; } } @media only screen and (max-width:550px) { .iconic-exp-bottom .button{ width: 70%; } } /** New Wedding Gallery **/ #wedding-gallery-wrapper{ padding-top: 30px; max-width:90% !important; text-align:left !important; width:100%; display:inline-block; } @media only screen and (max-width:769px) { #wedding-gallery-wrapper{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important } } /** Residence Consulation Form **/ .link-green{ color:#959477 !important; text-decoration: underline !important; } .form-title{ font-size: 38px;text-align: center; color:#959477; padding-top:20px; } .consultationForm { width: 100%; margin: auto; padding-top:40px; padding-bottom: 40px; max-width:900px; border-spacing:10px !important;} .consultationForm td { } .consultationForm td > div { margin-bottom: 30px; } .consultationForm input.text { width: 300px; background-color: #ffffff; padding: 15px 25px; font-size: 18px; position: relative; /*z-index: 1;*/ border: none; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; color: #878787; } .consultationForm select { background-color: #ffffff; padding: 15px 25px; font-size: 18px; position: relative; z-index: 1; border: none; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; color: #878787; width: 100%; } .consultationForm textarea { width: 92%; /* width: 300px;*/ background-color: #ffffff; padding: 15px 25px; font-size: 18px; position: relative; /*z-index: 1;*/ height: 120px; border: none; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; color: #878787; } /*.consultationForm select { width:98%; }*/ /*.consultationForm textarea { width: 90%; }*/ .consultationForm td > div.col2 { float: left; width: 47% !important; margin-right: 3%; } .consultationForm td > div.col2 input.text, .consultationForm td > div.col2 select { padding: 15px 4% !important; width: 92% !important; } .consultationForm td > div.col2 select { width: 100% !important; } .consultationForm input[type="button"], .consultationForm input[type="submit"] { margin-top: 20px; min-width: 200px; cursor: pointer; } .consultationForm input[type="checkbox"]{ float: left; position: relative; top: 4px; margin-right: 20px; } .consultationForm input[type="radio"]{ display:inline-block; vertical-align:middle; position: relative; /*top: 4px;*/ margin-right: 20px; } label.check-label{ display:inline-block; width:calc(100% - 50px); vertical-align:middle; } .date-field{ position: relative; } .date-field i{ position: absolute; right:20px; top:12px; font-size: 26px; color:#959477;} .form-options{ display: inline-block; width: 100%; margin: 4px auto; } .consultationForm td hr{ width:100%; margin:10px auto 20px auto !important; } tr.form-sep{ display: none; } input.other-text{ max-width: 200px !important; } @media only screen and (max-width: 770px){ .consultationForm { border-spacing: 0px !important; padding-left:20px; padding-right: 20px; } input.other-text{ max-width: 65% !important; } } @media only screen and (max-width: 550px){ tr.form-sep{ display: block; height: 40px; } /*.consultationForm td{ padding:5px 0; }*/ .purpose-list .col2{ margin-bottom: 0px !important } .purpose-list{ } .consultationForm td > div.col2{ display: block; width:100% !important; } #h-facility.academy-latest .facilityContent .head3 { margin: 0 !important; } /** New footer 20240116 **/ #footer .f-col1 a{ margin-left:20px; margin-right:20px; } #footer .f-col1 a:last-child{ margin-left:20px; margin-right:20px; } #footer .f-col1 a:first-child{ display:block; width:100%; margin:0 0 20px 0; } #footer .f-col1 a:first-child img{ height:auto !important; max-height: 55px; max-width:100%; width:auto; } }