﻿/**Jaffa**/

body { font-family: Metali-Regular, Teko-Light, Arial !important; color: #121212 }
strong { font-weight: normal; font-family: MetaliMedium, Teko-Light, Arial !important; }

@media(max-width:1024px) {
    body { }
}

/* change 23.6.22 popup */
#popup-modal-intro .modal-backdrop.in { opacity: 0.8; }

#header2 { position: fixed; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; background: #fff }
#header2 ul.menu li { color: #121212; }
#header2 ul.menu li:hover { color: #121212; }
#header2 #header-left img { width: auto; height: 100px; }
#header2 #header-left { text-align: right; }
#header2 .max-width { max-width: 95%; }
#header2 ul.menu { text-align: center; direction: rtl; }
#header2 ul.menu li a { font-size: 140%; line-height: 120%; }
#header2 ul.menu > li { position: relative; margin-left: 28px; }
#header2 ul.menu .menu-sub li.active { border: 0px; }
#header2 ul.menu .menu-sub li.active a { color: #ff8f19; }
.has-sub i.opensub { font-size: 90%; padding-bottom: 3px; margin-right: 0; }
#header2 ul.menu > li:nth-last-child(4):after { display: none; }
#header2 ul.menu > li.last-item { margin: 0; }
/*#header2 ul.menu>li.last-item a{background:  #ff8f19;color: #121212;padding: 5px 12px;font-size: 120%;}*/
#header2 ul.menu > li.last-item a:focus { border: 1px solid #000; opacity: 1; }
#header2 ul.menu > li:before { display: none; }
#header2 .header-top { position: absolute; left: 0; }
#header2 .header-top .address { display: none; }
#header2 .languages { border: 0; }
#header2 .header-top-right { float: left; }
#header2 .header-top-right a.lang { background: transparent; color: #ffffff; text-transform: uppercase; font-size: 120%; display: inline-block; vertical-align: text-top; }
#header2.bg .header-top-right a.lang { color: #121212; }
#header2 ul.menu > li.last-item:after { display: none }
#header2 .menu-sub { background: #fff; box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.15); }
#header2 ul.menu li .menu-sub a { color: #121212; font-size: 110%; }
#header2 ul.menu li .menu-sub a:hover { color: #ff8f19 }
#header2 ul.menu li .menu-sub a { border-bottom: 1px solid #ebebeb }
#header2 ul.menu li .menu-sub li:nth-last-child(1) a { border: 0px }
#header2.bg { transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border-bottom: 0px solid #e8e8e8; }
#header2 ul.menu li.active { color: #121212; }
#header2 #header-left img { height: 80px }

#header2 .mobile-middle-kdm.pull-right a { padding: 6.5px 10px; font-size: 120%; color: #fff; }
#header2.bg .mobile-middle-kdm.pull-right a { color: #000; }
#header2 .mobile-middle-kdm.pull-right a:hover, #header2.bg .mobile-middle-kdm.pull-right a:hover { color: #000; }
#header2 .mobile-middle-kdm { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 8%; right: auto; background: transparent; border: 1px solid #ff8f19; z-index: 1; }

@media (min-width:1025px) {
    .home-page #header2 { background: rgba(255, 255, 255, 0); }
    .home-page #header2.bg { background: #fff }
    .home-page #header2 ul.menu li { color: #fff }
    .home-page #header2 ul.menu li:hover { color: #fff; }

    .home-page #header2.bg ul.menu li { color: #121212 }
    #header2.bg #header-left img { height: 100px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; filter: invert(1); }

    #header2 #header-container { direction: ltr; }
    #header2 #header-left { width: 15%; }
    .header-right-section.pull-right { width: 85%; padding-left: 15% }
    #header2 ul.menu > li:after { content: ""; position: absolute; background-image: url(../../../warehouse/temp/jaffa/points.png); height: 10px; width: 4px; background-size: cover; top: 50%; left: -18px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    #header2 ul.menu > li.langBtn-li { display: none; }
    #header2 ul.menu li.active { border-top: 2px solid #000; border-bottom: 2px solid #000; }
}

@media (max-width:1500px) and (min-width:1025px) {
    #header2 #header-left { width: 5% }
    .header-right-section.pull-right { width: 90%; padding-left: 5% }
    #header2 ul.menu > li.last-item a, #header2 ul.menu li a { font-size: 110%; }
}

@media (max-width:1024px) {
    #header2 .languages { left: auto; position: relative; }
    #header2 .header-top-right a.lang { color: #121212; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 ul.menu, .header-right-section { background-color: #fff; }
    #header2 ul.menu { box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.15); }
    #header2 .mobile-middle-kdm a { background: #ff8f19; color: #121212; border-radius: 0px; margin-right: 0; padding: 8px 12px; }
    #header2 ul.menu li { color: #121212; }
    #header2 ul.menu li.active { color: #ff8f19; }
    #header2 .header-right-section { background-color: transparent; padding-right: 4px; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #121212; height: 3px; width: 40px; }
    #header2 .menu-nav { color: #121212; }
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { font-size: 110%; }
    .has-sub i.opensub { font-size: 120%; margin-right: 10px; }
    #header2 ul.menu li .menu-sub a { font-size: 130%; border-bottom: 0px }
    #header2 ul.menu li .menu-sub a:after { content: ""; display: block; height: 1px; background: #ebebeb; width: 95%; margin-right: 2.5% }
    #header2 ul.menu li .menu-sub { box-shadow: none; }
    #header2 #header-left { text-align: left; }
}

@media(max-width:991px) and (min-width:768px) {
    #header2 .max-width { max-width: 98%; width: 100%; }
    #header2 #header-left { text-align: left; }
}

@media(max-width:767px) {
    #header2 .header-top { top: 400%; }
    #header2 { background: #fff; padding: 3% 10px; transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border-bottom: 0px solid #e8e8e8; }
    #header2 #header-left img { height: 60px; content: url(../../../warehouse/temp/jaffa/logo-b.png); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2 ul.menu { padding: 65px 0 30px 0; }
    #header2 ul.menu li .menu-sub a { padding: 2px 0; }
    #header2 ul.menu > li.last-item { display: none; }
    #header2 ul.menu li.social-mobile { display: none; }
    #header2 .phone-icon a { color: #121212; }
    #header2 .phone-icon { top: 13px; left: auto; right: 53px; }
}

#home-gallery:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 80%; z-index: 3; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); }
#home-gallery:after { content: ""; background-image: url(../../../warehouse/temp/jaffa/Bottom-strip.png); width: 100%; height: 29px; position: absolute; bottom: 0; z-index: 2; background-size: cover; background-position: center; }
#home-gallery .gallery-logo { max-width: 220px; margin: 0 auto; width: 100%; }
#home-gallery .gallery-caption .gallery-text { text-align: center; line-height: 0.87; font-size: 350%; font-family: MetaliMedium, Teko-Light, Arial !important; }
#home-gallery .gallery-caption { top: 20%; }
#home-gallery .gallery-caption.caption-text { top: 56%; }
#home-gallery .flex-control-paging li a { background-color: #fff; }
#home-gallery .flex-control-paging li a.flex-active { background-color: #ff8f19; }
#home-gallery .scroll-down .st0 { fill: #fff; }
#home-gallery .scroll-down:before { content: "גלול אותי"; font-size: 33%; position: relative; top: 20px; }

@media(max-width:1440px) {
    #home-gallery .gallery-logo { max-width: 33vh; }
    #home-gallery .gallery-caption { top: 20% }
    #home-gallery .gallery-caption .gallery-text { font-size: 320%; }
}

@media(max-width:991px) {
    #home-gallery .gallery-logo { max-width: 43vw; }
}

@media(max-width:767px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 210%; }
    #home-gallery .gallery-caption { top: 33vw; }
    #home-gallery .gallery-logo { max-width: 50vw; }
    #home-gallery .gallery-caption.caption-text { top: 86vw; }
    #home-gallery .scroll-down { bottom: 10vw; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 30vw; }
}

