﻿/* TEL-HAI */
@import url("https://fonts.googleapis.com/css?family=Oswald%3A400%2C500");

/* General */
body { font-size: 20px; position: relative; color: #fff; }
/*#SiteContainer { font-family: "almoni-tzar-light", "Oswald"; }*/
body:not(.blog-page):before { content: ""; background: url(/warehouse/temp/tel-hai/bg.jpg); background-size: 100% auto; display: block; height: 100%; width: 100%; position: fixed; top: 0; right: 0; opacity: 1; }
body.designPage:before { background: url(/warehouse/temp/tel-hai/design.jpg); }
body.mediaPage:before { /*background: url(/warehouse/temp/tel-hai/media.jpg);*/ background: #6600ff; }
body.engineeringPage:before { background: url(/warehouse/temp/tel-hai/engineering.jpg); }
body.aboutPage:before { background: url(/warehouse/temp/tel-hai/about.png); background-size: cover; }
/* body.mediaPage:before, */
body.aboutCollegePage:before,
body.innerMoviesPage:before,
body.cinemaTeachersPage:before { background: #6600ff; }

body:not(.blog-page) #site-element { background-image: url(/warehouse/temp/tel-hai/bg-img.png); position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 110vh; background-repeat: no-repeat; background-position: top center; background-size: cover; pointer-events: none; }
body.designPage #site-element { background-image: url(/warehouse/temp/tel-hai/design-img.png); max-width: 1024px; }
body.mediaPage #site-element { /*background-image: url(/warehouse/temp/tel-hai/media-img.png);*/ background-image: url(/warehouse/temp/tel-hai/aboutCollege-img.png); max-width: 1500px; }
body.engineeringPage #site-element,
body.aboutPage #site-element { background-image: none; }
body.aboutCollegePage #site-element,
body.cinemaTeachersPage #site-element,
/*body.mediaPage #site-element,*/
body.innerMoviesPage #site-element { background-image: url(/warehouse/temp/tel-hai/aboutCollege-img.png); max-width: 1500px; }

@media(max-width:991px) {
    body.designPage #site-element { max-width: 100%; height: 100vh; }
}

@media(max-width:767px) {
    body:not(.blog-page) #site-element { width: 250%; height: 100vh; }
    body.engineeringPage:before { background-size: 192vw 108vw; background-repeat: no-repeat; background-color: #0098d1; background-position: 0vw 40vw; }
    body.aboutCollegePage #site-element,
    body.cinemaTeachersPage #site-element,
    /*body.mediaPage #site-element*/,
    body.innerMoviesPage #site-element { background-image: url(/warehouse/temp/tel-hai/aboutCollege-m.png); width: 100%; }
}

body.home-page::before { }
#GridContent { float: none; }
#allSectionsWrapper { position: unset; }
#SiteGrid { position: unset; }

body.rightAligning { text-align: unset; }
h1, h2 { font-size: inherit; }
body.catalog-page:not(.CatalogItemPage) #PageBreadCrumps { display: none; }
#PageBreadCrumps { font-size: 79%; }
#SiteGridContainer { overflow: hidden; min-height: 100vh; }
#SiteFooter { display: none; }
footer { padding-top: 0; }

/* Header */
#header { font-family: almoni-neue-tzar-aaa-400, "Oswald"; padding: 26px; }
#header.bg { background: transparent; }
#header .menu-nav { background: transparent; outline: none; }
#header.bg #header-left img { max-width: 108px; }
#header #header-center-kdm a:nth-last-child(2) { background-color: #ff331e; border-radius: 0; padding: 5px 36px; }
#header #header-center-kdm a:nth-last-child(2):hover { background-color: #fff; color: #000; }
#header #header-center-kdm a { border: none; font-size: 1.2rem; -o-transition: all 120ms linear; -moz-transition: all 120ms linear; -webkit-transition: all 120ms linear; transition: all 120ms linear; }
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover { background: transparent; color: #ff331e; }
#header .submenu { background: #272384; text-align: right; max-height: 90vh; overflow-y: auto; }
#header .submenu .menu-sub li a { font-size: 1.1rem; line-height: 1.2; }
#header .submenu > li { padding: 5px 0px; }
#header .submenu > li a { padding: 0 15px; }
#header .submenu > li.active, #header .submenu > li:focus, #header .submenu > li:hover { background: transparent; }
#header .submenu > li.active > a, #header .submenu > li:focus > a, #header .submenu > li:hover > a { color: #ff331e; }
#header .submenu .menu-sub { background: #ff331e; }
#header .submenu .menu-sub li { text-align: right; font-size: 0.9rem; padding-top: 9px; }
.has-sub i.opensub { font-size: 1rem; }
#header #header-left img { max-width: 108px; }
#header #header-right { display: flex; margin-top: 6px; width: max-content; align-items: center; }
#header #header-right a.header-blog-link { order: 10; margin-right: 10px; font-size: 1.2rem; color: #fff; }
#header .submenu:before { content: ""; position: fixed; top: 32px; right: 41px; height: 50px; background-color: #272384; pointer-events: none; width: 276px; z-index: 1; }
#header .social-links { order: 2; margin-right: 10px; padding: 0; margin-top: 0; padding-right: 10px; border-right: 1px solid #fff; height: 20px; z-index: 1; }
#header .phone-icon.showPhoneDesktop { order: 1; margin-right: 15px; margin-top: 0; position: relative; }
#header .phone-icon.showPhoneDesktop a { -o-transition: all 120ms linear; -moz-transition: all 120ms linear; -webkit-transition: all 120ms linear; transition: all 120ms linear; }
#header .phone-icon.showPhoneDesktop a:hover, #header .phone-icon.showPhoneDesktop a:focus { color: #ff331e; }
#header a.showPhoneDesktop { position: relative; top: 2px; }
#header .social-links a { display: block; height: 20px; }
#header .social-links a:hover svg { fill: #ff331e; }
#header .social-links a svg { margin-top: -10px; -o-transition: all 120ms linear; -moz-transition: all 120ms linear; -webkit-transition: all 120ms linear; transition: all 120ms linear; }
#header #header-right .closed, #header .menu-nav .open { display: none !important; }
#header .submenu .menu-sub li a:hover { color: #fff; }
#header .login-btn { display: none; padding-right: 17px; background: url(/warehouse/temp/tel-hai/login.png) no-repeat right; background-size: 15px 17px; margin-left: 34px; }
#header .login-btn a { margin-right: 6px; -o-transition: all 120ms linear; -moz-transition: all 120ms linear; -webkit-transition: all 120ms linear; transition: all 120ms linear; }
#header .login-btn a:hover, #header .login-btn a:focus { color: #ff331e; }
#header #header-center-kdm .address { display: none; }

@media (max-width: 1279px) and (min-width: 1024px) {
    #header #header-center-kdm a:nth-child(3), #header #header-center-kdm a:nth-child(4) { display: inline-block; }
}

@media(max-width:1440px) {
    #header .submenu:before { right: 26px; }
}

@media(max-width:991px) {
    #header #header-left { flex: 1 100%; }
    #header { display: flex; flex-flow: row wrap; }
    #header.bg #header-center-kdm { order: 3; flex: 4 0 0; position: relative; transform: none; left: auto; top: auto; padding: 8px 15px; text-align: left; }
    #header #header-right { order: 2; flex: 1 0 0; }
    #header #header-center-kdm a { margin: 0; }
    #header #header-center-kdm a:first-child { padding-right: 0; }
    #header #header-right .social-links { display: block; }
    #header .phone-icon.showPhoneDesktop { margin-right: 10px; }
    #header .submenu:before { top: 96px; width: 350px; right: 15px; }
    #header .submenu { width: 350px; }
    #header.bg { padding: 26px 15px; }
}

@media(min-width:768px) {
    #header .submenu li.social-mobile { display: none !important; }
}

@media(max-width:767px) {
    #header .submenu > li { padding: 4px 0; }
    #header .submenu > li:nth-last-child(2) { padding-bottom: 50px; }
    #header { padding: 0; }
    #header.bg #header-center-kdm { display: none; }
    #header .submenu { padding-top: 70px; margin-top: 0; width: 100vw; max-height: 100vh; overflow-y: auto; max-height: calc(100vh - 70px); }
    #header #header-right { order: 1; }
    #header #header-left { order: 2; flex: 6 0 0; }
    #header .submenu:before { top: 0px; width: 98vw; right: 0; height: 60px; }
    #header.bg { padding: 0; }
    #header.bg #header-left > a { -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; top: 15px; left: 15px; }
    #header.subopen #header-left > a { opacity: 0; pointer-events: none; }
    #header .login-btn { opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; position: fixed; width: 150px; top: 17px; left: 15px; text-align: center; margin: 0; }
    #header .login-btn a { display: block; }
    #header.subopen .login-btn { opacity: 1; }
    #header #header-center-kdm { order: 2; }
    #header #header-center-kdm a:not(:nth-last-child(2)) { display: none; }
    #header #header-center-kdm a:nth-last-child(2) { display: inline-block; padding: 3px 25px; margin-right: 30px; margin-top: 5px; font-size: 1rem; }
    #header-left > a { position: relative; top: 15px; left: 15px; }
    #header #header-left img { max-width: 100px; max-height: 45px }
    #header .submenu li.social-mobile { display: none !important; }
}

::-webkit-scrollbar { width: 3px; height: 2px; }
::-webkit-scrollbar-button { width: 30px; height: 0px; }
::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.6); border: 0px none #ffffff; border-radius: 17%; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar-thumb:active { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.3); border: 0px none #ffffff; border-radius: 17%; }
::-webkit-scrollbar-track:hover { background-color: rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-track:active { background-color: rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-corner { background: transparent; }
.sections .grid-content-section { padding: 40px 35px 20px 35px; }

@media(max-width:1200px) {
    .sections .grid-content-section { max-width: 970px; padding: 40px 15px 20px 15px; }
}
/* Homepage */
#home-gallery { height: 80px !important; z-index: 2; bottom: 0; position: fixed; width: 80px; left: 0; }
#home-gallery > *:not(.iconsBoxLeft) { display: none !important; }
#home-gallery .iconsBoxLeft { left: 15px; bottom: 15px; }
#home-gallery .iconsBoxLeft img { width: 50px; }



.home-page #header:not(.bg) { background: none; }
.home-module h1 { font-family: 'almoni-neue-tzar-aaa-700'; font-size: 6rem; font-weight: bold; line-height: 1; color: #ff331e; margin-bottom: 43px; }

.grid-boxes .grid-box-title h3 a { font-size: 1.8rem; text-align: right; color: #ff331e; font-family: 'almoni-neue-tzar-aaa-700'; }
.grid-boxes { text-align: right; margin: 0 -7px; }
.grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }

.home-module .section-title { margin-bottom: 0; }
.grid-boxes .grid-box-subtitle { color: #ff331e; position: relative; text-align: left; font-size: 1rem; padding-left: 20px; margin-top: 15px; font-family: 'almoni-neue-tzar-aaa-300'; line-height: 2rem; }

.grid-boxes .grid-box-subtitle a, .grid-boxes .grid-box-subtitle a:hover { color: inherit; }
.grid-boxes .grid-box-subtitle:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.25); z-index: -1; -o-transition: all 120ms linear; -moz-transition: all 120ms linear; -webkit-transition: all 120ms linear; transition: all 120ms linear; }
.grid-boxes .grid-box-subtitle:hover:before { background: rgba(255,255,255,0.3); }

.grid-box { width: 25%; }
.grid-box-fulltext { line-height: 1.39; font-size: 1rem; margin-top: 15px; }

.grid-boxes .grid-box-subtitle a { position: absolute; width: 100%; top: 0; left: 30px; }
.grid-boxes .grid-box-subtitle { height: 40px; /*color: #14106e;*/ font-weight: bold; }

@media(min-width:768px) {
    .home-module { text-align: right; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1355px; max-height: calc(100vh - 159px); overflow-y: auto; }
}

@media(max-width:767px) {
    .grid-boxes .grid-box { width: 100%; }
    .home-module h1 { font-size: 3.6rem; max-width: 100%; text-align: right; margin-bottom: 0; }
    .home-module { /*max-height: calc(100vh - 160px);*/ width: calc(100% - 10px); margin: 80px auto 0; padding: 0 10px 0 0px; overflow-y: auto; }
}

/* general */
.panel-group .panel { background: transparent; color: #ff331e; border-bottom: 1px solid #fff; border-radius: 0px; margin-bottom: 0 !important; }
#GridTop.noTopImage { height: 0; }


#SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo,
.grid-form-section { position: fixed; bottom: 0; margin-bottom: 0; max-width: 100%; left: 0; padding: 0; width: 100%; z-index: 1; }

#GridPromo #DynamicFormObject,
.grid-form-section #DynamicFormObject { border: 0px; color: #fff; padding: 20px 0; width: 100%; max-width: 1070px; margin: 0 auto; display: block; text-align: right; }

#GridPromo:after,
.grid-form-section:after { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.85; background-image: linear-gradient(#2F2B89, #2F2B89); background-blend-mode: screen; z-index: -1; border: 0; bottom: 0; right: auto; }

#GridPromo .dynamicFormObjectTitleAndText { font-size: inherit; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.8rem; font-family: 'almoni-neue-tzar-aaa-400' }
.normal-form input { background: #fff; font-size: 0.9rem; border-radius: 0px; margin: 0; }
#DynamicFormObject input[type=submit] { background: #ff331e; border-radius: 0px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { margin: 0 -20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: inline-block; vertical-align: middle; margin: 0; width: 66%; flex-grow: 4; padding: 0; margin: 0 -1px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; display: inline-block; vertical-align: middle; width: 25%; margin: 0 -1px; text-align: right; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 25%; padding: 0 20px; }
#DynamicFormObject:after { border: none; }
.categories-strip { display: none; }


@media(max-width:991px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 5px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.4rem; }
}

/***Contact Mobile*/
body.contactPage:before { background: #15116F; }
.contactPage #site-element { opacity: 0; }
.contactPage .normal-form:after { border: none; }
.contactPage .normal-form .input-data { background: #d0cfe2; border: none; border-radius: 0; margin: 0; height: 60px; font-size: 1rem !important; }
.contactPage .normal-form input[type='submit'] { background-color: #ff331e; font-size: 1.2rem !important; }
.contactPage #SiteGrid.layout-bottom #GridPromo { position: unset; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; margin: 15px 0; }
.contactPage #GridPromo:after { opacity: 0; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { margin: 0; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.contactPage #SiteGrid.layout-bottom #GridContent { display: none; }
.contactPage #DynamicFormObject input[type=submit] { height: 60px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin: 15px 0; }
.contactPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { padding: 0 5px; }
.contactPage #DynamicFormObject .dynamicFormObjectField .must:before { color: #000; right: 15px; top: 15px; }
.contactPage #GridPromo #DynamicFormObject { display: block; }


/*About College Page*/
/*.aboutCollegePage #ContentRegularModule #pageview { flex-direction: row-reverse; padding-left: 75px; padding-bottom: 45px; }*/
.aboutCollegePage #ContentRegularModule #pageview { flex-direction: row-reverse; padding-left: 75px; font-family: 'Oswald', sans-serif; align-items: flex-start; padding-bottom: 50px; }
.aboutCollegePage h3 { color: #ff6219; font-size: 175%; letter-spacing: -1px; margin-top: 0; font-weight: normal; }
.aboutCollegePage #headline h1 { padding-left: 0; padding-right: 20px; font-family: inherit; font-weight: 600; color: #ff6219; line-height: 1.17; letter-spacing: -1.88px; max-width: 10ch; margin-right: auto; }
.aboutCollegePage #pageview #headline { text-align: end; }
.aboutCollegePage p { font-size: .9rem; }
.aboutCollegePage #text2 { direction: ltr; margin-left: 110px; margin-right: 0; }
.aboutCollegePage #DynamicFormObject input[type=submit] { background-color: #ff6219; }

@media(max-width: 767px) {
    .aboutCollegePage #ContentRegularModule #pageview { padding-left: 0; padding-right: 0; }
    .aboutCollegePage #headline { font-size: 2.4rem; }
    .aboutCollegePage h3 { font-size: 120%; }
    .aboutCollegePage p { font-size: .8rem; }
    .aboutCollegePage #pageview #headline { margin-right: auto; }
    .aboutCollegePage #text2 { margin-right: auto; margin-left: 0; }
    .aboutCollegePage #GridContent { width: 100%; padding: 0 15px; }
}

/* Cinema Teachers page*/
.cinemaTeachersPage #LobbyModule { display: flex; align-items: flex-start; }
.cinemaTeachersPage .sections .grid-content-section { padding: 0; max-width: 80%; margin-right: 0; }
.cinemaTeachersPage #LobbyModule .grid-boxes { padding: 0; display: flex; flex-wrap: wrap; }
.cinemaTeachersPage #LobbyModule .grid-box { width: 50%; margin-bottom: 50px; }
.cinemaTeachersPage .grid-boxes .grid-box-image { padding-bottom: 87px; width: 87px; }
.cinemaTeachersPage .grid-box-fulltext { font-family: 'almoni-neue-tzar-aaa-400'; }
.cinemaTeachersPage .grid-boxes .box-image-animation { pointer-events: none; }
.cinemaTeachersPage .figure-head { display: flex; }
.cinemaTeachersPage #headline h1,
.cinemaTeachersPage .grid-boxes .grid-box-title h3 a { color: #ff6219; }
.cinemaTeachersPage .grid-boxes .grid-box-subtitle { margin: 0; height: auto; color: #ff6219; font-size: 1.8rem; padding-left: 0; text-align: start; }

.cinemaTeachersPage .grid-boxes .grid-box-subtitle:before { content: none; }

.cinemaTeachersPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 1.8rem; margin: 0; pointer-events: none; }

.cinemaTeachersPage .figure-title { margin-right: 15px; }

.cinemaTeachersPage #LobbyModule .grid-boxes .grid-box-image { margin: 0; }

@media(max-width: 767px) {
    .cinemaTeachersPage #headline { margin-bottom: 60px; }
    .cinemaTeachersPage #LobbyModule { flex-direction: column; }
    .cinemaTeachersPage #LobbyModule .grid-boxes { flex-direction: column; }
    .cinemaTeachersPage #LobbyModule .grid-box { width: 100%; margin-bottom: 45px; }
    .cinemaTeachersPage .sections .grid-content-section { max-width: 100%; }
    .cinemaTeachersPage .grid-box-fulltext { line-height: 1; }
    .cinemaTeachersPage .grid-boxes .grid-box-subtitle { font-size: 1.4rem; line-height: 1; }
    .cinemaTeachersPage #GridContent { width: 100%; padding: 0; }
}



/* Inner Movies Page */
.innerMoviesPage #headline h1 { color: #ff6219; }
.innerMoviesPage #LobbyModule { display: flex; }
.innerMoviesPage #LobbyModule .sections .grid-content-section { padding: 0; max-width: 860px; margin-right: 50px; }
.innerMoviesPage #LobbyModule .grid-boxes { display: flex; flex-wrap: wrap; padding-top: 0; /* margin-right: 50px; */ }
.innerMoviesPage #LobbyModule .grid-box { display: flex; flex-direction: column; width: 50%; }
.innerMoviesPage #LobbyModule .grid-boxes .grid-box-image { padding-top: 42%; margin: 0; }
.innerMoviesPage #LobbyModule .grid-boxes .grid-box-image img { width: 100%; height: auto; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-title { order: -1; margin-bottom: 8px; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-title h3 { font-size: 100%; margin: 0; pointer-events: none; line-height: 1; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-title h3 a { font-family: 'almoni-neue-tzar-aaa-400'; font-size: 2rem; color: #ff6219; }
.innerMoviesPage .grid-boxes .box-image-animation { pointer-events: none; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; font-family: 'almoni-neue-tzar-aaa-400', sans-serif; max-width: 80%; align-content: flex-start; justify-content: flex-start; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul strong { color: #ff6219; font-weight: normal; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul li { flex-basis: auto; flex-grow: 0; flex-shrink: 1; margin-left: 10px; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul + ul { max-width: 100%; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul ~ ul li { flex-basis: 100%; line-height: 1.2; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul ~ ul strong { color: inherit; font-weight: normal; font-family: 'almoni-neue-tzar-aaa-400'; }
.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul ~ ul li::before { content: ''; width: 7px; height: 12px; background: url('/warehouse/temp/tel-hai/arrow-left.svg'); background-size: 100%; background-repeat: no-repeat; display: inline-block; margin-left: 10px; vertical-align: middle; }
.innerMoviesPage .categories-strip .hidden-xs { display: block !important; }
.innerMoviesPage .categories-strip .mobile-strip { display: none !important; }

.innerMoviesPage .categories-strip { display: block; background: none; font-size: 2rem; font-family: 'almoni-neue-tzar-aaa-400', sans-serif; line-height: 1; }
.innerMoviesPage .categories-strip ul li { display: block; text-align: start; padding: 0; }
.innerMoviesPage .categories-strip ul li.active { background: none; color: #ff6219; }
.innerMoviesPage .categories-strip ul li:first-child { display: none; }
.innerMoviesPage .categories-strip ul li > a { display: block; }
.innerMoviesPage .categories-strip { display: none; }
.innerMoviesPage #lobbyview .categories-strip { display: block; }

@media(max-width: 767px) {
    .innerMoviesPage #LobbyModule { flex-direction: column; }

    .innerMoviesPage #LobbyModule .grid-boxes { flex-direction: column; margin-top: 30px; margin-right: 0; }

    .innerMoviesPage #LobbyModule .grid-box { width: 100%; margin: 0 0 50px; padding: 0; }
    .innerMoviesPage #GridContent { width: 100%; padding: 0; }
    .innerMoviesPage #LobbyModule .grid-box .grid-box-title h3 a { font-size: 1.6rem; }
    /*.innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext ul li { flex-basis: 50%; }*/
    .innerMoviesPage #LobbyModule .sections .grid-content-section { margin-right: 0; }
    .innerMoviesPage #LobbyModule .grid-box .grid-box-fulltext { font-size: 1.1rem; }
}

/* acordion*/
#faqview { max-width: 380px; width: 100%; position: relative; }
.faq-headline { background-color: transparent; line-height: 1; padding: 10px 0 10px 40px; font-family: almoni-neue-tzar-aaa-700; font-size: 1.8rem; }
.faq-headline .button-open { left: 0; width: 13px; height: 13px; }
.faq-headline.open { background-color: transparent; }
.faq-body { background-color: transparent; }
.faq-body > div { padding: 20px 0; color: #fff; }
#faqview .fa-angle-down:before, #faqview .fa-angle-up:before { content: "" !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/warehouse/temp/tel-hai/plus.png); background-size: cover; }
#faqview .fa-angle-up:before { background-image: url(/warehouse/temp/tel-hai/minus.png); height: 2px; top: 6px; }
.faq-body > div p a { color: #ff331e; text-decoration: underline; }

@media(max-width:767px) {
    .faq-headline { font-size: 1.8rem; }
}
/* Inner Page */
#GridPage .max-width, #GridPage .max-width-center { margin: 0 auto; max-width: 1270px; width: 100%; }
body:not(.blog-page) #GridContent { max-height: calc(100vh - 341px); overflow-y: auto; margin-top: 150px; }
#ContentRegularModule #pageview, #ContentFaqModule { display: flex; margin: 0px auto 0; align-items: baseline; }
#ContentRegularModule #pageview { max-width: 100%; }
#pageview { width: 100%; max-width: 400px; }
#GridContent { opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all as ease-in-out; transform: translateY(4%); }
#GridContent.up { opacity: 1; transform: translateY(0%); }
#pageview #headline { position: relative; top: 8px; }
#headline h1 { font-family: almoni-neue-tzar-aaa-700; color: #ff331e; padding-left: 25px; }
#headline { text-align: right; font-size: 3.2rem; }
#text1 { max-width: 275px; margin: 0; /*font-size: 0.9rem;*/ }
#text2 { margin: 0 110px 0 0; text-align: right; max-width: 450px; }
#text2 a { font-size: 1.8rem; color: #ff331e; }
#GridPage { padding-top: 110px; }

@media(min-width:1600px) {
    #GridPage .max-width, #GridPage .max-width-center, .lobby-grid #GridPage .max-width { margin: 0; direction: rtl; max-width: 1610px; }
    #GridPage { direction: ltr; }
}

@media(max-width:1200px) {
    #ContentRegularModule #pageview, #ContentFaqModule { max-width: 970px; padding: 40px 15px 20px 15px; }
}

@media(max-width:1024px) {
    #GridContent { margin-top: 50px; max-height: calc(100vh - 240px); }
    #GridPromo #DynamicFormObject, .grid-form-section #DynamicFormObject { width: 90%; }
}

@media(max-width:991px) {
    #GridContent { padding: 0 25px; }
}

@media(max-width:767px) {
    #GridPage { padding-top: 85px; }
    #ContentRegularModule #pageview, #ContentFaqModule { display: block; }
    #GridPromo #DynamicFormObject, .grid-form-section { display: none; }
    #text2 { margin: 0; }
    #GridContent { /*max-height: calc(100vh - 160px);*/ max-height: none; width: calc(100% - 10px); margin: 0px auto 0; padding: 0 10px 0 0px; }
}

body.designPage #headline h1 { color: #00ffff; }
body.designPage #text2 a { color: #00ffff; }
body.designPage #GridPromo:after { background-image: linear-gradient(#cb21ff, #cb21ff); }
body.designPage #DynamicFormObject input[type=submit] { background-color: #00ffff; color: #cb21ff; border: 1px solid #00ffff; }
body.designPage .panel-group .panel { color: #00ffff; }

body.engineeringPage #headline h1 { color: #ffff1d; }
body.engineeringPage #text2 a { color: #ffff1d; }
body.engineeringPage #GridPromo:after { background-image: linear-gradient(#1FB0E6, #1FB0E6); }
body.engineeringPage #DynamicFormObject input[type=submit] { background-color: #ffff1d; color: #1FB0E6; border: 1px solid #ffff1d; }
body.engineeringPage .panel-group .panel { color: #ffff1d; }

/*
body.mediaPage #GridPromo:after { background-image: linear-gradient(#2F2B89, #2F2B89);}*/
/*body.mediaPage #DynamicFormObject input[type=submit] { background-color: #6600ff; color: #ff7c33; border: 1px solid #6600ff; }*/
/*body.mediaPage .panel-group .panel { color: #6600ff; }*/
body.mediaPage #headline h1,
body.mediaPage #text2 a,
body.mediaPage .panel-group .panel { color: #ff6219; }
body.mediaPage #DynamicFormObject input[type=submit] { background: #ff6219; }
#multi-content-modal.modal .close svg { width: 24px; height: 24px; }
#multi-content-modal.modal .close { font-size: 0; top: -32px; }

.innerMoviesPage #multi-content-modal.textInPop .modal-content { padding: 0; height: 450px; }
.innerMoviesPage #multi-content-modal.textInPop #PopUpData { padding: 0; max-height: unset; }
.innerMoviesPage #multi-content-modal.textInPop .modal-content iframe { width: 100%; height: 450px; }

.enPage #ContentRegularModule #pageview { direction: ltr; font-family: 'Oswald'; }
.enPage #headline h1 { font-family: 'Oswald'; color: #ff331e; font-size: 3.2rem; font-weight: bold; padding-left: 0; padding-right: 25px; }
.enPage #text1 { max-width: 442px; }
.enPage #GridContent { direction: ltr; }
.enPage #GridPromo #DynamicFormObject { text-align: left; direction: ltr; }
.enPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: left; }
.enPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.5rem; }
.enPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { float: left; }

.cinemaTeachersPage .grid-box-image-container { border-radius: 50%; overflow: hidden; }
.cinemaTeachersPage .grid-box-fulltext ul { list-style: none; }
.cinemaTeachersPage #LobbyModule .grid-box .grid-box-fulltext ul strong { color: #ff6219; font-weight: normal; }

@media(min-width:1600px) {
    .enPage #GridPage { direction: rtl; }
    .enPage #GridPage .max-width { direction: ltr; max-width: 1080px; }
}

@media(max-width:1599px) {
    .enPage #GridPage .max-width { margin: 0; max-width: 760px; }
}

.accessibility-page #text1 { max-width: 670px; text-align: right; }
header .submenu li > a.accessibility-nav { font-size: 78% !important; text-decoration: underline; }

@media(max-width:767px) {
    header .submenu li > a.accessibility-nav { font-size: 90% !important; }
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .home-module { transform: translate(-50%, 50%) }
}



@media(max-width:767px) {

    #SiteGrid.layout-bottom #GridPromo { position: relative; }
    #GridPromo #DynamicFormObject { display: block; text-align: center; }
    .grid-form-section { display: block; position: relative; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; text-align: center; margin: 10px 0 10px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-bottom: 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0 15px; }
    .innerMoviesPage #multi-content-modal.textInPop .modal-content iframe { height: 28vh; }
    .innerMoviesPage #multi-content-modal.textInPop .modal-content { height: 28vh; }
}


/* BLOG LOBBY PAGE */
body.blog-page #header { background: #15116F; }
body.blog-page:not(.contentInnerPage) { background: #15116F; }
body.blog-page #GridTop { display: none; }
body.blog-page #GridPage { padding-top: 117px; }
body.blog-page #GridPage #GridWrap { max-width: unset; padding-top: 130px; width: 100%; }
body.blog-page:not(.contentInnerPage) .blogmain-header { margin-bottom: 80px; }
body.blog-page #headline { text-align: center; font-size: 100%; margin: 0; }
body.blog-page #headline h1 { color: #fff; padding: 0; font-size: 6rem; line-height: 0.75; }
body.blog-page #subheadline h2 { margin: 15px 0 0; font-size: 1.8rem; line-height: 0.9; font-family: 'almoni-neue-tzar-aaa-400'; text-align: center; }
body.blog-page .blog-posts { gap: 4px; display: flex; flex-wrap: wrap; }
body.blog-page .blog-posts .blog-post { padding: 0; background: #fff; width: calc(25% - 3px); display: flex; flex-direction: column; }
body.blog-page .blog-posts .blog-post h2.blog-post-title { color: #15116F; padding: 0; font-size: 1.8rem; font-family: 'almoni-neue-tzar-aaa-400'; line-height: 0.9; }
body.blog-page .blog-posts .blog-post .blog-post-text { color: #47474CCC; border: unset; margin: 0; padding: 0; letter-spacing: 0.4px; line-height: 0.9; font-family: 'almoni-neue-tzar-aaa-400'; font-size: 1rem; display: none; }
body.blog-page .blog-posts .blog-post .blog-post-icons { color: #47474CCC; font-family: 'almoni-neue-tzar-aaa-400'; font-size: 1rem; margin: 0; }
body.blog-page .blog-posts .blog-post .blog-post-icons i.fa.fa-calendar { display: none; }
body.blog-page .blog-posts .blog-post .blog-post-content { display: grid; gap: 14px; padding: 20px; flex-grow: 1; align-content: space-between; }
body.blog-page .blog-posts .blog-post .blog-post-image { aspect-ratio: 1 / 0.8; overflow: hidden; }
body.blog-page .blog-posts .blog-post .blog-post-image * { height: 100%; object-fit: cover; }
body.blog-page .blog-posts .blog-post .blog-post-image a { outline: unset; }
body.blog-page .blog-posts .blog-post .blog-post-image img { transition: 0.4s all ease; transform: scale(1.02); }
body.blog-page .blog-posts .blog-post:hover .blog-post-image img { transform: scale(1.1); }
body.blog-page:not(.contentInnerPage) .text-center { width: 100%; }
body.blog-page:not(.contentInnerPage) .pagination { padding: 40px 0 70px; border-radius: unset; display: flex; justify-content: center; gap: 12px; margin: 0; }
body.blog-page:not(.contentInnerPage) .pagination li a { border-radius: 0; display: flex; padding: 2px 0 0; width: 40px; height: 40px; align-items: center; justify-content: center; margin: 0; line-height: unset; background: transparent; border: unset; color: #fff; font-size: 1.2rem; font-family: 'almoni-neue-tzar-aaa-400'; }
body.blog-page:not(.contentInnerPage) .pagination li.active a { background: #fff; color: #15116F; }
body.blog-page:not(.contentInnerPage) .pagination li a span { opacity: 0; }
body.blog-page:not(.contentInnerPage) .pagination li a[rel="next"] { background-repeat: no-repeat; background-position: center; background-size: 12px; background-image: url(/warehouse/dynamic/468413.svg); filter: invert(1); }
body.blog-page:not(.contentInnerPage) .pagination li a[rel="prev"] { background-repeat: no-repeat; background-position: center; background-size: 12px; background-image: url(/warehouse/dynamic/468412.svg); filter: invert(1); }

@media(max-width: 1024px) {
    body.blog-page #GridPage { padding-top: 70px; }
    body.blog-page #GridPage #GridWrap { padding-top: 80px; }
    body.blog-page #GridContent { width: 100%; padding: 0; }
    body.blog-page:not(.contentInnerPage) .blogmain-header { margin-bottom: 40px; }
    body.blog-page #headline h1 { font-size: 3.2rem; }
    body.blog-page #subheadline h2 { margin: 10px 0 0; font-size: 1.6rem; }
    body.blog-page .blog-posts .blog-post { width: calc(50% - 2px); }
    body.blog-page .blog-posts .blog-post .blog-post-content { gap: 10px; padding: 10px; }
    body.blog-page .blog-posts .blog-post h2.blog-post-title { font-size: 1.2rem; }
    body.blog-page .blog-posts .blog-post .blog-post-text { font-size: 0.9rem; }
    body.blog-page .blog-posts .blog-post .blog-post-icons { font-size: 0.9rem; }

    body.blog-page:not(.contentInnerPage) .pagination { padding: 40px 0; }
    body.blog-page:not(.contentInnerPage) .pagination li a { }
    body.blog-page:not(.contentInnerPage) .pagination li a[rel="next"],
    body.blog-page:not(.contentInnerPage) .pagination li a[rel="prev"] { background-size: 10px; }
}

/* BLOG INNER PAGE */
body.blog-page.contentInnerPage { color: #000; }
body.blog-page.contentInnerPage #header { background: #15116F; }
body.blog-page.contentInnerPage #BlogView > *:not(.blog-related-posts) { max-width: 800px; margin: 0 auto; }
body.blog-page.contentInnerPage #BlogView #headline h1 { color: #15116F; font-size: 5rem; margin: 0 auto; }
body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) { max-width: 800px; margin: 0 auto !important; }
body.blog-page.contentInnerPage #BlogView .blog-view { display: grid; }
body.blog-page.contentInnerPage #BlogView #headline { order: -1; }
body.blog-page.contentInnerPage #BlogView .blog-view .blog-post-icons { color: #47474CCC; margin: 24px auto; display: flex; justify-content: center; font-size: 1rem; font-family: 'almoni-neue-tzar-aaa-400'; order: -1; }
body.blog-page.contentInnerPage #BlogView .blog-post-icons i.fa.fa-calendar { display: none; }
body.blog-page.contentInnerPage #BlogView .blog-view > h2 { font-family: 'almoni-neue-tzar-aaa-400'; font-size: 1.2rem; letter-spacing: 0.24px; text-align: center; padding: 0 20px; }
body.blog-page.contentInnerPage #BlogView .share-strip { margin: 24px auto; display: flex; align-items: center; justify-content: center; gap: 12px; }
body.blog-page.contentInnerPage #BlogView .share-strip::before, body.blog-page.contentInnerPage #BlogView .share-strip::after { display: none; }
body.blog-page.contentInnerPage #BlogView .share-strip > span { display: none; }
body.blog-page.contentInnerPage #BlogView .share-strip a.share-icon { display: inline-flex; margin: 0; border: unset; }
body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) :is(p, li) { font-size: 1.2rem; font-family: 'almoni-neue-tzar-aaa-400'; line-height: 1.1; }
body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) p img { width: 100%; }
body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) h2 { color: #15116F; font-size: 1.8rem; font-family: 'almoni-neue-tzar-aaa-700'; line-height: 0.9; letter-spacing: 0.36px; margin: 24px 0; }
body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) ul { margin: 0 0 24px; padding-right: 20px; }
body.blog-page.contentInnerPage #BlogView .blog-related-posts { margin: 80px auto 0; background: #15116F; }
body.blog-page.contentInnerPage #BlogView .blog-related-posts > h2 { margin: 40px auto; text-align: center; font-size: 3.2rem; color: #fff; font-family: 'almoni-neue-tzar-aaa-700'; line-height: 0.75; }
body.blog-page.contentInnerPage #BlogView .blog-related-posts .share-strip { display: none; }
body.blog-page.contentInnerPage #BlogView .blog-related-posts .blog-posts { margin-bottom: 80px; justify-content: center; }

@media(max-width: 1024px) {
    body.blog-page.contentInnerPage #BlogView #headline h1 { font-size: 2.8rem; max-width: 360px; margin-bottom: 30px; }
    body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) p:not(:has(> img)) { padding: 0 20px; }
    body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) ul { padding: 0 40px 0 20px; }
    body.blog-page.contentInnerPage #BlogView :is(#text1, #text2) h2 { padding: 0 20px; }
    body.blog-page.contentInnerPage #BlogView .blog-related-posts > h2 { font-size: 2rem; padding: 0 10vw; }
    body.blog-page.contentInnerPage #BlogView .blog-related-posts .blog-posts { justify-content: start; }
}
