#GridContent { position: relative; }
#GridPage { width: 100%; }
#PageBreadCrumps { display: none; }
#PageView { max-width: 1170px; margin: 0 auto; overflow: visible; margin-top: 170px; }
#decoElement1 { width: 188px; height: 188px; background-image: url(../../../000Frames/site/images/circle.svg); background-size: cover; top: -30px; right: -105px; }
#decoElement2 { width: 360px; height: 360px; background-image: url(../../../000Frames/site/images/circle.svg); background-size: cover; top: 50%; left: -150px; }
.topBannerPageView { position: relative; }
.topBannerWrapper { display: table; width: 100%; direction: ltr; background: #232323; position: relative; z-index: 1; }
.topBannerWrapper .topBannerImg { display: table-cell; width: 60%; vertical-align: top; position: relative; }
.topBannerWrapper .topBannerImg img { width: 100%; }
.topBannerWrapper .topBannerText { position: relative; display: table-cell; width: 40%; vertical-align: top; direction: rtl; text-align: right; padding: 32px; }
#SiteGrid:after { content: ""; background: #ffff; width: 100%; left: 0; right: 0; top: 0; height: 52vh; position: absolute; z-index: -1; }

.eventMainText { width: calc(100% - 317px); padding-left: 50px; padding-bottom: 80px; text-align: right; }
.eventmain-content { margin-top: 22px; position: relative; z-index: 1; direction: ltr; }
#body { margin: 0; margin-bottom: 30px; margin-top: 45px; padding: 0; direction: rtl; max-width: 100%; }
#body h2, #body h3, #body h4, .dateDescItem { }
#body h2 { font-size: 130%; margin-bottom: 15px; margin-top: 15px; }
#body h3 { margin-top: 35px; font-size: 120%; font-family: 'almoni-neue'; font-weight: bold; }
#body p { margin-top: 15px; }
#body ul { margin-top: 23px; }
#body .generalBtn { margin-top: 50px; }
#body .text2 > *:first-child { margin-top: 76px; }
.body-inner { max-width: 700px; }
.MainGallery { padding: 80px 0px; margin-right: 21px; }
.nav-slider-arrow { width: 22px; }
.nav-slider-prev { right: -20px; }
.nav-slider-next { left: -20px; }

.sponsorships-icons { direction: rtl; }
.sponsorship-label { font-size: 110%; font-weight: bold; display: inline-block; }
.sponsorships-icons-wrapper { display: inline-block; }
.sponsorships-icon-img img { height: 50px; }

.sponsorships-icon { display: inline-block; }
#body iframe[src*="youtube"] { width: 754px; height: 424px; }
.sponsorships { color: #121212; font-size: 110%; position: absolute; right: 32px; bottom: 20px; }
.sponsorships img { display: inline-block; vertical-align: middle; max-height: 65px; width: auto; margin: 0px 5px; }
.generalBtn.greyBtn { background: #cccccc; }
.soldOutBtn { pointer-events: none; }
.addeventatc .addeventatc_icon { display: none; }
.dateDescItem.fbLive span, .dateDescItem.Youtube span, .dateDescItem.zoom span { font-family: "futura-pt-bold"; font-size: 80%; }
.dateDescItem.fbLive svg { margin-left: 0px; width: 60px; height: 20px; }
#PageView.sold-out-view .topBannerImg:after { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; }
#PageView.sold-out-view .topBannerImg:before { content: "SOLD OUT"; position: absolute; left: 1%; top: 10%; z-index: 1; transform: rotate(325deg); position: absolute; top: 50%; transform: translateY(-50%) rotate(-15deg); -webkit-transform: translateY(-50%) rotate(-15deg); color: #ffffff; font-size: 350%; width: 100%; text-align: center; z-index: 1; font-family: 'anomalia-demibold-aaa'; }
span.picCredit { position: absolute; left: 10px; bottom: 5px; font-size: 70%; background: #000000; padding: 0px 5px; }
.moreInfoTitle h2 { font-size: 110%; border-bottom: 1px solid #ffffff; padding-bottom: 4px; margin-bottom: 10px; }
.moreInfoText p { font-size: 90%; }
.moreInfoText { max-width: calc(90% - 120px); float: right; }
.moreInfoIcons { float: left; margin-top: 10px; }
.moreInfoIcons h3 { font-size: 90%; display: inline-block; vertical-align: middle; margin-left: 5px; }
.moreInfoIcons a { display: inline-block; vertical-align: middle; height: 25px; }

#headline h1:after { width: 61px; border-bottom: solid 4px #ec1163; position: absolute; right: 0; bottom: -18px; content: ""; }
#headline h1 { position: relative; color: #fff; }

.shareBtn a svg { height: 35px; width: 35px; }

@media (max-width: 1170px) {
    #headline h1 { font-size: 170%; }
    .topBannerWrapper .topBannerText { padding-top: 7%; }
    #PageView { padding: 0 40px; }
    .body-inner { max-width: 620px; }
}

@media (max-width: 1024px) {
    #headline h1 { font-size: 150%; }
}

@media (min-width: 1171px) {
    .topBannerWrapper { min-height: 435px; }
}

@media(min-width: 1025px) and (max-width: 1400px) {
    #PageView { width: 85%; margin: 200px auto 0; }
    .topBannerWrapper { min-height: unset; }
    .topBannerWrapper .topBannerText { padding-bottom: 0; }
    .topBannerWrapper .topBannerImg { width: 55%; }
    .topBannerWrapper .topBannerImg img { max-height: 320px; }
}

@media (max-width: 991px) {
    .topBannerWrapper { display: block; }
    .topBannerWrapper .topBannerImg { display: block; width: 100%; height: 300px; overflow: hidden; }
    .topBannerWrapper .topBannerText { display: block; width: 100%; padding: 30px 30px; min-height: 205px; }
    .eventmain-content { margin-top: 10px; }
    .eventMainText { width: 100%; margin-top: 40px; }
    #PageView { margin-top: 0px; }
    #SiteGrid:after { height: 45vh; }
    .sponsorships { position: relative; right: auto; bottom: auto; }
    #headline h1 { margin-bottom: 40px; font-size: 180%; }
    #decoElement1 { display: none; }
    #decoElement2 { top: auto; bottom: -120px; width: 188px; height: 188px; left: auto; right: -40px; }
    #body iframe[src*="youtube"] { width: 100%; height: calc(66vw - 40px); }
    .MainGallery { margin: 0 -40px; width: 100vw; }
    #body { max-width: 100%; }
}

@media (max-width: 991px) and (min-width:767px) {
    .leftDateBoxWrapper { display: block; margin-bottom: 20px; text-align: center; }
    .dateDescItem:not(.submitBtn) span { max-width: 100%; }
    .leftDateBox .dateDescItem { display: inline-block; margin-left: 20px; }
    .dateDescItem:last-child { margin-bottom: 0; margin-left: 0; }
    .dateDescItem svg { display: none; }
    .leftDateBox .dateDescItem:before { content: "|"; position: relative; right: -20px; }
    .leftDateBox .dateDescItem.DayAndDate:before, .leftDateBox .dateDescItem.submitBtn:before { display: none; }
    .dateDescItem { margin-bottom: 0; }
    .leftDateBox .dateDescItem:before { content: "|"; position: relative; right: -10px; }
    .DateBoxBtns { display: block; max-width: 85%; margin: 0 auto; text-align: center; }
    .eventmain-content .addeventatc, .eventmain-content .addeventatc:hover,
    .dateDescItem.submitBtn { width: calc(50% - 43px); margin: 0 20px; vertical-align: top; }
}

@media (max-width: 767px) {
    .topBannerWrapper .topBannerImg { height: auto; }
    .eventmain-content { padding: 0 26px; }
    .sponsorships-icon { width: 31.33%; }
    .sponsorships-icon img { height: auto; }
    #PageView { padding: 0; }
    #headline h1 { font-size: 155%; }
    .topBannerWrapper .topBannerText { padding: 20px; min-height: 0; }
    .sponsorships img { max-height: 45px; }
    .sponsorships { font-size: 90%; }
    #body h3 { font-size: 115%; margin-top: 20px; }
    .eventMainText { margin-top: 35px; padding-left: 0px; }
    .moreInfoText { max-width: calc(100% - 120px); }
    #SiteGrid:after { height: 42vh; }
    #body { margin-top: 0; }
    #body h2 { font-size: 120%; margin-top: 30px; }
    #body .generalBtn { margin-top: 20px; }
    #body ul { margin-top: 20px; }
    #body .text2 > *:first-child { margin-top: 30px; }
    .MainGallery { padding: 25px 0; margin: 0 -26px; }
    #PageView.sold-out-view .topBannerImg:before { font-size: 280%; }
    #decoElement2 { bottom: -60px; width: 94px; height: 94px; right: -40px; }
}

@media (max-width: 320px) {
    #headline h1 { font-size: 135%; }
}

@media(min-width:992px) {
    .affix { position: fixed; left: auto; z-index: 1; top: 95px; }
}