﻿/*MarinaBay*/

:root { --blue: #008aaf; --stongBlue: #007bc0; --lightYellow: #fce5be; --Regular: 'Heebo-Regular, Arial;'; --bold: 'Heebo-Bold'; --title: 'FbMikteret-Regular'; }
body { font-size: 20px; background-color: #fffaf1; }

/*Generals*/
#headline, .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #contactform h3, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 250%; color: var(--blue); font-family: var(--title); margin-bottom: 8px; line-height: 1.2; }
.franchiseSec .section-title h2, #contactform h3 { color: var(--lightYellow); }
/*#headline h1::after, #headline h1::before, .section-title h1::after, .section-title h1::before, .section-title h2::after, .section-title h2::before, .grid-rows .grid-row-text h2::after, .grid-rows .grid-row-text h2::before { content: ''; display: inline-flex; background-image: url('/warehouse/dynamic/347522.svg'); width: 122px; height: 19px; margin: 0 15px; }
.franchiseSec .section-title h2::after, .franchiseSec .section-title h2::before { background-image: url('/warehouse/dynamic/347523.svg'); }*/

p { font-size: 80%; }
#SiteFooter p { font-size: 100%; }
.grid-text h2, .grid-rows .grid-row-text h3, .grid-gallery-section h3 { font-size: 90%; }

.grid-boxes.row::before, .grid-boxes.row::after, .grid-rows.row::before, .grid-rows.row::after, .gallery-cubes.row::before, .gallery-cubes.row::after,
#header #header-center-kdm .address span:last-child::after, #header #header-center-kdm a::before, #home-gallery .scroll-down::before { content: none; }

@media(max-width:767px) {
    #headline, .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #contactform h3, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 2.5rem; }
    /*#headline h1::after, .section-title h1::after, .section-title h2::after, .grid-rows .grid-row-text h2::after, .franchiseSec .section-title h2::after { content: ''; display: block; width: 122px; height: 19px; margin: 0px auto 15px; }
    .franchiseSec .section-title h2::before, #headline h1::before, .section-title h1::before, .section-title h2::before, .grid-rows .grid-row-text h2::before { content: none; }*/
}

/*Buttons*/
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, .grid-gallery-section .sec-button { background: var(--blue); font-family: var(--bold); color: #fff; font-size: 80%; border: none; height: 45px; line-height: 1.7; }
.grid-text .sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-gallery-section .sec-button:hover { background: #cb8c58; }

.grid-rows .grid-row-text a.grid-row-button.last-btn:hover { background: #f8ae47; }

.franchiseSec .grid-text .sec-button:hover { background: #f8ae47; color: var(--blue); }
/*Header*/
.home-page #header.bg, .home-page #header:not(.bg), #header.bg { background: var(--blue); }
#header #header-center-kdm { justify-content: flex-start; font-size: 100%; z-index: 1; }
#header.bg #header-center-kdm { padding: 0; }
#header #header-center-kdm a { font-size: 90%; font-family: var(--bold); color: var(--lightYellow); border-bottom: 1px solid; border-radius: 0; margin-right: 50px; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus { color: var(--lightYellow); }
#header #header-center-kdm .address { font-size: 80%; color: var(--lightYellow); }
#header #header-center-kdm .address span::after { content: ''; display: inline-block; width: 1px; height: 20px; background: var(--lightYellow); vertical-align: middle; margin: 0 8px 0 5px; }
#header .social-links a svg { fill: var(--lightYellow); }
#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: var(--lightYellow); }

#nav-toggle.active span:before, #nav-toggle-mobile.active span:before, #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { background: #008aaf; }
#header .submenu { background: #fffaf1; }
#header .submenu li > a { font-size: 90%; padding: 0 30px 12px; line-height: 1.8; color: #008aaf; }
#header .submenu li > a::before { content: none; }
#header .submenu > li:focus > a, #header .submenu > li:hover > a, .has-sub:hover i.opensub, #header .submenu > li.active, #header .submenu .menu-sub li a:hover, #header .submenu .menu-sub li a:focus, #header .submenu li.active > a { background: transparent; color: #f8ae47; }
.has-sub i.opensub { font-size: 90%; color: #008aaf; top: 5px; left: 20px; }
#header .submenu .menu-sub li a { font-size: 80%; }
@media(max-width: 767px) {
    #header { height: calc(var(--HEADER_HIGHT) + 10px); max-height: 80px; padding: 10px 20px !important; }
    
    #header .phone-icon { font-size: 1rem; }
    #header .phone-icon i { transform: rotate(100deg); color: var(--lightYellow); }
    #header #header-center-kdm { justify-content: center; padding: 0; }
    #header #header-center-kdm a { margin: 0; font-size: 0.8rem !important; }
    #header #header-left img, #header.bg #header-left img { max-width: 73px; }
    #header .submenu li > a { font-size: 1.05rem; }
    #header .submenu .menu-sub li a { font-size: 0.9rem; }
    #header .submenu > li.active > a { font-family: var(--regular); }
    #header .submenu li { padding: 0 30px 12px; text-align: center; }
    #header .submenu { width: 100% !important; max-width: 100%; height: calc(100% - 70px) !important; top: 81px; }
    #header:not(.menu-open):not(.subopen) .submenu { transform: translate(0, -100%); }
    #nav-toggle.active span:before, #nav-toggle-mobile.active span:before, #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { background: #fce5be;}
    #header .submenu .menu-sub li { text-align: center; }
    #header .submenu li.social-mobile { position: relative; bottom: unset; }
    #header #header-right .social-mobile .social-links { justify-content: center; }
    #header .social-links a svg { max-width: 28px; max-height: 28px; width: 28px; height: 25px; fill: var(--blue); }
    #header .social-links a { margin: 0 15px !important; }
}
/*Hero*/
#home-gallery ol.flex-control-nav.flex-control-paging { display: none; }
.scroll-down { text-align: center; position: absolute; top: -110px; left: 50%; transform: translateX(-50%); }
.scroll-down button { background: transparent; border: none; padding: 0; }
@media(max-width: 767px) {
    #home-gallery .gallery-caption { top: 50%; }
    #home-gallery .gallery-logo { width: 100%; }
    .scroll-down { left: 45%; }
}
#allSectionsWrapper { z-index: 1; }

/*BookNowSec*/
.bookNowSec .grid-text .grid-text-content { max-width: 850px; }
@media(max-width: 767px) {
    section.bookNowSec { margin-bottom: 0; padding-bottom: 15px; }
    .bookNowSec .grid-text .grid-text-content { max-width: 850px; padding: 0 30px; }
}
/*MenuSec*/
.sections .grid-content-section { margin-bottom: 0; padding-bottom: 25px; padding-top: 15px; }
.grid-boxes { display: flex; flex-wrap: wrap; }
.grid-box.box { margin: 0 0 80px 0; }
.grid-boxes .grid-box-image { padding-bottom: 190px; width: 190px; margin: 0 auto 25px; border-radius: 50%; }
.grid-boxes .grid-box-title h3 { font-size: 125%; }
.grid-content-section .grid-box .grid-box-title h3 a { font-family: var(--bold); color: var(--stongBlue); }
@media(max-width: 767px) {
    .sections .grid-content-section { padding-bottom: 0; }
    .section-title { margin-bottom: 30px; }
    .grid-box.box { margin-bottom: 30px; }
    .grid-boxes .grid-box-image { width: 130px; padding-bottom: 130px; margin-bottom: 10px; }
    .grid-boxes .grid-box .grid-box-title h3 { font-size: 0.8rem; }
}
/*EventsSec*/
section.grid-row-section { max-width: 1440px; }
.grid-row-section .grid-rows .grid-row-cell.flexslider-box.col-sm-6 { width: 745px; }
.grid-row-section .grid-row li.slider-item { padding-bottom: 77%; }
.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { width: calc(100% - 745px); padding-right: 100px; }
.grid-row-section .grid-rows .grid-row-text { max-width: unset; }
.grid-row-section .grid-rows .grid-row { background: transparent; margin-bottom: 34px; }

.flex-control-paging li a { background: #fce5be; width: 6px; height: 6px; position: relative; }
.flex-control-paging li a::before { display: block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #fff; }
.flex-control-nav li { overflow: visible; margin: 0 11px; }
.flex-control-paging li a::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 11px; height: 11px; border: 2px solid transparent; border-radius: 50%; }
.flex-control-paging li a.flex-active { background: #fce5be; }
.flex-control-paging li a.flex-active::after { border-color: #fce5be; }

.grid-rows .grid-row-text a.grid-row-button.last-btn { background: var(--stongBlue); }
@media(max-width: 767px) {
    section.grid-row-section { padding-top: 0; }
    .grid-row-section .grid-rows .grid-row { flex-direction: column; margin-bottom: 0; }
    .grid-row-section .grid-rows .grid-row-cell.flexslider-box.col-sm-6 { width: 100%; }
    .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; padding: 0 20px; }
    .grid-rows .grid-row-text a.grid-row-button { margin: 35px 0 0 5px; }
    .grid-rows .grid-row-text a.grid-row-button.last-btn { margin: 0 5px 0 0; }
    .grid-row-section .grid-rows .grid-row-text { text-align: center; }
    .grid-rows .grid-row-text p { font-size: 0.8rem; }
}
/*FranchiseSec*/
section.franchiseSec { margin-bottom: 0; padding-bottom: 0; }
.franchiseWrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.franchiseSec .section-title h2 { font-size: 250%; }
.franchiseSec .grid-text.gridTextWithImg .grid-text-content { position: relative; transform: none; top: unset; left: unset; color: #fff; }
.franchiseSec .grid-text .sec-button { background: var(--lightYellow); color: var(--blue); }

@media(max-width: 767px) {
    section.franchiseSec { padding-top: 0; }
    .franchiseWrap { width: 100%; }
}
/*GallerySec*/
.grid-gallery-section { max-width: 1440px; }
.grid-gallery-section .gallery-cubes > div { padding: 0 8px 16px; }
.grid-gallery-section h3 { margin-bottom: 50px; }
@media(max-width: 767px) {
    .grid-gallery-section .sec-button { margin-top: 10px; }
    .grid-gallery-section h3 { margin-bottom: 40px; }
}
/*Footer*/
body:not(.galleryPage) footer { padding-top: 100px; }

#SiteFooter { background: #fffaf1; color: #000; font-size: 70%; }
.footer-text-divided { font-size: 100%; }
.footer-text-divided > div.footer-text-left { display: flex; flex-direction: column; text-align: right; align-content: flex-end; flex-wrap: wrap; }
.footer-text-divided > div.footer-text-left p { padding-bottom: 10px; }
.footer-text-divided > div.footer-text-left p a { margin-left: 8px; }
.footer-text-divided > div.footer-text-right ul a { color: #000; }
@media(max-width: 767px) { 
    .footer-text-divided > div.footer-text-right { display: none; }
    #SiteFooter .footer-text-left p { font-size: 0.8rem; }
    .footer-text-divided > div.footer-text-left p a { margin: 0 10px; }
    #SiteFooter .footer-text-left img { width: 19px; height: 19px; }
    .footer-text-divided > div.footer-text-left { align-content: center; }
    .footer-text-divided > div.footer-text-left p { padding-bottom: 10px; }
    .footer-text-divided > div.footer-text-left p:nth-child(1), .footer-text-divided > div.footer-text-left p:nth-child(2) { display: none; }
    .footer-text-divided > div.footer-text-left p:nth-child(3) { order: 2; }
    .footer-text-divided > div.footer-text-left p:nth-child(4) { order: 1; padding: 20px 0; }

    body:not(.galleryPage) footer { padding-top: 50px; }
    #SiteFooter .mobile-seperator { background: #008aaf; }
}

/*Inners*/
.galleryPage .GridBottomGallery { max-width: 100%; padding: 0; }
.galleryPage .gallery-cubes > div { padding: 0 7px 14px; }

.MainContent { max-width: 850px; }
.MainContent h3 { font-size: 0.9rem; margin-bottom: 10px; }
#pageview { padding-bottom: 80px; }
#text1, #text2, .MainContent #headline, #MenuModule #headline { text-align: center; }
#text1 img { width: 100%; object-fit: cover; }
#text1 ul li { text-align: right; font-size: 0.75rem; margin-bottom: 10px; }

/*MenuPage*/
#MenuModule #headline { margin-bottom: 30px; }
#MenuModule .menuModuleNav { display: flex; justify-content: center; }
#MenuModule .menuModuleNav a { margin: 0 5px; padding: 0 25px; font-family: var(--bold); background: var(--blue); max-width: 150px; font-size: 0.8rem; height: 45px; border-radius: 0; display: inline-flex; align-items: center; color: #fff; transition: all 0.25s ease; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover { background: #cb8c58; color: #fff; }
#MenuModule .menuModuleNav a.selected::before { content: none; }

.menuModuleTextItemSubjectTitle { font-family: var(--bold); color: var(--blue); font-size: 0.9rem; }
.menuModuleTextItemSubjectDescription { font-size: 0.8rem; }
.menuModuleTextItemTitle, .menuModuleTextItemPrice { font-family: var(--bold); color: var(--blue); font-size: 0.7rem; line-height: 2.14; }
.menuModuleTextItemDescription { font-size: 0.7rem; line-height: 1.57; }
.menuModuleTextItemPart:after { border-color: var(--blue); }
@media(max-width: 767px) {
    #MenuModule .menuModuleNav { justify-content: flex-start; }
}

/*contactPage*/
#contactDetails .contactDetailsText1 h2 { font-size: 0.9rem; }
.contact-columns { padding-top: 20px; }
#contactDetails h3 { font-size: 0.9rem; font-family: var(--bold); color: var(--blue); }
#contactDetails .contactDetailsText1 p { font-size: 0.8rem; }
.contact-column:first-of-type { margin: 0; }
.contact-column { text-align: center; margin: 0 70px; }
#contactform .contact-form-comment { color: #fff; }
#contactform, .form-container-wide #DynamicFormObject { background-image: url(/warehouse/dynamic/345642.svg); }
#contactform #contact-form h3 { padding-bottom: 20px; }
/*general forms*/
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: var(--lightYellow); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 0.9rem; color: #fff; letter-spacing: 0.39px; }
.normal-form input, .normal-form select, .normal-form textarea { font-size: 0.7rem!important; background: #fff; height: 45px; margin-bottom: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.mailbox { width: 100%; }
.must:before { font-size: 0.7rem; }
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { background: var(--lightYellow); color: var(--blue); border: none; font-family: var(--bold); font-size: 0.8rem; margin-top: 35px; }
#DynamicFormObject input[type=submit]:hover, .normal-form input[type=submit]:hover { border: none; background: #f8ae47; color: var(--blue); }
.select-wrapper:after { top: 40%; }
#map-section .map-cover { background: var(--lightYellow); color: var(--blue); }
#map-section .map-cover:after { border-color: var(--blue); }
#map-section .map-cover .open-map { font-size: 1rem; background: var(--blue); color: #fff; }
@media(max-width:767px) { 
    #GridPromo #DynamicFormObject { max-width: 100% !important; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 100%; }
    #contactform #contact-form h3 { margin: 0; max-width: 100%; }
    #map-section .map-cover { transform: translate(-50%, -50%) !important; }
    #map-section .map-cover .open-map { font-size: 0.8rem; padding: 5px 15px; border-radius: 0; }
}

/*MediaPage*/
.grid-short-box.box .text-caption { width: 90%; }
.grid-short-box.box { margin-bottom: 30px; background: var(--lightYellow); color: var(--blue); }
#gridshort-view-media .grid-short-box-label { font-size: 1.2rem; font-family: var(--bold); padding-top: 0; }
.grid-short-box.box .grid-short-box-subtitle { display: none; }
#gridshort-view-media .grid-short-box-label::after { content: ''; display: block; width: 100%; height: 2px; background: var(--blue); margin: 25px 0; }
.grid-short-box.box .grid-short-box-text { color: #000; padding: 0; display: inline-flex; align-items: center; font-size: 1rem; }
.grid-short-box.box .grid-short-box-text::after { content: ''; display: inline-flex; width: 52.5px; height: 40px; background-image: url('/warehouse/dynamic/348823.svg'); background-size: cover; background-repeat: no-repeat; margin-right: 10px; } 
.grid-short-box.box:hover { background: #F2DBB4; color: var(--blue); }
.grid-short-box.box:hover .grid-short-box-text { color: #000; }
@media(max-width: 767px) {
    #gridshort-view-media .grid-short-box-label { font-size: 1rem; }
    .grid-short-box.box .grid-short-box-text { font-size: 0.8rem; }
    .grid-short-box.box .grid-short-box-text::after { width: 32.5px; height: 28px; margin-right: 5px; }
}

.categories-strip ul li { background: #fff; color: #0a79a0; border: 1px solid #0a79a0; }
.categories-strip ul li.active, .categories-strip ul li:hover { background: #0a79a0; color: #fff; }
.categories-strip ul li:not(.active) a:hover, .categories-strip ul li:not(.active) a:focus { background: transparent; }
@media(max-width: 767px) {
    .mobile-strip { background: #fff; color: #0a79a0; }
    .mobile-strip span { font-size: 100%; }
    .mobile-strip:after { font-size: 100%; top: 15px; }
    .mobile-strip .select-wrapper li.strip-item { border: none; color: #0a79a0; font-size: 100%; }
    .categories-strip ul li > a { font-size: 90%; padding: 0; }
}
/*laptops-adjustments*/
.safariBrowser .section-animation-item,
.safariBrowser .grid-boxes .section-animation-item,
.safariBrowser .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }

@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
}

@media (max-width: 767px) {
    #home-gallery { min-height: unset !important; }
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; }
}
