﻿/**Arena Mall**/
body { font-size: 20px; color: #131313; font-family: Heebo-Regular !important; }
#subheadline h2:after { content: none; }
.section-title { margin-bottom: 0; }
.section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline,
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 225%; font-family: 'Heebo-Bold'; line-height: 0.9; }
#headline h1 { line-height: 0.9; }
.section { position: relative; margin-bottom: 0; padding: 0; }
.row { margin: 0; }
.grid-rows .grid-row { background: none; }
.grid-text p { margin-top: 0; }
p, ul.accessability-list { line-height: 1.5; }
/*.grid-text-section .grid-text-content { max-width: 470px; padding: 0; }*/
.grid-boxes .grid-box-title h3 { margin: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
.grid-short-box .grid-short-box-label { padding-top: 0; }
a:hover, a:focus { color: inherit; }

/*General Transition*/
.grid-text .sec-button, a, #DynamicFormObject input[type=submit], #header2 .header-top-left a svg { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

/*Header*/
#header2 { max-width: 100%; color: #231f20; background: #fff; box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; }
#header2 .max-width { max-width: 100%; position: relative; }
#header2 .menu-nav { margin-top: 0; }
#header2 ul.menu { margin-bottom: 0; text-align: center; }
#header2 ul.menu li { color: #131313; font-size: 110%; vertical-align: middle; margin-left: 15px; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu .menu-sub li:hover { color: inherit; }
#header2 ul.menu li a { width: auto; position: relative; letter-spacing: 0.44px; }
#header2 ul.menu li a:focus { border-bottom: none; opacity: 1; }
#header2 .menu-sub { background: #fff; }
#header2 ul.menu li .menu-sub a { width: auto; float: none; padding: 0; }
#header2 ul.menu .menu-sub li { color: inherit; }
.has-sub i.opensub { font-size: 100%; }
#header2 .header-top-left { margin-right: 0; direction: rtl; }
#header2 .header-top-left svg, #header2 ul.menu .social-links a svg { fill: #131313; }
/*Svg color*/
#header2 .header-top-left a { width: 32px; height: 32px; border-radius: 50%; text-align: center; border: 1px solid #707070; margin-right: 0; }
#header2 .header-top-left a:hover, #header2 .header-top-left a:focus { background: #131313; }
#header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg { fill: #fff; }
#header2 .header-top-left a svg { width: 16px; height: 16px; margin-top: 2px; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
#header2 ul.menu li.last-item { margin-left: 0; }
#header2 .header-top .address { display: none; }

/*Top Banner*/
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 110px; }
#home-gallery .flex-control-nav li { margin: 0 10px; overflow: visible; }
#home-gallery .flex-control-paging li a { width: 12px; height: 12px; position: relative; }
#home-gallery .flex-control-paging li a:after { content: ''; position: absolute; width: 18px; height: 18px; border: 1px solid transparent; top: 50%; right: 50%; border-radius: 50%; pointer-events: none; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
#home-gallery .flex-control-paging li a, #home-gallery .flex-control-paging li a.flex-active { background: #fff; }
#home-gallery .flex-control-paging li a.flex-active:after { border-color: #fff; }
#home-gallery .scroll-down { bottom: 25px; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { fill: #231f20; width: 40px; height: 20px; }
#home-gallery:after { content: ''; position: absolute; width: 480px; height: 200px; bottom: -41px; right: 50%; z-index: 4; pointer-events: none; background-image: url(../../../warehouse/temp/arena/scrollDownBg.png); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); }

