/*Zest*/ body { font-size: 19px; background-image: url('/warehouse/temp/zest/bg.jpg'); background-size: contain; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1' !important; } #header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border: none; } #header2 ul.menu li a:focus { opacity: 1 !important; } label { font-weight: normal; } #SiteGrid { min-height: 70vh; } /*header*/ #header2.fixedMenu, #header2.fixedMenu.bg { background: #131313; padding: 10px 30px; } #header2.detailsInRow .menu-nav, #header2 ul.menu, #header2.detailsInRow .header-top, #header2 .header-top-left { margin: 0; padding: 0; direction: rtl; } #header2 .header-top .address { display: none; } #header2 #header-container { position: relative; } #header2.detailsInRow .header-right-section { direction: rtl; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; text-align: center; } #header2.detailsInRow .header-top { position: absolute; right: 0; } #header2 ul.menu li.searchBtn { position: absolute; right: 115px; margin-left: 0; margin-right: 10px; } #header2 .header-top-left a.wishlist-link { display: inline-block; margin-left: 7px; margin-right: 0; } #header2 .header-top-left a.wishlist-link * { stroke: #fff; } #header-left a.facebook_icon_instagram, #header-left a.social_icon_instagram, #header-left a.social_icon_tiktok { width: 30px; height: 30px; position: absolute; right: 0; display: inline-flex; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); align-items: center; } #header-left a.facebook_icon_instagram { left: auto; right: 30px; } #header-left a.social_icon_tiktok { left: auto; right: 55px; } #header-left a svg { fill: #ffffff; height: 20px; width: 20px; } #header2 #header-left { width: 130px; } #header2 #header-left img { max-width: 48px; } #header2 ul.menu > li, #header2 ul.menu ul.menu-sub li { font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; } #header2 ul.menu ul.menu-sub li { color: #232323; margin-bottom: 0; padding: 5px 0; } #header2 ul.menu ul.menu-sub li::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #fff; height: 2px; width: 90%; } #header2 ul.menu li:hover, #header2 ul.menu .menu-sub li:hover { color: #ffffff; } #header2 ul.menu li.active { color: #fff; /*border-bottom: 2px solid #b3be8c; */ } #header2 ul.menu > li:before { display: none; } #header2 ul.menu li.searchBtn a { position: relative; } #header2 ul.menu li.searchBtn a:before { content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); background: #fff; width: 1px; height: 100%; } #header2 ul.menu-sub { /*background-color: rgb(255 255 255 / 50%);*/ background-image: url(/warehouse/temp/zest/Item.png); border-radius: 10px; width: auto; right: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 20px; } #header2 ul.menu-sub::before { content: ""; opacity: 0.6; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; background-color: rgb(255 255 255/ 50% ); border-radius: 10px; } .has-sub i.opensub { font-size: 80%; } .cartItemsCounter span.CartItems { top: 10%; left: 40%; font-size: 90%; } .cartItemsCounter { background: transparent; } /*@media(min-width: 1025px) { .hasAutoComplete #quick-search-container { top: 100%; height: auto; } #header2.hasAutoComplete.fixedMenu { height: auto !important; } #header2.hasAutoComplete.fixedMenu { padding: 0; } #header2.hasAutoComplete #header-container { position: relative; max-width: 98%; max-width: calc(100% - 60px); margin: 0 auto; padding: 10px 0; z-index: 1; } #header2.hasAutoComplete #searchFormHeaderContainer, #header2.hasAutoComplete #quick-search-container { width: 585px; left: auto; right: 0; margin-right: 135px; } #header2.hasAutoComplete #searchFormHeaderContainer form#searchFormHeader { margin: 0; width: 100%; } #header2.hasAutoComplete #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { height: 30px; border-radius: 5px; border: 1px solid #ffff; font-size: 100%; padding: 4px 17px 5px; } #header2.hasAutoComplete .search.desktop { background-color: #131313; z-index: 0; } #header2.hasAutoComplete .search.desktop .searchBtn { left: 10px; right: auto; font-size: 0; } #header2.hasAutoComplete #searchFormHeaderContainer { position: relative; height: 100%; display: flex; align-items: center; } #header2.hasAutoComplete .searchSubmitWrapper { display: none; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem { padding: 0; border-color: #efeaea; direction: rtl; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem img { max-width: 93px; margin-left: 55px; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer .resultItem a { font-size: 100%; display: flex; align-items: center; padding: 10px 0; } #header2.hasAutoComplete ul.searchResultsList { padding: 0 27px; overflow-y: auto; max-height: 370px; direction: ltr; margin-bottom: 37px; margin-top: 10px; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.finalResultItem { text-align: start; line-height: 1; padding: 8px 0 10px; padding-right: inherit; padding-left: inherit; position: absolute; bottom: 0; left: 0; right: 15px; background-color: #fff; z-index: 0; direction: rtl; } #header2.hasAutoComplete .search.desktop .searchBtn svg { width: 16px; height: 16px; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.finalResultItem a { font-size: 90%; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar { width: 17px; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar-track { background: #fff; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar-thumb { background-color: #131313; border: 5px solid transparent; background-clip: content-box; border-radius: 9px; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar-thumb:hover { background: #131313; background-clip: content-box; } }*/ /* Header Autocomplete */ /*onStoryjs*/ .hasAutoComplete #quick-search-container { top: 100%; height: auto; } /*OnSite*/ #header2.hasAutoComplete #header-container { position: relative; max-width: 98%; max-width: calc(100% - 60px); margin: 0 auto; padding: 10px 0; z-index: 1; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer { border-radius: 0; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.finalResultItem { margin-bottom: 37px; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.finalResultItem a { text-align: start; padding: 0; line-height: 1; padding: 8px 0 10px; padding-right: inherit; padding-left: inherit; position: absolute; bottom: 0; left: 0; right: 15px; background-color: #fff; z-index: 0; direction: rtl; /* margin-bottom: 40px; */ } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.finalResultItem a { font-size: 90%; margin: 0; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem img { max-width: 93px; /* margin-left: 55px; */ } #header2.hasAutoComplete #quick-search-container #SearchResultContainer .resultItem a { font-size: 100%; display: flex; align-items: center; padding: 10px 0; margin-right: 0; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar { width: 17px; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar-track { background: #fff; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar-thumb { background-color: #131313; border: 5px solid transparent; background-clip: content-box; border-radius: 9px; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar-thumb:hover { background: #131313; background-clip: content-box; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem { padding: 0; border-color: #efeaea; direction: rtl; } #header2.hasAutoComplete ul.searchResultsList { padding: 0 27px; overflow-y: auto; max-height: 370px; direction: ltr; /* margin-bottom: 37px; */ margin-top: 10px; } #header2.hasAutoComplete #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { height: 30px; border-radius: 5px; border: 1px solid #fff; font-size: 100%; padding: 4px 17px 5px; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.finalResultItem { margin-bottom: 37px; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem:not(.resultItemHasImg) a::before { content: ''; display: inline-block; width: 93px; height: 93px; background-image: url(/warehouse/temp/zest/placeholder.png); background-position: center; background-repeat: no-repeat; background-color: #9e9e9e; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer > h3 { display: none; } header.search-open #header2.hasAutoComplete #quick-search-container #SearchResultContainer > h3 { display: block; margin: 0; padding: 15px; font-size: 100%; color: #000; } header.search-open #header2.hasAutoComplete #quick-search-container #SearchResultContainer > h3::before { content: 'לא נמצאו תוצאות'; display: block; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem a > span { margin-right: 55px; } #header2.hasAutoComplete .search.desktop { background-color: #131313; z-index: 0; top: 22px; padding: 0 0 10px 0; } @media(min-width: 1025px) { #header2 .header-top-left > a { display: none; } /* Header Autocomplete */ /*onStoryjs*/ #header2.hasAutoComplete.fixedMenu { height: auto !important; } /*OnSite*/ #header2.hasAutoComplete.fixedMenu { padding: 0; } #header2.hasAutoComplete #searchFormHeaderContainer, #header2.hasAutoComplete #quick-search-container { width: 585px; left: auto; right: 0; margin-right: 135px; } #header2.hasAutoComplete #searchFormHeaderContainer form#searchFormHeader { margin: 0; width: 100%; bottom: auto !important; } #header2.hasAutoComplete .search.desktop .searchBtn { /* position: static; */ left: 10px; right: auto; font-size: 0; } #header2.hasAutoComplete #searchFormHeaderContainer { position: relative; height: 100%; display: flex; align-items: center; } #header2.hasAutoComplete .searchSubmitWrapper { display: none; } #header2.hasAutoComplete .search.desktop .searchBtn svg { width: 16px; height: 16px; } } @media(max-width: 767px) { #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.finalResultItem a { text-align: center; right: 0; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem img { /*margin-left: 15px;*/ /*max-width: 60px;*/ } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem a > span { margin-right: 15px; } #header2.hasAutoComplete ul.searchResultsList { padding-right: 5px; padding-left: 5px; max-height: 250px; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar { width: 12px; } #header2.hasAutoComplete ul.searchResultsList::-webkit-scrollbar-thumb { border-width: 4px; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer .resultItem a { font-size: 90%; } #header2.hasAutoComplete .searchSubmitWrapper { display: none; } #header2.hasAutoComplete .search.desktop, #header2.hasAutoComplete { height: auto !important; } } @media(max-width: 1024px) { header.search-open #header2 #header-left { position: relative; } #header2 .nav-menu-anim { z-index: 105; } #SiteContainer.hasTopStrip header { z-index: 100; } } @media (min-width:1251px) and (max-width: 1600px) { #header2 ul.menu li { font-size: 17px; margin-left: 8px; } #header2 ul.menu li { margin-left: 10px; } } @media(min-width: 110px) and (max-width: 1330px) { #header2 ul.menu li { margin-left: 10px; } } @media (min-width:1251px) and (max-width: 1330px) { #header2 ul.menu li { font-size: 17px; margin-left: 8px; } } @media (min-width:1025px) and (max-width: 1250px) { #header2 ul.menu li { font-size: 15px; margin-left: 5px; } } @media(max-width: 991px) { #nav-toggle-mobile.active span:after, #nav-toggle.active span:after, #nav-toggle-mobile.active span:before, #nav-toggle.active span:before { background: #000; height: 4px; } #header2.fixedMenu, #header2.fixedMenu.bg { padding: 10px; } #header2 .max-width { max-width: 100%; width: 100%; } #header2.detailsInRow .header-right-section { width: auto; position: unset; transform: none; padding: 0; background: transparent; top: 0; left: 0; text-align: unset; direction: inherit; } #header2 .menu-nav, #header2.headerHasCart #header-left, #SiteHeader.search-open .searchSubmitWrapper svg, header.search-open .searchBtn svg { width: auto; } #header2.headerHasCart .mobile-middle-kdm { width: auto; position: absolute; margin: 0; top: 50%; left: auto; right: 50px; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height: normal; } .userBtn svg, .cartBtn svg { fill: #fff; } #header2.headerHasCart .cartBtn.navShopBtn.mobile { margin: 0; } #header-left a.logoHeader, .navShopBtn { margin-right: 10px; } #header2 #header-left img { width: 85%; } #header2 ul.menu { /*position: fixed; left: 0; bottom: 0; width: 100%; max-width: unset; padding-top: 80px; background-image: url(/warehouse/dynamic/299357.jpg); background-size: cover; background-repeat: no-repeat; border-radius: 10px;*/ } #header2.open ul.menu li.searchBtn { display: none; } #header2 ul.menu > li { color: #000; font-size: 140%; } #header2 ul.menu li.active { border: none; } #header2 ul.menu > li.social-mobile:after { content: none; } #header2 ul.menu li:hover, #header2 ul.menu li.active, #header2 ul.menu .menu-sub li:hover { background: transparent; color: inherit; } #header2 ul.menu .social-links a svg { fill: #000; } #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 4px; } /*#header2 ul.menu::before, #header2 ul.menu-sub::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: -150vh; background-color: #fff; opacity: 0.4; }*/ #header2 ul.menu-sub::before { content: none; } #header2 ul.menu-sub { background-color: transparent; background-image: none; } #header2.open #header-left a.logoHeader, #header2 li.has-sub.open::after { opacity: 0; } #header2.open .header-top-left { display: inline-block; } #header2.open .header-top-left > div { display: none; } #header2.open .header-top-right { width: 100%; text-align: left; } #header2.detailsInRow .header-top { display: none; } #header2.hasAutoComplete.headerHasCart .mobile-middle-kdm { position: static; transform: none; } #header2.hasAutoComplete #header-container { position: static; } } /* Redo order button */ :is(#stickyButton-3119, #stickyButton-3122 ) { position: absolute; right: 30px; left: unset; top: 10px; display: flex; bottom: unset; } :is(#stickyButton-3119, #stickyButton-3122 ) a { display: flex; cursor: pointer; } :is(#stickyButton-3119, #stickyButton-3122 ) a img { max-width: unset; } @media(min-width:1025px) { #stickyButton-3122 { display: none; } } @media(max-width:1024px) { #stickyButton-3119 { display: none; } } /*Slider*/ /*#home-gallery { height: 75vh !important; }*/ #home-gallery .slider-bg.stellar-bg { background-size: cover; min-height: 0; height: 100% !important; } #home-gallery { height: 34.1vw !important; margin-top: 0; } #home-gallery:before { /* content: ""; */ position: absolute; right: 0; top: 0; left: 0; bottom: 0; background-color: #000; z-index: 3; opacity: 0.5; pointer-events: none; } #home-gallery .photoCaption .photoCaptionText { background: transparent; max-width: 100%; } #home-gallery .photoCaption .photoCaptionText:after { display: none; } #home-gallery .photoCaption { top: 62%; color: #fff; } #home-gallery .slider-bg.stellar-bg:before { content: ''; background: #000; opacity: 0.15; inset: 0; pointer-events: none; position: absolute; } #home-gallery .gallery-caption { z-index: 3; } #home-gallery .gallery-caption:not(.caption-text) { top: 27%; max-width: 250px; } #home-gallery .caption-text { text-align: center; margin-top: 55px; } #home-gallery .gallery-caption .gallery-text { font-size: 100%; line-height: normal; } #home-gallery .caption-text .gallery-text > div { font-size: 60px; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } #home-gallery .caption-text .gallery-text > span { font-size: 30px; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { font-size: 100%; margin-top: 30px !important; width: 100%; } #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 10%; } #home-gallery ol.flex-control-nav li a.flex-active::after { content: ""; position: absolute; border: 1px solid #ffffff; right: -4px; left: -4px; top: -4px; bottom: -4px; border-radius: 100%; } #home-gallery .flex-control-paging li a { position: relative; background: #fff; width: 8px; height: 8px; background: transparent; border: 1px solid #fff; } #home-gallery .flex-control-paging li a.flex-active { background: #fff; } #home-gallery .flex-control-nav li { overflow: visible; margin: 0 8px; } #home-gallery .scroll-down { font-size: 100%; } .scroll-down button { background: transparent; border: none; } #home-gallery .scroll-down img { min-width: unset; width: 40px; } @media(min-width: 1100px) { #home-gallery .gallery-caption .gallery-text { display: flex; flex-direction: column; } } @media(min-width:1600px) { #home-gallery .photoCaption { top: 60%; } } @media(min-width: 1331px) and (max-width:1600px) { #home-gallery .gallery-caption:not(.caption-text) { top: 23%; } #home-gallery .caption-text { margin-top: 25px; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { margin-top: 10px !important; } } @media(min-width: 1170px) and (max-width:1330px) { #home-gallery .gallery-caption:not(.caption-text) { top: 20%; } #home-gallery .caption-text { margin-top: 20px; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { margin-top: 10px !important; } .owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { display: none; } } @media(min-width: 1024px) and (max-width: 1220px) { #home-gallery .gallery-caption:not(.caption-text) { transform: translate(-50%, -50%); max-width: 180px; top: 23%; } } @media(max-width:991px) { #home-gallery { height: 109vw !important; } #home-gallery .gallery-caption:not(.caption-text) { top: 15%; max-width: 100%; } #home-gallery .gallery-logo { width: 50%; } #home-gallery .gallery-caption { width: 80%; } #home-gallery .gallery-caption .gallery-text { white-space: inherit; display: flex; flex-direction: column; } #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 4%; line-height: 10px; } #home-gallery .caption-text .gallery-text > span { font-size: 20px; } #home-gallery .caption-text .gallery-text > div { font-size: 30px; } #home-gallery .caption-text { text-align: center; margin-top: 10px; top: 50%; top: 35%; } #home-gallery .scroll-down { display: none; } } @media(max-width: 767px) { #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { margin-top: 20px; } #home-gallery .caption-text { top: 40%; } } @media(max-width: 360px) { #home-gallery .caption-text .gallery-text > div { font-size: 35px; } #home-gallery .caption-text .gallery-text > span { font-size: 25px; } } @media(max-width:330px) { #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 2%; } } /*Generals settings*/ a:hover, a:focus { color: inherit; } #allSectionsWrapper::before { content: ""; position: absolute; background-image: url(/warehouse/temp/zest/Stemps.png); background-repeat: no-repeat; width: 400px; height: 400px; right: 0; top: 0; opacity: 0.4; } #GridPage::after { content: ""; position: absolute; background-image: url(/warehouse/temp/zest/Stemps.png); background-repeat: no-repeat; width: 400px; height: 400px; right: 0; top: -170px; opacity: 0.4; z-index: -1; } .headlineBlk h1, .headlineBlk h2, .headlineWht h2, #headline h1, #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText, .top-caption h1, .CatalogCategoryPage .newH1 { font-size: 300% !important; color: #232323; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSED-MEDIUM6-1'; position: relative; } .headlineWht h2, .top-caption h1 { color: #fff; } .top-caption h1 { font-size: 100% !important; } .catalog-page .top-caption h1 { display: none; } h1.newH1 { text-align: center; font-size: 3rem; margin-top: 20px; } /*.headlineBlk h1::after, .headlineBlk h2::after, .headlineWht h2::after, #headline h1::after, .registerFormWrapper #headline::after { content: ""; position: absolute; background-image: url('/warehouse/temp/zest/H_briker.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 128px; height: 28px; bottom: -40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }*/ .headlineBlk h1::after, .headlineBlk h2::after, .headlineWht h2::after, #headline h1::after, .registerFormWrapper #headline::after, .CatalogCategoryPage .newH1:after { content: ""; /* position: absolute; */ background-image: url(/warehouse/temp/zest/H_briker.png); background-size: 100% 100%; background-repeat: no-repeat; width: 128px; height: 28px; display: block; margin: 10px auto; bottom: -40px; /* left: 50%; */ /* transform: translateX(-50%); */ /* -webkit-transform: translateX(-50%);*/ } .headlineWht h2::after { filter: invert(1); } .headlineBlk h1, .headlineBlk h2, .headlineWht h2, .headlineBlk .grid-rows .grid-row-text h2 { margin-bottom: 50px; } .branches.headlineWht h2::after, .ShopRegisterPage #headline h1::after, #CatalogModule .itemContent #headline h1::after, .shopLayout #headline h1::after { content: none; } .rightAligning #headline h1::after { display: block; transform: none; margin: 10px 0; bottom: unset; left: unset; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink, .add-to-cart, button#addToCartBtn, button#quickPurchaseBtn, .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, .grid-boxes .grid-box-subtitle.button a, .content-section-Btn a, #DynamicFormObject input[type=submit], .headerShop a.goToCart.shopBtn, .headerShop a.goToCheckout.shopBtn, .totalSumItems a.shopBtn, .shopBtn, .newUser a.checkoutLogin, button.couponButton.shopBtn.CouponOk, .FormResultPage a.FormResultPageButton, #text1 p a, .page-not-found a, #header2 .megaMenuGroupImage a /*a.linkToItemPage*/ { transition: all 0.3s ease; background: transparent; border: 1px solid transparent; color: #232323; border-radius: 25px; min-width: 130px; max-width: 160px; min-height: 40px; text-align: center; margin: auto; padding: 0 30px; font-size: 20px; display: inline-flex !important; align-items: center; flex-direction: row; justify-content: center; align-content: center; flex-wrap: wrap; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; position: relative; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink::after, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:after, .add-to-cart::after, button#addToCartBtn::after, button#quickPurchaseBtn::after, .grid-text .sec-button::after, .grid-rows .grid-row-text a.grid-row-button::after, .grid-boxes .grid-box-subtitle.button a::after, .content-section-Btn a::after, .headerShop a.goToCart.shopBtn::after, .headerShop a.goToCheckout.shopBtn::after, .totalSumItems a.shopBtn::after, .shopBtn::after, .newUser a.checkoutLogin::after, .FormResultPage a.FormResultPageButton::after, #text1 p a:after, .page-not-found a:after, #header2 .megaMenuGroupImage a:after /*a.linkToItemPage:after*/ { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 1px solid #232323; border-radius: 25px; } .shopLayout.checkoutPage .totalSumItems a.shopBtn { display: none !important; } .shopLayout.checkoutPage .totalSumItems .shopBtn::after { content: ""; border: 0; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink, .grid-text .sec-button, .grid-boxes .grid-box-subtitle.button a, .newUser a.shopBtn, #text1 p a, .page-not-found a, .registerFormWrapper.registerPage.registerThanks .shopBtn { background: #e8df53; } .add-to-cart:hover:after, button#addToCartBtn:hover:after, button#quickPurchaseBtn:hover:after, .grid-rows .grid-row-text a.grid-row-button:hover:after, .newUser a.checkoutLogin:hover:after, .offersGrid .content-section-Btn a:hover:after, #header2 .megaMenuGroupImage a:hover:after { border-color: #e8df53; } .add-to-cart:hover, button#addToCartBtn:hover, button#quickPurchaseBtn:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .newUser a.checkoutLogin:hover, .offersGrid .content-section-Btn a:hover, #header2 .megaMenuGroupImage a:hover { background: #e8df53; border: transparent; color: #fff; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink::after, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:after, .grid-text .sec-button::after, .grid-boxes .grid-box-subtitle.button a::after, .newUser a.shopBtn::after, #text1 p a:after, .page-not-found a:after, .registerFormWrapper.registerPage.registerThanks .shopBtn:after { border-color: #e8df53; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover:after, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:hover:after, .grid-text .sec-button:hover:after, .grid-boxes .grid-box-subtitle.button a:hover:after, .newUser a.shopBtn:hover:after, button.couponButton.shopBtn.CouponOk:after, .FormResultPage a.FormResultPageButton:after, #text1 p a:hover:after /*a.linkToItemPage:after*/ { border-color: #b3be8c; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:hover, .grid-text .sec-button:hover, .grid-boxes .grid-box-subtitle.button a:hover, .newUser a.shopBtn:hover, .normal-form-submit input[type=submit]:hover, #text1 p a:hover { background: #b3be8c; border: transparent; } .add-to-cart, button#addToCartBtn, button#quickPurchaseBtn, .grid-rows .grid-row-text a.grid-row-button, .headerShop a.goToCart.shopBtn, .totalSumItems a.shopBtn, .newUser a.checkoutLogin, button.couponButton.shopBtn.CouponOk, .FormResultPage a.FormResultPageButton, .page-not-found a:hover, .offersGrid .content-section-Btn a, #header2 .megaMenuGroupImage a { background: #b3be8c; } .add-to-cart::after, button#addToCartBtn::after, button#quickPurchaseBtn::after, .grid-rows .grid-row-text a.grid-row-button::after, .headerShop a.goToCart.shopBtn:after, .headerShop a.goToCheckout.shopBtn:after, .headerShop a.goToCheckout.shopBtn, .totalSumItems a.shopBtn::after, .newUser a.checkoutLogin::after, .page-not-found a:hover:after, .offersGrid .content-section-Btn a:after, #header2 .megaMenuGroupImage a:after { border-color: #b3be8c; } #DynamicFormObject input[type=submit], .loginFormInput .shopBtn, #checkoutLogin .shopBtn, .normal-form-submit input[type=submit], .normal-form-submit button, button.couponButton.shopBtn.CouponOk:hover, .FormResultPage a.FormResultPageButton:hover { background: #232323; color: #fff; } .content-section-Btn a, .grid-text .sec-button:hover { background: #fff; color: #232323; } .content-section-Btn a::after, .grid-text .sec-button:hover:after { border-color: #fff; } .content-section-Btn a:hover, .registerFormWrapper.registerPage.registerThanks .shopBtn:hover /*a.linkToItemPage:hover*/ { background: #232323; color: #fff; } .content-section-Btn a:hover:after, button.couponButton.shopBtn.CouponOk:hover:after, .FormResultPage a.FormResultPageButton:hover:after, .registerFormWrapper.registerPage.registerThanks .shopBtn:hover:after*a.linkToItemPage:hover:after*/ { border-color: #232323; } a.linkToItemPage { text-decoration: underline; } .add-to-cart, button#addToCartBtn { padding-top: 4px; } @media(min-width: 1025px) and (max-width: 1700px) { #GridPage::after { width: 17vw; height: 15vw; background-position: center; background-size: 100%; top: -150px; } } @media(max-width: 991px) { #allSectionsWrapper::before { width: 200px; height: 200px; background-size: contain; } #GridPage::after { width: 100px; height: 100px; background-size: 100% 100%; z-index: -1; background-position: center; top: -170px; right: -5px; } .headlineBlk h1, .headlineBlk h2, .headlineWht h2, #headline h1, #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 230% !important; } .headlineBlk h1::after, .headlineBlk h2::after, .headlineWht h2::after, #headline h1::after { content: ""; position: unset; background-image: url(/warehouse/temp/zest/H_briker.png); background-size: 100% 100%; background-repeat: no-repeat; width: 128px; height: 28px; bottom: unset; left: unset; transform: none; display: block; margin: 20px auto 0; } .ShopRelatedPage .shopLayout.checkoutPage .normal-form-submit button { max-width: 100%; } h1.newH1 { font-size: 2.5rem; } } /*HomePage */ /*Catalog*/ .grid-Catalog-Items.headlineBlk h1 { margin-bottom: 100px; } section.grid-Catalog-Items { max-width: 1170px; margin: auto; overflow: visible; } section.grid-Catalog-Items.headlineBlk .catalogItemBox .item-price { display: inline-flex; flex-direction: row-reverse; } .grid-boxes.row { margin-right: 0; margin-left: 0; } .catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 100%; } .catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { width: 100%; border-radius: 10px 10px 0 0; } .catalogItemBox .catalogItemBoxInner.hasQuantityLimit { background: #fff; min-height: 390px; border-radius: 10px; position: relative; overflow: hidden; } .checkOutItemsCarousel .catalogItemBox .catalogItemBoxInner { opacity: 0; transition: 0.3s all; } .checkOutItemsCarousel.owl-carousel .catalogItemBox .catalogItemBoxInner { opacity: 1; } .productLabel.offer-919 { background: #e8df53; color: #000 } .productLabel.collection-5838 { background-color: #A7D2F3; color: #000; top: 190px; } .ecommerceItemBox .productLabel.collection-5838 { top: 183px; bottom: auto; } .relatedItems .ecommerceItemBox .productLabel.collection-5838 { top: 200px; bottom: auto; } .productLabel.collection-5838::after { content: ''; position: relative; display: inline-block; width: 16px; height: 17px; background-image: url(/warehouse/dynamic/380104.svg); background-size: contain; background-repeat: no-repeat; background-position: center; transform: translate(-2px,25%); } .catalog-page #CatalogModule .itemImages .productLabel.collection-5838 { top: 350px } .CatalogItemPage #CatalogModule .itemImages .productLabel.collection-5838 { top: unset; bottom: 15px; right: 65px; } .SearchResults #SearchResultPage .productLabel.collection-5838 { top: 150px; } .productLabel.collection-5873 { background: #b3be8c; } .productLabel.Right { direction: rtl; } .outOfStockLabel.hasTextLabel { top: 50px; left: -60px; } .catalogItemBox { padding: 0 3px; } /*.catalogTextContainer { margin-top: 60px; }*/ .catalogItemBox .item-text-top { order: 1; min-height: 50px; } .catalogItemBox h3.itemTitle { min-height: unset; } .catalogItemBox .item-price { order: 2; flex-grow: 1; display: inline-flex; justify-content: center; align-items: center; max-height: 40px; } .catalogItemBox span.finalPrice { margin-left: 0; } .catalogItemBoxInner .item-add-to-cart { padding-top: 10px; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-top: 1px solid #efeaea; width: 100%; } .catalogItemBox a.item-text, .catalogCategoryBox .catalogCategoryBoxText { padding: 0px 10px; display: flex; flex-direction: column; min-height: 120px; } .catalogItemBox h3.itemTitle { font-size: 100%; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } .catalogItemBox span.finalPrice { font-size: 100%; } .catalogItemBox .item-text-top, .catalogItemBox span.finalPrice { font-family: 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; margin-left: 0 !important } #CatalogModule .item-price span.finalPrice span:nth-child(3) { display: none; } .catalogItemBox span.finalPrice span:nth-child(2) { display: none; } .grid-Catalog-Items .owl-carousel .owl-prev, .grid-Catalog-Items .owl-carousel .owl-next { font-size: 0; } .grid-Catalog-Items .owl-carousel .owl-prev { right: -60px; } .grid-Catalog-Items .owl-carousel .owl-next { left: -60px; } span#NextPage, span#PrevPage { display: -webkit-inline-box; vertical-align: middle; } #CatalogModule .CatalogNav .navigationItems a { background: #c2ce9a; border-radius: 10px; margin-top: 10px; direction: rtl; padding: 0; width: 35px; height: 35px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 90%; } #CatalogModule .CatalogNav span#NextPage a, #CatalogModule .CatalogNav span#PrevPage a { width: 35px; position: relative; height: 35px; margin-top: 10px; display: flex; justify-content: center; align-content: center; align-items: center; } #CatalogModule .CatalogNav { background-image: url('/warehouse/temp/zest/eat.png'); background-size: 100% 100%; margin: 0; padding: 60px 0; } #CatalogModule .CatalogNav span#NextPage a::after, #CatalogModule .CatalogNav span#PrevPage a::after { content: ""; background-image: url(/warehouse/temp/zest/Polygon.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 10px; height: 10px; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); } #CatalogModule .CatalogNav span#PrevPage a::after { transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); } #CatalogModule .CatalogNav span#NextPage a span, #CatalogModule .CatalogNav span#PrevPage a span { display: none; } .bottomHeadline.grid-text-section { padding: 0; margin-bottom: 40px; } .bottomHeadline .section-title h2 { font-size: 610%; color: #d6d6d6; opacity: 0.5; font-family: 'futura-pt-condensed'; font-weight: 700; } @media(min-width: 1025px) { .itemsList .catalogItemBox { width: 20%; padding: 0 8px; } #CatalogModule span.itemBeforeDiscountPrice, .catalogItemBox span.itemBeforeDiscountPrice { font-size: 18px; } .catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { font-size: 150%; } } @media(min-width: 1024px) and (max-width: 1220px) { .grid-Catalog-Items .owl-carousel .owl-next { left: 0; } .grid-Catalog-Items .owl-carousel .owl-prev { right: 0; } .owl-stage-outer { max-width: 90%; margin: 0 auto; } } @media(max-width: 991px) { section.grid-Catalog-Items { overflow: hidden; } .grid-Catalog-Items.headlineBlk h1 { margin-top: 50px; margin-bottom: 50px; } .bottomHeadline .section-title h2 { font-size: 200%; } .bottomHeadline.grid-text-section .section-title, .businessSec.grid-text-section .section-title { margin-bottom: 0; width: 100%; } .catalogItemBoxInner .item-add-to-cart { padding-top: 15px; bottom: 15px; } .catalogItemBox.align-center { width: 100%; /*padding: 0 10px;*/ margin-bottom: 10px; } .catalogItemBox.align-center:nth-child(odd) { padding-right: 0; padding-left: 5px; } .catalogItemBox.align-center:nth-child(even) { padding-left: 0; padding-right: 5px; } .catalogItemBox .catalogItemBoxInner.hasQuantityLimit { min-height: 350px; } #CatalogModule .CatalogNav { background-size: 100% 50%; background-repeat: no-repeat; display: flex; justify-content: center; width: 90vw; flex-wrap: wrap; } #CatalogModule .CatalogNav .navigationItems { margin-left: 8px; } .catalogItemBox a.item-text, .catalogCategoryBox .catalogCategoryBoxText { justify-content: flex-start; min-height: 100px; } #CatalogModule .filters-box .filters-list-wrapper { top: 0; } .grid-Catalog-Items .owl-carousel .owl-prev { right: 10px; } .grid-Catalog-Items .owl-carousel .owl-next { left: 10px; } .productLabel.collection-5838 { top: 140px; } .ecommerceItemBox .productLabel.collection-5838 { top: 132px; } .catalog-page #CatalogModule .itemImages .productLabel.collection-5838 { top: 350px } .CatalogItemPage #CatalogModule .itemImages .productLabel.collection-5838 { bottom: 40px; right: 35px; top: unset; } .CatalogItemPage .top-caption { display: none; } #CatalogModule .item-price span.finalPrice { margin-top: 5.333vw; } /**/ .SearchResults #SearchResultPage .productLabel.collection-5838 { top: 135px; } } /*Business Section*/ .businessSec { background: #c2ce9a; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 60px; padding: 30px 0; margin-bottom: 0; } .businessSec .section-title h2 { font-family: "futura-pt-bold"; font-size: 200%; } @media(max-width: 991px) { .businessSec { flex-direction: column; align-content: center; gap: 10px; padding: 20px 0 10px; } .businessSec .grid-text .grid-text-content { width: 100%; } .businessSec .section-title h2 { font-family: 'futura-pt-condensed'; font-size: 200%; font-weight: bold; } } /*Store Collection*/ .storeCollection { background-image: url(/warehouse/temp/zest/storeC_BG.jpg); background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; } .storeCollection::before { content: ""; background: #232323; top: 0; right: 0; bottom: 0; left: 0; position: absolute; opacity: 0.8; } .storeCollection::after { content: ""; position: absolute; background-image: url(/warehouse/temp/zest/Stemps.png); background-repeat: no-repeat; background-size: contain; width: 175px; height: 175px; transform: rotate(160deg); -webkit-transform: rotate( 160deg); left: 0; top: auto; bottom: 20px; opacity: 0.4; z-index: 0; } .storeCollection.grid-content-section, .branches.grid-content-section { max-width: unset; margin-bottom: 0; padding: 50px 0 100px; } .storeCollection .grid-boxes.row, .branches .grid-boxes.row { max-width: 1320px; margin: 0 auto; } .storeCollection .grid-boxes .grid-box { margin-right: 0; padding: 0 20px; margin-bottom: 40px; width: 15%; z-index: 1; } .storeCollection .grid-boxes .grid-box-image { padding-bottom: 100%; overflow: visible; margin-bottom: 0; background-color: #fff; border-radius: 10px; } .storeCollection .grid-boxes .grid-box-image::before { content: ""; position: absolute; background-image: url('/warehouse/temp/zest/Item.png'); top: 0; right: 0; left: 0; bottom: 0; border-radius: 10px; opacity: 0.5; } .storeCollection .grid-boxes .grid-box-image::after { position: absolute; content: ""; border: 1px solid #fff; top: -3px; right: -3px; left: -3px; bottom: -3px; border-radius: 10px; } .storeCollection .grid-box-title { position: absolute; bottom: 20px; width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .storeCollection .grid-boxes .grid-box-title h3 { font-size: 105%; } .storeCollection .grid-boxes .grid-box-title h3 a { color: #121212; padding: 100px 30px 0; } .storeCollection .grid-boxes .box-image-animation img { margin: auto; width: 90%; } @media(max-width: 991px) { .storeCollection { background-position: center; } .storeCollection.grid-content-section { padding-bottom: 50px; } .storeCollection .grid-boxes.row { display: flex; flex-direction: row; flex-wrap: wrap; } .storeCollection .grid-boxes .grid-box-title h3 a { padding: 60px 0px 0; } .storeCollection .grid-boxes .grid-box-title h3 { font-size: 90%; } .storeCollection .grid-boxes .grid-box { margin-right: 0; margin-bottom: 20px; width: 33%; } .storeCollection .grid-boxes .grid-box:nth-child(odd), .storeCollection .grid-boxes .grid-box:nth-child(even) { padding-right: 10px; padding-left: 10px; } .storeCollection .grid-box-title { bottom: 10px; } .storeCollection::after { display: none; } } /*Our Story*/ .section.grid-row-section { padding-top: 85px; margin-bottom: 115px; } .grid-rows .grid-row { background-color: transparent; background-color: transparent; max-width: 1170px; margin: auto; } .grid-row li.slider-item { padding-bottom: 96%; } .grid-rows .grid-row-text { width: 80%; text-align: center; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1' } .grid-rows .grid-row-text p { margin-bottom: 20px; } .grid-rows .grid-row-text p:last-child { margin-bottom: 30px; } @media(max-width: 991px) { .section.grid-row-section { margin-bottom: 50px; padding-top: 42.5px; } .headlineBlk .grid-rows .grid-row-text h2 { margin-bottom: 30px; } .grid-rows .grid-row-text { width: 90%; text-align: center; margin-top: 0; padding-top: 0; padding-bottom: 0; } .grid-row-section .box-image-animation img { width: 90%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .grid-rows .grid-row-text p { font-size: 100%; } } /*offers Grid */ .sections .grid-content-section.offersGrid { max-width: 1330px; padding: 85px 82px 0; } .offersGrid .grid-box { float: right !important; padding: 0 7px; overflow: hidden; margin: 0px; } .offersGrid .grid-boxes .grid-box-image { margin: 0; border-radius: 10px; padding-bottom: 85.5%; } .offersGrid .grid-box-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; display: flex; flex-direction: column; justify-content: center; line-height: 1; height: max-content; width: max-content; pointer-events: none; } .offersGrid .grid-box-image:after { content: ""; position: absolute; inset: 0px; background-color: #000; opacity: 0.1; pointer-events: none; } .offersGrid .grid-boxes .grid-box-title h3 { margin: 0px; font-size: 2.25rem; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } .offersGrid .grid-boxes .grid-box-title h3 a { color: inherit; } .offersGrid .grid-boxes .grid-box-subtitle { line-height: 0.8; color: inherit; font-size: 4rem; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; display: block; } .offersGrid button { position: absolute; top: 50%; width: 45px; height: 45px; transform: translateY(-50%); border-radius: 50%; border: none; } .offersGrid button svg { height: 11px; } .offersGrid button.slick-prev.slick-arrow { left: -60px; } .offersGrid button.slick-prev.slick-arrow svg { transform: rotate(90deg); } .offersGrid button.slick-next.slick-arrow { right: -60px; } .offersGrid button.slick-next.slick-arrow svg { transform: rotate(-90deg); } .offersGrid .content-section-Btn { margin-top: 42px; } @media(max-width:767px) { .offersGrid .grid-boxes .grid-box-title h3 { font-size: 1.5rem; } .offersGrid .grid-boxes .grid-box-subtitle { font-size: 3rem; } .offersGrid .grid-boxes .grid-box { width: 80vw; } .sections .grid-content-section.offersGrid { padding: 85px 0px 0; } .offersGrid button { display: none !important; } .offersGrid.headlineBlk .section-title { margin-bottom: 0; } .offersGrid.headlineBlk h1 { margin-bottom: 30px; } } /*More In Store Grid */ .MoreInStoreGrid .grid-box { height: 97px; padding: 6px; display: flex; background: #fff; box-shadow: 0 4px 8px 0 rgba(35, 35, 35, 0.02); width: calc(33.33% - 10px); margin: 5px; border-radius: 5px; } .MoreInStoreGrid .grid-boxes .grid-box-image { width: 110px; padding-bottom: 85px; display: flex; border-radius: 5px; } .MoreInStoreGrid .grid-boxes { display: flex; flex-wrap: wrap; } .MoreInStoreGrid .grid-box-title { display: flex; align-items: center; padding: 0 25px; text-align: right; } .MoreInStoreGrid { padding: 0; max-width: 1230px; } .MoreInStoreGrid .grid-boxes .grid-box-title h3 a { color: #000; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } .MoreInStoreGrid .grid-boxes .grid-box-title h3 { font-size: 1.2rem; } @media(max-width:767px) { .MoreInStoreGrid .grid-box { width: calc(50% - 12px); height: auto; margin-bottom: 10px; display: flex; flex-direction: column; margin: 6px !important; } .MoreInStoreGrid .grid-box-title { padding: 0 9px; flex-grow: 1; text-align: right; } .MoreInStoreGrid .grid-boxes .grid-box-title h3 { font-size: 1.1rem; display: block; text-align: center; width: 100%; } .MoreInStoreGrid .grid-boxes .grid-box-image { margin: 0; width: 64px; padding-bottom: 50px; height: auto; width: 100%; height: auto; padding-bottom: 78%; } .MoreInStoreGrid.headlineBlk .section-title { margin-bottom: 0; } .MoreInStoreGrid.headlineBlk h2 { margin-bottom: 30px; } } /*Our Branches*/ .branches { background-image: url(/warehouse/temp/zest/PIC_D.jpg); background-size: cover; background-repeat: no-repeat; position: relative; } .branches.grid-content-section { max-width: 90vw; margin-bottom: 40px; padding: 65px 0 105px; } .branches .grid-boxes.row { max-width: 1170px; } .branchesWrapper { max-width: 1170px; margin: auto; position: relative; background: rgb(35 35 35 / 90%); border-radius: 10px; padding: 25px 0 0; z-index: 1; } .branchesWrapper::before { content: ''; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; border: 1px solid #232323; border-radius: 11px; } .branchesWrapper::after { content: ""; content: none; position: absolute; background: #fff; height: 1px; width: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 2; opacity: 0.4; } .branches .grid-boxes .grid-box-image-container { position: relative; } .branches .grid-boxes .grid-box-image { padding-bottom: 0; } .branches.headlineWht h2 { margin-bottom: 0px; } .branches.headlineWht .section-title { margin-bottom: 25px; } .branches .grid-boxes .grid-box { min-height: 246px; margin-bottom: 20px; /*margin-top: 15px;*/ position: relative; width: 20%; padding: 10px 0 0; } .branches .grid-boxes .grid-box:not(.lastItem):after { content: ""; position: absolute; background: #fff; height: 90%; width: 1px; top: 0; left: 0; /* transform: translateY(-50%); */ /* -webkit-transform: translateY(-50%); */ opacity: 0.8; } .branches .grid-boxes .grid-box:nth-child(4)::after { content: none; } .branches .grid-boxes .grid-box:nth-child(5)::before { content: ""; position: absolute; background: #fff; height: 50%; width: 1px; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0.4; } .branches .grid-boxes .box-image-animation img { width: 13%; margin: auto; } .branches .grid-boxes .box-image-animation:hover img { transform: none; } .branches .grid-boxes .grid-box-title h3 { font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } .branches .grid-boxes .grid-box-title h3 a, .branches .grid-boxes .grid-box-subtitle { padding-bottom: 15px; line-height: normal; color: #fff; } .branches .grid-boxes .grid-box-subtitle { font-family: 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; font-size: 100%; } .branches .grid-boxes .grid-box-subtitle.button { padding-top: 13px; } .branches .content-section-Btn { margin-bottom: 35px; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 30px); } @media(max-width: 991px) { .branches { background-image: url(/warehouse/temp/zest/PIC_M.jpg); } .branches.grid-content-section { max-width: 100vw; margin-bottom: 0; } .branches.headlineWht h2, .branches .section-title { margin-bottom: 30px; } .branchesWrapper { width: 95vw; } .branches .grid-boxes .grid-box { min-height: 280px; } .branches .grid-boxes .grid-box-subtitle { width: 80%; margin: auto; } .branches .grid-boxes .grid-box:nth-child(2)::after, .branches .grid-boxes .grid-box:nth-child(6)::after, .branches .grid-boxes .grid-box:nth-child(5)::before, .branchesWrapper::after { content: none; } .branches .grid-boxes .grid-box-title h3 a, .branches .grid-boxes .grid-box-subtitle { padding: 0; } .branches .grid-boxes .grid-box-subtitle, .branches .grid-boxes .grid-box-title { min-height: 50px; } } @media(max-width: 767px) { .branches .grid-boxes .grid-box-image { margin-bottom: 0px; } .branches .grid-boxes .grid-box-title { min-height: unset; } .branches .grid-boxes .grid-box-subtitle.button { padding-top: 10px; } .branches .grid-boxes .grid-box { min-height: 220px; width: 50%; } } /*Footer*/ footer { padding-top: 0; } #SiteFooter { display: flex; flex-direction: column; } .footerFormContainer { background: #c2ce9a; } .FooterForm.form-container-wide { order: 1; } #SiteFooter #partners-section { order: 2; padding: 50px 0 70px; background-image: url('/warehouse/dynamic/269924.png'); background-repeat: no-repeat; background-color: #131313; position: relative; color: #fff; background-image: url(/warehouse/dynamic/460636.svg); background-position: center bottom; } #SiteFooter #partners-section::after { content: ""; background-image: url('/warehouse/dynamic/269925.png'); width: 405px; height: 204px; right: 0px; background-repeat: no-repeat; position: absolute; background-size: cover; /* transform: translateY(-50%); */ /* -webkit-transform: translateY(-50%); */ top: 0px; z-index: -1; display: none; } #SiteFooter #partners-section img { width: 233px; } #SiteFooter #partners-section p:last-child { position: absolute; width: 100%; background: #2a2c31; z-index: 1; bottom: 0; padding: 5px 0; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; } #SiteFooter #partners-section a[title*="ZEST"] { padding: 0; } #partners-section .logo-box, #partners-section a { padding: 0 0 0 30px; } #SiteFooter .site-credit.alternative { order: 3; padding: 10px 0; } .FooterForm.form-container-wide .normal-form input { margin-bottom: 0; background: rgba(255, 255, 255, 0.6); border: none; font-size: 90%; } .FooterForm.form-container-wide .normal-form input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; height: 15px; } .FooterForm.form-container-wide .normal-form input[type="checkbox"]:checked:before { content: '✓'; margin: 0 2px; } .FooterForm.form-container-wide .normal-form input[type="checkbox"]:checked { padding: 0; } a.AccessabilityLink:hover { color: #fff; text-decoration: underline; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; position: absolute; bottom: 0; margin: 0; font-size: 75%; text-align: right; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.checkboxField), .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; } .dynamicFormObjectSubmit.col-xs-12 { text-align: right; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; } .FooterForm.form-container-wide #DynamicFormObject { padding: 20px 10px 10px; position: relative; height: 100px; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { vertical-align: top; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; font-size: 40px; } #DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; } .must:before { top: 10%; right: 7px; } @media(max-width: 991px) { #SiteFooter { padding-bottom: 0; } #SiteFooter #partners-section img { max-width: 50%; } .FooterForm.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; height: auto; align-items: center; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.checkboxField), .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; text-align: center; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .FooterForm.form-container-wide .normal-form input { margin-bottom: 10px; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { position: relative; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 10px; } .site-credit .text-center { display: flex; justify-content: space-between; } a.AccessabilityLink { margin-bottom: 0; } #SiteFooter #partners-section { background-size: 120% 80%; padding: 15vw 0 20vw; /* background-image: unset; */ } #SiteFooter #partners-section::after { /* display: block; */ width: 100%; height: 100%; background-image: url('/warehouse/dynamic/297671.png'); background-size: cover; background-position: center center; right: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #SiteFooter #partners-section a { padding: 0 5px; text-align: center; max-width: unset; font-size: 80%; display: inline-block; margin: 0; } #SiteFooter #partners-section p:last-child { padding: 0 5px; } #SiteFooter #partners-section p:first-of-type { padding-bottom: 15px; } #DynamicFormObject .dynamicFormObjectField .must:before { right: 9px; } } /*Inners general Settings*/ body.centerAligning #headline, body.leftAligning #headline, body.rightAligning #headline { max-width: 850px; margin: auto; } #SiteGridContainer { min-height: 60vh; } #headline { font-size: 100%; } #CatalogModule .relatedItems h2 { background-image: url(/warehouse/temp/zest/bg.jpg); font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSED-MEDIUM6-1'; font-size: 300%; } #CatalogModule .filtersList { text-align: center; padding-top: 0px; margin-bottom: 60px; } #CatalogModule .filters-box { border: 1px solid #e8e8e8; background: #fff; margin: 0 10px; } #CatalogModule .filters-box button.filters-title { padding: 5px 10px 0 30px; font-family: 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; font-size: 100%; position: relative; min-width: 253px; height: 44px; text-align: right; border: solid 1px #b4b4b4; } #CatalogModule .filters-box button.filters-title.active { background: unset; } #CatalogModule .filters-box button.filters-title:after { content: ""; position: absolute; background-image: url('/warehouse/temp/zest/PolygonUp.jpg'); background-size: 100% 100%; background-repeat: no-repeat; width: 10px; height: 10px; top: 50%; left: 10px; transform: translateY(-50%) rotate( 180deg ); -webkit-transform: translateY(-50%) rotate( 180deg ); margin: 0; } #CatalogModule .filters-box button.filters-title.active:after { top: 40%; transform: translateY(-50%) rotate( 0deg ); -webkit-transform: translateY(-50%) rotate( 0deg ); } #CatalogModule .filters-box .filters-list-wrapper.active { -webkit-box-shadow: 0 3px 9px 0 rgb(0 0 0 / 8%); box-shadow: 0 3px 9px 0 rgb(0 0 0 / 8%); } #CatalogModule .filters-box ul.filter-list { background: #fff; border: 1px solid #c2ce9a; padding: 10px 20px; margin-bottom: 0; min-width: 253px; max-height: 400px; overflow-y: scroll; } #CatalogModule .filters-box .filter-list-inner li.filter-list-item, #CatalogModule .filters-box .filter-list li.filter-list-item { border-bottom: 1px solid #e8e8e8; padding-top: 5px; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; text-align: right; font-size: 100%; } #CatalogModule .filters-box .filter-list-inner li:last-of-type { border: none; } #CatalogModule .filters-box .filter-list-inner > li { list-style-type: disc; } a.filter-list-link { font-size: 110%; } /*thankYouPage*/ .shopThankYouMsg { margin-top: 10%; } @media(max-width: 767px) { .shopThankYouMsg #text1 { text-align: center; } .shopThankYouMsg { margin-top: 30%; } } @media(max-width: 991px) { body.centerAligning #headline, body.leftAligning #headline, body.rightAligning #headline { max-width: 95%; } /*#CatalogModule .filters-box button.filters-title:after { transform: translateY(-50%) rotate(0deg); -webkit-transform: translateY(-50%) rotate(0deg); }*/ #CatalogModule .filters-box button.filters-title.active:after { top: 50%; transform: translateY(-50%) rotate(0deg); -webkit-transform: translateY(-50%) rotate(0deg); } #CatalogModule .filters-box button.filters-title { padding: 5px 20px; } #CatalogModule .filters-box { max-width: 80vw; } #CatalogModule .filtersList { text-align: center; padding: 0; margin: 0; height: 45px; } .mobileFiltersBtns { margin: 20px 0; } #SiteGridContainer { min-height: 100vh; } } /*catalog inner page*/ @media(max-width: 767px) { .catalog-page .catalogItemBox.align-center { width: 50%; } #CatalogModule .relatedItems h2 { font-size: 230%; } } /*our story*/ #text1 { padding-top: 40px; max-width: 850px; text-align: center; } .GridBottomGallery { max-width: 1170px; margin: auto; } .GridBottomGallery .gallery-cubes > div { padding: 0 10px 20px; width: 20%; } @media(max-width: 991px) { #text1 { max-width: 95%; text-align: right; } .GridBottomGallery .gallery-cubes > div { padding: 0 10px 20px; width: 50%; } } /*branches*/ #faqview { max-width: 850px; margin: auto; } .faq-item { margin-bottom: 15px !important; } .faq-headline { max-height: 76px; min-height: 75px; display: flex; align-items: center; border-bottom: 3px solid #c2ce9a; } .faq-headline .button-open { left: 15px; } .faq-headline.open, .faq-headline, .faq-body { background: #fff; } .branchesPage .button-open.fa-angle-down:before { content: "" !important; background-image: url('/warehouse/temp/zest/PolygonDn.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 16px; height: 16px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 10px; } .branchesPage .button-open.fa-angle-up:before { content: "" !important; background-image: url(/warehouse/temp/zest/PolygonUp.jpg); background-size: 100% 100%; background-repeat: no-repeat; width: 16px; height: 16px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 10px; } /*Spices*/ #catalogText { max-width: 850px; margin: auto; text-align: center; } /*Header-shop-active*/ .headerShop.active, .headerShop { top: 68px !important; transition: max-height 450ms ease-in-out; -webkit-transition: max-height 450ms ease-in-out; } .totalSumItems.cartActions { display: inline-block; width: 100%; text-align: center; padding-top: 20px; } .totalSumItems.cartActions > a.shopBtn { margin-top: 20px; } .headerShop a.goToCart.shopBtn, .headerShop a.goToCheckout.shopBtn, .totalSumItems a.shopBtn, .loginFormInput .shopBtn { max-width: 270px; } .headerShop a.goToCart.shopBtn:focus, .headerShop a.goToCart.shopBtn:hover, .totalSumItems a.shopBtn:focus, .totalSumItems a.shopBtn:hover { background: transparent; color: #000; border-color: #c2ce9a; } .headerShop a.goToCheckout.shopBtn:focus, .headerShop a.goToCheckout.shopBtn:hover { background: #c2ce9a; color: #000; } .headerShop .removeAllItems, .headerShop .cart .closeCart button, .cartItemsNavSubTotal .totalSumItems span:not(.price), .cartItemsNavSubTotal .totalSumItems span.price { font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; border-color: #131313; } .cartItemsNavSubTotal .totalSumItems { font-size: 100%; } .cartItemsNavSubTotal .totalSumItems span:not(.price), .cartItemsNavSubTotal .totalSumItems span.price { font-size: 22px; } .cartItemsTable .cartItem .itemName, .cartItemsTable .cartItemsCell { font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; } .cartItemsTable .item-quantity { display: flex; align-items: center; justify-content: center; border: 1px solid #131313; width: fit-content; margin: auto; } .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { margin: 0; border: 0; border-right: 1px solid #131313; border-left: 1px solid #131313; } .cartItemsTable .item-quantity button.item-plus, .cartItemsTable .item-quantity button.item-minus { border: none; } .headerShop .cartItemsTable.hasQuantitySelection .item-quantity button, .cartItemsTable .item-quantity button.item-plus, .cartItemsTable .item-quantity button.item-minus { background: #131313; } .headerShop .cartItemsTable.hasQuantitySelection .item-quantity svg *, .cartItemsTable .item-quantity svg { fill: #ffffff; } @media(max-width: 767px) { .headerShop .cartItemsTable .item-quantity, .cartItemsTable .item-quantity { width: fit-content; margin-right: 0; border: none; } .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer button { background: #131313; border: none; } .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { border-right: none; border-left: none; } .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer .itemQuantityContainer { border-color: #131313; } } /*shopping-cart*/ .shopLayout { margin-top: 60px; } .cartItemsTable .cartItemsTitles, .cartSubTotal .subTotalTitle, form#checkout-form .checkoutTitle h3, .checkOutItemsBoxTitle { background: #e8df53; border-bottom: 3px solid #c2ce9a; } .cartItemsTable .items, .cartSubTotal { background: #fff; } .cartItemsTable .item-quantity .itemQuantityContainer, .cartItemsTable .item-quantity .itemQuantityContainerMobile { border: none; border-right: 1px solid #131313; border-left: 1px solid #131313; border-bottom: 2px solid #131313; } .cartSubTotal .totalSumItems, .loginFormInput { text-align: center; } .shopLayout.cartPage .subTotalInner .totalSumItems { font-size: 18px; } .cartSubTotal .totalSumItems > a, #checkoutLogin .shopBtn, .loginFormInput .shopBtn { margin-top: 20px; } .deliveryMethodComments { padding-right: 30px; font-size: 100%; padding-top: 10px; width: 60%; } .cartItemsTable.orders .bottomOrderItem .order-actions button, .cartItemsTable .bottomOrderItem .order-actions a, .order-actions-container .order-actions button.addOrderToCart { width: 195px; display: inline-flex; padding: 6px 0; justify-content: center; } .order-actions-container .order-actions button.addOrderToCart .orderAddedToCart { direction: rtl; } .userProfile .orderFirstDetails + .orderDetailsWrapper .item-quantity { border: none; } .userProfile.user-not-connected { max-width: 100%; } .shopLayout.wishListPage .registerFormWrapper { max-width: 100%; } .userProfile.user-not-connected .registerFormWrapper { padding-inline: 0; } .shopLayout.wishListPage .userProfile:not(.user-not-connected) .itemsList .catalogItemBox { width: 30%; } @media(max-width: 767px) { .shopLayout { margin-top: 0; } .userLogin .newUser { text-align: center; } .registerFormWrapper { background: #fff; } .mobile-subTotal { background: #c2ce9a; z-index: 1; top: 119px; } .cartSubTotal .totalSumItems { text-align: initial; } .mobile-subTotal a.goToCheckout.shopBtn { padding: 0; } .totalSumItems .shopBtn:hover, .totalSumItems .shopBtn:focus { background: transparent; } .couponDetails input#coupon { margin-bottom: 10px !important; } .couponDetails button.couponButton.shopBtn.CouponOk { margin-right: 0; } .cartItemsTable .item-quantity .itemQuantityContainer, .cartItemsTable .item-quantity .itemQuantityContainerMobile { border: 1px solid #131313; } .deliveryMethodComments { width: 100%; } .checkOutItemsBoxTitle h3 { direction: rtl; } form#checkout-form .deliveryDetails.open { overflow: visible; } form#checkout-form .deliveryDetails.open .checkoutInputsWrapper { padding-top: 0; margin-top: -20px; } .shopLayout.wishListPage { padding-inline: 0; } .shopLayout.wishListPage .userProfile { margin: 0; } .shopLayout.wishListPage .userProfile.user-not-connected #headline h1 { font-size: 200% !important; display: flex; align-items: center; justify-content: center; gap: 10px; } .userProfile .itemsList.row { margin: 0; } #header-left .headerShopLoginUserLoggedIn a.userAction.userActionWishlist svg { display: none; } .shopLayout.wishListPage .userProfile:not(.user-not-connected) .itemsList .catalogItemBox { width: 50%; } } /*Shop checkout page*/ .ShopCheckoutPage .shopLayout { margin-top: 0; } .ShopCheckoutPage #GridPage { padding-top: 0; } .checkout-login { background: #fff; border-radius: 15px; margin-top: 50px; } #checkoutLogin .shopBtn { max-width: 100%; } form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { border-radius: 0; border-color: #c2ce9a; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; } .checkout-login .newUser a.checkoutLogin, .FormResultPage a.FormResultPageButton { border-bottom: none; display: inline-flex !important; line-height: normal; font-size: 100%; } .normal-form-submit input[type=submit]:hover { color: #131313; } .registerFormWrapper .shop-form .normal-form-submit { text-align: center; } #checkout-form .normal-form-submit { text-align: left; } button.couponButton.shopBtn.CouponOk { margin-right: 10px; } #FormResultPage #text1 { text-align: center; margin-bottom: 80px; } @media(max-width: 991px) { .checkOutItemsBox { margin-top: 50px; } .checkOutItemsBoxTitle { text-align: right; } .checkOutItemsBoxItems .owl-carousel .owl-dots { display: none !important; } .checkOutItemsBox .catalogItemBox.align-center { padding: 10px 50px; } } @media (min-width: 768px) { .ShopCheckoutPage .shopLayout.checkoutPage .checkOutItemsBoxItems { padding: 15px 60px; } .ShopCheckoutPage .shopLayout.checkoutPage .owl-carousel .owl-prev { right: -50px; } .ShopCheckoutPage .shopLayout.checkoutPage .owl-carousel .owl-next { left: -50px; } .ShopCheckoutPage .shopLayout.checkoutPage .owl-carousel .owl-prev:after { width: 44px; height: 44px; } .ShopCheckoutPage .shopLayout.checkoutPage .owl-carousel .owl-next:after { width: 44px; height: 44px; } } @media(max-width: 767px) { .ShopCheckoutPage .shopLayout { /* margin-top: 60px; */ } .ShopRelatedPage .shopLayout.checkoutPage { margin-top: 0; } .ShopCheckoutPage .shopLayout.checkoutPage .owl-carousel .owl-prev { right: 5px; } .ShopCheckoutPage .shopLayout.checkoutPage .owl-carousel .owl-next { left: 5px; } } /*CatalogItemPage*/ h4.item-subtitle { font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; direction: rtl; } .CatalogItemPage .RelatedItemsWrapper { max-width: 750px; max-width: 1170px; margin: auto; } .CatalogItemPage #CatalogModule .relatedItems .owl-prev { right: -60px; } .CatalogItemPage #CatalogModule .relatedItems .owl-next { left: -60px; } .CatalogItemPage #CatalogModule, .CatalogItemPage #GridPage { padding-top: 0; } .CatalogItemPage .catalogTextContainer { margin-top: 30px; } .CatalogItemPage .catalogItemBoxInner .item-add-to-cart { position: relative; bottom: 0; padding: 20px 0; } .CatalogItemPage .item-custom-details { display: flex; } .CatalogItemPage .item-custom-details img { width: 100%; max-width: 66px; } #CatalogModule #CatalogItemView .custom-field { margin-left: 0; } .CatalogItemPage #catalogText { text-align: right; } .CatalogItemPage .itemsList.row.relatedItemsCarousel .catalogItemBox { width: 33%; margin-bottom: 20px; } .CatalogItemPage #CatalogModule .relatedItems { margin: 100px 0 0; } .CatalogItemPage #CatalogModule .flexslider .slides .flex-active-slide img, #CatalogModule .flexslider .slides img { border-radius: 18px; } .CatalogItemPage #CatalogModule .gallery-slider.thumbs li.item { padding-bottom: 98px; width: 119px !important; margin-right: 20px; } @media(max-width: 767px) { .CatalogItemPage #GridTop.noTopImage.longer { height: 90px; } .CatalogItemPage #CatalogModule .relatedItems { padding: 0; } .CatalogItemPage .RelatedItemsWrapper { width: 100vw; margin-inline: -15px; } .CatalogItemPage #CatalogModule .relatedItems .owl-prev { right: 0; } .CatalogItemPage #CatalogModule .relatedItems .owl-next { left: 0; } } /*quickviewPopup*/ .modal-body #CatalogModule .itemContent #catalogText { text-align: right; } .shopPop .modal-body .item-custom-details img { width: 74px; height: 62px; } .shopPop .modal-body { background: #efeaea; background-image: url(/warehouse/temp/zest/bg.jpg); } .itemContent a { margin-top: 20px; } #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer, #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer { padding: 0; } #CatalogModule .item-quantity button, .catalogItemBox .item-quantity button { background: #131313; border-color: #131313; } #CatalogModule .item-quantity svg .st0, .catalogItemBox .item-quantity svg .st0 { fill: #ffffff; } .shopPop.quickviewPop #CatalogModule .itemContent #headline h2 { font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; } .propertyGroupContainer.hasVariations { position: relative; /*display: flex; flex-direction: column;*/ } .propertyOption { max-width: unset; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } .modal-open #CatalogItemView .RelatedItemsWrapper .relatedItemsCarousel .item-add-to-cart button { display: none; } .shopPop.quickviewPop .modal-body .owl-stage-outer .owl-item .catalogItemBox { width: 100%; } .propertyOption input[type="radio"] { display: none; margin: 0; } .propertyOption label { font-weight: 400; font-size: 90%; margin-bottom: 0; } .propertyOption { min-width: 80px; max-width: 90px; height: 32px; line-height: 28px; border: 1px solid; text-align: center; margin-left: 10px; background: #fff; } .propertyOption.active { background: #b3be8c; border: 1px solid #b3be8c; } .propertyOption.active label { color: #131313; } .shopPop.quickviewPop.fullPop .modal-content .itemContent .ingredientGroupSelection { display: flex; flex-wrap: wrap; width: 135%; } .shopPop.quickviewPop.fullPop .modal-content .itemContent h3 { width: 100%; } .shopPop.quickviewPop.fullPop .modal-content .itemContent .propertyOption { margin-bottom: 120px; width: 20%; max-width: 100%; } /*contact Page*/ .contactPage #text1 { text-align: center; } #text1 p a { max-width: 260px; } #text1 p { overflow: visible; } .form-control:focus, .normal-form input:focus { box-shadow: none; border-color: #c2ce9a !important; } #SiteGrid.layout-bottom #GridPromo { margin-bottom: 80px; padding-bottom: 20px; padding-top: 50px; } #GridPromo.form-container-wide #DynamicFormObject { border: 1px solid #efe993; box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: center; max-width: 860px; margin: auto; background-color: #fff; overflow: hidden; } #GridPromo.form-container-wide #DynamicFormObject::before { content: ""; position: absolute; background-image: url(/warehouse/temp/zest/Stemps.png); background-repeat: no-repeat; background-size: 100% 100%; width: 200px; height: 200px; right: -20px; top: auto; bottom: -30px; opacity: 0.8; filter: invert(5%); z-index: 0; } #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields, #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField, #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; } #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3%; padding-left: 20px; padding-right: 0; } #GridPromo .normal-form textarea, #GridPromo .normal-form input:not([type=submit]) { width: 100%; border-radius: 0; border-color: #c2ce9a; padding: 5px 15px; background: #fff; } #GridPromo #DynamicFormObject:after { display: none; } #GridPromo .must:before { right: 7px; top: 0; } #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { text-align: center; padding-top: 20px; } @media(max-width: 991px) { #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; } #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField, #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { padding: 0 10px 0 10px; } #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 0; } #GridPromo #DynamicFormObject .dynamicFormObjectField .must:before { right: 18px; } } /*sweet & salty*/ /*relatedItems + 20.2 changes*/ .relatedItemsCarousel .catalogItemBox .item-price { flex-grow: 0; } #CatalogModule span.itemBeforeDiscountPrice, .catalogItemBox span.itemBeforeDiscountPrice { margin: 0 10px 0 0; } @media(max-width: 991px) { .catalogTextContainer { margin-top: 0; } #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer, .CatalogItemPage #GridPage { padding: 0; } /*#CatalogModule .item-quantity button, .catalogItemBox .item-quantity button { background: #e2e0e0; border-color: #e2e0e0; }*/ #CatalogModule .itemImages { padding-right: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 30px; } #CatalogModule .itemContent { padding-left: 15px; padding-right: 15px; } #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 345px; } #CatalogModule .completeItemsWrapper .relatedItems { margin: 40px 0; padding: 0; } #CatalogModule .RelatedItemsWrapper:not(.completeItemsWrapper) { margin-bottom: 40px; } } /*Business Page*/ .business #text1, .jobs #text1 { text-align: center; } /*user register*/ .registerFormWrapper.registerPage.registerThanks .shopBtn { max-width: 160px; margin-top: 30px !important; } .ShopRegisterPage #GridContent { margin-bottom: 100px; } .ShopRegisterPage #GridPage { padding-top: 100px; } .registerFormWrapper { background: transparent; } .registerFormWrapper #headline { margin: 0; position: relative; } .ShopRegisterPage #text1 { text-align: center; } @media(max-width:767px) { .ShopRegisterPage #GridContent, .registerFormWrapper { margin-bottom: 0px; } .ShopRegisterPage #GridPage { padding-top: 50px; } } /*user logged in*/ .headerShopLoginUserLoggedIn { left: -130px; } .headerShopLoginUserLoggedIn:after { left: 68%; } .loggedInUser.profileSideBar h4, .headerShopLoginUserLoggedIn h4 { font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; } @media(max-width: 767px) { .user-connected #GridPage { padding: 0; } .user-connected #headline { margin-top: 20px; } .headerShopLoginUserLoggedIn { left: 2.5vw; } .user-connected .userProfile #headline h1 { font-size: 150% !important; } .user-connected .shopLayout.userAccountPage #headline h1 svg { vertical-align: baseline; } .userProfile .normal-form-submit { padding-right: 15px; width: 100%; } } /*search*/ .SearchResults #text1 { max-width: unset; } .SearchResults .container-fluid ul.searchResultsList > * { width: 20%; } header #searchFormHeaderContainer form#searchFormHeader { background: #131313; } header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSEDTHIN-REGULAR6-1'; } .CatalogItemPage #GridTop.noTopImage.longer { height: 0; } @media(max-width: 767px) { .SearchResults .container-fluid ul.searchResultsList > * { width: 50%; } .SearchResults .catalogItemBox .catalogItemBoxInner.hasQuantityLimit { min-height: 350px; } #SearchResultPage .container-fluid { padding: 0; } } @media(min-width: 1025px) { .ShopRelatedPage #GridContent { padding-top: 70px; } #payment-method-credit { margin-top: 50px; } } @media (max-width: 991px) { #header2.open #header-top-strip { display: none; } } @media(max-width: 767px) { .ShopRelatedPage #GridContent { padding-top: 50px; } #header-top-strip .topStripContainer { padding: 0 6px 7px; line-height: 1.3; font-size: 80%; } .ShopCheckoutPage.ShopRelatedPage section#GridTop:not(.noTopImage), .ShopRelatedPage section#GridTop:not(.noTopImage) { height: 0; } } /* New Blog Lobby Page */ .blog-grid #GridPage .max-width { max-width: 1080px; } .blog-grid .blog-posts { column-count: unset; margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; } .blog-grid .blog-posts .blog-post { width: 33.33%; padding-bottom: 40px; } .blog-grid .blog-posts .blog-post .blog-post-image img { min-height: 226px; object-fit: cover; } .blog-grid .blog-posts .blog-post-content { background: #fff; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; padding: 18px 0px; min-height: 145px; } .blog-grid .blog-posts .blog-post-content .blog-post-text { border-bottom: 1px solid #efeaea; margin-bottom: 0; padding: 0px 30px 15px; } .blog-grid .blog-posts .blog-post-content .blog-post-icons { margin: 10px 0 0; padding: 0px 30px; } .blog-grid .blog-posts .blog-post-content h2.blog-post-title { font-size: 24px; padding: 0; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; padding: 0px 30px; } .blog-grid .blog-posts .blog-post-content .blog-post-icons i { color: #c2ce9a; font-size: 90%; } .blog-grid .blog-posts .blog-post-content .blog-post-icons span.blog-post-date { font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } .blog-grid #BlogMain .pagination { margin: 20px 0 60px; } .blog-grid #BlogMain .pagination > li > a { color: #232323; } .blog-grid #BlogMain .pagination > .active > a { background-color: #232323; border-color: #232323; color: #fff; } @media (max-width: 1024px) { .blog-grid .blog-posts .blog-post { width: 50%; padding: 0 20px 40px; } .blog-grid .blog-posts .blog-post .blog-post-image img { min-height: 246px; } } @media (max-width: 767px) { .blog-grid .blog-posts .blog-post { width: 100%; padding: 0 30px 30px; } .blog-grid .blog-posts .blog-post .blog-post-image img { min-height: 220px; } } /* New Blog Inner Page */ .contentInnerPage .blog-grid .blog-post-icons { margin: 0; position: absolute; margin-top: 15px; } .contentInnerPage .blog-grid .blog-view { max-width: 850px; margin: 0 auto; } .contentInnerPage .blog-grid .share-strip { display: flex; } .contentInnerPage .blog-grid .share-strip::before { display: none; } .contentInnerPage .blog-grid .share-strip > span { font-weight: 600; } .contentInnerPage .blog-grid .share-strip a.share-icon i { color: #99b04a; } .contentInnerPage .blog-grid #BlogView .share-strip::after { background: #fff; width: calc(100% - 250px); left: 52%; border: none; top: 50%; transform: translate(-50%,-50%); height: 1px; } .contentInnerPage .blog-grid .blog-post-icons i { color: #99b04a; font-size: 90%; margin-left: 5px; } .contentInnerPage .blog-grid .blog-post-icons span.blog-post-date { font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } .contentInnerPage .blog-grid #text1 p { font-size: 24px; } .contentInnerPage .blog-grid #text1 p a { background: transparent; border: none; min-width: unset; max-width: unset; width: auto; padding: 0; height: auto; min-height: unset; font-size: 100%; text-decoration: underline; } .contentInnerPage .blog-grid #text1 p a::after { display: none; } .contentInnerPage .blog-grid .blog-related-posts { padding-bottom: 120px; margin: 0 auto; } .contentInnerPage .blog-grid .blog-related-posts .share-strip { display: none; } .contentInnerPage .blog-grid .blog-related-posts > h2 { font-size: 300% !important; color: #232323; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSED-MEDIUM6-1'; position: relative; text-align: center; padding: 0; } .contentInnerPage .blog-grid .blog-related-posts > h2::after { content: ""; background-image: url(/warehouse/temp/zest/H_briker.png); background-size: 100% 100%; background-repeat: no-repeat; width: 128px; height: 28px; display: block; margin: 10px auto; } .contentInnerPage .blog-grid .blog-related-posts > .col-sm-4.col-xs-6 .blog-related-post-image img { min-height: 226px; object-fit: cover; } .contentInnerPage .blog-grid .blog-related-posts > .col-sm-4.col-xs-6 .blog-related-post { background: #fff; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } .contentInnerPage .blog-grid .blog-related-posts > .col-sm-4.col-xs-6 .blog-related-post-title { padding: 17px 30px 20px; text-align: right; font-size: 24px; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; line-height: 1; min-height: 85px; } @media (max-width: 767px) { .contentInnerPage .blog-grid #BlogView .share-strip { max-width: 95%; margin: 0 auto; float: unset; } .contentInnerPage .blog-grid .blog-post-icons { margin-top: 0px; margin-right: 2.5%; } .contentInnerPage .blog-grid #BlogView .share-strip::after { width: calc(100% - 220px); } .contentInnerPage .blog-grid #BlogView .blog-related-posts > h2 { font-size: 230% !important; max-width: 260px; margin: 0 auto; float: none; } .contentInnerPage .blog-grid .blog-related-posts > .col-sm-4.col-xs-6 { width: 100%; margin-bottom: 30px; } .contentInnerPage .blog-grid .blog-related-posts { padding-bottom: 50px; } .contentInnerPage .blog-grid .blog-related-posts > .col-sm-4.col-xs-6 .blog-related-post-image img { min-height: 218px; } .contentInnerPage .blog-grid .blog-related-posts > .col-sm-4.col-xs-6 .blog-related-post-title { padding: 14px 20px 17px; } } @media (max-width: 767px) { #whatAppButton { bottom: 20px; } } .productLabel { opacity: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; } .productLabels .productLabel { opacity: 1; } .productLabel.wishlist { right: 0; } .productLabel.wishlist button.wishListBtn * { stroke: #fff; } .productLabel.wishlist button.wishListBtn.active * { fill: #fff; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { direction: rtl; white-space: nowrap; } .productLabel.offer { background: #e8df53; color: #000; } .productLabel[data-label='1'] { margin-top: unset; } .productLabel[data-label='2'] { margin-top: 36px; } .productLabel.Right.collection-6342 { background: #e8df53; color: #000; } .itemImages .productLabel.Right.collection-6342 { top: 50px; } .catalogItemBox .productLabel.Right.collection-6342 { top: 0; } .catalogItemBox .productLabel + .productLabel.collection-6342 { top: 45px; } #CatalogItemView .itemContentWrapper .productLabel.collection-5838 { bottom: 100px; top: auto; } .CatalogItemPage #CatalogModule #CatalogItemView:not(.catalogItemQuickView) .itemContentWrapper .productLabel.collection-5838 { top: 450px; bottom: auto; } #CatalogItemView:not(.catalogItemQuickView) .itemContentWrapper .productLabel.Right { right: 60px; } #CatalogItemView:not(.catalogItemQuickView) .itemContentWrapper .productLabel.Left { left: 45px; } #CatalogModule #CatalogItemView.catalogItemQuickView .itemContentWrapper .productLabel.collection-5838 { top: 350px; bottom: auto; right: 40px; } @media (max-width: 767px) { #CatalogItemView:not(.catalogItemQuickView) .itemContentWrapper .productLabel.Right { right: 40px; } #CatalogItemView:not(.catalogItemQuickView) .itemContentWrapper .productLabel.Left { left: 40px; } .catalogItemBox .productLabel + .productLabel.Right.collection-6342 { top: 46px; } .catalogItemBox .productLabel.Right.collection-6342 { top: 10px; } } .CatalogItemPage .ecommerceItemView .ingredientGroupSelection { display: flex; flex-wrap: wrap; justify-content: flex-start; } .CatalogItemPage .ecommerceItemView .ingredientGroupSelection h3 { width: 100%; } .CatalogItemPage .ecommerceItemView .ingredientGroupSelection .propertyOption { min-width: auto; max-width: 100%; width: 20%; display: inline-flex; flex-direction: column; border: 0; background: transparent; min-height: 90px; justify-content: flex-start; align-items: center; } .CatalogItemPage .ecommerceItemView .ingredientGroupSelection .propertyOption label { text-align: center; } .CatalogItemPage .ecommerceItemView input[type=checkbox], .CatalogItemPage .ecommerceItemView input[type=checkbox]:checked { accent-color: #b3be8c; } @media (max-width: 1024px) { .CatalogItemPage .ecommerceItemView .ingredientGroupSelection .propertyOption { width: 30%; min-height: 100px; } } @media(min-width: 1024px) { form#checkout-form .pickUpBranches { width: 60%; } form#checkout-form .pickUpBranches .selectBoxWrapper { padding-left: 18px; } div#GoogleStreet { width: 64%; } #register-form #GoogleStreet { width: 100%; } } .google-street-address svg { top: 13px; } .FreeDeliverySpan span b { font-size: 90%; } .FreeDeliveryStrip { margin: 20px auto 0; } .FreeDeliverySpan { font-size: 18px; padding: 6px 20px 8px; gap: 0 5px; display: inline-flex; justify-content: center; background: #E8DF53; width: 100%; } .FreeDeliverySpan svg { order: 2; } .FreeDeliverySpan span { order: 1; } form#checkout-form .checkoutInputsWrapper.selectDeliveryTypeFirst .DeliveryBtnsWrapper { display: flex; flex-direction: column-reverse; row-gap: 20px; } .selectDeliveryBtn { justify-content: flex-start; padding-right: 15px; } .selectDeliveryBtn-wrapper { width: 64%; } .checkoutInputsWrapper .checkBoxWrapper { padding-block: 15px 30px; } @media(max-width: 767px) { .selectDeliveryBtn-wrapper { width: 100%; } form#checkout-form .pickUpBranches { padding-inline: 15px; } } #header-top-strip .topStripContainer .topStripText { font-size: 100%; letter-spacing: 0; } #header-top-strip .topStripContainer .topStripText p { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 8px; } #header-top-strip .topStripContainer { background: #131313; padding-bottom: 0; } #header-top-strip + script + .max-width #header-container { padding-top: 0; } #header2 ul.menu .menu-sub a.offer, #header2 ul.menu li a.offer { border: none !important; font-size: 1rem; color: #99b04a !important; text-decoration: underline; margin-top: 17px; float: none; } #header2 .megaMenuGroupImage img { border-radius: 5px; position: absolute; inset: 0; } #header2 .megaMenuGroupImage { position: relative; display: flex; align-items: center; flex-direction: column-reverse; } #header2 ul .megaMenuGroupImage a { position: relative; margin: 0 auto 35px; } @media(min-width: 1025px) { #header2.detailsInRow .max-width { height: 70px; display: flex; flex-direction: column; } #header2 .menu-sub.megaMenu { left: unset; right: -100px; transform: unset; min-width: 580px !important; background: none; background-color: transparent; padding: 0; padding-top: 40px; } #header2 ul.menu li.left-side .menu-sub.megaMenu { left: -100px !important; right: unset !important; } #header2 ul.menu .menu-sub.megaMenu li { width: 100%; display: flex; flex-direction: row-reverse; margin: 0; justify-content: flex-end; padding: 0; margin-left: 15px; } #header2 ul.menu-sub.megaMenu::before { display: none; } #header2 ul.menu .megaMenuGroupText { margin-right: 30px; display: flex; flex-direction: column; } #header2 ul.menu .menuGroupTitle { font-size: 1.75rem; margin: 0; color: #232323; margin-bottom: 23px; display: block; font-family: 'futura-pt-condensed', 'NARKISBLOCKCONDENSED-MEDIUM6-1'; text-wrap: wrap; padding: 0 30px; } #header2 ul.menu .megaMenuGroupWrapperInner { display: flex; padding: 0 30px; } #header2 ul.menu li .menuGroupTitle a { float: none; line-height: 1; display: block; } #header2 ul.menu .menu-sub.megaMenu .megaMenuSub li { border: none; font-size: 0.95rem; padding: 0; margin-bottom: 8px; } #header2 ul.menu .menu-sub.megaMenu .megaMenuSub li a { float: none; line-height: 1; display: block; color: #232323; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } #header2 ul.menu .menu-sub.megaMenu .megaMenuSub li a:hover { color: #232323; text-decoration: underline; } #header2 ul.menu .menu-sub.megaMenu .megaMenuSub li:after { display: none; } #header2 ul.menu .menu-sub.megaMenu li:after { display: none; } #header2 ul.menu li.has-megamenu:before { content: ""; position: absolute; top: 40px; width: 100%; height: 6px; display: block; background-color: #99b04a; border: none; opacity: 0; } #header2 ul.menu li.has-megamenu:hover:before, #header2 ul.menu li.has-megamenu.active:before { opacity: 1; } #header2 ul.menu .menu-sub > .megaMenuGroupWrapper { display: flex; background: #efeaea; border-radius: 10px; padding: 15px; } #header2 ul.menu .menu-sub > .megaMenuGroupWrapper .megaMenuGroupWrapper { display: flex; flex-direction: column; } #header2 ul.menu .menu-sub .megaMenuGroupImage { height: 275px; width: 275px; flex-shrink: 0; } #header2 ul.menu .menu-sub .megaMenuGroupImage img { width: 100%; object-fit: cover; height: 100%; } #header2 ul.menu .menu-sub .megaMenuGroupImage.widthLink { cursor: pointer; } #header2.hasAutoComplete #header-container { padding-bottom: 0; } #header2 ul.menu .megaMenuGroupWrapper2 { display: flex; flex-direction: column; } #header2 ul.menu .menu-sub.megaMenu .megaOffer { margin-top: auto; padding: 0 30px 0 20px; } #header2 ul.menu .megaMenuGroup:first-child .menuGroupTitle { display: block; } #header2 ul.menu .menu-sub a.offer, #header2 ul.menu li a.offer { display: block; padding-left: 0; } } @media(max-width: 1024px) { #header2 .social-links { display: flex; } #header2 ul.menu li.social-mobile { border: none; } #header2 ul.menu li { color: #000; } #header2 ul.menu li .megaList { column-count: 2; column-fill: balance; padding: 0; border-bottom: 1px solid #efeaea; padding-bottom: 15px; width: 100%; /*display: flex; flex-wrap: wrap; align-items: flex-start;*/ } #header2 ul.menu li .megaList a { font-size: 18px; line-height: 1; } #header2 ul.menu { background: #fff; padding: 70px 25px 0 38px; max-height: 100vh; z-index: 1; } :is(#stickyButton-3119, #stickyButton-3122 ) { position: relative; right: unset; left: unset; top: unset; border-radius: 0; box-shadow: unset; margin-bottom: 20px; } #header2 .backDrop { position: fixed; inset: 0; background: rgba(0,0,0,0.35); z-index: 0; pointer-events: none; opacity: 0; transition: .3s all ease-in-out; } #header2 .nav-menu-anim.open ~ .backDrop { opacity: 1; pointer-events: auto; } #header2 ul.menu li > a, #header2 ul.menu li a:focus { color: #000; opacity: 1; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; } #header2 ul.menu li { display: flex; justify-content: space-between; align-items: center; padding: 0; } #header2 ul.menu > li, #header2 ul.menu > li.active.open, #header2 ul.menu li.active { padding-bottom: 14px; border-bottom: 1px solid #efeaea; margin-bottom: 14px; } #header2 ul.menu > li > a, #header2 ul.menu > li a.category-block-button { font-size: 25px; } #nav-toggle.active span:before, #nav-toggle.active span:after { width: 22px; height: 2px; } .headerShopLogin.active { top: 100px !important; } .headerShopLogin.active .userLogin { max-height: unset; } #header2 ul.menu li.social-mobile { border: none; } #header2 ul.menu li.megaMenuSubItem { margin-bottom: 10px; flex-direction: row; text-align: right; /*width: 50%;*/ margin: 0 0 10px; padding-left: 10px; } #header2 ul.menu > li.has-megamenu > button, #header2 ul.menu li.megaMenuSection button span.arrowIconWrapper { left: 0; background: #efeaea; width: 24px; height: 24px; display: flex; align-items: center; border-radius: 50%; padding: 0; justify-content: center; } #header2 ul.menu .menuSvgArrowIcon { margin: 0; width: 6px; display: flex; height: auto; } #header2 ul.menu li.megaMenuSection { background: #fff; display: flex; flex-direction: column; justify-content: flex-start; } #header2 ul.menu li.megaMenuSection button, .has-megamenu button { color: #000; display: flex; position: unset; width: 100%; padding: 0; align-items: center; } .megaMenuSectionContainer { display: block; width: 100%; padding: 0; margin-bottom: 15px; } #header2 ul.menu li.megaMenuSection button span.arrowIconWrapper { order: 1; transform: rotate(180deg); } #header2 ul.menu li.megaMenuSection button span.labelMegaMenu { text-align: right; line-height: 1; order: 2; margin-right: 14px; font-family: 'NARKISBLOCKCONDENSED-MEDIUM6-1'; margin-top: 2px; font-size: 30px; } #header2 .nav-menu-anim { width: 18px; height: 18px; margin-right: 15px; } #header2.scrolled .nav-menu-anim { opacity: 0; pointer-events: none; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 35px; } #header2.hasAutoComplete #header-container { max-width: 100%; } #nav-toggle-mobile.active span:after, #nav-toggle.active span:after, #nav-toggle-mobile.active span:before, #nav-toggle.active span:before { height: 4px; } #header2 ul.menu li .megaOffer { display: block; width: 100%; text-align: right; } #header2 ul.menu li a.offer { display: block; line-height: 1; max-width: 260px; } #header2 .megaMenuGroupImage { margin-top: 30px; width: 100%; height: calc(90vw - 50px); justify-content: flex-end; } #header2 .megaMenuGroupImage img { width: 100%; border-radius: 5px; position: relative; } #header2 ul.menu li.megaMenuSection, #header2 ul.menu li.megaMenuSection.menu-available { height: 100vh; overflow-y: auto; padding: 70px 25px; position: fixed; top: 0; width: 90vw; min-width: 0; } #header2 ul.menu li.megaMenuSection.menu-available { left: 10vw; } #header2 ul.menu li.megaMenuSection.menu-active { z-index: 10; } #header2 ul.menu.lock { overflow-y: hidden; } } #PageBreadCrumps { margin: 0px auto 10px; } #CatalogModule { padding: 20px 0px 40px; } .CatalogItemPage .top-caption { display: none; } #GridPage { padding-top: 20px; } .catalog-page #GridPage { /* padding-top: 0; */ } #CatalogModule .filtersList { margin: 0; } #CatalogView .catalogTextContainer { margin-bottom: 20px; } .catalog-page .categories-strip { background: transparent; color: #000; margin: 0 -15px; position: sticky; top: 110px; background: #e9e3e3; padding-top: 23px; } .categories-strip ul li.active a { background: #EFE993; } .categories-strip ul li { padding: 0; padding: 0px; border-radius: 35px; font-size: 20px; } .categories-strip ul li.active { background: transparent; } .categories-strip ul li a { padding: 0 17px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 35px; border: none; } .categories-strip ul li a:focus { border: none; outline: none; text-decoration: none; } .menu-tags-list { border-bottom: 1px solid #BBBBBB; padding-bottom: 20px; margin-bottom: 80px; } .menu-tags-list .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); border: none; background: transparent; } .categories-strip ul { position: relative; opacity: 0; display: block !important; } .categories-strip ul.loaded { opacity: 1; } .categories-strip ul .slick-track { display: flex; white-space: nowrap; } .menu-tags-list .slick-arrow.slick-prev { right: -62px; } .menu-tags-list .slick-arrow.slick-next { left: -62px; } .menu-tags-list img { width: 36px; } @media(max-width:767px) { .catalog-page .categories-strip { margin: 0 calc(-15px - 2.5vw); top: 100px; padding-right: 10px; } .catalog-page .categories-strip ul { opacity: 1; display: flex !important; overflow: hidden; overflow-x: auto; padding-bottom: 20px; } .catalog-page .menu-tags-list { padding-bottom: 0; } .categories-strip ul li a { display: flex; white-space: nowrap; } .mobile-strip { display: none; } #CatalogView .desktop-filters-list { margin: 0px; } #CatalogView .filtersList { height: 0px; overflow: hidden; } } .shopPop.quickviewPop.fullPop .modal-body #CatalogModule .relatedItems { margin-bottom: 0; padding: 0; } .shopPop.quickviewPop.fullPop .modal-body #CatalogModule .row { margin: 0; } div#catalog-quickview-modal.shopPop.quickviewPop.fullPop.modal.fade { opacity: 0; } div#catalog-quickview-modal.shopPop.quickviewPop.fullPop.modal.fade:has(.relatedItemsCarousel.owl-loaded) { opacity: 1 } /*.shopPop.quickviewPop.fullPop .modal-body #CatalogModule .relatedItemsCarousel { opacity: 0; transition: all 0.35s ease; } .shopPop.quickviewPop.fullPop .modal-body #CatalogModule .relatedItemsCarousel.owl-loaded { opacity: 1; }*/ .shopPop.quickviewPop.fullPop .modal-body #CatalogModule .row .owl-nav > div { top: 40%; border-radius: 50%; } .shopPop.quickviewPop.fullPop .modal-body #CatalogModule .row .owl-nav > div::after { width: 50px; height: 50px; } .shopPop.quickviewPop.fullPop .modal-body #CatalogModule .row .owl-next { left: -30px; } .shopPop.quickviewPop.fullPop .modal-body #CatalogModule .row .owl-prev { right: -30px; } @media(max-width:767px) { body.CatalogItemPage #CatalogModule .RelatedItemsWrapper.relatedItemsSlider .relatedItems { margin-block: 0; } } /*.shopLayout.userAccountPage #account-form fieldset > div:has(label:is([for="field_5733"],[for="field_5734"],[for="field_5735"])),*/ .registerFormWrapper.registerPage #register-form fieldset > div:has(label:is([for="field_5733"],[for="field_5734"],[for="field_5735"])) { display: none; } .catalog-page .categories-strip .menu-tags-list ul li:first-child{ display: none; } #CatalogView .catalogTextContainer { margin-bottom: 50px; }