﻿/*Gan Sipur*/

body{color: #252525;background-color: #fffff0;}
.home-page #header:not(.bg), .home-page #header.bg, #header.bg, #header {background: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/header.png);padding: 0 10px;height: 87px;}
strong{font-family: 'alef-bold';}
#header #header-left img {max-width: 56px;}
#header .menu-nav {color: #252525;background: transparent;}
#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: #252525;}
#header #header-center-kdm a{position:relative;width: 153px;height: 35px;padding: 1px 0;border: none;}
#header #header-center-kdm a:before {content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/header-btn.png);background-size: cover;z-index: -1;}
#header #header-center-kdm .address {display: none;}
#header .submenu {background:#c9e9e6;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/bg.png);color:#252525}
#header .submenu>li{position:relative;}
#header .submenu>li.active, #header .submenu>li:focus, #header .submenu>li:hover{background: transparent;padding: 3px 0;}
#header .social-links a svg { fill: #000;}
#header #header-center-kdm a.lang { width: auto; height: auto; background: #3F9978; color: #ffffff; font-size: 70%; }
@media(min-width:768px){
    #header .submenu>li.active > a, #header .submenu>li:focus > a, #header .submenu>li:hover > a{background: #f4815a;padding: 3px 0;color: inherit;text-decoration: none;}
    #header .submenu>li a{position:relative;width: 100%;display: inline-block;}
    #header .submenu li i{position: absolute;top: 12px;left: 57px;}
    #header .submenu>li.active .menu-sub, #header .submenu>li:focus .menu-sub, #header .submenu>li:hover .menu-sub{color:#000}
    #header .submenu>li .menu-sub li:hover a{ color: #f4815a;}
    #header .submenu li.social-mobile{display:none !important}
}

#externalText {max-width: 800px; margin: 0 auto;}

@media(max-width:767px){
    #header #header-center-kdm a:first-child{width: 130px;height: 29px;font-size: 113%;padding: 0;top: 20px;border-radius: 0;}
    #header .submenu li:not(.has-sub)>a,
    #header .submenu li >a{ width: auto; }
    #header .submenu li{text-align:center;}
    #header .submenu li.has-sub{padding-right: 50px;}
    #header .submenu .menu-sub li{text-align:center;}
    #header .submenu .menu-sub li a{font-size: 150%;padding: 6px 0;}
    #header .submenu>li a{font-size: 190%;}
    #header .submenu>li.active, #header .submenu>li:focus, #header .submenu>li:hover{color: inherit;}
    #header .submenu>li a:before, #header .submenu>li a:after {content: "";position:absolute;background: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/dots.png);width: 51px;height: 4px;background-size: cover;top: 15px;opacity: 0;}
    #header .submenu>li a:before    { left: -65px;}
    #header .submenu>li a:after     { right: -65px;}
    #header .submenu>li.has-sub  a:before{left: -85px;top: 23px;}
    #header .submenu>li.active a:before,
    #header .submenu>li.active a:after    {opacity:1}
    #header .submenu .menu-sub li a:before,#header .submenu .menu-sub li a:after{opacity:0}
    #header .submenu{margin-top: 0px;padding-top: 100px;height: 100vh;max-height: 100vh;right: -10px;width: 100vw;}
    #header .phone-icon i{color: #3f9978;}
    #header .submenu li.social-mobile{text-align:center;}
    #header .submenu .menu-sub {padding: 0;position: relative;right: -20px;}
}

#home-gallery .gallery-logo {max-width: 220px;width: 100%;}
#home-gallery .flex-control-paging li a {background: #fff;}
#home-gallery .flex-control-paging li a.flex-active {background: #f4815a;}

@media(max-width:767px){
    #home-gallery ol.flex-control-nav.flex-control-paging {bottom: 150px;}
}
#GridTop{z-index: 2;}
#GridPage:before, #GridPage:after, .home-page #SiteGrid:before, #SiteGrid:after{content:"";position: fixed;width:60px;height:100%;top: 0px;z-index: 1;background-size: 60px;}
#GridPage:before, .home-page #SiteGrid:before{left:0;background-image:url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/left-bg.png);}
#GridPage:after, .home-page #SiteGrid:after{right:0;background-image:url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/right-bg.png);}

#home-gallery{z-index:4;}

.home-page #allSectionsWrapper .section:last-child {margin-bottom: 0;}
.home-page .grid-boxes .grid-box-image {padding-bottom: 82%;}
#SiteContainer{position:relative;}
@media(max-width:991px){
    #GridPage:before, #GridPage:after, .home-page #SiteGrid:before, .home-page #SiteGrid:after{width: 30px;background-size: 30px;}
    #header #header-center-kdm a { width: 128px; }
}

@media(max-width:767px){
    .home-page .grid-boxes .grid-box-image{padding-bottom: 100%;}
    #header #header-center-kdm a.lang:last-child { width: auto; margin: 0; }

    #header #header-center-kdm .languages { left: 50%; top: 48px; transform: translateX(-50%); text-align: center; }
}

#SiteGridContainer {margin-bottom: -6px;z-index:4;}

footer {padding-top: 0;position: relative;z-index: 4;}
.footer-text-left a {color: #ac574c;direction: ltr;}
.footer-text-left {direction: ltr;}
#SiteFooter {float:none;}
#SiteFooter .footer-text-divided>div.footer-text-middle img {max-width: 56px;}
    #SiteFooter .footer-text-divided > div.footer-text-right a:not(:last-child) { margin-left: 20px; }
#SiteFooter .footer-text-divided > div.footer-text-right img { height: 20px; width: auto; }
#SiteFooter .footer-text-divided {background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/footer-blue.png);padding: 15px 0 12px 0;display: block;background-repeat: no-repeat;}
.home-page #SiteFooter .footer-text-divided, .branchLobby #SiteFooter .footer-text-divided{background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/footer.png);}
.home-page #SiteFooter .footer-text-divided:after, .branchLobby #SiteFooter .footer-text-divided:after, #SiteFooter .footer-text-divided:after{content:"";background-color: #fffff0;position: absolute;width: 100%;height: calc(100% - 50px);top: 50px;right: 0;z-index: -1;}
#SiteFooter .footer-text-divided:after{background-color: #c9e9e6;}
#SiteFooter.withGridContent .footer-text-divided:after{height: 120px;bottom: 0;top: auto;}
.footer-text-divided>div.footer-text-right,
.footer-text-divided>div.footer-text-middle,
.footer-text-divided>div.footer-text-left{display: inline-block;margin: 0 -3px;width: 19%;vertical-align: top;}
.footer-text-divided>div.footer-text-middle{width: 62%;}
.footer-text-divided>div.footer-text-middle p{font-size: 70%;}


@media(max-width:767px){
    .footer-text-divided>div.footer-text-right, .footer-text-divided>div.footer-text-left, .footer-text-divided>div.footer-text-middle{display: inline-block;text-align: center;width: 100%;    padding: 0 5px;}
    #SiteFooter .footer-text-divided>div.footer-text-middle img{padding:20px 0 10px 0;}
    #SiteFooter {padding-bottom: 0;}
    #SiteFooter .footer-text-divided {background-position: top center;background-repeat: no-repeat;position:relative;}
    #SiteFooter .footer-text-divided:after{content:"";position:absolute;width:100%;height:100%;background-color: #c9e9e6;top: 10px;z-index: -1;right: 0;}
   .home-page #SiteFooter .footer-text-divided, .branchLobby #SiteFooter .footer-text-divided{background-color:#fff}
    #externalText { padding: 0 25px;}
}
.section-animation-item,.grid-boxes .section-animation-item,
#LobbyModule .grid-box, #lobbyview .grid-box{opacity: 1;}
@media(min-width:992px){
    #LobbyModule .grid-box.col-md-25{margin-right:-5px;} 
}
#GridPage #headline h1,
.section-title h1,
.section-title h2,
.grid-rows .grid-row-text h2 {font-family: 'alef-bold';display:inline-block;position:relative;color: #ac574c;font-size: 250%;margin-bottom: 20px;}
.grid-rows .grid-row-text h3 {font-size: 125%;}
#headline h1:before,
#headline h1:after,
.section-title h1:before,
.section-title h2:before,
.section-title h1:after,
.section-title h2:after,
.grid-rows .grid-row-text h2:before,
.grid-rows .grid-row-text h2:after{content:"";position:absolute;width:51px;height:5px;background-size: 51px;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/dots.png);top: 29px;}
#headline h1:before,
.section-title h1:before,
.section-title h2:before,
.grid-rows .grid-row-text h2:before{right: -71px;}
#headline h1:after,
.section-title h1:after,
.section-title h2:after,
.grid-rows .grid-row-text h2:after{left: -71px;}
.grid-rows .grid-row-text {text-align:center;}
.grid-rows .grid-row-text p{margin-bottom:20px;}
.home-page .grid-row-text a, .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button,.owl-carousel .photoTextLinkWrapper a.item-button {background-color: #3f9978;width: 139px;height: 37px;display: inline-block;color: #fff;border: 0px;border-radius: 0px;box-shadow: none;padding: 0;padding-top: 9px;line-height: 1;font-size: 100%;transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;margin-top: 0;}
.home-page .grid-row-text a:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-text .sec-button:hover, .owl-carousel .photoTextLinkWrapper a.item-button:hover{background-color:#ac574c;-webkit-transform: translateY(0px);transform: translateY(0px);}
#LobbyModule .grid-row-text a{text-decoration:underline;}
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button{width:170px}
.grid-rows .grid-row {background: transparent;}
.grid-text p {max-width: 639px;margin: 0 auto 20px;}

.owl-carousel .photoTextWrapper {height: 240px;}
.photoFullText {height:110px;display: table-cell;vertical-align: middle;}
.owl-carousel .photoTextLinkWrapper a.item-button{width: auto;padding: 9px 15px 0 15px;}
.owl-carousel .photoTextLinkWrapper {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}

#allSectionsWrapper .section{background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/bg.png);margin-bottom:0;}
#LobbyModule #allSectionsWrapper .section.grid-text-section { padding-top: 0;}
.grid-text-section .section-animation-item:nth-child(1) {opacity: 1;    margin-top: 0;}
.grid-text-section .section-animation-item:nth-child(1) h3{margin-top:0px}

@media(max-width:1024px){
 .owl-carousel .owl-item img {height: 500px;width:auto;}
 .owl-carousel .photoTextWrapper {height: 300px;}
 .photoFullText {height: 170px;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    .menusSection .box-image-animation img { height: auto !important;}
    .eventsSection:after { left: 110px; }
}

@media(max-width:991px){
    .grid-rows .grid-row-text p{}
    #GridPage #headline h1, .section-title h1, .section-title h2, .grid-rows .grid-row-text h2{font-size:220%;}
    #externalText { width: 90%;}
}

@media(max-width:767px){
    .section-title h1:before,
    .section-title h2:before,
    .section-title h1:after,
    .section-title h2:after,
    .grid-rows .grid-row-text h2:before,
    .grid-rows .grid-row-text h2:after{display:none}
    .home-page .grid-rows .grid-row-text a, .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button{display: block;margin: 0 auto;width: 188px;height: 42px;    padding-top: 12px;font-size: 18px;}
    .grid-rows .grid-row-text{padding: 0 15px;}
    .grid-text-section .section-title{margin-bottom: 0px;}
    .photoFullText {height: 220px;padding: 0 25px;}
    .owl-carousel .photoTextLinkWrapper a.item-button{width: 180px;}
    .owl-carousel .owl-item img{height:300px;}
    .home-page .grid-row-text a, .grid-rows .grid-row-text a.grid-row-button {margin: 20px auto;}
    .grid-text-section .section-animation-item {width: 100%;}
}

.aboutSection {background-color: #c9e9e6;padding: 75px 0;}

.sections .grid-content-section.comeVisitSection{background-color:#fffff0;width: 100%;max-width: 100%;padding: 75px 30px;}
.comeVisitSection .section-title{margin-bottom: 35px;}
.comeVisitSection .grid-boxes .section-animation-item {position: relative;}
.comeVisitSection .grid-boxes .section-animation-item.ashdodBox:after,
.comeVisitSection .grid-boxes .section-animation-item.jerusBox:after{content:"";position: absolute;width: 62px;height: 62px;top: 20px;right: 30px;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/kosher.png);background-size: cover;}
.comeVisitSection .grid-boxes .section-animation-item.jerusBox:after{background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/mehadrin.png);}
.comeVisitSection .grid-boxes .grid-box-image:after{content:"";position: absolute;border: 1px solid #fff;top: 5px;bottom: 5px;right: 5px;left: 5px;pointer-events: none;}
.comeVisitSection .grid-box-title {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.comeVisitSection .grid-boxes .grid-box-title h3 {font-size: 100%;}
.comeVisitSection  .grid-boxes .grid-box-title h3 a{color: #252525;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/branch.png);width: 139px;height: 39px;display: block;background-size: 139px, 39px;background-repeat: no-repeat;padding-top: 6px;    margin: 0 auto}
.comeVisitSection  .grid-boxes{max-width: 1030px;margin: 0 auto;}

.picnicSec { background-color: #c9e9e6;}

@media(max-width:991px) and (min-width:768px){
    #header #header-center-kdm { width: 70%;}
    #header.bg #header-center-kdm { padding: 0;}
    #header #header-left { width: 56px;}

    .comeVisitSection .grid-boxes .section-animation-item.ashdodBox:after,
    .comeVisitSection .grid-boxes .section-animation-item.jerusBox:after{width: 45px;height: 45px;top:10px}
}
@media(max-width:767px){
.sections .grid-content-section.comeVisitSection{padding: 40px 0px;max-width: 260px;}
.comeVisitSection .section-title {margin-bottom: 5px;}
.comeVisitSection .grid-boxes .box-image-animation img{max-width: 200%;width: 150%;position: relative;left: 25%;}
.comeVisitSection .grid-boxes .grid-box-image {padding-bottom:100%}
}

#allSectionsWrapper .eventsSection {max-width: 1170px;position: absolute;width: 100%;z-index: 1;background-color: #fff;height: 500px;left: 50%;transform: translateX(-50%);margin-top: -250px;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/flags.png);background-repeat: no-repeat;background-position: top center;padding-top: 132px;z-index: 1;}
.eventsSection:after{content:"";position: absolute;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/coffee.png);bottom: -377px;width: 50%;height: 100%;background-size: 477px 472px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.eventsSection .grid-text p{margin-top: 0;}

.mugsSection {background-color: #c9e9e6;padding-top: 300px;}
.mugsSection .grid-rows .grid-row{direction: ltr!important;display: block;}
.mugsSection .grid-rows .grid-row-cell.flexslider-box .slides {opacity: 0;}
.mugsSection .grid-row .grid-row-cell.grid-row-cell-text{padding: 0;display: block !important;float: right !important;width: 58%;padding-bottom: 120px;}

.contributionSection {background-color: #fac2c0;padding: 75px 0;}
@media(max-width:1170px){
    .mugsSection{padding-top:0px;}
}
@media(max-width:1024px){
    .eventsSection:after{width: 280px;height: 276px;bottom: -200px;}   
}
@media(max-width:991px){
    .eventsSection:after{background-size: 100%;bottom: -80px; left: 50%;transform: translate(-50%);}
}

@media(max-width:767px){
    .eventsSection:after{width: 190px;height: 190px;bottom: -110px;}
}

#allSectionsWrapper .menusSection {background-color: #fac2c0;padding-top: 130px;}

@media(min-width:992px){
    .menusSection .grid-rows .grid-row-cell{width: 790px;padding-bottom: 300px;direction: ltr;display: block !important;}
    .menusSection .grid-rows .grid-row-text{width: 65%;}
    .menusSection .grid-rows .grid-row-cell.flexslider-box {display: none !important;} 
    .menusSection .grid-rows .grid-row{direction: ltr !important;}
    .menusSection .grid-rows{max-width: 1440px;margin: 0 auto;position:relative;}
    #allSectionsWrapper .menusSection .grid-rows:before{content:"";background-image:url('/National_Library/oe_/https://www.gansipur.co.il/warehouse/dynamic/61729.png');position: absolute;width: 943px;height: 593px;bottom: 118px;right: auto;right: 0;background-size: cover;}
 }
 
@media(max-width:1440px) and (min-width:992px){
    #allSectionsWrapper .menusSection{padding-top: 30px;}
    #allSectionsWrapper .menusSection .grid-rows:before {width: 54%;height: 33.5vw;bottom: 158px;right: -10px;}
}

@media(max-width: 1170px){
    .menusSection{}
    .menusSection .grid-rows .grid-row-cell.grid-row-cell-text{width: 100%;order: 1;flex-shrink: 0;padding-bottom: 0;flex-basis: 100%;}
    #allSectionsWrapper .menusSection .grid-rows:before{display:none}
    .menusSection .grid-rows .grid-row-cell.flexslider-box{display: block !important;order: 2;flex-basis: 100%;padding-bottom: 0;}
    .menusSection .grid-rows .grid-row{display: flex !important;width: 100%;flex-wrap: wrap;    overflow: hidden;}
    .menusSection .grid-rows .grid-row-text{margin-top: 40px;padding-bottom: 60px;}
    #allSectionsWrapper .eventsSection{position: relative;margin-top: -210px;z-index:2}
}

@media(min-width:992px){
    .mugsSection .grid-rows{max-width: 1440px;margin: 0 auto;}
    .mugsSection  .grid-rows .grid-row-text{width: 70%;}
}

@media(max-width:1024px){
    .mugsSection .grid-row .grid-row-cell.grid-row-cell-text{width: 100%;}
    .mugsSection{ padding-top: 60px;}
}


@media(max-width:991px){
    .menusSection .grid-rows .grid-row-text{ margin-top: 0;}
    .menusSection .box-image-animation img{width: 100%;height: auto !important;}
    #allSectionsWrapper .menusSection {padding-top: 75px;}
    .mugsSection .grid-row .grid-row-cell.grid-row-cell-text{width: 100%;padding-right: 0;padding-bottom: 50px;}
    #allSectionsWrapper .eventsSection{margin-top: -30vh;height:620px;}    
}

@media(max-width:767px){
    #allSectionsWrapper .menusSection {padding-top: 30px;}
    .aboutSection, #allSectionsWrapper .eventsSection, .contributionSection{padding: 30px 45px;}
    .menusSection .grid-rows .grid-row-text a{margin:0px auto;}
    .menusSection .grid-rows .grid-row-cell.grid-row-cell-text p{margin-bottom: 20px;}
    .menusSection .grid-rows .grid-row-text{padding-bottom:20px;}
    .mugsSection{padding-top: 90px;}
    .mugsSection .grid-rows .grid-row-cell.flexslider-box{display: none !important;}

    #allSectionsWrapper .eventsSection{margin-top: -11vh;background-size: 100%;height: auto;padding-bottom: 110px;}
}


/*Inner Page*/
#map-section .map-cover {background: #c9e9e6;}
#map-section .map-cover h4 {color: #252525;}
#map-section .map-cover .open-map {color: #fff;background: #409979;border-radius: 0px;}
.normal-form, .form-container-wide #DynamicFormObject[dynamic-form-object-id="393"] {max-width: 900px;    margin: 0 auto;}
.normal-form,.form-container-wide #DynamicFormObject {background: #c9e9e6;border: 0px;color: inherit;width: 100%;}
.normal-form:after,.form-container-wide #DynamicFormObject:after {border: 3px solid #fff;}
.normal-form input, .normal-form textarea, #contactform textarea, .normal-form select {border-color: #fff;background: #fff;border-radius: 0px;font-size: 95%;margin-top: 0;padding-right: 25px;    width: 100%;}
.normal-form input[type=submit],#DynamicFormObject input[type=submit] {background: #3f9978;border-radius: 0px;font-size: 110%;font-family: 'alef-bold';height: 40px;}
.normal-form input[type=submit]:hover, #DynamicFormObject input[type=submit]:hover{background-color:#ac574c;color: #fff;border: 0px;}
.normal-form .contact-container > .row > div  {padding: 0 10px;}
.textareaWrapper.must:before{top: 6px;}


.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField{width:100%}
.dynamicFormObjectSubmit{margin-right: 25%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 125%;}

.top-caption h1 {font-size: 100%;font-family: 'alef-bold';}
#GridTop:after {content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, 0.2);}

.grid-box-opacity-layer{opacity:0;}
.top-caption {font-size: 425%;}

#contactDetails .contactDetailsText1 {font-family: 'alef-bold';}
.contactPage .textareaField .must:before{top:10px;}
@media(min-width:768px){
    .form-container-wide #DynamicFormObject  .dynamicFormObjectField {width:33.33%;padding: 0 10px;}
    .contactPage .form-container-wide #DynamicFormObject  .dynamicFormObjectField {width: 50%;}
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField{width:100%;}
    .contactPage .select-wrapper:after{top:33%}
    .form-container-wide #DynamicFormObject .dynamicFormEndText, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {display: none;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields {width: 100%;display: block;margin: 0 auto;max-width: 760px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {width: 33.33%;margin-right: 33.33%; padding: 0 10px;}
    .form-container-wide #DynamicFormObject form[data-formid="388"] .dynamicFormObjectSubmit{margin-right: 0;}

    .picnicSec { text-align: right;}
}

@media(max-width:767px){
    .top-caption {font-size: 300%;}
    .normal-form {max-width: 85%;margin: 0 auto;}
}

#GridPage .grid-rows {max-width: 1440px;margin: 0 auto;}
#GridPage .grid-rows .grid-row{background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/bg.png);}
#GridPage .grid-rows .grid-row:nth-child(odd) {background-color: #fac2c0;}
#GridPage .grid-rows .grid-row:nth-child(even) {background-color: #c9e9e6;}
#GridPage .grid-rows .grid-row-text {text-align:center;width: 90%;max-width: 450px;}

@media(max-width:1440px){
    #GridPage .grid-rows{max-width: 1170px;}
}

#headline{font-size:100%;margin-bottom:0px;}

#GridPage .section-title h2,
#GridPage #headline h1 {font-size: 250%;position: relative;display: inline-block;}

#headline h1:before,
#headline h1:after{top: 30px;}
#GridPage .section-title h2:before,
#GridPage .section-title h2:after{}

@media(max-width:991px){
    #GridPage .section-title h2{font-size: 250%;}
    #GridPage .section-title h2:before,
    #GridPage .section-title h2:after{top: 27px;}
    #GridPage .grid-rows .grid-row-text h2:before, #GridPage .grid-rows .grid-row-text h2:after{display: none;}
}

@media(max-width:767px){
    .lobby-grid #GridPage .max-width{padding:0 5px}
    #GridPage {padding-left: 5px;padding-right: 5px;}
    #headline {padding: 0 15px;}
    .lobby-grid #PageBreadCrumps, #PageBreadCrumps {padding: 0 30px;}
    #GridPage .sections .grid-content-section {padding: 40px 45px 20px;}
    #GridPage .sections .grid-content-section.comeVisitSection{padding: 40px 0px 20px;}
    #GridPage #headline h1:after, #GridPage #headline h1:before{display:none;}
    #lobbyText {padding: 0 25px;}
    body:not(.home-page) #allSectionsWrapper{margin:0 auto;    padding: 0 25px;}
    .menusPage #GridPage .sections .grid-content-section {padding:0px;}
}

.branchBox.grid-content-section {max-width: 950px;}
.branchBox .grid-box-image:after {content: "";position: absolute;top: 10px;bottom: 10px;right: 10px;left: 10px;border: 3px solid #fff;pointer-events:none;}
.branchBox .grid-box {position:relative;}
.branchBox .grid-box-image {position: relative;}
.branchBox .grid-boxes .grid-box-image {padding-bottom: 100%;}
.branchBox .grid-box-image-text{font-family: 'alef-bold';font-size: 125%;width: 80%;bottom: 40px;top: auto;line-height:1;}
.branchBox .grid-box-title{font-family: 'alef-bold';font-size: 125%;width: 80%;top: 50%;line-height:1;position: absolute;left: 50%;transform: translate(-50%, -50%);}
.branchBox .grid-box-title h3 a{color: #fff;}

@media(max-width:991px) and (min-width:768px){
    .branchBox .grid-boxes{display:block;}
    .picnicSec .box-image-animation img {margin-right: -10%;}
}

@media(max-width:991px){
    .branchBox .grid-box-image-text{height: 50px; bottom:0px;}
}
@media(max-width:767px){
    .branchBox .grid-box{ max-width: 240px;display: block;}
    #GridPage .sections .branchBox.grid-content-section{padding: 0 0;}
    .branchBox .grid-box-image-text{height: 35px;bottom: 10px;font-size: 120%;display: table;}
    .branchBox .grid-box-image-text p{display: table-cell;vertical-align: baseline;}
}


.categories-strip {background: #3f9978;position: relative;z-index: 2;}
.categories-strip ul li.active {background: #378468;}

@media(max-width:767px){
    .mobile-strip {padding: 0 45px;}
    .mobile-strip:after{left:45px;}
}

.gallery-cubes .image-link-inner {background-color: #3f9978;color: #fff;}
.grid-gallery-section{padding-top:40px;}
.gallery-cubes {max-width: 1440px;margin: 0 auto;}
.gallery-cubes>div {padding: 12px;}

@media(max-width:1440px){
    .gallery-cubes {max-width: 1170px;}

}

@media(max-width:767px){
    .gallery-cubes>div {padding: 5px;}
}

#MenuModule { max-width: 1170px;margin: 0 auto;}
#MenuModule .menuModuleNav a:after{content:"";display:block;height: 3px;background-color: #6fc6a6;opacity:0;}
#MenuModule .menuModuleNav a.selected {color: inherit;}
#MenuModule .menuModuleNav a.selected:after,
#MenuModule .menuModuleNav a:hover:after{opacity:1;}

.menuModuleTextItemTitle {font-size: 115%;background: #fffff0;padding-left: 20px;}
.menuModuleTextItemPrice {font-size: 115%;background: #fffff0;padding-right: 20px;}
.menuModuleTextItemDescription {color: inherit;font-size: 90%;}
.menuModuleContentPart {border: none;}
.menuModuleContentPart:after {opacity: 0;}
.menuModuleTextItemPart:after {border: 1px solid #bb5e51;}
.menuModuleContentPart h3.menuModuleTextItemTitle:after {content: "";width: calc(100% - 40px);position: absolute;height: 0px;top: 21px;border-top: 2px dotted #252525;z-index: -1;right: 0;}

@media(min-width:767px){
    .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even):after,
    .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even):after{right: auto;left: 0;}
    .menuModuleTextItemPart:nth-child(even) .menuModuleTextItemTitle:after{left: 0;right: auto;}
}
@media(max-width:767px){
    .menuModuleContentPart {padding: 50px 35px;    margin-bottom: 0;}
    .menuModuleTextItemTitle{padding-left:10px;}
    .menuModuleTextItemPrice {padding-right:10px;}
    
    .menuInnerPage .categories-strip {width: calc(100% - 80px);margin-right: 40px;}
    .menuInnerPage .mobile-strip span:before{content:"בחרו תפריט: "}
    .menuInnerPage .mobile-strip {padding: 0 15px;margin-top:10px;}
}


@media(min-width:992px){
    .grid-boxes .textOnHover  .section-animation-item {position: relative;}
    .textOnHover .grid-box-title {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);padding: 0 40px;}
    .grid-boxes .textOnHover .grid-box-title h3 a {color: #fff;}
    .textOnHover .grid-box-image .hideUntilHover {font-size: 110%;width: 100%;padding: 0 20px;}
    .grid-boxes .textOnHover  .grid-box-opacity-layer{background: #ac574c;}
}

@media(max-width:991px){
    .grid-box.textOnHover .grid-box-image {order: 2;flex-basis: 100%;padding-bottom: 0;}
    .grid-box-opacity-layer{background: transparent;}
    .grid-boxes .grid-box.textOnHover{display: flex;width: 50%;flex-wrap: wrap;}
    .grid-boxes .textOnHover  .section-animation-item {position: relative;}
    .grid-boxes .textOnHover .grid-box-title h3 a {color: #fff;}
    .textOnHover .grid-box-image .hideUntilHover {font-size: 110%;width: 100%;padding: 0 0px;color: #252525;opacity: 1;position: relative;top: 0;transform: none;-webkit-transform: none;left: 0;}
    .grid-boxes .textOnHover .grid-box-image-container{ position: relative;}
    #LobbyModule .textOnHover.grid-box{display: flex;background: #3f9878;color: #fff;width: 24%;margin: 0 0.5%;height: 150px;}
    .grid-box.textOnHover .grid-box-image{display: none;}
    .textOnHover .grid-box-title{top: 0;height: auto;position: relative;width: 100%;order: 2;font-size: 89%;}
    .grid-boxes .textOnHover .grid-box-title h3{position: relative;top: auto;left: auto;transform: none;}
    .grid-boxes .textOnHover .grid-box-subtitle{color: #fff;height: 80px;line-height: 1;position: relative;width: 100%;font-size: 120%;}
    .grid-boxes .textOnHover .grid-box-subtitle span{position: absolute;width: 100%;right: 0px;top: 50%;transform: translateY(-50%);}
    .grid-boxes .textOnHover .box-image-animation:hover img{display: none;}
    .textOnHover .box-image-animation{height: auto;}
    .grid-boxes .textOnHover .box-image-animation img{display: none;}
}

@media(max-width:991px) and (min-width:768px){
    .grid-boxes {display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
    .grid-box-title {display: block;position: absolute;width: calc(100% - 30px);height: 31vh;}
    .grid-boxes .grid-box-title h3{position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;width: 100%;}
    .textOnHover .grid-box-image .grid-box-image-text.hideUntilHover{padding-top: 30px;display: none;}
    .grid-boxes .grid-box.textOnHover{margin-bottom: 0;}
}

@media(max-width:767px){
    #LobbyModule .textOnHover.grid-box{width: 100%;margin: 20px 0;height: auto;}
    .grid-box.textOnHover .grid-box-image .grid-box-opacity-layer, .grid-box.textOnHover .grid-box-title{display: block;width: 100%;}
    .grid-box.textOnHover .grid-box-title{background-color:#409879;padding: 10px;margin-bottom: 10px;}
    .grid-boxes .textOnHover .box-image-animation img{display: none;}
    .grid-boxes .grid-box.textOnHover{width:100%}
}

.contactSection .grid-text p img{max-height: 20px;width: auto;}
.managerSection .grid-rows .grid-row-text p {font-size: 90%;margin-bottom: 5px;font-size: 75%;}
#GridPage .managerSection  .grid-rows {max-width: 940px;}
.managerSection .grid-rows .grid-row-text h2{font-size: 185%;margin-bottom: 0;}
.managerSection .section-title h2:before, .grid-rows .grid-row-text h2:before,
.managerSection .section-title h2:after, .grid-rows .grid-row-text h2:after{display: none;}
.managerSection .grid-rows .grid-row-text h3{font-size: 100%;margin: 0;font-family: 'alef-bold';color: #ac574c;margin-bottom: 10px;}

a.AccessabilityLink:hover {color: #fff;}

@media(max-width:767px){
    .managerSection .grid-rows .grid-row-text{padding-bottom: 25px;}
}

#SiteFooter .section-animation-list{background-color:#fffff0;width: 100%;max-width: 100%;padding: 75px 30px;}
#SiteFooter .section-animation-list .section-title{margin-bottom: 35px;}
#SiteFooter .section-animation-list .grid-boxes .section-animation-item {position: relative;}
#SiteFooter .section-animation-list .grid-boxes .section-animation-item .grid-box-image:after{content:"";position: absolute;border: 1px solid #fff;top: 5px;bottom: 5px;right: 5px;left: 5px;pointer-events: none;}
#SiteFooter .section-animation-list .grid-box-title {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#SiteFooter .section-animation-list .grid-boxes .grid-box-title h3 {font-size: 100%;}
#SiteFooter .section-animation-list  .grid-boxes .grid-box-title h3 a{color: #252525;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/branch.png);width: 139px;height: 39px;display: block;background-size: 139px, 39px;background-repeat: no-repeat;padding-top: 6px;margin:0 auto;}
#SiteFooter .section-animation-list  .grid-boxes{max-width: 1030px;margin: 0 auto;}
#SiteFooter .section-animation-item.ashdodBox:after,
#SiteFooter .section-animation-item.jerusBox:after{content:"";position: absolute;width: 62px;height: 62px;top: 20px;right: 30px;background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/kosher.png);background-size: cover;}
#SiteFooter .section-animation-item.jerusBox:after{background-image: url(/National_Library/oe_/https://www.gansipur.co.il/warehouse/temp/ganSipur/mehadrin.png);}

@media(max-width:991px) and (min-width:768px){
    #SiteFooter .section-animation-item.ashdodBox:after,
    #SiteFooter .section-animation-item.jerusBox:after {width: 45px;height: 45px;top: 10px}
    #SiteFooter .section.section-animation-list{max-width: 90%;}
}

@media(max-width:767px){
    #SiteFooter .section.section-animation-list{padding: 40px 0px 20px;max-width: 82%;margin: 0 auto;}
    #SiteFooter .section-animation-list .grid-boxes{ max-width: 260px;}
    #SiteFooter .section-animation-list .grid-boxes .grid-box-image{padding-bottom: 100%;}
    #SiteFooter .section-animation-list .grid-boxes .box-image-animation img{height: 100%;max-width: 200%;width: 150%;position: relative;left: 25%;}
}

.textOnGallery .owl-prev {display: block !important;right: 60px;}
.textOnGallery .owl-next {display: block !important;left:60px;}

@media(max-width:767px){
    .grid-gallery-section .owl-carousel .owl-item img {width: auto;}
    .textOnGallery .owl-prev{right: 0;}
    .textOnGallery .owl-next{left: 0;}
    #SiteFooter .section-animation-list{padding: 40px 0px 20px;}
    #LobbyModule .grid-content-section.lobby-view-section .grid-box         { width: 50%; padding-right: 10px;padding-left: 10px; }
    #GridPage .sections .grid-content-section.lobby-view-section            { padding: 0; }
    body:not(.home-page).page-4706 #allSectionsWrapper                      { padding: 0; }
}


#gridshort-view-media .grid-short-box.box {background: #3f9978;color: #fff;margin-bottom: 20px;}
#gridshort-view-media > div {padding: 0 10px;}
#gridshort-view-media .grid-short-box.box:hover{background: #ac574c;}
#gridshort-view-media .grid-short-box.box .grid-short-box-text{color: #fff;}
#gridshort-view-media .grid-short-box-label {font-size: 90%;line-height: 1.1;}



@media(min-width:992px){
    .storyTimePage .textOnHover .grid-box-title{margin-top:-34px;}
    .storyTimePage .grid-boxes .grid-box-subtitle{height:68px}
    .storyTimePage #LobbyModule .grid-box{margin-bottom:20px;}
}
@media(max-width:767px){
    #gridshort-view-media .grid-short-box.box .text-caption{width:90%}
    #gridshort-view-media > div {padding: 0 6px;}
    #gridshort-view-media .grid-short-box.box{margin-bottom:12px;}
    #ContentGridReadMoreModule {max-width: 100%;padding: 0 25px;}
    #gridshort-view-media .grid-short-box.box .grid-short-box-text{padding-top:5px}
}

.contactBranchPage .contactDetailsText1 img {width: 27.5px;height: auto;}
.contactPage #contactDetails .contactDetailsText1 {    font-family: Alef;}


@media(max-width:767px){
    .contactPage #contactDetails { width: calc(100% - 30px); margin: 0 auto;}
    .storyTimePage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle {font-size: 56%;}
    .storyTimePage .form-container-wide #DynamicFormObject {width: calc(100% - 60px);padding: 20px 20px;}
    #MenuModule .menuModuleNav{    padding: 10px 15px;}
}

@media(max-width: 360px) {
    #gridshort-view-media { text-align: center;}
    #gridshort-view-media > div { width: 75%; display: inline-block; float: none !important;}
}