﻿/*hamim*/

:root { --SHOP_FORM_BODY_BACKGROUND: #f7f1e2; --SHOP_FORM_HEAD_BACKGROUND: #f7f1e2; --catalogNavBg: #bcae95; --HEADER_BACKGROUND: #f7f1e2; --catalogNavTextColor: #fff; --HEADER_TEXT_COLOR: #161616; --HEADER_ICONS_COLOR: #161616; --BUTTON_BACKGROUND: linear-gradient(to bottom, #05755f, #089a7d); --BODY_BACKGROUND: #fffef9; --BODY_TEXT_COLOR: #161616; --FOOTER_BACKGROUND: #fffef9; --BTN1_BG: #121b47; --BTN1_TEXT_COLOR: #fff; --BTN1_BORDER_COLOR: #121b47; --HEADER_LINK_HOVER_COLOR: #05755f; --BTN1_HOVER_BG: #161616; --BTN1_HOVER_TEXT_COLOR: #fff; --submenuBg: #f7f1e2; }

body { font-size: 20px; background: var(--BODY_BACKGROUND); }

/*header.shopHeader #header2 { width: calc(100% - 30px); top: 15px; }*/
header.shopHeader #header2 { box-shadow: 0 2px 21px 0 rgb(0 0 0 / 50%); }
header.shopHeader #header2 #header-container a:hover svg { fill: var(--HEADER_LINK_HOVER_COLOR); }
#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: 3px; }
header.shopHeader #header2 ul#menu.submenu::before { opacity: 0; }
header.shopHeader #header2 ul#menu.submenu > li:not(.social-mobile) a { padding-bottom: 10px; }
header.shopHeader #header2 ul#menu.submenu li.active { font-family: 'Heebo-Bold'; }
header.shopHeader #header2 .header-right-section { height: 90px; }
header.shopHeader #header2 .menu-nav { border-left: 1px solid #161616; padding-left: 20px; }
header.shopHeader #header2 ul#menu.submenu li:hover a, #header2 ul#menu.submenu li:focus a { background: var(--HEADER_BACKGROUND); font-family: heebo-bold; }
.catalog-page header.shopHeader #header2.bg { box-shadow: 0 2px 21px 0 rgb(0 0 0 / 20%); }
header.shopHeader #header2 .header-top .header-top-right > .languages { font-size: 20px; display: block !important; }
#header2 .header-top-right a.lang { background: transparent; color: #000; transition: 0.4s; }
#header2 .header-top-right a.lang:hover { color: var(--HEADER_LINK_HOVER_COLOR); transition: 0.4s; }




@media(min-width:1024px) {
    header.shopHeader #header2 .header-top-left { display: flex !important; align-items: center; gap: 10px; line-height: 0.9; }
    #header2 .languages { display: block !important; padding-right: 20px; border-color: var(--HEADER_TEXT_COLOR); margin-right: 10px; }
    #header2 .header-top .address { display: inline-flex; flex-direction: row-reverse; line-height: 1.2; }
    #header2 .languages a.lang { color: var(--HEADER_TEXT_COLOR); font-family: 'Heebo-Regular'; font-size: 15px; }
    header.shopHeader #header2 .header-top-left .searchBtn.desktop { padding-left: 20px; border-left: 1px solid var(--BODY_TEXT_COLOR); }
    #header2 .header-top .address span { display: inline-block; }

    header.shopHeader #header2.open ul#menu.submenu { /* top: 57px; */ padding: 37px 0 20px; /* right: -30px; */ }
    .headerShop.shopHeaderMode { top: 150px !important; }
    header.shopHeader #header2 ul#menu.submenu { right: -30px; top: 50px; width: 213px; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox { padding-left: 0; padding-right: 0; margin-left: 12px; margin-right: 12px; }
}

/*.shopLayout.checkoutPage .cartSubTotal:not(.affix-bottom):not(.affix-top) { top: 150px !important; }*/

.shopPop.quickviewPop #CatalogModule .itemContent #subheadline h2 { display: none; }
.cartSubTotal.affix-bottom { top: 1060px !important; }
#home-gallery:before { content: ''; background: #000; inset: 0; position: absolute; height: 100%; width: 100%; z-index: 3; pointer-events: none; opacity: 0.45; }
#home-gallery .gallery-caption { z-index: 5; }
#home-gallery ol.flex-control-nav.flex-control-paging { display: none; }
button.controlSlider { display: none; }
.scroll-down { animation: none !important; left: 50%; }
#header2 .header-top .address { font-size: 75%; }
.topAddress { border-left: 1px solid #161616; padding-left: 20px; }
.bottomAddress { padding-right: 20px; }
#header2 svg { height: 15.5px !important; }
a.social_icon_instagram { padding: 0 20px; }
.shopLayout.checkoutPage .cartSubTotal, .shopLayout.checkoutPage .cartSubTotal:not(.affix-bottom):not(.affix-top) { position: sticky !important; top: 150px !important; }
header.shopHeader #header2 ul#menu.open.submenu { top: 50px; width: 213px; right: -30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; align-content: center; padding-top: 38px; padding-bottom: 38px; }
header.shopHeader #header2.header-delivery .cartBtn.navShopBtn button { border: none; padding: 0; width: auto; }
header.shopHeader #header2 .cartBtnText { display: none; }
header.shopHeader #header2 .header-top .header-top-right > .navShopBtn, header.shopHeader #header2 .header-top .header-top-right > .whatsapp_icon { margin-right: 20px; }
header.shopHeader #header2 #header-container .cartBtn:hover svg { fill: #05755f; }
#home-gallery .flex-control-paging li a { background: #fff }
#home-gallery .gallery-caption .gallery-text { text-align: center; font-size: 100%; }
#home-gallery .gallery-caption .gallery-text > div { font-family: 'Heebo-Bold'; font-size: 400%; }
#home-gallery .gallery-caption .gallery-text span { font-family: 'Heebo-Light'; font-size: 180%; line-height: 1; }
#home-gallery .flex-control-paging li a.flex-active { background-color: #05755f; }
.section .section-title h2 { border-bottom: 2px solid #05755f; padding-bottom: 5px; }
.content-section-Btn a.sec-button, .normal-form input[type="submit"], #DynamicFormObject input[type=submit],
.shopPop.quickviewPop #CatalogModule #CatalogItemView.catalogItemQuickView .item-quantity .quantity-start button { background-image: linear-gradient(to bottom, #05755f, #089a7d); width: 250px; height: 50px; border-radius: 33px; border: none; font-family: heebo-bold; transition: .2s ease-in; }
.content-section-Btn a.sec-button:hover, .content-section-Btn a.sec-button:focus, .normal-form input[type="submit"]:hover,
#DynamicFormObject input[type=submit]:focus, .shopPop.quickviewPop #CatalogModule #CatalogItemView.catalogItemQuickView .item-quantity .quantity-start button:hover, .shopPop.quickviewPop #CatalogModule #CatalogItemView.catalogItemQuickView .item-quantity .quantity-start button:focus { background-image: linear-gradient(to bottom, #161616, #161616); color: #fff; }
#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) button.item-plus,
#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) button.item-minus,
#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-plus,
#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-minus,
#CatalogModule .item-quantity button, .catalogItemBox .item-quantity button, .cartItemsTable.hasQuantitySelection .cartItemQ .item-quantity button { background: #05755f; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { opacity: 0; width: 40px; height: 70px; position: absolute; z-index: 10; }
.shopPop.quickviewPop #CatalogModule #CatalogItemView.catalogItemQuickView .item-quantity .quantity-start span { color: #fff; }
.shopPop.quickviewPop #CatalogModule #CatalogItemView.catalogItemQuickView .item-quantity .quantity-start span:hover { color: #fff; }
.subTotalStrip .totalSumItems.totalPrice > span:not(.price) { font-family: 'Heebo-Regular'; }
.home-page #SiteContainer.hasTopStrip #allSectionsWrapper { margin-top: 120px; }
.headerShop a.shopBtn, .shopBtn { border-radius: 33px; }
.headerShop a.goToCheckout.shopBtn, .shopBtn { background-image: linear-gradient(to bottom, #05755f, #089a7d); border-color: transparent; transition: all .35s ease-in-out; }
.headerShop a.goToCheckout.shopBtn:hover, .shopBtn:hover { background-image: linear-gradient(to bottom, #161616, #161616); color: #fff; }
.ecommSite .shopLayout { margin-top: 10px; }
.ecommSite .shopLayout #headline h1 { font-size: 40px; border-bottom: 2px solid #05755f; }
.ShopCheckoutPage #headline { display: flex; align-items: center; justify-content: center; align-content: center; }
#home-gallery .scroll-down { width: auto; bottom: 8%; transform: translateX(-50%); }
.headerShop a.goToCart.shopBtn { border: 1px solid #161616; }
.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { display: flex; justify-content: center; align-items: center; align-content: center; }
button.wishListBtn.active svg path { fill: red; }
.productLabel.wishlist { height: 30px; width: 30px; }
.section .section-title { position: relative; display: flex; justify-content: center; align-items: center; align-content: center; }
#home-gallery .gallery-caption .gallery-text .grid-text p { margin-top: 00px; }
#home-gallery .gallery-caption .gallery-text .grid-text { font-size: 100%; }
.heroSec.grid-text-section .section-animation-item { opacity: 1; margin-top: 0; }
.heroSec { z-index: 10; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; }
.heroSec.grid-text-section .section-animation-item { width: 100%; margin: 0; }
.heroSec a { width: 230px; height: 50px; background-image: linear-gradient(to bottom, #05755f, #089a7d); border-radius: 33px; font-family: 'Heebo-Bold'; font-size: 20px; color: #fff; display: flex; /* transition: .2s all ease-in; */ justify-content: center; align-items: center; }
.heroSec .grid-text-content { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.heroSec.grid-text-section .section-animation-item h1 { font-family: 'Heebo-Bold'; font-size: 400%; }
.heroSec .grid-text-content h2 { width: 100%; font-size: 150%; font-family: 'Heebo-Regular'; }
.heroSec .grid-text-content p { margin: 0 }
.heroSec a:hover, .heroSec p:first-child a:hover { background-image: linear-gradient(to bottom, #161616, #161616); color: #fff; }
.home-page section.grid-Catalog-Items { margin-top: 60px; }
.home-page section.catalog2 { margin-top: 144px; }
.ecommSite .sections > section.grid-row-section { margin-top: 134px; max-width: 100%; padding-top: 115px; background-color: #f7f1e2; padding-bottom: 414px; }
.grid-row li.slider-item { clip-path: circle(50%); padding-bottom: 100%; }
.grid-rows .grid-row-text { width: 80%; }
.grid-rows { max-width: 1070px; margin: auto; }
.grid-rows .grid-row { background: transparent; }
.owl-carousel .owl-nav div { top: 30%; }
.grid-rows .grid-row-text h2 { color: #05755f; font-size: 250%; }
.grid-rows .grid-row-text h3 { font-family: 'Heebo-Regular'; font-size: 90%; }
.grid-rows .grid-row-text p { font-size: 75%; }
.grid-rows .grid-row-text a.grid-row-button { border: none; padding: 0; font-size: 100%; font-family: 'Heebo-Bold'; }
.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .image-section-data .image-section-Btn a:focus, .image-section-data .image-section-Btn a:hover { background: transparent; color: #161616; }
.catalogItemBox a.item-image:before { content: ''; inset: 0; opacity: 0.04; background: #000; width: 100%; height: 100%; position: absolute; z-index: 1; }
.home-page .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/hamimTaim/Arrow-right.svg); }
.home-page .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/hamimTaim/Arrow-left.svg); }
.home-page .owl-carousel .owl-prev:after, .home-page .owl-carousel .owl-next:after { width: 29px; height: 16px; }
.home-page .owl-carousel .owl-prev { right: -30px; }
.home-page .owl-carousel .owl-next { left: -50px; }

.stamps { position: absolute; right: 380px; top: -40px; }
.stamps:before { content: ''; background-image: url(/warehouse/temp/hamimTaim/stamp-pic.svg); position: relative; display: block; height: 140px; width: 140px; background-size: 100% 100%; background-repeat: no-repeat; z-index: 2; }
.stamps:after { content: ''; background-image: url(/warehouse/temp/hamimTaim/stamp-text.svg); position: absolute; top: 0; left: 0; height: 142px; width: 142px; background-size: 100% 100%; background-repeat: no-repeat; z-index: 3; transition: 1s all ease-in-out; }
.stamps:after { animation: spin 30s linear infinite; }


@keyframes spin {
    100% { transform: rotate(360deg); }
}

.modal.shopPop.quickviewPop #CatalogModule .itemImages .productLabel.Right { display: inline; right: 0; top: 10px; }
.modal.shopPop.quickviewPop #CatalogModule .itemImages .productLabel img { height: auto; }
.modal.shopPop.quickviewPop #CatalogModule .itemImages .productLabel.Right.collection-5692 { margin: auto; width: 70px; position: absolute; left: 15px; top: 40px; margin-left: 0; }

.aboutSec:before { content: ''; bottom: 0; position: absolute; width: 100%; height: 245.7px; right: 0; background-image: url(/warehouse/temp/hamimTaim/pattern-D.svg); background-size: cover; }
#accessability #headline { display: flex; justify-content: center; align-items: center; margin-top: 50px; }
#accessability #headline h1 { border-bottom: 2px solid #05755f; }
#accessability .container-fluid { margin-bottom: 50px; }
.MainContent #headline { display: flex; }
.page-19100 #headline, .page-19100 #subheadline h2 { justify-content: center; text-align: center; }
.productLabel.Right { ordeR: 2; position: relative; right: 0; top: 0; left: 0; width: auto; display: inline-block; min-height: 43px; padding: 0 10px; width: calc(33.3% - 3px); }
:is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-text-top { order: 1; width: 100%; min-height: 100px; }
:is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-price { order: 3; width: 100%; }
:is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-text { position: relative; flex-direction: row; flex-wrap: wrap; justify-content: center; min-height: 200px; align-items: flex-start; max-height: 200px; }
.productLabel:not(.wishlist) + .productLabel + .productLabel { transform: none; top: 0; }
.productLabel.Right.collection-5692 { position: absolute; width: 70px; left: 12px; right: auto; display: flex; justify-content: center; align-items: center; top: 10px; min-height: 20px; }
.item-text .productLabel:not(.wishlist) + .productLabel { transform: none; top: 0; }
.item-image .productLabel:not(.wishlist) + .productLabel { transform: none; top: 10px; }
:is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox h3.itemTitle { /* min-height: 0; */ font-family: 'Heebo-Bold'; font-size: 100%; }
.productLabel img { max-width: 100px; height: 28px; }
.home-page :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .catalogItemBoxInner { }
.quantity-start span { font-family: 'Heebo-Bold'; color: #05755f; }
.item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .quantity-start button { border-color: #05755f; }
.aboutSec .col-sm-6 { width: 54.7%; }
.subTotalStrip .totalSumItems.goToCheckoutBtn .shopBtn { background-image: linear-gradient(to bottom, #05755f, #089a7d); width: 250px; height: 50px; border-radius: 33px; border: none; font-family: heebo-bold; transition: .2s ease-in; display: flex; align-items: center; justify-content: center; float: left; color: #fff; }
.subTotalStrip .totalSumItems.goToCheckoutBtn .shopBtn:hover { background-image: linear-gradient(to bottom, #161616, #161616); }
.labelLess :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox h3.itemTitle { min-height: 63px; }
.subTotalStrip { padding: 7px; }
.grid-rows .grid-row-text a.grid-row-button:after { content: ''; display: inline-block; width: 43px; height: 16px; background-image: url(/warehouse/temp/hamimTaim/Arrow-left-long.svg); margin-right: 10px; transition: .2s ease-in; }
.grid-rows .grid-row-text a.grid-row-button:hover:after { width: 53px; }
footer { margin-top: 0; background: #fffef9; color: #161616; }
.footer-text-divided > div.footer-text-right { text-align: center; order: 2; }
#SiteFooter { margin-bottom: 80px; }
#SiteFooter .footer-text-divided { justify-content: center; /* height: 239px; */ flex-direction: column; }
#SiteFooter .footer-text-divided > div.footer-text-left,
#SiteFooter .footer-text span { display: flex; align-items: center; justify-content: center; gap: 25px; flex-wrap: wrap; }
#SiteFooter .footer-text-divided > div.footer-text-left p, #SiteFooter .footer-text span p { margin: 0; white-space: nowrap; }
.cartItemsTable .cartItemsTitles, .cartSubTotal .subTotalTitle { border: 1px solid #161616; }
.footer-text-middle { display: flex; align-items: center; justify-content: center; align-content: center; }
#SiteFooter .footer-text-divided p { margin-bottom: 20px; font-size: 75%; line-height: 0.7; }
#SiteFooter .footer-text-divided p a { padding: 0 10px; }
#SiteFooter .footer-text-divided p a:last-of-type { padding: 0; }
#SiteFooter .site-credit.alternative { margin: 0; color: #161616; background: #fffef9; }
.catalog-page .productLabel.Right.collection-5692 { left: 0; }
#SiteFooter a:nth-of-type(2):hover { background-image: url(/warehouse/temp/hamimTaim/ig-gover.svg); background-repeat: no-repeat; /* position: absolute; */ display: inline-block; background-position: center; }
#SiteFooter a:nth-of-type(2):hover img, #SiteFooter a:nth-of-type(3):hover img { opacity: 0; }
#SiteFooter a:nth-of-type(3):hover { background-image: url(/warehouse/temp/hamimTaim/fb-hover.svg); background-repeat: no-repeat; /* position: absolute; */ display: inline-block; background-position: center; }
a.AccessabilityLink { color: #161616; }
p.creditWrapper { filter: brightness(0); }
.st0 { fill: #161616; }
.item-price span.finalPrice:before { font-size: 60%; }

.shopPop.quickviewPop #CatalogModule .itemContent { display: inline-flex; flex-wrap: wrap; align-items: center; }
.shopPop.quickviewPop #CatalogModule .itemContent #headline { width: 100%; order: 1; }
.shopPop.quickviewPop #CatalogModule .itemContent .catalogTextContainer { width: 100%; order: 3; margin-bottom: 20px; }
.shopPop.quickviewPop #CatalogModule .itemContent .item-custom-details { order: 3; }
.shopPop.quickviewPop #CatalogModule .itemContent #subheadline { order: 2; }
.shopPop.quickviewPop #CatalogModule .itemContent .item-ingredients { order: 4; width: 100%; }
.shopPop.quickviewPop .itemContentWrapper .item-price { width: 100%; order: 5; margin-top: 0; }
.itemContent .productLabel.Right { width: auto; order: 2; }
.itemContent .productLabel:not(.wishlist) + .productLabel { transform: none; top: 0; }

@media(min-width:1024px) {
    .catalog-page :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox { width: calc(25% - 24px); min-width: 250px; }
    #home-gallery { height: var(--vh) !important; }
    #home-gallery .slider-bg.stellar-bg { min-height: var(--vh) !important; height: var(--vh) !important; }
    .deliveryDetails .checkoutInputsWrapper label { font-size: 80.75% !important; }
}

@media(max-width:1280px) {
    .home-page section.grid-Catalog-Items { max-width: 1070px; }
    .productLabel img { max-width: 70px; }
    /*:is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-text { height: unset; }*/
    .home-page :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .catalogItemBoxInner { min-height: unset; height: unset; }
    .allCatalogContainers .categoryContainer { width: 100%; margin: auto; }
    .registerFormWrapper { max-width: unset; }
}

@media(max-width:1024px) {
    .heroSec a { padding: 11px 20px; }
    #header2 .address { display: block; }
    .footer-text-divided > div { width: 100%; }
    header.shopHeader #header2.open a.logoHeader { opacity: 0; }
    header.shopHeader #header2.open .menu-nav { border-left: none; }
    header.shopHeader #header2 ul#menu { width: 100%; padding-right: 0; }
    header.shopHeader #header2 ul#menu > li { text-align: center; width: auto; }
    header.shopHeader #header2 ul#menu.submenu li.active a, header.shopHeader #header2 ul#menu.submenu li:hover a { border-bottom: 2px solid #05755f; width: auto; }
    header.shopHeader #header2 ul#menu.submenu li a { border-bottom: 2px solid transparent; }
    header.shopHeader #header2 .header-top .header-top-right > .navShopBtn { margin-right: 10px; }
    .headerShop.shopHeaderMode, .headerShopLogin.shopHeaderMode { top: 150px !important; }
    header.shopHeader #header2 .header-top-right .searchBtn { order: -1 }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-text { min-height: 210px; }
    .languages-mobile { display: block !important;  position: absolute;  top: 0; right: 17px; font-size: 90% !important; z-index: 20; order: -1; }
    header.shopHeader #header2 .menu-nav { border: none; }
    header.shopHeader #header2 ul#menu > li > a.lang { margin: 0; }
    header.shopHeader #header2 .menu-nav { margin: 0; order: -1; padding: 0; }
    header.shopHeader #header2 .searchMobile { margin-inline-end: 20px; }
    header.shopHeader #header2 .header-top .header-top-right > .cartBtn.navShopBtn { margin-right: auto; }
}

@media(max-width:767px) {
    header.shopHeader #header2 #header-container { display: block !important }
    header.shopHeader #header2 ul#menu { overflow: scroll; padding-bottom: 60px; }
    .item-ingredients .ingredientGroupSelection > div.propertyOption { width: calc(50% - 8px); flex-basis: calc(50% - 8px); }
    section.grid-Catalog-Items .catalogItemBox.align-center h3.itemTitle, .content-section-Btn a.sec-button { min-height: 0px; font-size: 76.5%; }
    .labelLess :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-text-top { min-height: 90px; }
    .page-19224.ecommSite #SiteContainer #GridTop:not(.noTopImage) { height: 170px !important; }
    #header2 .address { display: none; }
    a.social_icon_instagram, a.facebook_icon_instagram { padding: 0 13px; display: none; }
    #header2 svg { height: 18px !important; }
    #header2 .cartItemsCounter span.CartItems { margin-left: 2px; }
    header.shopHeader #header2 .header-top .header-top-right > .cartBtn.navShopBtn { margin-right: auto; }

    .search.desktop .searchBtn { position: absolute; display: block !important; right: 0px; margin-bottom: 10px; }

    header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { padding-right: 30px; }

    header.shopHeader #searchFormHeaderContainer form#searchFormHeader { bottom: -80px; }

    #SiteGrid { overflow: hidden; }
    .heroSec a { padding: 11px 14px; }
    .heroSec { width: 100%; /* top: auto; */ /* bottom: 160px; */ margin-top: 20px; }
    #home-gallery .gallery-caption { width: 100%; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 24%; }
    #home-gallery .gallery-caption .gallery-text, .heroSec.grid-text-section { font-size: 100%; }
    #home-gallery .gallery-caption .gallery-text div, .heroSec.grid-text-section .section-animation-item h1 { font-size: 45px; flex-wrap: wrap; justify-content: center; padding: 0; }
    #home-gallery .gallery-caption .gallery-text span,
    .heroSec .grid-text-content p { /* left: -20px; */ /* transform: none; */ font-size: 130%; white-space: break-spaces; }
    .heroSec a { height: 45px; width: 200px; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .catalogItemBoxInner { max-height: 490px; min-height: 0px; }
    .aboutSec .grid-row { display: flex; flex-direction: column; }
    .aboutSec .col-sm-6 { width: 100%; }
    .grid-rows .grid-row-text { width: 100%; margin-top: 100px; }
    .aboutSec:before { background-image: url(/warehouse/temp/hamimTaim/pattern-M.svg); height: 180px; }
    .stamps { right: 20px; }
    .ecommSite .sections > section.grid-row-section { padding-bottom: 230px; padding-left: 15px; padding-right: 20px; }
    .subTotalStrip .totalSumItems.goToCheckoutBtn .shopBtn { width: 140px; }
    .home-page section.grid-Catalog-Items { margin-top: 80px; }
    .content-section-Btn a.sec-button { display: flex; align-items: center; justify-content: center; }
    section.grid-Catalog-Items .content-section-Btn { display: flex; justify-content: center; }
    #SiteFooter .footer-text-divided { flex-direction: column; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox { margin-bottom: 20px; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-text-top { min-height: 0; }
    .productLabel.Right { width: 60%; }
    .productLabel.Right.collection-5692 { font-size: 65%; left: 0; }
    .ecommSite .shopLayout { margin-top: 50px; }
    .item-price span.finalPrice:before { font-size: 12px; }
}

.modal.shopPop #CatalogModule .item-quantity button,
.modal.shopPop #CatalogModule .item-quantity .itemQuantityContainer { border-color: #161616; }

.ecommSite #SiteContainer #GridTop:not(.noTopImage) { margin: 0; max-width: 100%; height: 400px; }
section#GridTop .top-caption { top: 60%; color: #fff; font-family: heebo-bold; }
.MainContent #subheadline, body.rightAligning #text1 h2 { text-align: right; font-size: 90%; color: #05755f; margin-bottom: 27px; }
#GridTop:not(.noTopImage) + #GridPage #ContentRegularModule { margin-top: 100px; }

body.rightAligning #text1 { font-size: 70%; }
#text1 p { font-size: inherit; }
body.rightAligning #text1 p { margin-bottom: 30px; }
body.rightAligning #text1 h2 { font-size: 18px; font-family: heebo-bold; }
#text1 ul:not(.searchResultsList) li:before, #text2 ul:not(.searchResultsList) li:before { border-color: #05755f; width: 3px; height: 3px; }
#text1 iframe, #text2 iframe { width: 100%; }
.GridBottomGallery { margin-top: 80px; }
.GridBottomGallery { padding: 131px 0; background-color: #f7f1e2; }
#GridBottom .gallery-cubes { max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.col-sm-3 { width: calc(25% - 20px); margin-bottom: 20px; }
.page-19100 .row:before { display: none; }
.page-19100 #headline h1 { border-bottom: 2px solid #05755f; }

.categoryContainerBanner { padding-bottom: 15px; border-bottom: 3px solid #05755f; }
/*.catalog-sticky-nav ul li.active button, .catalog-sticky-nav ul li:hover button, .catalog-sticky-nav ul li:focus button { border-bottom: 4px solid #05755f; }*/
.catalog-sticky-nav ul li.active button, .catalog-sticky-nav ul li:hover button, .catalog-sticky-nav ul li:focus button { background: #177560; color: #fff; border-color: transparent; }
.catalog-sticky-nav button { border-bottom: 4px solid transparent; }
/*.catalog-sticky-nav.affix { top: 140px !important; }*/
.catalog-sticky-nav-wrapper .catalog-sticky-nav { /*width: calc(100% - 30px); margin-right: 15px;*/ }
.catalog-sticky-nav-wrapper .catalog-sticky-nav.affix { border: none; /*width: calc(100% - 30px); margin-right: 15px;*/ }
.catalogContainer.container.showAllCats { max-width: 100%; }
.allCatalogContainers { max-width: 1170px; margin: auto; }
.catalog-page :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-text { height: auto; }
.shopPop.quickviewPop #CatalogModule .item-actions { height: 80px; order: 5; }
.shopPop.quickviewPop #CatalogModule .priceComment { order: 6; }
.item-ingredients .ingredientGroupSelection > div.propertyOption { align-items: center; }
.propertyOption input[type=radio] { margin: 0; }
.shopPop.quickviewPop #CatalogModule .itemContentWrapper .item-price > span { font-family: Heebo-regular; }
.shopPop.quickviewPop #CatalogModule .itemContentWrapper .item-price span.finalPrice { font-size: 160%; }

.shopPop .modal-body { background: var(--HEADER_BACKGROUND); }

@media(min-width:1024px) {
    .catalog-page :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-text-top { min-height: 70px; }
    .catalog-page .labelLess:is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-text-top { min-height: 100px; }
}

.panel-group { max-width: 850px; margin: auto; }
#ContentFaqModule { padding-top: 100px; }
.faq-body, .faq-headline { background-color: #f7f1e3; }
.faq-headline span { font-size: 22px; }
.faq-headline.open { background-color: #ebe4d4; }
.faq-body { font-size: 18px; }

#contactform { max-width: 100%; background-color: #f7f1e2; padding-top: 74px; padding-bottom: 74px; }
.contactPage #GridPage .max-width-center { max-width: 100%; }
#contact-form { max-width: 800px; margin: auto; }
.normal-form input:not([type='checkbox']):not([type='radio']):not([type='submit']), .normal-form textarea, .normal-form select { background-color: transparent; border-bottom: 1px solid #161616; }
.normal-form textarea, #contactform textarea { height: 60px; }
.normal-form textarea::placeholder, #contactform textarea::placeholder, .normal-form input::placeholder, #contactform input::placeholder { font-size: 14px; }
#contactform .contact-form-comment { position: absolute; bottom: 130px; }
#contactform .submit-btn.row { padding-top: 100px; }
.normal-form input[type="submit"] { padding: 0; max-width: 250px; }
.internal-form textarea:focus, .normal-form select:focus, .internal-form input:focus { border: none; border-bottom: 1px solid #161616; }
.contact-form-wrap { margin-bottom: 0; }
#map-section .map-cover { background: rgb(20 108 89 / 90%); }
#map-section .map-cover .open-map { background: transparent; color: #fff; text-decoration: underline; }
.contactPage .contactDetailsText1 ul { list-style: none; margin-bottom: 34px; padding: 0; }
.contactPage .contactDetailsText1 ul:last-of-type li:first-of-type { font-family: 'Heebo-Bold'; font-size: 25px; border-bottom: 1px solid #05755f; width: 185px; margin: 2px auto 4px; }
.contactPage .contactDetailsText1 ul:last-of-type { display: flex; flex-direction: column; width: auto; }
#contactDetails .contactDetailsText1 { margin: auto; margin-top: 40px; max-width: 1170px; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; }
.contactDetailsText1 h2 { margin-bottom: 30px; font-size: 25px; border-bottom: 2px solid #05755f; }
.contactPage .contactDetailsText1 ul:first-of-type { display: flex; justify-content: center; /* gap: 40px; */ }
.contactPage .contactDetailsText1 ul:first-of-type li:first-of-type { border-left: 1px solid; padding-left: 20px; }
.contactPage .contactDetailsText1 ul:first-of-type li:last-of-type { padding-right: 19px; }
.contactDetailsText1 .contactDetailsText1 ul:last-of-type li:first-of-type { font-family: 'Heebo-Bold'; font-size: 25px; border-bottom: 2px solid #05755f; width: 175px; margin: auto; }
.contactPage .contactDetailsText1 ul li { font-size: 22px; margin-top: 2px; }

.gallery-cubes .boxes-images-outer-image { padding-bottom: 78.1%; }

@media(max-width:767px) {
    #GridTop:not(.noTopImage) + #GridPage #ContentRegularModule { margin-top: 70px; }
    .contactPage .contactDetailsText1 ul li { font-size: 18px; }
    #contactform .submit-btn.row { padding-top: 50px; }
    #contactform .contact-form-comment { bottom: 90px; }
    .ecommSite #SiteContainer #GridTop:not(.noTopImage) { height: 400px !important; margin-top: 0 !important; }
    .page-19469 #SiteContainer #GridTop:not(.noTopImage) { height: 400px !important; }
    .ShopCheckoutPage #SiteContainer.hasTopStrip #GridTop:not(.noTopImage) { height: 140px !important; }
    #contactform.normal-form h3 { font-size: 160%; }
    .col-sm-3 { width: calc(50% - 20px); }
    .GridBottomGallery { padding: 70px 0; }
    .contactPage .contactDetailsText1 ul:first-of-type { flex-direction: column; }
    .contactPage .contactDetailsText1 ul:first-of-type li:first-of-type { border-left: none; border-bottom: 1px solid #177560; padding-left: 0; padding-bottom: 10px; }
    .contactPage .contactDetailsText1 ul:first-of-type li:last-of-type { padding-right: 0; padding-top: 10px; }
    .catalog-page :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-text { min-height: 210px; min-height: 120px; }
    .catalogItemBox.align-center .item-quantity, #CatalogModule .catalogItemBox.align-center .item-quantity { margin-top: 10px; margin-top: 0; }
    .quantity-start span { font-size: 85%; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox h3.itemTitle { font-size: 86.5%; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-text-top h4 { font-size: 70%; }
    #map-section .map-cover { padding: 50px 30px 50px 40px; }
    #map-section .map-cover .open-map { font-size: 100%; }
    .page-19100 #headline h1 { font-size: 32px; }
    body.ShopCheckoutPage .mobile-subTotal { top: 125px !important; }
    section.grid-Catalog-Items :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox .item-text-top h4.item-subtitle { font-size: 70%; }
    .catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice, :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox span.finalPrice.priceByWeight span:first-child { font-size: 80%; }
    .productLabel.Right { /*display: none;*/ }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-text { min-height: 130px; }
    /*20.3.23*/
    .catalog-page #SiteContainer.hasTopStrip #GridTop { margin-top: 125px !important; }
    .catalog-page #SiteGrid { padding-top: 35px; }
}

@media(max-height:325px) {
    .catalogItemBox .item-text-top { padding-top: 0; }
    .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart, .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart { min-height: 0; padding: 0; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-text { min-height: 240px; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox span.finalPrice.priceByWeight { font-size: 90%; }
    :is(div, #LobbyModule) .catalogItemBox.ecommerceItemBox a.item-image { margin-bottom: 0; }
}

/* 2.1.23 fix */
.ecommSite.ShopThanksPage #SiteContainer #GridTop { display: none; }
.ecommSite.ShopThanksPage #SiteContainer .shopThankYouMsg { padding-top: 200px; }

/*20.3.23*/

/* 6.2.25 BLOG */
.blog-grid #GridTop:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; background: rgba(0,0,0,0.25); }

.blog-tags-list ul li.blog-tag { margin-left: 5px; display: flex; align-items: center; }

.blog-tags-list ul li.blog-tag a { padding: 14px 17px; font-size: 100%; border: 1px solid transparent; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; display: flex; width: 100%; }

.blog-tags-list ul li.blog-tag a:focus, .blog-tags-list ul li.blog-tag a:hover, .blog-tags-list ul li.blog-tag.active a { color: #333; /* border: 0; */ text-decoration: none; background: #05755f; color: #ffffff; }

.blog-tags { margin: 0; background: var(--HEADER_BACKGROUND); padding: 0; display: flex; width: 100%; order: 1; justify-content: center; }
.blog-tags-list ul { display: flex; justify-content: center; }
.blog-grid nav#PageBreadCrumps { margin-bottom: 0px; }
.blog-posts { margin-top: 25px; }
#TagView #headline { margin-top: 30px; }
#BlogView .share-strip a.share-icon { width: 30px; height: 30px; background: #e1e1e1; border-radius: 50%; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; }
.blog-post-title, #BlogView .blog-related-posts .blog-post h2 { margin-bottom: 0; font-size: 115%; text-align: right; }
.blog-post-text { font-size: 90%; }
.share-strip .fab { color: #da291c; vertical-align: middle; font-size: 80%; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; }

#BlogView .share-strip a.share-icon:focus, #BlogView .share-strip a.share-icon:hover { border: none; background: #da291c; }

#BlogView .share-strip a.share-icon:focus .fab, #BlogView .share-strip a.share-icon:hover .fab { color: #e1e1e1; }

#BlogView #text1 p { line-height: 25px; }

#BlogView #headline { font-size: 200%; }
.blog-grid .blogmain-header { display: flex; order: 2; margin-top: 25px; }
.blog-grid #GridHeader { display: flex; flex-direction: column; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #05755f; }
.pagination > li > a, .pagination > li > span { color: #05755f; }

#BlogView h2 { text-align: center; margin-top: 15px; }
#BlogView #text1 ul li:not(:last-child) { margin-bottom: 5px; }
#BlogView #text1 { font-size: 90%; }
#BlogView #video { max-width: 700px; margin: auto; }
#BlogView .share-strip > span { display: none; }
#BlogView .share-strip:after, #BlogView .share-strip:before { display: none; }


@media(max-width:767px) {
    .blog-post-title { font-size: 100%; }
    .blog-post-text { font-size: 80%; }
    .ecommSite #SiteContainer .blog-grid #GridTop:not(.noTopImage) { height: 150px !important; margin-top: 90px !important; !i; !; }
    #BlogView #headline { font-size: 150%; margin-top: 0; }
    #BlogView h2 { font-size: 100%; margin-bottom: 25px; }
    #BlogView .blog-related-posts h2 { font-size: 150%; margin-bottom: 0px; margin-top: 21px; }
    #BlogView .share-strip { margin-bottom: 20px; }
}
