/*Graphicol*/
body { font-size: 18px; }
a:hover, a:focus { opacity: 0.8; color:#b7d10f; }
#text1, #text2 { margin-top: 40px; }
/*header black banner*/
#header-top-strip .topStripContainer .topStripText { font-size: 85%; letter-spacing: 1.34px; font-family: 'Heebo-Medium'; }
#header-top-strip .topStripContainer { padding: 10px; }
.home-page .sections#allSectionsWrapper { margin-top: 250px !important; }
#header2 ul.menu .menu-sub li:hover { color: inherit; }
#header2 ul.menu .menu-sub li { margin-bottom: 20px; }
/*header*/
header.shopHeader #header2 .header-top { padding-bottom: 5px; }
header.shopHeader #header2 .menu-sub { min-width: 850px !important; max-width: 850px; }
.menuGroupTitle { font-weight: bold; }
#header2 ul.menu .menu-sub.megaMenu li { font-size: 80%; margin-left: 15px; padding: 5px 0; }
.has-sub i.opensub { margin-right: 0px; font-size: 100%; }
header.shopHeader #header2 ul.menu li.active a { border-color: transparent; border-bottom: 1px solid #b7d10f; }
/*homepage product section*/
.section-title h2:after, .section-title h2:before { width: 20vw; }
.grid-content-section.cubes .grid-boxes .grid-box-image { padding-bottom: 100%; }
.grid-content-section.cubes .grid-boxes .grid-box { padding: 0 50px 25px; }
.grid-boxes .grid-box-title h3 a { color: #232323; font-size: 80%;  }
section.topBanner .grid-boxes .grid-box-image,
.sections .grid-content-section.topBanner.bannerMobile .grid-boxes .grid-box-image { padding-bottom: 31%; }
.grid-content-section.cubes .section-title { margin-bottom: 60px; }
    @media (max-width: 767px) {
    .sections .grid-content-section.banners { margin-bottom: 0; }
    .section-title h2:after, .section-title h2:before { display: none; }
    .section-title h2 { font-size: 170%; }
    .grid-boxes .grid-box-title h3 a { font-size: 60%; }
    .grid-content-section.cubes .section-title { margin-bottom: 30px; }
    .grid-content-section.cubes .grid-boxes .grid-box { padding: 0 30px 25px; }
    #SiteFooter .mobile-seperator a { padding: 10px 15px; }
    #SiteFooter .mobile-seperator span { font-size: 80%; }
    .home-page .sections#allSectionsWrapper { margin-top: 170px!important; }
    .home-page .bannerMobile .grid-boxes .section-animation-item { padding: 0; }
    .hideTitle .grid-boxes .section-animation-item { margin-right: 0; }
    }

/*catalog page*/
.catalog-page #headline { margin-bottom: 20px; }
.catalogItemBox.align-center { min-height: 380px; }
.add-to-cart, button#addToCartBtn { border-bottom: 2px solid #b7d10f; }
button#addToCartBtn:hover, button#addToCartBtn:focus { border-bottom: 2px solid #123c58; }
#CatalogModule .CatalogNav .navigationItems a { background: #123c58; color: #ffffff; }
#CatalogModule .CatalogNav .navigationItems a.active { background: #b7d10f; }
#CatalogModule .filtersList { display: block; }
section#GridTop .top-caption h1 { font-family: 'Heebo-Regular'; font-size: 70%; }
.catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { max-width: 90%; max-height: 90%; }
#GridTop { height: 350px; }
@media (max-width: 767px) { 
    .catalogItemBox.align-center { min-height: 310px; }
    .catalogItemBox.align-center h3.itemTitle, .catalogItemBox h3.itemTitle { font-size: 90%; }
    #CatalogModule .CatalogNav { margin: 0px 0px 30px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; }
    #CatalogModule .CatalogNav .navigationItems { padding: 2px; }
    #CatalogModule .filters-box .filters-list-wrapper { top: 10px; }
    #GridTop { height: 200px; }
    }

/*Catalog-Item-page*/
#GridPage.stellar-static { padding-top: 0; }
body.CatalogItemPage #CatalogModule .itemContent #headline:after { display:none; }
#CatalogModule .item-makat { margin: 5px 0; }
#CatalogModule #CatalogItemView span.custom-field-title { font-weight: normal; }
.itemContent .item-variations h3 { font-size: 100%; font-weight: bold; }
.item-variations { margin-bottom: 20px; }
#CatalogModule { padding-top: 0px; }
#CatalogModule #CatalogItemView .custom-field:last-child { margin-bottom: 20px; }
body.CatalogItemPage select.propertyGroup { border: 1px solid #c4c4c4; }
body.CatalogItemPage #CatalogModule .item-quantity button, .catalogItemBox:not(.catalogItemRowBox) .item-quantity button { background: #949494; border-color: transparent; }
body.CatalogItemPage #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer { border-color: transparent; }
body.CatalogItemPage #CatalogItemView .itemContentWrapper .item-price span.finalPrice { font-size: 200%; }
#CatalogModule .item-actions { border: none; }
body.CatalogItemPage #CatalogModule .item-actions button#addToCartBtn { background: #AEC905; font-size: 100%; border: 1px solid #AEC905; color: #000000; }
#CatalogModule .gallery-slider .flex-direction-nav a.flex-next:before, #CatalogModule .gallery-slider .flex-direction-nav a.flex-prev:before { opacity: 0.5; }
#CatalogModule .gallery-slider.thumbs li.item { padding-bottom: 55px; width: 55px !important; margin-right: 20px; }
.desktop-filters-list { text-align: center; }
#CatalogModule .filters-box button.filters-title, #CatalogModule .filters-box button.filters-title.active { padding: 10px 43px 10px 29px; background: #ddff8d; font-size: 135%; }
#CatalogModule .filters-box ul.filter-list { background: #ffffff; border: 1px solid #e1e1e1; padding: 10px 0; -webkit-box-shadow: 0px 0px 0px 0.24px #000000; box-shadow: 0px 0px 0px 0.24px #000000; }
#CatalogModule .filters-box .filter-list-inner { padding: 0; background: #f1f1f1; }
#CatalogModule .filters-box .filter-list-inner li.filter-list-item { border: none; padding: 10px 0; font-size: 95%; }
#CatalogModule .filters-box ul.filter-list li { padding: 5px 0; }
#CatalogModule .filters-box ul.filter-list li.filter-list-item.active > a { font-size: 100%; }
#CatalogModule .filters-box .filter-list-inner li.filter-list-item:first-child { padding-top: 20px; }
#CatalogModule .filters-box .filter-list-inner li.filter-list-item:last-child { padding-bottom: 20px; }
#CatalogItemView .shareBox { float: right; }
#CatalogModule .filters-box button.filters-title:after { margin-right: 20px; }
@media (max-width: 767px) { 
    #CatalogModule .itemImages { padding-right: 0; padding-bottom: 30px; padding-left: 0; }
    .itemContent .catalogTextContainer #catalogText { width: 90%; }
    #CatalogModule .CatalogNav span#NextPage a span, #CatalogModule .CatalogNav span#PrevPage a span { font-family: none; margin: 0 5px; }
    .CatalogItemPage #CatalogItemView .itemContentWrapper .item-price span.finalPrice { font-size: 160%; }
    }

/*shoping cart + checkout*/
.deleteCircle { fill: #b7d10f !important; }
.cartItemsCounter { background: #b7d10f; }
.ShopCheckoutPage .row, .cartItemsTable .items, .cartSubTotal { background: #f2f3f6; }
form#checkout-form .checkoutTitle h3, .cartSubTotal .subTotalTitle { background: #e1e3e8; padding: 15px 30px; }
#checkout-form .col-xs-12 { padding: 0; }
button.couponButton.shopBtn.CouponOk, .normal-form-submit input[type=submit].shopBtn { background: #AEC905; font-size: 100%; border: 1px solid #AEC905; color: #000000; }
.headerShop a.goToCheckout.shopBtn { background: #b7d10f; color: #000; border: none; }
.headerShop a.goToCheckout.shopBtn:hover { background: #bed81a; }
.headerShop a.goToCart.shopBtn { background: #000000; border: none; color: #ffffff; }
.headerShop a.goToCart.shopBtn:hover { background: #242424; }
.cartItemsTable .cartItemsTitles { background: #e1e3e8; }
.shopBtn { background: #bed81a; border: none; color: #232323; }
.shopBtn:hover { background: #bed81a; }
/*footer*/
#partners-section ul { list-style: none; padding-right: 0; margin-bottom: 0; }
.footer-text.text-center p:nth-child(3) { display: none; }
    @media (max-width: 767px) {
    #SiteFooter img.footerLogo { max-width: 70%; }
    }


/*contact page*/
#DynamicFormObject, #DynamicFormObject:after { border: 0; }
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; width: 80%; margin: auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: flex; flex-direction: row; width: 80%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; z-index: 99; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 99.8%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 200px; float: none; margin: 0 auto;  }
#DynamicFormObject input[type=submit] { background: #aec905; color: #232323; font-family: 'Heebo-Bold'; border-radius: 0; }
.normal-form input:focus, .normal-form textarea:focus { border: 1px solid #000 !important; border-color: transparent; box-shadow: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: #bed81a; border: none; color: #232323; }



/*product lobby page*/
.sections#allSectionsWrapper { margin-top: 60px !important; }

/*Sets*/
.sets .grid-boxes .grid-box-image { padding-bottom: 75%; margin-bottom: 0!important; }
.sets .grid-box-title { width: 100%; background: #cee346; padding: 5px; }
.sets .grid-boxes .grid-box-title h3 a { font-size: 80%; font-weight: bold; }
.sets .grid-boxes .grid-box-subtitle { display: none; }

@media (min-width: 1025px) {
    header.shopHeader #header2 .menu-sub { right: auto; left: 50%; max-width: 840px; transform: translateX(-50%); min-width: 840px !important; }
    header.shopHeader #header2 ul.menu { position: relative; }
    #header2 ul.menu li { position: static; }
}
@media (max-width:767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .normal-form textarea { width: 100%; max-width: 100%; }
    #partners-section ul { column-count: 4; column-gap: 0px; max-width: 250px; margin: 0 auto; }
    
    header.shopHeader #header2 ul.menu { height: calc(100vh - 90px); text-align: right; padding-right: 20px; padding-top: 100px; }
    #header2 ul.menu li > a { font-size: 100%; }
    header.shopHeader #header2 ul.menu li { padding-bottom: 15px; }
    #header2 ul.menu li.megaMenuSection { padding-top: 100px; }
    #header2 ul.menu ul.megaMenuSub li { margin-top: 0; padding-bottom: 5px; }
    #header2 ul.menu li.megaMenuSubItem > a { font-size: 90%; }
    .megaMenuSectionContainer > button { top: 80px; }
}

.itemsList.row { display: flex; flex-wrap: wrap; }