.section-title h2, .section-title h1 { font-size: 350%; }
.grid-text h2 { font-size: 200%; position: relative; display: inline-block; background: #ffffff; padding: 0px 25px; }
.grid-text h2:before { content: ""; width: 200%; height: 3px; background-color: #ff8f19; display: block; position: absolute; top: 50%; z-index: -1; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.grid-text-content { max-width: 950px; }
.grid-text p { font-size: 140%; line-height: 1.07; }
.grid-text .sec-button { width: 220px; height: 50px; border-radius: 25px; background-color: #ff8f19; box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.15); color: #121212; font-size: 140%; margin-top: 30px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.grid-text .sec-button:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.25); color: #121212 }

@media(max-width:991px) {
    .section-title h2 { font-size: 300%; margin-bottom: 10px; }
    .section-title h1 { font-size: 300%; padding: 0px 10% 10px 10%; }
    .grid-text-section .section-animation-item { width: 90%; margin-right: 5% }
    .grid-text p { font-size: 130% }
}

@media(max-width:767px) {
    .grid-text h2:before { width: 80vw }
    .grid-text h2 { padding: 0 10px; }
    .grid-text .sec-button { line-height: 50px; padding: 0; margin-top: 0px; margin-top: 15px; display: inline-block; }
    .section-title h2, .section-title h1 { font-size: 240%; max-width: 100%; line-height: 90%; }
    .grid-text-section .section-animation-item h1 { margin-bottom: 0px; max-width: 310px; width: 100%; margin: 0 auto; }
    .grid-text-section.aboutSection .section-animation-item { margin-bottom: 0px; }
}

h2 { position: relative; display: inline-block; background: #ffffff; padding: 0px 25px; }
h2:before { content: ""; width: 200%; height: 3px; background-color: #ff8f19; display: block; position: absolute; top: 50%; z-index: -1; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }

@media (max-width:991px) {
    h2:before { width: 85vw; }
}

@media(max-width:767px) {
    h2:before { width: 85vw }
}

.sectionMainH { margin-bottom: 0; padding-bottom: 0; }
.logosAndSponsersSection { margin-bottom: 0px; padding-bottom: 0; padding-top: 0px; }
.logosAndSponsersSection .grid-text p { margin-top: 0; }
.logosAndSponsersSection .grid-text-content { max-width: 100%; }
.logosAndSponsersSection .grid-text .sec-button { display: none; }

@media (max-width:991px) {
    .logosAndSponsersSection .grid-text img { width: 25%; height: 100% }
}

.aboutSection { background: url(../../../warehouse/temp/jaffa/deco-l.png),url(../../../warehouse/temp/jaffa/deco-r.png); background-position: -10% -80%,110% -80%; background-repeat: no-repeat, no-repeat; padding: 90px 0 30px 0; background-size: 40%; }
.aboutSection .section-title h2:before { display: none; }

@media (max-width:767px) {
    .aboutSection { padding-top: 40px; }
}

.chosenSection { margin-bottom: 0; }
.chosenSection .grid-boxes .grid-box-image { margin-bottom: -37px; }
.chosenSection .grid-box-title { width: 100%; background: rgba(0, 0, 0, 0.7); font-family: MetaliMedium, Teko-Light, Arial !important; border-bottom: 2px solid #ff8f19; position: relative; }
.chosenSection .grid-boxes .grid-box-title h3 { font-size: 113%; padding: 8px 0px 2px 0; }
.chosenSection .grid-boxes .grid-box-title h3 a { color: #fff; }
.chosenSection .grid-boxes .grid-box-subtitle { font-family: MetaliMedium, Arial; font-size: 95%; background: #f5f5f5; }
.chosenSection .grid-boxes .box-image-animation img { width: auto; height: 100% }
.chosenSection .grid-boxes .section-animation-item { margin-bottom: 40px; }
.chosenSection .grid-boxes .section-animation-item:nth-child(odd) { margin-right: -1px; margin-left: -1px; }

@media (max-width:767px) {
    .sections .grid-content-section.chosenSection { padding-top: 0px; }
    .chosenSection .section-title { margin-bottom: 20px }
    .chosenSection .grid-boxes .section-animation-item:nth-last-child(1),
    .chosenSection .grid-boxes .section-animation-item:nth-last-child(2) { margin-bottom: 0px; }
}

.allShowsSection { padding-top: 0px; }
.allShowsSection .grid-text .sec-button { margin-top: 0; }

@media (max-width:767px) {
    .allShowsSection { margin-bottom: 20px }
}

.partnersSection .grid-boxes .box-image-animation img { width: 86% }
.partnersSection .grid-boxes .section-animation-item { width: 12.5% }

@media (max-width:1024px) {
    .partnersSection .grid-boxes .section-animation-item { width: 16.66% }
}

@media(max-width:767px) {
    .partnersSection .grid-boxes .section-animation-item { width: 33.33% }
    .twoCubes .grid-boxes .section-animation-item { width: 100%; }
}

.sponsersSection .owl-carousel.section-animation-item { padding: 0 5%; }
.sponsersSection .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }
.sponsersSection .owl-carousel .owl-item .item:focus .plus-sign, .sponsersSection .owl-carousel .owl-item .item:hover .plus-sign { opacity: 0; }
.sponsersSection .owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/jaffa/right-b.png); background-size: contain; background-repeat: no-repeat; }
.sponsersSection .owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/jaffa/left-b.png); background-size: contain; background-repeat: no-repeat; }

@media(max-width:767px) {
    section.sponsersSection .owl-carousel { max-width: 290px; margin: 0 auto; }
    section.sponsersSection .section-title { margin-bottom: 0px; }
}

.twoCubes .grid-box:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
.twoCubes .grid-boxes .box-image-animation img { display: none; }
.twoCubes .grid-boxes .box-image-animation { background-color: #ff8f19; }
.twoCubes .grid-boxes .grid-box-image { padding-bottom: 230px; box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.2); margin-bottom: 0; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.twoCubes .grid-box:hover .grid-box-image { box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.30); }
.sections .grid-content-section.twoCubes { background: #f5f5f5; max-width: 100%; padding: 85px 15px 85px 15px; margin-bottom: 40px; }
.twoCubes .grid-boxes { max-width: 960px; margin: 0 auto; }
.twoCubes .grid-boxes .section-animation-item { width: 43.7%; margin-left: 13%; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.twoCubes .grid-boxes .section-animation-item:nth-child(2) { margin-left: 0; }
.twoCubes .grid-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkite-transform: translate(-50%, -50%); width: 100% }
.twoCubes .grid-boxes .grid-box-title h3 { font-size: 300%; color: #121212; }
.twoCubes .grid-boxes .grid-box-title h3 a { color: #121212 }
.twoCubes .grid-boxes .grid-box-subtitle { display: none }

@media(max-width:1024px) {
    .twoCubes .grid-boxes .section-animation-item { margin-left: 0px; margin-bottom: 0px; }
    .twoCubes .grid-boxes .grid-box-title h3 { font-size: 200% }
    .twoCubes .grid-boxes .grid-box-image { padding-bottom: 50%; }
    .twoCubes .grid-box-title { width: 100% }
    .sections .grid-content-section.twoCubes { padding: 45px 15px; }
}

@media(max-width:767px) {
    .twoCubes .grid-boxes .section-animation-item { width: 100%; }
    .twoCubes .grid-boxes .grid-box-image { padding-bottom: 30%; }
    .twoCubes .grid-boxes .section-animation-item { margin-bottom: 30px; }
    .sections .grid-content-section.twoCubes { padding: 45px 15px 15px 15px; }
}

#SiteFooter { background: url(../../../warehouse/temp/jaffa/bg-footer.png) no-repeat center center #ebebeb; }
#SiteFooter #partners-section img { max-width: 200px; padding: 36px 0 8px; }
#SiteFooter #layerContent { font-size: 140%; }
#SiteFooter #partners-section { padding-top: 0px; padding-right: 15px; padding-left: 15px; max-width: 1170px; margin: 0 auto; float: none; }
#SiteFooter #partners-section a { padding: 0; }
.site-credit.alternative { background: #dfdfdf; padding: 6px 0; }
a.AccessabilityLink { color: #121212 }
a.AccessabilityLink:focus span { text-decoration: underline; }

@media (min-width:768px) {
    .phoneFooter { display: inline-block; }
}

@media(max-width:991px) {
    #SiteFooter #partners-section img { max-width: 240px }
    #SiteFooter #partners-section { padding-top: 0px; background-size: cover; }
    #SiteFooter .layerCodeContainer { display: none }
}

@media(max-width:767px) {
    #SiteFooter #partners-section img { max-width: 50vw; }
    #SiteFooter #layerContentContainer { line-height: 140%; }
    #SiteFooter #partners-section { padding-bottom: 10px; }
    #SiteFooter { padding-bottom: 0px; }
    #SiteFooter img { max-width: 140px; }
}
/*inner Pages*/
#GridTop:after { content: ""; background-image: url(../../../warehouse/temp/jaffa/Bottom-strip.png); width: 100%; height: 29px; position: absolute; bottom: 0; z-index: 2; background-size: cover; background-position: center; }
#headline { font-size: 300%; }
#headline h1 { position: relative; display: inline-block; background: #fff; padding: 0px 25px; }
#headline h1:before { content: ""; width: 200%; height: 3px; background-color: #ff8f19; display: block; position: absolute; top: 50%; z-index: -1; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }

#text1 h3 { font-size: 180%; text-align: right; max-width: 90%; margin: 0 0 20px; position: relative; }
#text1 h3:after { content: ""; position: absolute; width: 105px; bottom: -4px; top: auto; z-index: 0; left: auto; right: 0; background-color: #ff8f19; height: 3px; }
#text1 p, #text2 p { line-height: 1.2; text-align: right; }
#text1, #text2 { max-width: 900px; margin-right: 0; }

@media (max-width:991px) {
    #headline h1:before { width: 100% }
    #GridTop { height: 400px; }
    #text1 p { font-size: 110%; }
    #text2 p { font-size: 95%; }
    .showsList #galleryview h4 { font-size: 100% }
    #galleryview { max-width: 90%; }
}

@media(max-width:767px) {
    #text1 p { font-size: 120%; line-height: 100%; }
    #text2 p { font-size: 95%; }
    #GridPage .max-width { width: 90%; }
    .showsList #GridPage .max-width { width: 95%; }
    #GridTop { height: 300px; }
}

.categories-strip ul { padding-top: 20px; }
.categories-strip { background: transparent; color: #121212 }

.categories-strip ul li:hover > a { color: #121212 }
.categories-strip ul li.active { background: transparent; }
.categories-strip ul li.active a { border-color: #ff8f19; }

@media (min-width:768px) {
    .categories-strip ul li a { border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; font-size: 125%; color: #121212; padding-top: 6px; padding-bottom: 2px; }
}

@media(max-width:767px) {
    .categories-strip { background: transparent; border-bottom: 1px solid #e7e7e7; color: #121212; }
    .mobile-strip .select-wrapper li.strip-item { color: #121212 }
    .categories-strip ul { padding-top: 0px; }
    .mobile-strip span { font-size: 130% }
    .mobile-strip .select-wrapper li.strip-item { font-size: 130% }
}

.owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/jaffa/right.png); width: 24px; height: 41px; }
.owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/jaffa/left.png); width: 24px; height: 41px; }

.showsList #galleryview #text2 { background: #efefef; text-align: right; padding: 15px; }
.showsList #galleryview h4 { color: #ff8f19; font-family: MetaliMedium, Teko-Light, Arial !important; font-size: 110%; margin-bottom: 0; }
.showsList #galleryview #headline { font-size: 200%; text-align: right; margin: 0 auto 20px; }
.showsList #galleryview #headline h1 { padding: 0; }
.showsList #galleryview #headline h1:before { width: 105px; bottom: 0; top: auto; z-index: 0; transform: none; -moz-transform: none; -webkit-transform: none; left: auto; right: 0; }
.showsList #galleryview #subheadline { display: none }
.showsList #galleryview .owl-carousel .topImg { max-height: 500px; }
.showsList #galleryview #text1 #purchaseBtn { display: block; text-align: center; line-height: 50px; margin: 30px 0; width: 220px; height: 50px; border-radius: 25px; background-color: #ff8f19; box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.15); color: #121212; font-size: 140%; margin-top: 30px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.showsList #galleryview #text1 #purchaseBtn:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.25); color: #121212; }
.showsList #galleryview #videoContainer { position: relative; }
.showsList #galleryview #videoContainer:before { content: "לרכישת כרטיסים"; font-size: 200%; text-align: right; margin: 0 auto 20px; padding-right: 35px; }
.showsList #galleryview #videoContainer:after { content: ""; width: 105px; bottom: 0; z-index: 1; right: 36px; background-color: #ff8f19; height: 3px; top: 50px; position: absolute; }
.showsList #galleryview #videoContainer iframe { margin-top: 30px !important; }

.showsList #pageview .MainContent #text2 { background: #efefef; text-align: right; padding: 15px; }
.showsList #pageview .MainContent h4 { color: #ff8f19; font-family: MetaliMedium, Teko-Light, Arial !important; font-size: 110%; margin-bottom: 0; }
.showsList #pageview .MainContent #headline { font-size: 200%; text-align: right; margin: 0 auto 20px; }
.showsList #pageview .MainContent #headline h1 { padding: 0; }
.showsList #pageview .MainContent #headline h1:before { width: 105px; bottom: 0; top: auto; z-index: 0; transform: none; -moz-transform: none; -webkit-transform: none; left: auto; right: 0; }
.showsList #pageview .MainContent #subheadline { display: none }
.showsList #pageview .MainContent .owl-carousel .topImg { max-height: 500px; }
.showsList #pageview .MainContent #text1 #purchaseBtn { display: block; text-align: center; line-height: 50px; margin: 30px 0; width: 220px; height: 50px; border-radius: 25px; background-color: #ff8f19; box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.15); color: #121212; font-size: 140%; margin-top: 30px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.showsList #pageview .MainContent #text1 #purchaseBtn:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.25); color: #121212; }
.showsList #pageview .MainContent #videoContainer { position: relative; }
.showsList #pageview .MainContent #videoContainer:before { content: "לרכישת כרטיסים"; font-size: 200%; text-align: right; margin: 0 auto 20px; padding-right: 35px; }
.showsList #pageview .MainContent #videoContainer:after { content: ""; width: 105px; bottom: 0; z-index: 1; right: 36px; background-color: #ff8f19; height: 3px; top: 50px; position: absolute; }
.showsList #pageview .MainContent #videoContainer iframe { margin-top: 30px !important; }


.showsList .grid-short-box .grid-short-box-label { font-size: 115%; font-family: MetaliMedium, Teko-Light, Arial !important; line-height: 100%; }
.showsList .grid-short-box-subtitle { padding-bottom: 3%; }
.showsList .grid-short-box-link a { border-radius: 25px; background-color: #ff8f19; color: #121212; margin-top: 30px; padding: 5px 20px; }
.showsList #gridshort-view.shown > div > div { margin-bottom: 30px; min-height: 510px; }

#videoContainer:before { content: "לרכישת כרטיסים"; font-size: 200%; text-align: right; margin: 0 auto 20px; padding-right: 35px; }

@media(min-width:992px) {
    .showsList #galleryview .gallery-container { width: 750px; max-width: 100%; }
    .showsList #galleryview #videoContainer { margin: 60px 0 0; }
    .showsList #galleryview #text2Special p { line-height: 100%; }
    .showsList #text1 iframe { width: 100%; height: 443px; }
    .showsList #pageview .MainContent .gallery-container { width: 750px }
    .showsList #pageview .MainContent #videoContainer { margin: 60px 0 0; }
    .showsList #pageview .MainContent #text2Special p { line-height: 100%; }


    #textAndGallery { padding-left: 40px; }
}

@media(max-width:991px) {
    .showsList #galleryview #text2 { padding: 20px }
    .showsList #pageview .MainContent { padding: 20px }
}

@media(min-width:768px) {
    .showsList #galleryview #text2Special { background: #efefef; padding: 15px; }
    .showsList #pageview .MainContent #text2Special { background: #efefef; padding: 15px; }
}

@media(max-width:767px) {
    #text1 iframe { width: 100% }
    .showsList #gridshort-view.shown > div > div { padding: 0 8px; width: 100%; min-height: 420px; }
    .showsList .grid-short-box .grid-short-box-label { height: auto; /*padding-bottom: 20px;*/ font-size: 125%; }
    .showsList .grid-short-box-link a { padding: 8px 23px; font-size: 110%; }
}

.faq-headline .button-open { direction: ltr; border-radius: 25px; background-color: #ff8f19; color: #121212; font-size: 90%; padding: 1px 10px; }
.faq-headline .button-open:after { content: "הצג"; direction: rtl; font-family: Metali-Regular, Teko-Light, Arial !important; padding-left: 10px; font-size: 90%; position: relative; top: -2px; }
.faq-headline.open .button-open { background: #fff; }
.faq-headline.open .button-open:after { content: "סגור"; }
.faq-headline.open .fa-angle-up:before { vertical-align: baseline; }
.faq-headline { background: #fff; border-top: 2px solid #000; font-size: 120%; }
.panel-group .panel + .panel { margin-bottom: 0 !important; margin-top: 0; }
.panel-group .panel { margin-bottom: 0 !important; }
.panel-group .panel:nth-child(1) .faq-headline { border-top: 0px; }
.faq-body { background: transparent; }
.faq-headline.open { background-color: #ff8f19; }
.faq-body > div table { width: 100%; }
.faq-body > div { max-width: 100%; }
.faq-body > div table tr:nth-child(1) { font-family: MetaliMedium, Teko-Light, Arial !important; }
.faq-body > div table tr td a { display: inline-block; }
.faq-body > div table tr td a:after { content: ""; display: block; background: #ff8f19; height: 2px; width: 100%; }


@media (min-width:992px) {
    .faq-body > div table tr:nth-child(even) { background: #F2F2F2; }
    .faq-body > div table tr td { padding: 8px 2%; line-height: 100%; }
    .faq-body > div table tr td:nth-child(1) { width: 20%; }
    .faq-body > div table tr td:nth-child(2) { width: 6%; }
    .faq-body > div table tr td:nth-child(3) { width: 12%; }
    .faq-body > div table tr td:nth-child(4) { width: 28%; }
    .faq-body > div table tr td:nth-child(5) { width: 15%; }
    .faq-body > div table tr td:nth-child(6) { width: 20%; }
    .categories-strip ul li:nth-child(1) { display: none; }
}

@media (max-width:991px) {
    .faq-body > div table tr { display: block; margin-top: 20px }
    .faq-body > div table tr td { display: block; }
    .faq-body > div table tr td > a { display: inline-block }
    .faq-body > div table tr td a:after { width: 100% }
    .faq-body > div table tr:nth-child(1) { display: none; }
    .faq-body > div table tr td:before { font-family: MetaliMedium, Teko-Light, Arial !important; padding-left: 10px; color: #ff8f19; }
    .faq-body > div table tr td:nth-child(1) { font-family: MetaliMedium, Teko-Light, Arial !important; font-size: 120%; max-width: 77vw; }
    .faq-body > div table tr td:nth-child(2):before { content: "שעה:"; }
    .faq-body > div table tr td:nth-child(3):before { content: "מיקום:"; }
    /*.faq-body>div table tr td:nth-child(4):before {content:  "קטגוריה:";}*/
    .faq-body > div table tr td:nth-child(4):before { content: "שפה:"; }
}

@media (max-width:767px) {
    .faq-body > div table { font-size: 110% }
    .faq-headline .button-open:after { top: 0px }
    .fa-angle-down:before { position: relative; top: 2px; }
}

.normal-form input[type="submit"] { border-radius: 25px; background-color: #ff8f19; box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.15); color: #121212; font-size: 140%; margin-top: 30px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; height: 50px; }
input.submit.form-submit:hover, #DynamicFormObject input[type=submit]:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.25); color: #121212; background: #ff8f19; border: 0px; }

.normal-form, #DynamicFormObject { border: 0; }
#DynamicFormObject:after, .normal-form:after { border: 2px solid #fff; }
#DynamicFormObject input[type=submit] { border-radius: 25px; background-color: #ff8f19; box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.15); color: #121212; font-size: 140%; margin-top: 30px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; height: 50px; }

.normal-form input, #contactform textarea, .normal-form textarea, #DynamicFormObject textarea { border-radius: 0px; border-color: transparent; background: #fff; box-shadow: none; }
#contactform, .normal-form { background: #ebebeb; border: 0px; padding-top: 4%; padding-bottom: 0%; }
.normal-form:after { border: 2px solid #fff }
#contactform h3, .normal-form h3 { font-size: 170%; margin-top: 0; }
#contactform .contact-container { width: 80%; }
#contactform h3:after, .normal-form h3:after { content: ""; height: 3px; width: 100px; display: block; background: #ff8f19; margin: 10px auto 0; }


#LobbyModule .grid-content-section { padding: 0; }

/*contactus page*/
.contactus-page #ContentRegularModule #text1 { margin: 0 auto; }
.contactus-page #ContentRegularModule #text1 p { line-height: 1; }
.contactus-page #ContentRegularModule #text1 h3 { max-width: 100%; }
.contactus-page #ContentRegularModule #text1 h3:after { content: none; }


@media(max-width:991px) and (min-width:768px) {
    #contactform h3, .normal-form h3 { max-width: 80%; margin-right: 10%; margin-bottom: 7%; }
    .contact-container > .row > div { width: 33.33% }
    .contact-container > .row > div.textareaWrapper { width: 100% }
    #contactform .contact-container { width: 90% }
}

@media (max-width:767px) {
    #contactform h3, .normal-form h3 { max-width: 260px; line-height: 90%; padding-top: 20px; padding-bottom: 10px; }
    .must:before { right: 15px; }
    .normal-form input[type="submit"] { font-size: 130% !important }
}

.about #headline, .page-3545 #headline { text-align: right; }
.about #headline h1:before, .page-3545 #headline h1:before { width: 100%; transform: none; right: 0px; left: auto; top: auto; bottom: 0; z-index: 0; display: none; }
.about #headline h1, .page-3545 #headline h1 { padding: 0; }

.details #text1 iframe { padding-top: 50px; }
.details #text1 { margin: 0 auto; }



.page-3548 .grid-box-title { width: 100%; background: rgba(0, 0, 0, 0.7); font-family: MetaliMedium, Teko-Light, Arial !important; border-bottom: 2px solid #ff8f19; position: relative; }
.page-3548 .grid-boxes .grid-box-title h3 { font-size: 113%; padding: 8px 0px 2px 0; }
.page-3548 .grid-boxes .grid-box-title h3 a { color: #fff; }
.page-3548 .grid-boxes .box-image-animation img { width: auto; height: 100% }
.page-3548 #lobbyview .grid-boxes .grid-box-image, .page-3548 #LobbyModule .grid-boxes .grid-box-image { margin-bottom: -38px; }

.page-3551 h2:before { display: none; }
.page-3551 h2 { padding: 0; display: block; }


@media(max-width:767px) {
    .details #gridshort-view-media > div { width: 100%; }
}

#lobbyview .grid-box, #LobbyModule .grid-box { float: right !important; }
#contactDetails { display: none; }
#contactview #headline { margin-bottom: 30px; }

.blueimp-gallery > .slides > .slide > .slide-content { max-height: 70vh; }
.blueimp-gallery > .close { text-align: center; font-size: 360%; margin-top: 3vh; }

.pricePage table td { border: 1px solid #e8e8e8; text-align: right; padding: 0 5px; }
.pricePage table { width: 100%; }
.pricePage h4 { font-size: 120%; text-align: right; }

a.orangeBtn { border-radius: 25px; background-color: #ff8f19; color: #121212; padding: 10px 20px; display: inline-block; }

.CurrentCategoryLocked { top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.home-page #header2.bg .mobile-middle-kdm.pull-right a:hover, .home-page #header2.bg .mobile-middle-kdm.pull-right a:focus { color: #000; }

#popup-modal-intro .modal-body { padding: 50%; }
#popup-modal-intro .btnsWrapper a.introPopUpBtn { margin-right: 20px; position: absolute; inset: 0; margin: 0; background: transparent; opacity: 0; }

@media(max-width:767px) {
    #popup-modal-intro .modal-body { margin-top: 0; background-size: cover; width: 100%; }
}
