﻿#SiteGrid { max-width: 100%; margin-top: 0; }
#SiteGridContainer { min-height: 100vh; }
#SiteHeaderContainer { z-index: 20; background: transparent; }
#SiteHeader { background-color: transparent; box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.1); }
#SiteHeader.bg { background-color: #fff; box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.1); }
#siteheader-navigation-container .navbar-brand svg path, #navbar-top a.socialIcon svg path { fill: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #252525; transition: none; }
#navbar-top .navbar-nav > li > a.socialIcon.youtubeIcon:after { border-left: 2px solid #fff; }
#SiteHeader.bg #navbar-top .navbar-nav > li:first-child:after { border-left: 2px solid #252525; }
#SiteHeader.bg #navbar-top .navbar-nav > li > a.socialIcon.youtubeIcon:after { border-left: 2px solid #252525; }
#SiteHeader.bg .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
#SiteHeader.bg .navbar-default .navbar-toggle { background: #252525; }
#SiteHeader.bg #navbar-top .navbar-nav > li > a { color: #252525; }
#SiteHeader.bg #siteheader-navigation-container .navbar-brand svg path, #SiteHeader.bg #navbar-top a.socialIcon svg path { fill: #252525; }
#SiteHeader.bg nav.navbar { padding: 0; }
#siteheader-navigation-container .navbar-brand svg path, #navbar-top a.socialIcon svg path, #siteheader-navigation-container .navbar-brand svg .blackPart { fill: #fff; }
#SiteHeader.bg #siteheader-navigation-container .navbar-brand svg path, #SiteHeader.bg #siteheader-navigation-container .navbar-brand svg .blackPart, #SiteHeader.bg #navbar-top a.socialIcon svg path { fill: #252525; }

