/*Dragot*/
/* INIT CSS */
/*Remove default top line*/
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: inherit; }
/*inherit header color*/
#header2 ul.menu li, #header2 ul.menu li:hover, .grid-boxes .grid-box-title h3 a { color: inherit; }
/* Remove focus border & opacity */
#header2 ul.menu li a:focus { border-width: 0; opacity: 1; }
/* Remove space from owl-gallery arrows*/
.owl-carousel .owl-nav div { font-size: 0; }
/* Remove banner /categories strip from accessability page*/
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; }
.accessabilityMainPage .categories-strip, #header2 .menu-nav .closed { display: none !important; }
/* Fix credit footer */
footer { padding: 0; }
#SiteFooter { padding: 0; float: none; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; line-height: 1; float: none; }
.roomSec .gallery-container .owl-nav .owl-prev { right: -60px; }
.roomSec .gallery-container .owl-nav .owl-next { left: -60px; }
.roomviewSec .grid-row li.slider-item img { min-height: 100%; object-fit: cover; }
.roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box ul.flex-direction-nav { width: 106%; left: 51%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: space-between; }
.roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box ul.flex-direction-nav a { position: unset; transform: none; margin: 0; border: 0; outline: none; box-shadow: none; }
.roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box ul.flex-direction-nav a::before { background-image: url(../../../Content/images/arrow_L.png); height: auto; aspect-ratio: 1; }
.roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box ul.flex-direction-nav a.flex-prev::before { background-image: url(../../../Content/images/arrow_R.png); }

@media(max-width:767px){
    .roomSec .gallery-container .owl-nav .owl-next { left: 35%; top: 110% }
    .roomSec .gallery-container .owl-nav .owl-prev { right: 35%; top: 110% }

    .roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box ul.flex-direction-nav { width: 90%; left: 50%; }
    .roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box ul.flex-direction-nav a::before { width: 45px; }
}

