﻿/* ECOMM V2 */

/* VARIBLES */

:root { /*Primary*/ --primaryTextColor: #121212; --primaryFontSize: 16px; --primaryFontFamily: 'Heebo-Regular', sans-serif; --secoundryFontFamily: 'Heebo-Bold', sans-serif; --tertiaryFontFamily: 'Heebo-Medium', sans-serif; --lineHeight: 1.2; /*Header*/ --HEADER_HEIGHT: 80px; --HEADER_ICONS_COLOR: #232323; --HEADER_TEXT_COLOR: #000; --HEADER_BACKGROUND: #f9f9f9; --headerBodySpace: 40px; --HEADER_TOPSTRIP_HEIGHT: 0px; /* Buttons*/ --BUTTON_BACKGROUND: #000; --BUTTON_TEXT_COLOR: #fff; --BUTTON_HOVER_BACKGROUND: transparent; --BUTTON_HOVER_TEXT_COLOR: #000; /* Footer */ --FOOTER_BACKGROUND: #1a1a1a; /* Content */ --sectionTitle: 250%; /*40px*/ --titleSize: 218.75%; /*35px*/ --subtitleSize: 137.5%; /*22px*/ /* Form & Inputs */ --formTitle: 250%; --FORM_BACKGROUND: #f5f5f5; --FORM_INPUT_BACKGROUND: #fff; --FORM_INPUT_TEXT_COLOR: inherit; /*Shop*/ --PRODUCT_LABEL_BACKGROUND: #000; --PRODUCT_LABEL_TEXT_COLOR: inherit; --SHOP_FORM_HEAD_BACKGROUND: #f0f0f0; --SHOP_FORM_BODY_BACKGROUND: #f7f7f7; --SHOP_FORM_SIDE_BACKGROUND: #e6e6e6; --pageTitle: 218.75%; --bannerPageTitle: 250%; --SHOP_SUBTOTAL_HEIGHT: 0px; --BannerTextColor: #000; }
/*
    GENERAL
*/
body { font-family: var(--primaryFontFamily); line-height: var(--lineHeight); font-size: var(--primaryFontSize); color: var(--primaryTextColor); }
footer { color: #fff; padding: 0; font-size: 20px; margin-top: 150px; }
a:hover, a:focus { color: inherit; }
h1, h2, h3 { font-family: var(--secoundryFontFamily); }
iframe { display: block; max-width: 100%; }
img { max-width: 100%; height: auto; }
b, strong { font-family: var(--secoundryFontFamily); font-weight: normal; }

/* 
    GENERAL OVERIDE ECOMM PARENT
*/

.sections .grid-content-section .grid-box { margin: 0; }

/* INITIAL FIXES LAYOUT & ELEMENTS */
.ecommSite #GridWrap.max-width { padding: 0; width: 100%; max-width: 100%; }
#GridContent { float: none; }
#header2 ul#menu li a:focus { opacity: initial; }
#header2 ul#menu .menu-sub li:hover { color: initial; }
#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-color: transparent; }
.normal-form input:focus { border-color: initial !important; }
.shopLayout::after { content: ''; display: table; clear: both; }
.cartWrapper::after { content: ''; display: table; clear: both; }
.accessabilityMainPage #GridTop { height: 0; }
.accessabilityMainPage #GridTop .top-caption { display: none; }
.gallery-container { display: block; width: 100%; }
header.shopHeader #header2 .header-top { float: none !important; }
#header2 ul#menu li .menu-sub a { float: none; }
#header2 .menu-nav { float: none; }
header.shopHeader #header2 .header-top-right path { fill: inherit; }
#allSectionsWrapper { /* margin-top: 40px; */ /* max-width: 1200px; */ /* margin-right: auto; */ /* margin-left: auto; */ }
label.error, span.error { font-size: 12px; top: 5px; left: 5px; }
.add-to-cart:hover, .add-to-cart:focus, button#addToCartBtn:hover, button#addToCartBtn:focus { background-color: initial; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { font-size: 0; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper, #DynamicFormObject .dynamicFormObjectSubmit { z-index: 0; }
#CatalogModule .flex-viewport { z-index: 0; }
.subTotalInner::after { content: ''; display: table; clear: both; }
#SiteGridContainer::after { content: none; }
/*reset grid layout*/

/* 
    BUTTONS
*/
.add-to-cart, button#addToCartBtn { display: inline-block; background: transparent; color: inherit; border: 0; padding: 0; border-bottom: 2px solid; width: auto; min-width: 0; font-size: 100%; font-family: var(--tertiaryFontFamily); }
button#addToCartBtn:hover, button#addToCartBtn:focus { border-color: #e6e6e6; }
#addToCartBtn span { left: -30px; }
#addToCartBtn svg { fill: #000000; }
.shopBtn { background-color: var(--BUTTON_BACKGROUND); color: var(--BUTTON_TEXT_COLOR); border-radius: 0; font-size: 100%; padding: 12px; }
.shopBtn:hover, .shopBtn:focus { background-color: var(--BUTTON_HOVER_BACKGROUND); color: var(--BUTTON_HOVER_TEXT_COLOR); }


.ecommSite #allSectionsWrapper { max-width: 100%; }
.ecommSite .sections > section { max-width: 1200px; padding: 0 20px; margin: 0 auto; }
.ecommSite .shopLayout { max-width: 1200px; padding: 0 15px; margin: 0 auto; }



/********************
    Homepage 
*********************/

/* Homepage - Banners */
.home-page .sections section.divide-banners { margin-top: 40px; }
.divide-banners .grid-boxes.row { display: flex; flex-wrap: wrap; margin: 0 -20px -40px; }
.divide-banners .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
.divide-banners .grid-boxes .grid-box-image-container { position: static; }
.divide-banners .grid-boxes .grid-box { margin-bottom: 40px; padding: 0 20px; }

/* Homepage - Grid Catalog Items */
.home-page section.grid-Catalog-Items { margin-top: 110px; }
section.grid-Catalog-Items .grid-boxes.row { margin-right: -12px; margin-left: -12px; }
section.grid-Catalog-Items .grid-boxes-wrapper { display: flex; flex-wrap: wrap; margin-bottom: -25px; }
section.grid-Catalog-Items .content-section-Btn { float: none; margin-top: 25px; }
section.grid-Catalog-Items .owl-carousel .owl-item .item { padding: 0; }



/* 
   SITE LAYOUT
*/


#GridTop { margin: 0 auto; height: 170px; background-color: #f9f9f9; max-width: 1170px; }
#GridTop.noTopImage { height: 0 !important; }
#GridTop.noTopImage .top-caption { display: none; }
#GridTop:not(.noTopImage) + #GridPage #ContentRegularModule,
#GridTop:not(.noTopImage) + #GridPage #ContactModule { margin-top: var(--headerBodySpace); }
#SiteContainer.hasTopStrip { --HEADER_TOPSTRIP_HEIGHT: 35px; }
.SearchResults #GridTop { height: 0; overflow: hidden; }
body:not(.user-connected) .shopLayout .userProfile { margin: 0 auto; }

/*common top-page-calc*/
.ecommSite #SiteContainer.hasTopStrip #GridTop.noTopImage,
.ecommSite #SiteContainer #GridTop:not(.noTopImage),
.home-page #SiteContainer.hasTopStrip #allSectionsWrapper { margin-top: calc(var(--HEADER_HEIGHT) + var(--HEADER_TOPSTRIP_HEIGHT) + var(--headerBodySpace) + var(--SHOP_SUBTOTAL_HEIGHT)) }
#SiteContainer:not(.hasTopStrip) #GridTop.noTopImage,
.home-page #SiteContainer:not(.hasTopStrip) #allSectionsWrapper { margin-top: calc(var(--HEADER_HEIGHT) + var(--headerBodySpace)) }



/*diff top-page-calc*/
.ShopCheckoutPage #SiteContainer.hasTopStrip #GridTop:not(.noTopImage) { margin-bottom: 0; }
#GridPage { padding: 0; }
.GridBottomGallery { padding: 0; }


section#GridTop .top-caption { top: 50%; color: var(--BannerTextColor); font-size: var(--bannerPageTitle); }
section#GridTop .top-caption h1 { font-size: inherit; font-family: var(--secoundryFontFamily); }
body.ShopRelatedPage #GridTop .top-caption { display: none; }
#headline { margin: 0; }
#subheadline h2 { font-size: inherit; margin: 0; }
.section .section-title { margin-bottom: 15px; }
.section .section-title h2 { font-size: var(--sectionTitle); }
.section-title h2:after, .section-title h2:before { content: none; }

#SiteGrid.layout-bottom #GridPromo { padding: 0 15px; /*margin: 0;*/ margin: auto; }
.content-section-Btn { display: block; width: 100%; margin-top: 20px; }
.content-section-Btn a.sec-button { display: inline-block; background-color: var(--BUTTON_BACKGROUND); border: 1px solid #000; color: #fff; font-size: 100%; font-family: var(--primaryFontFamily); padding: 12px 15px; min-width: 160px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
.content-section-Btn a.sec-button:hover, .content-section-Btn a.sec-button:focus { background: #fff; color: #000; }


/* 
    SHOP HEADER
*/
#header-top-strip:not(.shopTopStripOnBanner) .topStripContainer { display: flex; align-items: center; justify-content: center; line-height: 1.4; height: var(--HEADER_TOPSTRIP_HEIGHT); padding: 0; }
#header-top-strip .topStripContainer .topStripText { font-size: 75%; letter-spacing: 1.4px; }
header.shopHeader #header2 { padding: 0; direction: ltr; background: var(--HEADER_BACKGROUND); color: var(--HEADER_TEXT_COLOR); z-index: auto; }
header.shopHeader #header2 #header-container { display: block; max-width: 100%; padding: 0; margin: 0 auto; }
header.shopHeader #header2 .header-right-section { display: block; height: var(--HEADER_HEIGHT); width: 100%; padding: 5px 30px; }
header.shopHeader #header2 .header-top { direction: inherit; height: 100%; padding: 0; display: flex; flex-wrap: wrap; align-items: center; max-width: 100%; }
header.shopHeader #header2 a.logoHeader { display: flex; align-items: center; width: auto; order: -1; margin-right: auto; margin-left: 0; height: 80%; }
header.shopHeader #header2 a.logoHeader img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }

header.shopHeader #header2 ul#menu { direction: rtl; text-align: center; font-family: var(--primaryFontFamily); font-size: 100%; margin: 0 0 -10px; }
header.shopHeader #header2 ul#menu li { margin: 0; font-size: 100%; }
header.shopHeader #header2 ul#menu li > ul#menu-sub:not(.megaMenu) > li:not(:first-child) { margin-top: 10px; }
header.shopHeader #header2 ul#menu > li { vertical-align: baseline; margin: 0 0 5px 25px; }
header.shopHeader #header2 ul#menu > li.has-sub i { font-size: 16px; line-height: 1; }
header.shopHeader #header2 ul#menu > li:not(.has-sub) > a:hover::after, header.shopHeader #header2 ul#menu > li.active > a::after { width: 100%; }
header.shopHeader #header2 ul#menu > li > a { position: relative; font-size: 93.75%; padding: 0 0 5px; border: none; }
header.shopHeader #header2 ul#menu > li > a::after { content: ''; display: block; height: 1px; background-color: #000; width: 0; position: absolute; bottom: 1px; right: 0; left: 0; transition: .35s ease; transform-origin: center; }
header.shopHeader #header2 .header-top-left { display: none; width: auto; direction: inherit; }
header.shopHeader #header2 .header-top .header-top-right { display: flex; flex-direction: row-reverse; margin: 0; width: auto; direction: inherit; }
header.shopHeader #header2 .header-top .header-top-right > * { font-size: 0; }
header.shopHeader #header2 .header-top .header-top-right > .navShopBtn { margin-left: 14px; }
#header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; }
header.shopHeader #header2 #header-container svg { fill: var(--HEADER_ICONS_COLOR); }
header.shopHeader #header2 #nav-toggle:not(.active) span, header.shopHeader #header2 #nav-toggle span:before, header.shopHeader #header2 #nav-toggle span::after { width: 100%; background: var(--HEADER_ICONS_COLOR) }
header.shopHeader #header2 #nav-toggle.active span { width: 100%; }

/* Header Float Shop Cart */
.headerShop.shopHeaderMode { top: calc(var(--HEADER_HEIGHT) + var(--HEADER_TOPSTRIP_HEIGHT) - 10px ) !important; }
.headerShop .cart { padding: 20px 20px 20px 40px; }
.headerShop .shopBtn { display: block; font-size: 100%; padding: 13px; line-height: 1.25; }
.headerShop .cartItemsNavSubTotal:after { border-color: #f9f9f9; }
.headerShop .cartItemsNavSubTotal .totalSumItems { float: none; font-size: 100%; }
.headerShop .cartItemsNavSubTotal .totalSumItems.cartActions { margin: 30px 0 0; display: flex; flex-direction: column; }
.headerShop .cartItemsNavSubTotal .totalSumItems:not(.cartActions) { font-size: 93.75%; font-family: var(--secoundryFontFamily); }
.headerShop .cartItemsNavSubTotal .totalSumItems:not(.cartActions)::after { content: ''; display: table; clear: both; }

.headerShop .cartItemsTable .cartItem .cartItemsCell { padding: 0 5px; }
.headerShop .cartItemsTable .cartItem .cartItemName.cartItemsCell { font-size: 100%; align-self: stretch; display: flex; flex-wrap: wrap; }
.headerShop .cartItemsTable .cartItem .itemName > a { font-size: 100%; /*margin-bottom: auto;*/ }
.headerShop .cartItemsTable .cartItem .itemName > .cartItemVariation { font-size: 81.25%; }
.headerShop .cart .closeCart button, .headerShop .cart .removeAllWrapper button { border-bottom: none; text-decoration: underline; font-size: 75%; }
.headerShop .cartItemsTable .cartItemProperties span, .cartItemsTable .cartItem .itemName span.weightDesc { display: inline-block; line-height: 1.4; font-size: 75%; }
.headerShop .cartItemsTable .cartItem { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; }
.headerShop .cartItemsTable .cartItem:first-child { padding-top: 0; }
.headerShop .cartItemsTable .cartItemsCell { padding: 0; }
.headerShop .cartItemsTable .cartItemsCell.cartItemPrice { display: flex; flex-flow: column-reverse wrap; align-items: center; }
.headerShop .cartItemsTable .cartItemsCell.cartItemPrice .finalPrice { font-family: var(--secoundryFontFamily); font-size: 93.75%; }
.headerShop .cartItemsTable .cartItemsCell.cartItemPrice .itemBeforeDiscountPrice { margin: 0; font-size: 93.75%; width: auto; }
.headerShop .cartItemsTable .cartItemsCell.cartItemPrice .itemBeforeDiscountPrice.hasDiscount { margin: 5px 0 0; font-size: 75%; }
.headerShop .cartItemsNavSubTotal .totalSumItems:not(.cartActions)::after { content: ''; display: table; clear: both; }

.headerShop .cartItemsTable .cartItem .itemName { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; }
.headerShop .cartItemsTable .item-quantity .itemQuantityContainer input, .headerShop .cartItemsTable .item-quantity .itemQuantityContainerMobile input { width: auto; }
.headerShop .cartItemsTable .cartItemDelete.cartItemsCell { width: auto; }
.headerShop .cartItemsTable .cartItem button.deleteBtn { background-color: #f9f9f9; width: 32px; height: 32px; }

.headerShop.shopHeaderMode { top: calc(var(--HEADER_HEIGHT) + var(--HEADER_TOPSTRIP_HEIGHT) - 10px ) !important; }
.headerShop .cart { padding: 20px 10px 40px; display: flex; flex-wrap: wrap; }
.headerShop .cartTopButtons { flex: 1 0 100%; /*justify-content: space-between;*/ padding: 0 15px; margin-bottom: 20px; }
.headerShop .removeAllWrapper { padding-left: 0; }
.headerShop .itemsTableWrapper { width: 50%; flex: 1 0 auto; display: block; }
.headerShop .cartItemsTable { width: 100%; }
.headerShop .cartItemsNavSubTotal { flex: 0 1 330px; width: 30%; padding: 30px; }
.headerShop .cartItemsNavSubTotal, .headerShop .itemsTableWrapper { display: block; float: none; }
.headerShop a.goToCart.shopBtn { margin: 0; }
.headerShop a.goToCheckout.shopBtn { margin: 20px 0 0; }
.headerShop .cartBottomText { margin: 32px 0 0; padding: 0; font-size: 75%; }


/* Header Megamenu */
#header2 ul#menu .menu-sub.megaMenu .menuGroupTitle { font-size: 95%; font-family: var(--secoundryFontFamily); margin-bottom: 5px; }
#header2 ul#menu .menu-sub.megaMenu .megaMenuSub li a { font-size: 88%; }
#header2 ul#menu-sub.megaMenu::before { content: none; }
header.shopHeader #header2 .menu-sub.megaMenu { width: 100%; max-width: 1170px; padding: 35px 90px; }
header.shopHeader #header2 ul#menu > li.has-megamenu { position: static; }
#header2 ul#menu button.closeMegaMenu .arrowIconWrapper { display: none; }
#header2 ul#menu .menu-sub.megaMenu > li.megaMenuGroup { margin-left: 50px; }
#header2 ul#menu .menu-sub.megaMenu li { min-width: 0; margin-left: 0; }
#header2 ul#menu ul.megaMenuSub li { margin-bottom: 5px; }
#header2 ul#menu li.megaMenuSection h3 { font-size: 100%; }
#header2 ul#menu li.megaMenuSection .megaMenuSub a { font-size: 87.5%; }
header.shopHeader #header2 ul#menu li.has-sub.has-megamenu a { padding: 0; }

/*header svgs*/
header.shopHeader #header2 .navShopBtn > button, header.shopHeader #header2 .navShopBtn > a { font-size: 0; padding: 0; }
header.shopHeader #header2 .cartBtn svg, header.shopHeader #header2 .userBtn svg, header.shopHeader #header2 .searchBtn svg { width: 16px; height: 16px; vertical-align: middle; fill: #232323; }
header.shopHeader #header2 .header-top-right .searchBtn { position: relative; vertical-align: inherit; padding-right: 17px; }
header.shopHeader #header2 .header-top-right .searchBtn::before { content: ''; position: absolute; right: 0; top: 50%; bottom: 0; transform: translateY(-50%); width: 1px; height: 25px; background-color: #000; }
#header2 .cartItemsCounter { background: transparent; display: inline-block !important; vertical-align: middle; position: static; height: auto; width: auto; border-radius: 0; font-size: 11px; }
#header2 .cartItemsCounter span.CartItems { position: static; transform: none; font-size: inherit; }
#header2 .cartItemsCounter span.CartItems::after { content: ')'; }
#header2 .cartItemsCounter span.CartItems::before { content: '('; }

/*Header Profile popup*/
.headerShopLoginUserLoggedIn { font-size: var(--primaryFontSize); }

.headerShopLoginUserLoggedIn:after { border-bottom-color: #fff; }
.headerShopLoginUserLoggedIn h4 { background-color: transparent; color: inherit; font-family: var(--secoundryFontFamily); font-size: 87.5%; direction: rtl; }
.headerShopLoginUserLoggedIn h4 button { font-size: 12px; }
.headerShopLoginUserLoggedIn .loginBoxLogout { font-family: var(--primaryFontFamily); }
.headerShopLoginUserLoggedIn .userLogin .loggedInUser a { font-size: 75%; padding: 10px 15px; transition: 0.45s ease; }
.headerShopLoginUserLoggedIn a.userAction:after { border-color: #f5f5f5; }
.headerShopLoginUserLoggedIn .loggedInUser svg { margin-left: 20px; }
.headerShopLoginUserLoggedIn .userLogin { box-shadow: 0 3px 25px 0 rgb(0 0 0 / 7%); }
.headerShopLoginUserLoggedIn .userLogin .loggedInUser a:focus, .headerShopLoginUserLoggedIn .userLogin .loggedInUser a:hover { background-color: #f7f7f7; }
.headerShopLoginUserLoggedIn.openBox { bottom: auto !important; }
input#searchFormInput { direction: rtl; border-radius: 0; padding: 0; }
.searchSubmitWrapper input#searchFormSubmit { width: 18px; height: 16px; padding: 0; }
header.shopHeader .searchSubmitWrapper svg { width: 100%; height: 100%; padding: 0; position: static; }
.searchSubmitWrapper { width: 16px; height: auto; position: absolute; top: 50%; transform: translatey(-50%); font-size: 0; }
.cartItemsCounter span.CartItems { position: static; transform: none; top: auto; left: auto; -webkit-transform: none; }

/*Header Search Container */
header .search.desktop { height: 100% !important; max-width: 1170px; margin: 0 auto; }
header.search-open #searchFormHeaderContainer { display: flex; align-items: center; justify-content: center; height: inherit; }
header #searchFormHeaderContainer form#searchFormHeader { margin: 0; width: 100%; }
header.search-open .searchBtn { position: static; transform: none; padding: 0 20px; }

/* 
    CATALOGS PAGE COMMON
*/

.itemsList.row:not(.relatedItemsCarousel), .categoriesList.row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; }
.catalog-page .itemsList.row { margin-bottom: -25px; overflow: hidden; }

/* ITEM QUANTITY */
#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart),
#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active { display: inline-flex; border: 1px solid #e5e5e5; direction: rtl; float: none; width: auto; background-color: #fff; }

#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) input[type="number"],
#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active input[type="number"] { max-width: 6ch; width: -webkit-fill-available; }

#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 { width: 30px; background-color: #fff; border: transparent; float: none; }

#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active .itemQuantityContainer,
#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active .itemQuantityContainer { border: transparent; height: 100%; margin: 0; align-self: center; }

#SiteContainer .item-quantity.quantity-wrapper .itemQuantityContainer.itemQuantityContainer-wrapper { margin: 0; border: none; }

#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) .itemQuantityContainer,
#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) .itemQuantityContainerMobile { margin: 0; height: auto; border: none; white-space: nowrap; font-size: 87.5%; }
.headerShop .cartItemsTable .item-quantity .itemQuantityContainer span { /*margin-left: 10px;*/ }

#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-plus { border-width: 0 0 0 1px; }
#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-minus { border-width: 0 1px 0 0; }

#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active input[type="number"] { font-size: 100% !important; }

.item-quantity button.item-plus svg rect, .item-quantity button.item-minus svg rect { fill: #000; }
#CatalogModule #CatalogItemView .item-quantity { padding: 0; float: none; }

/* 
    CATALOG ITEM BOX
*/
.catalogItemBox.ecommerceItemBox { margin-bottom: 25px; padding: 20px 12px; direction: rtl; }
.catalogItemBox.ecommerceItemBox .catalogItemBoxInner { display: flex; flex-direction: column; float: none; height: 100%; direction: rtl; }
.catalogItemBox.ecommerceItemBox a.item-image { padding-bottom: 100%; margin-bottom: 14px; }
.catalogItemBox.ecommerceItemBox a.item-text { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; }
.catalogItemBox.ecommerceItemBox .item-text-top { min-height: 0; }
.catalogItemBox.ecommerceItemBox h3.itemTitle { font-family: var(--primaryFontFamily); font-size: 100%; min-height: 60px; max-width: 90%; margin: 0 auto; line-height: 1.6; }
.catalogItemBox.ecommerceItemBox .item-price { font-family: var(--tertiaryFontFamily); margin-bottom: 20px; line-height: 1.5; direction: rtl; }
.catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { font-size: 113%; margin: 0; vertical-align: baseline; }
.catalogItemBox.ecommerceItemBox span.itemBeforeDiscountPrice, #CatalogModule span.itemBeforeDiscountPrice { font-size: 88%; color: inherit; vertical-align: baseline; margin-left: 0; margin-right: 10px; }
.catalogItemBox.ecommerceItemBox span.finalPrice.priceByWeight { font-size: 100%; }
.catalogItemBox.ecommerceItemBox span.finalPrice.priceByWeight span:first-child { font-size: 100%; }
.catalogItemBox.ecommerceItemBox span.finalPrice.priceByWeight span:last-child { font-size: 80%; margin-right: 10px; }
.catalogItemBox.ecommerceItemBox .item-add-to-cart { margin-top: auto; }
.catalogItemBox.ecommerceItemBox button#addToCartBtn { font-size: 100%; margin: 0; line-height: 1.5; border-width: 3px; }
.catalogItemBox.ecommerceItemBox .catalogItemBoxInner .outOfStockLabel + .item-image { opacity: 0.7; }
/* (?)*/


/* 
    CATALOG CATEGORY BOX
*/
.catalogCategoryBox { margin-bottom: 25px; padding: 20px 12px; }
.catalogCategoryBoxInner { display: flex; flex-direction: column; float: none; height: 100%; padding: 0; }
.catalogCategoryBoxInner a.catalogCategoryBoxText h3 { font-size: 100%; }
.catalogCategoryBoxInner a.catalogCategoryBoxText h4 { font-size: 87.5%; }
/* 
    CATALOG ITEM PAGE
*/
body.CatalogItemPage section#GridPage { padding-top: 0; margin-top: 0 !important; }

body.CatalogItemPage .backBtnWrapper { display: none; }
body.CatalogItemPage #CatalogModule .itemContent #headline { font-size: 218.75%; margin-bottom: 15px; }
body.CatalogItemPage #CatalogModule .itemContent .outOfStockLabel ~ .item-actions { display: none; }
body.CatalogItemPage #CatalogModule .itemContent #subheadline { font-size: 125%; margin-bottom: 20px; line-height: 1.3; text-align: inherit; }
body.CatalogItemPage #subheadline h2 { font-family: var(--tertiaryFontFamily); margin: 0; }
body.CatalogItemPage .catalogContainer.container .itemContentWrapper.row::before, body.CatalogItemPage .catalogContainer.container .itemContentWrapper.row::after { content: none; }
body.CatalogItemPage .catalogContainer.container { /* width: 100%; */ }
body.CatalogItemPage .catalogContainer.container .itemContentWrapper.row { max-width: 1170px; margin-right: auto; margin-left: auto; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; }
body.CatalogItemPage #CatalogModule .itemContentWrapper.row > div { padding: 0; }
body.CatalogItemPage #CatalogModule .itemContentWrapper.row > .itemImages { flex: 0 550px; width: 550px; max-width: calc(50% - 30px); }
body.CatalogItemPage #CatalogModule .itemContentWrapper.row > .itemContent { width: 500px; flex: 0 0 500px; max-width: calc(50% - 30px); }
body.CatalogItemPage #CatalogModule { padding-bottom: 0; }
body.CatalogItemPage select.propertyGroup { min-width: 165px; height: 40px; border-radius: 0; -webkit-appearance: none; padding: 0px 5px; position: relative; background-image: url(../../../warehouse/temp/maeCaffe/droparrow.png); background-repeat: no-repeat; background-position: 10px; font-size: 93.75%; }
body.CatalogItemPage select.propertyGroup, body.CatalogItemPage .propertyGroupContainer { margin-bottom: 20px; }
body.CatalogItemPage .item-properties h3 { display: none; }
body.CatalogItemPage #CatalogModule .relatedItems { max-width: 900px; margin: 0 auto; float: none; }
body.CatalogItemPage #CatalogModule .relatedItems .relatedItemsTitle { margin-bottom: 25px; }
body.CatalogItemPage #CatalogModule .relatedItems .relatedItemsTitle:after { display: none; }
body.CatalogItemPage #CatalogItemView .shareBox { float: none; margin-right: 0; }
body.CatalogItemPage #CatalogItemView .shareBox button { width: 32px; height: 32px; border-color: #232323; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 0; }
body.CatalogItemPage #CatalogItemView .shareBox i { font-size: 16px; width: 11px; }
body.CatalogItemPage #CatalogModule .item-makat-title { font-family: var(--secoundryFontFamily); }
body.CatalogItemPage #CatalogModule #CatalogItemView span.custom-field-title { font-weight: normal; font-family: var(--secoundryFontFamily); }
body.CatalogItemPage #CatalogModule .item-variations .propertyGroupContainer { margin: 15px 0 20px; }
body.CatalogItemPage #catalogText p { font-size: 93.75%; line-height: 1.5; }
body.CatalogItemPage #CatalogModule .item-actions { float: none; display: flex; align-items: center; border: none; padding: 0; margin-top: 15px; }
body.CatalogItemPage #CatalogModule .item-actions .addToCart { float: none; }
body.CatalogItemPage #CatalogItemView .item-actions > div + .shareBox { margin-right: 30px; }
body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn { background: var(--BUTTON_BACKGROUND); color: #fff; padding: 10px; font-family: var(--primaryFontFamily); font-size: 100%; min-width: 165px; min-height: 50px; display: inline-block; border: 1px solid #000; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; white-space: nowrap; }
body.CatalogItemPage #CatalogModule #CatalogItemView .item-quantity::after { content: ''; display: table; clear: both; }
body.CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 0; position: relative; }
body.CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li::before { content: ''; display: block; padding-top: 100%; }
body.CatalogItemPage #CatalogModule .gallery-slider .flex-direction-nav a.flex-next:before, body.CatalogItemPage #CatalogModule .gallery-slider .flex-direction-nav a.flex-prev:before { background-color: red; width: 12px; height: 14px; }
body.CatalogItemPage #CatalogModule .gallery-slider .flex-control-paging li a { width: 14px; height: 14px; border: 2px solid transparent; background: transparent !important; position: relative; }
body.CatalogItemPage #CatalogModule .gallery-slider .flex-control-paging li a::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: black; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
body.CatalogItemPage #CatalogModule .gallery-slider .flex-control-paging li a.flex-active { border-color: #000; }
body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn.addedToCart { background: #ffffff; color: #000000; }
body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn span { left: 10px; }
body.CatalogItemPage #GridTop.noTopImage.longer { height: 0; margin-top: 0px; }
body.CatalogItemPage #CatalogModule .itemContent #catalogText { margin-top: 20px; }
body.CatalogItemPage #CatalogModule .gallery-slider.thumbs { width: 100%; margin-top: 10px; }
#CatalogModule #CatalogItemView .item-custom-details > div { margin-top: 15px; }
#CatalogModule #CatalogItemView .catalogTextContainer.comments > div { margin-top: 25px; }
#CatalogModule .gallery-slider.thumbs li.item { height: 90px; width: 90px !important; padding: 0; margin-right: 10px; }
#CatalogModule .gallery-slider.thumbs li.item:not(.flex-active-slide)::after { opacity: 0.8; background-color: #fff; border: 1px solid transparent; }
#CatalogModule .gallery-slider.thumbs li.item img { width: 100%; height: 100%; object-fit: cover; }
#CatalogModule .gallery-slider.thumbs li.item.flex-active-slide:after { border-color: transparent; }
#CatalogModule #CatalogItemView .itemContentWrapper button.custom-field { border: none; }
body.CatalogItemPage .itemContentWrapper .item-price { margin-top: 35px; font-family: var(--tertiaryFontFamily); }
body.CatalogItemPage .item-properties { margin-top: 25px; margin-bottom: -20px; }
body.CatalogItemPage #CatalogItemView .itemContentWrapper .item-price > span { display: inline-block; vertical-align: baseline; line-height: 1; }
body.CatalogItemPage .itemContentWrapper .priceComment { margin-top: 10px; }
body.CatalogItemPage #CatalogItemView .itemContentWrapper .item-price span.finalPrice { font-size: 262.5%; }
body.CatalogItemPage #CatalogItemView .itemContentWrapper .item-price span.finalPrice.priceByWeight > span:nth-child(2) { font-size: 16px; }
body.CatalogItemPage #CatalogItemView .itemContentWrapper .item-price span.finalPrice.priceByWeight > span:nth-child(1) { font-size: inherit; vertical-align: baseline; }
body.CatalogItemPage #CatalogItemView .itemContentWrapper .item-price .itemBeforeDiscountPrice.hasDiscount { font-size: 112.5%; }
body.CatalogItemPage #CatalogItemView .item-collections { padding: 25px 0 0; border: solid #d7d8da; border-width: 1px 0 0; margin: 25px 0 0; font-size: 93.75%; }
body.CatalogItemPage #CatalogItemView .item-collection:not(:last-child) { margin-bottom: 15px; }
body.CatalogItemPage #CatalogModule .item-custom-details { font-size: 93.75%; margin: 15px 0 0; }
body.CatalogItemPage #CatalogModule .item-makat, .catalogItemBox .item-makat { color: #000; font-size: 93.75%; margin: 15px 0 0; }
body.CatalogItemPage #CatalogItemView .item-collections .collectionGroupName:first-child { font-family: var(--secoundryFontFamily); }
body.CatalogItemPage #CatalogModule .gallery-slider.flexslider .flex-direction-nav a { font-size: 0; height: 100%; background: #fafafa; top: 0; bottom: 0; margin: 0; }
body.CatalogItemPage #CatalogModule .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: 0; }
body.CatalogItemPage #CatalogModule .gallery-slider.flexslider:hover .flex-prev, .gallery-slider.flexslider .flex-prev { left: 0; }
body.CatalogItemPage #CatalogModule .gallery-slider .flex-direction-nav li { height: 100%; }
/*
#CatalogModule #CatalogItemView .item-quantity { border: 1px solid #e5e5e5; font-size: 93.75%; background: #fff; display: inline-flex; align-items: center; width: auto; float: none; margin: 20px 0 0; }
#CatalogModule #CatalogItemView .item-quantity button { border: none; background: transparent; }
#CatalogModule #CatalogItemView .item-quantity span.itemQuantityContainer { border: none; background: transparent; height: auto; width: auto; }
#CatalogModule #CatalogItemView .item-quantity span.itemQuantityContainer input { background: inherit; }
#CatalogModule .item-quantity .itemQuantityContainer input[type="number"] { width: auto; padding: 0; }
#CatalogModule #CatalogItemView .item-quantity.catalogItemBoxQuantity .quantity-start button { background: var(--BUTTON_BACKGROUND); color: var(--BUTTON_TEXT_COLOR); padding: 10px; font-family: var(--primaryFontFamily); font-size: 100%; min-width: 165px; min-height: 50px; display: inline-block; border: 1px solid #000; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; white-space: nowrap; }

#CatalogModule .catalogItemBox.catalogItemRowBoxQuick .item-quantity.catalogItemBoxQuantity .item-quantity-options button { background: #000; border-color: #000; }
#CatalogModule .catalogItemBox.catalogItemRowBoxQuick .item-quantity.catalogItemBoxQuantity .item-quantity-options.active { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0 0; }
#CatalogModule .catalogItemBox.catalogItemRowBoxQuick .item-quantity.catalogItemBoxQuantity .itemQuantityContainer { margin: 0; border: none; width: 33%; border: 1px solid #000; }
*/


body.CatalogItemPage #CatalogModule .gallery-slider .flex-direction-nav a.flex-next:before, body.CatalogItemPage #CatalogModule .gallery-slider .flex-direction-nav a.flex-prev:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.propertyOption { border: 1px solid; padding: 5px 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; width: auto; max-width: none; }
.propertyIcon { width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.propertyOption .propertyIcon img { border: 1px solid #ddd; border-radius: 50%; width: 25px; height: 24px !important; padding: 2px; }
.propertyGroupContainer.hasVariations h3 { display: inline-block; font-size: 100%; margin-left: 15px; margin-top: 10px; }
.propertyGroupContainer.hasVariations { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }
.propertyOption input { opacity: 0; display: none; }
.propertyOption label { margin: 0; font-weight: normal; font-size: 81.25%; line-height: 1; white-space: nowrap; max-width: none; }
.propertyOption:not(.hasImg).active { background-color: #121212; color: #fff; }
.propertyOption:not(:last-child) { margin-left: 10px; }
.propertyOption.hasImg { padding: 0; border: none; }
.propertyOption.hasImg.active .propertyIcon img { border-color: #000; }
select::-ms-expand { display: none; }
select option:checked { background: #e9e9e9; }
/* 
    CATALOG PAGINATION
*/
#CatalogModule .CatalogNav { margin-top: 40px; margin-bottom: 0; }
#CatalogModule .CatalogNav .navigationItems a { line-height: 1; padding: 5px 8px 4px; background-color: transparent; border: 1px solid #000; }
#CatalogModule .CatalogNav .navigationItems:not(:last-child) { margin-right: 10px; }

/* 
    CATALOG PRODUCT LABEL
*/
#CatalogItemView .itemContentWrapper .outOfStockLabel span { background-color: #576067; font-size: 100%; }
.outOfStockLabel.hasTextLabel { font-size: 75%; padding: 3px 13px; top: 10px; left: 0; background-color: #576067; line-height: 1.5; transform: none; width: auto; }
.productLabel:not(.wishlist) + .productLabel { transform: translateY(100%); top: 15px; }
.productLabel:not(.wishlist) + .productLabel + .productLabel { transform: translateY(200%); top: 20px; }
.productLabel img { max-width: 25px; }
.productLabel { left: 0; }
.productLabel:not(.wishlist):not(.productLabelImg) { font-size: 75%; padding: 3px 14px; background-color: #232323; line-height: 1.5; }
.productLabel.wishlist { padding: 0; font-size: 0; right: 10px; left: auto; top: 10px; background-color: #fff; border-radius: 50%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; }
.productLabel.wishlist button.wishListBtn { padding: 0; }
.productLabel.wishlist button.wishListBtn svg { width: 12px; height: auto; }
/* 
    SHOP LAYOUT - CART TABLE, ORDER PROCESS
*/
.cartItemsTable .cartItemsTitles { background-color: var(--SHOP_FORM_HEAD_BACKGROUND); font-weight: normal; font-family: var(--secoundryFontFamily); font-size: 106.25%; }
.cartItemsTable .items, .cartSubTotal { background-color: var(--SHOP_FORM_BODY_BACKGROUND); }

/*cart subtotal*/
.cartSubTotal .subTotalTitle { background-color: var(--SHOP_FORM_HEAD_BACKGROUND); }
.cartSubTotal .subTotalTitle h2 { font-size: 106.25%; font-weight: normal; }
.cartSubTotal .subTotalInner::after { content: ''; display: table; clear: both; }
.cartSubTotal .subTotalInner > .totalSumItems { padding: 10px 20px 0px; }
.cartSubTotal .totalSumItems:not(.totalPrice) span:first-child { font-size: 93.75%; }
.cartSubTotal .totalSumItems.totalPrice { font-weight: normal; font-family: var(--secoundryFontFamily); font-size: 125%; }
.shopLayout.checkoutPage .cartSubTotal .totalSumItems.totalPrice:before { margin: 15px 0; }
body.ShopCheckoutPage #SiteContainer .shopLayout.checkoutPage .cartSubTotal .item-quantity { background: none; border: none; }

/*checkout form*/
form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { border-radius: 0; box-shadow: none; border-color: #f1f1f1; background-color: #fff; }
form.shop-form input[type=checkbox] { background: #fff; appearance: none; border-color: #f1f1f1; width: 12px; height: 12px; box-shadow: none; }
form.shop-form input[type=checkbox]:checked { background-image: url('../../../warehouse/temp/story/checkboxV.svg'); background-image: url('../../../warehouse/temp/story/checkboxV.svg'); }
form#checkout-form { padding: 0; margin: 0; }
form#checkout-form label { font-weight: normal; }
form#checkout-form .checkoutInputsWrapper { padding: 0; }
form#checkout-form fieldset > .checkoutFormWrapper { padding: 0 30px 25px; }
form#checkout-form .checkoutFormWrapper { background: var(--SHOP_FORM_BODY_BACKGROUND); padding: 0 30px 15px; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper { margin-bottom: 0 !important; }
form#checkout-form .checkoutFormWrapper:not(.paymentOptionsWrapper) label { font-size: 68.75%; font-weight: normal; color: #121212; }
form#checkout-form .checkoutFormWrapper .checkBoxWrapper > label { font-size: 81.25%; color: #000; font-family: var(--secoundryFontFamily); vertical-align: middle; margin: 0; }
form#checkout-form .checkoutTitle h3 { background-color: var(--SHOP_FORM_HEAD_BACKGROUND); font-size: 106.25%; padding: 16px 30px; }
form#checkout-form .normal-form-comment { font-size: 81.25%; margin: 10px 0; }
form#checkout-form .normal-form-submit { width: 165px; max-width: 100%; }
form#checkout-form .billingDetails.open, form#checkout-form .deliveryDetails.open, form#checkout-form .deliveryMethods.open { z-index: 0; }
form#checkout-form checkoutTitle:first-child { padding: 0; margin-bottom: 15px; }
form#checkout-form .personalDetailsWrapper .checkoutInputsWrapper { padding: 0; width: 50%; }
form#checkout-form .checkoutInputsWrapper.no-pad:first-child { padding: 0; }
form#checkout-form .checkoutTitle h4 { padding: 0; margin: 0; font-size: 93.75%; margin-bottom: 10px; }
form#checkout-form .checkoutTitle:not(.deliveryError) { padding-right: 0; padding-left: 0; margin-bottom: 25px; margin-right: -15px; float: none; width: calc(100% + 30px); }
/*delivery*/
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper { width: 100%; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper > div { width: 50%; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper.deliveryDetailsTimeTableContent { margin-top: 20px; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .pickUpBranches { margin: 0; padding: 0; }
form#checkout-form .deliveryDetailsCalcWeight { padding: 0; }
form#checkout-form .deliveryMethodComments { margin: 20px 0px; padding-right: 0; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliveryOptionBox { border-color: #f1f1f1; width: 100%; padding: 15px 13px; border-radius: 0; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliveryOptionBox.active { background-color: #fff; border-color: #000; color: inherit; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliveryOptionBox .deliveryOptionLabel { font-size: 93.75%; color: inherit; padding: 0 35px 0 0; }
form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .deliveryOptionBox label span { font-size: 13px; color: #707070; margin-top: 5px; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTableContent div:first-child { width: 100%; float: none; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTableContent h3 { font-size: 93.75%; margin: 0 0 8px; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTableContent p { font-size: 93.75%; max-width: 500px; line-height: 1.4; margin-bottom: 0; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTableContent label { color: initial; margin: 0; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTableContent label:not(.HourOptionBoxLabel) { font-family: var(--secoundryFontFamily); font-size: 93.75%; margin: 0 0 8px; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTableContent label.HourOptionBoxLabel { font-family: var(--primaryFontFamily); font-size: 87.5%; }
form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTableContent > div { margin-bottom: 20px; }
/*billing*/
form#checkout-form .checkoutFormWrapper.billingDetailsWrapper .checkoutInputsWrapper { width: 100%; }
form#checkout-form .checkoutFormWrapper.billingDetailsWrapper .checkoutInputsWrapper .billingDetails.open { margin-top: 20px; }
form#checkout-form .checkoutFormWrapper.billingDetailsWrapper .checkBoxWrapper > label { font-size: 81.25%; color: #000; font-family: var(--secoundryFontFamily); vertical-align: middle; margin: 0; }
form#checkout-form .checkoutFormWrapper.billingDetailsWrapper .billingDetails > div { width: 50%; }
/*coupon*/
form#checkout-form .checkoutFormWrapper.couponDetailsWrapper label { font-size: 93.75%; color: inherit; }
form#checkout-form .checkoutFormWrapper.couponDetailsWrapper .checkoutInputsWrapper { width: 100%; padding: 0; }
form#checkout-form .checkoutFormWrapper.couponDetailsWrapper input#coupon { max-width: 345px; }
/*comments*/
form#checkout-form .checkoutFormWrapper.commentDetailsWrapper label { font-size: 93.75%; color: inherit; }
form#checkout-form .checkoutFormWrapper.commentDetailsWrapper .checkoutInputsWrapper { width: 100%; }
form#checkout-form .checkoutFormWrapper.commentDetailsWrapper textarea { margin-bottom: 0; }
/*payment*/
form#checkout-form .checkoutFormWrapper.paymentOptionsWrapper .dateBoxWrapper { width: 100%; }
form#checkout-form .checkoutFormWrapper.paymentOptionsWrapper .dateBoxWrapper:last-child { margin-bottom: 0; }
#payment-method-cash { margin-top: 25px; }
/*payment checkout*/
#payment-method-cash > .row { margin: 0; }

@media(max-width: 767px) {
    form#checkout-form .row > div.checkoutInputsWrapper { width: 100%; padding: 0; }
}
/*  Footer */
footer { background-color: #1a1a1a; }
#SiteFooter { float: none; padding: 0; display: flex; flex-direction: column; padding: 0 15px; }
#SiteFooter .footer-text-divided { display: flex; justify-content: space-between; align-items: center; margin: 0px -15px; width: initial; padding: 20px 5%; }
#SiteFooter .footer-text-divided p { font-size: 70%; }
#SiteFooter .footer-text-divided ul { list-style: none; padding: 0; margin: 0; }
#SiteFooter .footer-text-divided .footer-text-right > ul { float: right; }
#SiteFooter .footer-text-divided .footer-text-right > ul:not(:last-child) { margin-left: 10%; }

#SiteFooter .footer-text-divided .footer-text-right::after { content: ''; display: table; clear: both; }
#SiteFooter .footer-text-divided .footer-text-right > ul > li { font-size: 70%; margin-bottom: 7px; line-height: 1.5; }
#SiteFooter .footer-text-divided .footer-text-right > ul > li > a { display: inline-block; position: relative; }
#SiteFooter .footer-text-divided .footer-text-right > ul > li > a::after { content: ''; display: block; width: 0; height: 1px; background-color: #fff; transition: .45s ease; }
#SiteFooter .footer-text-divided .footer-text-right > ul > li:hover > a::after { width: 100%; }

#SiteFooter .footer-text-divided .footer-text-left ul { display: inline-flex; }
#SiteFooter .footer-text-divided .footer-text-left ul > li img { width: 14px; height: 14px; object-fit: contain; }
#SiteFooter .footer-text-divided .footer-text-left ul > li:not(:first-child) { margin-right: 12px; }
#SiteFooter .footer-text-divided .footer-text-left p:first-child > img { width: 192px; margin-bottom: 10%; }
#SiteFooter .site-credit.alternative { padding: 10px 15px; margin: 0 -15px; }
#SiteFooter .site-credit.alternative > div { float: none; /* padding: 0; */ display: flex; justify-content: space-between; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; font-size: 70%; margin: 0; line-height: 1; }
#SiteFooter .site-credit p.creditWrapper { display: inline-block; }




/*footer { margin-top: 150px; overflow: hidden; padding-top: 50px; }
#SiteFooter { background: #1a1a1a; float: none; max-width: 100%; margin: 0 auto;  display: flex; flex-wrap: wrap; }
#SiteFooter #partners-section { padding: 0; }
.footerFormContainer { background: transparent; }
#SiteFooter > div { float: none; }
#SiteFooter .footer-text, #SiteFooter .FooterForm { width: 50%; flex: 1 0 50%; padding: 0 30px; align-self: center; }
#SiteFooter .footer-text > div { padding: 0; float: none; text-align: left; }
#SiteFooter .FooterForm { font-size: 60%; }
#SiteFooter .footer-text img { max-width: 200px; }
#SiteFooter .footer-text { font-size: 60%; }
#SiteFooter .footer-text p:not(:first-child) { display: none; }
#SiteFooter .footer-text p:not(:first-child) img { width: 16px; height: 16px; filter: invert(1); }
#SiteFooter #partners-section { display: none; }
#SiteFooter .site-credit.alternative { flex: 1 0 100%; padding: 5px 0; margin-top: 40px; }*/


#GridBottom .gallery-cubes { max-width: 1170px; margin: 0 auto; }
/* 
    FORMS COMMMON 
*/

#clubform fieldset > div, #contact-form .row > div, #DynamicFormObject fieldset > div { padding: 0 5px; }
.normal-form input[type="submit"], #DynamicFormObject input[type=submit] { background-color: var(--BUTTON_BACKGROUND); color: var(--BUTTON_TEXT_COLOR); font-size: 100%; max-width: 165px; padding: 13px 60px; line-height: 1.5; height: auto; border: 1px solid currentColor; border-radius: 0; width: 100%; }
.normal-form input:not([type='checkbox']):not([type='radio']):not([type='submit']), .normal-form textarea, .normal-form select { border-radius: 0; border: 1px solid transparent; font-size: 87.5%; width: 100%; background-color: #fff; padding: 13px 15px; line-height: 1.25; color: #121212; margin-bottom: 10px; box-shadow: none; height: auto; max-width: 100%; }
.normal-form input[type=submit]:hover { background: var(--BUTTON_HOVER_BACKGROUND); color: var(--BUTTON_HOVER_TEXT_COLOR); border-color: currentColor; }
.normal-form select:focus { border: 1px solid; }
.normal-form { border: 0; background-color: var(--FORM_BACKGROUND); }
.normal-form:after { border: 0; }
.normal-form textarea, #contactform textarea { padding-top: 10px; margin-top: 0; }
.normal-form .checkbox-field { margin: 0; }
.normal-form .checkbox-field label { font-weight: normal; font-size: 87.5%; margin: 0; vertical-align: middle; }
.normal-form input[type=checkbox] { vertical-align: middle; margin: 0; border: none; }
.must { position: relative; }
.must:before { font-size: 12px; right: 10px !important; top: 10px; }
.select-wrapper:after { top: 50%; left: 15px; }
/*checkboxes*/
.normal-form input[type=checkbox], .normal-form-confirm input#approve { display: inline-block; position: relative; width: 12px; height: 12px; background: #fff; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 0; }
.normal-form input[type=checkbox]:focus { outline: none; }
.normal-form input[type=checkbox]:checked::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5px; height: 5px; font-size: 10px; background: #000; border-radius: 50%; line-height: 1; white-space: nowrap; letter-spacing: 0; }

/*
    DYNAMIC FORM 
*/

#DynamicFormObject.normal-form { display: block; max-width: 920px; margin: 0 auto; border: none; padding: 60px 75px; }
#DynamicFormObject.normal-form::after { content: none; }
#DynamicFormObject.normal-form .dynamicFormObjectTitleAndText { display: block; margin-bottom: 15px; padding: 0; width: 100%; font-size: var(--formTitle); }
#DynamicFormObject.normal-form .dynamicFormObjectField { width: 33.3333%; }
#DynamicFormObject.normal-form .dynamicFormObjectFields:after { content: none; }
#DynamicFormObject.normal-form .dynamicFormObjectFields .top-form { display: block; font-size: var(--subtitleSize); margin: 0; }
#DynamicFormObject.normal-form form { margin-top: 40px; }
#DynamicFormObject.normal-form .dynamicFormObjectField.checkboxField { width: 100%; text-align: right; }
#DynamicFormObject.normal-form .checkboxField label { font-size: 87.5%; }
#DynamicFormObject.normal-form .dynamicFormObjectFields { display: block; width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }

/*
    CLUB FORM 
*/

#ClubModule { padding: 0 20px; }
#clubview { text-align: center; margin-bottom: 80px; }
#clubview #headline { font-size: var(--pageTitle); margin-bottom: 15px; }
#clubview #subheadline { margin-bottom: 15px; }
#clubform.normal-form { padding: 60px 75px; max-width: 920px; margin: 0 auto; }
#clubform.normal-form #text1 { font-size: inherit; margin-bottom: 40px; max-width: 100%; text-align: center; }
#clubform.normal-form #text1 p { font-size: var(--subtitleSize); }
#clubform.normal-form .normal-form-comment { margin-top: 10px; font-size: 75%; }
#clubform.normal-form .normal-form-confirm { padding: 0; text-align: right; }
#clubform.normal-form .normal-form-confirm label { font-size: 87.5%; }
#clubform.normal-form .normal-form-submit { width: auto; margin: 35px 0 0; }
#clubform.normal-form #club-form > .row { margin-right: -5px; margin-left: -5px; }
/*
    REGISTER FORM
*/
.ShopRegisterPage .registerFormWrapper { background-color: var(--FORM_BACKGROUND); }
.ShopRegisterPage .registerFormWrapper fieldset label { font-weight: normal; }
.ShopRegisterPage .registerFormWrapper .normal-form-comment { padding: 0; font-size: 75%; }


/*
    PROFILE ACCOUNT
*/

.loggedInUser.profileSideBar { background-color: #fff; }
.loggedInUser.profileSideBar h4 { background-color: #fff; font-size: 100%; height: auto; margin-bottom: 10px; padding: 10px 23px; }
.loggedInUser.profileSideBar h4 span { display: inline; font-size: 93.75%; font-family: var(--tertiaryFontFamily); }
.loggedInUser.profileSideBar h4 button.loginBoxLogout { font-size: 81.25%; }
.loggedInUser.profileSideBar a { background-color: #fff; padding: 14px 23px; font-size: 93.75%; margin-bottom: 0; }
.loggedInUser.profileSideBar a.active { position: relative; background-color: #f7f7f7; color: inherit; }
.loggedInUser.profileSideBar a.active::after { content: ''; position: absolute; bottom: auto; top: 50%; left: 2px; transform: translate(-100%, -50%); border-width: 1px 0 0 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #f7f7f7; z-index: 0; }
.loggedInUser.profileSideBar a:not(:last-child) { border-bottom: 1px solid #f7f7f7; }
.loggedInUser.profileSideBar a span { margin-right: 12px; }
.loggedInUser.profileSideBar a.userAction svg { width: 20px !important; height: auto !important; }
.loggedInUser.profileSideBar a.userAction.active svg { fill: initial; }
.shopLayout .userProfile { margin-top: 0; }
.shopLayout .userProfile #headline { background-color: var(--SHOP_FORM_HEAD_BACKGROUND); height: auto; padding: 15px 30px; font-size: 106.25%; margin-bottom: 0; }
.shopLayout .userProfile #headline h1 svg { width: 20px; height: auto; vertical-align: middle; }
.shopLayout .userProfile #headline h1 span { vertical-align: middle; }
.shopLayout .userProfile #headline > span { display: block; float: none; font-size: 80%; width: auto; margin: 0; text-align: left; }
.shopLayout .userProfile .registerFormWrapper { background-color: var(--SHOP_FORM_BODY_BACKGROUND); padding: 15px 30px 50px; margin: 0; }
.shopLayout .userProfile .registerFormWrapper .shopBtn { font-size: 100%; min-width: 165px; padding: 14px 15px; }
/*details section*/
.shopLayout .userProfile .registerFormWrapper fieldset { display: flex; flex-wrap: wrap; }
.shopLayout .userProfile .registerFormWrapper fieldset > div { flex: 0 0 50%; }
.shopLayout .userProfile .registerFormWrapper fieldset label { font-weight: normal; text-align: end; direction: ltr; font-size: 68.75%; padding: 0; color: #121212; }
.shopLayout .userProfile .registerFormWrapper fieldset > div > .col-md-8 { width: 100%; }
.shopLayout .userProfile .registerFormWrapper .row .col-xs-12 { width: 100%; }
.shopLayout .userProfile .registerFormWrapper .normal-form-submit { width: auto; }
.shopLayout .userProfile .registerFormWrapper .dateBoxWrapper { padding: 0 15px; }
.shopLayout .userProfile .registerFormWrapper .dateBoxWrapper > div { padding-right: 2px; padding-left: 2px; }
.shopLayout .userProfile .registerFormWrapper .normal-form-comment { font-size: 75%; width: auto; padding: 0; }
/*history section*/
.shopLayout.orderHistory .userProfile #headline { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.cartItemsTable.orders .cartItemsCell { padding-bottom: 0; }
.cartItemsTable.orders .orderItem { background-color: var(--SHOP_FORM_BODY_BACKGROUND); padding: 30px; margin-bottom: 10px; }
.cartItemsTable.orders .topOrderItem:after { content: none; }
.cartItemsTable.orders .topOrderItem .cartItemsCell span { font-size: 81.25%; }
.cartItemsTable.orders .topOrderItem .cartItemsCell span:first-child { margin-bottom: 5px; font-weight: normal; font-family: var(--secoundryFontFamily); }
.cartItemsTable.orders .bottomOrderItem { padding: 20px 0 0; margin-top: 20px; border-top: 1px solid #d7d7d7; }
.cartItemsTable.orders .bottomOrderItem .order-actions a { border-radius: 0; padding: 12px; min-width: 180px; display: inline-block; text-align: center; font-size: 100%; }
.cartItemsTable.orders .bottomOrderItem .order-actions a:hover, .cartItemsTable .bottomOrderItem .order-actions a:hover.cartItemsTable .bottomOrderItem .order-actions a:focus { border-radius: 0; }
.cartItemsTable .bottomOrderItem .order-images span.itemsRemaining { font-size: 93.75%; }
.cartItemsTable .bottomOrderItem .order-images .orderItemImg.lastImage:after { background: rgb(0 0 0 / 55%); }
.cartItemsTable.orders .loadMoreOrderWrapper { margin-top: 30px; }
.cartItemsTable.orders button.loadMoreOrders { font-size: 100%; border-radius: 0; min-width: 165px; min-height: 50px; padding: 14px 15px; margin: 0; }
.cartItemsTable.orders .cartItemName.cartItemsCell.orderID { padding: 0; }
.cartItemsTable.orders .orderItem .cartItemsCell { width: auto; vertical-align: top; text-align: right; padding: 0; }
.cartItemsTable.orders .topOrderItem { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; }
/*history-single-order*/
.shopLayout.orderHistory.singleOrderPage .userProfile #headline span { direction: rtl; }
.shopLayout.orderHistory.singleOrderPage .userProfile .orderFirstDetails { background-color: #f7f7f7; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; margin: 0; }
.shopLayout.orderHistory.singleOrderPage .userProfile .orderFirstDetails .orderDetail { flex-basis: 20%; float: none; font-size: 81.25% !important; }
.shopLayout.orderHistory.singleOrderPage .userProfile .orderFirstDetails .orderDetail strong { float: none; display: block; margin-bottom: 5px; }
.shopLayout.orderHistory.singleOrderPage .userProfile .orderFirstDetails .orderDetail span { float: none; display: block; }
.shopLayout.orderHistory.singleOrderPage .userProfile .orderFirstDetails .orderDetail::before { /* content: ''; */ display: inline-block; height: 100%; width: 1px; background: red; }
.shopLayout.orderHistory.singleOrderPage .order-items .subheadline { margin-bottom: 15px; }
.shopLayout.orderHistory.singleOrderPage .order-items .subheadline h2 { font-weight: normal; font-size: 106.25%; }
.shopLayout.orderHistory.singleOrderPage .orderItems .cartItemsTable .itemsTitles .cartItemsCell { font-weight: normal; font-family: var(--secoundryFontFamily); font-size: 81.25%; padding: 0 0 15px; }
.shopLayout.orderHistory.singleOrderPage .order-items { background-color: #f7f7f7; }
.shopLayout.orderHistory.singleOrderPage .orderMoreDetails { background-color: #f7f7f7; }
.shopLayout.orderHistory.singleOrderPage .orderMoreDetails > div { padding: 0; }
.order-delivery-details .subheadline, .order-billing-details .subheadline { padding-bottom: 15px; }
.shopLayout.orderHistory.singleOrderPage h2 { font-size: 106.25%; }
.shopLayout.orderHistory.singleOrderPage .orderMoreDetails strong, .shopLayout.orderHistory.singleOrderPage .orderMoreDetails span { font-size: 81.25%; }
.shopLayout.orderHistory.singleOrderPage .orderMoreDetails span { margin-right: 10px; }
.shopLayout.orderHistory.singleOrderPage .orderMoreDetails .oneLine { margin-bottom: 10px; }
/*wishlist section*/
.shopLayout .userProfile .registerFormWrapper .itemsList .catalogItemBox { width: 25%; }

/* 
    CONTACT PAGE
*/

#ContactModule #headline { font-size: var(--pageTitle); margin-bottom: 15px; }
#contactDetails .contactDetailsPhone1, #contactDetails .contactDetailsText1 { font-size: 100%; margin: 0; }
.contact-form-wrap { margin: 50px 0; }
#contactDetails { font-size: 100%; }
#contactDetails .contactDetailsText1 p { font-size: 93.75%; margin: 0; }
#contactform { max-width: 920px; margin: 0 auto; background-color: var(--FORM_BACKGROUND); padding: 60px 75px; }
#contactform .contact-container { width: 100%; }
#contactform .contact-container > .row { margin-right: -5px; margin-left: -5px; }
#contactform h3 { font-size: var(--formTitle); margin: 0 0 40px; }
#contactform .contact-form-submit { text-align: inherit; margin: 0; }
#contactform .submit-btn.row { margin: 0; }
#contactform .submit-btn > div { width: 100%; padding: 0; }
#contactform .contact-form-comment { margin: 10px 0 0; font-size: 75%; }
#contact-boxes { margin: 0; }
#contactview #map-section { margin-top: 50px; }
#contactview.thanksMode #headline { display: none; }
#contactview.thanksMode #text1 p { font-size: 125%; }

/* 
    CONTENT PAGE 
*/

#ContentRegularModule, #ContentFaqModule { padding: 0 20px; }
#ContentRegularModule .MainContent { max-width: 700px; margin: 0 auto; }
.MainContent #headline { font-size: var(--pageTitle); margin-bottom: 15px; }
.MainContent #subheadline { font-size: 138%; margin-bottom: 20px; }
#subheadline { font-size: var(--subtitleSize); }
#text1, #text2 { max-width: 700px; }
#text1 p:last-child { margin-bottom: 0; }
#text1 p, #text2 p { font-size: 93.75%; }
#text1 h3, #text2 h3 { font-size: 137.5%; margin: 0 0 20px; }
#text1 ul:not(.searchResultsList) li, #text2 ul:not(.searchResultsList) li { list-style: none; padding-right: 1em; text-indent: -1em; }
#text1 ul:not(.searchResultsList) li:before, #text2 ul:not(.searchResultsList) li:before { content: ""; border: 1px solid #000; border-radius: 50%; width: 6px; height: 6px; vertical-align: middle; display: inline-block; margin-left: 10px; }
#text1 ul:not(.searchResultsList), #text2 ul:not(.searchResultsList) { padding: 0; }
#text1 ul li:not(:last-child), #text2 ul li:not(:last-child) { margin-bottom: 15px; }
/*
    OTHERS
*/
.categories-strip { display: none; margin-bottom: 40px; }
.categories-strip.tabsView { display: inline-block; width: 100%; background: transparent; margin-bottom: 30px; }
.categories-strip.tabsView ul li button { background: transparent; -webkit-appearance: none; border: 0; padding: 5px 10px; color: #000000; }
.categories-strip.tabsView ul li { background: transparent; padding: 0; border: 1px solid transparent; }
.categories-strip.tabsView ul li.active { background: transparent; border-color: #000000; }
.categories-strip.tabsView .mobile-strip { color: #000000; border: 1px solid; }
.categories-strip.tabsView .mobile-strip .select-wrapper li.strip-item { color: #000000; }
#CatalogModule .filtersList { display: none; }
#CatalogModule .relatedItems h2 { background: none; margin: 0; }
#CatalogCollectionView { max-width: 100%; overflow: hidden; /* padding: 0 20px; */ }
#CatalogModule { padding: 0; }
section.grid-text-section { padding-top: 0; margin-bottom: 0; padding-bottom: 0; }
.cartSubTotal .subTotalTitle a.goToCart { margin-top: 5px; }
form#checkout-form .checkoutInputsWrapper.onlyOneOption .deliveryOptionBox .deliveryOptionLabel { padding-right: 0px; }
#payment-method-cash .shopBtn { max-width: 250px; }
form#navLogin .form-control { border: 1px solid; }
.cartSubTotal.affix { top: 125px; }
.registerFormWrapper.registerPage.registerThanks #text1 { text-align: center; }
.shopThankYouMsg #text1 { text-align: center; }
.categories-strip { background: transparent; color: inherit; }
.categories-strip ul li.active { background: transparent; }
.categories-strip ul li { padding: 0; }
.categories-strip ul li a { padding: 7px 10px; display: inline-block; border: 1px solid transparent; }
.categories-strip ul li.active a { border: 1px solid; }
.cartItemsTable .cartItemsTitles { height: 50px; }
.sections .grid-content-section .grid-box.section-animation-item { opacity: 1; margin-top: 0; }
.hideTitle .grid-box-title { display: none; }
.grid-boxes .box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.ShopCheckoutPage.ShopRelatedPage section#GridTop:not(.noTopImage), .ShopRelatedPage section#GridTop:not(.noTopImage) { height: 0; margin-bottom: 0; }
body.ShopCheckoutPage section#GridTop { height: 0; overflow: hidden; }
body.ShopCheckoutPage section#GridTop .top-caption { display: none; }
.ShopRelatedPage section#GridTop .top-caption h1 { display: none; }
section.grid-feature .gallery-cubes > div { padding: 10px; }
.ShopCheckoutPage .footerFormContainer, .ShopRelatedPage .footerFormContainer { display: none; }
.cartItemsTable .cartItem:not(.hasItemPic) .itemName { flex: auto; }
.grid-boxes-wrapper { display: block; width: 100%; overflow: auto; }
.ShopCheckoutPage #headline { margin-bottom: 30px; }

@media(max-width:1170px) {
    body .CatalogItemPage #GridPage .max-width { width: 100%; }
}

@media (min-width: 1025px) {
    .searchMobile { display: none; }


    /* header account popup*/
    .headerShopLoginUserLoggedIn { left: auto; right: -100%; }
    .headerShopLoginUserLoggedIn:after { left: auto; transform: none; right: 6%; }

    header.shopHeader #header2 .header-top + .menu-nav { margin: 0; float: none !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 65%; }
}
/* LAPTOP */
@media only screen and (min-width: 990px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.2) {
    /*html { zoom: .8; }*/

    header.shopHeader #header2 ul#menu > li { margin-left: 15px; }

    header.shopHeader #header2 ul#menu > li > a { font-size: 87.5%; }
}

@media(min-width: 1024px) {

    /* 
    SHOP HEADER
    */
    /*header menu-sub */
    header.shopHeader #header2 .menu-sub { border-color: transparent; box-shadow: 0 3px 25px 0 rgb(0 0 0 / 7%); padding: 20px 30px 23px; min-width: 140px; top: 115%; left: 50%; right: auto; transform: translateX(-50%); margin-top: 10px; }
    #header2.shopHeader ul#menu .menu-sub li { font-size: 100%; }
    header.shopHeader #header2 ul#menu-sub > li > a { margin: 0; font-size: 88%; float: none; line-height: 1.5; margin-bottom: 10px; }
    header.shopHeader #header2 .menu-sub li.active a { font-family: var(--tertiaryFontFamily); }
    ul#menu-sub::before { content: ''; position: absolute; bottom: auto; top: 1px; left: 50%; transform: translate(-50%, -100%); border-width: 1px 0 0 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; z-index: 2; }

    /*header megamenu*/
    #header2 ul#menu > li.has-megamenu > button { position: static; padding: 0; }
    #header2 .menuSvgArrowIcon svg { height: 10px; }
}

@media(max-width:1024px) {

    /* 
    SHOP HEADER
    */
    .searchBtn.desktop { display: none; }
    #header2 .nav-menu-anim { display: block; zoom: 1; width: 30px; height: 25px; margin-left: 25px; }
    #header2 ul#menu li { display: block; }
    #header2 .menu-sub { float: none; margin-bottom: 0; text-align: inherit; }
    #header2 ul#menu .menu-sub li { float: none; }
    header.shopHeader #header2 .header-right-section { display: flex; align-items: center; justify-content: space-between; background: transparent; padding: 12px 15px; z-index: auto; }
    header.shopHeader #header2 .header-top + .menu-nav { position: relative; width: auto; display: flex; flex-direction: row-reverse; transform: none; margin: 0; }
    #header2 ul#menu .menuSvgArrowIcon svg { height: 10px; }
    #header2 ul#menu > li.has-megamenu > button { position: static; padding: 0; }
    #header2 ul#menu li.megaMenuSection { padding-top: 30% !important; }
    header.shopHeader #header2 ul#menu { text-align: right; }
    header.shopHeader #header2 ul#menu > li { margin: 0 0 20px; padding: 0; }
    #header2.headerHasSearch.open .searchMobile { display: block; opacity: 0; }
    #header2 ul#menu .social-links a svg { width: auto; height: 16px; fill: initial; }

    header.shopHeader #header2 ul#menu li.social-mobile a { margin-left: 15px; }
    /*
    PROFILE ACCOUNT
    */
    /*details section*/
    .shopLayout .userProfile .registerFormWrapper fieldset > div { flex: 1 0 100%; }
    .headerShop.shopHeaderMode, .headerShopLogin.shopHeaderMode { top: calc(var(--HEADER_HEIGHT) + var(--HEADER_TOPSTRIP_HEIGHT) - 10px ) !important; }
}

@media(max-width: 991px) {

    /* Header Float cart*/
    .headerShop .cartItemsNavSubTotal { flex-basis: 100%; padding: 0; margin-top: 30px; }
}
/* TABLET */
@media(min-width: 768px ) and (max-width: 1024px) {
    header .shopHeader #header2 .header-top + .menu-nav { position: relative; }
    header.shopHeader #header2 ul#menu { width: auto; box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.06); top: -10px; right: -10px; min-width: 160px; padding-right: 15px; padding-left: 15px; }
    .headerShopLoginUserLoggedIn { left: 50%; right: auto; transform: translateX(-50%); }
}
/*
   MOBILE
*/
@media (max-width: 767px) {
    :root { --HEADER_HEIGHT: 60px; --titleSize: 25px; --subtitleSize: 125%; /*20px*/ --titleSize: 187.5%; /*30px*/ --formTitle: 206.25%; /*33px*/ --sectionTitle: 162.5%; /*23px*/ /*Content*/ --pageTitle: 187.5%; --headerBodySpace: 20px; }

    /*
        SITE LAYOUT
    */

    #GridTop { height: 180px; }
    #SiteContainer.hasTopStrip #GridTop { margin-top: calc(var(--HEADER_HEIGHT) + var(--HEADER_TOPSTRIP_HEIGHT) ) !important; }
    input, select, textarea, input:focus, select:focus, textarea:focus { font-size: 87.5% !important; }
    .sections section.section { padding: 0 20px; }


    /*
        SHOP HEADER
    */
    /* Mobile Menu */
    header.shopHeader #header2 ul#menu { background-color: #fff; font-family: inherit; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 64%; height: 100% !important; z-index: 1; opacity: 1; padding: 30% 60px 0 5%; display: block !important; transform: translateX(100%); transition: .45s ease; list-style: none; }
    header.shopHeader #header2::before { content: ''; opacity: 0; transition: 1s ease; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 60%); pointer-events: none; z-index: -1; }
    header.shopHeader #header2.open::before { content: ''; z-index: 1; opacity: 1; }
    header.shopHeader #header2.open ul#menu { transform: translateX(0%); }
    /*header.shopHeader #header2.active ul#menu { transform: translateX(0); }*/
    /*header.shopHeader #header2 ul#menu > li { margin: 0 0 20px; padding: 0; }*/
    #header2 ul#menu > li { float: none; padding: 10px; margin: 0; }
    #header2 ul#menu li a { position: relative; display: inline-block; width: auto; }
    header.shopHeader #header2 ul#menu > li > a { font-size: 100%; }
    header.shopHeader #header2 .header-top-left { display: none; }
    header.shopHeader #header2 .header-top + .menu-nav { position: static; transform: none; }
    header.shopHeader #header2 .header-top .header-top-right .navShopBtn.wishlistHeader { display: none; }
    #header2 ul#menu .social-links a { font-size: 0; padding: 0; }
    .headerShopLoginUserLoggedIn .userLogin .loggedInUser { direction: ltr; }
    /* Header - centered logo */
    header.shopHeader #header2 a.logoHeader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    header.shopHeader #header2 .searchMobile { display: none; }
    header.shopHeader #header2 .header-top .header-top-right > .navShopBtn { margin-left: 0; margin-right: 15px; }
    #header2 ul#menu li .menu-sub a { font-size: 87.5%; padding: 0; }
    #header2 .nav-menu-anim { width: 24px; margin-left: 15px; z-index: 2; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; }
    header.shopHeader #header2 .header-top .header-top-right { flex: 1; }
    header.shopHeader #header2 .searchMobile { display: block; order: -1; margin-left: auto; }
    header.shopHeader #header2 ul#menu li > ul#menu-sub:not(.megaMenu) > li { margin-top: 10px; }


    .headerShopLoginUserLoggedIn { top: calc(var(--HEADER_HEIGHT) + var(--HEADER_TOPSTRIP_HEIGHT) - 10px ) !important; }
    /* Homepage */

    /* Homepage - Banners */
    .home-page .sections section.divide-banners { margin-top: 20px; }
    .divide-banners .grid-boxes.row { margin-bottom: -20px; }
    .divide-banners .grid-boxes .grid-box { margin-bottom: 20px; }

    /* Homepage - Grid Catalog Items */
    .home-page section.grid-Catalog-Items { margin-top: 60px; padding: 0; }
    .home-page section.grid-Catalog-Items .catalogItemBox { width: 100%; }
    .home-page section.grid-Catalog-Items .owl-controls { display: none; }
    .home-page section.grid-Catalog-Items .grid-boxes.row { margin-right: -15px; margin-left: -15px; }
    section.grid-Catalog-Items .catalogItemBox.ecommerceItemBox .item-text-top h4.item-subtitle { font-size: 90%; }
    section.grid-Catalog-Items .catalogItemBox.align-center h3.itemTitle { min-height: 62px; }



    /* 
        SITE LAYOUT 
    */

    section#GridTop .top-caption { font-size: 187.5%; }

    /*profile popup*/
    .headerShopLoginUserLoggedIn .userLogin .loggedInUser a { padding: 15px; }


    /*
        FORMS COMMON
    */

    .normal-form input[type="submit"], #DynamicFormObject input[type=submit] { max-width: 100%; padding: 13px 15px; line-height: 1.25; }

    /* 
        DYNAMIC FORM 
    */
    #DynamicFormObject.normal-form .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject.normal-form { max-width: 100% !important; padding: 35px 20px; }
    /* 
        CONTACT FORM 
    */
    #contactform.normal-form { padding: 35px 20px; }
    #contactform.normal-form h3 { max-width: 100%; }
    /* 
        CLUB FORM 
    */
    #clubview { margin-bottom: 30px; }
    #clubform.normal-form { padding: 35px 20px; }
    #clubform.normal-form .normal-form-submit { margin-top: 15px; }
    #contactform .contact-form-submit { margin: 15px 0 0; }
    /*
        CATALOG ITEM PAGE
    */
    body.CatalogItemPage .catalogContainer.container .itemContentWrapper.row { flex-direction: column; }
    body.CatalogItemPage #CatalogModule .itemContentWrapper.row > .itemImages, body.CatalogItemPage #CatalogModule .itemContentWrapper.row > .itemContent { flex: 1 100%; width: 100%; max-width: none; }
    body.CatalogItemPage #CatalogModule .itemContentWrapper.row > .itemImages { margin: 0 0 10px; }
    body.CatalogItemPage #CatalogModule .gallery-slider .flex-control-nav { position: static; width: auto; line-height: 1; font-size: 0; margin: 10px 0; }
    body.CatalogItemPage #CatalogModule .itemContent #headline { font-size: 187.5%; }
    body.CatalogItemPage #GridTop.noTopImage.longer { margin-top: 95px; }
    body.CatalogItemPage #CatalogModule .itemContent #subheadline { font-size: 118.75%; }
    body.CatalogItemPage #CatalogModule .item-makat { font-size: 87.5%; }
    body.CatalogItemPage #CatalogModule .item-custom-details { font-size: 87.5%; }
    body.CatalogItemPage #CatalogItemView .item-collections { padding: 20px 0 0; margin-top: 20px; font-size: 87.5%; }
    body.CatalogItemPage .item-properties { margin-top: 20px; }
    body.CatalogItemPage .RelatedItemsWrapper.row { margin-top: 75px; }

    /* CATALOG ITEM BOX */
    .catalogItemBox { padding: 10px 15px; }
    .catalogItemBox.ecommerceItemBox button#addToCartBtn { font-size: 87.5%; }
    .catalogItemBox.align-center h3.itemTitle, .catalogItemBox h3.itemTitle { min-height: 40px; font-size: 87.5%; }
    .catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { font-size: 100%; }
    .catalogItemBox.align-center h3.itemTitle, .catalogItemBox h3.itemTitle { max-width: 100%; }

    /*CATALOG PRODUCT LABELS*/
    .outOfStockLabel.hasTextLabel, .productLabel:not(.wishlist) { font-size: 68.75%; padding: 2px 6px; }

    /* 
        FOOTER
    */
    /*footer { margin-top: 75px; }
    #SiteFooter { padding: 0 20px; }
    #SiteFooter #partners-section hr { margin: 0 5%; }
    #SiteFooter #partners-section ul:not(:last-of-type) { margin-left: 5%; }
    #SiteFooter #partners-section p { display: inline-block; margin: 0px 8px; vertical-align: top; white-space: nowrap; }
    .FooterForm.form-container-wide { width: 100%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding-right: 0; }
    .FooterForm.form-container-wide .normal-form input { margin: 0; }
    #SiteFooter img { max-width: 150px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 5px; }
    #SiteFooter.footerNoForm .FooterForm.form-container-wide { display: none; }
    #SiteFooter.footerNoForm #partners-section { margin-bottom: 0; }
    #SiteFooter.footerNoForm .footer-text { margin-top: 0; }
    .FooterForm.form-container-wide { order: -1; display: block; margin: 0 0 35px; }

    #SiteFooter .mobile-seperator { font-size: 70%; float: none; right: 0; left: 0; }
    #SiteFooter .mobile-seperator a { padding: 10px; }*/


    #SiteFooter .footer-text-divided > div.footer-text-left,
    #SiteFooter .footer-text-divided > div.footer-text-right { display: block; }
    #SiteFooter .footer-text-divided { /* flex-direction: column; */ align-items: flex-start; }
    #SiteFooter .footer-text-divided > div { width: 100%; }


    /*
    REGISTER FORM
*/
    .ShopRegisterPage .registerFormWrapper { max-width: 90%; }

    /*
        FLOAT CART
    */

    .headerShop .cartItemsNavSubTotal:after { content: none; }
    .headerShop .cartItemsNavSubTotal .totalSumItems.cartActions { flex-direction: row; justify-content: space-between; }
    .headerShop a.goToCheckout.shopBtn { margin: 0; }
    .headerShop .cartItemsTable .cartItem .cartItemsCell { padding: 0; }
    .headerShop .cartItemsTable .item-quantity .itemQuantityContainer { font-size: 81.25%; }
    .headerShop .cart .closeCart { padding: 0; float: none; }
    /*Checkout*/
    body.ShopCheckoutPage { --SHOP_SUBTOTAL_HEIGHT: 50px; }
    /*mobile subtotal - checkout, cart page*/
    body.ShopCheckoutPage .mobile-subTotal { height: var(--SHOP_SUBTOTAL_HEIGHT); min-height: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0px 15px; font-size: 87.5%; top: calc(var(--HEADER_HEIGHT) + var(--HEADER_TOPSTRIP_HEIGHT)) !important; left: 0; right: 0; width: 100%; background: var(--SHOP_FORM_BODY_BACKGROUND); }
    body.ShopCheckoutPage .mobile-subTotal .totalSumItems { position: static; transform: none; float: none; width: fit-content; margin-left: auto; padding: 0; }
    body.ShopCheckoutPage .mobile-subTotal > a.goToCart, .mobile-subTotal > a.goToCheckout { flex: 0 0 auto; margin-right: 10px !important; float: none !important; display: inline-block; max-width: 100px !important; font-size: 100%; width: auto; }

    /*CHECKOUT FORM*/
    form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper > div { width: 100%; }
    form#checkout-form .checkoutFormWrapper.billingDetailsWrapper .billingDetails > div { width: 100%; }
    /*
    PROFILE ACCOUNT
    */
    /*details section*/
    .shopLayout .userProfile #headline { padding: 15px; }
    .shopLayout .userProfile .registerFormWrapper { padding: 30px 15px; }
    .shopLayout .userProfile .registerFormWrapper .normal-form-submit { float: none; }
    .shopLayout .userProfile .registerFormWrapper .row .col-md-8, .shopLayout .userProfile .registerFormWrapper .row .col-sm-8 { padding-right: 15px; padding-left: 15px; }

    /*history section */
    .shopLayout.orderHistory { padding: 0 15px; }
    .cartItemsTable.orders .orderItem { padding: 20px 12px; }
    .cartItemsTable.orders .bottomOrderItem .order-actions a { width: 100%; }
    .shopLayout.orderHistory.singleOrderPage .userProfile .orderFirstDetails .orderDetail { flex-basis: 50%; margin-bottom: 15px; }
    .shopLayout.orderHistory.singleOrderPage .userProfile .orderFirstDetails .orderDetail span { margin: 0; }
    .shopLayout.orderHistory.singleOrderPage .orderMoreDetails > div { width: 100%; }
    .shopLayout.orderHistory.singleOrderPage .orderMoreDetails > div + div { margin-top: 30px; }
    /*wishlist section*/
    .shopLayout .userProfile .registerFormWrapper .itemsList .catalogItemBox.ecommerceItemBox { width: 50%; }


    /*
        OTHERS
    */

    #SiteContainer.hasTopStrip #GridTop:not(.noTopImage) { --headerBodySpace: 0px; margin-bottom: 30px; }
    .hasTopStrip .sections { margin-top: 100px !important; }
    .section .section-title h2 { max-width: 100%; }
    .section-title h2 { font-size: 200%; }
    .home-page .grid-gallery-section:first-child { margin-bottom: 20px; }
    /* Section - Banners */
    .sections .grid-content-section.banners { margin-bottom: 65px; }
    section.grid-Catalog-Items .grid-boxes .grid-box { padding: 0; }
    section.grid-Catalog-Items .catalogItemBox.align-center h3.itemTitle,
    .content-section-Btn a.sec-button { font-size: 85%; min-width: 140px; padding: 10px 6px; }
    section.grid-text-section h3 { font-size: 130%; }
    #CatalogModule .relatedItems h2 { font-size: 170%; }
    section.grid-text-section { padding-bottom: 40px; }


    /* Footer */
    /*#SiteFooter { flex-direction: column; justify-content: center; text-align: center; }
    #SiteFooter .footer-text, #SiteFooter .FooterForm { width: auto; flex-basis: auto; }
    #SiteFooter .footer-text > div { text-align: center; }*/
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    /*html { zoom: .8; }*/

    /*z
        Header
    */
    header.shopHeader #header2 ul#menu { padding-top: 10%; width: 35%; }
}

@media (max-width: 550px) {
    /*
        Header
    */
    #header2 .header-top-left svg { width: 19px; height: 19px; }
    header.shopHeader #header2 .header-top > * { margin: 0 0 0 5px; }
    #header2 .header-top-left { padding-bottom: 1px; }
}

@media (max-width: 350px ) {
    #header-top-strip .topStripContainer .topStripText { font-size: 65%; letter-spacing: 1.2px; }
    #header-top-strip .topStripContainer { --HEADER_TOPSTRIP_HEIGHT: 30px; }
}

@media (max-width: 320px) {
    :root { --HEADER_HEIGHT: 50px; }

    /* Header */
    header.shopHeader #header2 .header-top .header-top-right > .navShopBtn { margin-right: 10px; }
}

#subheadline { text-align: center; margin: 25px 0px; direction: rtl; }


/* 
    BLOG  */
#BlogModule { max-width: 1200px; margin: auto; }
.blog-tags { padding-top: 25px; padding-bottom: 45px; }
.blog-posts { column-count: 3; }
.blog-view #headline { margin-top: 35px; }
.blog-post-icons { text-align: center; }
.blog-related-posts.row h2 { text-align: center; }
#BlogView .blogMainImg { max-width: 700px; margin: 15px auto; }
.contentInnerPage .blog-grid .top-caption { font-size: inherit; font-family: var(--secoundryFontFamily); }

@media (max-width: 767px) {
    .blog-posts { column-count: 2; }
    #BlogModule { max-width: 95%; }
}


/*
Footer header ecomm+
.FooterForm.form-container-wide { display: block; width: auto; float: none; vertical-align: middle; text-align: center; margin-right: 50px; }
#SiteFooter .footer-text.text-center { padding: 0; margin-right: auto; width: auto; font-size: 70%; text-align: left; float: none; }
.FooterForm.form-container-wide #DynamicFormObject { max-width: 100% !important; padding: 0; width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; margin: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: auto; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.FooterForm.form-container-wide legend { display: inline-block; vertical-align: middle; }
.FooterForm.form-container-wide form { width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { float: none; display: inline-block; vertical-align: middle; padding: 0; }
.FooterForm.form-container-wide #DynamicFormObject input[type=submit]:focus, .FooterForm.form-container-wide #DynamicFormObject input[type=submit]:hover { background: #ffffff; color: #000000; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--secoundryFontFamily); font-size: 95%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding: 0; }
#SiteFooter #partners-section a { padding: 0; font-size: 100%; }
#SiteFooter .footer-text.text-center a img:not(.footerLogo) { max-width: 20px; }
#SiteFooter img.footerLogo { max-width: 190px; }
#SiteFooter #partners-section { width: auto; text-align: right; font-size: 70%; padding: 0; display: flex; flex-wrap: wrap; float: none; }
#SiteFooter #partners-section ul { list-style: none; padding: 0; margin: 0; }
#SiteFooter #partners-section ul li { margin-bottom: 7px; }
#SiteFooter #partners-section ul:not(:last-of-type) { margin-left: 38px; }
#SiteFooter #partners-section hr { margin: 0 50px; border: none; height: 100%; width: 1px; background-color: currentColor; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: auto; font-size: 100%; text-align: right; padding: 0; margin-bottom: 15px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 90%; color: #fff; font-family: 'Heebo-Regular'; line-height: 1.5; }
.FooterForm.form-container-wide .normal-form input { background-color: transparent; color: #fff; border: 1px solid currentColor; font-size: 70%; padding: 10px; height: auto; width: 260px; }
.FooterForm.form-container-wide .normal-form input::placeholder { color: currentColor; }
.FooterForm.form-container-wide .normal-form input { background-color: transparent; color: #fff; border: 1px solid currentColor; border-radius: 0; font-size: 70%; padding: 10px; height: auto; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: auto; padding: 0; display: inline-block; float: none; margin-top: 0; z-index: 0; }
.FooterForm.form-container-wide #DynamicFormObject input[type=submit] { background-color: #fff; color: inherit; border-radius: 0; width: 160px; font-size: 80%; }
#SiteFooter .site-credit.alternative { flex: 1 0 100%; width: 100%; padding: 10px; background-color: #000; margin: 50px -30px 0; }*/
@media (max-width: 767px) {
    #SiteFooter .mobile-seperator { font-size: 90%; left: 0; right: 0; }
}