@media(min-width: 992px) {
    .navbar-default .mobile-button:not(.menu-open) .navbar-toggle { background: #fff; }
    .navbar-default .mobile-button:not(.menu-open) .navbar-toggle:hover, #SiteHeader.bg .navbar-default .navbar-toggle:hover,
    .navbar-default .mobile-button:not(.menu-open) .navbar-toggle:focus, #SiteHeader.bg .navbar-default .navbar-toggle:focus { background-color: #3d8525; }
    #SiteHeader #siteheader-navigation-container .navbar-brand { width: 163px; height: 70px; -webkit-transition: all .5s ease; transition: all .5s ease; }
    #SiteHeader nav.navbar { padding: 15px 0; -webkit-transition: all .5s ease; transition: all .5s ease; }
    #SiteHeader.bg #siteheader-navigation-container .navbar-brand { width: 116px; height: 50px; }
    #navbar-top .navbar-nav > li > a { color: #fff; }
    #navbar-top .navbar-nav > li:first-child:after { border-left: 2px solid #fff; }
}


@media(max-width: 991px) {
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover { background: #252525; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    #SiteHeader { background-color: #fff; }
    #siteheader-navigation-container .navbar-brand svg path, #navbar-top a.socialIcon svg path, #siteheader-navigation-container .navbar-brand svg .blackPart { fill: #252525; }
}

a:hover, a:focus { text-decoration: none; }
h1, h2 { font-size: 353%; margin: 0; }
h2.title-center:before, h2.title-center:after { content: ""; background: #408927; width: 100px; height: 4px; margin: 0 21px; }

h2.title-center { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; width: 100%; }
.gElement { width: 994px; height: 233px; background-color: #408927; position: absolute; bottom: 0; right: -65px; }
.slickWrapper { max-width: 974px; margin: 0 auto; position: relative; z-index: 1; }

.navslider { position: absolute; top: calc(50% - 50px); transform: translateY(-50%); padding: 0; width: 47px; height: 47px; border: none; }

.navslider.navsliderNext { right: -97px; }
.navslider.navsliderPrev { left: -97px; }

.sectionYevgeny { height: 100vh; display: flex; color: #fff; flex-direction: column-reverse; padding: 165px 135px; font-family: 'almoni-tzar-aaa-bold'; background-size: cover; max-width: 100%; }
.sectionYevgeny h1 { margin: 0; position: relative; }
.sectionYevgeny .yevgenyTitle { font-size: 160%; margin-bottom: 9px; line-height: 1.37; }
.sectionYevgeny .years { font-size: 353%; line-height: normal; }
.sectionYevgeny h1:after { content: ""; position: absolute; width: 8px; height: 57px; background-color: #408927; right: -36px; }

section { max-width: 1170px; margin: 0 auto; position: relative; }

.sectionAbout { box-shadow: 0 0 40px 0 rgba(58, 58, 58, 0.05); background-color: #fff; padding: 47px 66px; margin-top: 120px; max-width: 975px; }
.aboutText h2::after, .sectionAwardsInner h2::after { content: ""; display: block; background: #408927; height: 4px; max-width: 100px; margin: 10px 0 20px; }
.aboutText p { padding-bottom: 15px; }

.sectionRehearsal { text-align: center; margin-top: 125px; }
.sliderItemImg { width: 100%; height: 642px; background-color: #fff; position: relative; cursor: pointer; }
.sliderItemImg::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.52; z-index: 0; }
.sliderItemImg svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1; }
.sliderTitle { color: #fff; font-size: 120%; margin-top: 20px; margin-bottom: 40px; display: flex; width: 100%; justify-content: center; }

.sectionShows { text-align: center; margin-top: 125px; }
.navShows { list-style: none; display: flex; width: 100%; box-shadow: 0 7px 30px 0 rgba(54, 54, 54, 0.1); padding: 0; margin-bottom: 50px; }

.navShows li { width: 33.33%; display: flex; height: 60px; border-left: 1px solid #c9c9c9; }
.navShows li:last-child { border: none; }
.navShows li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; font-family: 'almoni-tzar-aaa-bold'; font-size: 176%; transition: all .3s ease-in-out; }
.navShows li a.active, .navShows li a:hover { background-color: #408927; color: #fff; text-decoration: none; }


.shows { display: flex; flex-direction: column; }
.showItem { display: none; background: #fff; margin-top: 10px; text-align: right; height: 74px; }
.showItem.active { display: flex; align-items: center; }
.show-year { width: 200px; font-family: 'almoni-tzar-aaa-bold'; font-size: 176%; color: #408927; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; }
.showItem .line { width: 100%; max-width: 40px; height: 4px; background: #408927; }
.show-link { margin-right: auto; display: flex; }
.show-link a { width: 120px; height: 40px; margin-left: 30px; display: flex; align-items: center; justify-content: center; border: solid 2px #408927; font-family: 'almoni-tzar-aaa-bold'; font-size: 105%; min-width: 0; }
.show-link .buttonHover:hover::before, .show-link .buttonHover:focus::before { z-index: -1; background-color: #3d8525; }
.show-label { font-size: 130%; }
.show-label span { font-family: 'almoni-tzar-aaa-bold'; }

.sectionFilms { margin-top: 125px; margin-bottom: 100px; }
.sectionFilms .gElement { left: -65px; right: auto; }
.sectionQuote { margin-top: 175px; max-width: 100%; color: #fff; }
.sectionQuoteImg { padding-bottom: 23%; display: flex; background-size: cover; background-position: right; position: relative; justify-content: center; align-items: center; }
.sectionQuoteInner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; max-width: 950px; font-family: 'almoni-tzar-aaa-regular'; }
.sectionQuoteInner p { font-size: 412%; white-space: pre-wrap; font-family: inherit; line-height: 80px; margin-bottom: 30px; }
.sectionQuoteInner span { font-size: 175%; }
.quotes-icon { position: absolute; top: -30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }

.sectionPhotos { margin-top: 125px; }
.sectionPhotos .ms-slide { box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16); }
.sectionPhotos .masterNav { display: flex; flex-direction: row-reverse; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; }
.sectionPhotos button.masterArrow { border: none; box-shadow: none; padding: 0; height: 46px; }

.sectionAwards { margin-top: 125px; }
.sectionAwardsInner { background: #fff; box-shadow: 0 0 40px 0 rgba(58, 58, 58, 0.05); padding: 50px 75px; position: relative; }
.sectionAwardsInner::after { content: ""; background: #408927; width: 90%; height: 95%; position: absolute; top: -20px; left: -20px; z-index: -1; }
.AwardsText ul { list-style-type: none; column-count: 2; margin-bottom: 0; padding: 20px 0; column-gap: 130px; }
.AwardsText ul > li h4 { margin: 0; margin-bottom: 8px; }
.AwardsText ul > li p { margin-bottom: 28px; }

.sectionArticles { margin-top: 125px; }
.ArticleItem { width: 307px; height: 200px; background: #fff; margin: 12.5px; display: flex !important; align-items: center; }
.ArticleItemImg { display: block; height: 70px; width: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; }
a.ArticleItemInner { width: 100%; display: inline-flex; flex-direction: column; align-items: center; justify-content: space-evenly; height: 100%; }
.ArticlesSlideWrapper .navslider.navsliderNext { right: -10px; left: auto; z-index: 1; top: 60%; }
.ArticlesSlideWrapper .navslider.navsliderPrev { left: -10px; right: auto; top: 60%; }
.ArticleItemButton { background: #363636; color: #fff; width: 90%; height: 63px; display: inline-flex; align-items: center; justify-content: center; direction: ltr; font-family: 'almoni-tzar-aaa-bold'; font-size: 150%; }
span.sideLine { display: inline-block; background: #408927; width: 20px; height: 4px; margin-left: 10px; }

.sectionPodcast { background: #fff; padding: 52px 96px; margin-top: 125px; margin-bottom: 0; }
.PodcastItem { display: flex; flex-wrap: wrap; }
.PodcastsItem { width: 33%; padding: 13px; }

/*.sectionYevgeny + .AllSections .ms-wk .ms-slide:not(.ms-sl-selected) { opacity: 0.6; }*/
.sectionYevgeny + .AllSections .ArticlesSlideWrapper .navslider.navsliderPrev { left: -70px; }
.sectionYevgeny + .AllSections .ArticlesSlideWrapper .navslider.navsliderNext { right: -70px; }
a.buttonHover.read-more { border: 0; background: #3d8525; color: #ffffff; min-width: 124px; text-align: center; font-family: 'almoni-tzar-aaa-bold'; font-size: 115%; margin-left: 0; display: none; }
a.buttonHover.read-more:hover::before, a.buttonHover.read-more:focus::before { background: #252525; }

@media(max-width: 991px) {
    .AllSections section { margin-top: 70px; }
    h2 { font-size: 220%; }
    h2.title-center:before, h2.title-center:after { width: 30px; }
    button:focus { outline: unset; }
}

@media(max-width: 767px) {
    .sectionYevgeny { background-size: unset; padding: 0 40px 40px; justify-content: flex-start; }
    .sectionYevgeny h1:after { right: -20px; top: 14px }
    .banner-mobile.visible-xs { height: 100vh; background-size: cover; position: absolute; z-index: 0; width: 100vw; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .yevgenyTitle, .sectionYevgeny .years { z-index: 1; }

    .sectionAbout { padding: 40px 25px; max-width: 90vw; }

    #RehearsalSlideWrapper, #FilmsSlideWrapper { max-width: 100%; margin: auto; }
    .sliderItem.slick-slide { padding: 5px; }
    .sliderTitle { margin: 20px auto 40px; text-align: center; max-width: 80%; }

    #FilmsSlideWrapper .navsliderNext, #RehearsalSlideWrapper .navsliderNext { right: 0; z-index: 1; }
    #FilmsSlideWrapper .navsliderPrev, #RehearsalSlideWrapper .navsliderPrev { left: 0; }
    #FilmsSlideWrapper .sliderItemImg, #RehearsalSlideWrapper .sliderItemImg { background-size: cover; height: 30vh; }
    .navslider { background: transparent; }
    .navslider svg { width: 35px; height: 35px; }
    .ArticlesSlideWrapper .navslider.navsliderNext { right: 10px; left: auto; z-index: 1; top: 60%; }
    .ArticlesSlideWrapper .navslider.navsliderPrev { left: 10px; right: auto; top: 60%; }

    .shows { width: 90%; margin: auto; }
    .navShows { margin-bottom: 25px; }
    .navShows li a { font-size: 130%; }
    .showItem.active { flex-direction: column; align-items: flex-start; height: auto; min-height: 120px; padding: 15px; }
    .show-year { width: 100%; flex-direction: column; align-items: flex-start; }
    .show-label { font-size: 100%; width: 100%; padding: 10px 0; }
    .show-link { margin-right: 0; }
    .show-link a { margin-left: 0; }

    .sectionQuoteImg { padding-bottom: 0; }
    .sectionQuoteImgMobile.visible-xs { position: relative; width: 100%; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
    .sectionQuoteInner { width: 90%; top: 80%; font-size: 80%; }
    .sectionQuoteInner p { font-size: 200%; line-height: 25px; margin-bottom: 5px; }
    .sectionQuoteInner span { font-size: 150%; }

    #PhotosSlider { width: 100%; margin: auto !important; position: relative; }
    #PhotosSlider .ms-slide { background-size: cover; opacity: 1 !important; }
    .sectionPhotos button.masterArrow { display: none; }

    .sectionAwardsInner { padding: 30px; width: 90vw; margin: auto; }
    .AwardsText ul { display: flex; flex-direction: column; flex-wrap: wrap; padding: 0; }

    .sectionPodcast { padding: 30px 10px; width: 90%; }
    .PodcastsItem { width: 50%; padding: 10px; }
    a.buttonHover.read-more { display: inline-block; }
    .aboutText p:nth-of-type(2), .aboutText p:nth-of-type(3) { display: none; }
    .navslider { display: none !important; }
}
