﻿#PageBreadCrumps { display: none; }
#SiteGrid { max-width: 100%; }
#GridPage { width: 100%; }
#navbar-top .navbar-nav > li > a.btn-home:after, #navbar-collapse-main .navbar-nav > li > a.btn-home:after { opacity: 1; bottom: -4px; }
#navbar-collapse-main .navbar-nav > li > a.btn-home:after { bottom: 6px }
#navbar-collapse-main .navbar-nav > li > a.btn-home { color: #ec1163;}
section { position: relative; z-index: 1; color: #121212; }
section h2 { font-size: 300%; line-height: 1.34; margin-bottom: 45px; text-align: center; }
section h2:after { content: ""; display: block; width: 61px; height: 4px; background-color: #E71163; margin: 10px auto 0; }
.contentWrapper { position: relative; z-index: 2; }
.mainPicWrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.bottom-section { position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; z-index: 0; }


.bottom-section-button { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 100%; text-align: left; }
.bottom-section-button .generalBtn { vertical-align: middle; float: right; opacity: 0; -webkit-transition: opacity ease; transition: opacity ease; transition-duration: 2s; transition-delay: 1.2s; font-family: 'HadassahFriedlaender-Bold'; border: 2px solid #121212; box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%) }
.pink-element { left: -400px; }
.pink-element.right-element { left: auto; right: -400px; }


.top-logo { position: absolute; z-index: 1; width: 100%; top: 30px; }
.top-logo img { max-width: 100px; }

@media(max-width:1170px) {
    .contentWrapper { padding: 0 15px; }
}

@media(max-width:991px) {
    .bottom-section-title { max-width: 307px; padding: 0 0 0 50px; }
    .bottom-section-title span.secSpan { color: #fff; opacity: 1; }
    .bottom-section-button { width: calc(100% - 90px); }
}

@media(max-width:767px) {
    .top-logo img { max-width: 72px; }
    .bottom-section-title { max-width: none; padding: 0; text-align: center; width: 100%; bottom: 105px; }
    .bottom-section-button { width: 100%; text-align: center; bottom: 30px; }
    section h2 { font-size: 200%; }
    section h2:after { margin-top: 10px; }
    .contentBox-content, .ContentBoxWide-content { height: 185px; padding: 8px 10px 30px 10px; }
    .ContentBoxWide-img { height: auto; padding-bottom: 73%; }
}


#HomePageSlider { position: relative; top: 0; width: 100%; direction: ltr; z-index: 2; height: 45vw; }
/*#HomePageSlider:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1; pointer-events: none; }*/
#HomePageSlider .BottomLine { position: absolute; height: 50px; width: 1px; left: 50%; bottom: -54px; }
#HomePageSlider .BottomLine .ver-line { width: 100%; height: 100%; display: block; background: linear-gradient(to bottom, transparent 50%, #E71163 50%); background-position: 0 -50px; background-size: 100% 200%; animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; }
#HomePageSlider .bottomScroll { position: absolute; bottom: 30px; width: 100%; text-align: center; font-family: 'opensans-semibold'; animation-iteration-count: 5 !important; -webkit-animation: upAnddown 1s infinite !important; animation: upAnddown 1s infinite !important; -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; left: 0; font-size: 90%; z-index: 1; text-transform: uppercase; color: #fff; font-family: 'anomalia-demibold-aaa'; }
#HomePageSlider .bottomScroll a { }
#HomePageSlider .HomeVideo { width: 100%; position: absolute; left: 0; height: 108%; top: 0; transform: scale(1.15); }
#HomePageSlider .VideoHolder { position: absolute; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; }
#HomePageSlider .max-width { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: 1; color: #fff; width: 100%; max-width: 880px; }
#HomePageSlider .max-width .HomeSide { display: inline-block; text-align: right; font-family: 'anomalia-demibold-aaa'; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
#HomePageSlider .max-width .HomeSide.rightPart { width: 58.5%; direction: rtl; position: relative; top: 120px; transition-duration: 2s; transition-delay: 1.7s !important; }
#HomePageSlider .max-width .HomeSide.leftPart { width: 40%; transition-delay: 1.4s !important; }
#HomePageSlider .max-width .HomeSide h1 { font-size: 333%; line-height: 0.9; }
#HomePageSlider .max-width .HomeSide p { font-size: 200%; direction: rtl; margin: 0; margin-bottom: 8px; }
#HomePageSlider .max-width .HomeSide p:before { content: ""; display: inline-block; background-color: #fff; height: 4px; width: 61px; position: relative; top: -10px; margin-left: 18px; }
#HomePageSlider .max-width .HomeSide .progBtn { border: 2px solid #fff; background-color: transparent; color: #fff; position: relative; top: 2px; margin-left: 20px; }
#HomePageSlider .max-width .HomeSide .buyBtn { color: #121212; }
#HomePageSlider .homeSubTitle { position: absolute; bottom: 27px; left: 27px; color: #ffffff; opacity: 0.2; text-transform: capitalize; font-family: "futura-pt-bold"; font-size: 234%; max-width: 282px; line-height: 1; z-index: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); -webkit-transition: opacity ease; transition: opacity ease; transition-duration: 2s; transition-delay: 1.2s; opacity: 0; }
#HomePageSlider .homeSubTitle.showItem { opacity: 0.2; }
.balloon { animation: moveballoon 4s 1.5s infinite linear; -webkit-animation: moveballoon 4s 1.5s infinite linear; -moz-animation: moveballoon 4s 1.5s infinite linear; -o-animation: moveballoon 4s 1.5s infinite linear; transition: all 350ms ease-in-out; -webkit-transform: translate3d(1.5%,1.5%,0); transition-delay: 0; }

@media(min-width:768px) {
    #HomePageSlider { margin-top: 90px; }
}

@media (max-width: 1300px) {
    #HomePageSlider .HomeVideo { height: 110%; }
    #HomePageSlider .VideoHolder { height: 100%; }
}

@media(max-width:991px) {
    #HomePageSlider { height: 71.3vh; }
    #HomePageSlider .HomeVideo { width: 230%; left: -65%; }
    #HomePageSlider .max-width .HomeSide.rightPart { width: 66.5%; }
    #HomePageSlider .max-width .HomeSide.leftPart { width: 31%; }
    #HomePageSlider .max-width { left: 65%; }
}

@media(max-width:767px) {
    #HomePageSlider { height: 100vw; }
    #HomePageSlider .bottomScroll { display: none; }
    #HomePageSlider .HomeVideo { width: 260%; left: -80%; }
    #HomePageSlider .max-width .HomeSide.rightPart { width: 100%; top: 0; padding-right: 18vw; z-index: 1; }
    #HomePageSlider .max-width .HomeSide.leftPart { position: absolute; right: -10vw; z-index: 0; width: 30vw; }
    #HomePageSlider .max-width { left: 50%; margin-top: 30px; }
    #HomePageSlider .max-width .HomeSide h1 { font-size: 170%; }
    #HomePageSlider .max-width .HomeSide p { font-size: 160%; }
    #HomePageSlider .max-width .HomeSide p:before { width: 28px; display: none; }
    #HomePageSlider .max-width .HomeSide p:after { content: ""; display: inline-block; background-color: #fff; height: 4px; width: 28px; position: relative; top: -5px; margin-right: 18px; }
    #HomePageSlider .homeSubTitle { display: none; }
    #HomePageSlider .max-width .HomeSide .buyBtn { border: solid 2px #ffffff; top: 2px; position: relative; }
    #HomePageSlider .max-width .HomeSide .progBtn { width: 110px; margin-left: 13px; }
    #HomePageSlider .VideoHolder, #HomePageSlider .HomeVideo { height: 100%; }
}

@media(max-width:360px) {
    #HomePageSlider .max-width .HomeSide h1 { font-size: 150%; }
    #HomePageSlider .max-width .HomeSide p { font-size: 140%; }
}

.FestivalEvents { text-align: center; padding: 89px 0 190px 0; background: #edf1f2; }
.FestivalEvents .contentBox-date { display: none; }
.FestivalEventsTool { list-style: none; text-align: center; margin-bottom: 50px; padding: 0; font-family: 'HadassahFriedlaender-Regular'; }
.FestivalEventsTool li { display: inline-block; font-size: 130%; margin: 0 25px; position: relative; }
.FestivalEventsTool li a:after { content: " "; position: absolute; left: 0; content: ''; width: 100%; height: 2px; background: #e71163; bottom: -4px; transform: scale(0, 1); -webkit-transform: scale(0, 1); transition: transform .3s; -webkit-transition: transform .3s; transform-origin: center top; -webkit-transform-origin: center top; }
.FestivalEventsTool li a.active:after,
.FestivalEventsTool li a:hover:after,
.FestivalEventsTool li a:focus:after { opacity: 1; transform: scale(1, 1); -webkit-transform: scale(1, 1); }
.FestivalEvents .pink-element { height: 500px; }
.FestivalEvents .showItem .generalBtn { opacity: 1; }

@media(max-width:991px) {
    .FestivalEvents .contentWrapper { padding: 0; }
    .FestivalEvents .contentBox { margin: 0 30px; }
}

@media(max-width:767px) {
    .FestivalEvents { padding-top: 20px; padding-bottom: 175px; }
    .FestivalEvents h2 { margin-bottom: 35px; }
    .FestivalEventsTool { margin-bottom: 35px; }
    .FestivalEvents .showItem .pink-element { /*left: -45vw;*/ }
    .FestivalEvents .pink-element img { width: 100vw; }
    .FestivalEvents .contentBox { margin: 0 15px }
    .FestivalEventsTool li { margin: 0 8px; }
    .FestivalEvents .generalBtn { margin: 0 auto; float: none; }
}

.FestivalParticipate { text-align: center; padding: 200px 0 34px 0; }
/*.FestivalParticipate:before { content: ""; position: absolute; left: 0; height: 236px; z-index: -1; width: 100%; bottom: 0; background-color: #262626; }*/
/*.FestivalParticipate:after { content: ""; position: absolute; left: 0; bottom: 236px; z-index: -1; width: 0; height: 0; border-bottom: 6.3vw solid #262626; border-left: 100vw solid transparent; }*/
.FestivalParticipate .slick-arrow { margin-top: -40px; }
.FestivalParticipate .pink-element { height: 600px; }
.CityEvents .pink-element { height: 600px; }
#ParticipateList { margin-bottom: 56px; }
.CityEvents { background-color: #262626; }
.EventsTitle { display: none; }

@media(max-width:991px) {
    .FestivalParticipate .contentWrapper { padding: 0; }
    .FestivalParticipate:before { height: 0; }
    .FestivalParticipate:after { border-bottom: 17.5vw solid #262626; bottom: 0; }
}

@media(max-width:767px) {
    .FestivalParticipate .showItem .pink-element { right: -50vw; bottom: 60px; }
    .FestivalParticipate .pink-element img { width: 77vw; }
    .FestivalParticipate { padding-top: 30px; padding-bottom: 40px; }
    .FestivalParticipate:after { border-bottom: 32vw solid #262626; bottom: 0; }
    .ParticipateBox-img { padding-bottom: 130%; }

    .CityEvents { padding-top: 142px; }
    .CityEvents .contentWrapper { max-width: 1094px; }
    .CityEvents .pink-element { bottom: 40px; }
    #ParticipateList { margin-bottom: 36px; }
}

@media(max-width:991px) {
    section.CityEvents h2 { max-width: 500px; margin: 0 auto 45px; }
    .CityEvents { padding-top: 100px; }
    .CityEvents .showItem .pink-element { }
    .CityEvents .pink-element img { /* width: 100%; */ }
    .CityEvents .contentWrapper { padding: 0; }
}

@media(min-width:1350px) {
    .EventsTitle { position: absolute; transform: rotate(90deg); font-size: 600%; font-family: "futura-pt-bold"; opacity: 0.15; bottom: 212px; right: -310px; line-height: 1; width: 476px; text-align: left; letter-spacing: 3px; display: block }
    .EventsTitle:after { content: ""; display: block; height: 3px; background-color: #fff; }
}

@media(max-width:767px) {
    .CityEvents { padding-top: 40px; }
}

.News { padding-top: 120px; padding-bottom: 118px; background: #edf1f2; }
.News:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 0; border-top: 6.3vw solid #fff; border-right: 100vw solid transparent; }
.News:after { content: ""; position: absolute; left: 0; bottom: 0; z-index: 0; width: 0; height: 0; border-bottom: 6.3vw solid #fff; border-left: 100vw solid transparent; }
.News .contentWrapper { max-width: 917px; }
.News .pink-element { bottom: -70px; height: 467px; }


@media(max-width:991px) {
    .News .contentWrapper { max-width: 90%; }
    .News:after { border-bottom: 17.5vw solid #fff; }
    .News:before { border-top: 17.5vw solid #262626; }
}

@media(max-width:767px) {
    .News { padding-bottom: 40px; padding-top: 60px; }
    .News .contentWrapper { max-width: 100%; padding: 0 30px; }
    section.CityEvents h2 { max-width: 340px; line-height: 1; margin-bottom: 35px; }
    .News:after { border-bottom: 13vw solid #fff; }
    .News:before { border-top: 13vw solid #262626; }
}

.Logos { background-color: #fff; text-align: center; padding-bottom: 125px; }
.Logos .contentWrapper { max-width: 871px; }
.PLogo { display: inline-block; width: 13.7%; padding: 15px; }
.PLogo.PlogoBig { width: 19.5%; }
.LogosSmall { padding-top: 30px; }
.Logos .contentWrapper > div:not(:last-child) { border-bottom: 1px solid #B2B2B2; }

@media(max-width:991px) {
    .LogosBig { max-width: 475px; margin: 0 auto; border: none; }
    .PLogo.PlogoBig { width: 27%; padding: 3px; }
    .LogosSmall { max-width: 674px; margin: 0 auto; }
    .PLogo { width: 19%; }
}

@media(max-width:767px) {
    .PLogo { width: 23%; padding: 7px; }
    .Logos { padding-bottom: 40px; }
}

@-webkit-keyframes moveballoon {
    0% { -webkit-transform: translate3d(6%,10%,0) }
    50% { -webkit-transform: translate3d(4%,7%,0) }
    75% { -webkit-transform: translate3d(3%,3%,0) }
    100% { -webkit-transform: translate3d(6%,10%,0) }
}

@keyframes moveballoon {
    0% { -moz-transform: translate3d(6%,10%,0) }
    50% { -moz-transform: translate3d(4%,7%,0) }
    75% { -moz-transform: translate3d(3%,3%,0) }
    100% { -moz-transform: translate3d(6%,10%,0) }
}

@keyframes moveballoon {
    0% { -o-transform: translate3d(6%,10%,0) }
    50% { -o-transform: translate3d(4%,7%,0) }
    75% { -o-transform: translate3d(3%,3%,0) }
    100% { -o-transform: translate3d(6%,10%,0) }
}

@keyframes moveballoon {
    0% { transform: translate3d(6%,10%,0) }
    50% { transform: translate3d(4%,7%,0) }
    75% { transform: translate3d(3%,3%,0) }
    100% { transform: translate3d(6%,10%,0) }
}

@media(min-width: 1025px) and (max-width: 1400px) {
    #HomePageSlider .max-width .HomeSide h1 { font-size: 300%; }
    section h2 { font-size: 250%; }

    .contentWrapper { max-width: 1000px; }
}

#FestivalEvents { background: #edf1f2; }

#EventsByDay { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#EventsByDay .contentBox { width: calc(33.33% - 46px); margin: 23px; box-shadow: 0 3px 36px 0 rgb(0 0 0 / 26%); }

@media(max-width:767px) {
    #EventsByDay .contentBox { width: 100%; }
}

.FestivalParticipate .pink-element { display: none; }
.FestivalParticipate .slick-arrow img { filter: invert(1); }
.FestivalEvents::after { content: ""; position: absolute; left: 0; z-index: -1; width: 0; height: 0; border-top: 6.3vw solid #edf1f2; border-right: 100vw solid transparent; bottom: -6.2vw; }
#HomePageSlider .bottomScroll { display: none; }