#GridPage { width: 100%; }
.mainBody { max-width: 960px; padding: 30px 80px; margin-bottom: 20px; }
#body h4 { margin-bottom: 0; }



#body img { height: auto; }


#SiteGrid           { max-width: 100%; }
.topBanner          { max-width: 95%; margin-right: auto; margin-left: auto; }
.topBanner .bannerImgHolder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: top center; }

.mainShowContent { /*transform: translateY(-60px); -webkit-transform: translateY(-60px);*/ max-width: 1170px; margin: 0 auto; overflow: auto; direction: ltr; margin-top: -60px; z-index: 1; position: relative; }

.leftShowsContainer         { float: left; width: 380px; background: #ffffff; margin-right: 70px;direction:rtl; }
    .leftShowsContainer h2 { background: #3d8525; color: #ffffff; padding: 16px 20px; margin-top: 0; font-size: 150%; margin-bottom: 0; }
.mainShowContent h4 { font-size: 130%; margin: 0 0 15px 0; }
.leftShowsContainer ul li .purchaseLink { float: left; }
.leftShowsContainer ul { list-style: none; padding: 0; max-height: 147px; margin-bottom: 0; border: 1px solid #d3d3d3; border-bottom: 0; overflow: hidden; -webkit-transition: max-height 1s ease-in-out; transition: all 1s ease-in-out; }
.leftShowsContainer ul.ul-openmobile { max-height: 297px; }
.leftShowsContainer.affix { position: fixed !important; top: 87px; z-index: 5; max-width: 90vw; }
.leftShowsContainer.affix-bottom { position: fixed !important; }
.leftShowsContainer ul.ul-open { max-height: 2000px; }
.leftShowsContainer ul li   { padding: 10px 20px; border-bottom: 1px solid #d3d3d3; }


.leftShowsContainer ul li .purchaseLink a.buttonHover { font-size: 93%; min-width: 80px; height: 30px; line-height: 30px; }
.leftShowsContainer ul li .purchaseLink a.buttonHover.noAvailability { font-size: 80%; pointer-events: none; border-color: #adadad; background-color: #adadad; }
.moreDates button { width: 100%; background: #ffffff; height: 50px; border: 0; border: 1px solid #d3d3d3; display: inline-block; text-align: center; /* position: relative; */ /* overflow: hidden; */ /* min-width: 160px; */ -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); font-family: 'almoni-tzar-aaa-bold'; font-size: 105%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; vertical-align: middle; }
.moreDates button span { vertical-align: middle;margin-right:3px; }
.moreDates button svg, .moreDates button svg path { fill: #252525; vertical-align: inherit; }
.leftShowsContainer ul li > span { display: inline-block; vertical-align: sub; font-size: 95%; }

.relatedItemsWrapper { position: relative;width: 100%; display: inline-block; right: 0; padding: 20px; text-align: center; padding-bottom: 90px; }
.relatedItems        { max-width:1005px; margin:0 auto; }
.relatedItems .showItemBox {  text-align: right;direction:rtl; }
.showItemBox .showItemBox-image { height:330px; }
#body img { max-width: 700px; margin-right: auto; margin-left: auto; display: inherit; margin-bottom: 30px; margin-top: 20px; }
.relatedItems { direction: ltr; }
#QuotesSlider .repertoire-quotes { padding-bottom: 30px; }
#QuotesSlider { border: solid 2px #252525; position: relative; padding: 35px 20px 20px; margin-top: 40px; margin-bottom: 40px; }
#QuotesSlider .sliderTitle { position: absolute; top: -22px; right: 20px; }
    #QuotesSlider .sliderTitle h3 { font-size: 130%; margin: 0; width: 119px; height: 40px; background-color: #3d8525; text-align: center; color: #ffffff; display: inline-block; vertical-align: middle; padding: 7px; }
#QuotesSlider .quotes-icon { position: absolute; left: 0; background: #ffffff; bottom: -45px; padding: 0 15px; }
#QuotesSlider .quotes-icon svg { width: 64px; height: 38px; }
#QuotesSlider .repertoire-quotes__item { text-align: right;direction:rtl; }
#QuotesSlider button.slick-prev { display: inline-block; vertical-align: middle; background: transparent; border: 0; }
#QuotesSlider button.slick-next { display: inline-block; vertical-align: middle; background: transparent; border: 0; }
.QoutesSliderBtns { position: absolute; bottom: 0; right: 0; width: 80px; text-align: right; }

#QuotesSlider .quotes-text { font-family: 'almoni-neue-aaa-400'; font-weight: bold; font-size: 112%; line-height: 1.35; max-width: 85%; }
#QuotesSlider p.quotes-author { font-size: 90%; margin-top: 10px; margin-bottom: 10px; }

#GallerySlider { position: relative; }
#GallerySlider button svg { width: 14px; height: 14px; fill: #fff }
#GallerySlider button.prevSlick { display: inline-block; vertical-align: middle; background: transparent; border: 0; }
#GallerySlider button.nextSlick { display: inline-block; vertical-align: middle; background: transparent; border: 0; }
#GallerySlider .gallerySliderBtns { position: absolute; bottom: 10px; right: 10px; width: 80px; text-align: right; z-index: 1; }


#body2 { margin-bottom: 50px; }

#showGallery ul.slick-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; z-index: 1; }
#showGallery ul.slick-dots li { display: inline-block; vertical-align: middle; margin: 0px 4px; }
#showGallery ul.slick-dots li button { -webkit-appearance: none; border-radius: 50%; width: 12px; height: 12px; font-size: 0; box-shadow: none; border: 2px solid #ffffff; padding: 0; background: transparent; }
#showGallery:after { content: ""; position: absolute; bottom: 2px; width: 100%; height: 77px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); right: 0; left: 0; z-index: 0; }
#showGallery ul.slick-dots li.slick-active button { background: #ffffff; }


.relatedItems ul.slick-dots { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; z-index: 1; }
.relatedItems ul.slick-dots li { display: inline-block; vertical-align: middle; margin: 0px 4px; }
.relatedItems ul.slick-dots li button { -webkit-appearance: none; border-radius: 50%; width: 12px; height: 12px; font-size: 0; box-shadow: none; border: 2px solid #252525; padding: 0; background: transparent; }
.relatedItems ul.slick-dots li.slick-active button { background: #252525; }
.relatedItemsWrapper h2 { font-size: 200%; margin-bottom: 35px; }
.relatedItems .showItemBox .buttonHover.trailerBtn { background: transparent; }


.TextOnBanner button.buttonHover.trailerBtn { border: 2px solid #ffffff; background: transparent; color: #ffffff; min-width: 130px; margin-top: 15px; }
.TextOnBanner button.buttonHover.trailerBtn:hover, .TextOnBanner button.buttonHover.trailerBtn:focus { color: #252525; }
.TextOnBanner #subheadline { margin-top: 25px; }

.showTeam { margin-top: 45px; }
h3.showTeamTitle { margin: 0; height: 40px; background-color: #3d8525; color: #fff; font-size: 130%; padding: 10px 25px; line-height: 1; display:block;}
.showTeam ul { list-style: none; padding-right: 17px; }
.showTeam ul > li { padding: 5px 8px; border-bottom: 1px solid #d3d3d3; font-size: 95%; }
.showTeam ul > li:last-of-type { border-bottom: 0; }
.showTeam ul > li label { margin: 0; white-space: nowrap }

.top-banner-video { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.TextOnBanner { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
/*.top-banner-video iframe { width: 145vw; height: 103.25vw; min-height: 134vh; min-width: 180.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; }*/
.top-banner-video iframe { width: 110%; height: 100%; /* min-height: 100%; */ /* min-width: 180.77vh; */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; }
#showGallery .slick-slide { height: 400px; }
.slick-gallery-video { position: absolute; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.slick-gallery-video iframe { position: absolute; left: 50%; top: 50%; width: 120%; height: 120%; transform: translate(-50%, -50%); }


.showItemBox-Container .showItemBox.blogBox .showItemBox-Content { order: 2; }
.showItemBox-Container .showItemBox.blogBox a.showItemBox-link { order: 1; }

#mainBodyHeadline h2 { display: inline-block; padding-right: 12px; position: relative; }
#mainBodyHeadline h2:before { content: ""; width: 4px; height: 26px; background-color: #3d8525; position: absolute; right: 0; top: 3px; }
h3:before { display: none; }
h3 { padding-right: 0; margin-top: 0; font-size: 100%; }
.share-strip a.share-icon { margin: 0px 10px; background: #ffffff; z-index: 1; position: relative; }
.sideLine { display: inline-block; width: 36.9%; height: 100%; position: relative; }
.share-strip { display: inline-block; width: 25%; }
.blogPostShareButton { text-align: center; position: relative; margin-top: 15px; margin-bottom: 15px; }
.sideLine:before { content: ""; border: 1px solid #363636; height: 1px; position: absolute; left: 0; right: 0; top: -5px; /* transform: translateY(-50%); */ }
.TextOnBanner a.leaveArchive { font-size: 105%; margin-top: 20px; }

.share-strip a.share-icon:hover, .share-strip a.share-icon:focus { outline: none; border: 0; text-decoration: none; }
.share-strip a.share-icon:hover i, .share-strip a.share-icon:focus i { color: #3d8525; }
.TextOnBanner a.leaveArchive:hover, .TextOnBanner a.leaveArchive:focus { outline:none; }

@media(max-width: 1440px) { /*.topBanner { height: 540px; }*/ }

@media(max-width:1170px) { .mainShowContent { max-width: 95%; }
    .mainBody { width: calc(100% - 420px); }
    .leftShowsContainer { margin-right: 40px; }
    #body img { max-width: 100%; }
    .share-strip { width: 30%; }
    .sideLine { width: 33.9%; }
}
@media(max-width:991px) {
    .leftShowsContainer { margin: 0; width: 100%; }
    .mainShowContent, .relatedItems { max-width: 90vw; }
    .mainBody { width: 90%; margin-top: 40px; margin-bottom: 30px; }
    .topBanner { height: 30vh; max-width: 100%; }
}
@media(max-width:767px) {    
    .top-banner-video iframe { min-width: 100vw; width: 100vw; height: 107vw; min-height: 107vw; }
    .leftShowsContainer.affix { top: 77px; }    
    .TextOnBanner #subheadline h2 { font-size: 120%; max-width: 80vw; }
    .mainBody { padding: 0; padding-top: 0; }
    .leftShowsContainer h2 { padding: 12px 20px; }
    /*.TextOnBanner { transform: translate3d( -50%, 60px, 0px); -webkit-transform: translate3d( -50%, 60px, 0px); }*/
    .TextOnBanner #subheadline { margin-top: 15px; }
    .TextOnBanner button.buttonHover.trailerBtn { margin-top: 5px; }
    #QuotesSlider .quotes-icon { background: #F5F5F5; }
    .relatedItemsWrapper h2 { font-size: 200%; max-width: 240px; margin-right: auto; margin-left: auto; }
    .mainShowContent { margin-top:-52px; /*transform: translateY(-52px); -webkit-transform: translateY(-52px);*/ }
    .mainShowContent.noCloseDates { transform: none; -webkit-transform: none;margin-top:0; }
    .leftShowsContainer ul li .purchaseLink a.buttonHover { height: 28px;line-height:28px; }
    .moreDates button { border-top: 0; }
    .leftShowsContainer ul li > span { font-size: 85%; white-space: nowrap; }
    #QuotesSlider .quotes-text { max-width: 95%; }
    .slick-gallery-video iframe { position: absolute; left: 50%; top: 50%; width: auto; min-width: 200vw; min-height: 75vh; transform: translate(-50%, -50%); }
    .QoutesSliderBtns { width: 120px; }
    #QuotesSlider .quotes-icon { left: 12px;bottom: -45px; }
    #showGallery .slick-slide { height: 50vw; }
    ul.showTeamList { padding-right: 10px; padding-left: 10px; }
    h3.showTeamTitle { padding: 10px; }
    .share-strip a.share-icon { margin: 0px 5px; }
    .sideLine { width: 29.9%; }
    .share-strip { width:37%; }
}

@media(max-width:375px) {
    .share-strip { width: 39%; }
    .sideLine { width: 27.9%; }
}
@media(max-width:320px) {
    .leftShowsContainer ul li { padding: 10px; }
    .relatedItemsWrapper h2 { font-size: 170%; }
    #SiteFooter .contactText{ font-size: 100%; }
}

.leftShowsContainer.archiveQuotes { position:relative;}
.archiveQuotes .repertoire-item .repertoire-item_content, .archiveQuotes .repertoire-item_quotes { position: relative; width: 480px; height: 415px; float: right; }
.archiveQuotes .repertoire-item_quotes { float: left; }
.archiveQuotes .repertoire-item .repertoire-item_quotes, .archiveQuotes .repertoire-item_content .image-thumb, .archiveQuotes .repertoire-item_content div[class^="video"], .archiveQuotes .repertoire-item_content .repertoire-item__text { will-change: transform, opacity; transform: translate3d(0px, 50px, 0px); }
.archiveQuotes .repertoire-quotes { position: absolute; top: 50%; left: 50%; width: 410px; height: 245px; background-color: #ffffff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.archiveQuotes .repertoire-quotes__item { display: none; position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 30px; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.archiveQuotes .repertoire-quotes__item { display: none; position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 30px; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.archiveQuotes .repertoire-quotes__item .quotes-title { font-size: 153%; margin: 0; }
.archiveQuotes .repertoire-quotes__item .quotes-text { font-size: 130%; margin: 10px 0; line-height: 1.2; }
.archiveQuotes .repertoire-quotes__item .quotes-author { font-size: 94%; }
.archiveQuotes .repertoire-quotes__item:first-child { display: block; }

.archiveQuotes .repertoire-quotes .quotes-icon { position: absolute; bottom: -30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.archiveQuotes .repertoire-quotes { width: 100%; top: 0; left: 0px; -webkit-transform: none; transform: none; height: 320px; }
.archiveQuotes .repertoire-item_quotes { width: 100%; height: 245px; }



@media(max-width:991px) {
    .archiveQuotes .repertoire-item .repertoire-item_content, .archiveQuotes .repertoire-item_quotes { width: 100%; height: 44vw; }
    .archiveQuotes .repertoire-item.repertoire-col-12:not(.wideElement) .repertoire-item_quotes .repertoire-quotes { width: 100%; }
    .archiveQuotes .repertoire-item_quotes { top: 15%; }
}

@media (max-width: 767px) {
    .archiveQuotes .repertoire-quotes__item { padding: 0 20px; }
    .archiveQuotes .repertoire-quotes .quotes-icon svg { width: 60px; }
    .archiveQuotes .repertoire-quotes__item .quotes-text { font-size: 95%; line-height: 1.2; }
    .archiveQuotes .repertoire-quotes { position: relative; top: unset; left: unset; margin: 0 auto; width: 80% !important; -webkit-transform: none; transform: none; }
    .archiveQuotes .repertoire-item .repertoire-item_content, .archiveQuotes .repertoire-item_quotes { width: 100%; height: 90vw; }
}

@media(max-width: 991px) {
    .mainBody { padding: 30px; }
    .mainBody #body h3 { font-size: 150%; }
    #body img { max-width: 90%; }
}

@media(max-width: 767px) {
    .mainBody { max-width: 100%; padding: 20px; margin-top: 20px; }
}