/* 
-------As Per Template Order----------
 mimpl-icon,mimpl-general,pushnotification */ 
/* 
-------Database List----------
File: mimpl-icon, SiteID: 13326
File: mimpl-general, SiteID: 13326
File: pushnotification, SiteID: 13326
 */
 /* 
-------cacheFileName----------
 key0635749D9BABBA6C969361855F604848B8BFF826118C13DDD6A6490E8E2A403D#2026-05-07T18--10--03 */ 

@font-face {
  font-family: 'mimiconfont';
  src: url('/fonts/mimiconfont.ttf?a4lgeg') format('truetype'),  url('/fonts/mimiconfont.woff?a4lgeg') format('woff'),  url('/fonts/mimiconfont.svg?a4lgeg#mimiconfont') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="mim-icon-"], [class*=" mim-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mimiconfont' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mim-icon-reception-bell:before { content: "\e915"; }
.mim-icon-webcam:before { content: "\e914"; }
.mim-icon-play:before { content: "\e913"; }
.mim-icon-linkedin:before { content: "\e912"; }
.mim-icon-search:before { content: "\e911"; }
.mim-icon-clock:before { content: "\e910"; }
.mim-icon-padlock:before { content: "\e90f"; }
.mim-icon-bed:before { content: "\e90c"; }
.mim-icon-camera:before { content: "\e90d"; }
.mim-icon-gift:before { content: "\e90e"; }
.mim-icon-wheelchair:before { content: "\e90b"; }
.mim-icon-globe-1:before { content: "\e909"; }
.mim-icon-coffee:before { content: "\e905"; }
.mim-icon-sunbed:before { content: "\e906"; }
.mim-icon-swimming-pool:before { content: "\e908"; }
.mim-icon-verified-1:before { content: "\e904"; }
.mim-icon-pin-1:before { content: "\e900"; }
.mim-icon-pawprint:before { content: "\e901"; }
.mim-icon-sunrise:before { content: "\e902"; }
.mim-icon-close-1:before { content: "\e903"; }
.mim-icon-angle-arrow-down:before { content: "\e977"; }
.mim-icon-add-plus:before { content: "\e976"; }
.mim-icon-add:before { content: "\e974"; }
.mim-icon-substract:before { content: "\e975"; }
.mim-icon-internet:before { content: "\e973"; }
.mim-icon-filled-circle:before { content: "\e970"; }
.mim-icon-placeholder:before { content: "\e96f"; }
.mim-icon-left-arrow-slider:before { content: "\e969"; }
.mim-icon-right-arrow-slider:before { content: "\e96a"; }
.mim-icon-phone-call:before { content: "\e960"; }
.mim-icon-small-calendar:before { content: "\e962"; }
.mim-icon-pin:before { content: "\e955"; }
.mim-icon-telephone-handle-silhouette:before { content: "\e956"; }
.mim-icon-minus-button:before { content: "\e94f"; }
.mim-icon-plus-button:before { content: "\e950"; }
.mim-icon-distance:before { content: "\e946"; }
.mim-icon-instagram-logo:before { content: "\e940"; }
.mim-icon-pinterest-logo:before { content: "\e941"; }
.mim-icon-calender-icon:before { content: "\e933"; }
.mim-icon-call:before { content: "\e934"; }
.mim-icon-facebook-icon:before { content: "\e936"; }
.mim-icon-location-icon:before { content: "\e938"; }
.mim-icon-twitter-icon:before { content: "\e93e"; }
.mim-icon-left-arrow:before { content: "\e92f"; }
.mim-icon-right-arrow:before { content: "\e930"; }
.mim-icon-bed1:before { content: "\e90a"; }
.mim-icon-down-arrow:before { content: "\e907"; }

@font-face { font-family: 'Poppins'; src: url('/fonts/poppins-bold.woff2') format('woff2'), url('/fonts/poppins-bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/fonts/poppins-regular.woff2') format('woff2'), url('/fonts/poppins-regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/fonts/poppins-medium.woff2') format('woff2'), url('/fonts/poppins-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
body, html { overflow-x: hidden; }
body { font-family: 'Poppins', sans-serif; font-size: 15px; color: #293b48; line-height: 26px; letter-spacing: 0.45px; background: #F5F4EF; }
body.desktop.page-ready.uk-offcanvas-container { overflow: unset; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; }
*+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 { font-weight: normal; }
.uk-container { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; }
a, button { outline: none; text-decoration: none; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -moz-transition: all 0.6s ease; }
a:hover, a:focus { text-decoration: none; color: #0959A1;}
select, input { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; }
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
}
.faq-ans.contentfocus {
  padding-right: 20px;
}
input, select, textarea, input[type="date"] { border: 1px solid #c5c5c5; width: 100%; height: 48px; line-height: 48px; padding: 0 12px; font-size: 18px; box-sizing: border-box; background: #fff; border-radius: 0; outline: none; resize: none; font-family: 'Din Pro', sans-serif; }
div#hotel-btn { margin-top: 5px; }
input:focus, select:focus, textarea:focus { border-color: #000; outline: none; }
.newline { display: block; }
.commentlable { margin-bottom: 4px; }
.frmfieldset { margin-bottom: 15px; }
.frmfieldset label, .frmfieldset span.asterisk { font-family: 'Din Pro', sans-serif; font-size: 14px; text-transform: uppercase; }
.frmfieldset input { font-family: 'Bell MT', sans-serif; }
#gdpr-rfp { font-size: 16px; line-height: 24px; margin: 20px 0 0 0; }
#gdpr-rfp a { color: #a05a26; /*text-shadow: 0 0 0 #a05a26;*/ }
#gdpr-rfp a:hover, #gdpr-rfp a:focus { border-bottom: 1px solid #a05a26; }
select::-ms-expand {
  display: none;
}
.frmfieldset textarea { font-family: 'Bell MT', sans-serif; min-height: 120px; display: block; }
img { max-width: 100%; height: auto; }
.boxspacer { height: 20px; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #000; background: #fff;opacity: 1 !important; }
.error-message { font-family: 'Din Pro', sans-serif; font-size: 15px; color: #d21818; }
.google-captcha-message .error-message { position: absolute; bottom: -22px; }
.uk-link, a { color: #000; }
.contentfocus:focus { outline: 1px solid #202a31; box-shadow: 0 0 2px #202a31 inset; -webkit-box-shadow: 0 0 2px #202a31 inset; -ms-box-shadow: 0 0 2px #202a31 inset; -moz-box-shadow: 0 0 2px #202a31 inset; }
.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover, a:focus, .uk-offcanvas-bar a:hover { color: #0959A1; text-decoration: none; }
body .pushItDown { margin-top: 0 !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #293b48; margin: 0; font-weight: 500;}
h1 { font-size: 50px; line-height: 60px; }
h2 { font-size: 25px; line-height: 40px; }
h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 14px; line-height: 22px; }
h5 { font-size: 12px; line-height: 20px; }
h6 { font-size: 10px; line-height: 18px; }
.uk-offcanvas-bar .uk-navbar-nav>li>a:active { color: #231f20; }
.main-content h1 { margin-bottom: 5px; }
.clear { clear: both; height: 0; }
.button { display: inline-block; height: 50px; padding: 0 30px; text-align: center; transition: 0.5s ease-out 0s; -webkit-transition: 0.5s ease-out 0s; cursor: pointer; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 50px; border: 1px solid #293b48; color: #293B48; background: transparent; }
.button:hover, .button:focus { background: #0959A1; color: #fff; outline: none; border: 1px solid #0959A1; }
.header-section.uk-container { padding-left: 30px; padding-right: 30px; max-width: 1200px; padding-top: 20px; padding-bottom: 20px; }
.logo:focus { outline: 1px solid #0959A1; }
.logosec { position: absolute; left: 50%; margin-left: -125px; }
#breadcrumb { display: none; padding: 35px 0 15px 0; }
#breadcrumb a { color: #0959A1; /*text-shadow: 0 0 0 #0959A1;*/ }
#breadcrumb a:hover, #breadcrumb a:focus { border-bottom: 1px solid #0959A1; }
.common-form-title { color: #293B48; text-transform: uppercase; font-size: 28px; }
div#contactus-form { margin-bottom: 20px; margin-top: 12px; }
.contact-location-wrap { margin-top: 22px; }
.outer-box { margin: 30px auto 0; text-align: center; padding: 40px; border: 2px solid #0959A1; max-width: 960px; width: 94%; }
.pro-txt { font-size: 28px; line-height: 38px; margin-bottom: 20px; text-align: center; text-transform: uppercase; }
.lockimg.mim-icon-locked-padlock { font-size: 80px; }
.vcard { font-size: 16px; line-height: 26px; margin-top: 12px; }
.vcard a:hover, .vcard a:focus { border-bottom: 1px solid #0959A1; }
.click-logo { padding: 20px 0; }
.fn { font-weight: 700; font-size: 18px; margin-bottom: 4px; }
.click-logo img { width: 288px; }
.container980, .container1080, .container1260 { max-width: inherit; margin: 0px auto; width: 100%; box-sizing: border-box; }
.container1260 { padding: 0 20px; }
ul, ol { margin: 0; padding: 0; list-style: none; }
.ul-common ul { padding: 20px 0; }
.ul-common li { padding-left: 15px; position: relative; padding-bottom: 0; padding-top: 0; list-style: none; }
.accordion-section.accessibility .ul-common li { list-style: disc inside; padding-left: 20px; }
.accordion-section.accessibility a:hover, .accordion-section.accessibility a:focus { color: #0959A1; text-decoration: underline; }
.ul-common li:before { content: "\e917"; position: absolute; left: 0; top: 0; color: #a05a26; font-size: 5px; font-family: 'mimiconfont'; }
.ul-common li a { color: #000; /*text-shadow: 0 0 0 #000;*/ }
.ul-common li a:hover, .ul-common li a:focus { border-bottom: 1px solid #000; }
div#adawebsiteconformance ul li { list-style: disc inside; padding-left: 20px; }
body .H_ib_body { background: #fff; right: -143px !important; bottom: 65px; padding: 20px 10px; }
body .H_ib_body:after { position: absolute; left: 0; bottom: -15px; content: ''; width: 0; height: 0; border-top: 15px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent; left: 50%; transform: translate(-50%, 0); }
.map-list-box { width: 95%; }
body.contact-us .H_ib_body { width: 280px; right: 50% !important; transform: translateX(50%); bottom: 3em; }
body .H_ib_tail { display: none; }
.popupadd { color: #323232; }
h2.mappop-title { font-size: 20px; line-height: 28px; margin-bottom: 0px; text-transform: capitalize; }
.map-name { padding: 0 0 10px 0; font-size: 20px; font-family: 'Din Pro', sans-serif; font-weight: 500; letter-spacing: 0.05em; }
.map-address { padding: 0 0 10px 0; font-family: 'Din Pro', sans-serif; font-size: 15px; }
.map-phone { font-family: 'Din Pro', sans-serif; font-size: 15px; }
.map-phone a { color: transparent; text-shadow: 0 0 0 #000; }
.map-phone a:hover, .map-phone a:focus { border-bottom: 1px solid #000; }
#gmap_canvas a.mapinnerbox_btn { border-bottom: 1px solid #000; }
.contact-form-wrapper a.mapinnerbox_btn { display: none; }
.popup-phone { color: #323232; }
.location a.mapinnerbox_btn, .loactionmap-box a.mapinnerbox_btn { display: none; }
body svg.H_icon { fill: #293b48; }
body svg.H_icon:hover, body svg.H_icon:focus { fill: #0959A1; }
body .H_zoom svg.H_icon, body .H_ctl svg.H_icon { fill: #fff; }
.mapinnerbox_title { color: #293b48; font-size: 16px; font-weight: bold; }
.mapinnerbox_snippet, .mapinnerbox_address { color: #293b48; }
.mapinnerbox_btn { display: none; }
.thingsdetail a.mapinnerbox_btn { margin-right: 10px; position: relative; }
.thingsdetail a.mapinnerbox_btn:after { content: ""; background: #000; position: absolute; right: -8px; top: 4px; width: 1px; height: 10px; }
.thingsdetail a.mapinnerbox_btn:last-child:after { content: none; display: none; }
a.read-more, a.learn-more-link, .button-link { line-height: 20px; display: inline-block; font-size: 12px; font-weight: 500; color: #293B48; position: relative; border-bottom: 1px solid transparent; text-transform: uppercase; }
a.read-more:hover, a.read-more:focus, a.learn-more-link:hover, a.learn-more-link:focus { border-bottom: 1px solid #293b48; }
.home-features-snippet a.learn-more-link:hover, .home-features-snippet a.learn-more-link:focus { border-bottom: 1px solid #fff; }
.home-features-snippet a.learn-more-link:hover:after { right: -20px; }
.home-features-snippet .learn-more-link:hover:after { right: -20px; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -moz-transition: all 0.6s ease; }
.read-more:after, .learn-more-link:after, .button-link:after { content: '\e930'; position: absolute; right: -15px; top: 0px; font-size: 11px; font-family: 'mimiconfont'; font-weight: bold; }
.read-more:after { content: '\e950'; font-size: 12px; right: -17px; }
.read-more.active:after { content: '\e94f'; }
.expand-zigzag a { color: #293b48; padding-bottom: 0px; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid transparent; letter-spacing: 1.2px; }
.expand-zigzag a:hover, .expand-zigzag a:focus { border-bottom: 1px solid #000; }
.expand-zigzag .active .zig-less { display: inline-block; }
.full-text, .expand-zigzag .zig-less, .expand-zigzag .active .zig-more { display: none; }
.full-text { margin: 10px 0 0 0; }
.expand-zigzag { margin-top: 30px; }
.column31, .column32, .column33, .column21, .column22 { float: none; width: 100%; }
.column31 ul, .column32 ul, .column33 ul, .column21 ul, .column22 ul { margin-bottom: 0; }
.ul-common .column31 ul, .ul-common .column32 ul, .ul-common .column33 ul { margin-bottom: 0; }
.pkg-btn { margin-top: 20px; }
.site-map-wrap ul { padding: 0; margin-bottom: 20px !important; }
.sitemappadbottom { border-bottom: 1px solid lightgray; margin-bottom: 13px; }
article.box2.sitemappadbottom:last-child { border: none; margin-bottom: 0; }
.site-map-wrap.fourofour h1 { max-width: 1280px; margin: 0 auto; padding: 0 20px; padding-bottom: 0px; display: block; }
#gdpr-privacy ul { margin: 0; padding: 0px 0 0 4px; }
.gdpr-content h2 { margin: 0 0 10px 0; font-size: 20px; }
.gdpr-content h3 { margin: 0 0 10px 0; font-size: 20px; }
.gdpr-content .column21 { margin-top: 10px; }
.gdpr-content .column31 { margin-top: 15px; }
.gdpr-content .column22 { margin-bottom: 20px; }
#gdpr-privacy ul li { position: relative; padding-left: 20px;}
#gdpr-privacy ul li::before { content: " "; width: 6px; height: 6px; background-color: #5c6771; position: absolute; left: 0; border-radius: 50%; top: 10px; }
#gdpr-privacy ul li.padbttom { padding-left: 20px; }
#gdpr-privacy ul li.padbttom:before { content: none; }
#gdprformsection label { width: auto; margin-right: 5px; display: block; margin-bottom: 10px; }
input#gdpremail { width: unset; }
#gdprformsection input { max-width: 100%; margin-bottom: 20px; }
#gdprformsection #gdprsubmit { max-width: 110px; cursor: pointer; background: #0959A1; color: #fff; border: 1px solid #0959A1; margin-bottom: 0; text-transform: uppercase; line-height: 50px; transition: 0.5s; font-family: 'Din Pro', sans-serif; font-size: 13px; letter-spacing: 0.12em; white-space: nowrap; font-weight: 600; }
#gdprformsection #gdprsubmit:hover, #gdprformsection #gdprsubmit:focus { background: transparent; color: #293B48; border: 1px solid #293b48; }
.accessibility h2 { margin-bottom: 10px; }
#gdprformsection { margin-top: 20px; }
.ada-confirmation .gdpr-content ul { padding: 0 0 0 20px; list-style: disc; }
.ada-confirmation h2 { margin: 10px 0; }
.ada-confirmation .boxspacer { height: 20px; }
#gdpr-emailoffer { margin-top: 12px; line-height: 24px; font-size: 18px; }
.commentcoderow { margin-top: 15px; }
.mbt-30 { margin-top: 30px; }
.commentcoderow .google-captcha-code { margin-right: 15px; display: inline-block; position: relative; margin-bottom: 6px; }
.contact-thanks .excontainer, .email-thanks .excontainer { padding: 0; }
.commentcoderow .commentcodecol5 { margin-top: 20px; display: inline-block; }
#rfpform .ada-datepicker { position: relative; }
#rfpform .ada-datepicker button { width: 28px; top: 10px; right: 8px; border: 1px solid transparent; cursor: pointer; }
#rfpform .ada-datepicker button:hover, #rfpform .ada-datepicker button:focus { border-color: #000; }
.er-maindiv { width: 100%; clear: both; display: table; margin-top: 25px; }
.ada-datepicker { position: relative; }
button.ui-datepicker-trigger { width: 28px; height: 28px; display: inline-block; position: absolute; top: 8px; right: 12px; border: none; background: transparent; padding: 0; border: 1px solid transparent; cursor: pointer; }
button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus { border-color: #000; }
.faq li { border-top: 1px solid #c5c5c5; padding: 20px 0; }
.accordion-container .faq li { border-bottom: 1px solid #c5c5c5; }
.faq .uk-accordion-content li { padding: 0; border-top: none; }
.location .faq .uk-accordion-content li { padding: 0; border-top: none; padding-left: 20px; padding-bottom: 5px; }
.faq a.uk-accordion-title { line-height: normal; font-size: 24px; position: relative; padding-top: 0; padding-bottom: 0; border-bottom: none; color: #202a31; }
.faq a.uk-accordion-title h3 { margin-bottom: 8px; }
.faq a.uk-accordion-title:hover, .faq a.uk-accordion-title:focus, .faq li.uk-open a.uk-accordion-title { border: none; color: #953231; }
.covid-accordian h2 { margin-bottom: 20px; }
.faq .uk-accordion-content { margin-top: 15px; margin-bottom: 15px; }
.faq .uk-accordion-content ul { padding-left: 0; margin-bottom: 0; margin-top: 0; }
.faq a.uk-accordion-title:after { content: "\e90c"; font-family: 'mimiconfont' !important; color: #202a31; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: bold; text-shadow: 1px 1px 1px #fff; }
.faq li.uk-open a.uk-accordion-title:after { content: "\e90d"; color: #953231; }
.faq a.uk-accordion-title:hover:after, .faq a.uk-accordion-title:focus:after, .faq a.uk-accordion-title:hover h3, .faq a.uk-accordion-title:focus h3, .faq li.uk-open a.uk-accordion-title h3 { color: #953231; }
.totop { position: fixed; right: 5px; width: 45px; text-align: center; height: 45px; border-radius: 50%; bottom: 15px; display: none; z-index: 1; }
.totop svg { display: none; }
.totop a span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(180deg); }
.totop a { color: #fff; padding: 0; display: block; line-height: 41px; height: 46px; background-color: #000; border: none; border: 2px solid #000; width: 46px; border-radius: 50%; font-weight: bold; }
.totop a:hover, .totop a:focus { background: #fff; color: #000; border-color: #000; }
.email-offers .uk-container.container990 { max-width: 1200px; }
.email-offers .main-content img { width: 100%; }
.review-margin { border-bottom: 1px solid #dddddd; }
.formslable { display: none !important; }
a.has-link { text-shadow: 0 0 1px; }
body.booking-click-page #teconsent { display: none !important; }
.viewlargediv a { color: transparent; text-shadow: 0 0 0 #000; }
.viewlargediv a:hover, .viewlargediv a:focus { border-bottom: 1px solid #000; }
.goback { width: 100%; display: inline-block; text-align: center; padding: 30px 0; }
.intro-content .goback h2 { margin: 0; }
#msCookieBanner { font-size: 16px !important; line-height: 26px !important; height: auto !important; max-width: 96%; position: fixed; top: inherit !important; bottom: 20px; z-index: 1001; background-color: #000000 !important; color: #FFFFFF !important; padding: 10px 20px; border-radius: 7px; margin: 0 2%; display: flex; flex-direction: column; border: none !important; }
div#msCookieBanner a { text-transform: capitalize; }
#msCookieBanner .left { width: 100% !important; padding: 0 0 10px 0; text-align: center !important; }
#msCookieBanner .right { width: 100% !important; text-align: center; }
#msCookieBanner .right button { font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 14px; border: none !important; padding: 5px; background: none !important; color: #fff !important; cursor: pointer; text-transform: uppercase; }
#msCookieBanner .right button:focus, #msCookieBanner .right button:hover { color: #0959a1 !important; }
#msCookieBanner a, #msCookieBanner a:link, #msCookieBanner a:visited { color: #fff; border-bottom: 1px solid #fff !important; }
#msCookieBanner a:hover, #msCookieBanner a:focus { color: #0959a1 !important; border-bottom: 1px solid #0959a1 !important; }
.ui-datepicker, .ui-datepicker table, .ui-widget-content .ui-state-default, .ui-datepicker-month, .ui-datepicker-year { font-family: 'Poppins', sans-serif; font-size: 14px !important; color: #000; }
.booking-click-page { display: flex; justify-content: center; align-items: center; height: 100vh; overflow-y: scroll; padding: 0 20px; }
.site-map-box { margin: 0 0 15px; }
.site-map-box ul li { list-style: disc inside; }
.site-map-box ul li a { border-bottom: 1px solid transparent; }
.site-map-box ul li a:hover, .site-map-box ul li a:focus { border-bottom-color: #0959A1; color: #0959A1 }
.lockimg { font-size: 128px; }
.oh { border-right: 1px solid #323232; font-size: 25px; margin-right: 12px; padding-right: 15px; }
.errTop { font-size: 18px; text-align: center; }
.er, .errSugg { font-size: 18px; }
.snippet-404-box { text-align: center; }
.er-or { text-align: center; font-size: 30px; font-weight: 700; }
.er-contentbox-wrap { width: 100%; float: left; margin: 0 0 10px 0; position: relative; text-align: center; }
.er-or { text-align: center; margin: 20px 0; }
.er-back { text-align: center; padding-top: 20px; padding-bottom: 30px; }
@media all and (min-width: 768px) {
  .commentcoderow { padding: 0; }
}
@media all and (min-width: 961px) {
  .container980 { max-width: 980px; }
  .container1260 { max-width: 1280px; }
  .container1080 { max-width: 1080px; }
  .uk-width-1-12 { width: 8.333%; }
  .uk-width-2-12 { width: 16.666%; }
  .uk-width-3-12 { width: 25%; }
  .uk-width-4-12 { width: 33.333%; }
  .uk-width-5-12 { width: 41.666%; }
  .uk-width-6-12 { width: 50%; }
  .uk-width-7-12 { width: 58.333%; }
  .uk-width-8-12 { width: 66.666%; }
  .uk-width-9-12 { width: 75%; }
  .uk-width-10-12 { width: 83.333%; }
  .uk-width-11-12 { width: 91.666%; }
  h1 { font-size: 36px; line-height: 44px; }
  h2 { font-size: 30px; line-height: 38px; }
  .snippet-head { margin-bottom: 26px; }
  .dining-content h2 { font-size: 30px; }
  .moreless { display: none; }
  #breadcrumb { display: block; }
  h5 { font-size: 20px; line-height: 30px; }
  .read-more-less-btn { margin: 20px 0; }
  .expand-zigzag { margin-top: 34px; }
  div#middle { position: relative; z-index: 2; background: #000; }
  .excontainer { padding: 50px 0; }
  .mbt-50 { margin-top: 50px; }
  .common-wrapper { padding: 50px 0; background: #f2ebe3; position: relative; }
  .email-offers .common-wrapper { background: #fff; padding: 30px 0; }
  .thingsdetail div#breadcrumb { padding-top: 18px; }
  .column31, .column32, .column33 { width: 32%; padding-right: 10px; float: left; }
  .column33 { float: right; padding-right: 0; }
  .column21, .column22 { float: left; width: 48% }
  .column22 { float: right; }
  #gdpr-privacy h2 { margin: 0 0 10px 0; font-size: 26px; }
  #gdpr-privacy h3 { margin: 0 0 10px 0; font-size: 24px; }
  #gdpr-privacy .column21, #gdpr-privacy .column22 { margin: 15px 0; }
  .ada-confirmation h2 { font-size: 26px; }
  .boxspacer { display: block; }
  .er-contentbox-wrap { width: 24%; margin: 0 1.33% 0 0; }
  .er-maindiv .er-contentbox-wrap:nth-child(4) { margin: 0; }
  #msCookieBanner { line-height: 65px !important; height: 65px !important; max-width: 900px; left: 50%; transform: translateX(-50%); padding: 0 20px; flex-direction: row; margin: 0 auto; }
  #msCookieBanner .left { width: 80% !important; padding: 0; text-align: left !important; }
  #msCookieBanner .right { width: 20% !important; text-align: right; }
}
@media all and (min-width: 1024px) {
  .totop { display: none; }
}
@media all and (max-width: 1024px) {
  .uk-link, a { color: #0959A1; }
}
@media all and (max-width: 767px) {
  .innerpage div#middle {
    margin-top: 95px;
  }
  .innerpage .uk-sticky-placeholder {
    height: 0 !important;
  }
  h3, .uk-slider-items h3 { font-size: 18px; }
  ul.thingstodo_tab_navigation li:last-child { display: none; }
  .button { padding: 0 20px; }
  #msCookieBanner { margin-bottom: 90px !important }
  h1, h2 { font-size: 22px; line-height: 35px; letter-spacing: 0.45px; }
  #adawebsiteconformance a {word-break: break-word;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .inner-middle#middle {
    height: 600px;
    overflow: hidden;
    position: relative;
  }
  .inner-middle#middle .uk-background-cover {
    position: absolute;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
  }

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #gdprformsection input {width: 300px;}
}

/* -------- Box Shadow -----------------*/

.badge {
  position: absolute;
  top: 341px;
  right: 30px;
  z-index: 9;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Optional: Add a subtle shadow */
  background: url('https://assets.milestoneinternet.com/surfside-hotel-and-suites/badge-image.png') center center no-repeat;
  background-size: cover;
  background-color: #000;
}

.badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: rgba(0, 0, 0, 0.3); /* Adjust the alpha value for the desired transparency */
}

.badge p{
  padding: 30px;  color: #fff;/*color: transparent;*/text-shadow: 0 0 #fff; z-index: 10;
}

@media (max-width: 768px) {
  .badge {
    top: 190px;
    width: 200px;
    height: 200px;
    font-size: 1em;
  }
}

@media (max-width: 480px) {
  .badge {
    right: 20px;
    width: 130px;
    height: 130px;
    font-size: 0.6em;
  }
  .badge p{padding: 13px;}
}

.accommodations-snippets-div .uk-slideshow {
  position: relative;
}
.accommodations-snippets-div .uk-slidenav-previous {
  margin-left: 50px;
  background: #293B48;
  color: #fff;
}
.accommodations-snippets-div .uk-slidenav-next {
  background: #293B48;
  color: #fff;
}
/* Home video */
/* Video */
.hero-image {
  width: 100%;
  max-width: 1920px;
  margin: auto;
  position: relative;
  overflow: hidden;
  height: auto;
}
.home-video__container {
  width: 100%;
  max-width: 100%;
}
.home-video__block {
  width: 100%;
}
.home-video__title {
  z-index: 1;
  max-width: 700px;
  color: transparent;
  text-shadow: 0 0 0 rgba(255, 255, 255, 1);
  text-align: center;
  position: absolute;
  top: 52%;
  left: 0;

  transform: translateY(-40%);

  right: 0;
  margin: 0 auto;
}
.home-video__block video {
  width: 100%;
  height: 100vh;

  object-fit: cover;
}
.home-video__actions {
  z-index: 8;
  position: absolute;
  left: 5px;
  bottom: 0px;
}
@media only screen and (min-width:1500px){
  .home-video__actions {
    bottom: 250px;
  }
}
.home-video__trigger {
  width: 30px;
  height: 30px;
  min-height: 30px;
  color: #ffffff;
  background: #254f39;
  border-radius: 4px;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
  margin: 30px;
  text-transform: capitalize;
  padding: 0 10px;
  line-height: 30px;
}
.home-video__actions.is-active .home-video__trigger,
.home-video__trigger:hover,
.home-video__trigger:focus {
  width: 80px;
  height: 80px;
}
.home-video__trigger:hover .home-video__trigger-text,
.home-video__trigger:focus .home-video__trigger-text {
  display: block;
}
.is-off {
  display: none;
}
.home-video__actions.is-active .home-video__trigger .is-off {
  display: block;
}
.home-video__actions.is-active .home-video__trigger .is-on {
  display: none;
}
.home-video__actions-more {
  display: none;
  position: absolute;
  bottom: 110px;
  left: 30px;
}
.home-video__actions.is-active .home-video__actions-more {
  display: block;
}
.home-video__trigger-icon {
  display: flex !important;
  justify-content: center;
  width: 18px;
  height: 11px;
  margin: auto !important;
}
.home-video__trigger-text {
  display: none;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 10px;
}
.home-video__btn {
  width: 80px;
  height: 80px;
  color: #fff;
  display: flex;
  line-height: 1.5;
  margin-bottom: 3px;
  background: #cc4319;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0;
  opacity: 0.9;
  font-size: 11px;
  padding: 0 5px;
  flex-direction: column;
  text-transform: capitalize;
  letter-spacing: 0;
  transition: all 0.3s ease;
  font-weight: 400;
}
.home-video__btn:hover,
.home-video__btn:focus {
  background: #254f39;
}
.home-video__btn .is-off,
.home-video__btn.active .is-on {
  display: none;
}
.home-video__btn .is-on,
.home-video__btn.active .is-off {
  display: block;
}
.home-video__btn .uk-icon {
  display: block;
  margin-bottom: 8px;
}
.hero-image-wrap.home-video__block {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  background-size:cover;
}
.uk-position-relative.hero-slideshow {
  padding-top: 36px;
}
.hero-image-wrap.home-video__block iframe {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
}
.hero-image-wrap.home-video__block:after {
  content: none;
  background: transparent
    linear-gradient(180deg, #084877 0%, #0a375d 22%, #ffffff00 100%) 0% 0%
    no-repeat padding-box;
  mix-blend-mode: multiply;
  opacity: 0.45;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

@media (max-width:767px){
  .home-video__actions.is-active .home-video__trigger {
    width: 30px;
    height: 30px;
    margin: 0 15px 10px;
  }
  .home-video__trigger:hover, .home-video__trigger:focus {
    width: 30px;
    height: 30px;
  }
  .home-video__trigger {
    margin: 0 0 10px 15px;
  }
  .home-video__actions-more {
    bottom: 40px;
    left: 15px;
  }
  .home-video__btn {
    width: 30px;
    height: 30px;
    text-indent: -9999px !important;
    min-height: 30px;
    line-height: 0px;
    border-radius: 4px;
  }
  .home-video__btn .uk-icon {
    margin-bottom: 0;
    text-indent: 0;
    line-height: 30px;
  }
  .home-video__btn .is-on, .home-video__btn.active .is-off {
    display: flex;
  }
  .home-video.js-home-video {
    width: 150%;
  }
}
/*--- Offline css--- */
.offlinebtn {
  width: 170px;
}

/*--- Offline css--- */

/*---Pop Up  css--- */
.allow-direction-box{
  display: none;
}
.allow-direction-box.active-box {
  background-color: rgba(238, 238, 238, 0.9);
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.allow-direction-box.active-box > img {
  display: block;
  margin: 80px auto 0;
  text-align: center;
}
.notification-popup {
  border-bottom: 0;
  opacity: 0;
  position: fixed;
  top: 190px;
  visibility: hidden;
  z-index: 20;
  width:0;
  text-align: center;
}
.notification-popup.newuser-active-it{
  opacity: 1;
  visibility: visible;
  right:20px;
  width:auto;
  min-height:200px;
  background: #F5F4EF;
  width:320px;
  padding: 0 25px 40px 25px;
  border-radius: 4px;
  box-shadow: 1px 5px 10px rgba(0,0,0,0.8);
}
.allow-disallow-btn {
  padding: 0 10px;
}
.notification-popup a.btn-common.btn-primary {
  min-width: inherit;
  width: 100%;
}
.notification-inner {
  width:100%;
  position: relative;  
  padding:65px 0px 15px 0px;
  box-sizing: border-box;
}
.alert-msg::before {
  content: '\e915';
  font-family: mimiconfont;
  font-size: 40px;
  cursor: default;
  height: 45px;
  left:50%;
  position: absolute;
  top: 10px;
  width: 44px;
  margin:0 0 0 -22px;
}
.alert-msg {font-size: 20px; font-weight: 900; letter-spacing: 0.5px;}
.allow-disallow-btn .donotallowbtn {display:none; width:49.85%; float: left;}
.allow-disallow-btn > div a.button:link, .allow-disallow-btn > div a.button:visited {
  border-radius: 0;
  width: 100%;
  font-family: roboto,sans-serif;
  font-weight: 500;
}
.allow-disallow-btn > div.donotallowbtn a.button:link, .allow-disallow-btn > div.donotallowbtn a.button:visited {
  border-radius: 0;
  width: 100%;
}
.allow-disallow-btn::after {
  clear: both;
  content: " ";
  position: relative;
}
.mim-icon-plus-button.prompt-close {
  position: absolute;
  left: -10px;
  top: -14px;
  cursor: pointer;
  background: #F5F4EF;
  border-radius: 100%;
  font-size: 30px;
  color: #0959A1;
  text-align: center;
  font-weight: 800;
  line-height: 30px;
  z-index: 2;transition: 0.5s all;
  transform: rotate(45deg);
}
.mim-icon-plus-button.prompt-close:hover, .mim-icon-plus-button.prompt-close:focus {color:#1C66A8;}
.allowbtn .btn-primary.uk-button.btnWhite { color: #000; border-color: #FFF; background: #FFF;font-weight: 700; font-family: 'Montserrat', sans-serif;transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s;}
.allowbtn .btn-primary.uk-button.btnWhite:hover, .allowbtn .btn-primary.uk-button.btnWhite:focus {color: #fff; background-color: rgba(0,0,0,0); transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; border-color: #FFF;}
.notification-checkbox {	
  margin-top:14px;
  font-size: 16px;
}
.donotallowbtn {
  padding-right:10px;
}
/*---Pop Up css END--- */



/* Start: For notification popup  Tablet*/
.pwa-tablet .notification-popup {	
  position: fixed;
  right: 0;
  top: 20%;
  z-index:11;
  left: 0;
  margin: 0 auto;	
  width: 425px !important;
}


/* End: For notification popup */


/*mobile-css*/
.pwa-mobile .notification-popup {
  top: 120px;
  width: 80% !important;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.pwa-mobile .notification-inner {
  width: 100%;	
}
.pwa-mobile .notification-popup.newuser-active-it {	
  /*min-height: 200px;	
  z-index: 11;*/
}
.pwa-mobile .allow-disallow-btn>div {
  width: 220px;
  margin: 0 auto;
}
.pwa-mobile .locator-checkbox{
  margin-top: 8px;
}
.pwa-mobile .alert-msg{
  font-size: 14px;
}

/*ends here*/	
#ftpwanotification {
  padding-top: 10px;
}
.footer-pwa-block {
  display: block;
}
.active-it .footer-pwa-block {
  display: none;
}
#ftpwanotification a {
  color: #2C2E16;
  font-size: 17px;
  position: relative;
  letter-spacing: 0.18px;
  line-height: 37px;
}
#ftpwanotification a:hover, #ftpwanotification a:focus { text-decoration: underline;}
#ftpwanotification a::before {
  content: "\e915";
  font-family: mimiconfont;
  position: absolute;
  right: -25px;
  top: -3px;
  line-height: 25px;
}
a.uk-button.uk-button-primary:focus, a.uk-button.uk-button-primary:hover {
    color: #fff;
}
@media only screen and (max-width: 767px){
  .pwa-mobile .allow-disallow-btn>div {
    width: 100%;
    margin: 0 auto;
  }
  #ftpwanotification {
    text-align: center;
  }
 /* #ftpwanotification a {
    color: #fff;
  }*/
}
/*cache version*/