/**Grey**/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap'); /*font-family: 'Playfair Display', serif;*/

body {font-size: 20px; background-color: #131313; color: #fff;}
body:not(.home-page) { background: url('../../../warehouse/temp/gray/innerBg.jpg');}
h1, h2 {position: relative;}
.row {margin: 0;}
.grid-boxes .grid-box-title h3 a {color: inherit;}
.section-animation-item { opacity: 1 !important; transition: none; -webkit-transition: none; -o-transition: none; margin-top: 0; z-index: 1;}
.grid-text p {margin-top: 0;}

/*General Transition Styles*/
a, .categories-strip ul li, .grid-text .sec-button, #map-section .map-cover .open-map {transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
a:hover, a:focus { color: inherit;}

/*General Hover Styles*/
.aboutPage #FormResultPage #text1 a:hover,
    .aboutPage #FormResultPage #text1 a:focus, #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus,
    .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background-color: #fff;}
    
/*General Form Styles*/
#SiteGrid.layout-bottom #GridPromo {padding: 0;}
.grid-form-section {padding: 0;}
.form-container-wide #DynamicFormObject, #contactform  {display: block; padding: 40px 55px 55px;}
.form-container-wide #DynamicFormObject .dynamicFormEndText, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {display: none;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 160%; margin-bottom: 20px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .form-container-wide #DynamicFormObject .dynamicFormObjectField, .aboutPage .dynamicFormObjectField,
    #contactform .submit-btn>div, #contactform .contact-container .row > div{ padding: 0 10px;}
.must:before {right: 18px;}
label.error, span.error {top: 12px; left: 15px;  font-size:75%;}

#DynamicFormObject {padding: 40px 20px;}
#DynamicFormObject, #contactform {border: none; color: #fff; background: #232323;}
#DynamicFormObject:after, .normal-form:after { content: none;}
#DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0;}
#DynamicFormObject .dynamicFormObjectFields .top-form { display: block; line-height: 1.2; margin-bottom: 15px;}
#DynamicFormObject .dynamicFormObjectFields { margin-bottom: 0;}
.normal-form input, .normal-form select, .normal-form textarea { max-width: 100%; width: 100%; background: #0f0f0f; color: #fff; border: none; border-radius: 0; font-size: 80%;
    padding-right: 15px;}
.normal-form input, .normal-form select {height: 46px;}
.normal-form textarea { height: 100px;}
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder {color: #fff;}
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { max-width: 100%; width: 100%; height: 46px; background: #aa9157; color: #141414; border: 1px solid transparent; border-radius: 23px; padding: 0;
    font-size: 90%;}

/*Header*/
.home-page #header:not(.bg), #header.bg { background: #191919; padding: 14px 10px;}
#header #header-right .closed, #header .menu-nav .open {display: none !important;}
/*#header .phone-icon {display: table-cell; vertical-align: middle; padding: 3px 5px 0 0;}*/
#header .phone-icon a { display: block; font-size: 76%;}
#header .phone-icon a, #header .social-links a { width: 32px !important; height: 32px; background: #aa9157; border-radius: 50%; text-align: center;}
#header .phone-icon i { color: #191919; vertical-align: middle; line-height: 32px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);} 
#header #header-right .social-links a svg { fill: #191919;}
/*#header #header-center-kdm {display: none;}*/
#header #header-center-kdm .address span:first-child { display: none;}
#header #header-center-kdm {width: 125px; top: 52%; right: 3.6%; left: auto !important; font-size: 100%;}
#header.bg #header-center-kdm {padding: 0;}
#header #header-right > .social-links {padding-left: 0;}
.nav-menu-anim {margin-left: 0;}
#header .menu-nav {background: none;}
#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 {height: 4px;}
#header #header-right > .social-links a {margin-left: 5px;}
#header .submenu { background:#0f0f0f;}/*background: #10100f;*/
#header .submenu li:not(.social-mobile) > a { width: auto;}
#header .submenu li:not(.social-mobile) a:after { content: ''; position: absolute; width: 100%; height: 3px; background: none; right: 50%; bottom: -3px; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%); transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header .submenu li.active > a:after, #header .submenu li:hover > a:after, #header .submenu li:focus > a:after { background: #aa9157;}
#header .submenu > li.active, #header .submenu>li:focus, #header .submenu>li:hover { background: none;}
#header .submenu li.has-sub > a { margin-right: 22px;}
#header .submenu li > a:focus { color: inherit; text-decoration: none;}
#header.menu-open #header-right > .social-links { visibility: hidden; pointer-events: none;}
/*#header .submenu li.has-sub > a {position: relative; }*/
#header .submenu li.has-sub > a:before { content: ''; position: absolute; width: 14px; height: 15px; background: url(../../../warehouse/temp/gray/arrWhite.png); background-size: cover;
    background-position: center center; top: 8px; left: -20px; pointer-events:none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg);
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header .submenu li.has-sub.sub-open > a:before {transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);}
#header .submenu li i {opacity: 0;}
#header .submenu li.social-mobile {padding-top: 40px;}
#header #header-left img, #header.bg #header-left img {max-width: 140px;}

