#PageBreadCrumps { display: none; }
#SiteGrid { max-width: 100%; }
#GridPage { width: 100%; }
.mainContent { max-width: 1170px; margin: auto; }
#lobby { margin-bottom: 0; }
.topBanner { margin-bottom: 0px; }

.eventsFilters { transform: translateY(-55px); -webkit-transform: translateY(-55px); text-align: center; }
    .eventsFilters ul { padding: 0; list-style: none; margin: 0; }
        .eventsFilters ul li { display: inline-block; vertical-align: middle; }
.daysFilter li button { color: #121212; position: relative; font-size: 110%; line-height: 1.1; font-family: 'HadassahFriedlaender-Bold'; }
.daysFilter li button .buttonBg { width: 94px; height: 94px; background: #edf1f2; transform: skew(-6deg, 0deg); -webkit-transform: skew(-6deg, 0deg); }
    .daysFilter li button span { display: block; }
    .daysFilter li button .buttonContent { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    .daysFilter li button.active { color: #ffffff; }
        .daysFilter li button.active .buttonBg { background: #E71163; }
.catsFilter button span { border-bottom: 1px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; }
.catsFilter button.active span, .catsFilter button:hover span { border-color: #e3105f; }
.catsFilter button.active { font-family: 'HadassahFriedlaender-Bold'; }
.catsFilter button { font-size: 130%; padding: 0 8px; font-family: 'HadassahFriedlaender-Bold'; }
.catsFilter { margin-top: 105px; }
.contentBoxItem { margin-bottom: 50px; padding: 0px 25px; }
.eventsList { }
.contentBox-content { min-height: 200px; height: auto; }
.bottom-section { direction: ltr; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.bottom-section-title span.bottom-section-line { border-bottom: 3px solid #ffffff; display: inline-block; vertical-align: text-top; width: 52%; margin-left: 0px; padding-top: 35px; }
.bottom-section-title span { color: #91989e; opacity: 0.5; margin-left: 15px; }
.bottom-section.showItem .flexLine { animation: strechLine 2s 0.5s forwards linear; -moz-animation: strechLine 2s 1.5s forwards linear; -o-animation: strechLine 2s 0.5s forwards linear; }
.bottom-section-title { direction: ltr; }
.bottom-section-button { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 100%; text-align: right; }

    .bottom-section-button .generalBtn { vertical-align: middle; }
.pink-element { left: -512px; height: 934px; max-height: 934px; }
.showItem .pink-element { left: -90px; }
.pink-element img { width: 100%; }

@-webkit-keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

@keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

@keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

@keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

#GridContent { position: relative; padding-bottom: 150px; }
.hiddenContentBox { animation: fadeElements; animation-delay: 1000s; animation-duration: 0.5s; animation-fill-mode: both; }

@media(min-width: 1025px) and (max-width: 1400px) {
    .eventsFilters { transform: translateY(-40px); -webkit-transform: translateY(-40px); }
    .daysFilter li button .buttonBg { width: 80px; height: 80px;}
    .mainContent {max-width: 1000px;}
    .contentBox-content {min-height: 215px; padding: 8px 20px 0;}
}

@media (max-width: 1170px) {
    .mainContent { max-width: 90vw; }
    .bottom-section-title { font-size: 320%; left: 12%; }
}

@media (max-width: 991px) {
    .bottom-section-title { line-height: 1; bottom: 20px; left: -20px; }
    #GridContent { padding-bottom: 200px; }
    .bottom-section-title { max-width: 307px; padding: 0 0 0 50px; font-size: 365%; line-height: 0.9; }
        .bottom-section-title span { color: #fff; opacity: 1; }
    .bottom-section-line { width: calc(100% - 35vw); transform: translateX(0%); -webkit-transform: translateX(0%); bottom: -40px; position: absolute; /*right: 0;*/ }
}



@media (max-width: 767px) {
    .mainContent { max-width: 100vw; }
    .eventsFilters { transform: translateY(0); -webkit-transform: translateY(0); margin-top: -55px; }
    .daysFilter li button .buttonBg { height: 82px; }
    .contentBox-content { min-height: 0; }
    .contentBox-link { position: relative; bottom: auto; }
    #GridContent { padding-bottom: 130px; }
    .bottom-section-title span { margin-left: 0px; }
    .contentBoxItem { padding: 0px 30px; margin-bottom:30px; }
    .eventsFilters .daysFilter ul { width: 650px; }
    .daysFilter { text-align: right; overflow: auto; }
        .daysFilter li button { padding: 0px 5px; width: 100%; }
            .daysFilter li button .buttonBg { width: 100%; }
        .daysFilter ul li { width: 33vw; }
            .daysFilter ul li:first-child { margin-right: 10vw; }
    .pink-element { max-width: 80vw; }
    .bottom-section-title { font-size: 300%; max-width: 100vw; line-height: 1; padding: 0; left: 5%; }
    .bottom-section-line { width: calc(100% - 60vw); bottom: -46px; direction: rtl; }
    #flexLineEvent { left: 216px !important; }
    .catsFilter { margin-bottom: 35px; margin-top: 85px; }
    .eventsList { max-width: 90vw; margin: 0 auto; }
}

@media (max-width: 320px) {
    .catsFilter button { font-size: 105%; }
    .bottom-section-line { width: calc(100% - 66vw); }
}


.contentBox-subtitle.contentBox-subtitle-nonevents { display: none; }
.contentBox-subtitle.contentBox-subtitle-events { display: block; }
.contentBox-subtitle { margin-top: 0; }
.contentBox-link { position: static; margin-top: 10px; }
.eventsList .row { display: flex; flex-wrap: wrap; }
.contentBox-date { flex-grow: 1; }
.contentBox-content { display: flex; flex-direction: column; padding-bottom: 15px; }