#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
/* Gridboxes fixes*/
/* Remove Gridcontent float */
#GridContent { float: none; }
/*Close opened floats*/
.shopLayout::after, .subTotalInner::after, .cartWrapper::after { content: ''; display: table; clear: both; }
/* DynamicForm fixes*/
/* remove borders*/
#DynamicFormObject { border: none; max-width: 100% !important; }
.grid-text p { margin-top: 0; }
.grid-rows .grid-row-text p { line-height: 1.5; }
/*fix items layout*/
.itemsList.row { display: flex; flex-wrap: wrap; }
.itemsList.row::before, .row:before, .row:after, #header2 ul.menu > li:before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, #DynamicFormObject:after, #header2 ul.menu > li::before,
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
.row { margin: 0; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*remove lobby max-width padding*/
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
/*fixed textarea width*/
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; }
/*inherit*/
.grid-text .grid-text-content { direction: inherit; }
/*reset lobby*/
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { display: flex; flex-wrap: wrap; padding: 0; }
#LobbyModule .grid-box, #lobbyview .grid-box { margin: 0; }
/*remove min-width*/
#GridTop .top-caption { min-width: 0; }
/*reset sections */
.section-title h1, .section-title h2 { max-width: 100%; }
/*remove inline*/
.grid-box-title { display: block; }
.grid-text-section .section-title { margin-bottom: 0; }
/*remove model open padding */
.modal.fade { padding: 0 !important; }
/*remove outline */
.grid-text .sec-button:focus { outline: none; }
.pagination > li > a { width: 43px; height: 43px; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*fix languages*/
#header2 .header-top-right a.lang:focus { border-bottom: inherit; }
#header2 .header-top-right a.lang { background: initial; }
/*fix header*/
#header2 ul.menu li .menu-sub a { float: none; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 ul.menu .menu-sub li { float: none; display: block; color: inherit; font-size: 100%; margin-bottom: 0; }
#header2 ul.menu .menu-sub li + li { margin-top: 10px; }
#header2 .menu-sub { float: none; text-align: inherit; background: inherit; }
#header2 ul.menu .menu-sub li:hover { color: initial; }
.gallery-container { width: 100%; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; }
.grid-rows .grid-row { background-color: initial; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0 15px; margin: 0; }
#SiteGrid.layout-bottom #GridContent { text-align: inherit; }
#text1, #text2 { text-align: inherit; max-width: 100%; }
.grid-rows .grid-row-text, .grid-rows .grid-row-text a, .section-title { margin: 0; }
.grid-rows .grid-row-text h2 { margin: 0; display: flex; align-items: center; }
#GridPage .max-width { width: 100%; max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }
.sections .section { padding: 0; margin: 0 auto; max-width: unset; overflow: hidden; }
#GridPage { padding: 40px 0; }
/* fixed: video container ratio 16:9 */
#videoContainer { position: relative; margin-top: 15px; margin-bottom: 15px; }
#videoContainer::before { content: ''; display: block; padding-top: 56.25%; }
#videoContainer > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0 15px; }

@media(max-width: 767px) {
    #GridPage { padding-top: 25px; padding-bottom: 0px; }
    #DynamicFormObject { margin: auto; }
}

body { font-size: 20px; background: #faf7f1; color: #2b3a41; }
:root { --BL: barlev-light; --SL: simpler-light; --anim: all 0.3s ease-in-out; }

/*Header*/
.home-page #header:not(.bg), .home-page #header.bg, #header.bg { background: #fff; padding: 0; }
#header #header-right { padding: 0; }
#header #header-center-kdm .address { display: none; }
#header #header-center-kdm a { background-color: #E6B799; color: #2b3a41; border-radius: 50px; padding: 0; height: 43px; width: 120px; display: flex; align-items: center; justify-content: center; font-size: 1rem; transition: var(--anim); }
#header #header-center-kdm a:hover { background-color: #2b3a41; color: #fff; }
#header #header-right .closed, #header .menu-nav .open { display: none !important; }
#header .nav-menu-anim { margin-left: 0; }

#header .submenu { margin: 0; background: #faf7f1; font-family: var(--BL); color: #000; top: 70.5px; text-align: right; padding-right: 70px; }
#header .submenu > li.active, #header .submenu > li:hover { background: transparent; color: #000; }
#header .submenu li > a, .has-sub i.opensub { font-size: 100%; line-height: normal; position: relative; }
#header .submenu > li { font-size: 200%; line-height: normal; padding: 0 0 20px 0; position: relative; }
.fa-angle-down:before, .fa-angle-up:before { font-size: 50%; top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

#header .submenu .menu-sub li a { font-size: 90%; }
#header .submenu .menu-sub li { text-align: right; padding: 0 0 15px 0; }
#header .submenu .menu-sub li:first-child { padding-top: 15px; }
#header .submenu .menu-sub li:last-child { padding-bottom: 0; }

#header .submenu > li:not(.social-mobile)::after, #header .submenu .menu-sub li::after { content: ""; display: block; bottom: 0; right: 0; width: 90%; height: 1px; background: #2b3a41; opacity: 0.3; margin-top: 10px; }
#header .submenu li.social-mobile { text-align: right; }
#header #header-right > .social-links { transition: var(--anim); }
#header.menu-open #header-right > .social-links { opacity: 0; }

@media(min-width:768px) {
    #header .menu-nav { padding: 21px 17.5px; }
    #header #header-left { padding-left: 40px; padding-right: 0; }
    #header .social-links { padding-right: 30px; }
}

@media(max-width:767px) {
    #header .menu-nav { padding: 22px 17.5px; }
    #header #header-left { padding-left: 20px; }
    #header .submenu > li { font-size: 150%; }
    #header .submenu li:first-child { margin-top: 50px; }
    #header .submenu { width: 100vw; padding: 30px 70.5px 30px 0; height: 100vh; max-height: 100vh; }
    #header .submenu .menu-sub li:first-child { margin-top: 0; }
}

#header .menu-nav { background: #faf7f1; }
#nav-toggle span:before, #nav-toggle-mobile span:before,
#nav-toggle span:after, #nav-toggle-mobile span:after { background: #2b3a41; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -3.5px; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -3.5px; }
#nav-toggle span, #nav-toggle-mobile span { background: #faf7f1; }

#header .social-links a.social_icon_instagram, #header .social-links a.facebook_icon_instagram { background-image: url('/warehouse/temp/dragot/insta.svg'); background-repeat: no-repeat; background-size: 100%; font-size: 100%; transition: var(--anim); }
#header .social-links a.social_icon_instagram:hover { background-image: url('/warehouse/temp/dragot/icon-insta-hover.svg'); }
#header .social-links a.facebook_icon_instagram { background-image: url('/warehouse/temp/dragot/facebook.svg'); }
#header .social-links a.facebook_icon_instagram:hover { background-image: url('/warehouse/temp/dragot/icon-fb-hover.svg'); }
#header .social-links a > svg { opacity: 0; width: 30px; height: 30px; }

#header-left .searchBtn { margin-left: 30px; display: inline-flex; }
.searchBtn svg, #SiteHeader.search-open .searchSubmitWrapper svg, header.search-open .searchBtn svg { fill: #2b3a41; }
header.search-open form#searchFormHeader { color: #2b3a41; }
header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { border-bottom: 1px solid #2b3a41; }
#header-left .searchBtn > a::after { content: ""; position: absolute; left: 0; top: 0; background: #000; width: 1px; height: 100%; }
#header-left .languages { color: #2b3a41; line-height: normal; padding-right: 15px; }
#header-left .searchBtn > a { padding-left: 15px; line-height: normal; position: relative; }

/* Categories strip */
.categories-strip { background: transparent !important; }
.categories-strip ul li { background: #EEE7DA; font-family: 'barlev-light'; font-size: 36px; color: #2B3A41; width: 180px; height: 50px; margin: 30px 8px; padding: 0; }
.categories-strip ul li.active { background: #FAF7F1; border: 1px solid #2b3a41; }
.categories-strip ul li:first-child { background: none; }

/*Homepage Slider*/
#home-gallery .gallery-caption { z-index: 3; font-family: 'barlev-light'; line-height: normal; top: 15%; }
#home-gallery .gallery-caption .gallery-text { font-size: 740%; }

#home-gallery::before { content: ""; position: absolute; background: #000; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.15; z-index: 3; }
#home-gallery .scroll-down button { background: transparent; border: none; font-size: 0; padding: 0; position: relative; display: inline-flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
#home-gallery .scroll-down button::before { content: "explore"; display: block; font-size: 12px; text-orientation: mixed; text-transform: uppercase; writing-mode: vertical-lr; margin: 0; padding-bottom: 10px; color: #faf7f1; line-height: normal; }
#home-gallery .scroll-down { font-size: 0; text-align: right; padding-right: 20px; }
#home-gallery .scroll-down img { min-width: 30px; width: 30px; }

#whatAppButton, .stickyButton { -webkit-box-shadow: none; bottom: 30px; }
#whatAppButton { left: 60px; transition: var(--anim); }
#whatAppButton a { width: 43px; height: 43px; display: inline-flex; padding: 11px; background: #e6b799; border-radius: 50%; }
.stickyButton { bottom: 30px; left: -70px; transition: var(--anim); }
.stickyButton:hover { left: 0; }
.stickyButton img { max-width: 150px; }
.stickyButton:hover #whatAppButton { left: 130px; }

#home-gallery.osWin, #home-gallery.osWin .slider-bg.stellar-bg { height: calc(var(--vh) * 1) !important; }
#home-gallery.osSafari { height: auto !important; }

.home-gallery-wrapper { position: relative; }
.order-form { position: absolute; bottom: -250px; left: 0; width: 100%; z-index: 3; padding: 0; margin: 0; }
@media(max-width:767px){
    .order-form { bottom: unset; top: 15%; }
    .order-form .grid-text-content { width: 100%; }
    .order-form .grid-text-content iframe { height: auto !important; }
}

#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { max-width: 200px; text-align: center; background: #e6b799; color: #2b3a41; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover { background: #0E1417; color: #fff; }
/*Homepage Sections*/
.grid-content-section:not(.threeLongBoxes) .grid-box-title h3, .section-title h1, .section-title h2, #LobbyModule .grid-boxes .grid-box-title h3, #headline h1 { font-size: 350%; font-family: var(--BL); margin: 0; line-height: normal; }
.grid-content-section:not(.threeLongBoxes) .grid-box-subtitle:not(.button) { font-size: 100%; color: inherit; margin-top: 20px; }
.grid-content-section:not(.threeLongBoxes) .grid-box-fulltext { font-size: 90%; }

.grid-content-section:not(.threeLongBoxes) .grid-box-subtitle.button { margin-top: 68px; margin-bottom: 40px; font-size: 90%; color: #2b3a41; letter-spacing: 1.95px; }
.grid-content-section:not(.threeLongBoxes) .grid-box-subtitle.button a { position: relative; border-bottom: 1px solid #2b3a4115; padding-bottom: 12px; }
.grid-content-section:not(.threeLongBoxes) .grid-box-subtitle.button a::after { content: ""; position: absolute; background-image: url('/warehouse/temp/dragot/ArrowBtn.svg'); background-size: 100% 100%; background-repeat: no-repeat; width: 30px; height: 30px; margin-right: 15px; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: var(--anim); }

/*GridSpecial*/
.grid-special { max-width: 1075px; margin: 120px auto; display: flex; width: 100%; align-items: center; align-items: flex-end; }
.grid-special > .section { width: 100%; padding: 0 40px; }
.grid-special .owl-carousel .owl-dots { z-index: 1; width: auto; bottom: auto; right: -10px; transform: rotate(90deg); top: 40px; line-height: normal; }
.grid-special .owl-carousel .owl-dot, .roomSec .owl-carousel .owl-dot { width: 7px; height: 7px; position: relative; margin: 5px 10px; }
.grid-special .owl-carousel .owl-dot.active, .roomSec .owl-carousel .owl-dot.active { background: #fff; }
.grid-special .owl-carousel .owl-dot.active::after, .roomSec .owl-carousel .owl-dot.active::after { content: ""; position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; border: 1px solid #fff; border-radius: 50%; }
.grid-special .owl-carousel .owl-item img, .grid-special .box-image-animation img { width: auto; }
.grid-special .grid-box.noImgCube .grid-box-image { display: none; }
.grid-special .partA { display: inline-flex; justify-content: flex-start; }

.partB .grid-box-image { padding-bottom: 0; margin: 0; }
.partB .grid-box-image-container { position: relative; }
.grid-special .partB .grid-box { width: 100%; padding: 0; text-align: right; margin: 0; }
.grid-special .grid-boxes .box-image-animation:hover img { transform: none; }
.grid-special .grid-boxes .box-image-animation { pointer-events: none; }
.grid-special > .section.partB .grid-boxes { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; }
.grid-special .partB .grid-box.noImgCube { flex-grow: 1; }

/*RoomSec*/
.sections .roomSec { padding: 60px 0 120px; background: #eee7da; overflow: visible; }
.home-page .sections .roomSec::before { content: ""; background-image: url('/warehouse/temp/dragot/highest-pick-stamp.svg'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; width: 186px; height: 188px; top: -50px; left: 100px; /* z-index: -3; */ }

.roomSec .owl-carousel .owl-item { padding: 0 10px; }
.roomSec .owl-carousel .owl-item .item { position: relative; padding: 0; }
.roomSec .owl-carousel .owl-item .item::before { content: ''; display: block; padding-top: 56.5%; }
.roomSec .owl-carousel .owl-item .topImg { position: absolute; top: 0; left: 0; }

.roomSec .gallery-container { max-width: 1280px; margin: auto; }
.roomSec .owl-carousel .owl-item .imgContentWrap { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; background: #fff; margin: 0px; min-height: 190px; padding: 0 25px; }
.imgContentWrap .imgTitle { font-size: 275%; letter-spacing: 1.1px; font-family: var(--BL); line-height: normal; padding-bottom: 30px; }
.imgContentWrap .item-text { margin-bottom: 20px; padding-bottom: 5px; letter-spacing: 1.95px; font-size: 90%; border-bottom: 1px solid #2b3a4150; position: relative; direction: rtl; }
.imgContentWrap .item-text::after { content: ""; position: absolute; background-image: url(/warehouse/temp/dragot/ArrowBtn.svg); background-size: 100%; background-repeat: no-repeat; width: 30px; height: 30px; margin-right: 20px; top: 50%; -webkit-transform: translateY(-50%); transition: var(--anim); }
.owl-item:hover .imgContentWrap .item-text::after, .grid-content-section:not(.threeLongBoxes) .grid-box-subtitle.button a:hover:after { background-image: url('/warehouse/temp/dragot/ArrowBtnHover.svg'); }
.roomSec h3 { font-size: 110%; margin: 10px 0; }
.roomSec .section-title { margin-bottom: 50px; }
.roomSec .owl-carousel .owl-dot, .roomSec .owl-carousel .owl-dot.active { background: #000; }
.roomSec .owl-carousel .owl-dot.active::after { border-color: #000; }
.roomSec .owl-carousel .owl-dots { bottom: -60px; }

.roomSec .gallery-container .owl-nav > div { display: block !important; }
.roomSec .owl-carousel .owl-dots { display: none !important; }

.owl-carousel .owl-item .item .plus-sign, .plus-sign { display: none; }
/*LongBoxes*/
.sections .threeLongBoxes .grid-boxes, #LobbyModule .threeLongBoxes .grid-boxes { max-width: 1280px; margin: 120px auto; }
.sections .threeLongBoxes .grid-box { padding: 0 5px; }
.sections .threeLongBoxes .grid-box-image { padding-bottom: 150%; margin: 0; }
.sections .threeLongBoxes .grid-box-title { position: absolute; width: 95%; bottom: 0; text-align: right; right: 5px; }
.sections .threeLongBoxes .grid-boxes .grid-box-title h3 { margin: 0; font-size: 250% !important; font-family: var(--BL); }
.sections .threeLongBoxes .grid-boxes .grid-box-title h3 a { margin: 0; padding: 5px 25px; background: #faf7f1; }

/*contactUs*/
.contactUs.grid-content-section { max-width: 1075px; padding: 0; margin: 0 auto 130px; }
.contactUs.grid-content-section .grid-boxes { display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row-reverse; }
.contactUs.grid-content-section .grid-boxes .grid-box { flex: 1 0 50%; margin: 0; }
.contactUs.grid-content-section .grid-box-fulltext { font-size: 90%; line-height: 1.75; }
.contactUs.grid-content-section .grid-box-fulltext p a img { margin-left: 10px; }
.contactUs.grid-content-section .grid-boxes .grid-box:first-child { padding: 40px 40px 0; }
.contactUs.grid-content-section .grid-boxes .grid-box:first-child .grid-box-image { padding-bottom: 64%; margin: 0 auto; max-width: 512px; padding: 0; }
.contactUs.grid-content-section .grid-boxes .grid-box:first-child .grid-box-image .grid-box-image-container { position: static; }
.contactUs.grid-content-section .grid-boxes .grid-box:first-child .grid-box-title { display: none; }
.contactUs.grid-content-section .grid-boxes .grid-box:first-child .grid-box-title h3 { font-family: 'made_mirage', serif; font-size: 175%; margin: 0; }
.contactUs.grid-content-section .grid-boxes .grid-box:nth-child(2) { flex-basis: 415px; text-align: right; padding: 40px 40px 0; }
.contactUs.grid-content-section .grid-boxes .grid-box:nth-child(2) .grid-box-image { display: none; }
.contactUs.grid-content-section .grid-boxes .grid-box.lastItem { position: absolute; left: auto; right: 0; bottom: 0; width: 46%; padding: 0 40px; }
.contactUs.grid-content-section .grid-boxes .grid-box.lastItem .grid-box-image { max-width: unset; padding-bottom: 63.5%; margin: 0; }
.contactUs.grid-content-section .grid-boxes .grid-box-subtitle { font-size: 100%; }
.contactUs .grid-boxes .box-image-animation:hover img { transform: none; }
.contactUs .grid-boxes .box-image-animation { pointer-events: none; }

/*Footer*/
.footer-text-divided { display: flex; justify-content: space-between; background: #0e1417; color: #faf7f1; padding: 40px 0 120px; }

@media(min-width:1025px) {
    .footer-text-divided .footerWrapper { width: 80%; display: flex; margin: auto; position: relative; }
    .footer-text-divided .footerWrapper::after { content: ""; position: absolute; background: #fff; opacity: 0.3; width: 100%; height: 1px; top: 35px; }
}

.footer-text-right { display: inline-flex; justify-content: flex-start; width: 80%; gap: 90px; }
.footer-text-right ul { list-style-type: none; font-size: 80%; padding-right: 0; }
.footer-text-right ul > li:first-child { font-size: 16px; padding-bottom: 40px; }
.ulContent { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
.footer-text-right ul:last-child .ulContent { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.ulContent li { padding-bottom: 15px; }
.ulContent a:hover { color: #eee7da; }
.footer-text-left { width: 20%; display: inline-flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; }
.footer-text-left p:first-child { padding-bottom: 15px; }
.footer-text-left p > a { margin: 0 5px; }

/*Inners*/
#headline { margin: 0; font-size: 100%; }
#lobbyText { margin-top: 10px; margin-bottom: 50px; max-width: 570px; font-size: 100%; }
#GridTop .top-caption { line-height: normal; font-family: var(--BL); font-size: 475%; }
#GridTop .top-caption h1 { font-size: inherit; }

/*OurStory*/
#LobbyModule .storyRow { padding-bottom: 90px; }
#LobbyModule .storyRow .grid-row { max-width: 1170px; margin: auto; }
#LobbyModule .storyRow .grid-row-text { width: 80%; font-size: 90%; color: #6f7274; padding-bottom: 0; }
#LobbyModule .storyRow .grid-row-text::before { content: ""; display: block; width: 88px; height: 1px; background: #2b3a41; margin-bottom: 30px; opacity: 0.15; }
#LobbyModule .storyRow .grid-row-text p { line-height: 1.69; padding-bottom: 25px; }

#LobbyModule .floatingSec { z-index: 1; overflow: visible; }
.floatingSec .textSecWrap { display: flex; justify-content: space-between; align-items: center; padding: 30px 20px; min-width: 600px; max-width: 800px; margin: auto; background: #fff; box-shadow: 0 3px 25px 0 rgb(0 0 0 / 5%); -webkit-transform: translateY(50%); margin-top: -3%; }
.floatingSec .textSecWrap .section-title h2 { font-size: 110%; font-family: var(--SL); }
.floatingSec .textSecWrap > div { padding: 0 20px; }
.floatingSec .textSecWrap .grid-text-content { width: 100%; padding: 0; }

.grid-text .sec-button { background: #2b3a41; border-radius: 0; width: 100%; min-width: 185px; max-width: 185px; font-family: var(--BL); font-size: 190%; line-height: normal; padding: 7px 20px; transition: var(--anim); }
.grid-text .sec-button:hover { background: #e6b799; color: #2b3a41; }

#LobbyModule .sections .threeLongBoxes .grid-boxes .grid-box-title h3 a { background: #eee7da; }
#LobbyModule .sections .threeLongBoxes { background: #eee7da; }

.sections .roomgallerySec { padding: 120px 0; }
.roomgallerySec .gallery-container { max-width: 1170px; margin: auto; position: relative; }
.roomgallerySec .master-slider .item.ms-slide:before { background: 0 0; }
.roomgallerySec .section-title { margin-bottom: 30px; }
button.master-cust-arrow, .master-slider .ms-nav-next, .master-slider .ms-nav-prev { display: none; }

@media(min-width: 991px) {
    button.master-cust-arrow { display: inline-block; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 30px; height: 30px; background-size: 100% 100%; background-repeat: no-repeat; border: none; }
}

button.master-cust-arrow.master-cust-arrow-next { background-color: transparent; background-image: url('/warehouse/temp/dragot/Arrow-right.svg'); }
button.master-cust-arrow.master-cust-arrow-prev { background-color: transparent; background-image: url('/warehouse/temp/dragot/Arrow-left.svg'); }

@media(max-width:1169px) {
    button.master-cust-arrow.master-cust-arrow-next { right: 20px; filter: invert(1); }
    button.master-cust-arrow.master-cust-arrow-prev { left: 20px; filter: invert(1); }
}

@media(min-width:1170px) {
    button.master-cust-arrow.master-cust-arrow-next { right: -5%; }
    button.master-cust-arrow.master-cust-arrow-prev { left: -5%; }
}

@media(min-width: 1025px) {
    #LobbyModule .sections .threeLongBoxes { padding: 45px 0 0; }
}

/*Accessability*/
#accessability { margin: 80px 0; }
#accessability .container-fluid { max-width: 1170px; }
#accessability #text1 h2 { font-family: var(--BL); }
#accessability #text1 p, #accessability #text1 li { font-size: 80%; }

/*Spa*/
.spaPage #GridPage, .events #GridPage { padding-top: 90px; padding-bottom: 0; }
.spaPage #lobbyText { margin-bottom: 0; }
.spaPage .sections .roomgallerySec { padding: 50px 0; }
.sections .treatments { padding-bottom: 80px; }
#LobbyModule .treatments .gridText1, #LobbyModule .treatments .gridText2 { width: 100%; padding: 0; text-align: center; max-width: 650px; display: block; margin: 70px auto 0; position: relative; font-size: 90%; }
#LobbyModule .treatments .gridText1 { margin-top: 0; }
#LobbyModule .treatments .gridText2 { margin-top: 30px; }
#LobbyModule .treatments .gridText2 p { padding: 16px 0px; letter-spacing: 2.22px; }

@media(min-width: 1025px) {
    #LobbyModule .treatments .gridText2::before { content: ""; position: absolute; border: 1px solid #000; top: 0; left: 190px; bottom: 0; right: 190px; z-index: -1; }
}

/*LiveShows*/
.events #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 275% }

#LobbyModule .liveShowSec { padding-bottom: 100px; }
#LobbyModule .liveShowSec .grid-boxes { max-width: 1170px; }
#LobbyModule .liveShowSec .grid-box { margin-bottom: 30px; padding: 0 10px; display: flex; flex-direction: column-reverse; }
.liveShowSec .contentBoxWrap { background: #fff; padding: 25px 25px 35px; text-align: right; }
#LobbyModule .liveShowSec .grid-boxes .grid-box-image { padding-bottom: 123%; margin-bottom: 0; }
.grid-content-section.liveShowSec .grid-box-subtitle.button { margin-top: 30px; margin-bottom: 0px; }

.sections .liveShowTextSec { padding: 100px 0; background: #eee7da; }
.liveShowTextSec .grid-text-content { max-width: 650px; padding-top: 30px; }
.liveShowTextSec .grid-text-content p:first-child { margin-bottom: 40px; }

/*SearchResultPage*/
#SearchResultPage { max-width: 970px; margin: auto; }
#SearchResultPage #headline { margin-bottom: 40px; }

/*Media*/
@media(min-width: 320px) {
}

@media(max-width: 767px) {
    .grid-content-section:not(.threeLongBoxes) .grid-box-title h3, .section-title h1,
    .section-title h2, #LobbyModule .grid-boxes .grid-box-title h3, #headline h1 { font-size: 225%; }

    /*Header*/
    #header-left .searchBtn { display: none; }
    #header #header-right { display: flex; align-items: center; }
    #header-right .searchMobile { margin-right: 20px; position: relative; padding-left: 10px; display: inline-flex; flex-direction: row-reverse; }
    #header .languages a { font-size: 80% !important; color: #000; line-height: 1; }
    #searchFormHeaderContainer { order: 1; }
    #header .searchMobile .languages, #header.subopen .searchMobile .languages { display: block !important; opacity: 1 !important; }
    #header-right .searchMobile::after { content: ""; background: #2b3a41; /* left: 0; */ width: 1px; height: 25px; /* position: absolute; */ top: 50%; /* transform: translateY(-50%); */ /* -webkit-transform: translateY(-50%); */ display: inline-block; margin: 0 15px; }
    #header #header-center-kdm a:first-child { font-size: 1rem; display: flex; margin-right: 30px; visibility: visible !important; }
    #header.bg #header-center-kdm { width: auto; display: inline-flex; }
    #header { display: flex; justify-content: space-between; align-items: center; }
    .searchBtn svg, header.search-open .searchBtn svg { fill: #2b3a41; }

    header #searchFormHeaderContainer form#searchFormHeader { background: #faf7f1; color: #2b3a41; bottom: -79px !important; }
    .searchSubmitWrapper input#searchFormSubmit { color: #2b3a41; }
    .searchSubmitWrapper svg { fill: #2b3a41; width: 20px; }
    header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { border-bottom: 1px solid #555; }

    #home-gallery .gallery-caption .gallery-text { font-size: 440%; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { font-size: 40%; }
    /*specialSection*/
    .grid-special { flex-direction: column; margin-top: 65px; }
    .grid-special > .section { padding: 0 15px; }
    .grid-special .partB { margin-top: 40px; }
    .grid-special .owl-carousel .owl-item img, .grid-special .box-image-animation img { width: 100%; }
    /*roomSec*/
    .home-page .sections .roomSec::before { left: 20px; width: 120px; height: 120px; top: -75px; }
    .roomSec .owl-carousel .owl-item .imgContentWrap { min-height: 150px; }
    .imgContentWrap .imgTitle { font-size: 175%; }
    .roomSec .gallery-container { padding: 0 15px; }
    .roomSec .owl-carousel .owl-item .item::before { padding-top: 100%; }
    .roomSec .owl-carousel .owl-item .topImg { width: 100%; height: 100%; }
    .roomSec .owl-carousel .owl-item img { height: inherit; object-fit: cover; object-position: center; }
    .roomSec .owl-carousel .owl-item .imgContentWrap { padding: 0 15px; }
    /*LongBoxes*/
    .grid-boxes .box-image-animation:hover img { transform: none; }
    .sections .threeLongBoxes .grid-box { padding: 0 15px; }
    /*ContactUs*/
    .contactUs.grid-content-section .grid-boxes .grid-box:first-child { padding: 0 15px; }
    .contactUs.grid-content-section .grid-boxes .grid-box.lastItem { position: relative; width: 100%; padding: 40px 15px 0; }
    .contactUs.grid-content-section .grid-boxes .grid-box:nth-child(2) { padding: 40px 20px 0; position: relative; flex-basis: auto; }
    .sections .threeLongBoxes .grid-box-image { padding-bottom: 100%; }
    /*Footer*/
    .footer-text-divided { padding: 20px 10px; }
    .footer-text-right { width: 100%; display: inline-block; }
    .footer-text-divided .footerWrapper { display: block; width: 100%; }
    .footer-text-right ul > li:first-child { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #fff; }
    .footer-text-left { flex-direction: row; width: 100%; justify-content: space-between; align-items: center; }
    /*inners*/
    #GridTop .top-caption { font-size: 300%; }
    #lobbyText { width: 90%; }
    /*OurStory*/
    #LobbyModule .storyRow { padding-bottom: 0; }
    #LobbyModule .storyRow .grid-row-text { width: 90%; }
    #LobbyModule .storyRow .grid-row-text::before { margin-top: 20px; margin-bottom: 20px; }
    .floatingSec .textSecWrap .section-title h2 { font-size: 100%; }
    #LobbyModule .floatingSec { overflow: visible; z-index: 1; }
    .floatingSec .textSecWrap { flex-direction: column; min-width: 90%; width: 90%; margin-top: -20%; }
    .floatingSec .textSecWrap > div { padding: 10px 0; }
    .floatingSec .textSecWrap > div:last-child { display: none !important; }

    #LobbyModule .sections .threeLongBoxes { padding-top: 50px; }

    /*Spa*/
    .sections .treatments { padding-bottom: 80px; }
    #LobbyModule .treatments .gridText2 p { border: 1px solid #000; width: 80%; margin: auto; }
    .treatments .grid-text-content { width: 100%; padding: 0 15px; }

    /*LiveShowPage*/
    #LobbyModule .liveShowSec { padding: 0 10px 40px; }
    #LobbyModule .liveShowSec .grid-box { width: 50%; padding: 0 2.5px; }
    .liveShowSec .contentBoxWrap { padding: 25px 10px 30px; }
    .sections .liveShowTextSec { padding: 50px 0; margin-bottom: 50px; }
}

/*pop up*/
#popup-modal .modal-content { border-radius: 0; }
.textmode.modal-body { width: 600px !important; height: 515px; padding: 0; z-index: 2; }
.modal-body h2 { font-family: 'barlev-light'; font-size: 55px; margin: auto; text-align: center; margin-top: 35px; padding-top: 40px; padding-left: 20px; max-width: 650px; width: 100%; }
.modal-body h4 { max-width: 600px; width: 100%; margin-bottom: 40px; padding: 0px 60px; }
.modal-body:after { content: ""; position: absolute; top: 16px; bottom: 16px; left: 16px; right: 16px; border: 2px solid #EEE7DA; pointer-events: none; }

/*fix 4.7.22*/
#popup-modal .modal-content { max-width: 650px !important; }
.textmode.modal-body { background: #EEE7DA !important; width: 650px !important; }
.textmode.modal-body div:nth-of-type(1) h4 { padding: 0; line-height: 2; margin-bottom: 10px; }
.textmode.modal-body div:nth-of-type(2) :first-child { margin-bottom: 0; margin-top: 20px; font-size: 16px; }
.textmode.modal-body div:nth-of-type(2) { margin: 0 50px; }
.textmode.modal-body div:nth-of-type(2) :last-child { margin-bottom: 20px; font-size: 16px; }
.textmode.modal-body :last-child { font-size: 16px; margin-top: 15px; }
.modal-body h4 { max-width: 650px; }
.modal-body:after { border: 2px solid #e6b799; }
.textmode.modal-body { background: #EEE7DA; height: auto; padding: 10px 15px; }
.modal-body h2 { padding: 0; }
/**/

@media(max-width:1024px) {
    .modal-body h2 { padding-top: 0px; }
}

@media(max-width:991px) {
    .modal-body h4 { margin-bottom: 25px; padding: 0 50px; }
    .modal-body h2 { padding-left: 40px; }

    .textmode.modal-body div:nth-of-type(1) h4 { padding: 0 20px; }
}

@media(max-width:767px) {
    .textmode.modal-body.textmode { width: 90vw !important; height: auto; }
    .modal-body h4 { margin-bottom: 25px; padding: 0 0px; }
    .textmode.modal-body div:nth-of-type(2) { margin: 0 25px; }
}

/*Dragot CSS.b*/

.our-bar #GridPage { padding: 0 0 120px; }
.our-bar .lobby-grid #GridPage .max-width { width: 1260px; }
.our-bar #headline { display: none; }
.our-bar .grid-row { display: flex; height: 550px; max-width: 1200px; margin: 0 auto; padding: 0 15px; flex-direction: row-reverse; }
.our-bar .flexslider-box { width: 59%; }
.our-bar .flexslider-box .slider-item { padding-bottom: 79%; }
.our-bar .flex-control-nav { right: auto; font-size: 0; padding: 0 20px; width: auto; }
.our-bar .flex-control-paging li a { background-color: #fff; }
.our-bar .flex-control-nav li a { width: 16px; height: 16px; border-radius: 15px; border: 1px solid transparent; position: relative; background: transparent; }
.our-bar .flex-control-paging li a.flex-active { background: inherit; border-color: #fff; }
.our-bar .flex-control-nav li a::after { content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; transform: translate(-50%, -50%); background: #fff; border-radius: inherit; }
.our-bar .grid-row-cell-text { width: 43%; text-align: right; }
.our-bar .grid-row-text { color: #2b3a41; width: 80%; }
.our-bar .grid-rows .grid-row-text a img { display: inline-block; margin-right: 10px; }
.our-bar .grid-rows .grid-row-text h2 { font-size: 350%; font-family: barlev-light; margin-bottom: 25px; }
.our-bar .grid-rows .grid-row-text p { font-size: 90%; }
.our-bar .sections .section { padding-top: 120px; }
.our-bar .sections .section.grid-menu-section { padding-top: 40px; }
.our-bar .grid-text-section .grid-text h2 { font-size: 100%; margin-top: 20px; }
.grid-menu-section ul { border: 0; padding: 50px 70px; text-align: right; }
.grid-menu-section ul::after { background-color: #eee7da; content: ""; display: block; border: 0; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; opacity: 0.5; }
.grid-menu-section ul li:not(.menuModuleTextItemSubject) { margin-top: 55px; margin-bottom: 0; }
.grid-menu-section ul .menuModuleTextItemPart:after { border: 0; }
.grid-menu-section ul .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd) { padding-left: 70px; }
.grid-menu-section ul .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even) { padding-right: 70px; }
.grid-menu-section ul .menuModuleTextItemTitle { color: #2b3a41; font-size: 170%; font-family: 'barlev-light'; letter-spacing: 0.68px; line-height: 1; margin-bottom: 10px; }
.grid-menu-section ul .menuModuleTextItemPrice { font-size: 70%; opacity: 0.8; color: #2b3a41; line-height: 1.7; }
.grid-menu-section ul .menuModuleTextItemDescription { color: #2b3a41; opacity: 0.8; font-size: 75%; padding-left: 35%; margin-bottom: 0; }
.grid-menu-section ul .menuModuleTextItemSubject { font-family: 'barlev-light'; color: #2b3a41; padding-top: 100px; background: #f4efe6; padding-bottom: 50px; margin-bottom: 0; }
.grid-menu-section ul .menuModuleTextItemSubjectTitle { font-size: 250%; }
.grid-menu-section ul .menuModuleTextItemSubjectDescription { font-size: 170%; }


@media (min-width:768px) {
    .grid-menu-section ul:before { content: ""; position: absolute; left: 50%; top: 55px; bottom: 55px; width: 1px; background-color: #2b3a41; opacity: 0.15; z-index: 0; }
    .grid-menu-section ul li { z-index: 1; position: relative; }
    .grid-menu-section ul .menuModuleTextItemSubject + li { margin-top: 0; }
    .grid-menu-section ul li:not(.menuModuleTextItemSubject):first-child { margin-top: 0; }
}

@media (max-width:1024px) {
    .our-bar .grid-row-cell-text { text-align: center; }
    .our-bar .grid-row-text { width: 90%; }
}

@media (max-width:767px) {
    .our-bar #GridPage { padding: 0; }
    .our-bar .grid-row { display: flex !important; flex-direction: column; height: initial; }
    .our-bar .flexslider-box { width: 100%; }
    .our-bar .grid-row-cell-text { width: 90%; margin: 0 auto; }
    .our-bar .grid-row-text { width: 100%; }
    .our-bar .grid-rows .grid-row-text h2 { font-size: 200%; margin-bottom: 10px; margin-top: 10px; }
    .our-bar .sections .section { padding-top: 50px; }
    .our-bar .grid-text-section .grid-text h2 { font-size: 75%; margin-top: 10px; }
    .grid-menu-section ul { padding: 40px 20px; }
    .grid-menu-section ul li:not(.menuModuleTextItemSubject) { margin-top: 0; }
    .grid-menu-section ul .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd) { padding-left: 0px; }
    .grid-menu-section ul .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even) { padding-right: 0px; }
    .grid-menu-section ul .menuModuleTextItem0 .menuModuleTextItemPart, .menuModuleTextItem1 .menuModuleTextItemPart { margin-bottom: 15px; }
    .grid-menu-section ul .menuModuleTextItemSubject { padding-bottom: 40px; padding-top: 40px; }
    .grid-menu-section ul .menuModuleTextItemTitle { font-size: 150%; }
    .grid-menu-section ul .menuModuleTextItemDescription { padding-left: 20%; }
    .grid-menu-section ul .menuModuleTextItemSubjectTitle { font-size: 200%; }
    .grid-menu-section ul .menuModuleTextItemSubjectDescription { font-size: 150%; }
    .grid-menu-section ul li:last-child { margin-bottom: 0; }
}

/* dargot */
.roomsPage #GridPage { padding-top: 75px; padding-bottom: 0; }
.roomsPage .floatingSec .textSecWrap { margin-top: -6%; }
.roomsPage #GridTop { max-height: 330px; margin-top: 70px; }
.roomsPage #GridTop .top-caption { top: 50%; }
.roomsPage .section-title h2 { font-size: 350%; }
.roomsPage .sections .roomgallerySec { background: #eee7da; }
.roomsPage .categories-strip { background: none; }
.roomsPage .categories-strip ul li { background: #EEE7DA; font-family: 'barlev-light'; font-size: 36px; color: #2B3A41; width: 180px; height: 50px; margin: 30px 8px; padding: 0; }
.roomsPage .categories-strip ul li.active { background: #FAF7F1; border: 1px solid #2b3a41; }
.roomsPage .categories-strip ul li:first-child { background: none; }

@media(max-width:767px) {
    .roomsPage .mobile-strip { background: #EEE7DA; color: #2B3A41; }
    .roomsPage .categories-strip ul li:first-child, .roomsPage .mobile-strip .select-wrapper li.strip-item { color: #000; font-size: 30px; margin: 5px 8px; }
}

.roomviewSec.grid-row-section .grid-rows { max-width: 1200px; padding: 0 15px; margin: 0 auto; display: block; }
.roomviewSec .grid-rows .grid-row { direction: rtl !important; display: flex; flex-wrap: wrap; margin: 0 -32px; width: auto; color: inherit; padding: 45px 0 40px; }
.roomviewSec .grid-rows .grid-row + .grid-row { margin-top: 90px; }
.roomviewSec .grid-rows .grid-row:nth-child(odd) { flex-direction: row-reverse; }
.roomviewSec .grid-rows .grid-row-text { display: block; width: 100%; }
.roomviewSec .grid-rows .grid-row .grid-row-cell { padding: 0 32px; display: block !important; }
.roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 59.888%; }
.roomviewSec .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { width: 40.112%; }
.roomviewSec .grid-rows .grid-row-text h2 { font-size: 350%; line-height: .94; letter-spacing: 1.3px; margin-bottom: 25px; font-family: 'barlev-light', sans-serif; }
.roomviewSec .grid-rows .grid-row-text p { font-size: 90%; line-height: 1.3; }
.roomviewSec .grid-rows .grid-row-text p + p { margin-top: 10px; }
.roomviewSec .grid-rows .grid-row-text a.grid-row-button { font-size: 190%; letter-spacing: 2.4px; background-color: #e6b799; border: none; border-radius: 0; font-family: 'barlev-light'; min-width: 185px; text-align: center; padding: 4px; line-height: 1.4; margin-top: 60px; transition: all 0.3s ease-in-out; }
.roomviewSec .grid-rows .grid-row-text a.grid-row-button:hover { background: #0E1417; color: #fff; }
.roomviewSec .flex-control-nav { right: auto; padding: 0 20px; bottom: 20px; width: auto; font-size: 0; }
.roomviewSec .flex-control-paging li a { background-color: #fff; }
.roomviewSec .grid-rows .grid-row-text ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; padding-top: 25px; border-top: 1px solid rgb(43 58 65 / 15%); margin-top: 25px; margin-bottom: -25px; line-height: 1; }
.roomviewSec .grid-rows .grid-row-text ul.choseBed { flex-direction: column; }
.roomviewSec .grid-rows .grid-row-text ul.choseBed li span { width: 75px; }
.roomviewSec .grid-rows .grid-row-text ul img { display: inline-block; margin: 0 0 0 10px; }
.roomviewSec .grid-rows .grid-row-text ul li { flex-basis: 33.3333%; font-size: 75%; margin-bottom: 25px; display: flex; align-items: center; line-height: 1.2; }
.roomviewSec .grid-rows .grid-row-text h5 { font-size: 75%; opacity: .8; margin: 20px 0 0; line-height: 1; }
.roomviewSec .grid-row li.slider-item { padding-bottom: 82.22222222%; }
.roomviewSec .flex-control-nav li a { width: 16px; height: 16px; border-radius: 15px; border: 1px solid transparent; position: relative; background: transparent; }
.roomviewSec .flex-control-paging li a.flex-active { background: inherit; border-color: #fff; }
.roomviewSec .flex-control-nav li a::after { content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; transform: translate(-50%, -50%); background: #fff; border-radius: inherit; }

.roominfoSec.grid-text-section { padding: 40 px 15px 120px; }
.roominfoSec.grid-text-section .section-title h2 { font-size: 275%; }
.roominfoSec .grid-text { font-size: 90%; line-height: 1.33; margin-top: 10px; }
.roominfoSec .grid-text .grid-text-content { width: 100%; padding: 0; }





.roomsPage .roomSec { padding-top: 140px; background-color: #faf7f1; }
.roomsPage .roomSec .section-title h2 { font-size: 350%; letter-spacing: 1.4px; }
.roomsPage .roomSec .section-title h3 { font-size: 100%; }

@media(max-width: 767px) {
    .roomsPage #GridTop { max-height: 250px; }
    .roomsPage #GridTop .top-caption { font-size: 300%; }
    .roomsPage #GridPage { padding-top: 40px; }
    .roomsPage .section-title h2 { font-size: 275%; }

    .roomviewSec .grid-rows .grid-row-text { padding: 0; }
    .roomviewSec .grid-rows .grid-row .grid-row-cell.grid-row-cell-text,
    .roomviewSec .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 100%; }

    .roomviewSec .grid-rows .grid-row { margin: 0 -15px; padding: 30px 0; }
    .roomviewSec .grid-rows .grid-row + .grid-row { margin-top: 30px; }
    .roomviewSec .grid-rows .grid-row .grid-row-cell { padding: 0 15px; }
    .roomviewSec .grid-rows .grid-row-text h2 { margin-bottom: 20px; font-size: 250%; }
    .roomviewSec .grid-rows .grid-row-text p + p { margin-top: 5px; }
    .roomviewSec .grid-rows .grid-row-text a.grid-row-button { margin-top: 30px; font-size: 125%; min-width: 150px; }
    .roomviewSec .grid-rows .grid-row-text ul { margin-top: 20px; margin-bottom: -20px; padding-top: 20px; }
    .roomviewSec .grid-rows .grid-row-text ul img { width: 24px; margin-left: 5px; }
    .roomviewSec .grid-rows .grid-row-text ul li { margin-bottom: 20px; flex-basis: auto; margin-left: 20px; }
    .roominfoSec.grid-text-section { padding-top: 30px; padding-bottom: 90px; }
    .roomviewSec .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { padding-top: 20px; }
    .roomgallerySec.grid-gallery-section { padding-top: 60px; padding-bottom: 120px; }

    /*.roomsPage .roomSec { padding-top: 120px;}*/
    .roomsPage .floatingSec .textSecWrap { margin-top: -170px; }
}


.contactPage #GridTop { max-height: 330px; margin-top: 70px; }
.contactPage #GridTop .top-caption { top: 50%; }
.contactPage #headline { margin-bottom: 20px; }
.contactPage #GridPage { padding-top: 60px; padding-bottom: 80px; }
.contactPage #text1 { line-height: 1.5; padding: 0 15px; font-size: 90%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 5px; }
.contactPage .form-container-wide #DynamicFormObject { max-width: 964px !important; margin: 50px auto 0; width: 100%; display: block; border: none; background-color: #fff; padding: 30px 64px 25px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-top: 10px; padding: 5px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 130%; display: none; }
.contactPage #text1 > ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; margin-bottom: 30px; padding: 0; }
.contactPage #text1 > ul > li { padding: 0 7px; }
.contactPage #text1 p > a { margin-bottom: 10px; display: inline-block; }

#SiteFooter .footerFormContainer { background: transparent; }
/*Footer Form*/
#DynamicFormObject { color: #2b3a41; }
.normal-form input::placeholder, .normal-form textarea::placeholder { color: #2b3a41; }
.normal-form input, .normal-form textarea { margin: 0; box-shadow: none; font-size: 65%; color: #2b3a41; border: none; background-color: #faf7f1; border-radius: 0; height: auto; padding: 16px 30px; line-height: 1; }
.normal-form input:focus { outline: 1px solid rgb(0 0 0 / 50%); border: none !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; font-size: 12px; top: 15px; color: #2b3a41; }
.form-container-wide #DynamicFormObject form { margin-top: 0; }
.FooterForm.form-container-wide #DynamicFormObject { padding: 70px 90px; max-width: 1304px !important; margin: 0 auto; display: block; color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; font-size: 100%; margin: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; padding: 7px 5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { letter-spacing: 1.66px; text-align: center; font-size: 320%; line-height: 1; margin: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 130%; margin: 0; text-align: center; letter-spacing: 0.68px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; font-size: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; display: flex; justify-content: center; margin-top: 15px; padding: 0 5px; }
.form-container-wide #DynamicFormObject input[type=submit] { width: auto; background-color: #2b3a41; color: #fff; border-radius: 0; min-width: 170px; border: 2px solid transparent; height: auto; padding: 8px; letter-spacing: 2.4px; font-size: 150% !important; font-family: 'barlev-light'; }
.FooterForm.form-container-wide { float: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must { position: relative; }
.input-wrapper span.error { font-size: 65%; left: 10px; top: 9px; line-height: 1; }




@media(min-width: 768px) {
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; }
}

@media(max-width: 767px) {
    .contactPage #GridTop { max-height: 250px; }
    .contactPage #GridTop .top-caption { font-size: 300%; }

    .normal-form input[type=text], .normal-form textarea { font-size: 80%; }
    .FooterForm.form-container-wide #DynamicFormObject { padding: 50px 15px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .FooterForm.form-container-wide .normal-form input { margin-bottom: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 220%; text-align: center; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; text-align: center; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 80%; }
    .form-container-wide #DynamicFormObject input[type=submit] { width: 100%; /*font-size: 100% !important;*/ }

    .footer-text-divided > div.footer-text-middle { padding-top: 10px; padding-bottom: 10px; }
    .footer-text-divided > .footer-text-middle > ul { text-align: left; font-size: 75%; }
    .footer-text-divided > .footer-text-middle > ul > li { flex: 1 100%; padding: 15px; }
    .footer-text-divided > .footer-text-middle > ul > li > * { display: inline-block; vertical-align: middle; }
    .footer-text-divided > .footer-text-middle > ul > li a { margin-left: 20px; }
    #SiteFooter .footer-text-divided > .footer-text-middle > ul img { height: 16px; width: 16px; }

    .contactPage #GridPage { padding-top: 50px; }
    .contactPage #text1 { padding-top: 10px; }
    .contactPage #text1 > p { font-size: 110%; }
    .contactPage #text1 > ul { margin: 15px 0; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 80%; }
    .contactPage .form-container-wide #DynamicFormObject { padding: 30px 15px; margin-top: 25px !important; }
}