/*Venues Section*/
.grid-content-section.venuesSec { padding: 60px 0 0; }
.grid-content-section.venuesSec .section-title { margin-bottom: 50px; }
.grid-content-section.venuesSec .section-title h2 { font-family: inherit; }
.grid-content-section.venuesSec .section-title h2, .grid-content-section.infoSec .section-title h3 { font-size: 100%; margin: 10px 0 0; }
.grid-content-section.venuesSec .grid-boxes { max-width: 1200px; margin: 0 auto; }
.grid-content-section.venuesSec .grid-boxes .grid-box { padding: 0 75px; margin-bottom: 40px; }
.grid-content-section.venuesSec .grid-boxes .grid-box-image { padding-bottom: 79%; margin-bottom: 30px; }
.home-page .grid-content-section.venuesSec .grid-boxes .box-image-animation, .home-page .grid-content-section.venuesSec .grid-boxes .grid-box-image { overflow: visible; }
.grid-content-section.venuesSec .grid-boxes .grid-box-title h3 { font-size: 125%; font-family: 'Heebo-Bold'; }
.grid-content-section.venuesSec .grid-box-title { position: relative; }
.grid-content-section.venuesSec .grid-boxes .grid-box .grid-box-title:after { content: ''; display: block; width: 36px; height: 26px; margin: 10px auto 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.grid-content-section.venuesSec .grid-boxes .grid-box.fashionCube .grid-box-title:after { background-image: url('../../../warehouse/temp/arena/arrRed.png'); }
.grid-content-section.venuesSec .grid-boxes .grid-box.foodCube .grid-box-title:after { background-image: url('../../../warehouse/temp/arena/arrOrange.png'); }
.grid-content-section.venuesSec .grid-boxes .grid-box.playgroundCube .grid-box-title:after { background-image: url('../../../warehouse/temp/arena/arrBlue.png'); }
.grid-content-section.venuesSec .grid-boxes .grid-box.artCube .grid-box-title:after { background-image: url('../../../warehouse/temp/arena/arrPurple.png'); }
.grid-content-section.venuesSec .grid-boxes .grid-box.healthCube .grid-box-title:after { background-image: url('../../../warehouse/temp/arena/arrGray.png'); }
.grid-content-section.venuesSec .grid-boxes .grid-box.socialCube .grid-box-title:after { background-image: url('../../../warehouse/temp/arena/arrGreen.png'); }

/*Info Section*/
.grid-content-section.infoSec { padding: 80px 0 0; }
.grid-content-section.infoSec .section-title { margin-bottom: 35px; }
.grid-content-section.infoSec .grid-boxes { max-width: 1000px; margin: 0 auto; }
.grid-content-section.infoSec .grid-boxes .grid-box .grid-box-image { padding-bottom: 89%; }
.grid-content-section.infoSec .grid-boxes .grid-box .grid-box-title h3 { font-size: 90%; font-family: 'Heebo-Bold'; }
.grid-content-section.infoSec .grid-boxes .grid-box .grid-box-fulltext, .grid-content-section.infoSec .grid-boxes .grid-box-subtitle { font-size: 78%; }
.grid-content-section.infoSec .grid-boxes .grid-box-subtitle.button { text-decoration: underline; color: inherit; }
.grid-content-section.infoSec .grid-boxes .grid-box .grid-box-fulltext a { font-size: 82%; text-decoration: underline; }
.grid-content-section.infoSec .grid-boxes .box-image-animation, .grid-content-section.infoSec .grid-boxes .grid-box-title h3 a,
.grid-content-section.servicesSec .grid-boxes .box-image-animation, .grid-content-section.servicesSec .grid-boxes .grid-box-title h3 a { pointer-events: none; }

/*Services Section*/
.grid-content-section.servicesSec { padding: 100px 0 85px; }
.grid-content-section.servicesSec .grid-boxes { max-width: 800px; margin: 0 auto; }
.grid-content-section.servicesSec .grid-boxes .grid-box { padding: 0 35px; width: 20%; }
.grid-content-section.servicesSec .grid-boxes .grid-box .grid-box-image { margin-bottom: 15px; padding-bottom: 65%; }
.grid-content-section.servicesSec .grid-boxes .box-image-animation img { max-height: 55px; width: auto; margin: 0 auto; }
.grid-content-section.servicesSec .grid-boxes .grid-box-title h3 { font-size: 80%; }

/*Lower Banner Section*/
.home-page .grid-image-section { max-width: 1310px; margin: 0 auto; padding: 0 10px; }
.home-page .grid-image-section, .home-page .image-section-data { height: 500px; }

/*Footer*/
footer { padding-top: 55px; }
#SiteFooter .footer-address { display: none; }
#SiteFooter .site-credit.alternative { background: #e1e1e1; padding: 10px 0; }
.FooterForm.form-container-wide { position: relative; float: none; }
.FooterForm:after { content: ''; position: absolute; width: 100%; height: 278px; bottom: -120px; pointer-events: none; background-image: url(../../../warehouse/temp/arena/footerBg.png); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.footerFormContainer { background: #00acc8; }
.FooterForm.form-container-wide #DynamicFormObject { max-width: 1000px; width: 100%; color: #fff; padding: 40px 0 140px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; font-size: 80%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; margin-bottom: 30px; font-family: opensans-regular; }
.FooterForm.form-container-wide .normal-form input { background: #fff; border: none; border-radius: 0; }
.normal-form input:focus { border: none !important; }
.FooterForm.form-container-wide .normal-form .dynamicFormObjectField input, .FooterForm.form-container-wide #DynamicFormObject input[type=submit],
.normal-form input[type=submit], #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; height: 45px; font-size: 75%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 18px; }
.FooterForm.form-container-wide #DynamicFormObject input[type=submit], #FormResultPage #text1 a, .normal-form input[type=submit], #DynamicFormObject input[type=submit] { border-radius: 23px; border: 2px solid #fff; background: #00ACC8; color: #fff; }
.FooterForm.form-container-wide #DynamicFormObject input[type=submit]:hover, .FooterForm.form-container-wide #DynamicFormObject input[type=submit]:focus,
#FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus,
.normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background: #fff; color: #00ACC8; border: 2px solid #fff; }

.footer-text-divided { display: block; position: relative; padding: 0 0 25px; }
.footer-text-divided p { font-size: 75%; }
.footer-text-divided p a:hover, .footer-text-divided p a:focus { text-decoration: underline; }
.footer-text-divided > div { display: inline-block; width: auto; padding: 0; }
.footer-text-divided .footer-text-left { position: absolute; left: 6vw; bottom: 40px; }

/*****Inner Pages*****/
.lobby-grid #GridPage .max-width { padding: 0; }
.width1170 #allSectionsWrapper { max-width: 1170px; margin: 0 auto; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { padding-top: 0; }
#GridTop.noTopImage.longer { height: 70px; }
/*#GridTop:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); pointer-events: none;}*/
.internalPage .grid-content-section { padding: 0; }
.top-caption { font-size: 250%; font-family: 'Heebo-Bold'; }
.top-caption h1 { font-size: inherit; }
#GridPage { padding-top: 100px; }
#pageview { max-width: 740px; margin: 0 auto; }
#pageview #text1 { max-width: 100%; }
#text1, #text2 { max-width: 850px; }
#pageview #headline, #pageview #text1, #pageview #text2 { text-align: right; }
#text1 p, #text2 p { font-size: 90%; }
#text1 p:last-child { margin-bottom: 0; }
#subheadline { display: none; }
.shoppingPage #pageview { max-width: 100%; }
.shoppingPage #pageview #headline { text-align: center }
.shoppingPage #gridshort-view .flex-row { margin: 0 auto; }
.shoppingPage #gridshort-view .flex-row .grid-short-box-image { margin-bottom: 10px; }
.shoppingPage #gridshort-view .flex-row .grid-short-box-link { font-size: 85%; text-decoration: underline; }
.shoppingPage #gridshort-view .flex-row .grid-short-box .grid-short-box-label { min-height: 56px; }
.flex-direction-nav { top: 45%; }

/*Pop Up*/
#multi-content-modal.modal .close, .modal .close { width: 35px; height: 35px; margin: 0 auto; top: -45px; /*left: 50%;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);*/ }
.modal .close svg { width: 100%; height: 100%; }
#multi-content-modal .modal-content { max-width: 450px; padding: 30px; }
.modal-text #pageview #headline { margin-bottom: 20px; }
#multi-content-modal .modal-content #galleryview { margin-bottom: 0; }
.modal-text #pageview #text1 { max-width: 100%; padding: 0; text-align: center; }
.modal-image { display: none !important; }
.modal-text.displayTable { width: 100%; display: block; }

/*No Animation*/
.noAnim .section-animation-item, #LobbyModule .grid-box { opacity: 1; transition: none; -webkit-transition: none; -o-transition: none; }

/*Shopping Page*/
.shoppingPage #LobbyModule .section-title, .shoppingPage #headline { margin-bottom: 40px; }
.shoppingPage #LobbyModule .grid-box, .shoppingPage #gridshort-view .flex-row > div { padding: 0 40px; margin-bottom: 50px; }
.shoppingPage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 100%; }
.shoppingPage #LobbyModule .grid-boxes .box-image-animation { pointer-events: none; }
.shoppingPage .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -ms-transform: none; }
.shoppingPage #LobbyModule .grid-box h3, .shoppingPage #gridshort-view .flex-row .grid-short-box .grid-short-box-label { font-size: 100%; font-family: 'Heebo-Bold'; }
.shoppingPage #LobbyModule .grid-box .grid-box-fulltext { font-size: 90%; }

/*Gallery Page*/
.gallery-container { max-width: 890px; margin: 0 auto; }
.gallery-cubes .image-link-container { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.gallery-cubes .boxes-images-outer-image:focus .image-link-container, .gallery-cubes .boxes-images-outer-image:hover .image-link-container { background: rgba(0,0,0,.7); }
.gallery-cubes > div { padding: 11px; }
.gallery-cubes .image-link-inner { width: 65px; height: 65px; /*background: none; color: #fff;*/ }
.gallery-cubes .plus-sign { font-size: 200%; }

/*Foodies Page*/
.foodiesPage #LobbyModule .grid-boxes .grid-box-image img { position: absolute; max-width: 170px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

/*Junior Page*/
.internalPage .grid-row-section { padding-top: 40px; }
.internalPage .grid-row-cell.grid-row-cell-text { background: #00acc8; color: #fff; }
.internalPage .grid-row-cell.grid-row-cell-text .grid-row-text { max-width: 440px; width: 100%; text-align: center; }
.internalPage .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-size: 125%; font-family: inherit; }
.internalPage .grid-row-cell.grid-row-cell-text .grid-row-text p { font-size: 80%; }
.juniorPage .internalPage .grid-row-cell.flexslider-box li.slider-item { padding-bottom: 86%; }

/*Art Lobby Page*/
.artLobbyPage .section-title h2 { font-size: 190%; margin-bottom: 15px; }
.artLobbyPage .grid-text-section .grid-text-content { max-width: 850px; padding: 0; }
.artLobbyPage .grid-text-section .grid-text-content p { font-size: 125%; }
.artLobbyPage .grid-content-section { padding: 20px 0 0; }
.artLobbyPage #LobbyModule .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 66%; margin-bottom: 15px; }
.artLobbyPage #LobbyModule .grid-content-section .grid-boxes .grid-box-title h3 { font-size: 125%; font-family: 'Heebo-Bold'; }
.artLobbyPage #LobbyModule .grid-content-section .grid-boxes .grid-box-subtitle { font-size: 90%; color: inherit; }

/*Social Page*/
.socialPage .internalPage .grid-row-cell.grid-row-cell-text { background: #6CC04A; }

/* Events Page */
.eventsPage .internalPage .grid-row-cell.grid-row-cell-text { background-color: #f5f5f5; color: #000; }
.eventsPage .grid-row-text a { display: inline-block; background-color: #fff; border: 1px solid #000; padding: 5px 15px; margin-top: 20px; }
.eventsPage .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after,
.eventsPage .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { content: none !important; }
.eventsPage .grid-row-section { margin-bottom: 50px; }
.eventsPage .section-title { margin-bottom: 20px; }
/*Contact Page*/
.contactPage .FooterForm.form-container-wide { display: none; }
#contactDetails { display: none; }
#contactform, .form-container-wide #DynamicFormObject { padding: 40px 60px; background: #00acc8; border: none; max-width: 970px; margin: 0 auto 40px; }
.normal-form:after { content: none; }
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; padding-right: 15px; font-size: 75%; border-radius: 0; border: none; background: #fff; }
.normal-form input, .normal-form select { height: 45px; }
#GridPage #contactview.max-width-center { max-width: 900px; }
#contactview > .row > div { padding: 0; }
#contactform .contact-container { width: 100%; }
#contactform h3, #DynamicFormObject:after { display: none; }
#contactform textarea { margin: 0 0 10px; }
#contactform .contact-form-submit { text-align: center; margin-bottom: 15px; }
#contactform .contact-form-comment { margin: 0; font-size: 75%; color: #fff; }

/*Thanks Page*/
#FormResultPage #headline, #FormResultPage #text1 { text-align: center; }
#FormResultPage #text1 a { height: 45px; line-height: 44px; padding: 0 15px; font-size: 75%; }
#FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus { border-color: #00ACC8; }


/*INTU*/
.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%; float: none; margin:auto; z-index: 8; }
#lobbyview { max-width: 970px; margin: 0 auto 20px; }
.firstSection .grid-boxes .grid-box-image { padding-bottom: 123%; }
.firstSection .grid-boxes .grid-box-title h3 a { font-size: 73%; font-family: 'Heebo-Bold'; text-transform: uppercase; }
.firstSection .grid-box-fulltext { width: 80%; margin: 20px auto 0; font-size: 80%; }
.firstSection, .grid-content-section, .GridBottomGallery { margin-bottom: 60px; max-width: 1170px; margin-right: auto; margin-left: auto; }

.firstSection .grid-box:nth-child(1) .grid-box-image { border-bottom: 15px solid #00acc8; }
.firstSection .grid-box:nth-child(2) .grid-box-image { border-bottom: 15px solid #f6cb15; }
.firstSection .grid-box:nth-child(3) .grid-box-image { border-bottom: 15px solid #6cc04a; }

.section-title h2 { padding-bottom: 50px; }
.grid-boxes .grid-box-image { padding-bottom: 65%; }
.grid-boxes .grid-box-title h3 a { color: inherit; font-family: 'Heebo-Bold'; font-size: 90%; }
.grid-box-fulltext p:last-child { font-family: 'Heebo-Bold'; }
#LobbyModule .grid-content-section .grid-box { margin-bottom: 50px; }
.form-container-wide #DynamicFormObject { display:flex; flex-direction: column; }
.grid-form-section { margin: 60px auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; font-family: 'Heebo-Bold'; }
.bottomGalleryTitle h2 { font-family: 'Heebo-Bold'; }

.intuPage .grid-text-section { max-width: 1170px; margin: auto; padding-bottom: 60px; }
.intuPage .grid-content-section, .intuPage .grid-gallery-section { padding-top: 60px; }
.intuPage .textarea-wrapper { position: relative; }
.intuPage .textarea-wrapper.must::before { top: 3px; right: 5px; }
/* Other */
.page-15175 .footerFormContainer { display: none; }
@media(max-width: 767px) {
    .intuPage .grid-text-section .grid-text .grid-text-content { padding: 0; width: 100%; }
    .intuPage .grid-text-section { padding-bottom: 0; }
    .intuPage .grid-content-section, .intuPage .grid-gallery-section { margin-top: 0; }
    .intuPage .gallery-container { width: 95%; }
}

@media(max-width: 1360px) { 
    .grid-content-section.venuesSec .grid-boxes { max-width: 90%; }
}

@media(max-width: 1360px) {
    .footer-text-divided .footer-text-left { left: 3vw; }
}

@media(min-width: 991px) and (max-width: 1200px) {
    .internalPage .grid-row-cell.grid-row-cell-text .grid-row-text { width: 80%; }
}

@media(min-width: 1025px) {
    #header2 { padding: 0; }
    #header2 #header-left { width: 130px; position: absolute; right: 30px; top: -3px; }
    #header-left a { margin-top: 13px; }
    #header2 .header-top { position: absolute; width: auto; top: 50%; left: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    #header2 ul.menu li a, #header2 ul.menu li.last-item a { display: block; min-width: 120px; padding: 30px 0; border-top: 4px solid transparent; }
    #header2 ul.menu li a:after, #header2 ul.menu li.last-item a:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 0; background-color: transparent; pointer-events: none; z-index: -1; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
    #header2 ul.menu li a.redNav:hover:after, #header2 ul.menu li.active a.redNav:after { height: 100%; background-color: #ff3030; }
    #header2 ul.menu li a.orangeNav:hover:after, #header2 ul.menu li.active a.orangeNav:after { height: 100%; background-color: #ff6c0c; }
    #header2 ul.menu li a.turquoiseNav:hover:after, #header2 ul.menu li.active a.turquoiseNav:after { height: 100%; background-color: #00acc8; }
    #header2 ul.menu li a.purpleNav:hover:after, #header2 ul.menu li.active a.purpleNav:after { height: 100%; background-color: #904799; }
    #header2 ul.menu li a.greyNav:hover:after, #header2 ul.menu li.active a.greyNav:after { height: 100%; background-color: #a79f9d; }
    #header2 ul.menu li a.greenNav:hover:after, #header2 ul.menu li.active a.greenNav:after { height: 100%; background-color: #6cc04a; }
    #header2 ul.menu li.last-item a.skyBlueNav:hover:after, #header2 ul.menu li.last-item.active a.skyBlueNav:after { height: 100%; background-color: #007dbd; }
    #header2 ul.menu li a.redNav { border-color: #ff3030; }
    #header2 ul.menu li a.orangeNav { border-color: #ff6c0c; }
    #header2 ul.menu li a.turquoiseNav { border-color: #00acc8; }
    #header2 ul.menu li a.purpleNav { border-color: #904799; }
    #header2 ul.menu li a.greyNav { border-color: #a79f9d; }
    #header2 ul.menu li a.greenNav { border-color: #6cc04a; }
    #header2 ul.menu li a.skyBlueNav { border-color: #007dbd; }
    header.search-open form#searchFormHeader { color: inherit; }
    .searchSubmitWrapper svg { fill: inherit; }

    header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput::-webkit-input-placeholder { color: inherit; font-size: 100% }

    header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput:-moz-placeholder { color: inherit; opacity: 1 }

    header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput::-moz-placeholder { color: inherit; opacity: 1 }

    header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput:-ms-input-placeholder { color: inherit }


    #SiteHeader.search-open .searchSubmitWrapper svg, header.search-open .searchBtn svg { fill: inherit; }
}

@media(min-width: 991px) {

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 365px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .submit-btn > div { width: 240px; float: right; }
    .footer-text-divided .footer-text-right { padding-right: 135px; }

    #GridTop { height: 550px; }

    .shoppingPage #LobbyModule .grid-box, .shoppingPage #gridshort-view .flex-row > div { width: 25%; }
    .shoppingPage #LobbyModule .grid-boxes, .shoppingPage #gridshort-view .flex-row { max-width: 1040px; }
}

@media(min-width: 768px) {
    .grid-content-section.infoSec .grid-boxes .grid-box { width: 25%; padding: 0 35px; }

    .footer-text-divided > div { vertical-align: bottom; }
    .footer-text-divided > div.footer-text-middle { margin-right: 30px; }

    .juniorPage .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 125px; height: 100%; top: 0; right: -75px; z-index: 10; background-image: url('../../../warehouse/temp/arena/cubeSeparatorRight.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
    .juniorPage .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 125px; height: 100%; top: 0; left: -75px; z-index: 10; background-image: url('../../../warehouse/temp/arena/cubeSeparatorLeft.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
    .socialPage.juniorPage .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after { background-image: url('../../../warehouse/temp/arena/cubeSeparatorLeftGreen.png'); }
    .socialPage.juniorPage .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { background-image: url('../../../warehouse/temp/arena/cubeSeparatorRightGreen.png'); }

    #contactform .contact-container .row:not(.submit-btn) > div:not(.textareaWrapper), .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.333%; z-index: 9; }


    .eventsPage #headline { margin-bottom: 50px; }
    /*.eventsPage .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 125px; height: 100%; top: 0; right: -75px; z-index: 10; background-image: url('../../../warehouse/temp/arena/cubeSeparatorRightYellow.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
    .eventsPage .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 125px; height: 100%; top: 0; left: -75px; z-index: 10; background-image: url('../../../warehouse/temp/arena/cubeSeparatorLeftYellow.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }*/
    .eventsPage .internalPage .grid-row-cell.flexslider-box li.slider-item { padding-bottom: 56.5%; }
    .eventsPage .internalPage .grid-row-section { padding-top: 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 25% !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: right; }
}

@media(max-width: 1024px) {
    /*Header*/
    #header2 { padding: 0; }
    #header2 .max-width { width: 100%; }
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; }
    #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: #131313; }
    #header2 ul.menu { width: 100vw; height: 101vh; margin-bottom: 0; background-color: #fff; }
    #header2 .menu-sub { background: transparent; padding: 10px 0; }
    #header2 ul.menu li { padding: 5px 0; margin-left: 0; }
    #header2 ul.menu li.active { background: none; }
    /*#header2 .header-right-section { width: 100%; background: none; padding: 25px 20px 25px 0;}*/
    #header2 .header-right-section { width: 30%; background: none; padding: 25px 20px 25px 0; }
    #header2 .mobile-middle-kdm { width: 40%; }
    #header2 .header-top-right { float: none; }
    #header2 .header-top.social-links { width: auto; position: absolute; left: 20px; display: none; }
    .searchBtn svg { fill: #000000; height: 16px; width: 25px; }
    #SiteHeader.search-open .searchSubmitWrapper svg, header.search-open .searchBtn svg { fill: #000000; }
    /*#header2 #header-left { width: auto; height: auto; position: absolute; right: 50%; top: 13px; padding:0; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%);}*/
    #header2 #header-left { width: 25%; padding-left: 20px; }
    #header2.open #header-left { opacity: 0; pointer-events: none; }
    #header2 ul.menu li.social-mobile { padding-top: 35px; }
    #header2 ul.menu .social-links a svg { width: 30px; height: 30px; }
    #header2 .header-top-left a svg { width: 17px; height: 17px; display: inline-block; margin: 0 auto; }
    #header2.headerHasSearch #header-left img { max-width: 80px; }
    #header2 .header-top-left { display: block; }
    #header2.open .header-top-left { opacity: 0; pointer-events: none; }
    #header2 #header-left img { max-width: 100px; }
    #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: 3px; }
    #header2 .header-top-left a { vertical-align: middle; }
    #header2 ul.menu .social-links a { display: inline-block; width: 70px; height: 70px; padding: 0; border-radius: 50%; border: 1px solid #707070; }

    #header2 ul.menu li a { padding: 0 30px; border-bottom: 4px solid transparent; }
    #header2 ul.menu li.active a.redNav { border-color: #ff3030; }
    #header2 ul.menu li.active a.orangeNav { border-color: #ff6c0c; }
    #header2 ul.menu li.active a.turquoiseNav { border-color: #00acc8; }
    #header2 ul.menu li.active a.purpleNav { border-color: #904799; }
    #header2 ul.menu li.active a.greyNav { border-color: #a79f9d; }
    #header2 ul.menu li.active a.greenNav { border-color: #6cc04a; }
    .searchMobile { width: 32px; height: 32px; border-radius: 50%; text-align: center; border: 1px solid #707070; margin-right: 0; }
    #header2 .header-top-left .searchBtn.hidden-xs.hidden-sm { display: none; }
    /*Footer*/
    #SiteFooter .footer-text-divided > div.footer-text-left img { max-width: 200px; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #header2 ul.menu { padding-top: 130px; }
    #header2 ul.menu li { font-size: 190%; }
}

@media(max-width: 990px) {
    .section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 190%; }

    .grid-content-section.venuesSec .grid-boxes .grid-box { padding: 0 20px; }

    .grid-content-section.infoSec { padding-top: 30px; }
    .grid-content-section.infoSec .grid-boxes, .grid-content-section.servicesSec .grid-boxes { width: 90%; }
    .grid-content-section.infoSec .grid-boxes .grid-box { padding: 0 15px; }

    .grid-content-section.servicesSec { padding: 30px 0; }
    .grid-content-section.servicesSec .grid-boxes .grid-box { padding: 0 15px; }
    .grid-content-section.servicesSec .grid-boxes .grid-box .grid-box-image { padding-bottom: 55%; }

    .home-page .grid-image-section { width: 90%; }
    .home-page .grid-image-section, .home-page .image-section-data { height: 290px; }

    /*Footer*/
    footer { padding-top: 50px; }
    .footer-text-divided { padding: 0 0 20px; }
    #SiteFooter .footer-text-divided > div.footer-text-left img { max-width: 160px; }

    .FooterForm:after { height: 115px; bottom: -50px; }

    /*****Inner Pages*****/
    #GridPage { padding-top: 50px; }

    /*Shopping Page*/
    .shoppingPage #LobbyModule .section-title, .shoppingPage #headline { margin-bottom: 15px; }
    .shoppingPage #LobbyModule .grid-box, .shoppingPage #gridshort-view .flex-row > div { padding: 0 20px; }

    /*Contact Page*/
    #contactform { padding: 40px; }
}

@media(min-width: 768px) and (max-width: 990px) {
    #pageview { width: 70%; }

    .FooterForm.form-container-wide #DynamicFormObject { padding-bottom: 80px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 31%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 34%; }
    .footer-text-divided .footer-text-right { padding-right: 50px; }

    #text1, #text2 { max-width: 70%; }

    .internalPage .grid-row-cell.grid-row-cell-text .grid-row-text { max-width: 300px; }
    .juniorPage .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after,
    .juniorPage .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { width: 77px; }

    .gallery-container { width: 85%; }

    #GridPage #contactview.max-width-center { width: 80%; }
}

@media(max-width: 767px) {
    .grid-text-section .section-title { margin-bottom: 0; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }

    /*Header*/
    #header2 .phone-icon { top: 25px; left: -45%; }
    #header2 .phone-icon a { color: #131313; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 .header-right-section { padding: 25px 20px 25px 0; }
    /*#header2 #header-left {display: inline-block; top: 14px; margin: 0;}*/
    #header2.open #header-left, #header2.open .phone-icon { opacity: 0; pointer-events: none; }
    #header2 ul.menu { padding-top: 90px; }
    #header2 ul.menu li { font-size: 150%; }
    #header2 ul.menu li a { font-size: 100%; line-height: 1.2; }
    #header2 #header-left img { max-width: 110px; }
    #header2 ul.menu .social-links a svg { width: 22px; height: 22px; }
    #header2 ul.menu .social-links a { width: 57px; height: 57px; }
    #header2 .header-top-left a svg { margin-right: 1px; }
    /*#header2 .header-top-left a.social_icon_instagram svg {width: 18px; height: 18px; margin-right: 1px; margin-top: 1px;}*/

    /*Top Banner*/
    /*#home-gallery { height: 92vh !important;}*/
    #home-gallery .scroll-down { bottom: 20px; }
    /*#home-gallery .slider-bg.stellar-bg { background-size: contain; background-position: center center;}*/
    #home-gallery:after { width: 100%; height: 170px; /*bottom: -20px;*/ bottom: -5%; }

    /*Venues Section*/
    .grid-content-section.venuesSec .grid-boxes .grid-box { width: 50%; }

    /*Info Section*/
    .grid-content-section.infoSec .grid-boxes .grid-box { width: 50%; padding: 0 10px; }

    /*Services Section*/
    .grid-content-section.servicesSec { padding-bottom: 0; }
    .grid-content-section.servicesSec .grid-boxes .grid-box { width: 33.333%; padding: 0 10px; margin-bottom: 40px; }
    .grid-content-section.servicesSec .grid-boxes .grid-box .grid-box-image { margin-bottom: 8px; }

    /*Lower Banner Section*/
    .home-page .grid-image-section, .home-page .image-section-data { height: 160px; width: auto; padding: 0; }
    .home-page .image-section-data img { margin-top: 0 !important; height: 100%; }
    .home-page .grid-image-section { width: 90%; margin: 0 auto 30px; }

    /*Footer*/
    .home-page footer { padding-top: 0; }
    #SiteFooter { padding-bottom: 67px; }
    a.AccessabilityLink { margin-bottom: 5px; }
    .footer-text-divided > div.footer-text-right { display: block; width: 100%; text-align: center; }
    .footer-text-divided > div.footer-text-right p { display: inline-block; margin: 0 5px; }

    .FooterForm:after { height: 65px; bottom: -10px; }
    .FooterForm.form-container-wide #DynamicFormObject { padding-bottom: 70px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 10px 0 15px; }

    /*****Inner Pages*****/
    #GridPage .max-width { width: 90%; }
    #headline h1 { line-height: 1.1; }
    #text1, #text2 { max-width: 90%; }

    /*Pop Up*/
    #multi-content-modal .modal-content { width: 90%; }
    .modal-text #text1 { max-height: 45vh; }

    /*Shopping Page*/
    .shoppingPage #LobbyModule .grid-box, .shoppingPage #gridshort-view .flex-row > div { width: 50%; padding: 0 8px; }

    /*Foodies Page*/
    .foodiesPage.shoppingPage #LobbyModule .grid-box { width: 70%; }

    /*Junior Page*/
    .juniorPage .grid-row { margin-bottom: 50px; }
    .juniorPage .grid-rows .grid-row-cell { display: block !important; float: none !important; }
    .juniorPage .grid-row-cell.grid-row-cell-text { width: 90%; top: -30px; margin: 0 auto; z-index: 10; }
    .juniorPage .grid-row-cell.grid-row-cell-text .grid-row-text { width: 90%; }

    /*Lifestyle Page*/
    .lifeStylePage.shoppingPage #LobbyModule .grid-box { width: 85%; }

    /*Contact Page*/
    #contactform { padding: 30px 25px; }
    .normal-form input[type=submit] { font-size: 100% !important; }

    /* Events Page */
    .eventsPage .internalPage .grid-row-cell.flexslider-box li.slider-item { padding-bottom: 56.5%; }
    .eventsPage .grid-row-cell.grid-row-cell-text { width: 90%; top: -30px; margin: 0 auto; z-index: 10; }

    /*intu*/
    .form-container-wide #DynamicFormObject { padding: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { z-index: 10; }
    .textareaField .must:before { right: 25px; top: 5px; }
    .normal-form input, .normal-form select, .normal-form textarea { padding-right: 25px; }
    .grid-form-section, .firstSection { margin: 20px auto; }
}

@media(max-width: 360px) {
    #header2 ul.menu li { padding: 7px 0; }
    #header2 ul.menu li.social-mobile { padding-top: 15px; }

    .grid-content-section.venuesSec .grid-boxes .grid-box { width: 250px; }

    .grid-content-section.infoSec .grid-boxes .grid-box { width: 75%; }

    .grid-content-section.servicesSec .grid-boxes .grid-box .grid-box-image { padding-bottom: 72%; }

    .shoppingPage #LobbyModule .grid-box, .shoppingPage #gridshort-view .flex-row > div { width: 80%; }
    .shoppingPage #gridshort-view .flex-row > div { float: none !important; margin-right: auto; margin-left: auto; }

    #header2 ul.menu li { font-size: 110%; }
}

@media(max-width: 320px) {
    /*Top Banner*/
    #home-gallery:after { bottom: -40px; }
}