/*Home Page*/
.home-page footer {display: none;}
.home-page .grid-content-section:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); pointer-events: none;}
.home-page .grid-boxes .grid-box:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.3); pointer-events: none;}
.home-page .grid-boxes .section-animation-item {opacity: 1; padding: 0; transition: none; -webkit-transition: none; -o-transition: none; margin-bottom: 0;}
.home-page .grid-content-section {max-width: 100%; position: relative; margin: 0; padding: 0; overflow: hidden;}
.home-page .grid-boxes .grid-box-image {margin-bottom: 0;}
.home-page .grid-box-title {position: absolute; width: 100%; top: 45%; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); z-index: 1;}
.home-page .grid-boxes .grid-box-subtitle { position: absolute; width: 100%; top: 54%; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); z-index: 1;}
.home-page .grid-boxes .box-image-animation, .home-page .grid-boxes .grid-box-title h3 a {pointer-events: none;}
.home-page .grid-boxes .grid-box-subtitle a, .aboutPage #FormResultPage #text1 a { display: inline-block; width: 170px; height: 40px; border-radius: 20px; line-height: 38px; color: #fff; 
    border: 2px solid #fff; font-size: 100%;}
.home-page .grid-boxes .grid-box-subtitle a:hover, .home-page .grid-boxes .grid-box-subtitle a:focus,
    .grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover
    { background: #fff; font-weight: bold; color: #131313;}
.home-page .grid-boxes .grid-box-subtitle a:hover { color: inherit;}
.home-page .grid-boxes .grid-box-title h3 { position: relative;  font-family:almoni-neue-aaa-700; letter-spacing: -1.16px; font-size: 290%; margin: 0; }
.home-page .privateSec .grid-box-title h3:after { content: 'PLEASURE'; position: absolute; top: -15px; right: 50%; font-family:'Playfair Display', serif; font-size: 30px; 
    color: #aa9157; z-index: -1;  transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);}
.home-page .businessSec .grid-box-title h3:after { content: 'BUSINESS'; position: absolute; top: -15px; right: 50%; font-family: 'Playfair Display', serif; font-size: 30px; 
    color: #aa9157; z-index: -1; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);}
.home-page .businessSec .grid-box-fulltext p:first-child { margin-right: 5px;}
.home-page .businessSec .grid-box-fulltext p:nth-child(2) { margin-left: 5px;}
.home-page .grid-boxes .grid-box-subtitle {font-size: 100%;}

/*Form Section*/
.hpFormSec.grid-form-section { max-width: 100%; background: #232323; margin: 0;}
.hpFormSec .form-container-wide #DynamicFormObject {max-width: 100%;}
.hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 120%; margin-bottom: 15px;}
.hpFormSec .form-container-wide #DynamicFormObject{ display: block; padding: 23px 40px;}
.hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields { max-width: 800px; width: 100%; display: block; margin: 0 auto;}

@media(min-width: 991px) {
     #allSectionsWrapper { overflow: hidden;}
    .hpFormSec.grid-form-section { width: 100%; position: absolute; bottom: 0; z-index: 10; }
    .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields { max-width: 1000px;}
    .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, 
        .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { display: inline-block;}
    .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { max-width: 180px; margin: 0 0 0 15px; vertical-align: top; line-height: 1;}
    .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: calc(100% - 210px);}
}

@media(min-width: 768px) {
    .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectField, .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33.333%;}
}
@media(max-width: 767px) {
    .hpFormSec .form-container-wide #DynamicFormObject { padding: 20px 15px;}
    .hpFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%;}
}

