/**Dream Island**/

/*@import url("https://p.typekit.net/p.css?s=1&k=rxk2gkt&ht=tk&f=28478.28479.28480.28481.28482.28483.28484.28485.28486&a=16823177&app=typekit&e=css");*/
@import url("https://p.typekit.net/p.css?s=1&k=enz5bdj&ht=tk&f=28484.28486&a=3094097&app=typekit&e=css");


/*@font-face {
font-family:"mrs-eaves";
src:url("https://use.typekit.net/af/b80d9a/00000000000000003b9adc0d/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3") format("woff2"),
    url("https://use.typekit.net/af/b80d9a/00000000000000003b9adc0d/27/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3") format("woff"),
    url("https://use.typekit.net/af/b80d9a/00000000000000003b9adc0d/27/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:400;
}*/

@font-face { font-family: "mrs-eaves"; src: url("https://use.typekit.net/af/b80d9a/00000000000000003b9adc0d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/b80d9a/00000000000000003b9adc0d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/b80d9a/00000000000000003b9adc0d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; }

@font-face { font-family: "mrs-eaves"; src: url("https://use.typekit.net/af/fb6d0c/00000000000000003b9adc0f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/fb6d0c/00000000000000003b9adc0f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/fb6d0c/00000000000000003b9adc0f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; }

/*.tk-mrs-eaves { font-family: "mrs-eaves",serif; }*/

body { color: #4a4754; font-size: 20px; background: #f4f2e9; }
#SiteGrid { overflow: hidden; }
h1, h2 { display: inline-block; position: relative; line-height: 0.8; margin: 0; color: #4a4754; }
h3 { margin-bottom: 15px; }
h1:after, h2:after { content: ''; display: block; width: 80px; height: 1px; background: #ECB816; margin: 20px auto 25px; }
h2:after { margin: 20px auto; }
.section-title { margin-bottom: 0; }
.grid-rows .grid-row { color: #4a4754; }
span.topAddress { display: none; }
.homepage-grid .grid-row-section { padding-bottom: 80px; margin-bottom: 0; }
.home-page .IframeFeatureContainer { bottom: 115px; }
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; display: none; }
#home-gallery .opacity-layer { display: none; }

body.accessabilityMainPage #GridContent { margin-top: 0 !important; }

/*General Transition Styles*/
a, #DynamicFormObject input[type=submit] { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
div#header-top-strip { transition: none; color: #001846; display: flex; justify-content: center; align-items: center; font-size: 80%; padding-bottom: 35px; }
#header-top-strip .topStripContainer a { position: absolute; width: 100%; left: 0; top: 0; padding: 10px; text-align: center; background-color: #F4F2E9; }

/*General Button Styles*/
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, #FormResultPage #text1 a { width: 140px; height: 40px; background: none; border-radius: 0; border: 1px solid #4a4754; margin-top: 44px; color: #4a4754; font-size: 90%; line-height: 38px; padding: 0; }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-text .sec-button:hover, .grid-text .sec-button:focus { background: none; color: inherit; }

.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-text .sec-button:hover, .grid-text .sec-button:focus,
#FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus { background: #001846; color: #fff; }

/*General Form Styles*/
#DynamicFormObject { color: #4a4754; }
#DynamicFormObject input[type=submit] { background: #001846; font-size: 90%; letter-spacing: -0.18px; }
#DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus { background: #ebb71c; border: 0; color: #4a4754; }
.normal-form input, .normal-form textarea { background: #fff; font-size: 85%; letter-spacing: -0.17px; }
#DynamicFormObject input[type=submit], .normal-form input, .normal-form textarea { width: 100%; max-width: 100%; height: 40px; border: none; border-radius: 0; }
.normal-form input, .normal-form textarea { color: #4a4754; padding-right: 15px; }
.normal-form textarea { width: 100%; height: 100px; background: #fff; }
label.error, span.error { top: 10px; font-size: 75%; }

#home-gallery { overflow: visible; }
#home-gallery .gallery-logo { width: 100%; }

.grid-rows .grid-row { background: none; }
.grid-rows .grid-row-text { text-align: center; }
.grid-rows .grid-row-text p, .home-page .grid-text p { font-size: 80%; line-height: 1.5; }
.grid-text p { margin-top: 0; line-height: 1.1; }
.grid-rows .grid-row-text h3 { font-weight: bold; margin: 0 0 15px 0; font-size: 80%; }
.homepage-grid .grid-text-section .grid-text h2 { font-size: 80%; font-weight: bold; letter-spacing: unset; line-height: unset; }
.homepage-grid .grid-text-section .grid-text h2:after { content: none; }
.homepage-grid .grid-text-section .grid-text-content { max-width: 350px; padding: 0; }
.homepage-grid .grid-text-section .section-animation-item { margin-top: 0; opacity: 1; }
.homepage-grid .grid-text-section > div { max-width: 540px; margin: 0 auto; background: #fff; }
.homepage-grid .grid-text-section .section-title { padding-top: 40px; }
.homepage-grid .grid-text-section .grid-text { padding-bottom: 44px; }

/*Header*/
#header2 { background: #fff; padding: 11px 10px; box-shadow: 11.3px -4.1px 40px 0 rgba(74, 71, 84, 0.15); -webkit-box-shadow: 11.3px -4.1px 40px 0 rgba(74, 71, 84, 0.15); }
#header2 .max-width { max-width: 1360px; }
#header2 .menu-nav { margin-top: 0; }
#header2 ul.menu { margin-bottom: 0; }
#header2 ul.menu li { color: #141414; }
#header2 .header-top { padding: 0; position: absolute; width: auto; left: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#header2 .header-top .address { font-size: 85%; font-weight: bold; color: #001846; }
#header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu li:focus { color: #141414; background: none; }
#header2 ul.menu li a { border-bottom: 1px solid transparent; }
#header2 ul.menu li.active > a, #header2 ul.menu li:hover > a, #header2 ul.menu li:focus > a { color: inherit; background: none; border-bottom-color: #ebb71c; }
#header2 ul.menu > li:before { content: none; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }
#header2 .header-top-left a { width: 31px; height: 31px; margin: 0; }
#header2 .header-top-left a.social_icon_instagram { content: ''; width: 33px; height: 33px; background: url('../../../warehouse/temp/dreamisland/headerIGIcon.png'); background-size: cover; background-position: center center; }
#header2 .header-top-left a.facebook_icon_instagram { content: ''; width: 33px; height: 33px; background: url('../../../warehouse/temp/dreamisland/headerFBIcon.png'); background-size: cover; background-position: center center; margin-left: 10px; }
#header2 .header-top-left svg { opacity: 0; }
span.bottomAddress { display: none; }
.has-sub i.opensub { font-weight: 400; font-size: 90%; }
#header2 #header-left { width: 98px; }
#header2 ul.menu li .menu-sub a { width: auto; }

#header2 .menu-sub { background: #fff; padding: 10px; }
#header2 ul.menu .menu-sub li { color: #141414; font-size: 85%; }
#header2 ul.menu .menu-sub li:hover { color: #141414; }

/*About Section*/
.homepage-grid .grid-row-section .grid-rows { max-width: 1040px; margin: 0 auto; }
.grid-row-section.aboutSec { padding-top: 100px; }
.aboutSec .grid-rows .grid-row-text h3 { font-size: 100%; }
.grid-row-section.aboutSec:before, .grid-row-section.spaSec:before, #GridPage:after { content: ''; position: absolute; width: 296px; height: 317px; left: -50px; top: -70px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: -1; }

/*Hotel Section*/
.homepage-grid .grid-text-section { padding: 95px 0; margin-bottom: 95px; }
.homepage-grid .grid-text-section.hotelSec { position: relative; background: url('../../../warehouse/temp/dreamisland/bgDeskHotel.jpg'); background-size: cover; background-repeat: no-repeat; }
.grid-text-section.hotelSec:after, .grid-row-section.culinarySec:after { content: ''; position: absolute; width: 256px; height: 277px; right: -120px; top: -150px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: -1; }
.grid-text-section.hotelSec:before { content: 'Living the Dream'; position: absolute; bottom: 20px; right: 40px; color: #fff; font-size: 40px; font-family: "mrs-eaves",serif; font-style: italic; line-height: 1.2; }

/*Spa Section*/
.grid-row-section.spaSec { position: relative; padding-top: 0; }
.grid-row-section.spaSec:before { left: -55px; top: -170px; }

/*Water Section*/
.homepage-grid .grid-text-section.waterResSec { position: relative; background: url('../../../warehouse/temp/dreamisland/bgDeskWater.jpg'); background-size: cover; background-repeat: no-repeat; }
.grid-text-section.waterResSec:before { content: 'Spa & Health Resort'; position: absolute; bottom: 20px; left: 40px; color: #fff; font-size: 40px; font-family: "mrs-eaves",serif; font-style: italic; line-height: 1.2; }

/*Culinary Section*/
.grid-row-section.culinarySec { position: relative; padding-top: 0; }
.grid-row-section.culinarySec:after { right: -55px; top: -190px; z-index: 0; }

/*Footer*/
#SiteFooter .site-credit.alternative { z-index: 10; }
a.AccessabilityLink { position: fixed; top: auto; right: 20px; bottom: 5px; background: #000; padding: 15px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { position: absolute; width: 100%; bottom: -10px; right: 50%; font-size: 70%; margin: 0; padding: 0; transform: translate(50%, 50%); }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField input { margin: 0; vertical-align: middle; }
#SiteFooter { position: relative; }
#SiteFooter:after { content: ''; position: absolute; width: 256px; height: 277px; top: -150px; right: -55px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: -1; }
.home-page #SiteFooter:after { content: none; }
.site-credit.alternative { padding: 15px 0; }
.footerFormContainer { background: #b3bdcf; }
.FooterForm.form-container-wide { float: none; }
.FooterForm.form-container-wide #DynamicFormObject { max-width: 100%; padding: 30px 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0 0 20px 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 105%; line-height: 1; margin-bottom: 20px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 12px; }

footer { padding-top: 100px; }
.home-page footer { padding-top: 0; }
.footer-text-divided { max-width: 1130px; margin: 0 auto; font-size: 80%; font-size: 80%; padding: 30px 0 37px; }
.footer-text-divided > div { vertical-align: middle; padding: 0; }
.footer-text-divided > div.footer-text-left { text-align: center; }
.footer-text-left > div { display: inline-block; text-align: right; }
.footer-text-left > div p { letter-spacing: -0.16px; }
.footer-text-left .rightLinkBox { margin-left: 27px; }
.footer-text-middle img { margin: 0 21px; }
.footer-text-right a:hover, .footer-text-right a:focus { text-decoration: underline; }

/*Footer Checkbox Style*/

.checkboxField input[type="checkbox"] { opacity: 0; }
.checkboxField label { position: relative; display: inline-block; }
.checkboxField label::before, .checkboxField label::after { position: absolute; content: ""; display: inline-block; }
.checkboxField label::before { height: 10px; width: 10px; border: 1px solid #4a4754; right: -21px; top: 2px; pointer-events: none; }
.checkboxField label::after { height: 2px; width: 6px; border-left: 2px solid #4a4754; border-bottom: 2px solid; right: -19px; top: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.checkboxField input[type="checkbox"] + label::after { content: none; }
.checkboxField input[type="checkbox"]:checked + label::after { content: ""; }

/*****Inner Pages*****/
.internalPage .sections .grid-content-section { margin-bottom: 0; }
/*#GridTop {z-index: 1;}*/
.spaInner #GridTop:before, .suitsPage #GridTop:before { content: ''; position: absolute; width: 100%; height: 200px; bottom: 0; left: 0; pointer-events: none; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(255, 248, 248, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.65)), to(rgba(255, 248, 248, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.65), rgba(255, 248, 248, 0)); }
#GridTop:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.04); pointer-events: none; }
.top-caption { margin-bottom: 0; text-shadow: 0 0 57.6px rgba(0, 0, 0, 0.5); line-height: 1; font-size: 427%; }
#top-gallery ol.flex-control-nav { bottom: 70px; }
.categories-strip { position: relative; top: -60px; z-index: 1; }
.categories-strip ul li:not(.strip-item) { display: none; }
#GridPage { position: relative; padding-top: 85px; }
.top-caption, .homepage-grid .grid-row-section:first-of-type h2, .homepage-grid .grid-row-section:first-of-type h3 { /*font-family: "mrs-eaves",serif; font-style: italic;*/ font-family: Bauer-Italic; }
#headline, .section-title h2, .grid-rows .grid-row-text h2, .grid-text h2 { font-size: 250%; letter-spacing: -0.5px; margin-bottom: 0; }
#text1 iframe { max-width: 100%; }
.bookingPage #text1 iframe { height: 1170px; }
.top-caption h1:after { margin: 20px auto 25px; }
.internalPage .section-animation-item, #LobbyModule .grid-box { opacity: 1; transition: none; -webkit-transition: none; -o-transition: none; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { padding-top: 0; }
#lobbyview { text-align: center; }
.lobbyTextContainer, .businessPage .grid-text { max-width: 730px; font-size: 90%; margin: 0 auto; }
#lobbyview h2:after, #LobbyModule .grid-text h2:after { content: none; }
#lobbyview h2, #LobbyModule .grid-text h2 { font-size: 140%; margin-bottom: 15px; }
.lobby-grid #GridPage .max-width { padding: 0; }

/*About Page*/
.aboutPage #subheadline h2 { font-size: 160%; }
.aboutPage #subheadline h2:after { content: none; }
.aboutPage #headline h1:after { margin-bottom: 20px; }
.aboutPage #text1 p { max-width: 750px; margin: 0 auto; }

/*Hotel Page*/
.suitsLobbypage .internalPage .grid-rows .grid-row { margin-bottom: 90px; }
.suitsPage .grid-rows .grid-row-text pre, .suitsPage #lobbyText pre, .roomBox .roomBoxText pre { height: 100%; max-width: 330px; position: relative; white-space: unset; font-family: inherit; font-size: 80%; font-style: italic; color: #4a4754; overflow: visible; padding: 0; margin: 28px 0 0; line-height: 1.2; word-break: unset; word-wrap: unset; border: none; background-color: transparent; border-radius: 0; margin-right: 22px; }
.suitsPage #lobbyText pre, .roomBox .roomBoxText pre { max-width: 380px; margin: 0 auto; font-size: 90%; }
.suitsPage .grid-rows .grid-row-text pre:after, .suitsPage #lobbyText pre:after, .roomBox .roomBoxText pre:after { content: ''; position: absolute; width: 5px; height: 52px; background: #b3bdcf; right: -22px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.suitsLobbypage .internalPage .grid-rows .grid-row-text a.grid-row-button { text-align: center; }
.suitsLobbypage .grid-rows .grid-row-text { max-width: 430px; width: 100%; text-align: right; }
.suitsLobbypage .internalPage .grid-rows .grid-row-text h2:after { margin: 25px 0; }
.suitsLobbypage .grid-row:nth-child(odd) .grid-row-cell.flexslider-box:before { content: ''; position: absolute; width: 256px; height: 277px; left: -120px; bottom: -10px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; }
.suitsLobbypage .grid-row:nth-child(even) .grid-row-cell.flexslider-box:before { content: ''; position: absolute; width: 256px; height: 277px; right: -140px; bottom: -80px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; }
.suitsLobbypage .internalPage .grid-rows .grid-row:last-child { margin-bottom: 50px; }

/*Hotel Page - Inner*/
.suitsPage .grid-content-section { max-width: 600px; padding: 36px 0 0; }
.suitsPage #LobbyModule .grid-boxes { margin: 0 -8px; }
.suitsPage #LobbyModule .grid-box { width: 75px; padding: 0; margin: 0 11px 20px; pointer-events: none; }
.suitsPage .grid-boxes .grid-box-image { width: 52px; padding-bottom: 52px; margin: 0 auto 10px auto; }
.suitsPage .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -ms-transform: none; }
.suitsPage #LobbyModule .grid-boxes .grid-box-title h3 { color: #4a4754; font-size: 70%; margin-bottom: 0; }
.suitsPage #lobbyview h2 { font-weight: bold; font-size: 90%; margin-bottom: 0; }
.suitsPage .gallery-container { max-width: 1170px; margin: 0 auto; }
.suitsPage .grid-gallery-section { padding-top: 50px; margin-bottom: 0; }

/*Spa Page*/
.spaDeals #LobbyModule .grid-box { margin-bottom: 70px; }
.spaDeals .grid-box-fulltext { position: absolute; width: 90%; right: 50%; bottom: -60px; pointer-events: none; transform: translate(50%); -webkit-transform: translate(50%); -ms-transform: translate(50%); }
.spaDeals .grid-box-fulltext h3 { color: #fff; margin-bottom: 40px; }
.spaPage .grid-content-section, .eventsLobbyPage .grid-content-section, .spaDeals .grid-content-section { max-width: 1020px; padding: 44px 0 0 0; }
.spaPage #LobbyModule .grid-boxes .grid-box-image, .eventsLobbyPage #LobbyModule .grid-boxes .grid-box-image, .spaDeals #LobbyModule .grid-boxes .grid-box-image { margin-bottom: 0; padding-bottom: 450px; }
.spaPage .grid-box-image:after, .eventsLobbyPage .grid-boxes .grid-box-image:after, .waterResPage .grid-boxes .grid-box-image:after,
.spaInner .grid-boxes .grid-box-image:after, .spaDeals .grid-box-image:after { content: ''; position: absolute; width: 100%; height: 200px; bottom: 0; left: 0; pointer-events: none; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(255, 248, 248, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(255, 248, 248, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(255, 248, 248, 0)); }
.waterResPage .grid-boxes .grid-box-image:after, .spaInner .grid-boxes .grid-box-image:after { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 248, 248, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(255, 248, 248, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(255, 248, 248, 0)); }
.spaPage #LobbyModule .grid-boxes .grid-box-title h3, .spaDeals #LobbyModule .grid-boxes .grid-box-title h3, .eventsLobbyPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 120%; letter-spacing: -0.24px; margin-bottom: 0; color: #fff; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
.spaPage .grid-box-title, .spaDeals .grid-box-title, .eventsLobbyPage .grid-box-title { position: absolute; width: 100%; right: 50%; bottom: 40px; pointer-events: none; transform: translate(50%); -webkit-transform: translate(50%); -ms-transform: translate(50%); }
.waterResPage .grid-box-title, .spaInner .grid-box-title { position: absolute; width: 100%; right: 50%; top: 270px; pointer-events: none; transform: translate(50%); -webkit-transform: translate(50%); -ms-transform: translate(50%); }


/*Spa Page - Inner*/
.categories-strip { background: none; }
.categories-strip ul li { font-size: 90%; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.categories-strip ul li.active { background: none; }
.categories-strip ul li a { border-bottom: 1px solid transparent; }
.spaInner #GridPage, .suitsPage #GridPage { padding-top: 35px; }
.spaInner #GridPage { margin-top: -45px; }
.spaInner .grid-content-section { max-width: 1280px; padding: 0; }
.spaInner #LobbyModule .grid-content-section .grid-boxes { padding: 20px 0 0; }
.spaInner:not(.spaDeals) #LobbyModule .grid-box, .waterResPage #LobbyModule .grid-box { pointer-events: none; }
.spaInner #LobbyModule .grid-boxes .grid-box-title h3, .waterResPage #LobbyModule .grid-boxes .grid-box-title h3 { font-weight: bold; font-size: 130%; color: #fff; margin: 10px auto; }
.spaInner .grid-box-fulltext, .waterResPage .grid-box-fulltext { width: 90%; margin: 0 auto; font-size: 90%; line-height: 1.3; }

/*Water Resort Page*/
.waterResPage .grid-content-section:first-child { margin-bottom: 50px; }
.waterResPage .grid-content-section { max-width: 1280px; padding: 0; }
.waterResPage #headline, .waterResPage .section-title { margin-bottom: 20px; }

/*Restaurant And Culinary Page*/
/*.culinaryPage*/ .internalPage .grid-row-section { max-width: 1170px; margin: 0 auto; padding-top: 80px; }
/*.culinaryPage*/ .internalPage .grid-rows .grid-row { margin-bottom: 40px; }
/*.culinaryPage*/ body:not(.suitsLobbypage) .internalPage .grid-row .grid-row-cell.grid-row-cell-text { background: #e8ebf1; overflow: hidden; }
/*.culinaryPage*/ body:not(.suitsLobbypage) .internalPage .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 170px; height: 170px; right: -40px; top: -50px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; }
/*.culinaryPage*/ body:not(.suitsLobbypage) .internalPage .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 170px; height: 170px; left: -10px; bottom: -50px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; }
/*.culinaryPage*/ .internalPage .grid-rows .grid-row-text h2 { color: #4a4754; font-size: 200%; }
/*.culinaryPage*/ .internalPage .grid-rows .grid-row-text h2:after { margin: 20px auto 27px; }
/*.culinaryPage*/ .internalPage .grid-rows .grid-row-text a.grid-row-button { margin-top: 38px; }
/*.culinaryPage*/ .internalPage .grid-rows .grid-row-text p { line-height: 1.2; color: #4a4754; }
/*.culinaryPage*/ .internalPage footer { padding-top: 20px; }
.culinaryPage #lobbyview h2 { margin-bottom: 30px; }
.culinaryPage #headline h1:after { margin: 20px auto; }

/*Events Page*/
.eventsLobbyPage #LobbyModule .grid-boxes .grid-box-image { margin-bottom: 0; }
.eventsLobbyPage footer { padding-top: 80px; }
.eventsLobbyPage .grid-boxes .grid-box-image:after { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 248, 248, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(255, 248, 248, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(255, 248, 248, 0)); }
.eventsLobbyPage .grid-boxes .box-image-animation img { height: 100%; object-fit: cover; }

/*Events Page Inner - Business Page*/
.businessPage .grid-text-section { margin-bottom: 0; padding: 30px 0 0; }
.businessPage .grid-text-content { width: 100%; padding: 0; }

/*Sports And Lifestyle Page*/

/*Sales Page*/

/*Contact Page*/
.contactPage .grid-form-section .form-container-wide { background: #b3bdcf; }
.contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 130%; font-weight: bold; margin-bottom: 15px; }
.contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.contactPage .form-container-wide #DynamicFormObject { border: none; }
.contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.contactPage .grid-form-section { padding: 40px 0 0 0; margin-bottom: 10px; }
.contactPage #DynamicFormObject:after { content: none; }
.mapSection { margin-bottom: 0; padding: 40px 0 0 0; }
.mapSection .grid-text-content { max-width: 1170px; width: 100%; padding: 0; }
.mapSection .grid-text-content iframe { width: 100%; }

/*Accessability Page*/
#accessability #pageview { max-width: 1170px; margin: 0 auto; }
#accessability #pageview h2:after { content: none; }

.FormResultPage .top-caption { display: none; }

/*Search Page*/

/***IframeFeature****/
body.roomsresults { background: #ffffff; }
body.roomsresults #GridContent { min-height: 30vh; }
.IframeFeatureContainer { bottom: -65px; }
.IframeFeatureContainer .container { background: #B4BCCF; padding: 20px 70px; }
form#dreamForm > .row > div { float: right; }
form#dreamForm.normal-form { border: 0; direction: rtl; }
form#dreamForm.normal-form:after { content: ""; border: 0; }
form#dreamForm input[type="button"], a.roomBoxBtn { color: #ffffff; background: #001846; font-size: 90%; letter-spacing: -0.18px; transition: all 350ms ease-in-out; }
form#dreamForm input[type="button"]:hover, form#dreamForm input[type="button"]:focus, a.roomBoxBtn:hover, a.roomBoxBtn:focus { background: #ebb71c; border: 0; color: #4a4754; }
h3.noResultsMsg { text-align: center; }

.IframeFeatureContainer h2 { font-size: 120%; margin-bottom: 20px; }
.IframeFeatureContainer h2:after { margin: 0; background: none; }

.roomsresults #GridPage .max-width { max-width: 1230px; }
.roomsresults #GridPage { padding-top: 120px; }
.IframeFeatureContainer .container { max-width: 1000px; width: 100%; padding: 18px 60px 15px; }
.roomsresults .text-center, .IframeFeatureContainer .text-center { position: relative; }
.roomBoxTitle h2:after { margin-right: 0; }
.IframeFeatureContainer .text-center:after { content: ''; position: absolute; width: 101.5%; height: 1px; background: #001846; right: 50%; top: 12px; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
.IframeFeatureContainer h2 { background: #B4BCCF; padding: 0 20px; margin-bottom: 15px; z-index: 1; }
.IframeFeatureContainer h2:after { content: none; }
.roomBox { padding: 35px; background: rgba(179, 189, 207, 0.2); float: right; width: 100%; margin-bottom: 40px; }
.roomBoxImgHolder img { max-width: 430px; }
.roomBoxImgHolder { float: right; margin-left: 40px; }
form#dreamForm > .row > div { padding: 0 8px; }
form#dreamForm.normal-form input { letter-spacing: unset; text-align: right; margin-bottom: 10px; }
form#dreamForm.normal-form input[type=button] { text-align: center; }
.bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table td span:hover, .bootstrap-datetimepicker-widget table td span:focus,
.bootstrap-datetimepicker-widget .datepicker table tr td.active.active, .bootstrap-datetimepicker-widget .datepicker table tr td.active:hover,
.bootstrap-datetimepicker-widget .datepicker table tr td.active:focus { background: #B4BCCF !important; color: #4a4754 !important; }
.bootstrap-datetimepicker-widget .picker-switch td span { color: #4a4754; }
.IframeFeatureContainer span.formDisc { font-size: 90%; }

.roomBoxTitle h2 { font-size: 200%; }
.roomBox .roomBoxTextHolder { position: relative; display: inline-block; }
.roomBox .roomBoxTextHolder:before { content: ''; display: table; clear: both; }
.roomBox .roomBoxDetail { display: inline-block; position: relative; font-weight: bold; margin-left: 30px; }
.roomBox .roomBoxDetail:first-of-type:before { content: ''; display: inline-block; width: 16px; height: 13px; background: url('../../../warehouse/temp/dreamIsland/searchGuestsIcon.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.roomBox .roomBoxDetail:nth-child(2):before { content: ''; display: inline-block; width: 13px; height: 14px; background: url('../../../warehouse/temp/dreamIsland/searchNightsIcon.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.roomBox .roomBoxText pre { margin: 20px auto; display: none; }
.roomBox .roomBoxDetail:nth-child(2):after { content: "\f20b"; /*position: absolute; top: 9px; left: -11px;*/ display: inline-block; font-family: FontAwesome; font-weight: 400; font-size: 11px; }
.roomBox .roomBoxDetail span.bulletTitle { letter-spacing: -0.18px; }
.roomBox .roomBoxText { max-width: 560px; margin-top: 20px; font-size: 80%; }
.roomBox .roomBoxImportantText { background: #B4BCCF; padding: 10px 15px; font-size: 90%; }
.roomBox .roomBoxBottom { /*position: absolute;*/ width: 100%; /*bottom: 0;*/ margin-top: 35px; padding-top: 20px; border-top: 1px solid #b3bdcf; }
.roomBox span.roomBoxPrice { position: relative; /*font-family: almoni-dl-aaa-400;*/ font-size: 180%; margin-top: 5px; display: inline-block; vertical-align: middle; }
.roomBox span.priceBeforeDiscount { font-size: 60%; text-decoration: line-through; }
.roomBox span.priceSign { font-size: 60%; }
/*span.roomBoxPrice:before { content: "\f20b"; position: absolute; top: 15px; left: -17px; font-family: FontAwesome; font-weight: 400; font-size: 45%;}*/
.roomBox a.roomBoxBtn { display: inline-block; width: 140px; height: 40px; text-align: center; line-height: 40px; }
.roomBoxCta span { /*font-family:almoni-dl-aaa-400;*/ font-size: 85%; }
#ResultsView { text-align: right; }
/*.roomBox a.roomBoxBtn.linkToPage            { margin-right: 10px; width: auto; padding: 0px 15px; }*/
.roomBox a.roomBoxBtn.linkToPage { margin-right: 10px; width: auto; padding: 0px 15px; background: transparent; color: inherit; font-size: 100%; padding-bottom: 0px; border-bottom: 1px solid; padding: 0; line-height: -1; height: auto; line-height: 1.2; margin-left: 10px; padding-top: 7px; white-space: nowrap; }
.roomBoxDisclaimer { font-size: 90%; }
.roomBox .roomBoxTextHolder h4 { margin-top: 0; }
.categories-strip { top: -150px; }
.suitsPage .top-caption { top: 35%; }
#header2 .phone-icon > a { position: relative; }

@media(max-width: 1280px) {
    .waterResPage .grid-box-title, .spaInner .grid-box-title { top: 200px; }
}

@media(min-width: 1170px) and (max-width: 1280px) {
    #header2 .max-width { padding: 0 20px; }
    #header2 ul.menu li { font-size: 90%; }
}

@media(max-width: 991px) {
    .categories-strip { top: -200px; }
}



@media(max-width: 1170px) {
    .grid-rows .grid-row-text { margin-top: 0; }
    .roomBox span.roomBoxPrice { font-size: 155%; }

    .roomBoxCta span { font-size: 90%; }
    .roomBox a.roomBoxBtn { width: auto; padding: 0px 10px; }
}

@media(min-width: 991px) and (max-width: 1170px) {
    .roomBoxCta { padding-top: 0 !important; }
    .roomBoxCta span { width: 115px; display: inline-block; line-height: 1; vertical-align: middle; text-align: right; }
}

@media(min-width: 1140px) and (max-width: 1240px) {
    .roomBox a.roomBoxBtn.linkToPage { font-size: 80%; margin-right: 0; margin-left: 10px; }

    .roomBoxCta span { font-size: 100%; width: 60%; }

    .roomBoxCta:nth-child(3) { display: block; width: 100%; padding-top: 0; }

    .roomBoxDisclaimer { display: inline-block; width: 100%; margin-top: 10px; }
}

@media(min-width: 1025px) {
    #header2 ul.menu > li:after { content: ''; position: absolute; height: 12px; width: 1px; background: #141414; left: -20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    #header2 ul.menu li.last-item:after { content: none; }
    #header2 .phone-icon { display: block; position: absolute; left: 125px; top: 50%; color: #001846; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    #header2 .phone-icon > a:after { content: '08-6705600'; display: inline-block; font-size: 17px; font-weight: bold; line-height: 1.2; border-bottom: 1px solid transparent; }
    #header2 .phone-icon > a:hover:after, #header2 .phone-icon > a:focus:after { border-bottom-color: #001846; }
    #header2 .phone-icon i { font-size: 15px; color: #001846; transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 288px; }

    .waterResPage #GridPage { padding-top: 35px; }
    .waterResPage .grid-box-title { top: 240px; }
    .waterResPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%; }
}

@media(min-width: 1025px) and (max-width: 1280px) {
    .waterResPage .grid-box-title { top: 180px; }
}

@media(min-width: 991px) {
    #header2 ul.menu li.last-item { display: none; }

    .homepage-grid .grid-row-cell.flexslider-box { width: 657px; }
    .homepage-grid .grid-row li.slider-item { padding-bottom: 604px; }
    .homepage-grid .grid-rows .grid-row-text { max-width: 365px; width: 100%; }

    .homepage-grid .grid-row-section:not(.aboutSec):not(.culinarySec) .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 30px; }
    .grid-row-section.aboutSec .grid-row-cell.grid-row-cell-text, .grid-row-section.culinarySec .grid-row-cell.grid-row-cell-text { padding-left: 30px; }

    .aboutSec .grid-rows .grid-row-text h2 { font-size: 325%; }

    .culinaryPage .grid-rows .grid-row-text { width: 400px; }
    .culinaryPage .box-image-animation img { height: 100%; object-fit: cover; }

    /*.waterResPage #LobbyModule .grid-box { padding: 0 30px;}*/

    .roomBox { display: flex; display: -ms-flexbox; }
    .roomBox .roomBoxTextHolder { width: calc(100% - 470px); }
    .roomBoxImgHolder img { max-width: 430px; height: 430px; object-fit: cover; }
}

@media(min-width: 768px) {

    .homepage-grid .grid-text-section.hotelSec { margin-right: 80px; }
    .homepage-grid .grid-text-section.waterResSec { margin-left: 80px; }

    .grid-row-section.aboutSec .grid-rows .grid-row, .grid-row-section.culinarySec .grid-rows .grid-row { direction: ltr !important; }

    .grid-row-cell.grid-row-cell-text { width: auto; }

    /*****Inner Pages*****/
    .top-caption { top: 50%; }
    #GridTop { height: 400px; margin: 140px 80px 0; }
    .categories-strip ul li { padding: 10px 15px; }

    /*Suits Page*/
    .suitsLobbypage .internalPage .grid-row li.slider-item { padding-bottom: 605px; }
    .suitsLobbypage #SiteFooter:after { content: none; }

    /*Water Page*/
    .waterResPage #LobbyModule .grid-content-section:not(.waterSecFirst) .grid-box { margin-bottom: 45px; }

    /*Spa Page*/
    .spaPage #LobbyModule .grid-box { margin-bottom: 0; }
    .spaPage #LobbyModule .grid-boxes, .eventsLobbyPage #LobbyModule .grid-boxes, .spaDeals #LobbyModule .grid-boxes { margin: 0 -15px; }
    .spaPage .grid-boxes .box-image-animation img, .spaDeals .grid-boxes .box-image-animation img, .suitsLobbypage .box-image-animation img { height: 100%; }

    .spaInner #LobbyModule .grid-box { margin-bottom: 45px; }
    .categories-strip ul li.active a, .categories-strip ul li.strip-item:hover a, .categories-strip ul li.strip-item:focus a { border-bottom-color: #ebb71c; text-decoration: none; }

    /*Culinary And Restuarnat Page*/
    /*.culinaryPage*/ .internalPage .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; }
    /*.culinaryPage*/ .internalPage .grid-rows .grid-row:nth-child(even) { direction: rtl !important; }
    /*.culinaryPage*/ .internalPage .grid-row li.slider-item { padding-bottom: 510px; }

    /*Events Page*/
    .eventsLobbyPage #LobbyModule .grid-box { margin-bottom: 0; }

    /*Contact Page*/
    .contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.333%; }
    .contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block; width: 180px; float: none; margin: 0 auto; }

    /*Search Page*/
    .roomBoxCta { display: inline-block; float: left; padding-top: 15px; }
    .roomBox a.roomBoxBtn { margin-right: 10px; }
}


@media(max-width: 1140px) {

    .roomBoxCta { display: block; width: 100%; text-align: center; }
    .roomBox .roomBoxBottom { direction: ltr; text-align: center; }
    .roomBoxCta span { display: block; width: 100%; text-align: center; margin: 10px 0px; }
}

@media(min-width: 1024px) and (max-width: 1280px) {
    #header2 ul.menu li { margin-left: 10px; margin-right: 10px; }
    #header2 ul.menu > li:after { left: -14px; }
    #header2 ul.menu li:first-child { margin-right: 0; }
    #header2 .phone-icon:after { display: none; }
}

@media(max-width: 1024px) {
    #header2 { padding: 0; }
    #header2 .max-width { width: 100%; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #141414; }
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; }
    .header-right-section { background: none; }
    #header2 ul.menu { width: 100vw; height: 100vh; background: #fff; }
    #header2 ul.menu:before { content: ''; position: absolute; width: 200px; height: 200px; right: -50px; top: -50px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
    #header2 ul.menu:after { content: ''; position: absolute; width: 200px; height: 200px; left: -50px; bottom: -50px; background: url(../../../warehouse/temp/dreamisland/bgFlowerDeco.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
    #header2 ul.menu .social-links a { display: inline-block; width: 40px; height: 40px; margin: 0; }
    #header2 ul.menu .social-links a.social_icon_instagram { content: ''; width: 40px; height: 40px; background: url('../../../warehouse/temp/dreamisland/headerIGIcon.png'); background-size: cover; background-position: center center; margin-left: 10px; }
    #header2 ul.menu .social-links a.facebook_icon_instagram { content: ''; width: 40px; height: 40px; background: url('../../../warehouse/temp/dreamisland/headerFBIcon.png'); background-size: cover; background-position: center center; }
    #header2 ul.menu .social-links a svg { opacity: 0; }
    #header2 ul.menu > li { margin-left: 0; font-size: 170%; }
    #header2 ul.menu li.social-mobile { margin-top: 30px; }
    li.has-sub > a { margin-right: 35px; }
    #header2 ul.menu .menu-sub li { font-size: 80%; }
    #header2 #header-left { padding: 10px 0 10px 20px; }
    #header2 .header-right-section { width: 35px; padding: 10px 20px 10px 0; }
    #header2 .menu-nav { width: auto; }
    #header2 .nav-menu-anim { margin-left: 0; }
    #header2.open #header-left { opacity: 0; }
    #header2 ul.menu li a { border-width: 3px; }
    #header2 ul.menu li .menu-sub a { float: none; }

    .homepage-grid .grid-row-section .grid-rows { width: 85%; }

    .footer-text-divided { padding: 30px 20px; }
    #SiteFooter .footer-text-middle img { max-width: 90px; width: 100%; margin: 0 10px; }

    /*****Inner Pages*****/
    .contactPage .lobby-grid #GridPage .max-width { width: 100%; }
    .contactPage .grid-form-section { width: 90%; }

    .roomBoxBottom { text-align: center; }
    .roomBoxCta span { width: 100%; text-align: center; }
    .roomBoxCta { display: block; float: none; }
    /*.roomBox a.roomBoxBtn { margin: 15px 0 0;}*/
}

@media(min-width: 991px) and (max-width: 1024px) {
    .top-caption { white-space: nowrap; }
    .suitsLobbypage .box-image-animation img { height: auto !important; }
    .suitsLobbypage .internalPage .grid-row li.slider-item { padding-bottom: 425px; }

    .spaInner .grid-box-title { top: 160px; }
    .waterResPage .grid-box-title { top: 140px; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #header2 ul.menu { padding-top: 200px; }
    #header2 ul.menu:before, #header2 ul.menu:after { width: 260px; height: 260px; }
    #header2 ul.menu > li { padding: 10px 0; }

    #home-gallery .gallery-logo img { min-width: 500px; }

    .homepage-grid .grid-row-section .grid-rows { width: 95%; }
    .home-page .grid-rows .grid-row-text p, .home-page .grid-text p, .homepage-grid .grid-text-section .grid-text h2,
    .homepage-grid .grid-rows .grid-row-text h3, .suitsLobbypage .grid-rows .grid-row-text h3, .suitsLobbypage .grid-rows .grid-row-text p,
    .suitsLobbypage .grid-rows .grid-row-text pre { font-size: 90%; }
    .home-page .grid-row-cell.grid-row-cell-text { width: 50%; }

    .lobbyTextContainer, .businessPage .grid-text { width: 75%; }
}

@media(min-width: 768px) and (max-width: 991px) {
    .grid-rows .grid-row-text { margin-top: 0; }
    .homepage-grid .grid-row li.slider-item { padding-bottom: 93%; }
    .homepage-grid .grid-row-cell.flexslider-box { width: 420px; }
    .homepage-grid .box-image-animation img { width: 100%; height: auto !important; }

    .homepage-grid .grid-text-section.hotelSec { margin-right: 2.5%; }
    .homepage-grid .grid-text-section.waterResSec { margin-left: 2.5%; }

    /*****Inner Pages*****/
    #GridTop { margin: 110px 50px 0; }

    /*Suits Page*/
    .suitsLobbypage .internalPage .grid-row li.slider-item { padding-bottom: 92%; }
    .suitsLobbypage #GridPage .max-width { width: 85%; }
    .suitsLobbypage .grid-row .grid-row-cell.grid-row-cell-text { text-align: right; }
    .suitsLobbypage .grid-rows .grid-row-text { width: 95%; }
    .suitsLobbypage .box-image-animation img { width: 100%; height: auto !important; }
    .suitsLobbypage .grid-rows .grid-row:nth-child(even) .grid-row-text { margin-right: 30px; }

    /*Suits Page - Inner*/
    .suitsPage #GridTop { margin: 110px 0 0; }
    .categories-strip ul li { padding: 10px 7px; }

    /*Spa Page*/
    .spaPage #LobbyModule .grid-box, .spaDeals #LobbyModule .grid-box { width: 25%; }
    .spaDeals .grid-box-fulltext { bottom: -90px; }
    .spaDeals #LobbyModule .grid-box { margin-bottom: 80px; }
    .spaPage #LobbyModule .grid-box, .eventsLobbyPage #LobbyModule .grid-box, .spaDeals #LobbyModule .grid-box { padding: 0 7px; }
    .spaPage #LobbyModule .grid-boxes .grid-box-image, .eventsLobbyPage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 390px; }
    .spaPage .grid-boxes .box-image-animation img { width: auto; margin-right: -25px; }

    /*Spa page - Inner*/
    .spaInner #LobbyModule .grid-box, .waterResPage #LobbyModule .grid-box { width: 50%; }

    /*Culinary Page*/
    .culinaryPage .grid-row li.slider-item { padding-bottom: 400px; }

    /*Search Page*/
    .roomBox { padding: 0; margin-bottom: 70px; }
    .roomBox:last-child { margin-bottom: 0; }
    .roomsresults #GridTop { width: 100%; margin-right: 0; }
    .roomBoxImgHolder { margin-left: 0; }
    .roomBoxImgHolder img { max-width: 100%; width: 100%; height: 400px; object-fit: cover; }
    .roomBox .roomBoxTextHolder { width: 100%; padding: 40px 20px; text-align: right; }
    .roomBox a.roomBoxBtn { display: block; margin: 15px auto 0; }
    .roomBoxCta { padding-top: 0; }
}

@media(max-width: 991px) {
    .grid-rows .grid-row-text { width: 90%; }
    .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button { margin-top: 20px; }
    .bookingPage #text1 iframe { height: 1790px; }
    #headline, .section-title h2, .grid-rows .grid-row-text h2, .grid-text h2 { font-size: 200%; }

    .grid-row-section.aboutSec { padding-top: 60px; }
    .homepage-grid .grid-row-section { padding-bottom: 60px; }
    .homepage-grid .grid-text-section.hotelSec { background: url(../../../warehouse/temp/dreamisland/bgMobiHotel.jpg); background-size: cover; background-repeat: no-repeat; }
    .homepage-grid .grid-text-section.waterResSec { background: url(../../../warehouse/temp/dreamisland/bgMobiWater.jpg); background-size: cover; background-repeat: no-repeat; }
    .homepage-grid .grid-text-section > div { max-width: 400px; }
    .homepage-grid .grid-text-section .grid-text-content { max-width: 90%; }
    .homepage-grid .grid-text-section { padding: 65px 0; margin-bottom: 60px; }

    .aboutSec .grid-rows .grid-row-text h2 { font-size: 250%; }

    .grid-text-section.hotelSec:before { bottom: 10px; right: 30px; }
    .grid-text-section.waterResSec:before { bottom: 10px; left: 30px; }
    .grid-text-section.hotelSec:before, .grid-text-section.waterResSec:before { font-size: 30px; }

    .FooterForm.form-container-wide #DynamicFormObject { padding: 20px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { bottom: 0; }

    /*****Inner Pages*****/
    #GridPage { padding-top: 45px; }

    /*About Page*/
    .aboutPage #subheadline h2 { font-size: 130% }

    /*Hotel Page - Inner*/
    .suitsPage .gallery-container { width: 90%; }

    /*Spa Page*/
    .spaDeals .grid-box-fulltext p { min-height: 84px; }
    .roomBox a.roomBoxBtn, .roomBox a.roomBoxBtn.linkToPage { width: 140px; margin: auto; }
    .roomBox a.roomBoxBtn.linkToPage { width: auto; display: inline-block; }
}

@media(min-width: 767px) {
    body.suitsLobbypage.suitsPage.hasIframe #GridContent { margin-top: 40px; }
}

@media(max-width: 767px) {
    div#header-top-strip { padding-bottom: 65px; }
    h2:after { margin: 15px auto; }
    h2 { line-height: 1; }
    .grid-text-section .section-title { margin-bottom: 0; }
    #header2 ul.menu li a { border-width: 2px; }

    /*General Form Styles*/
    #DynamicFormObject { max-width: 100% !important; padding: 30px 10px; }
    .FooterForm.form-container-wide #DynamicFormObject { padding: 30px 10px; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    #DynamicFormObject .dynamicFormObjectFields, #DynamicFormObject input[type=submit] { margin-bottom: 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, #DynamicFormObject .dynamicFormObjectFields .top-form { line-height: 1.2; }
    #DynamicFormObject input[type=submit] { font-size: 100% !important; }

    #header2 ul.menu { padding-top: 70px; }
    #header2 ul.menu > li { font-size: 120%; }
    #header2 .menu-sub { padding: 5px 0; }
    #header2 ul.menu .menu-sub li { margin-bottom: 0; }
    li.has-sub > a { margin-right: 30px; }
    #header2 .phone-icon { left: -40px; top: 52%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    #header2 .phone-icon a { color: #001846; }

    #home-gallery .gallery-caption { top: 30%; }
    #home-gallery .scroll-down { display: none; }
    #home-gallery .gallery-logo img { min-width: 320px; }

    .grid-row-section.aboutSec:before, .grid-row-section.spaSec:before, .grid-text-section.hotelSec:after, .grid-row-section.culinarySec:after, #GridPage:after,
    #SiteFooter:after, .suitsLobbypage .grid-row:nth-child(odd) .grid-row-cell.flexslider-box:before, .suitsLobbypage .grid-row:nth-child(even) .grid-row-cell.flexslider-box:before { width: 170px; height: 170px; }

    .homepage-grid .grid-row-section { padding-bottom: 40px; }
    .homepage-grid .grid-row-section .grid-rows { width: 90%; }
    .homepage-grid .grid-row li.slider-item { padding-bottom: 92%; }

    .homepage-grid .grid-rows .grid-row { overflow: hidden; display: flex !important; display: -ms-flexbox !important; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; }
    .homepage-grid .grid-rows .grid-row .grid-row-cell.flexslider-box { order: 1; }
    .homepage-grid .box-image-animation img { margin-right: -10px; }
    .homepage-grid .grid-text-section > div { max-width: 80%; }
    .homepage-grid .grid-text-section .grid-text h2 { font-size: 100%; margin-bottom: 5px; }
    .grid-rows .grid-row-text h3 { font-size: 100%; }
    .grid-rows .grid-row-text { width: 100%; padding: 0 0 40px 0; margin-top: 0; }
    .grid-rows .grid-row-text p, .home-page .grid-text p { font-size: 90%; line-height: 1.3; }

    .aboutSec .grid-rows .grid-row-text h2, .grid-text h2 { font-size: 230%; }
    .aboutSec .grid-rows .grid-row-text h3 { font-size: 140%; }

    .grid-row-section.aboutSec:before { top: -40px; left: -30px; }
    .grid-text-section.hotelSec:after { top: -90px; right: -80px; }
    .grid-row-section.spaSec:before { left: -40px; top: -100px; }
    .grid-row-section.culinarySec:after { right: -40px; top: -110px; }

    footer { padding-top: 30px; }
    #SiteFooter { padding-bottom: 0; }
    #SiteFooter a.AccessabilityLink { margin-bottom: 5px; }
    #SiteFooter:after { top: -95px; }
    .footer-text-divided { width: 90%; padding: 20px 0 130px; }
    .footer-text-divided > div.footer-text-middle { position: absolute; bottom: 60px; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: table-cell; vertical-align: top; }
    .footer-text-divided > div.footer-text-left { width: 40%; }
    .footer-text-divided > div.footer-text-right { width: 60%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { bottom: 20px; }
    #SiteFooter .mobile-seperator { font-size: 140%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 19px; }

    /*****Inner Pages*****/
    .top-caption { font-size: 280%; }
    #GridPage .max-width { width: 90%; }
    .categories-strip { background: #001846; width: 90%; margin: 0 auto; top: -69px; }
    .categories-strip ul li.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { background: rgba(255, 255, 255, 0.2); }
    .waterResPage .grid-box-title, .spaInner .grid-box-title { top: 230px; }

    body.hasIframe #GridContent { margin-top: 200px; }
    .spaDeals .top-caption { top: 46%; }
    body.suitsPage.hasIframe #GridContent { margin-top: 240px; }
    /*Suits Page*/
    .suitsLobbypage #GridPage .max-width { width: 100%; }
    /*.suitsLobbypage .lobbyTextContainer { font-size: 105%;}*/
    .suitsLobbypage .internalPage .grid-rows .grid-row { margin-bottom: 40px; padding: 0 6%; overflow: hidden; }
    .suitsLobbypage .grid-row li.slider-item { padding-bottom: 94%; }
    .suitsLobbypage .internalPage .grid-rows .grid-row-text h2:after { margin: 15px auto 20px; }
    .suitsLobbypage .lobbyTextContainer { width: 90%; }
    .suitsLobbypage .grid-rows .grid-row-text { text-align: center; }
    .suitsPage .grid-rows .grid-row-text pre:after, .suitsPage #lobbyText pre:after, .roomBox .roomBoxText pre:after { content: none; }
    .suitsPage .grid-rows .grid-row-text pre, .suitsPage #lobbyText pre { font-size: 100%; margin: 28px auto 0; }

    /*Suits Page - Inner*/
    .suitsPage #LobbyModule .grid-box { margin-bottom: 35px; }
    .suitsPage:not(.suitsLobbypage) #GridPage { padding-top: 50px; }
    .suitsPage .grid-gallery-section { padding-top: 20px; }


    /*Water Resort Page*/
    .waterResPage .top-caption { line-height: 1; }
    /*.waterResPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%;}*/

    @supports(-webkit-overflow-scrolling: touch) {
        .waterResPage #LobbyModule .grid-boxes .grid-box-title h3, .spaInner #LobbyModule .grid-boxes .grid-box-title h3 { letter-spacing: -1px; }
        .waterResPage .grid-box-title, .spaInner .grid-box-title { top: 210px; }
    }

    /*Spa Page*/
    .spaDeals #LobbyModule .grid-box { padding: 0 2px; margin-bottom: 120px; }
    .spaPage #LobbyModule .grid-box, .spaDeals #LobbyModule .grid-box { width: 49%; }
    .spaPage #LobbyModule .grid-box .box-image-animation img, .spaDeals #LobbyModule .grid-box .box-image-animation img { width: auto; height: 100%; }
    .spaPage #LobbyModule .grid-box, .spaInner #LobbyModule .grid-box, .waterResPage #LobbyModule .grid-box { margin: 0 0 50px 0; padding: 0; }
    .waterResPage #LobbyModule .waterSecFirst .grid-box:last-child { margin-bottom: 0; }
    .spaPage #LobbyModule .grid-boxes .grid-box-title h3, .eventsLobbyPage #LobbyModule .grid-boxes .grid-box-title h3 { margin-top: 0; font-size: 150%; }
    .spaDeals .grid-box-fulltext { bottom: -100px; }
    .spaDeals .grid-box-fulltext h3 { min-height: 66px; font-size: 150%; }
    .suitsLobbypage .grid-row:nth-child(odd) .grid-row-cell.flexslider-box:before { left: -85px; }
    .suitsLobbypage .grid-row:nth-child(even) .grid-row-cell.flexslider-box:before { right: -85px; bottom: -50px; }

    /*Spa Page - Inner*/
    .spaInner .top-caption, .suitsPage .top-caption { top: 40%; }
    .spaInner #GridTop, .suitsPage #GridTop { height: 360px; }
    .mobile-strip { padding: 0; }
    .mobile-strip span { width: 100%; margin-right: 0; padding: 10px 25px; background: rgba(255, 255, 255, 0.2); }
    .mobile-strip .select-wrapper li.strip-item { padding: 5px 25px; }
    .mobile-strip span, .mobile-strip .select-wrapper li.strip-item { font-size: 110%; }

    /*Restaurant And Culinary Page*/
    .culinaryPage .lobbyTextContainer, .culinaryPage .internalPage .grid-rows .grid-row-text { width: 85%; }
    .culinaryPage .lobby-grid #GridPage .max-width { width: 100%; }
    .culinaryPage .grid-rows .grid-row { margin-bottom: 0; }
    /*.culinaryPage*/ .internalPage .grid-row-section { padding-top: 50px; }
    /*.culinaryPage*/ .internalPage .grid-rows .grid-row-text { width: 90%; padding-top: 40px; }
    .culinaryPage footer { padding-top: 40px; }
    .culinaryPage .grid-row li.slider-item, .businessPage .grid-row li.slider-item { padding-bottom: 80%; }

    /*Events Page*/
    .eventsLobbyPage footer { padding-top: 30px; }
    .eventsLobbyPage #LobbyModule .grid-box { padding: 0; margin-bottom: 50px; }

    /*Events Page Inner - Business Page*/
    .businessPage footer { padding-top: 60px; }
    .businessPage #GridPage .max-width { width: 100%; }
    .businessPage .grid-text { width: 90%; }

    /*Search Page*/
    #ResultsView { text-align: right; }
    .roomsresults #GridTop { height: 250px; }
    .IframeFeatureContainer { bottom: -332px; }
    .IframeFeatureContainer .container { padding: 30px; background: transparent; }
    .roomsresults #GridPage { padding-top: 330px; }
    .roomsresults #GridPage:after, #SiteFooter:after { content: none; }
    .roomBoxImgHolder { float: none; margin-left: 0; }
    .roomBoxImgHolder img { width: 100%; max-height: 320px; }
    .roomBox { padding: 0 0 40px 0; margin-bottom: 60px; }
    .roomBoxTextHolder { padding: 30px 15px 0; }
    .roomBoxCta span { font-size: 70%; }
    .roomBox a.roomBoxBtn { display: block; width: 190px; margin: 15px auto 0; }

    /*.roomsresults form#dreamForm > .row div:first-of-type, .roomsresults form#dreamForm > .row div:nth-of-type(2) { width: 50%;}*/
    /*.roomsresults form#dreamForm > .row div:last-of-type {width: 60%; display: inline-block; float: none !important;}*/
    .roomsresults .normal-form input { height: 50px; margin-bottom: 10px; }
    .roomBox .roomBoxDetail { display: block; margin: 0; }
    .IframeFeatureContainer h2 { padding: 0 70px; }
    .IframeFeatureContainer .text-center:after { display: none; }
    #home-gallery { height: auto !important; }
    .home-page .IframeFeatureContainer { bottom: 5%; position: absolute; }
    #header2 .mobile-middle-kdm a { border: 1px solid #4a4754; color: #4a4754; padding: 5px 10px; border-radius: 5px; font-size: 90%; margin-right: 35px; }
    .top-mobile-strip { display: flex; flex-wrap: wrap; }
    .mobile-strip span:first-of-type { width: auto; }
    .mobile-strip span:last-of-type { width: auto; flex-grow: 1; padding-right: 0; }
    .mobile-strip .select-wrapper { position: absolute; width: 100%; background: #001846; top: 51px; }
    .categories-strip { z-index: 99; width: 100%; }
}

@media(max-width: 360px) {
    .waterResPage .grid-box-title, .spaInner .grid-box-title { top: 180px; }
    .IframeFeatureContainer h2 { padding: 0 40px; }
    #header2 .mobile-middle-kdm a { font-size: 80%; }
}

@media(max-width: 320px) {
    .spaDeals #LobbyModule .grid-box { margin-bottom: 150px; }
    .spaDeals .grid-box-fulltext { bottom: -130px; }
    .spaDeals .grid-box-fulltext p { min-height: 115px; }
}