:root { --magenta: #EB0045; --grey: #F5F3F3 }
@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css2?family=Teko&display=swap');




a.oldSiteBtn { position: fixed; bottom: 0; right: 0; z-index: 10; color: #fff; background: var(--magenta); padding: 15px; }
a:focus { outline: none; }
body { direction: rtl; margin: 0px; color: #000000; background-color: #ffffff; font-family: 'Assistant', sans-serif; font-size: 20px; }

table { padding: 0px; margin: 0px; }
td { vertical-align: top; padding: 0px;}
p { direction: rtl; margin-top: 0px; margin-bottom: 0px; font-size: 80%;}

a,button   { transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out; }
img { max-width:100%; image-rendering: -webkit-optimize-contrast; }
input[type="text"], input[type="password"]  { outline: none; }
input[type="password"] { font-family:ogen; }

textarea    { outline: none; }
#hero-video .scroll-down { position: relative; width: 100%; height: 100%; display: block; }
/*scroll Down*/
.hscroll-line { bottom: -60px; right: 50%; height: 4px; position: absolute; overflow: hidden; width: 60px; transform: rotate(90deg) translateX(-50%); -webkit-transform: rotate(90deg) translateX(-50%); transform-origin: 100%; z-index: 3; }
.hscroll-line::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: "" }
.hscroll-line::before { content: ''; background: #fbb04075; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.hscroll-line::after { background: #fff7ebcf; animation: move 3s infinite }

@keyframes move {
    0% { transform: translate3d(-200%, 0, 0) }
    60% { transform: translate3d(100%, 0, 0) }
    100% { transform: translate3d(100%, 0, 0) }
}

h2 { font-size: 300%; position: relative; display: inline-block; z-index: 1; font-family: Font37HEB-Regular; letter-spacing: -2px; margin: 0; }
h1.contact-form-title { position: relative; display: inline-block; z-index: 1; font-family: Font37HEB-Regular; letter-spacing: -2px; margin: 0; font-size: 300%; margin-top: 0; margin-bottom: 10px; width: 100%; text-align: right; }

.section-title { margin-bottom: 60px; }

section .text-holder-reg { font-size: 140%;max-width: 840px;margin: auto;text-align: center; }
.bg-layer { position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.2); }

@media(max-width:767px) {
    h1.contact-form-title { font-size: 225%; line-height: 1; }
}
/*------------------------------------*\
    Promotion - Window
\*------------------------------------*/

#promotionWindow { position: fixed; bottom: 10px; z-index: 5; max-width:450px; right: 15px; }

#promotionWindow-first      { max-width: 300px;font-size:110%; }
#promotionWindow-first a    { background: #5586A2; border-radius: 0px; display:block; color:#ffffff; padding:10px 15px 10px 15px; cursor:pointer; }

#promotionWindow-second { background-color:#EEEEEE; border-radius:0px; text-align:center; border:1px solid #c0c0c0;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
#promotionWindow-second > div { padding:10px; }
#promotionWindow-second .promotionWindow-second-close   { text-align:left; }
#promotionWindow-second .promotionWindow-second-close a { color:#000000; cursor:pointer; }
#promotionWindow-second h3                              { color:#000000; font-size:1.3em;margin-top:0; }
#promotionWindow-second .promotionWindow-second-text    { color:#000000; padding-top:5px; padding-bottom:10px;max-width: 95%; margin: auto;font-size:110%; }
#promotionWindow-second .promotionWindow-second-button  { background:#666666; color:#ffffff !important; padding:10px; display:inline-block; text-decoration: none !important; margin-top:5px; border-radius:5px; }
#promotionWindow-second .promotionWindow-second-text a  { background: #5586A2;border-radius: 0px;display: inline-block;color: #ffffff;padding: 8px 30px 8px 30px;cursor: pointer;margin-top: 15px;font-size: 120%;}
#promotionWindow-second .promotionWindow-second-text a:hover,#promotionWindow-second .promotionWindow-second-text a:focus { text-decoration: none; }

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
/*.red-btn { display: inline-block;background: #C6553C;padding: 8px 40px;font-size: 150%;color: #ffffff;margin-top: 50px; }
.red-btn:hover,.red-btn:focus { text-decoration: none;color:#ffffff; }
.red-btn span:after { content: "\f104";font-family: 'FontAwesome'; font-size: 120%;line-height: 1;display: inline-block;vertical-align: bottom;left: -6px;
                  transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: all 350ms ease-in-out;-webkit-transition: all 350ms ease-in-out;opacity: 0; position: absolute;left: -6px; }
.red-btn:hover span:after { left:0;opacity: 1; }
.red-btn:hover span  { transform: translateX(7px);-webkit-transform: translateX(7px); }
.red-btn span        { display: inline-block;transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;text-align: center;position: relative; }

.red-btn.smaller     { font-size: 140%;white-space: nowrap;padding: 8px 20px;margin-top: 15px; }*/


@media(max-width:991px) {
   .red-btn { margin-top:10px; }   
   .red-btn span:after  { display:none; }
}

@media(max-width:767px) {
   .red-btn.smaller { font-size: 130%;padding: 8px 15px;margin-top: 5px; }
}


/*------------------------------------*\
    JQUERY UI SELECTBOX
\*------------------------------------*/
.ui-selectmenu-button.ui-button { border: 1px solid #eeeeee59; border-radius: 10px; text-align: right; width: 100%; font-family: inherit; font-size: 120%; padding: 8px 15px 7px 0; height: 40px; }
.ui-button .ui-icon { display: none; }
.ui-selectmenu-text { margin-right: 0; }
.ui-selectmenu-menu { max-height: 0px;overflow: hidden;display: block;transition: max-height 350ms ease-in-out;-webkit-transition:max-height 350ms ease-in-out; font-size: 120%; }
.ui-selectmenu-open { max-height: 1000px;transition: max-height 350ms ease-in-out;-webkit-transition:max-height 350ms ease-in-out; }
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu.ui-widget-content .ui-state-active { background: transparent;color: #5586A2; }
.ui-widget-content .ui-state-active, .ui-widget-content .ui-state-default:hover { background: transparent;border: 0;color: #5586A2; }
.ui-state-active { padding: 4px 25px; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0; }
.ui-state-disabled { display: none; }

.select-wrapper .ui-selectmenu-button.ui-button { background: transparent; color: #fff; }
.ui-widget.ui-widget-content { background: #fff; color: #000; margin-left: 0; margin-right: auto; font-size: 90%; border: none; }
.select-wrapper .ui-selectmenu-text { font-size: 90%; line-height: 1; }

@media(max-width:767px) {
.ui-selectmenu-button.ui-button { font-size: 120%;line-height:1.5; padding: 8px 10px; }
}


/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/
@-webkit-keyframes upAnddown {
    from {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
    }
    to {
        -webkit-transform: translateY(0);
    }
}

@keyframes upAnddown {
    from {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes upAnddown {
     from {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.fadeup { opacity:0;transform:translateY(20px);  }
.fadeup2 { opacity:0;transform:translateY(70px); }
.fadeInFast { opacity:0; }


/*------------------------------------*\
   GRID TOP
\*------------------------------------*/
.topImage            { position: relative;height:480px;background-position: center center;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.topImageText { position: absolute; top: calc(50% + 30px); left: 50%; width: 40%; background: transparent; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center; }
.topImagesTitle      { font-size: 400%;margin-top: 0;line-height: normal; margin-bottom:0; color: #fff; text-transform: uppercase; }

.topImage .opacity-layer { position: absolute; top: 0;left: 0;right: 0;bottom: 0;background: rgba(18, 18, 18, 0.4); }

.topImageText.no-bg { background: transparent;color: #ffffff; top: 52%; top:calc(50% + 40px); }
.topImageText.no-bg:before { border: 0; }
.page-top .topImage .topImageText { width: 100%; }
.topImageText.no-bg:after  { border: 0; }
/*.topImageText.no-bg .topImagesTitle { font-size: 550%;margin-bottom:0; }*/
.topImageCaption h3 { font-size: 250%; margin-top: 0px; font-family: 'Font37HEB-Regular'; }
.page-top .opacity-layer { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(18, 18, 18, 0.5); }
.page-top .topImage   { height:640px; }
.page-top .scroll-down { position: absolute; bottom: 0; left: 50%; z-index: 4; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; }
.page-top .scroll-down svg { overflow: visible; width: 100%; max-width: 35px; filter: invert(1); animation: upAnddown 1s infinite linear; }

@media(max-width:1440px) {
   .topImageText { width:50%; }
   .page-top .topImage  { height:540px; }
   .topImageText.no-bg .topImagesTitle  { font-size:500%; }
}
@media(max-width:991px) {
   .topImageText { width:75%; }
   .topImage,.page-top .topImage        { height:520px; }   
}

@media(max-width:767px) {
   .topImageText { width:100%;padding:30px 20px; }
   .topImage,.page-top .topImage        { height:360px; }
   .topImagesTitle  { font-size:290%; }
   .topImageText.no-bg .topImagesTitle  { font-size: 280%; }
   .topImageCaption h3  { font-size:120%; }
   .topImage .topImageText { width: 100%; }

}

/*------------------------------------*\
   PAGE SECTIONS
\*------------------------------------*/
section:not(.topSlider)          { margin: auto; padding: 80px 0px 0px; overflow: hidden; text-align:center; position:relative; }

.category-box .img-holder        { padding-bottom:21vh;position: relative;overflow:hidden; }
.chefs-cubes a.category-box.large .img-holder { padding-bottom: 40%; }
a.category-box.large .img-holder { padding-bottom: 0; overflow: inherit;}
          
.category-box .img-holder img    { position: absolute;top: 50%;bottom: 0;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left: 50%; transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out; }
a.category-box h3                { font-size: 150%;margin-bottom:0;margin-top: 10px; }
a.category-box:hover,a.category-box:focus             { text-decoration: none; }
a.category-box:hover h3, a.category-box:focus h3      { color: #C7553B; }

a.category-box p                 { font-size: 110%;max-width: 85%;margin: auto;margin-top: 2px;line-height:1.1; }
a.category-box.no-cursor         { cursor: default; }

a.category-box.grad-box h3.text-holder { color: #C6553C;margin-top: 10px; }





/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer          {  }

#SiteHeaderContainer    { color:#000000; padding:0px;position: fixed;width: 100%; top: 0;z-index:5; }
#SiteGridContainer      {  }
#SiteFooterContainer { background-color: #5e4b42; padding: 0px; }

#SiteHeader             { max-width: none; margin-left: auto; margin-right: auto; padding: 20px; background: #ffffff; transition: background 200ms ease-in-out, padding 200ms ease-in-out; -webkit-transition:background 200ms ease-in-out, padding 200ms ease-in-out; }
#SiteFooter             { max-width: 1270px; margin-left: auto; margin-right: auto; overflow:hidden; }
#SiteGrid               { max-width:none; padding:0px; margin:0 auto; overflow:hidden; }

#GridRight              { float:right; width:250px; margin-left:40px; }
#GridPage               {  }
#GridLeft               { float:right; display:none; }
#GridTop                {  }
#GridContent            { max-width: 1270px;margin: auto; }
#GridFooter             {  }

#PageLeft               { }
#PageRight              { }
#PageMenu               { }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }

.stick-btns { position: fixed; bottom: 5px; left: 10px; z-index: 2; display: none; }
.stick-btns > a { width: 35px; display: block; margin: 0 auto 5px; }
.stick-btns > a#contact-btn { width: 65px; }

#PageView .link-wrapper { text-align: center; }


@media (min-width:1170px) and (max-width:1439px) { #SiteHeader  { padding:20px 10px; }
}

@media (max-width: 1170px)  { 
    #GridLeft           { display:none; } 
}

@media (max-width: 1170px) {
    /*#SiteHeaderContainer    { padding:0 5px; }
    #SiteGridContainer      { padding:0 5px; }*/
}

@media (max-width: 991px)  { 
    #GridPage               { float:none; width:100%; }
}

@media (max-width:767px) {
    #GridRight { float: none; width: 100%; margin: 0 auto; }
    .stick-btns > a#contact-btn { width: 55px; }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) { #side-collapse-menu {width:100%} }

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header {margin-top: 10px;}
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px){
#search_form_header_input_continer       { text-align: center;display: inline-block;margin: 0 auto;width: 100%; }
#search_form_header_input                { display:inline-block; }
#search_form_header_submit               { width: 40px;display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel {border:0px; border-radius:0; border-top:1px solid #ECECEC;box-shadow:none; -webkit-box-shadow:none;padding:14.5px 0; margin:0;   }
.accordion .panel:nth-child(2n) {background-color:#EDEDED;}
.accordion .panel:last-child {border-bottom:1px solid #ddd;}
.accordion .panel-title {width:95%;}
.accordion .panel-title>a { width: 100%; right: 0; top: 0;  font-size:24px; font-family:ogen; }
.accordion .panel-title>a:hover { text-decoration:none; }
.accordion .panel-title>a:focus { text-decoration:none; }
.accordion .panel-collapse.collapse.in {   }
.accordion .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; position:relative; margin-bottom:10px; margin-top:10px; margin-right:15px; } 
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0;border-radius: 0px; }
.accordion .panel-title>a:after { content: " "; display: block;width: 20px; height: 20px; float: left; background-image:url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/plus.png');background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after {background: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center;  }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px){
    .panel.panel-default div p {padding-left:0;padding-right:30px;padding-top:5px;width:90%;}
    .accordion .panel-title>a:after {position:absolute;left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default>.panel-heading {padding-right:0;}
    .accordion .panel-title>a {padding-right:0; font-size:20px;font-weight:bold;}
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px;margin-bottom: 30px; direction:ltr;}
.owl-nav {  }
.owl-item {text-align:center; height:400px; overflow:hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }


/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader {position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10;}
.lightbox-gallery .lightbox-gallery-item

/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/

.lightbox-galleryVideo .lightbox-gallery-loader {position: absolute; top: 50%; left: 50%; z-index: 10;}
.lightbox-galleryVideo .lightbox-gallery-item {}


.popUpVideo .modal-header {border:none;}

.popUpVideo .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.popUpVideo .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.popUpVideo .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    background: none;
    box-shadow: 0px 0px 0px;
    border: none;
}


.popUpVideo .modal-body iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.popUpVideo .modal-backdrop.fade.in {
    z-index: 0;
}
.popUpVideo .close {opacity:1 !important; color:#fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

/*.breadcrumbs    { position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width:100%; }*/ 

    
.breadcrumbs a:link         { 
    text-decoration: none !important;
    display: inline-block; 
}

#PageBreadCrumps { max-width: 1200px; padding: 0 15px; margin: 15px auto; font-size: 80%; color: #000; }
.breadcrumbs a { color: #808080; }
.breadcrumbs a:first-child { background-image: none; padding-right: 0; }
.breadcrumbs a:visited      { text-decoration: none !important;  }    
.breadcrumbs a:hover        {  text-decoration: underline;  }
.breadcrumbs a:last-child   { color: #000; }
.breadcrumbs a:before       { content: ">";font-family: monospace;font-size: 90%;padding: 0px 5px;color: #000000; }
.breadcrumbs a:first-child:before { content: "";padding: 0; }

nav#PageBreadCrumps2        { display:none; }





/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu              {  }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default {border:0; background-color:transparent;}
#rightMenu .navbar {min-height:0; margin-bottom:0;}
#rightMenu .navbar-header {float:right;}

@media(max-width:767px){ #rightMenu .navbar-header {float: none; width: 100%; margin: 0;} }
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

/*.mrw-dynamic-form {
    position:relative;
}*/

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error {
    display: none;
    color: #ffffff;
    z-index: 9999;
    font-size: 150%;
}

.mrw-dynamic-form .form-messages {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.65);
}
.mrw-dynamic-form i.fa.fa-check,.mrw-dynamic-form i.fa.fa-circle-o-notch.fa-spin { color: #FCB040; }
.mrw-dynamic-form .error-message    { color:red; display:none; }
.mrw-dynamic-form .mrw-form-label   { font-weight:normal; }
.mrw-dynamic-form .form-group > div { margin-bottom:30px; }
.mrw-dynamic-form .form-control {
    border: 0;
    color: #000;
    background: #eeeeee;
    font-size:80%;
    padding-right: 10px;
    position: relative;
    cursor: text !important;border-radius:0;height:50px;
 }


button, input[type=reset], input[type=submit]  { -webkit-appearance:none; border-radius:0; }
.mrw-dynamic-form label.error      { color:#C6553C; position:absolute; top:5px; left:25px; font-weight:normal; }
.mrw-dynamic-form .form-control.error { border-color:red; }

.mrw-dynamic-form input::-webkit-input-placeholder,.mrw-dynamic-form textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color:#000000;font-size:100%; }
.mrw-dynamic-form input:-moz-placeholder, .mrw-dynamic-form textarea:-moz-placeholder,select:-moz-placeholder { color:#000000; opacity:1; }
.mrw-dynamic-form input::-moz-placeholder, .mrw-dynamic-form textarea::-moz-placeholder, select::-moz-placeholder { color:#000000; opacity:1; }
.mrw-dynamic-form input:-ms-input-placeholder, .mrw-dynamic-form textarea:-ms-input-placeholder,select:-ms-input-placeholder {  color:#000000;}

.select-wrapper.no-select input#workshopDatesText::-webkit-input-placeholder { color:#ffffff;opacity:1; }
.select-wrapper.no-select input#workshopDatesText:-moz-placeholder { color:#ffffff;opacity:1; }
.select-wrapper.no-select input#workshopDatesText::-moz-placeholder { color:#ffffff;opacity:1; }
.select-wrapper.no-select input#workshopDatesText:-ms-input-placeholder { color:#ffffff;opacity:1; }


.mrw-dynamic-form .form-control[type=checkbox] { width: 17px;height: 17px;border: 1px solid;margin-left: 5px;margin-left: 5px;background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/contact/v_25.png);background-color:transparent;cursor:pointer !important;
    border-radius: 0;background-position: 2px;background-size: 75%;background-repeat: no-repeat;box-shadow: none;cursor: pointer;display: inline-block;-webkit-appearance: none;
    -moz-appearance: none; border-radius: 0; }
.mrw-dynamic-form .form-control[type=checkbox].checked { background-size: 0; }

.form-checkbox { font-size: 115%;text-align:right; }
label.mrw-form-label { vertical-align: top; }

.mrw-dynamic-form .form-bottom { margin-bottom: 0;margin-top: 30px; }


section#contact-section { background: #ebebeb;padding: 40px 75px 20px;border-bottom: 3px solid #C6553C;margin-top: 40px;margin-bottom: 50px; }
h2.contact-form-title { font-size: 300%;margin-top: 0;margin-bottom: 10px; width: 100%;}
h2.contact-form-title, .contact-form-text { text-align: right; }
.contact-form-text span { display: block; }
.contact-form-text span a { color: #000; text-decoration: underline; }
.mrw-dynamic-form .form-control { background: transparent; border: 1px solid #000000; text-align: right; direction:rtl;}
.mrw-dynamic-form textarea.form-control { height: 110px; }
.col-xs-12.col-sm-6.col-md-3.button-holder.pull-right { float: none !important;display: inline-block; }

.mrw-dynamic-form .form-group > div.form-bottom { font-size: 165%;margin: 0;margin-bottom: 0; }
.mrw-dynamic-form .form-group > div { margin-bottom:20px;padding: 0 10px; }
.mrw-dynamic-form .form-bottom a { color: inherit; }



.submitWrapper .siteBtn { width: 100%; max-width: 160px; background: transparent; }


/*DATE PICKER*/
.ui-datepicker .ui-datepicker-header    { font-family: inherit;background: #FBB042; border-radius: 0; border: 0;}
.ui-datepicker .ui-datepicker-title,.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year     { font-family: inherit; }
.ui-widget.ui-widget-content            { border-radius:0px; font-family: inherit; }
.ui-widget-content .ui-state-default    { background: #ffffff;color: #000000;border: 1px solid; }
.ui-widget-content .ui-state-active,.ui-widget-content .ui-state-default:hover     { background: #FBB042; }
.ui-widget-content                              { color:#231f20 ;    font-family: days;}






@media(max-width:991px) {
    input.form-submit { height: 60px; }
    section#contact-section  { padding:40px 45px 20px; }
    label.mrw-form-label { vertical-align: bottom; width: calc(100% - 20px); }
    .mrw-dynamic-form .form-group > div.form-bottom { margin-top:15px; }
    .mrw-dynamic-form .mail .form-control   { background-position-x: 99%; }
    .mrw-dynamic-form textarea.form-control { background-position-x:99%; }
}
@media(max-width:767px) {
    .mrw-dynamic-form .form-group > div.form-bottom  { font-size:132%; }
    .mrw-dynamic-form .form-group > div.form-bottom { margin-top: 15px;margin-bottom: 0px; }
     section#contact-section   { padding:25px 15px 20px; }
     .mrw-dynamic-form textarea.form-control    {     background-position-x: 98%; }
     input.form-submit  { height:50px; }
     .mrw-dynamic-form .mail .form-control  { background-position-x: 98%; }
}


/*------------------------------------*\
    Newletter Form Wiget
\*------------------------------------*/

/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/
#contact-form-wiget .mrw-form-label { }
#contact-form-wiget .form-control           { }
#contact-form-wiget .form-submit            { }

@media(max-width:991px) {
    /*#contact-form-wiget { display: none; }*/
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox   { text-align:center; background-color:#1c1c1c; padding:15px; }

#loginBox .loginBox-guest-hello     { color:#F68B1F; line-height:24px; margin-bottom:10px; }
#loginBox .firstSentence      { font-size:130%; }
#loginBox .secondSentence     { font-size:165%; }

#loginBox #LoginBox-Buttons         { padding-top:20px; }
#loginBox #LoginBox-Buttons a       { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; margin:0px 5px; text-decoration:none; cursor:pointer; }

#loginBox #LoginBox-SignIn          {  width:100%; margin-left:auto; margin-right:auto;  overflow:auto; }
#loginBox #LoginBox-SignIn .login-field     { margin-bottom:12px; border-radius:3px; border: none; width:100%; padding:5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit    { float:left; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; cursor:pointer; text-decoration:none; }

#loginBox #LoginBox-SignIn .forgetPass      { float:left; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }
#loginBox #LoginBox-SignIn .user-register      { float:right; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }

#loginBox .loginBox-user-hello      { color:#F68B1F; line-height:24px;  }
#loginBox .loginBox-user-buttons    { padding-top:20px; }
#loginBox .loginBox-user-buttons a  { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:110%; padding:2px 12px; margin:0px 2px; text-decoration:none; cursor:pointer; margin-bottom:10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;

    padding:5px;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 300px;
    /*-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;*/
    opacity: 1;
}



@media(max-width:1170px) {
    .dropdown .dropdown-menu { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; max-height: 0; display: block; overflow: hidden; opacity: 0; float: none; }
    .dropdown.open .dropdown-menu {max-height: 200px;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;opacity: 1;}
}







/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor         { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline       { text-align:center; }
#headline h1 { font-family: 'Font37HEB-Regular', sans-serif; font-size: 300%; position: relative; display: inline-block; z-index: 1; letter-spacing: -1.4px; }

#subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #59595B; font-weight: normal; margin-bottom:10px;  }

#writer         { margin-bottom: 5px; font-weight: normal; }
#text1          { margin-top: 20px; margin-bottom:  20px; }
#text1 strong   { }
#text1 b        { }

#body p         { font-size: 135%;max-width: 840px;margin: auto;text-align: center;/*font-family:'reforma';*/ }

#video          { margin-bottom:  20px; }
#video video    { width: 100%; height: auto; }

#remarks        { font-size: 90%; }

/*h3              { font-size: 100%; }*/
h4              {  }

.picD           { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#lobby          { margin-bottom:30px;margin-top:80px; }


@media(max-width:991px) {
   #lobby #body { max-width:90%;margin:auto; }
   #lobby   { margin-top:30px; }
   #body p  { line-height: 1.2; }
    .text-holder-reg p { line-height: 1.2; }
}

@media(max-width:767px) {
  #lobby #body p,#body p,section .text-holder-reg { font-size:90%; }
  #lobby   { margin-top:20px; }
  #headline h1       { font-size:225%; line-height: 1; }
}
@media (max-width: 370px)  { 
    #headline h1   { font-size:240%; }
}

/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg   { margin: 0px; }

.no-pad    { padding: 0px; }

.p-vert    { display: table; }

.c-vert    { display: table-cell; vertical-align: middle; }

.f-h       { height: 100%; }

.f-w       { width: 100%; }

.margin-auto { margin:0 auto }

@media (max-width: 767px)  { 
    .row            { margin:0px -5px; }
    .row > div      { padding:0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align   { display: table; height: 100%; width: 100%; /*pointer-events: none;*/ }
.vertical-align-center  { display: table-cell; vertical-align: middle; /*pointer-events: none;*/ text-align:center; }

#mrw-modal-1    { }
#mrw-modal-1 .modal-content     { border-radius:0px; background-color:transparent; display:inline-block; pointer-events: all; }




a.close { position: absolute;top: -40px;text-shadow: none;right: 0;opacity: 1;direction: rtl;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%); }
a.close svg { width: 25px;height: 25px;fill: #ffffff; }

.close:hover, .close:focus { opacity: 1; }




.reg-pop .modal-content  { width: 860px;border-radius: 0;margin: auto;border:0; }
.reg-pop .modalRight, .reg-pop .modalLeft { float: none;display: table-cell;vertical-align: top;text-align: right; }
.reg-pop .modalLeft             { height: 100%;padding-top: 0;padding-bottom: 0;padding: 0;overflow:hidden; }
.reg-pop .modal-content h3      { font-size: 135%; }
.reg-pop .all-content           { display: table;width: 100%;direction:rtl;padding:40px 30px;min-height:480px; background: #fff; }


.reg-pop .modalRight h2 { font-size: 250%; margin-top: 0; text-align: left; margin-bottom: 0px; color: #fbb040; margin-bottom: 10px; text-align: right; }
.reg-pop .description { font-size: 150%; line-height: 1.2; font-family: 'Font37HEB-Regular'; }
.reg-pop .contentText { position: relative; font-size: 95%;min-height:15vh; }
.reg-pop .contentData { font-size: 120%;margin-top: 10px;line-height:1.2;height: 275px;overflow-y: auto;direction:ltr;padding-right:2px; padding-right: 7px; margin-right: -7px; }
.reg-pop .contentData::-webkit-scrollbar { width: 5px; } 
.reg-pop .contentData::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); } 
.reg-pop .contentData::-webkit-scrollbar-thumb { background-color: #cccccc; }


.reg-pop .modalLeft img { max-height: 450px;overflow: hidden;float: left; }
#grad-pop .modalLeft img { position:absolute;top:0;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%); } 

.reg-pop .modalLeft.mobile         { display:none; }
@media (max-width:1440px){
    .reg-pop .modal-content      { width:800px; }
    .reg-pop .modalLeft img      { max-height:400px; }
}


@media (max-width:991px){
    .reg-pop .modal-content      { width:500px; }
    .reg-pop .all-content        { display: block;} 
    .reg-pop .modalLeft img { max-height: 350px;float:none; }

    .reg-pop .modalRight, .reg-pop .modalLeft { display: block;width: 100%; }
    .reg-pop .modalLeft { text-align:center; }
     .reg-pop .modalLeft   { padding-bottom:30px; }
    .reg-pop .contentText    { font-size:100%; }
    .reg-pop .modalLeft.mobile         { display:block; }
    .reg-pop .modalLeft.desktop         { display:none; }
        .reg-pop .contentData   { height:340px; }

}

@media (max-width:767px){
    .reg-pop .contentText    { min-height:30vh;}
   .reg-pop .all-content     { display: block;max-height:80vh;overflow:auto;padding:20px 15px;direction:ltr; }
   .reg-pop .modalRight, .reg-pop .modalLeft { display: block;width: 100%; }
   .reg-pop .modalLef    { height: 150px; }
    .reg-pop .close svg              { width: 20px; height: 20px; }
    .reg-pop a.close                 { top: -30px; }
    .reg-pop a.close span            { display: none; }
    .reg-pop a.close span.xIcon      { display: inline-block;margin-left: 0; }
    .reg-pop .modal-content          { width: 90vw; margin-right: 5vw;margin-left: auto; }    
    .reg-pop .modalRight h2 { font-size:180%; }
    .reg-pop .modalRight  { padding-top:10px;padding-bottom:20px; }
}


.contact-pop .modal-content { width: 860px; border-radius: 0; margin: auto; border: 0; background: #ebebeb; }
.contact-pop .all-content { display: table; width: 100%; direction: rtl; padding: 40px 80px; min-height: 480px; }
.contact-pop h2.contact-form-title { color: inherit; font-size: 200%; margin-top: 0; margin-bottom: 30px; }
.contact-pop .mrw-dynamic-form .form-group > div.form-bottom { font-size: 100%; }
.contact-pop .mrw-dynamic-form .form-group > div:not(.form-bottom):not(.form-checkbox):after, .contact-pop .mrw-dynamic-form .form-group > div:not(.form-bottom):not(.form-checkbox):before { display: none; }
.contact-pop .mrw-dynamic-form .form-control { background-color: #fff; }
.contact-pop .mrw-dynamic-form .form-group > div.form-checkbox { position: unset; color: #000; }
.contact-pop .mrw-dynamic-form .form-control[type=checkbox] { background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/contact/v_25.png); border: 1px solid; }
.contact-pop .form-bottom-text { font-size: 165%; color: #000; }
.contact-pop .mrw-dynamic-form .form-group > div { margin-bottom: 20px; }
.contact-pop .mrw-dynamic-form .form-group > div.form-bottom { margin: 0; }
.contact-pop .mrw-dynamic-form textarea.form-control, .contact-pop input.form-submit { height: 50px; }
.contact-pop .mrw-dynamic-form textarea.form-control#content { height: 110px; background-position: calc(100% - 4px) 8px; }
.contact-pop .contact-form-text { display: none; }
.contact-pop .col-xs-12.col-sm-6.col-md-3.button-holder { width: 33%; }
.contact-pop .button-holder .submitWrapper:after { top: 26px; left: 30%; }
.contact-pop .button-holder .submitWrapper:hover:after { left: 35%; }

@media (max-width:991px) {
    .contact-pop .modal-content { width: 500px; }
    .contact-pop .all-content { display: block; }
}

@media(max-width:767px) {
    .contact-pop .modal-content { width: 90vw; margin-left: 5vw; }
    .contact-pop .all-content { display: block; max-height: 80vh; overflow: auto; padding: 15px 15px; }
    .contact-pop h2.contact-form-title { margin-bottom: 14px; font-size: 150%; }
    .contact-pop .mrw-dynamic-form textarea.form-control { background-position: calc(100% - 4px) 8px; height: 90px; background-size: 22px; padding-right: 33px; }
    .contact-pop .mrw-dynamic-form .form-group > div { margin-bottom: 14px; }
    .contact-pop .mrw-dynamic-form .name .form-control,
    .contact-pop .mrw-dynamic-form .phone .form-control,
    .contact-pop .mrw-dynamic-form .mail .form-control { height: 40px; background-size: 22px; padding-right: 34px; }
    .contact-pop .col-xs-12.col-sm-6.col-md-3.button-holder.pull-right { margin-bottom: 0; width: 100%; margin-top: 0px; }
    .contact-pop .mrw-dynamic-form .form-control { font-size: 115%; }
    .contact-pop input.form-submit { height: 40px; font-size: 140%; }
    .contact-pop .mrw-dynamic-form .form-group > div.form-bottom { margin-bottom: 0; margin-top: 10px; }
    .contact-pop .form-bottom-text { font-size: 120%; }
    .contact-pop .mrw-dynamic-form .form-bottom a { display: inline-block; }
    .contact-pop .mrw-dynamic-form .form-group > div.form-checkbox { margin-bottom: 5px; }
}



#newsletter-form { display: flex; position: relative; flex-direction: column; background: #FFF7EB; padding: 45px 140px 85px; }
#newsletter-form h2.contact-form-title { margin: 0 auto 25px; font-size: 235%; max-width: 1270px; padding: 0 15px; }
#newsletter-form .form-group { padding: 0 15px; position: relative; display: flex; gap: 10px; max-width: 1270px; width: 100%; margin: 0 auto; }
#newsletter-form .form-group::before, #newsletter-form .form-group::after { display: none; }
#newsletter-form .form-group > div { padding: 0; margin: 0; width: 33.33%; max-width: 300px; }
#newsletter-form .form-group > div.col-md-4 input { height: 40px; }
#newsletter-form .form-group .notes { position: absolute; top: 100%; width: 100%; max-width: 50%; }
#newsletter-form .form-group .notes .form-checkbox { padding: 10px 0 0; display: flex; font-size: 100%; gap: 10px; }
#newsletter-form .form-group .notes .form-checkbox input { margin: 0; padding: 0; min-width: 14px; min-height: 14px; height: 14px; width: 14px; background-size: 65%; }
#newsletter-form .form-group .notes .form-checkbox label { line-height: 1.1; margin: 0; font-size: 75%; }
#newsletter-form .form-group .button-holder { width: 140px; min-width: 140px; margin-right: 10px; }
#newsletter-form .form-group .button-holder input { padding: 0; display: flex; justify-content: center; font-size: 115%; }

@media(max-width:1024px) {
    #newsletter-form { padding: 50px 20px; }
    #newsletter-form h2.contact-form-title { padding: 0; text-align: center; line-height: 0.9; }
    #newsletter-form .form-group { flex-wrap: wrap; justify-content: center; padding: 0; gap: 20px 10px; }
    #newsletter-form .form-group > div { width: calc(50% - 5px); max-width: unset; }
    #newsletter-form .form-group > div.mail { width: 100%; }
    #newsletter-form .form-group > div.col-md-4 input { height: 45px; }
    #newsletter-form .form-group .notes { position: relative; top: unset; max-width: unset; margin-top: -5px; }
    #newsletter-form .form-group .notes .form-checkbox { padding: 0; gap: 5px; }
    #newsletter-form .form-group .notes .form-checkbox label { font-size: 70%; }
    #newsletter-form .form-group .button-holder { width: 160px; min-width: 160px; margin-right: 0; }
    #newsletter-form .form-group > div label.error { font-size: 60%; top: 5px; left: 10px; }
}


/*------------------------------------*\
    #Grids
\*------------------------------------*/
.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center; }
    .grid-view .grid-box-image { padding-bottom: 56%; position: relative; overflow: hidden; }
    .grid-view .grid-box-image a { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
    .grid-view .grid-box-image img { margin: 0 auto; max-width: 100%; }



    .grid-view.center-elements .row { font-size: 0px; text-align: center; }
    .grid-view.center-elements .row > div { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/

/*Font37*/

@font-face { font-family: 'Font37HEB-Regular'; src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Regular.eot'); src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Regular.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Regular.woff2') format('woff2'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Regular.woff') format('woff'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Font37HEB-Blocks'; src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Blocks.eot'); src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Blocks.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Blocks.woff2') format('woff2'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Blocks.woff') format('woff'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/Font37HEB-Blocks.otf') format('opentype'); font-weight: normal; font-style: normal; }


/*NewOrder*/

@font-face { font-family: 'NewOrder-Bold'; src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Bold.eot'); src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Bold.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Bold.woff2') format('woff2'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Bold.woff') format('woff'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Bold.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NewOrder-Medium'; src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Medium.eot'); src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Medium.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Medium.woff2') format('woff2'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Medium.woff') format('woff'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-Medium.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NewOrder-SemiBold'; src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-SemiBold.eot'); src: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-SemiBold.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-SemiBold.woff2') format('woff2'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-SemiBold.woff') format('woff'), url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/fonts/NewOrder/NewOrder-SemiBold.otf') format('opentype'); font-weight: normal; font-style: normal; }

    /*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

    #popup-modal .vertical-alignment-helper { display: table; height: 100%; width: 100%; }

    #popup-modal .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; }

    #popup-modal .modal-header { border: none; padding: 0px; }

    #popup-modal .close { display: block; float: none; margin: 0 auto; opacity: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; right: auto; }

    #popup-modal .close span { color: #fff; }

    #popup-modal .modal-body { text-align: center; }

    #popup-modal .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; }

#popup-modal2 .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
#popup-modal2 .vertical-align-center { display: flex; vertical-align: middle; z-index: 99999; top: 50%; -webkit-transform: translateY(-50%); }
#popup-modal2 .modal-header { border: none; padding: 0px; }
#popup-modal2 .close { display: block; float: none; margin: 0 auto; opacity: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; right: auto; }
#popup-modal2 .close span { color: #fff; }
#popup-modal2 .modal-body { text-align: center; padding: 35px; }
#popup-modal2 .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; margin: auto; }


    .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
    .vertical-align-center { display: table-cell; vertical-align: middle; }

    @media(max-width: 767px) {
        #popup-modal2 .vertical-alignment-helper { position: relative; }
        #popup-modal2 .vertical-align-center { top: 50% !important; position: absolute; }
    }


    /*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



    .lightbox-gallery { position: relative; min-height: 250px; }
    .lightbox-gallery-item { display: none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
    .blueimp-gallery > .close, .blueimp-gallery > .title { top: 65px; display: block; }
    .blueimp-gallery a.next { display: block !important; }
    .blueimp-gallery a.prev { display: block !important; }
    .blueimp-gallery ol.indicator { display: block !important; }
    .blueimp-gallery a.play-pause { display: block !important; }

    #blueimp-gallery { display: none; }

    /*------------------------------------*\
    GALLERY COMPONENTS - OWL CAROUSEL
\*------------------------------------*/
    /*.owl-prev { color: #ffffff; z-index: 4; right: 20px; font-size: 450%; opacity: 1 !important; cursor: pointer; display: block; background-size: cover; background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/slider/gallery-arrow-right.png); width: 50px; height: 50px; background-position: center center; }
    .owl-next { color: #ffffff; z-index: 4; left: 20px; font-size: 450%; opacity: 1 !important; cursor: pointer; display: block; background-size: cover; background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/slider/gallery-arrow-left.png); width: 50px; height: 50px; background-position: center center; }*/

    /*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


    .flexslider { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); overflow: hidden; margin-bottom: 0; }

    .flexslider .flexslider-item { display: block; /*min-height: 200px;*/ padding-bottom: 40%; background-size: cover; background-position: center center; pointer-events: none; }

    .flexslider .slides > li { position: relative; }

    .flexslider .flex-control-nav { bottom: 120px; z-index: 4; }
    .flex-control-paging li a.flex-active { background: #000; cursor: default; }
    .flex-control-paging li a { background: #ffffff; width: 13px; height: 13px; box-shadow: none; }
    .flexslider .flexslider-item { position: relative; }
    .flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
    .flexslider-item-title { text-align: right; color: #fff; font-size: 140%; }
    .flexslider-item-description { text-align: right; color: #fff; }
    .flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%; }

    .flex-direction-nav a { opacity: 1; color: #ffffff; top: auto; bottom: 20px; width: 50px; height: 50px; z-index: 3; }
    .flex-direction-nav .flex-prev, .flexslider:hover .flex-prev { left: 30px; opacity: 1; }
    a.flex-next, .flexslider:hover .flex-next { left: 90px; opacity: 1; }
    .flex-direction-nav a:before { content: ""; background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/slider/gallery-arrow-left.png); width: 50px; height: 50px; background-size: cover; background-position: center center; }
    .flex-direction-nav a.flex-next:before { content: ""; background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/slider/gallery-arrow-right.png); width: 50px; height: 50px; background-size: cover; background-position: center center; }

    .flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #FCB040; }

    @media(max-width:767px) {
        .flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
    }


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/
.footerContact { padding: 20px 0 50px; }

.footerlinksDesktop { display: -webkit-box; display: -ms-flexbox; display: flex; grid-gap: 50px; font-weight: 300; position: relative; }
.footerlinksDesktop:before { content: ""; position: absolute; top: 41px; left: 0; width: 100%; height: 1px; background: #fff; }
.footerlinksDesktop:after { content: ''; position: absolute; bottom: -30px; left: 0; background: #fff; width: 100%; height: 1px; }

.footerBlockContentWrapper { display: flex; }
.footerBlockContent { padding-left: 40px; min-width: 100px; color: #fff; position: relative; }
.footerBlockContent[data-id="5"] { order: 1; }
.footerBlockTitle { margin-bottom: 28px; font-size: 90%; }
.footerBlockItem { text-align: right; color: #fff; }
.footerBlockContent > ul { list-style-type: none; padding: 0; margin: 0; }
.footerBlockContent > ul > li { padding-bottom: 7px; }
.footerBlockContent > ul > li a { color: #fff; font-size: 80%; }

.footerlogosDiv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.logowrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; gap: 20px; margin-bottom: 20px; }
.logowrap svg { max-height: 50px; overflow: visible; width: auto; }
.footerSocialLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.footerSocialLinks svg { width: 20px; height: 15px; }

.footer-text { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; }
.footer-text > p { padding: 0 3px}
.footer-text a { color: #fff; }
@media(max-width: 1440px) { 
    .logowrap svg { min-width: 110px; }
}
/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/
#UnderSiteFooterContainer { background: #252525; }
#UnderSiteFooter { padding: 14px; }
#UnderSiteFooter img { max-width: 150px; image-rendering: -webkit-optimize-contrast; }

@media(max-width:767px) {
    #UnderSiteFooter img, .logowrap svg { max-width: 150px; }
    .logowrap svg:nth-child(2) { order: 1; }
}


/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

    .col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

    .col-xs-15 { width: 20%; float: left; }

    @media (min-width: 768px) {

        .col-sm-15 { width: 20%; float: left; }
    }

    @media (min-width: 992px) {
        .col-md-15 { width: 20%; float: left; }
    }

    @media (min-width: 1200px) {
        .col-lg-15 { width: 20%; float: left; }
    }


    /*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

    .bootbox { text-align: center; }
    .bootbox .modal-footer { text-align: center; }
    .bootbox .modal-footer button { margin: 10px; }
    .bootbox .modal-footer .btn + .btn { margin-bottom: 10px; }
    .bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

    @media(max-width:767px) {
        .bootbox .modal-dialog { width: 80%; }
    }

    #workshop-closed .all-content { min-height: 250px; font-size: 220%; direction: rtl; }
    #workshop-closed h1:after { content: ""; border-bottom: 12px solid #FBAF3F; position: absolute; width: 100%; left: 0; bottom: 10.5px; z-index: -1; }
    #workshop-closed h1 { position: relative; font-size: 170%; position: relative; display: inline-block; z-index: 1; }

    @media(max-width:767px) {
        #workshop-closed .all-content { font-size: 160%; }
        #workshop-closed h1:after { border-bottom: 5px solid #FBAF3F; }
    }

/*------------------------------------*\
    HomePage - New
\*------------------------------------*/
.topSlider .home-caption { position: absolute; top: 50%; left: 50%; display: block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; color: #ffffff; font-family: 'Font37HEB-Regular'; text-align: center; }
.home-caption h1 { font-size: 655%; margin: 0; line-height: 1; }
.home-caption h2 { font-size: 400%; line-height: 1; }

#hero-video .slides li { height: 100vh; padding-bottom: 0; position: absolute; width: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 2s ease-out; transition: all 2s ease-out; bottom: 0; right: 0; }
#hero-video li.active.flex-active-slide { width: 100vw !important; height: calc(125vh - 80px); }
#hero-video li.active.test.flex-active-slide { width: 100vw !important; height: 100%; }
#hero-video.flexslider .flexslider-item { height: 100%; }

#hero-video .TopVideo { pointer-events: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; }
#hero-video iframe { width: 120vw; height: 120vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
#hero-video .opacity-layer, #hero-video button.mute-player { display: none; }

#hero-video .flexslider-item.video-slide button { background: transparent; border: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 2; }
#hero-video button.unmute-player:after { content: "\f028"; font-family: 'FontAwesome'; color: #ffffff; font-size: 170%; }
#hero-video .flexslider-item.video-slide #player-controls { position: absolute; left: 70px; bottom: 40px; z-index: 11; pointer-events: auto; }
#hero-video button.mute-player:after { content: "\f026"; font-family: 'FontAwesome'; color: #ffffff; font-size: 170%; }

#hero-video.flexslider .flexslider-item { height: 100%; padding-bottom: 0; pointer-events: all; }
#hero-video .TopVideo { left: 50%; top: 50%; pointer-events: all; z-index: 4; transform: translate(-50%, -50%); }

/*section general*/
section#grid-row { max-width: 1170px; padding-top: 130px; margin: 0 auto 130px; overflow: visible; }
.siteBtn { border: 2px solid #000; border-radius: 100px; padding: 0px 25px 1px; display: inline-block; font-size: 140%; font-family: 'Font37HEB-Regular'; color: #000; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; letter-spacing: -2px; }
.siteBtn:hover { text-decoration: none; color: #fff; background: #000; }






/**the big kitchen**/
section.the-big-kitchen { max-width: 1200px; overflow: visible; padding-top: 0; }
.the-big-kitchen-inner > div { width: 50%; }
.the-big-kitchen-inner { display: flex; }
.the-big-kitchen-left { background-color: var(--magenta); position: relative; display: flex; justify-content: center; align-items: center; }
.the-big-kitchen-left span { color: #fff; position: absolute; bottom: 32px; text-decoration: underline; font-size: 2.4rem; line-height: 120%; font-weight: 400; width: 100%; left: 0; }


/*GridRow*/
.GridRowWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.GridRowWrap .flexboxItem { width: 50%; padding: 0 20px; margin: 0 -20px; }
.content_wrapper > *:not(.GridRow_Btn) { margin: 0 0 0px; padding-bottom: 30px; }
.content_wrapper { text-align: right; max-width: 450px; }
.GridRow_imgContainer { position: relative; }
.GridRow_imgContainer:before { content: ""; position: absolute; top: 15px; left: -15px; background: #fbb040; width: 100%; height: 100%; z-index: -1; color: #000; }
.GridRow_Btn { position: relative; display: block; }

/*GridBox*/
.GridBox_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; /*-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/ gap: 20px; max-width: 1200px; margin: 0 auto; }
.GridBox_wrapper a.category-box { float: none; width: 100%; height: 100%; position: relative; margin-right: 0; }
.GridBox_wrapper a.category-box .img-holder { padding-bottom: 0; width: 100%; height: 100%; }
.GridBox_wrapper a.category-box:hover .img-holder img { -webkit-transform: none; inset: 0; width: 100%; height: 100%; }

@media(min-width: 1100px) {
    .GridBox_wrapper a.category-box { float: none; width: 350px; flex: 1 0 350px; height: 460px; position: relative; -webkit-transition: width 0.5s linear; transition: flex 0.5s linear; /* transform: scale(1); */ }
    /*.GridBox_wrapper a.category-box { float: none; width: 350px; height: 460px; position: relative; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; }*/
    .GridBox_wrapper a.category-box .img-holder:after { content: ''; background: #5e4b42; inset: 0; z-index: 1; position: absolute; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
    /*.GridBox_wrapper a.category-box.active { width: 470px; }*/
    .GridBox_wrapper a.category-box.active { flex-grow: 2; flex-basis: 470px; }
    .GridBox_wrapper a.category-box.active .img-holder:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    
    section#grid-row { margin-bottom: 100px; }
}

.GridBox_wrapper a.category-box .img-holder img { position: relative; width: 100%; height: 100%; inset: 0; -webkit-transform: none; transform: none; }
.GridBox_wrapper h2.text-holder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; margin: 0; width: 100%; padding: 0 15px; }

/*VideoBox Gallery*/
.VideoSliderContainer { direction: ltr; }
.videoContent h3 { margin-top: 0; margin-bottom: 25px; }

.VideoBox { height: 100%; }
.VideoBox a { display: block; width: 100%; height: 100%; position: relative; }
.VideoBox a::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to bottom, transparent 75%, #000 100%); }
.VideoBox img { width: 100%; height: 100%; }
.VideoBox .video_title { position: absolute; bottom: 15px; right: 15px; width: 90%; text-align: right; color: #fff; line-height: 1; }
.VideoBox svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 25%; height: 30%; }

#video_gallery .gallery_fold .fold_wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-gap: 15px; }
#video_gallery .gallery_fold .slideItem:first-child { grid-column: 2 / 4; grid-row: 1 / 3; }
#video_gallery .gallery_fold .slideItem { padding: 0; min-height: 225px; }
#video_gallery .gallery_fold .slideItem img { -o-object-fit: cover; object-fit: cover; }
#video_gallery .gallery_fold { width: 1230px; max-width: 90vw; padding: 0 7.5px; }
.VideoBox.duplicate, .slideItem.duplicate { background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/video_placeholder_pic.jpg'); background-size: 100% 100%; background-repeat: no-repeat; }

button.slick-next.slick-arrow, button.slick-prev.slick-arrow { display: none !important; }
.VideoGalleryBtn { margin-top: 40px; }

/*ChefsGallery*/
#chefs_Section { box-sizing: border-box; }
.gallery_container { max-width: 1090px; margin: 20px auto 40px; }
.image_box { margin-bottom: 20px; width: 250px; height: 414px; float: left; }
.image_box:nth-child(2), .image_box:nth-child(4), .image_box:nth-child(5), .image_box:nth-child(7) { height: 250px; }
.image_box:before { display: none; }
.chefs_info { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; }
.chefs_title { font-size: 100%; font-family: 'Font37HEB-Regular'; margin-top: 0; }
.chefs_info .chefs_title { font-size: 130%; margin-bottom: 0; }
.chefs_desc { font-size: 90%; }
.chef_image_container { position: relative; }
.chef_image_container:after { content: ''; position: absolute; inset: 0; background: #000000ad; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image_box:hover .chef_image_container:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.image_box:hover .chefs_info { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 2; }

/*Home IconsGrid*/
#home_icons { max-width: 100%; padding: 80px 0; margin: 80px 0; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }
#home_icons:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(""); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.icons_container.icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1440px; margin: auto; }
.icon_box { width: 29%; }
.icon_content { max-width: 70%; margin: auto; }
.icon_content h3 { font-weight: 600; }

/*ContactSection*/
section#contact-section { padding: 60px 15px; background: transparent; border: none; max-width: 100%; }
.contcatWrapper { max-width: 1560px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; direction: ltr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contcatWrapper > div { width: 50%; padding: 0 5%; }
.contactImg_container img { width: 100%; }

#dynamic-contact-form { text-align: right; direction: rtl; }
.form-group .name, .form-group .phone { width: 50%; }
.form-group .mail, .form-group .notes { width: 100%; }
/*.form-checkbox,*/ .mrw-dynamic-form .form-group > div.form-bottom { display: none; }
.form-group { margin: 0; padding: 20px 0; }
.mrw-dynamic-form .form-group > div { padding-right: 0; }
.contcatWrapper .form-checkbox { font-size: 90%; padding-right: 0; margin-top: 10px; display: flex; }
/*Mobile*/
@media(max-width:767px) {
    .topSlider .home-caption { width: 90%; }
    .home-caption h1 { font-size: 400%; }
    .home-caption h2 { font-size: 220%; }

    h2.contact-form-title, .section-title h2, .chefs_title h2, .videoContent h2, .category-box h2, h2.GridRow_title { font-size: 225%; line-height: 1; }
    section:not(.topSlider), section#grid-row { max-width: 90%; padding-top: 0; padding-bottom: 0; margin-top: 60px; margin-bottom: 60px; }
    section#map-section { margin-bottom: 0; }
    section#video_gallery { max-width: 100%; }

    .GridRowWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 70px; }
    .GridRowWrap .flexboxItem { width: 100%; padding: 0; margin: 0; }
    .GridRow_imgContainer:before { top: 10px; left: -10px; }

    .GridBox_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; width: 100%; }
    .GridBox_wrapper a.category-box { padding: 0; margin-bottom: 0px; }


    .the-big-kitchen-right { display: none; }
    .the-big-kitchen-inner > div { width: 100%; }
    .the-big-kitchen-left { padding: 74px 0; }
    .the-big-kitchen-left span { font-size: 1.6rem; bottom: 16px; }


    .videoContent h3 { margin-top: 0; }
    .slideItem.mobileItem.slick-slide { padding: 0 5px; height: 250px; }

    .chefs_title { font-size: 100%; }
    .gallery_container { margin-bottom: 0; display: block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding-bottom: 10px; max-height: 1040px; max-width: 100%; counter-reset: none; }
    .image_box { position: relative; display: inline-block; }
    .image_box, .image_box:nth-child(2), .image_box:nth-child(4), .image_box:nth-child(5), .image_box:nth-child(7) { width: 100%; height: auto; float: none; margin-bottom: 15px; }

    .icons_container.icons { gap: 20px; row-gap: 40px; }
    .icon_box { width: 45%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .icon_content { max-width: 100%; padding: 0 15px; font-size: 100%; margin: 0; }
    .icon_content h3 { font-size: 75%; }
    .icon_box .img-holder { min-height: 60px; }
    .icon_box img { max-width: 80px; height: 80px; }

    section#contact-section { padding: 0 15px; }
    #dynamic-contact-form { text-align: center; }
    .contcatWrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    .contcatWrapper > div { width: 100%; padding: 0; }
    .contcatWrapper > div.contactImg_container { display: none; }
    .form-group .name, .form-group .phone, .form-group .mail, .form-group .notes { width: 100%; }
    .form-group { padding: 0; margin-top: 20px; }
    .mrw-dynamic-form .form-group > div { padding: 0; }

    /*footer mobile*/
    .footerlinksDesktop { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-gap: 0; }
    .footerlinksDesktop:before, .footerlinksDesktop:after { display: none; }
    .footerBlockTitle { margin-bottom: 10px; padding-top: 10px; }
    .footerBlockContent > ul { display: none; }
    .logowrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; }
    .logowrap svg { display: inline-block; }
    .footerlogosDiv { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
    .footerBlockContentWrapper { flex-direction: column; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 10px; position: relative; }
    .footerBlockContent:after { content: '+'; position: absolute; left: 3px; top: 10px; }
    .footerBlockContent { border-bottom: 1px solid #fff; }
    .footerSocialLinks svg { width: 23px; height: 20px; }
    .footer-text { -ms-flex-wrap: wrap; flex-wrap: wrap; }

    .siteBtn { font-size: 120%; }
}


/*innser pages icons-section*/
.icons-sction { flex-wrap: wrap; }

/* Contact */
section#map-section { max-width: 100%; padding: 0; margin-top: 80px; }
section#map-section iframe { width: 100%; height: 500px; display: block; }
section#map-section .open-map { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); cursor: pointer; color: #fff; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; border-radius: 1000px; border: solid 2px #fbb040; font-size: 120%; font-family: 'Font37HEB-Regular', san-ser; line-height: 1; font-weight: normal; padding: 4px 20px 8px; min-width: 140px; }
section#map-section .open-map:hover { background: #fbaf3f; color: #121212; }
section#map-section .opacity-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); pointer-events: all; }
section#contact-details { font-size: 120%; }

/*About*/
section#about-companies { max-width: 1560px; }
section#about-companies .section-title { padding: 0 15px; }

/*new site popup video*/
.modal-content { background: transparent; box-shadow: none; border: none; }
.all-content iframe { width: 70%; height: 40vw; }
@media(max-width: 767px) {
    .all-content iframe { width: 95%; height: 54vw; }
}



/*header*/
#SiteHeader { box-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.10); padding: 15px 5%; }
#SiteHeader nav.navbar { position: relative; margin-bottom: 0; border: none; background: none; }

#siteheader-navigation-container .navbar-header { float: none; position: relative; width: 100%; text-align: center; }

#siteheader-navigation-container .navbar-brand { padding: 0; display: inline-flex; }
#siteheader-navigation-container .navbar-brand svg { width: 180px; height: auto; }
#siteheader-navigation-container .navbar-brand svg#logo-white { display: none; }
#siteheader-navigation-container #logo-icon { max-width: 100%; max-height: 100%; }


#SiteHeader, #SiteHeader.menu-open { background: #ffffff; }
/*header#SiteHeader.menu-open:after                     { border-bottom: 4px solid #FCAE3F;z-index: 9;position: absolute;content: "";width: 100%;left: 0;top:105px; }*/
#SiteHeader #navbar-collapse-main .navbar-nav > li > a, #SiteHeader.menu-open #navbar-collapse-main .navbar-nav > li > a { color: #5e4b42; }
#SiteHeader #navbar-collapse-main .navbar-nav > li:hover > a, #SiteHeader.menu-open #navbar-collapse-main .navbar-nav > li:hover > a { color: #fbb040; }

#buttons-container { float: left; position: relative; }

#buttons-container .nav-buttons { position: relative; margin: 0px; padding: 0px; }
#buttons-container .nav-buttons .dropdown { height: 77px; width: 96px; text-align: center; background: #5D707E; position: static; }

#buttons-container .nav-buttons .dropdown > a { padding: 0px; height: 100%; display: table; width: 100%; }
#buttons-container .nav-buttons .dropdown > a > div { vertical-align: middle; display: table-cell; color: #fff; }
#buttons-container .nav-buttons .dropdown a div span { display: block; margin-top: 5px; line-height: 1; }

#buttons-container .nav-buttons #navbar-cart > a { background-color: blue; }
#buttons-container .nav-buttons #navbar-cart.open > a { background-color: lightsteelblue; }
#buttons-container .nav-buttons #navbar-user > a { background-color: red; }
#buttons-container .nav-buttons #navbar-user.open > a { background-color: orange; }

#buttons-container .nav-buttons #navbar-cart i[data-counter]:after { position: absolute; left: 60%; border-radius: 50%; content: attr(data-counter); background: #5C707B; font-size: 71%; padding: 4px 7px; color: #fff; max-width: 30px; word-break: break-all; }

#buttons-container .nav-buttons #navbar-user .sign-in { display: block; }
#buttons-container .nav-buttons #navbar-user .logged-in { display: none; }
#buttons-container .nav-buttons #navbar-user.logged-in .sign-in { display: none; }
#buttons-container .nav-buttons #navbar-user.logged-in .logged-in { display: block; }

#buttons-container .nav-buttons .dropdown-menu { right: 0px; left: 0px; float: left; position: relative !important; top: 0; position: static; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }

@media (max-width: 767px) {

    #buttons-container { float: none; }
    #buttons-container .nav-buttons { float: left; }
    #search_form_header_input { width: calc(100% - 50px); }

    #siteheader-navigation-container .navbar-brand { height: 45px; }
    #buttons-container .nav-buttons .dropdown { max-height: 49px; width: 62px; text-align: center; background: #5D707E; position: static; }
}

@media (min-width:1170px) {
    #navbar-collapse-main .navbar-nav > li.dropdown > button { display: none; }
}

@media (min-width:1170px) and (max-width:1560px) {
    #SiteHeader { padding: 20px 15px; }
    #SiteHeader nav.navbar { zoom: 0.85; }
}
#navbar-top { padding: 0px; display: inline-flex; align-items: center; gap: 30px; }
#navbar-top .navbar-nav { display: flex; margin: 0px; padding-right: 0; align-items: center; }
#navbar-top .navbar-nav > li { display: inline-flex; float: none; vertical-align: middle; margin-left: 10px; width: 100%; height: 100%; }
#navbar-top .navbar-nav > li a { position: relative; display: inline-block; width: 100%; height: 100%; border: 0px; padding: 0px; }
#navbar-top .navbar-nav > li a.ref { text-indent: 100%; white-space: nowrap; overflow: hidden; }
#navbar-top .big-kitchen-nav { display: flex; }


#SiteHeader a.instagram:after, #SiteHeader a.youtube:after, #SiteHeader a.facebook:after { content: ""; background-repeat: no-repeat; background-size: 100% 100%; display: block; image-rendering: -webkit-optimize-contrast; transition: all 0.3s ease; }
#SiteHeader a.instagram:after { background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/header/insta.svg'); width: 20px; height: 20px; }
#SiteHeader a.youtube:after { background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/header/youtube.svg'); width: 26px; height: 18px; }
#SiteHeader a.facebook:after { background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/header/fb.svg); width: 9px; height: 20px; }

#SiteHeader a.instagram:hover:after, #SiteHeader.menu-open a.instagram:after { background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/header/insta_hover.svg'); }
#SiteHeader a.youtube:hover::after, #SiteHeader.menu-open a.youtube:after { background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/header/youtube_hover.svg'); }
#SiteHeader a.facebook:hover::after, #SiteHeader.menu-open a.facebook:after { background-image: url(/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/header/fb_hover.svg); }

#navbar-top .navbar-nav > li > .dropdown-menu { text-align: right; padding: 5px; font-size: 100%; background-color: #ffffff; text-align: right; border: 1px solid rgba(0,0,0,0.15); border-radius: 0px; box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); }
#navbar-top .navbar-nav > li > .dropdown-menu > li > a { color: #333; padding: 0px; line-height: normal; }
#navbar-top .navbar-nav > li > .dropdown-menu > li > a:hover { color: #333; }


@media(max-width:767px) {
    /*#navbar-top { display:none; }*/
    #navbar-top .navbar-nav > li, #navbar-top .navbar-nav > li:first-child { margin-left: 0px; }
    #navbar-top .navbar-nav > li:nth-child(3) { margin-left: 0; }
    #navbar-top .navbar-nav > li { width: 22px; height: 22px; }
    #SiteHeader a.phone:after, #SiteHeader a.instagram:after, #SiteHeader a.facebook:after, #SiteHeader a.youtube:after { width: 22px; height: 18px; }
    #navbar-top .navbar-nav > li a { display: inline-flex; justify-content: center; align-items: center; }

    /***From Ormat***/
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu { right: 0px; left: auto; padding: 5px; font-size: 100%; background-color: #ffffff; text-align: right; border: 1px solid rgba(0,0,0,0.15); border-radius: 0px; box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a { color: #333; padding: 3px 15px; line-height: normal; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:hover { color: #999; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu { border-radius: 0px; background-color: transparent; width: 100%; text-align: left; border: 0; padding-top: 0; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a { color: #ffffff; padding: 7px 5px; line-height: normal; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:hover { color: #ffffff; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu { padding-bottom: 30px; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li:first-child > a { padding-top: 15px; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu { padding: 0; }
    .dropdown-menu { position: relative; }
}

#navbar-collapse-main { margin: auto; padding: 0; font-size: 125%; }
#navbar-collapse-main .navbar-nav { float: none; padding: 0px; margin: 0px; padding-bottom: 5px; padding-top: 5px; }
#navbar-collapse-main .navbar-nav > li { float: none; display: inline-block; /*overflow:hidden;*/ vertical-align: middle; padding: 0px 7px; font-family: 'Font37HEB-Regular'; }
#navbar-collapse-main .navbar-nav > li > a { color: #ffffff; padding: 7px 0px; /*margin-left:15x;*/ overflow: hidden; }

#navbar-collapse-main .navbar-nav > li.dropdown.open a { background-color: transparent; }
#navbar-collapse-main .navbar-nav > li > .dropdown-menu { right: 0px; left: auto; font-size: 100%; background-color: #ffffff; text-align: right; border: 0; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; min-width: 180px; }
#navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a { color: #000000; padding: 3px 15px; line-height: normal; }

.dropdown-menu li { font-size: 90%; }
#navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:hover { color: #000000; }


@media (min-width:1330px) and (max-width:1439px) {

    #navbar-collapse-main .navbar-nav > li > a { margin-left: 3px; }
    #navbar-collapse-main { font-size: 130%; }
}



@media(max-width:1171px) {
    /*#navbar-collapse-main.navbar-collapse.collapse.in  { display: block !important; }
    #navbar-collapse-main.navbar-collapse.collapse { display: none !important; }*/
    #navbar-top { width: auto; text-align: left; justify-content: flex-end; }
    #siteheader-navigation-container .navbar-brand { width: 39%; text-align: center; }
    #siteheader-navigation-container .navbar-brand svg { margin: auto; }

    #navbar-collapse-main { position: fixed; top: 94px; right: 0; left: 0; bottom: 0; background: #ffffff; width: 100%; color: #121212; z-index: 4; font-size: 200%; }
    #navbar-collapse-main .navbar-nav > li > a { color: #121212; }
    #navbar-collapse-main .navbar-nav > li { display: block; width: 100%; padding: 20px 0px; /*border-bottom: 2px solid #D7D7D7;*/ }
    #navbar-collapse-main .navbar-nav { height: 100%; text-align: right; padding: 35px; /*overflow:scroll;*/ }
    #navbar-collapse-main .navbar-nav > li#navbar-top { border-bottom: 0; }
    #navbar-collapse-main .navbar-nav > li.dropdown > button { float: left; position: absolute; left: 0; /* background-image: url('/National_Library/oe_/https://www.dangourmet.co.il/he/000Frames/site/images/menu_left_arrow.png'); */ width: 24px; height: 24px; background-color: transparent; border: none; margin-left: 15px; outline: none; top: 15px; /* transform: translateY(-50%); */ /* -webkit-transform:translateY(-50%); */ -webkit-appearance: none; box-shadow: none; }
    #navbar-collapse-main .navbar-nav > li.dropdown.open > button { -ms-transform: rotate(-90deg) translateY(0); /* IE 9 */ -webkit-transform: rotate(-90deg) translateY(0); /* Chrome, Safari, Opera */ transform: rotate(-90deg) translateY(0); top: 15px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    button.btn.btn-default.dropdown-toggle:after { content: "\f107"; font-family: 'FontAwesome'; color: #000000; font-size: 250%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu { position: relative; }
}

@media (max-width: 1170px) and (min-width:767px) {
    #SiteHeader.bg a.instagram:after, #SiteHeader.menu-open a.instagram:after,
    #SiteHeader.bg a.facebook:after,
    #SiteHeader.menu-open a.facebook:after,
    #SiteHeader.bg a.youtube:after,
    #SiteHeader.menu-open a.youtube:after { width: 39px; height: 39px; }
    #navbar-top .navbar-nav > li { width: 42px; height: 42px; }
    a.giftcard:after { width: 141px; height: 41px; vertical-align: middle; }
    #navbar-collapse-main .navbar-nav > li:first-child { padding-top: 0; }
    #navbar-top .navbar-nav > li a { vertical-align: bottom; }
    #navbar-collapse-main .navbar-nav > li#navbar-top a.giftcard { padding: 0; }
    #navbar-collapse-main .navbar-nav > li.dropdown > button { top: 25px; }
    #navbar-collapse-main .navbar-nav > li.dropdown:first-child button { top: 15px; }
}

@media(max-width:767px) {
    #navbar-collapse-main { width: 100%; height: 100%; -webkit-transition: height 0.2s linear; transition: height 0.2s linear; bottom: auto; }
    #navbar-collapse-main .navbar-nav { width: 100%; }
    #navbar-collapse-main .navbar-nav > li { float: none; clear: both; }
    #navbar-collapse-main .navbar-nav > li > a { width: 100%; padding: 0; line-height: 1; font-size: 150%; }
    
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu { border-radius: 0px; background-color: transparent; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a { color: #000000; padding: 3px 15px; line-height: normal; }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:hover { color: #000000; }
    #navbar-collapse-main .navbar-nav > li.dropdown > button { display: none; }
    #navbar-collapse-main .navbar-nav { padding: 30px 50px 0; letter-spacing: -1.2px; }
    #siteheader-navigation-container .navbar-brand { width: 60%; }
    #navbar-collapse-main #navbar-top .navbar-nav > li:nth-child(2), #navbar-collapse-main #navbar-top .navbar-nav > li:nth-child(3) { display: inline-block; }
    #SiteHeader.bg { padding: 20px 10px; }
    #navbar-collapse-main .navbar-nav > li { padding: 5px 0px; }
    #navbar-collapse-main { font-size: 100%; }

    .dropdown-menu li { font-size: 100%; }
}

@media(max-width:370px) {
    #navbar-top { width: 25%; }
    #siteheader-navigation-container .navbar-brand { width: 53%; }
}

@media(max-width:1170px) {

    .mobile-button { vertical-align: middle; }
    .mobile-button .navbar-toggle { margin-right: 5px; float: none; }
    #navbar-top .navbar-nav > li { padding: 0; display: inline-block; border-bottom: 0; }
    #navbar-collapse-main #navbar-top .navbar-nav { padding: 0; width: 100%; overflow: hidden; }
    #navbar-top .navbar-nav > li:last-child { margin-right: 0; vertical-align: middle; }
    #navbar-collapse-main #navbar-top .navbar-nav > li:last-child { display: inline-block; }
}

#siteheader-navigation-container .navbar-search { float: left; margin-top: 12px; border: 1px solid; border-radius: 4px; font-size: 118%; opacity: 0.8; }
#siteheader-navigation-container .navbar-search input { height: 31px; border: none; background: none; color: white; }
#siteheader-navigation-container .navbar-search .searchicon { background-color: #F68B1F; height: 34px; padding-top: 7px; width: 36px; text-align: center; border-radius: 4px; }

.navbar-default .mobile-button { display: inline-block; vertical-align: middle; text-align: right; width: 30%; color: #000; margin-right: -4px; z-index: 8; position: relative; }

.navbar-toggle { display: inline-block; float: none; margin-top: 0; }
.nav-open span.open-nav { display: none }
.navbar-toggle .mobile-button span.open-nav { display: none }
.navbar-toggle .collapsed .mobile-button span.open-nav { display: inline-block; vertical-align: middle; }
.navbar-default .mobile-button span.close-nav { display: none; }
.navbar-default .navbar-toggle:not(.collapsed) span.open-nav { display: none; }
.navbar-default .navbar-toggle:not(.collapsed) span.close-nav { display: inline-block; }

.navbar-default .navbar-toggle { border-radius: 0%; width: 120px; border: 0; vertical-align: middle; margin-right: 0; padding: 9px 10px; height: 60px; transition: all 500ms ease; background: transparent; margin-bottom: 0; text-align: right; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { /*border: 1px solid;*/ background: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #000; width: 60px; height: 4px; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }

.navbar-toggle .icon-bar + .icon-bar { margin-top: 10px; }
.navbar-default .navbar-toggle .icon-bar.down { width: 60px; }
.navbar-default .navbar-toggle div { display: inline-block; vertical-align: middle; }
.navbar-default .navbar-toggle span.open-nav { display: inline-block; vertical-align: middle; margin-right: 5px; }

@media (min-width:1172px) {
    .navbar-default .mobile-button { display: none; }
}

@media (min-width:767px) and (max-width:991px) {
    .navbar-default .navbar-toggle span.open-nav { font-size: 113%; }
    header#SiteHeader.menu-open:after { top: 95px; }
}

@media (max-width:767px) {
    .navbar-default .navbar-toggle { height: auto; width: auto; }
    #siteheader-navigation-container .navbar-brand svg { height: auto; width: 140px; margin: 0; }
    #siteheader-navigation-container .navbar-brand { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; }
    #SiteHeader { padding: 12px; }
    .navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar.down { width: 25px; height: 2px; background-color: #5e4b42; }
    #navbar-collapse-main { top: 65px; border: 0; }
    header#SiteHeader.menu-open:after { top: 68px; }
    #navbar-collapse-main #navbar-top .navbar-nav > li { width: 35px; }
    #navbar-collapse-main #navbar-top .navbar-nav > li:last-child { width: 160px; height: 47px; vertical-align: middle; }
    a.giftcard:after { width: 140px; height: 40px; }
    #siteheader-navigation-container .navbr-brand { width: 41%; }
    .navbar-default .mobile-button { width: auto; margin: 0; }
    .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }
    .navbar-default .navbar-toggle { padding: 0; }
}
/***ANIMATION***/
.navbar-default .navbar-toggle:not(.collapsed) .icon-bar.up { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-top: 0px; }
.navbar-default .navbar-toggle:not(.collapsed) .icon-bar + .icon-bar:not(.up):not(.down) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin-top: -2px; }
.navbar-default .navbar-toggle:not(.collapsed) .icon-bar.down { display: none; }

#navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a { position: relative; overflow: hidden; display: inline-block; padding-right: 0; padding-left: 0; white-space: break-spaces; font-family: 'Teko', 'Font37HEB-Regular'; font-size: 100%; line-height: 1; }
.dropdown-menu li { padding: 0px 10px; display: inline-block; width: 100%; }
#navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:hover { color: #fbb040; }
#navbar-collapse-main .navbar-nav .arrow:hover svg path { fill: #fbb040; }

/*reseting bootstrap*/
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: inherit; background-color: transparent; border: none; }


/*header new CSS*/
#siteheader-navigation-container .navbar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: unset; max-width: 1560px; margin: auto; }

#navbar-collapse-main .navbar-nav .arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }
#navbar-collapse-main .navbar-nav .arrow svg { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; vertical-align: middle; }
#navbar-collapse-main .navbar-nav .arrow.open svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/*floatingMenu*/
.floatingBar { background: #fbb040; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 70%; gap: 20px; padding: 15px 7px; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.floatingBar > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; text-decoration: none; }
.floatingBar > a img { transition: all 0.3s ease-in-out; }
.floatingBar > a:hover img { filter: invert(1); }

@media(max-width:767px) {
    #SiteHeader nav.navbar { min-height: unset; }
    #siteheader-navigation-container .navbar-header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .navbar-header:before, .navbar-header:after, .navbar:before, .navbar:after { content: none; }
    #navbar-top .navbar-nav { gap: 5px; }
    #SiteHeader.menu-open #navbar-top, #SiteHeader.menu-open .navbar-brand { display: none; }

    #SiteHeader.menu-open .mobile-button { width: auto; }
    #SiteHeader.menu-open #siteheader-navigation-container .navbar-header { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }

    #navbar-collapse-main .navbar-nav .arrow { display: block; }
    #navbar-collapse-main .navbar-nav .arrow svg { width: 12px; height: 7px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    #navbar-collapse-main .navbar-nav > li.dropdown .dropdown-menu a { font-size: 125%; white-space: break-spaces; }
    #navbar-collapse-main .navbar-nav > li.dropdown.open .dropdown-menu a { font-size: 125%; white-space: break-spaces; color: #5e4b42; }
    /*.dropdown.open .dropdown-menu { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; }*/

    #SiteHeader #navbar-collapse-main .navbar-nav > li > a.big-kitchen-nav,
    #SiteHeader.menu-open #navbar-collapse-main .navbar-nav > li > a.big-kitchen-nav,
    #navbar-collapse-main .navbar-nav > li.dropdown.open .dropdown-menu-big-kitchen-nav a { color: var(--magenta); }
    #navbar-collapse-main .navbar-nav .arrow .big-kitchen-nav svg path,
    #navbar-collapse-main .navbar-nav .arrow:hover .big-kitchen-nav svg path { fill: var(--magenta); }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu.dropdown-menu-big-kitchen-nav li { padding: 0; }
    .floatingBar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom-right-radius: 0; border-top-left-radius: 10px; top: unset; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 95%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}

/*catalog*/

/*.CategoreyBox { margin-bottom: 25px; padding: 5px; text-align: center; border-bottom: 1px solid silver; cursor: pointer; }
.CategoreyBox .CategoreyBox-image { padding-bottom: 100%; position: relative; overflow: hidden; }
.CategoreyBox .CategoreyBox-image-link { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
.CategoreyBox .CategoreyBox-title { font-size: 130%; line-height: 22px; margin: 10px auto; }
.CategoreyBox .CategoreyBox-image-table { display: table; }
.CategoreyBox .CategoreyBox-image-table-cell { display: table-cell; }


.catalogItemBox { margin-bottom: 25px; padding: 5px; background-color: #eee; }
.catalogItemBox-link:hover { text-decoration: none; }
.catalogItemBox.selected { background-color: #f3f3f3; }
.catalogItemBox .catalogItemBox-image { padding-bottom: 100%; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-bottom: 10px; }
.catalogItemBox .catalogItemBox-title { font-size: 130%; line-height: 22px; }
.catalogItemBox .catalogItemBox-price { font-size: 130%; line-height: 22px; color: #F68B1F; padding-bottom: 5px; border-bottom: 1px solid silver; margin-bottom: 10px; }
.catalogItemBox .catalogItemBox-price .price-sale { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }
.catalogItemBox .catalogItemBox-button { }
.catalogItemBox .catalogItemBox-button a { padding: 5px 20px 3px 20px; color: #fff; background-color: #F68B1F; display: inline-block; border-radius: 5px; text-decoration: none; margin-bottom: 5px; }
.catalogItemBox .catalogItemBox-price:hover { text-decoration: none; }
.catalogItemBox .offer-circle { background-color: #f68b1f; width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 99; color: #fff; font-weight: bold; }
.catalogItemBox .offer-circle .inner-Deal-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


#categoryView { }
.catelogItemView-Box { clear: both; width: 100%; margin-bottom: 40px; }


.catalogItemView { text-align: right; }
.catalogItemView .catalogItemView-image { }
.catalogItemView .catalogItemView-image img { width: 100%; }
.catalogItemView .catalogItemView-close { float: left; margin-top: 10px; }
.catalogItemView .catalogItemView-close img { width: 26px; }
.catalogItemView .catalogItemView-title { font-size: 200%; color: #F68B1F; margin-bottom: 0px; }
.catalogItemView .catalogItemView-desc { margin-bottom: 0px; }
.catalogItemView .catalogItemView-price { font-size: 200%; margin-bottom: 10px; }
.catalogItemView .catalogItemView-quatity { border-bottom: 1px solid silver; border-top: 1px solid silver; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }
.catalogItemView .catalogItemView-quatity > span { margin-left: 20px; }
.catalogItemView .catalogItemView-quatity > span > span { margin-left: 5px; }
.catalogItemView .catalogItemView-button { text-align: right; }
.catalogItemView .catalogItemView-button a { padding: 5px 20px 3px 20px; color: #fff; background-color: #F68B1F; display: inline-block; border-radius: 5px; text-decoration: none; margin-bottom: 5px; }
.catalogItemView .catalogItemView-afterbuy { display: none; margin-top: 30px; }
.catalogItemView .catalogItemBox-price-deal { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }


.catalogItemBox-Container .dealImg { position: absolute; right: 20px; z-index: 2; max-width: 70px; }

@media(max-width:991px) {
    .catalogItemView .catalogItemView-button { text-align: center !important; }
    .catalogItemBox-Container .dealImg { right: 10px; }
}

.catalogItemsList .catalogItemBox-price-deal { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }

*/

/*
    shop-

    #nav-cart-container { margin-bottom: 10px; margin-top: 10px; }

#nav-cart-container .cartBrief-title { text-align: center; font-size: 165%; background-color: #F68B1F; padding-top: 10px; padding-bottom: 10px; color: white; }
#nav-cart-container .cartBrief-details { }

#nav-cart-container .cartBrief-details-item { background-color: #fff; direction: rtl; overflow: auto; text-align: right; border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 5px; margin-right: 10px; margin-left: 10px; }
#nav-cart-container .cartBrief-details-item div { float: right; padding-left: 5px; }
#nav-cart-container .cartBrief-details-item .quantity { }
#nav-cart-container .cartBrief-details-item .quantity span { font-family: Arial; }
#nav-cart-container .cartBrief-details-item .pic { width: 50px; }
#nav-cart-container .cartBrief-details-item .pic img { width: 40px; }
#nav-cart-container .cartBrief-details-item .itemName { float: none; }
#nav-cart-container .cartBrief-details-item .remove { cursor: pointer; }
#nav-cart-container .cartBrief-details-item > a { text-decoration: none; color: #000; }
#nav-cart-container .cartBrief-details-item i { float: right; margin-left: 5px; position: relative; top: 3px; }

#nav-cart-container .cartBrief-buy { text-align: center; margin: 0; padding: 0; background: #000; width: 60%; margin: 0 auto; border-radius: 3px; margin-top: 15px; color: #fff; }
#nav-cart-container .cartBrief-buy a { color: #fff; text-decoration: none; }
*/

/*#cartView { background-color: white; position: relative; text-align: right; }

#cartView .cartView-close { position: absolute; left: 0px; top: -35px; cursor: pointer; }
#cartView .cartView-close img { width: 26px; }

#cartView .cartView-Header { padding: 20px 10px 0px 0px; }
#cartView .cartView-Title { font-size: 165%; }
#cartView .cartView-empty { display: block; float: left; text-decoration: none; color: #8896B3; margin-right: 10px; font-size: 90%; border: 1px solid #8896B3; padding: 2px 5px 2px 5px; border-radius: 3px; cursor: pointer; }
#cartView .cartView-continue { display: block; float: left; text-decoration: none; color: #8896B3; margin-right: 10px; font-size: 90%; border: 1px solid #8896B3; padding: 2px 5px 2px 5px; border-radius: 3px; cursor: pointer; }

#cartView .cartView-details { height: 250px; overflow-y: scroll; direction: ltr; margin-right: 15px; margin-left: 15px; }
#cartView .cartView-details-item { margin-bottom: 30px; direction: rtl; margin-right: 20px; }
#cartView .cartView-details-item:first-child { margin-top: 17px; }
#cartView .cartView-details-item > div { display: inline-block; }
#cartView .cartView-details-image { margin-right: 20px; width: 10%; }
#cartView .cartView-details-name { margin-right: 25px; }
#cartView .cartView-details-quantity { }
#cartView .cartView-details-price { float: left; margin-left: 30px; }
#cartView .cartView-details-remove { float: left; margin-left: 15px; }
#cartView .full-cart-item-price-deal { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }


@media(max-width:767px) {
    #cartView .cartView-details { margin-right: 0; margin-left: 0; }
    #cartView .cartView-details-item { margin-bottom: 15px; margin-right: 10px; }
    #cartView .cartView-details-image { margin-right: 0px; }
    #cartView .cartView-details-name { margin-right: 0px; }
    #cartView .catalogItemView-quatity { margin-right: 5px; }
    #cartView .cartView-details-price { margin-left: 10px; }
    #cartView .cartView-details-remove { margin-left: 7px; }
    #cartView .cartView-Footer { text-align: center; margin-bottom: 15px; }
    #cartView .cartView-order { float: none; display: inline-block; position: relative; top: 10px; }
    #cartView .cartView-Title { clear: both; text-align: center; position: relative; top: 5px; }
    #cartView .cartView-continue { float: right }
    #cartView .cartView-subtotal { margin: 0 auto; text-align: left; margin-left: 5px; }
    #cartView .cartView-continue { margin-right: 0; }
    #cartView .cartView-empty { margin-right: 0; }
}



#cartView .cartView-subtotal { color: #000; margin-top: 25px; font-weight: bold; }
#cartView .cartView-Footer { padding: 10px; }
#cartView .cartView-order { text-decoration: none; padding: 10px; border: 1px solid; margin: 10px; font-size: 26px; background: #f68c1f; color: #fff; text-align: center; display: inline-block; cursor: pointer; border-radius: 5px; }*/

/**********************scroller******************************/
/*.scrollbar::-webkit-scrollbar-button { margin-bottom: 1px; }
.scrollbar::-webkit-scrollbar-track { }
.scrollbar::-webkit-scrollbar-track-piece { background-color: #D1D1D1; }
.scrollbar::-webkit-scrollbar-thumb { height: 10px; background: #F68B1F; }
.scrollbar::-webkit-scrollbar-corner { }
.scrollbar::-webkit-resizer { }

.scrollbar::-webkit-scrollbar { width: 5px; }*/
/*.scrollbar::-webkit-scrollbar-button:start:decrement, .scrollbar::-webkit-scrollbar-button:end:increment { height: 0px; width: 13px; display: block; background: #999; background-repeat: no-repeat; }*/
/*.scrollbar::-webkit-scrollbar-track-piece { background-color: #D1D1D1; }
.scrollbar::-webkit-scrollbar-thumb:vertical { background: #F68B1F; border-radius: 50px; }*/
/**************************************************************/