/*Footer*/
footer {padding-top: 0;}
#SiteFooter .st0 {fill: #fff;}
#SiteFooter .site-credit.alternative {padding: 10px 0;}
/*#SiteFooter .footer-address { font-size: 90%; color: #aa9157; margin-top: 0; background: #191919; padding: 11px 20px 11px 0; text-align: right;}*/
#SiteFooter .footer-address {display: none;}
.footer-text-divided a:hover { text-decoration: underline;}
.footer-text-divided { /*display: block;*/ position: relative; background: #191919; font-size: 75%; color: #fff;}
.footer-text-divided:after { content: ''; display: table; clear: both;}
/*.footer-text-divided > div.footer-text-left { display: inline-block; width: auto; float: left;}*/
.footer-text-divided ul { padding: 0; margin: 0;}
.footer-text-divided ul li { list-style: none;}
.footer-text-divided > div ul { display: inline-block; vertical-align: top;}
.footer-text-divided > div ul { margin-left: 30px;}
.footer-text-divided > div {vertical-align: middle;}
.footer-text-divided > div ul:last-child { margin-left: 0;}
#SiteFooter .footer-text-divided > div.footer-text-middle img { width: 180px;}
.footer-text-divided > div.footer-text-middle { color: #aa9157;}
.footer-text-divided>div.footer-text-middle p:last-child { margin-top: 15px;}

/*Inner Pages*/
#GridTop:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.3); pointer-events: none;}
.top-caption { font-family: 'Playfair Display', serif; font-size: 250%; text-transform: uppercase; letter-spacing: -1px;}
.internalPage .section {padding: 0; margin: 0 auto;}
.internalPage .grid-form-section {margin-bottom: 130px;}
#headline {font-size: 240%;}
#headline h1, .grid-content-section .section-title h2 {display: inline-block; font-family: almoni-neue-aaa-700;}
.grid-gallery-section .section-title { margin-bottom: 40px;}
.grid-gallery-section .section-title h2 { font-family: almoni-neue-aaa-700;}
body:not(.aboutPage) #headline h1:before, body:not(.aboutPage) #headline h1:after, .grid-gallery-section .section-title h2:before, .grid-gallery-section .section-title h2:after, 
    .grid-content-section .section-title h2:before,  .grid-content-section .section-title h2:after{ content: ''; display: inline-block; width: 90px; height: 3px; background: #aa9157; vertical-align: middle;}
body:not(.aboutPage) #headline h1:before, .grid-content-section .section-title h2:before { margin-left: 15px;}
body:not(.aboutPage) #headline h1:after, .grid-content-section .section-title h2:after { margin-right: 15px;}
.grid-gallery-section .section-title h2:before { margin-left: 50px;}
.grid-gallery-section .section-title h2:after { margin-right: 50px;}
.gallery-cubes > div {display: inline-block; float: none; padding: 10px;}
.gallery-cubes .boxes-images-outer-image:hover .image-link-container {background: rgba(0,0,0,.7);}
.gallery-cubes .image-link-inner {background: none; color: #aa9157;}
.gallery-cubes .plus-sign {font-size: 400%; line-height: 0.4;}

#subheadline h2, #contactform h3 { margin-bottom: 0;}
.grid-text, #text1, #text2 {max-width: 800px; font-size: 90%; line-height: unset; margin: 0 auto; margin-bottom: 85px;}
#videoContainer {max-width: 100%; margin: 0 auto;}
iframe {width: 100%;}
.categories-strip ul {background: #232323;}
.categories-strip ul li { margin: 0 -3px;}
.categories-strip ul li.strip-item.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus {background: #aa9157; color: #141414}
.categories-strip ul li a { transition: none; -webkit-transition: none; -o-transition: none;}
.categories-strip ul li a:focus { text-decoration: none;}

.grid-gallery-section .gallery-container { max-width: 1440px; margin: 0 auto 30px;}

/*About Page*/
.aboutPage #headline {margin-bottom: 0;}
.aboutPage #headline, .aboutPage #text1 { text-align: right;}
.aboutPage #headline h1:after {content: ''; display: block; height: 3px; width: 70px; background: #aa9157;margin: 10px 0 20px;}
.aboutPage #text1 {max-width: 800px; margin: 0;}

/*Mini HP Pages (Business Events, Private Events) - Section Styles*/
.grid-text .grid-text-content { padding: 0; width: 100%;}
.grid-text h2 { font-size: 130%;}
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button { height: 40px; width: 160px; background: none; border-radius: 20px; border: 2px solid #fff; padding: 0; line-height: 37px; margin-top: 30px;}
.GridComplexGallery { max-width: 1440px; margin: 0 auto; padding: 15px 35px 0;}
.grid-ComplexGalleryItem {float: right; padding: 0 5px;}
.ContentWrapperLayer {background: none;}
.gridCubeItem.item-1 .gridCubeItemContentWrapper {background: #363636;}
.gridCubeItem.item-0 .gridCubeItemContentWrapper, .ComplexGallery1Row2Columns .gridCubeItem.item-2 .gridCubeItemContentWrapper {background: #aa9157;}
.ComplexGallery2Columns1Row .gridCubeItem.item-0, .ComplexGallery2Columns1Row .gridCubeItem.item-1, .ComplexGallery1Row2Columns .gridCubeItem.item-0 {padding-bottom: 5px;}
.ComplexGallery2Columns1Row .gridCubeItem.item-0, .ComplexGallery1Row2Columns .gridCubeItem.item-1 {padding-right: 5px;}
.ComplexGallery2Columns1Row .gridCubeItem.item-1, .ComplexGallery1Row2Columns .gridCubeItem.item-2 {padding-left: 5px;}
.ComplexGallery2Columns1Row .gridCubeItem.item-2, .ComplexGallery1Row2Columns .gridCubeItem {padding-top: 5px;}
.gridCubeItemContent h3 { max-width: 96px; margin: 0 auto; font-size: 130%; font-family: 'Playfair Display', almoni-neue-aaa-700; text-transform: uppercase;}
.gridCubeItemContent h3, .ComplexGalleryFullCube .gridCubeItemContent a {position: relative;}
.ComplexGallery2Columns1Row .gridCubeItem.item-2 .gridCubeItemContent h3, .ComplexGallery1Row2Columns .gridCubeItem.item-0 .gridCubeItemContent h3 { max-width: unset; font-size: 150%;}
.grid-rows .grid-row {background: none; color: #fff;}
.ComplexGalleryFullCube .gridCubeItemContent a {font-family: almoni-neue-aaa-700; font-size: 160%; border: none; padding: 0; margin-top: 0;}
.ComplexGalleryFullCube .gridCubeItemContent a:after, .gridCubeItem.item-1 h3:after { content: ''; display: block; width: 23px; height: 23px; background: url(../../../warehouse/temp/gray/arrGold.png);
    background-size: cover; background-position: center; background-repeat: no-repeat;margin: 10px auto 0;}
.ComplexGallery2Columns1Row .gridCubeItem.item-0 h3:after, .ComplexGallery1Row2Columns .gridCubeItem.item-2 h3:after { content: ''; display: block; width: 23px; height: 23px; 
    /*background: url(../../../warehouse/temp/gray/arrBlack.png);*/ background: url(../../../warehouse/temp/gray/arrWhite.png); background-size: cover; background-position: center; 
    background-repeat: no-repeat;margin: 10px auto 0;}
.ComplexGallery2Columns1Row .gridCubeItem.item-0 h3:after { background: url(../../../warehouse/temp/gray/arrWhite.png); background-size: cover; background-position: center; 
    background-repeat: no-repeat;}
.ComplexGallery2Columns1Row .gridCubeItem.item-0 h3, .ComplexGallery1Row2Columns .gridCubeItem.item-2 h3 {color: #141414;}
.flex-control-paging li a {background: #aa9157;}
.flex-control-paging li a.flex-active { background: #141414;}

.internalPage .section.grid-content-section { max-width: 1170px; padding: 120px 0; }
.internalPage .grid-content-section .section-title { margin-bottom: 40px;}
#LobbyModule .grid-content-section .grid-boxes { padding-top: 0;}
#LobbyModule .grid-content-section .grid-box { padding: 0 18px; margin-bottom: 20px;}
.internalPage .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 100%;}
.internalPage .grid-content-section .grid-boxes .grid-box-image img{height: 100%; object-fit: cover;}
.internalPage .grid-content-section .grid-boxes .box-image-animation { border-bottom: 4px solid #aa9157;}
.internalPage .grid-content-section .grid-boxes .box-image-animation:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.3); 
    pointer-events: none;}
.internalPage .grid-content-section .grid-boxes .grid-box-subtitle { color: #fff; font-size: 145%; line-height: 1;}
.internalPage .grid-content-section .grid-boxes .grid-box-fulltext { font-size: 75%; line-height: 1;}
#LobbyModule .grid-content-section .grid-boxes .grid-box-title h3 { color: #aa9157; font-family: 'Playfair Display', almoni-neue-aaa-400; text-transform: uppercase; font-size: 100%;}

.grid-rows { padding-bottom: 100px;}
.grid-rows .grid-row-text { text-align: center; background: #232323; padding: 0 30px; }
.grid-rows .grid-row-text h2 {font-size: 170%; margin-bottom: 10px; color: #aa9157; font-family: almoni-neue-aaa-700;}
.grid-rows .grid-row-text p {font-size: 90%; line-height: 1.3;}
.grid-rows .grid-row-text a.grid-row-button { font-size: 90%; color: #fff;}

/*Contact Page*/
#contactform .contact-container {width: 100%;}
.contact-form-wrap {padding: 0;}
#contactDetails {font-size: 100%;}
#contactDetails .contactDetailsText1 { margin: 0 0 30px; line-height: unset; font-size: 100%;}
#contactDetails .contactDetailsText1 p { font-size: 110%;}
#contactDetails .contactDetailsText1 a:hover {text-decoration: underline; }
#contactform .contact-form-comment {font-size: 85%; margin-bottom: 0;}
#contactform textarea {margin: 0 0 15px 0;}
#contactform .contact-form-submit, #contact-boxes { margin-bottom: 0;}
#ContactModule #map-section #map-holder {margin-bottom: 0;}
#map-section #map-holder .overlay {background: rgba(0,0,0,.65);}
#map-section .map-cover {padding: 40px;}
#map-section .map-cover:after {content: none;}
#map-section .map-cover h4 {font-size: 200%; font-family: almoni-neue-aaa-700; margin-top: 0;}
#map-section .map-cover .open-map { height: 46px; background: #aa9157; color: #141414; padding: 0 15px; line-height: 46px; font-size: 100%; border-radius: 23px;} 
#map-section .map-cover .open-map:hover, #map-section .map-cover .open-map:focus { background: #fff; }

/*Thanks Page*/
.aboutPage #FormResultPage #headline, .aboutPage #FormResultPage #text1 { text-align: center;}
.aboutPage #FormResultPage #headline h1:after { margin: 10px auto 20px;}
.aboutPage #FormResultPage #text1 { margin: 0 auto;}

@media(min-width: 991px) and (max-width: 1600px) {
    .home-page .grid-boxes .grid-box-image img {height: 100% !important; width: 100%; object-fit: cover;}
}

@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 286px;}

    #header .submenu { padding-bottom: 40px;}
    .home-page .grid-boxes .section-animation-item { margin-right: -6px;}

    .grid-rows { max-width: 1170px;}
    .grid-row { max-width: 915px; margin: 0 auto;}
    .grid-rows .grid-row:nth-child(odd) { margin-left: 7%;}
    .ComplexGalleryFullCube .gridCubeItem .gridCubeItemContentWrapper { padding-bottom: 438px;}

    .gallery-cubes > div { width: 24.6%; }
}

@media(min-width: 991px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 200px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectField input { margin-bottom: 0;}

    #header #header-right { padding: 0 20px;}
    .home-page .grid-boxes .section-animation-item { width: 50%;}
    .home-page .grid-boxes .grid-box-image { padding-bottom: 100vh;}

    .grid-rows .grid-row-text { height: 400px; width: 350px; }

    .grid-row .grid-row-cell.grid-row-cell-text {height: 400px;}
    .grid-rows .grid-row:nth-child(odd) {margin-right: 12%;}
    .grid-rows .grid-row:nth-child(even) {margin-right: 8%;}

    #LobbyModule .grid-content-section .grid-boxes { margin: 0 -18px;}
    #LobbyModule .grid-content-section .grid-box { width: 19.9%;}

}

@media(min-width: 768px) {
    #contactform .submit-btn>div { width: 25%;}

    #GridPage { padding-top: 80px;}
    .aboutPage #text1 {font-size: 80%;}
    .grid-text { font-size: 95%;}

    .grid-rows .grid-row-text {
        display: flex; display: -webkit-box; display: -ms-flexbox;
        flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
        justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center;
        align-items: center; -webkit-box-align: center; -ms-flex-align: center; 
    }
    .grid-rows {margin: 0 auto;}
    .grid-rows .grid-row-text p { max-width: 286px;}
    .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; margin-bottom: 100px;}
    .grid-rows .grid-row:nth-child(even) { direction: rtl !important; margin-bottom: 100px;}
    .grid-rows .grid-row:last-child { margin-bottom: 0;}
    .eventsPage .grid-rows .grid-row:after { content: ''; position: absolute; width: 56px; height: 100%; top: 0; left: -60px; transform: translateX(-50%); 
        -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-size: cover;  background: url('../../../warehouse/temp/gray/musicCaption.png'); 
        background-position:center; background-repeat: no-repeat;}
    .grid-row-cell.flexslider-box { width: 100%;}
    .grid-row .grid-row-cell.grid-row-cell-text {width: auto; position: absolute;}
    .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { right: -18%; top: 50%;  transform: translateY(-50%);-webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%);}
    .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { left: -18%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%);}
    .grid-row li.slider-item { padding-bottom: 560px}

    .footer-text-divided {padding: 30px 65px;}

}

@media(min-width: 768px) and (max-width: 1365px) {
    .box-image-animation img { height: auto !important;  width: auto;}
}

@media(min-width: 991px) and (max-width: 1280px) {
    .grid-rows { width: 85%;}
    .eventsPage .grid-rows .grid-row:after { left: -5px;}
    .grid-rows .grid-row:nth-child(even) { margin-right: -7%;}

    /*.grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { left: -8%;}
    .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { right: -8%;}*/
}

@media(max-width: 1170px) {
    .grid-rows .grid-row-text { margin-top: 0;}
}

@media(min-width: 768px) and (max-width: 1024px){
    #header .submenu li:not(.social-mobile) > a{ font-size: 4vw; }
    #header .submenu li:not(.social-mobile) > .menu-sub a { font-size: 3.5vw;}
    #header .submenu li.has-sub > a:before { top: 12px;}
    .ComplexGalleryFullCube .gridCubeItem .gridCubeItemContentWrapper { background-size: cover;}
    .gallery-cubes > div { width: 24%; }
    .eventsInner .form-container-wide #DynamicFormObject { max-width: 100%; margin: 0 10px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.333%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 40%; display: inline-block; float: none; }
}

@media(max-width: 1024px) {
    .home-page #header:not(.bg), #header.bg { padding: 0;}
    #header .submenu { width: 100vw; height: 100vh;}
    #header #header-right { padding: 10px;} 

    .gallery-cubes > div {padding: 7px;}
    .footer-text-divided { padding: 40px 20px;}
    .footer-text-divided > div ul {margin-left: 10px;} 
    #SiteFooter .footer-text-divided > div.footer-text-middle img { width: 130px;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 24.7%;}

    .grid-rows .grid-row:nth-child(odd) .box-image-animation img {margin-left: -25%;}
    .grid-rows .grid-row:nth-child(even) .box-image-animation img {margin-right: -25%;}
}

@media(max-width: 990px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 130%;}

    #header .menu-nav {display: inline-block;}
    #header #header-left { position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -o-transform: translate(50%, -50%);}
    #header #header-right { width: 100%; display: block; padding-left: 42px;}
    #header #header-right > .social-links { display: inline-block; float: left !important; padding: 10px 10px 10px 5px;}
    #header .phone-icon { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
    #header.menu-open .phone-icon, #header.subopen .phone-icon, #header.subopen #header-right > .social-links { visibility: hidden; pointer-events: none;}
    #header.menu-open #header-left, #header.subopen #header-left { opacity: 0; pointer-events: none; }
    #header #header-center-kdm { display: none;}
    .home-page .grid-boxes .section-animation-item { width: 100%; margin: 0; }
    .home-page .grid-boxes .grid-box-image { padding-bottom: 50vh; } 
    .home-page .grid-box-title { top: 47%; }
    .home-page .grid-boxes .grid-box-subtitle { top: 60%; } 
    .home-page .grid-boxes .grid-box-title h3 {font-size: 250%; }

    /*Inner Pages*/
    .grid-text, #text1, #text2 { margin-bottom: 40px}
    .internalPage .grid-form-section { margin-bottom: 55px;}
    iframe { height: 350px;}

    .internalPage .section.grid-content-section { padding: 40px 0;}
    #LobbyModule .grid-content-section .grid-box { padding: 0 7px; margin-bottom: 40px;}

    .grid-ComplexGalleryItem {margin-bottom: 10px;}

    .grid-rows { padding-bottom: 50px;}
}

@media(min-width: 768px) and (max-width: 990px){
    #header .submenu > li { padding-top: 5px; padding-bottom: 5px;}
    #header .phone-icon {display: table-cell; vertical-align: middle; padding: 3px 5px 0 0; }

    .grid-text, #text1, #text2 { width: 70%;}
    .aboutPage #text1,.grid-text, #text1, #text2{ font-size: 100%; }

    .form-container-wide #DynamicFormObject, #contactview.max-width-center { max-width: 77%; margin: 0 auto;}
    .form-container-wide #DynamicFormObject, #contactform { padding: 40px 20px 20px 20px;}
    /*.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 50%;}*/

     /*Inner Pages*/
    .aboutPage #GridContent { max-width: 60%; margin: 0 auto; }
    .aboutPage #text1 { width: 100%;}
    /*.aboutPage .dynamicFormObjectField, .aboutPage #DynamicFormObject .dynamicFormObjectSubmit { width: 33.333%; float: right;}*/
    /*.aboutPage #DynamicFormObject .dynamicFormObjectSubmit {width: 50%; display: inline-block; float: none;}*/
    .aboutPage .dynamicFormObjectField { width: 50%;}
    .aboutPage #DynamicFormObject .dynamicFormObjectSubmit { width: 40%; display: inline-block; float: none; margin-top: 20px; }
    .aboutPage .normal-form input {margin-bottom: 0;}

    .grid-row { max-width: 80%; margin: 0 auto;}
    .grid-rows .grid-row-text { width: 350px; padding: 30px 30px; }
    .grid-row .grid-row-cell.grid-row-cell-text { height: auto;}
    .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { right: -10%;}
    .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { left: -10%;}

    .ComplexGallery1Row2Columns .gridCubeItem.item-0 .gridCubeItemContentWrapper, .ComplexGallery2Columns1Row .gridCubeItem.item-2 .gridCubeItemContentWrapper { padding-bottom: calc(25% - 15px); 
        background-size: cover;}
    .ComplexGallery2Columns1Row .gridCubeItem.item-0 .gridCubeItemContentWrapper, .ComplexGallery2Columns1Row .gridCubeItem.item-1 .gridCubeItemContentWrapper,
        .ComplexGallery1Row2Columns .gridCubeItem .gridCubeItemContentWrapper { padding-bottom: 65%; }
    .ComplexGalleryFullCube .gridCubeItem .gridCubeItemContentWrapper { padding-bottom: 50%; /*background-position: center 20%;*/}

    #videoContainer { max-width: 77%;}
    .internalPage .grid-content-section .grid-boxes .grid-box-image img { height: 100% !important;}
    #LobbyModule .grid-content-section .grid-box { width: 29.33%; }

    #contactform .contact-container .row > div:not(.textareaWrapper) {width: 33.333%;}

    .sitesPage .grid-row { max-width: 80%;}
    .sitesPage .grid-rows .grid-row:nth-child(odd), .sitesPage .grid-rows .grid-row:nth-child(even) { margin-bottom: 30px;}
    .sitesPage .grid-row-cell.flexslider-box { display: block !important;}
    .sitesPage .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text, .sitesPage .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { position: relative; display: block !important; 
        width: 100%; right: auto; left: auto; top: -50px; transform: none; -webkit-transform: none; }
    .sitesPage .grid-rows .grid-row-text { width: 90%;}
    .sitesPage .grid-row li.slider-item { padding-bottom: 400px;}

    .footer-text-divided > div { vertical-align: top;}
    .footer-text-divided>div.footer-text-right, .footer-text-divided>div.footer-text-left { width: 38%;}
    .footer-text-divided > div.footer-text-middle { width: 28%;}
}

@media(max-width: 767px) {
    /*General Form Styles*/
    #DynamicFormObject, #GridPromo #DynamicFormObject, .form-container-wide #DynamicFormObject, #contactform { padding: 30px 10px;}
    #DynamicFormObject { max-width: 100% !important;}
    #DynamicFormObject .dynamicFormObjectField .must:before {right: 18px;}
    #GridPromo { padding: 0;}

    /*Header*/
    #header .submenu { max-height: unset; margin-top: 0; padding-top: 90px; }
    #header .submenu li { text-align: center; padding: 10px; }
    #header .submenu li.social-mobile, #header .submenu .menu-sub li { text-align: center;}
    #header .submenu li.has-sub > a:before { top: 9px; }
    #header #header-right { padding: 3px 10px 3px 42px;}
    #header .phone-icon { padding: 0 5px 4px 0;}
    #side-contact-form.mobile-form { display: none; }
    .home-page .grid-boxes .grid-box-subtitle { top: 65%;}
    #header #header-right > .social-links { display: none;}
    #header .submenu .menu-sub li { padding: 7px 0; }

    /*Footer*/
    #SiteFooter .mobile-seperator { font-size: 100%;}
    #SiteFooter .mobile-seperator a { padding: 10px 0;}
    .footer-text-divided > div.footer-text-right {display: block; width: 100%; margin-bottom: 20px; text-align: center; }
    .footer-text-divided ul li { display: inline-block;}
    .footer-text-divided > div.footer-text-middle { display: none;}
    .footer-text-divided>div.footer-text-left { display: block; width: 100%; float: none; text-align: center;} 
    .footer-text-divided>div.footer-text-left p { text-align: center !important;}

    /*Inner Pages*/
    #GridPage .max-width { width: 90%;}
    .gallery-container { width: 100%;}
    .grid-gallery-section .section-title { margin-bottom: 25px;}
    .grid-gallery-section .section-title h2 { max-width: unset; width: auto; display: inline-block;}
    .gallery-cubes { margin: 0 -7px;}
    .top-caption { line-height: 1; font-size: 160%;}
    #accessability #text1 { text-align: center;}
    iframe { height: 210px;}

    .gallery-cubes > div { width: 49%;}

    .mobile-strip { padding: 0;}
    .mobile-strip:after {color: #141414;}
    .mobile-strip span { width: 100%; margin-right: 0; background: #aa9157; color: #141414;}
    .mobile-strip span, .categories-strip ul { padding: 0 15px;}
    .mobile-strip .select-wrapper { padding-bottom: 0;}
    .mobile-strip span { padding-top: 15px; padding-bottom: 15px;}
    .categories-strip ul { padding-bottom: 15px;}
    .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { background: inherit; color: inherit;}

    #headline, .grid-content-section .section-title h2 {font-size: 200%;}
    body:not(.aboutPage) #headline h1:before, body:not(.aboutPage) #headline h1:after, .grid-gallery-section .section-title h2:before, .grid-gallery-section .section-title h2:after, 
         .grid-content-section .section-title h2:before,  .grid-content-section .section-title h2:after { width: 30px; position: absolute; top: 50%;}
    body:not(.aboutPage) #headline h1:after, .grid-gallery-section .section-title h2:after,  .grid-content-section .section-title h2:after {left: -20px; transform: translateX(-50%); 
        -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    body:not(.aboutPage) #headline h1:before, .grid-gallery-section .section-title h2:before, .grid-content-section .section-title h2:before {right: -20px; transform: translateX(50%);
        -webkit-transform: translateX(50%); -ms-transform: translateX(50%);} 

    /*About Page*/
    .aboutPage #headline, .aboutPage #text1 { text-align: center; }
    .aboutPage #headline h1:after { margin: 10px auto 20px;}
    .aboutPage #text1 { padding: 0 15px;}

    /*Mini HP Pages (Business Events, Private Events) - Section Styles*/
    body:not(.aboutPage) #headline h1:before, .grid-gallery-section .section-title h2:before, .grid-content-section .section-title h2:before { content: none;}
    body:not(.aboutPage) #headline h1:after, .grid-gallery-section .section-title h2:after, .grid-content-section .section-title h2:after { display: block; position: static; height: 3px;
    width: 70px; background: #aa9157; margin: 10px auto 0; transform: none; -webkit-transform: none; }
    .GridComplexGallery { padding: 15px 0 0;}
    .gridCubeItemContent h3 { font-size: 100%;}
    .ComplexGallery2Columns1Row .gridCubeItem.item-2 .gridCubeItemContent h3, .ComplexGallery1Row2Columns .gridCubeItem.item-0 .gridCubeItemContent h3 { font-size: 130%;}
    .internalPage .grid-content-section .section-title { margin-bottom: 25px;}
    .ComplexGalleryFullCube .gridCubeItem .gridCubeItemContentWrapper { background-position: center center !important;}

    .grid-rows .grid-row { margin-bottom: 50px;}
    .grid-rows .grid-row-text h2 { font-size: 140%;}
    .grid-rows .grid-row:last-child { margin-bottom: 0;}
    .grid-rows .grid-row-text { width: 100%; padding: 35px 20px;}
    .grid-row-cell.flexslider-box { margin-bottom: -2px;}
    .eventsPage .grid-row li.slider-item { padding-bottom: 61%; }
    #LobbyModule .grid-content-section .grid-box { width: 100%;}

    /*Contact Page*/
    #contactDetails .contactDetailsText1 {width: 216px; margin: 0 auto 30px;}
    #contactDetails .contactDetailsText1 p { font-size: 100%;}
    #contactview.max-width-center, #SiteGrid.layout-bottom #GridPromo { padding: 0 15px;}
    #contactform {margin-bottom: 40px;}
    #contactform h3 { margin-top: 0;}
    #map-section .map-cover { padding: 30px 20px;}
    #map-section .map-cover h4 { font-size: 170%;}
}

@media(max-width: 360px) {
    #LobbyModule .grid-content-section .grid-box { width: 85%; }
}