/**CATALOG***/ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } .catalogContainer button.backBtn { border: 0; background: transparent; font-size: 80%; border-bottom: 1px solid; padding: 0; line-height: 1; margin-bottom: 25px; } #header-top-strip { top: 0; left: 0; width: 100%; text-align: center; } #header-top-strip .topStripContainer { background: #000000; color: #ffffff; padding: 15px; } #header-top-strip .topStripContainer a { display: inline-block; } #header-top-strip .topStripContainer .topStripText { font-size: 113%; letter-spacing: 4.14px; } #headerCatalogSideFilterBG { content: ""; background: rgba(0, 0, 0, 0.35); pointer-events: none; opacity: 0; position: fixed; width: 100%; height: 100%; z-index: 10; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #headerCatalogSideFilterBG.active { pointer-events: all; opacity: 1 } #CatalogModule { padding: 40px 0px; } #CatalogModule .filtersList { margin: 30px 0px; } #CatalogModule .filtersList .currentFilter { display: inline-block; background: #000000; color: #ffffff; font-size: 75%; padding: 2px 8px; text-align: center; } #CatalogModule .filtersList .currentFilter span { display: inline-block; vertical-align: middle; } #CatalogModule .filtersList .currentFilter button { background: transparent; border: 0; padding: 0; margin-right: 5px; font-size: 85%; display: inline-block; vertical-align: middle; } #CatalogModule .filtersList .currentFilters { margin: 10px 0px 25px; } #CatalogModule .filtersList.side-filters { float: right; width: 280px; margin-left: 20px; } .showSideFilters .itemsList.row { width: calc(100% - 320px); float: right; } #CatalogModule .showSideFilters .CatalogNav { float: right; width: 100%; } #CatalogModule .showSideFilters .filtersList.side-filters .filters-box { display: block; } #CatalogModule .showSideFilters .filtersList.side-filters .filters-box .filters-list-wrapper { position: relative; top: auto; } .side-filters .desktop-filters-list ul.filter-list li.filter-list-item.not-available input[type="checkbox"], .side-filters .desktop-filters-list ul.filter-list li.filter-list-item.no-items-filter input[type="checkbox"] { background: grey; pointer-events: none; } .side-filters .desktop-filters-list li.filter-list-item.not-available, .side-filters .desktop-filters-list li.filter-list-item.no-items-filter { opacity: 0.5; } .desktop-filters-list ul.filter-list li.filter-list-item.not-available { pointer-events: none; opacity: 0.5; } .filter-list.scroll-list { max-height: 420px; direction: ltr; } .filter-list.scroll-list li.filter-list-item { direction: rtl; margin-right: 10px; } /*.filtersList:not(.side-filters) .desktop-filters-list ul.filter-list li.filter-list-item.not-available { pointer-events: none; opacity: 0.5; }*/ /**Ben's Changes**/ #CatalogModule .side-filters .filters-box button.filters-title { display: block; width: 100%; text-align: inherit; padding: 6px 13px; position: relative; background: #dddddd; border-radius: 0; } #CatalogModule .side-filters .filters-box button.filters-title:after { position: absolute; left: 13px; } #CatalogModule .side-filters .filters-box ul.filter-list { margin-bottom: 0; } #CatalogModule .side-filters .filters-box ul.filter-list { padding: 13px; background: transparent; } #CatalogModule .side-filters .filters-box .filter-list-inner { padding: 0; } #CatalogModule .side-filters .filters-box .filter-list-inner li.filter-list-item { border-bottom: none; } #headerCatalogSideFilter { display: none; } .showDescriptionInHover:hover .wishlist { z-index: 1 } .outOfStockLabel.hasTextLabel { background: #222831; color: #ffffff; text-align: center; position: absolute; left: -55px; top: 55px; transform: rotate(-55deg); -webkit-transform: rotate(-55deg); width: 205px; z-index: 1; padding: 5px; font-size: 120%; } button#addToCartBtn.add-to-cart.button-has-image { background: transparent; overflow: hidden; max-width: 100%; border: 0; padding: 0; } button#addToCartBtn.add-to-cart.button-has-image img { max-width: 100%; } #CatalogModule .flexslider .slides img { width: auto; height: auto; max-height: 100%; max-width: 100%; } #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 500px; background: transparent; } #CatalogModule .gallery-slider.thumbs { width: 86%; vertical-align: top; margin-top: 20px; margin-right: auto; margin-left: auto; } #CatalogModule .gallery-slider.thumbs li.item { padding-bottom: 55px; width: 75px !important; margin-right: 20px; } #CatalogModule .gallery-slider.large { width: 100%; display: inline-block; vertical-align: top; } #CatalogModule { padding: 40px 0px; } #CatalogModule .itemContent { text-align: right; padding-left: 30px; } #CatalogModule .itemContent #headline { text-align: right; } #CatalogModule .itemImages img { max-width: 100%; } #CatalogModule .itemImages { padding-right: 30px; } #CatalogModule .item-makat { margin: 20px 0px; } #CatalogModule .photo-has-video .playIcon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); pointer-events: none; width: 60px; height: 60px; z-index: 1; border: 2px solid #ffffff; border-radius: 50%; } #CatalogModule .photo-has-video .playIcon svg { width: 30px; height: 30px; position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #CatalogModule .photo-has-video { cursor: pointer; } #CatalogModule .photo-has-video:after { content: ""; background: rgb(0 0 0 / 20%); position: absolute; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; } #CatalogModule .item-inner-thumb.photo-has-video .playIcon { width: 40px; height: 40px; } #CatalogModule .item-inner-thumb.photo-has-video .playIcon svg { width: 20px; height: 20px; } #CatalogModule .relatedItems { margin: 100px 0px; } #CatalogModule .relatedItems .relatedItemsTitle { text-align: center; position: relative; } #CatalogModule .relatedItems .relatedItemsTitle:after { content: ""; border-top: 2px solid #cccccc; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; left: 0; } .CatalogItemHowMuchDidYouSaved { font-size: 17px; color: #f9423a; } .item-price span.price-measuring-desc, .item-price span.price-measuring-desc { font-size: 55%; display: inline-block; vertical-align: baseline; } #CatalogItemView span.price-measuring-desc { vertical-align: -webkit-baseline-middle; font-size: 75%; } #CatalogItemView .itemContentWrapper .outOfStockLabel span { background: #222831; color: #ffffff; padding: 10px; font-size: 120%; display: inline-block; margin-bottom: 15px; } .itemContentWrapper button.zoomBtn { -webkit-appearance: none; position: absolute; right: 10px; bottom: 10px; border-radius: 50%; padding: 0; width: 40px; height: 40px; box-shadow: 0px 0px 6px #00000029; background: #ffffff; border: 0; } .itemContentWrapper button.zoomBtn svg { width: 20px; height: 22px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #CatalogModule #CatalogItemView span.custom-field-title { font-weight: bold; } #CatalogModule #CatalogItemView span.custom-field-title.custom-field-span-hidden { display: none; } #CatalogModule .gallery-slider .flex-direction-nav { top: 0; bottom: 0; height: 100%; transform: translateY(0); -webkit-transform: translateY(0); } #CatalogModule .gallery-slider.flexslider .flex-prev, #CatalogModule .gallery-slider.flexslider:hover .flex-prev { /*top: -10%; left: 50%; transform: translateX(-50%);-webkit-transform:translateX(-50%);*/ text-align: center; } #CatalogModule .gallery-slider.flexslider .flex-next { /*bottom: -40%; left: 50%; transform: translateX(-50%);-webkit-transform:translateX(-50%); right: auto; top: auto;*/ text-align: center; } #CatalogModule .gallery-slider.flexslider .flex-direction-nav a { height: 42px; } #CatalogModule .gallery-slider .flex-direction-nav a.flex-prev:before { content: '' !important; background-image: none; width: 40px; height: 40px; background-image: url('../../../warehouse/temp/story/rightArrowBlack.png'); transform: rotate(180deg); -webkit-transform: rotate(180deg); } #CatalogModule .gallery-slider .flex-direction-nav a.flex-next:before { content: "" !important; background-image: none; width: 40px; height: 40px; background-image: url('../../../warehouse/temp/story/rightArrowBlack.png'); } #CatalogModule .gallery-slider.flexslider:hover .flex-prev, .gallery-slider.flexslider .flex-prev { left: -10%; } #CatalogModule .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: -10%; } #CatalogModule .flex-viewport { z-index: 3; } #CatalogModule .gallery-slider.thumbs li.item { cursor: pointer; } #CatalogModule .gallery-slider.thumbs.flexslider.verticalSlider .flex-prev { left: 50%; transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); top: 20px; } #CatalogModule .gallery-slider.thumbs.flexslider.verticalSlider .flex-next, .gallery-slider.thumbs.verticalSlider.flexslider:hover .flex-next { left: 50%; transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); bottom: 20px; top: auto; right: auto; } .CatalogItemPage #CatalogModule .gallery-slider.verticalSlider.thumbs li.item { float: none !important; margin-bottom: 15px; padding-bottom: 0; } .gallery-slider.verticalSlider.thumbs .slides img { position: relative; top: auto; left: auto; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); } .CatalogItemPage #CatalogModule .gallery-slider.verticalSlider.thumbs .flex-viewport { max-height: calc(100% - 150px); } .CatalogItemPage #CatalogModule .gallery-slider.thumbs.verticalSlider { width: auto; position: absolute; top: 0; bottom: 0; } #CatalogModule .gallery-slider.thumbs li.item:after { content: ""; border: 2px solid transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #CatalogModule .gallery-slider.thumbs li.item.flex-active-slide:after { border: 1px solid #000000; } .CatalogItemPage #CatalogModule .gallery-slider.thumbs.verticalSlider .slides { margin-top: 165px; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart { width: auto; } #CatalogModule .catalogItemQuickView .gallery-slider.flexslider:hover .flex-prev, .catalogItemQuickView .gallery-slider.flexslider .flex-prev { left: 5%; } #CatalogModule .catalogItemQuickView .gallery-slider.flexslider .flex-next, .catalogItemQuickView .gallery-slider.flexslider:hover .flex-next { right: 5%; } #CatalogModule .catalogItemQuickView .gallery-slider .flex-direction-nav { z-index: 2; width: 130%; left: -15%; right: -15%; } #CatalogModule .catalogItemQuickView .gallery-slider .flex-direction-nav li { display: inline-block; } .shopPop.quickviewPop.fullPop .modal-body { max-height: none; } .shopPop.quickviewPop.fullPop .modal-content { margin-top: 15vh; padding-bottom: 15vh; } .shopPop.quickviewPop.fullPop .modal-backdrop.fade.in { max-height: 100vh; overflow: auto; } .shopPop.quickviewPop.fullPop .modal-backdrop.fade.in { max-height: none; height: 100% !important; position: fixed; } .shopPop.quickviewPop.fullPop.modal.fade { overflow-y: auto; } #catalogBottomText { max-width: 800px; margin-right: auto; margin-left: auto; } .quantityLimitError { color: red; font-size: 90%; visibility: hidden; display: block; clear: both; height: 0; transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; opacity: 0; overflow: hidden; position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%); -webkit-transform: translateX(-50%); white-space: nowrap; } .quantityLimitError.active { visibility: visible; height: auto; opacity: 1; } #CatalogItemView .item-actions span.quantityLimitError { right: 0; left: auto; transform: translateX(0); } .catalogCategoryBox { text-align: center; } #CatalogModule #CatalogItemView .catalog-fields { float: right; margin: 120px 0px 20px; border: 1px solid #D8D8D8; width: 100%; } #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text { display: none; font-size: 90%; } #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text.active { display: inline-block; padding: 15px; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title { float: right; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; } #CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs { float: right; width: 100%; padding: 0px; margin-bottom: 0; position: relative; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title button:focus { outline: 0; } #CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs:after { border-bottom: 1px solid #d8d8d8; content: ""; position: absolute; bottom: 0; width: 100%; left: 0; z-index: -1; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title button { background: transparent; border: 0; padding: 10px 20px; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title.active:after { border-bottom: 1px solid red; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title:after { content: ""; border-bottom: 1px solid transparent; position: absolute; bottom: 0; width: 100%; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; } #CatalogModule #CatalogItemView .catalog-fields .catalog-field.columnsLayout .catalog-fields-tab-text { display: block; margin-top: 10px; } #CatalogModule #CatalogItemView .catalog-fields.columnsLayout { border: 0; position: relative; } #CatalogModule #CatalogItemView .catalog-fields-columns { max-height: 160px; overflow: hidden; border: 0; position: relative; -webkit-transition: max-height 1s ease-out; -moz-transition: max-height 1s ease-out; transition: max-height 1s ease-out; padding-bottom: 70px; } #CatalogModule #CatalogItemView .catalog-fields.columnsLayout:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 70px; left: 0; background-color: white; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 12%, rgba(255,255,255,0.9) 34%, rgba(255,255,255,0.96) 57%, #fff 73%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 12%, rgba(255,255,255,0.9) 34%, rgba(255,255,255,0.96) 57%, #fff 73%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 12%, rgba(255,255,255,0.9) 34%, rgba(255,255,255,0.96) 57%, #fff 73%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } #CatalogModule #CatalogItemView button.readMoreBtn { position: absolute; left: 50%; bottom: -24px; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: transparent; border: 2px solid #000000; padding: 5px 65px; font-size: 120%; z-index: 1; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; transition: all 500ms ease-out; } #CatalogModule #CatalogItemView .catalog-fields.columnsLayout.openContent:after { display: none; } #CatalogModule #CatalogItemView .catalog-fields.columnsLayout.openContent .catalog-fields-columns { max-height: 1000px; } /*#CatalogModule #CatalogItemView .catalog-fields.columnsLayout.openContent button.readMoreBtn { bottom: -70px; }*/ #CatalogModule #CatalogItemView .catalog-fields.columnsLayout span.closeItemDetails { display: none; } #CatalogModule #CatalogItemView .catalog-fields.columnsLayout.openContent button.readMoreBtn span.closeItemDetails { display: block; } #CatalogModule #CatalogItemView .catalog-fields.columnsLayout.openContent button.readMoreBtn span { display: none; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout { background: transparent; border: 0; margin-top: 40px; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title, #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title.active { display: block; width: 100%; margin-bottom: 15px; background: #ffffff; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title .catalog-fields-tab-text { display: none; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title.active .catalog-fields-tab-text { display: block; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title button { width: 100%; text-align: right; background: #d8d5d5; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title:after { display: none; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout ul.catalog-fields-tabs:after { display: none; } #CatalogModule #CatalogItemView .catalog-fields.accordionLayout .catalog-fields-tab-text.active { padding-right: 25px; } .propertyGroupContainer.hasQuantitySelection .propertyOption.hasImg label { display: block; } .propertyGroupContainer.hasQuantitySelection span.propertyExtra:after { content: "\f20b"; font-size: 45%; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 1px; } .propertyOption label { cursor: pointer; } .propertyOption { display: inline-block; } .propertyOption.active { border: 1px solid; } #CatalogModule .item-actions .addToCart { float: right; position: relative; } #CatalogModule .item-actions { margin: 0px; padding: 20px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; float: right; width: 100%; } .item-properties { position: relative; } .item-properties span.error.propertyError { right: auto; bottom: auto; top: auto; position: relative; left: auto; margin-right: 5px; } .propertyOption.hasImg input[type=radio] { display: none; } .propertyOption { cursor: pointer; max-width: 70px; } .propertyOption .propertyIcon img { max-width: 100%; } .propertyOption.hasImg label { display: none; } .propertyGroupContainer.hasQuantitySelection .propertyOption.hasImg label { display: block; } .propertyGroupContainer.hasQuantitySelection span.propertyExtra:after { content: "\f20b"; font-size: 45%; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 1px; } .propertyOption label { cursor: pointer; } .propertyOption { display: inline-block; } .propertyOption.active { border: 1px solid; } .ingredientGroupSelection { position: relative; } /*span.maxLimitErrorVariationGroup { position: absolute;*/ /*top: 130px; left: -100px; */ /*font-size: 120%; color: #df2424; }*/ .ingredientGroupSelection span.error.propertyError, .ingredientGroupSelection span.error.maxLimitError { right: 0; bottom: -17px; top: auto; } .propertyOption.prop-disabled { position: relative; pointer-events: none; background: #CDCDCD; border-color: #CDCDCD; } .propertyOption.prop-disabled:after { content: ""; position: absolute; /*border: 1px solid #000000;*/ width: 100%; top: 50%; left: 0; } .propertyOption.prop-disabled.active { background: #CDCDCD; } .propertyOption.prop-disabled.active label { color: inherit; } option.prop-disabled { background: #eeeeee; } .propertyGroupContainer.hasVariations { position: relative; } .item-variations { position: relative; } .VariationDescription { margin-top: 0px; max-height: 0; overflow: hidden; transition: height 350ms ease-in-out; } .VariationDescription.active { margin-top: 15px; max-height: 1000px; } .ingredientGroupSelection { position: relative; } /*span.maxLimitErrorVariationGroup { position: absolute;*/ /*top: 130px; left: -100px; */ /*font-size: 120%; color: #df2424; }*/ .ingredientGroupSelection span.error.propertyError, .ingredientGroupSelection span.error.maxLimitError { right: 0; bottom: -17px; top: auto; } .propertyOption.prop-disabled { position: relative; pointer-events: none; background: #CDCDCD; border-color: #CDCDCD; } .propertyOption.prop-disabled:after { content: ""; position: absolute; /*border: 1px solid #000000;*/ width: 100%; top: 50%; left: 0; } .propertyOption.prop-disabled.active { background: #CDCDCD; } .propertyOption.prop-disabled.active label { color: inherit; } option.prop-disabled { background: #eeeeee; } .propertyGroupContainer.hasVariations { position: relative; } .item-variations { position: relative; } .VariationDescription { margin-top: 0px; max-height: 0; overflow: hidden; transition: height 350ms ease-in-out; } .VariationDescription.active { margin-top: 15px; max-height: 1000px; } #CatalogModule .property-quantity { float: right; width: 100%; } #CatalogModule #CatalogItemView .property-quantity { margin: auto; float: none; display: inline-block; vertical-align: middle; text-align: center; } #CatalogModule .property-quantity button { width: 25px; height: 25px; /* float: right; */ position: relative; border: 1px solid #cccccc; background: transparent; display: inline-block; vertical-align: middle; border-radius: 50%; background: #000000; -webkit-appearance: none; padding: 0; } #CatalogModule .property-quantity .propertyQuantityContainer { width: auto; height: 30px; text-align: center; /* float: right; */ /*border: 1px solid #cccccc; border-bottom: 1px solid #cccccc;*/ line-height: 1; padding: 0px 5px; display: inline-block; vertical-align: top; margin: 0 -4px; } #CatalogModule .property-quantity .propertyQuantityContainer input[type="number"] { width: 30px; border: 0; height: 100%; text-align: center; display: inline-block; vertical-align: middle; } #CatalogModule .property-quantity svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 10px; height: 10px; } #CatalogModule .property-quantity .propertyQuantityContainer span { display: inline-block; vertical-align: middle; } #CatalogModule .property-quantity svg * { fill: #ffffff; } .propertyGroupContainer.hasQuantitySelection .propertyOption { max-width: 150px; text-align: center; position: relative; } /*.propertyGroupContainer.hasQuantitySelection h3 { display: block; }*/ .propertyOption .propertyIcon img { max-height: 200px; } .propertyGroupContainer.hasQuantitySelection .propertyOption { width: 33.33%; margin-top: 40px; } .propertyOption .selectItemBtn button { -webkit-appearance: none; border: 0; background: #000000; color: #ffffff; padding: 5px 20px; display: inline-block; font-weight: bold; width: 90%; } .propertyOption .selectItemBtn { position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; z-index: 1; } .propertyOption .selectItemBtn button span:last-child { margin-right: 5px; } #CatalogModule .filters-box .filters-list-wrapper.active { max-height: 111320px; } #CatalogItemView .shareBox i { font-style: initial; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #CatalogItemView .shareBox button, #CatalogItemView .shareBox a { background: transparent; border: 0; width: 44px; height: 44px; border-radius: 50%; display: inline-block; text-align: center; position: relative; vertical-align: middle; } #CatalogItemView .allShareButtons { position: absolute; max-height: 0; overflow: hidden; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; top: -64px; z-index: -1; opacity: 0; left: 0; } #CatalogItemView .allShareButtons.shareOpen { max-height: 1000px; top: -160px; opacity: 1; z-index: 0; } #CatalogItemView .shareBox { position: relative; float: left; margin-right: 25px; /*margin-top: 10px;*/ } #CatalogItemView .allShareButtons button, #CatalogItemView .allShareButtons a { display: block; margin-bottom: 10px; } #CatalogItemView button.openShareBox { background: #ffffff; border: 1px solid #DBDDDC; z-index: 1; } #CatalogItemView a.facebookShare { background: #4067B3; color: #ffffff; } #CatalogItemView a.WhatsAppShare { background: #24AD00; color: #ffffff; } #CatalogItemView a.emailShare { background: #DA2C20; color: #ffffff; } #CatalogItemView .shareBox button.wishListBtn { background: #ffffff; border: 1px solid #DBDDDC; z-index: 1; margin-left: 10px; } #CatalogItemView .shareBox button.wishListBtn svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #CatalogItemView .shareBox button.wishListBtn:focus { outline: 0; } #CatalogModule .filters-box ul.filter-list::-webkit-scrollbar { width: 5px; } section.grid-Catalog-Items { overflow: hidden; } section.grid-Catalog-Items .content-section-Btn { float: right; width: 100%; } .desktop-filters-list { position: relative; z-index: 3; } #CatalogModule .filters-box { position: relative; display: inline-block; } #CatalogModule .filters-box .filters-list-wrapper { position: absolute; max-height: 0px; transition: all 550ms ease-in-out; -webkit-transition: all 550ms ease-in-out; overflow: hidden; z-index: 1; top: 37px; } #CatalogModule .filters-box .filters-list-wrapper.active { max-height: 111320px; } #CatalogModule .filters-box ul.filter-list { /*max-height: 320px; overflow-x: hidden;display:none;*/ overflow-y: auto; background: #dddddd; padding: 15px; list-style: none; min-width: 240px; } #CatalogModule .filters-box ul.filter-list::-webkit-scrollbar { width: 5px; } #CatalogModule .filters-box ul.filter-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } #CatalogModule .filters-box ul.filter-list::-webkit-scrollbar-thumb { background-color: #a9a6a6; } /*#CatalogModule .filters-box .filters-list-wrapper.active ul.filter-list { display:block; }*/ #CatalogModule .filters-box .filter-list-inner { list-style: none; padding: 0px 10px; font-size: 90%; } #CatalogModule .filters-box button.filters-title { background: transparent; border: 0; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; padding: 0 0 0 10px; } #CatalogModule .filters-box button.filters-title.active { background: #dddddd; } #CatalogModule .filters-box button.filters-title:after { content: "\f107"; font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; margin-right: 7px; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; } #CatalogModule .filters-box button.filters-title.active:after { vertical-align: top; transform: rotate(180deg); -webkit-transform: rotate(180deg); } #CatalogModule .filters-box .filter-list-inner li.filter-list-item { border-bottom: 1px solid #ECECEC; } #CatalogModule .CatalogNav .navigationItems { display: inline-block; vertical-align: middle; } #CatalogModule .CatalogNav .navigationItems a.active { background: #333333; color: #ffffff; } #CatalogModule #CatalogItemView .custom-field { display: inline-block; margin-left: 20px; } #CatalogModule #CatalogItemView .custom-field:last-child { margin-left: 0; } #CatalogModule .CatalogNav { text-align: center; direction: ltr; margin: 30px 0px; } #CatalogModule .CatalogNav .navigationItems { display: inline-block; vertical-align: middle; } #CatalogModule .CatalogNav .navigationItems a.active { background: #333333; color: #ffffff; } #CatalogModule .CatalogNav .navigationItems a { padding: 2px 10px; background: #dddddd; display: inline-block; vertical-align: middle; } #CatalogModule .CatalogNav span#NextPage a span, #CatalogModule .CatalogNav span#PrevPage a span { font-family: none; } .catalogItemBox.align-center { text-align: center; } .catalogItemBox.align-right { text-align: right; } .catalogItemBox.align-left { text-align: left; } .productLabel { position: absolute; top: 10px; left: 15px; padding: 2px 10px; background: var(--collection-color, #000000); color: #ffffff; font-size: 85%; z-index: 1; } .productLabel.productLabelImg { background: transparent; padding: 0; } #CatalogModule .itemImages .productLabel { z-index: 9999; } #CatalogModule .itemImages .productLabel.Right { right: 30px; } #CatalogModule .itemImages .productLabel img { max-width: 90px; } .productLabel.Right { left: auto; right: 10px; } .productLabel img { background: transparent; max-width: 70px; } .productLabel[data-label='1'] { margin-top: 33px; } .productLabel[data-label='2'] { margin-top: 66px; } .productLabel[data-label='3'] { margin-top: 99px; } .productLabel[data-label='4'] { margin-top: 132px; } .productLabel[data-label='5'] { margin-top: 165px; } body.modal-open { padding-right: 0 !important; } #CatalogModule #CatalogItemView .itemContentWrapper button.custom-field { background: transparent; border: 1px solid; padding: 0; } .categoryContainerBanner, .categoryContainerBanner img { width: 100%; } .catalogContainer.container.showAllCats { width: 100%; } .categoryContainerItems { max-width: 1170px; margin: auto; } .categoryContainerBanner { position: relative; } .categoryContainerText { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; } .categoryContainerBanner:after { content: ""; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .allCatalogContainers { position: relative; overflow: hidden; width: 100%; } /*****QUICKVIEW*****/ .shopPop.quickviewPop .modal-body { max-width: 900px; } .shopPop.quickviewPop #CatalogModule { padding-top: 0; padding-bottom: 0; } .shopPop.quickviewPop #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 400px; } .shopPop.quickviewPop #CatalogModule .itemContent #headline h2 { font-size: inherit; } .shopPop.quickviewPop #CatalogModule .itemContent #headline { font-size: 250%; } .categories-strip.fixedStrip.affix { top: 0; z-index: 1; } /*****catalogItemSingleView*****/ #CatalogModule .catalogItemSingleView .item-actions { border: 0; padding: 10px 0; } #CatalogItemView.catalogItemSingleView .shareBox { float: none; display: inline-block; margin-top: 5px; } .SingleItemPage #GridPage .max-width.shortLayout { max-width: 100%; } .SingleItemPage #GridPage .max-width.shortLayout .container { width: 100%; } /****fixedAddToCartStrip ****/ #CatalogItemView .fixedAddToCartStrip { position: fixed; width: 100%; bottom: 0; z-index: 10; display: table; width: 100%; right: 0; } #CatalogItemView .fixedAddToCartStrip .fixedMsg { position: absolute; top: 20px; z-index: -1; font-size: 100%; background: #ffffff; color: #000000; left: 0; right: 0; text-align: center; padding: 5px; min-height: 30px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; box-shadow: 0px -3px 8px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px -3px 8px 0px rgba(0,0,0,0.2); } #CatalogItemView .fixedAddToCartStrip .fixedMsg.active { top: -38px; z-index: 1; } #CatalogModule #CatalogItemView .fixedAddToCartStrip .fixedAddToCartStripPrice { width: 35%; display: table-cell; text-align: center; vertical-align: middle; z-index: 2; position: relative; background: inherit; } #CatalogModule #CatalogItemView .fixedAddToCartStrip span.finalPrice { font-size: 200%; display: block; width: 100%; line-height: 1; } #CatalogModule #CatalogItemView .fixedAddToCartStrip span.price-measuring-desc { display: block; } #CatalogModule #CatalogItemView .fixedAddToCartStrip .item-price span.finalPrice:before { font-size: 30%; } #CatalogModule .gallery-slider.thumbs ol.flex-control-nav.flex-control-paging { display: none; } .catalogLoadMoreBtn { text-align: center; } .catalogLoadMoreBtn button.loadMoreItems { min-width: 150px; background: #000000; color: #ffffff; } #gallery-items-pop-up-modal { z-index: 10000000; position: fixed; inset: 0; } #gallery-items-pop-up-modal .modal-backdrop { background-color: #fff; opacity: 1; } .gallery-items-pop-up-inner { width: 100vw; opacity: 0; transition: all 0.35s ease; } .gallery-items-pop-up-inner.active { opacity: 1 } #gallery-items-pop-up-modal a.close { position: absolute; z-index: 10; top: 35px; right: 35px; } #gallery-items-pop-up-modal a.close svg { fill: #000 } #gallery-items-pop-up-modal .gallery-items-pop button { position: absolute; left: 35px; z-index: 15; top: 50%; transform: translateY(-50%); border: 0; background-color: transparent; color: transparent; font-size: 0; height: 50px; width: 50px; } #gallery-items-pop-up-modal .gallery-items-pop button::after { content: ''; background-image: url(../../../Content/images/arrow_L.png); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; width: 50px; height: 50px; z-index: 1; } #gallery-items-pop-up-modal .gallery-items-pop button.slick-next { left: auto; right: 35px; } #gallery-items-pop-up-modal .gallery-items-pop button.slick-next::after { background-image: url(../../../Content/images/arrow_R.png); } #gallery-items-pop-up-modal .modal-content { height: 100%; } #gallery-items-pop-up-modal .modal-content .gallery-items-pop-up { height: 100%; } #gallery-items-pop-up-modal .modal-content #PopUpData { height: 100%; } #gallery-items-pop-up-modal .modal-content .gallery-items-pop-up-inner { height: 100%; } #gallery-items-pop-up-modal .gallery-items-pop .slick-slide img { width: auto; max-width: 100%; max-height: 100%; margin: 0 auto } #gallery-items-pop-up-modal .gallery-items-pop { margin-bottom: 2vh } #gallery-items-pop-up-modal .gallery-items-pop .gallery-pop-item { display: flex; justify-content: center; align-items: center; height: 85vh; } #gallery-items-pop-up-modal .gallery-items-pop-thumbs .gallery-pop-item { width: 10vw; height: 12vh; padding: 5px; } #gallery-items-pop-up-modal .gallery-items-pop-thumbs .gallery-pop-item.slick-current { border: 1px solid #000; } #gallery-items-pop-up-modal .gallery-items-pop-thumbs .gallery-pop-item img { width: auto; height: auto; max-height: 100%; max-width: 100%; margin: 0 auto; } #gallery-items-pop-up-modal.unTransform .gallery-items-pop-thumbs-wrapper .slick-track { transform: none !important; display: flex; justify-content: center; max-width: 100%; align-items: center; } #gallery-items-pop-up-modal .loaderWrapper { display: flex; position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 16; justify-content: center; align-items: center; top: 0; left: 0; } #gallery-items-pop-up-modal .gallery-items-pop-up-inner.active + .loaderWrapper { display: none; } #gallery-items-pop-up-modal .loader { border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: spinLoader 2s linear infinite; } @keyframes spinLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 100% { transform: rotate(360deg); } } @media(max-width:991px) { .shopPop.quickviewPop .modal-body { max-width: 90vw; } } @media(max-width:1170px) { #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 450px; } } @media(max-width:1024px) { #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 400px; } /***Ben's Changes***/ #CatalogModule .filtersList.side-filters { float: none; width: 100%; } .showSideFilters .mobileFiltersBtns { float: none; display: block !important; width: 100%; text-align: center; } .showSideFilters .mobileFiltersBtns button.showFiltersBtn { width: calc(50% - 8px); background: transparent; border: 1px solid; padding: 5px; font-size: 110%; } .showSideFilters .itemsList.row { float: none; width: 100%; } #headerCatalogSideFilter { position: fixed; width: 405px; height: 100vh; top: 0; right: -405px; background: #fff; z-index: 10; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; padding: 0 0px; background: #F2F2F2; } #headerCatalogSideFilter.active { right: 0; } #headerCatalogSideFilter .deleteCircle { fill: #f2efee; } #headerCatalogSideFilter .SideTitleWrapper { display: table; position: relative; width: 100%; direction: rtl; padding: 25px 24px; background: #fff; } #headerCatalogSideFilter .SideTitleWrapper h2 { font-size: 170%; display: inline-block; width: calc(100% - 40px); vertical-align: middle; } #headerCatalogSideFilter .SideTitleWrapper button { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-color: transparent; border: none; } #headerCatalogSideFilterInner { padding: 0 24px; } #headerCatalogSideFilter .desktop-filters-list { max-height: 100%; padding-top: 25px; float: none; } #headerCatalogSideFilter button.filters-title:after { content: "\f107"; font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; margin-right: 7px; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; } #headerCatalogSideFilter button.filters-title.active:after { vertical-align: top; transform: rotate(180deg); -webkit-transform: rotate(180deg); } #headerCatalogSideFilter .filters-title { border: 0px; background: #D8D8D8; padding: 15px 18px; font-size: 130%; } #headerCatalogSideFilter .filter-list { list-style: none; padding: 0; margin-top: 10px; } #headerCatalogSideFilter .filter-list ul { list-style: none; padding: 0; margin-top: 15px; } #headerCatalogSideFilter .filter-list ul li { margin-top: 5px; } #headerCatalogSideFilterInner .filters-list-wrapper { max-height: 0; transition: all 550ms ease-in-out; -webkit-transition: all 550ms ease-in-out; overflow: hidden; } #headerCatalogSideFilterInner .filters-list-wrapper.active { max-height: 100vh; } #headerCatalogSideFilter .filter-list ul li { margin-top: 5px; } } @media(min-width:991px) { .itemsList.row.relatedItemsCarousel .catalogItemBox { width: 33.33%; } .RelatedItemsWrapper.relatedItemsSlider .itemsList.row.relatedItemsCarousel .catalogItemBox { width: 100%; } } @media(min-width:991px)and (max-width:1280px) { #CatalogModule .gallery-slider.thumbs { width: 100%; } #CatalogModule .gallery-slider.thumbs li.item { margin-right: 10px; } } @media(max-width:991px) { #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 650px; } #CatalogModule .itemImages { padding-right: 15px; padding-bottom: 30px; } #CatalogModule .gallery-slider.thumbs { display: none; } #CatalogModule .gallery-slider .flex-control-nav { z-index: 3; } #CatalogModule .gallery-slider .flex-control-paging li a { background: #ffffff; } #CatalogModule .gallery-slider .flex-control-paging li a.flex-active { background: #333; } #CatalogModule { padding: 0; } .desktop-filters-list { max-height: 0px; overflow: hidden; transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; float: right; width: 100%; margin-bottom: 30px; } .desktop-filters-list.active { max-height: 1000px; } .desktop-filters-list .filters-box { width: 100%; display: block; position: relative; } .desktop-filters-list .filters-box button.filters-title { width: 100%; text-align: right; padding: 15px 0px; } .desktop-filters-list .filters-box button.filters-title:after { float: left; } .desktop-filters-list .filters-box:after { content: ""; border-bottom: 1px solid #cccccc; display: block; bottom: 0px; position: absolute; left: 0; width: 100%; } #CatalogModule .filters-box .filters-list-wrapper { position: relative; } #CatalogModule .filters-box button.filters-title.active { background: transparent; } .mobileFiltersBtns { margin-bottom: 35px; float: right; width: 100%; text-align: center; } .mobileFiltersBtns button.showFiltersBtn { width: calc(50% - 8px); /*float: right;*/ margin-left: 16px; background: transparent; border: 1px solid; padding: 5px; font-size: 110%; } .mobileFiltersBtns button.showFiltersBtn:last-child { margin-left: 0; } .itemsList.relatedItemsCarousel { margin: 0; } #CatalogModule .filters-box button.filters-title { padding: 5px 10px; } #gallery-items-pop-up-modal a.close { top: 10px; right: 10px; } #gallery-items-pop-up-modal a.close svg { width: 30px; } #gallery-items-pop-up-modal .gallery-items-pop button { left: 10px } #gallery-items-pop-up-modal .gallery-items-pop button.slick-next { right: 10px; } #gallery-items-pop-up-modal .gallery-items-pop-thumbs .slick-slide img { padding: 0 5px; width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; } #gallery-items-pop-up-modal .slick-slide img { padding: 0 10px; } #gallery-items-pop-up-modal .gallery-items-pop .gallery-pop-item { height: 80vh } #gallery-items-pop-up-modal .gallery-items-pop-thumbs .gallery-pop-item { width: 50vw; height: 16vh; } } @media(max-width:767px) { #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 300px; } #header2.headerHasCart #header-left { width: 60%; } #header2.headerHasCart .cartBtn.navShopBtn.mobile { margin-right: 10px; } #header2.headerHasCart .mobile-middle-kdm { width: 0; } #header2.headerHasCart.open #header-left .navShopBtn { display: none; } #headerCatalogSideFilter { width: 90vw; right: -90vw; } #headerCatalogSideFilter.active { right: 0; } #headerCatalogSideFilterLoader { display: none; } body.loading #headerCatalogSideFilterLoader { position: fixed; display: block; background: rgba(0,0,0,0.2); top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; pointer-events: none; } .categories-strip.fixedStrip.affix { width: 100%; } .propertyOption .selectItemBtn { bottom: -5px; } .propertyGroupContainer.hasQuantitySelection .propertyOption.hasImg label { font-size: 120%; } .propertyOption .selectItemBtn button { font-size: 120%; } #CatalogModule .itemContent { padding-left: 0; padding-right: 0; } #CatalogModule #CatalogItemView .fixedAddToCartStrip span.finalPrice { font-size: 180%; } body.CatalogItemPage #CatalogModule .RelatedItemsWrapper.relatedItemsSlider .relatedItems { max-width: 100%; padding: 0; } .RelatedItemsWrapper.relatedItemsSlider.relatedItemsCenterMobile { overflow: hidden; } } .catalog-sticky-nav.affix { top: 80px; width: 100%; z-index: 2; margin-top: 0; right: 0; position: fixed !important; } .catalog-sticky-nav { display: inline-block; width: 100%; margin: 20px 0px 50px; overflow: hidden; } .catalog-sticky-nav ul li { display: inline-block; } .catalog-sticky-nav button { -webkit-appearance: none; border: 0; padding: 5px 20px; background: #cccccc; } .catalog-sticky-nav ul { padding: 0; list-style: none; margin: 0; text-align: center; } .catalog-sticky-nav ul li.active button { background: #000000; color: #ffffff; } .categoryContainer.stickyNav .categoryContainerBanner { width: 100%; text-align: center; padding: 10px; } .categoryContainer.stickyNav .categoryContainerText { left: auto; right: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); position: relative; } .categoryContainer.stickyNav .section-title { margin-bottom: 0; } @media(max-width:991px) { .catalog-sticky-nav.affix { right: 0; top: 65px; background: #ffffff; } /*.catalog-sticky-nav ul { width: auto !important; overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-y: hidden; white-space: nowrap; height: 100%; }*/ .catalog-sticky-nav button { padding: 10px 20px; } .catalog-sticky-nav nav.menu-tags-list { /*overflow-x: auto;*/ overflow-y: hidden; width: auto !important; } .catalog-sticky-nav ul { -webkit-overflow-scrolling: touch; white-space: nowrap; position: relative; display: inline-block; } } /*@media(max-width:767px) { .catalog-sticky-nav.affix { right: 0; top: 65px; background: #ffffff; } .catalog-sticky-nav ul { width: auto !important; overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-y: hidden; white-space: nowrap; height: 100%; } .catalog-sticky-nav button { padding: 10px 20px; } }*/ .active .smallHeart.firstHeart { animation: floatAway1 ease-out 2s forwards 1; } .active .smallHeart.secondHeart { animation: floatAway2 ease-out 2s forwards 1; } .smallHeart { position: absolute; top: 50%; left: 50%; height: 20px; width: 20px; margin: -10px 0 0 -10px; opacity: 0; pointer-events: none; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='6' viewBox='0 0 18 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.012 14.905a19.999 19.999 0 0 1-3.885-2.388C2.528 10.466 1.002 8.095 1 5.442c-.002-2.45 1.922-4.43 4.283-4.432 1.128 0 2.209.453 3 1.258l.715.728.714-.73A4.199 4.199 0 0 1 12.707 1h-.001C15.069.998 16.996 2.97 17 5.421c.004 2.656-1.519 5.032-4.115 7.091a20.008 20.008 0 0 1-3.873 2.393z' stroke='%232D2D2D' stroke-width='2' fill='%232d2d2d'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; } .wishListBtn { position: relative; } .productLabel.wishlist { background: transparent; left: auto; right: 15px; } .productLabel.wishlist button.wishListBtn { -webkit-appearance: none; border: 0; background: transparent; } .productLabel.wishlist button.wishListBtn:focus { outline: none; } button.wishListBtn.active svg path { fill: #000000; } /* CSS for Slick Slider on products page */ #CatalogModule .itemImagesSlick .gallery-slider img { width: auto; height: auto; max-height: 100%; max-width: 100%; } #CatalogModule .itemImagesSlick .gallery-slider.large { width: 100%; display: inline-block; vertical-align: top; } #CatalogModule .itemImagesSlick .gallery-slider.large img { margin-top: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%) } #CatalogModule .itemImagesSlick .gallery-slider .slick-slide { overflow: hidden; } #CatalogModule .itemImagesSlick .gallery-slider.large .slick-slide { background: #ffffff; padding-bottom: 500px; border: 1px solid #b6b6b6; } #CatalogModule .itemImagesSlick .gallery-slider ul.slick-dots { text-align: center; padding: 0; margin-top: 0px; } #CatalogModule .itemImagesSlick .gallery-slider ul.slick-dots li { display: inline-block; margin: 0 4px; } #CatalogModule .itemImagesSlick .gallery-slider ul.slick-dots li button { width: 11px; height: 11px; border-radius: 50%; padding: 0; -webkit-appearance: none; font-size: 0; background: #ffffff; border: 1px solid grey; } #CatalogModule .itemImagesSlick .gallery-slider ul.slick-dots li.slick-active button { background: #000000; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs { width: 100%; vertical-align: top; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 0 40px; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs li.item { padding-bottom: 55px; width: 75px !important; margin-right: 20px; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-active.slick-current:after { content: ""; border: 2px solid #000000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-active { position: relative; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-slide { position: relative; margin: 0 10px; border: 1px solid #b6b6b6; background: #fff; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-slide .item-inner-thumb { display: block; width: 100%; padding-bottom: 100%; position: relative; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs img { margin-top: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-prev.slick-arrow, #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-next.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 0; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-next.slick-arrow { right: 8px; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-prev.slick-arrow { left: 8px; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-prev.slick-arrow::before, #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-next.slick-arrow::before { font-size: 35px; font-family: FontAwesome; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-prev.slick-arrow::before { content: "\f104"; } #CatalogModule .itemImagesSlick .gallery-slider.thumbs .slick-next.slick-arrow::before { content: "\f105"; } #CatalogModule .itemImagesSlick.itemImagesVertical { display: flex; align-items: center; } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.thumbs .slick-slide { margin: 10px 0; cursor: pointer; } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.large { width: calc(100% - 140px); } #CatalogModule .itemImagesSlick.itemImagesVertical .slick-arrow { transform: rotate(90deg); } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.thumbs { margin-right: 40px; position: relative; margin-top: auto; margin-bottom: auto; width: 100px; flex-direction: column; padding: 40px 0; } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.thumbs .slick-slide .item-inner-thumb { padding-bottom: 120%; } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.thumbs .slick-prev.slick-arrow, #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.thumbs .slick-next.slick-arrow { top: auto; transform: translateX(-50%) rotate(90deg); left: 50%; right: auto; bottom: auto; } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.thumbs .slick-prev.slick-arrow { top: -10px; } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.thumbs .slick-next.slick-arrow { bottom: -10px; } @media (max-width: 991px) { #CatalogModule .itemImagesSlick .gallery-slider.thumbs { display: none; } #CatalogModule .itemImagesSlick .gallery-slider.large .slick-slide { padding-bottom: 600px } #CatalogModule .itemImagesSlick.itemImagesVertical .gallery-slider.large { width: 100%; } } @media (max-width: 767px) { #CatalogModule .itemImagesSlick .gallery-slider.large .slick-slide { padding-bottom: 300px } #CatalogModule .gallery-slider:not(.slick-initialized) .item { height: 300px } } /* CSS for swiper Slider on products page */ #CatalogModule .itemImagesSwiper .gallery-slider img { width: auto; height: auto; max-height: 100%; max-width: 100%; } #CatalogModule .itemImagesSwiper .gallery-slider.large { width: 100%; display: inline-block; vertical-align: top; } #CatalogModule .itemImagesSwiper .gallery-slider.large img { margin-top: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%) } #CatalogModule .itemImagesSwiper .gallery-slider .swiper-slide { overflow: hidden; } #CatalogModule .itemImagesSwiper .gallery-slider.large .swiper-slide { background: #ffffff; padding-bottom: 500px; border: 1px solid #b6b6b6; } #CatalogModule .itemImagesSwiper .gallery-slider ul.slick-dots { text-align: center; padding: 0; margin-top: 0px; } #CatalogModule .itemImagesSwiper .gallery-slider ul.slick-dots li { display: inline-block; margin: 0 4px; } #CatalogModule .itemImagesSwiper .gallery-slider ul.slick-dots li button { width: 11px; height: 11px; border-radius: 50%; padding: 0; -webkit-appearance: none; font-size: 0; background: #ffffff; border: 1px solid grey; } #CatalogModule .itemImagesSwiper .gallery-slider ul.slick-dots li.slick-active button { background: #000000; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs { width: 100%; vertical-align: top; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 0 40px; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs li.item { padding-bottom: 55px; width: 75px !important; margin-right: 20px; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-active.slick-current:after { content: ""; border: 2px solid #000000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-active { position: relative; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .swiper-slide { position: relative; margin: 0 10px; border: 1px solid #b6b6b6; background: #fff; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .swiper-slide .item-inner-thumb { display: block; width: 100%; padding-bottom: 100%; position: relative; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs img { margin-top: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-prev.slick-arrow, #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-next.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 0; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-next.slick-arrow { right: 8px; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-prev.slick-arrow { left: 8px; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-prev.slick-arrow::before, #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-next.slick-arrow::before { font-size: 35px; font-family: FontAwesome; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-prev.slick-arrow::before { content: "\f104"; } #CatalogModule .itemImagesSwiper .gallery-slider.thumbs .slick-next.slick-arrow::before { content: "\f105"; } #CatalogModule .itemImagesSwiper.itemImagesVertical { display: flex; align-items: center; } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs .swiper-slide { margin: 10px 0; cursor: pointer; } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.large { width: calc(100% - 140px); } #CatalogModule .itemImagesSwiper.itemImagesVertical .slick-arrow { transform: rotate(90deg); } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs { margin-right: 40px; position: relative; margin-top: auto; margin-bottom: auto; width: 100px; flex-direction: column; padding: 40px 0; } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs .swiper-slide .item-inner-thumb { padding-bottom: 120%; } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs .slick-prev.slick-arrow, #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs .slick-next.slick-arrow { top: auto; transform: translateX(-50%) rotate(90deg); left: 50%; right: auto; bottom: auto; } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs .slick-prev.slick-arrow { top: -10px; } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs .slick-next.slick-arrow { bottom: -10px; } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.thumbs .item.swiper-slide { max-height: 100px; cursor: grab; margin-bottom: 10px; } @media (max-width: 991px) { #CatalogModule .itemImagesSwiper .gallery-slider.thumbs { display: none; } #CatalogModule .itemImagesSwiper .gallery-slider.large .swiper-slide { padding-bottom: 600px } #CatalogModule .itemImagesSwiper.itemImagesVertical .gallery-slider.large { width: 100%; } } @media (max-width: 767px) { #CatalogModule .itemImagesSwiper .gallery-slider.large .swiper-slide { padding-bottom: 300px } } @keyframes floatAway1 { 15% { opacity: 0; } 16% { opacity: 1; transform: translate(0, 0); } 100% { transform: translateX(23px) translateY(-22px); opacity: 0; } } @keyframes floatAway2 { 15% { opacity: 0; } 16% { opacity: 1; transform: translate(0, 0); } 100% { transform: translateX(21px) translateY(10px); opacity: 0; } } 16% { opacity: 1; transform: translate(0, 0); } 100% { transform: translateX(21px) translateY(10px); opacity: 0; } } @-webkit-keyframes floatAway1 { 15% { opacity: 0; } 16% { opacity: 1; -webkit-transform: translate(0, 0); } 100% { -webkit-transform: translateX(23px) translateY(-22px); opacity: 0; } } @-webkit-keyframes floatAway2 { 15% { opacity: 0; } 16% { opacity: 1; -webkit-transform: translate(0, 0); } 100% { -webkit-transform: translateX(21px) translateY(10px); opacity: 0; } } /* Item Bundle */ .CatalogItemViewBundle .itemContentWrapper.row { display: flex; } .CatalogItemViewBundle .itemContent { order: 1; max-width: calc(100% - 271px) !important; flex-grow: 1; } .CatalogItemViewBundle .bundleItemSubTotal { order: 2; width: 271px; align-self: flex-start; background: #fff; padding: 0; padding-bottom: 20px; box-shadow: 0 19px 25px 0 rgb(162 146 132 / 23%); } .CatalogItemViewBundle #subheadline h2 { font-size: 118%; } .CatalogItemViewBundle .propertyOption { background: #ffffff; width: calc(33.333333333% - 30px); margin: 0 15px; padding: 24px 23px 41px; margin-bottom: 30px; display: flex; flex-direction: column; } .CatalogItemViewBundle .propertyGroupContainer { display: flex; align-items: initial; flex-wrap: wrap; margin-left: 0; padding-left: 20px; } .CatalogItemViewBundle .propertyOption .selectItemBtn { bottom: 41px; max-width: 100%; position: static; transform: none; } .CatalogItemViewBundle .propertyOption .selectItemBtn button { max-width: 145px; min-height: 36px; } .CatalogItemViewBundle .variationDescription { margin-bottom: 20px; font-size: 71%; } .CatalogItemViewBundle .propertyIcon { margin-bottom: 15px; } .CatalogItemViewBundle .propertyOption label { font-size: 124%; } .bundleItemSubTotalBoxTitle { background: grey; color: #fff; padding: 9px 16px; } .bundleItemSubTotalBoxTitle h3 { font-size: 118%; margin: 0; } .bundleItemSubTotalBoxTitle button { border: none; background: none; appearance: none; text-decoration: underline; font-size: 71%; padding: 0; } .bundleSelection { padding: 18px 45px; border-bottom: 1px solid #ececec; display: flex; justify-content: space-between; flex-wrap: wrap; } .bundleSelectionGroupTitle { width: 100%; } .bundleSelection .selectedItems, .bundleSelection .unSelectedItems { display: flex; flex-direction: column; align-items: center; } .bundleItemsSelected { font-size: 236%; line-height: 1; } .currentBundleVariations .cartItem { padding: 20px 45px 0; } .currentBundleVariations .itemName { font-size: 94.2%; display: flex; flex-direction: column; } #CatalogModule .CatalogItemViewBundle .item-actions { padding: 20px; padding-bottom: 0; } .currentBundleVariations .cartItem:last-of-type { padding-bottom: 20px; border-bottom: 1px solid #ececec; } .CatalogItemViewBundle .shareBox { display: none; } .CatalogItemViewBundle .item-price { margin-bottom: 40px; } .CatalogItemViewBundle .property-quantity:not([display='inline-block']) .item-quantity:not(.newCatalogItemQuantity) { display: none; } .CatalogItemViewBundle #headline, .CatalogItemViewBundle #subheadline, .CatalogItemViewBundle #headline, .CatalogItemViewBundle .catalogTextContainer { max-width: 95%; } .currentBundleVariations .itemName .itemNameSubTitle { font-size: 78%; } .currentBundleVariations .itemName .itemNameQuantity { font-size: 78%; line-height: 1; } .currentBundleVariations .itemName .itemNameQuantity::before { content: "יחֿ "; } .currentBundleVariations .itemName .itemNameTitle { margin-bottom: 4px; } #CatalogModule #CatalogItemViewBundle .property-quantity button { border-radius: 0; } #CatalogItemViewBundle .property-quantity button { border-radius: 0; } #CatalogModule .CatalogItemViewBundle .property-quantity button { border-radius: 0; width: 36px; height: 36px; } #CatalogModule .CatalogItemViewBundle .property-quantity .propertyQuantityContainer input[type="number"] { height: 36px; } #CatalogModule .CatalogItemViewBundle .property-quantity .propertyQuantityContainer { height: 36px; width: 100%; max-width: 73px; } .CatalogItemViewBundle .cartItemName.cartItemsCell { display: flex; align-items: center; } .CatalogItemViewBundle .cartItemName.cartItemsCell img { max-height: 76px; margin-left: 22px; } .CatalogItemViewBundle .propertyError { display: block; padding: 0; font-size: 71%; text-align: center; color: #951908; padding-top: 7px; } .CatalogItemViewBundle .propertyErrors { clear: both; } .item-selection-actions { margin-top: auto; display: block; } .CatalogItemViewBundle .bundleItemSubTotal.fixed { position: fixed; z-index: 9; left: 24%; top: 140px; } #SearchResultPage #text1 ul li.resultItem { display: block; width: 100%; } .CatalogItemViewBundle .outOfStockLabel.hasTextLabel { font-size: 75%; padding: 3px 13px; top: 10px; left: 0; background: #576067; line-height: 1.5; transform: none; width: auto; } #CatalogItemView.CatalogItemViewBundle .itemContentWrapper .outOfStockLabel span { background: transparent; padding: 0; margin: 0; } .variationGroupTitle { position: relative; display: flex; } .variationGroupTitle span { margin: 20px 70px auto auto; display: inline-block; color: white; background: black; } .variationGroupTitle h3 { display: inline-block; } /*span.maxLimitErrorVariationGroup { position:absolute; left: 80px; top: 320px; }*/ @media (max-wdith: 1200px) { .CatalogItemViewBundle .itemContentWrapper.row { margin: 0; } .CatalogItemViewBundle .itemContent { padding-right: 0; } } @media (max-width: 991px) { .CatalogItemViewBundle .bundleItemSubTotal { width: 100%; margin-top: 20px; } .CatalogItemViewBundle .itemContent { max-width: 100% !important; padding: 0; } } @media (max-width: 767px) { .CatalogItemViewBundle .propertyOption { width: calc(50% - 10px); padding: 20px 10px; margin: 0px 5px; margin-bottom: 10px; } .CatalogItemViewBundle .propertyOption .selectItemBtn button { font-size: 100%; padding: 6px; } .CatalogItemViewBundle .propertyOption .selectItemBtn { bottom: 20px; } .CatalogItemViewBundle .propertyGroupContainer { padding: 0; margin-left: -10px; margin-right: -10px; } #CatalogModule .CatalogItemViewBundle .property-quantity .propertyQuantityContainer { width: auto; } } @media(min-width:1025px) { .CatalogViewHideComp .filtersList .hide-filters { text-transform: uppercase; font-size: 1.2rem; letter-spacing: 1.2px; cursor: pointer; position: relative; display: inline-flex; flex-direction: row-reverse; gap: 5px; align-items: center; } .CatalogViewHideComp.hideMode .hide-filters-span-hide { display: none; } .CatalogViewHideComp.hideMode .hide-filters-span-show { display: block; } .CatalogViewHideComp:not(.hideMode) .hide-filters-span-hide { display: block; } .CatalogViewHideComp:not(.hideMode) .hide-filters-span-show { display: none; } .CatalogViewHideComp.hideMode .filtersList.side-filters { opacity: 0; max-width: 0; /*transform: translateX(280px);*/ } .CatalogViewHideComp .filtersList.side-filters { transition: 0.3s all ease; width: 100%; max-width: 280px; } .CatalogViewHideComp .hide-filters-button { border: none; background: transparent; border: 1px solid #000; } .CatalogViewHideComp .hide-filters-button-inner { display: flex; align-items: center; } .CatalogViewHideComp.hideMode .itemsList { width: 100%; } .CatalogViewHideComp .itemsList { transition: 0.3s all ease; } } .desktop-filters-list .selectedFilters { margin-bottom: 10px; } .desktop-filters-list .selectedFilters .selectedFilterItem { display: inline-block; margin-left: 10px; } .desktop-filters-list .selectedFilters .selectedFilterItem button { -webkit-appearance: none; background: transparent; padding: 3px 10px; font-size: 80%; direction: rtl; } .desktop-filters-list .selectedFilters .selectedFilterItem button span { display: inline-block; } .desktop-filters-list .selectedFilters .selectedFilterItem button span.removeIcon { margin-left: 5px; } .desktop-filters-list .selectedFilters .removeIcon svg { width: 10px; height: 10px; } /*#SiteGrid { margin-top: 175px; }*/ #CatalogModule .gallery-slider.flexslider .slides li.ZoomOnImage { padding: 0; height: 500px; display: flex !important; align-items: center; justify-content: center; } #CatalogModule .gallery-slider.flexslider .slides li.ZoomOnImage img { position: relative; top: unset; left: unset; transform: unset; } .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .large .item.ZoomOnImage img[role='presentation'] { opacity: 1 !important; } .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .large .item.ZoomOnImage img:has(+button+img[role='presentation'] ) { opacity: 0 !important; } .newCatalogItemQuantity .itemQuantityContainer span:not(.itemQuantityContainer) { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .CatalogItemViewBundle .itemContent > .item-quantity { display: none; } .CatalogItemPage .videoInsideImg { position: absolute; inset: 0; pointer-events: none; opacity: 0; z-index: 2; } .CatalogItemPage .videoInsideImg.active { pointer-events: auto; opacity: 1; } .CatalogItemPage .videoInsideImg iframe { position: absolute; inset: 0; width: 100%; height: 100%; } .CatalogItemPage .videoInsideImg .close { position: absolute; left: 10px; top: 10px; width: 25px; height: 25px; z-index: 2; } .CatalogItemPage .videoInsideImg .close svg { width: 100%; height: 100%; fill: #fff; } .SingleItemPage section.selectOptions.singleItemSection { display: none; margin-top: 80px; } .SingleItemPage section.selectOptions.singleItemSection form#checkout-form { max-width: 800px; margin-right: auto; margin-left: auto; } .SingleItemPage section.selectOptions.singleItemSection.active { display: block; } .SingleItemPage .checkoutStage .checkoutStageContent > .checkoutStageContentDetails { opacity: 0; max-height: 0; transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out; -webkit-transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out; overflow: hidden; } .SingleItemPage .checkoutStage.active .checkoutStageContent > .checkoutStageContentDetails { opacity: 1; max-height: 10000px; transition: max-height 450ms ease-in-out, opacity 0ms ease-in-out; -webkit-transition: max-height 450ms ease-in-out, opacity 0ms ease-in-out; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemContent #headline { font-size: 150%; margin-bottom: 0; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .item-price span.finalPrice { font-size: 100%; vertical-align: middle; } .SingleItemPage #CatalogModule .catalogItemSingleView section.singleItemSection.itemFirstDetails.shortLayout .item-actions { display: none; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .gallery-slider.flexslider .slides li { padding-bottom: 150px; } .SingleItemPage .checkoutStageContent button.titleBtn { -webkit-appearance: none; background: #DCDCDC; border: 0; padding: 7px 10px; width: 100%; text-align: right; } .SingleItemPage .checkoutStageContent button.titleBtn h3 { margin: 0; } .SingleItemPage #CatalogModule .catalogItemSingleView .gallery-slider.flexslider .slides li, #CatalogModule .catalogItemSingleView .itemContent #headline, #CatalogItemView.catalogItemSingleView .item-price span.finalPrice { transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; } .SingleItemPage .catalogItemSingleView form#checkout-form .checkoutFormWrapper { margin-bottom: 0; } .SingleItemPage #CatalogModule .checkoutStageContent.itemContent { padding: 0; } .SingleItemPage .catalogItemSingleView form#checkout-form .checkoutInputsWrapper { padding: 0; } .SingleItemPage .catalogItemSingleView .checkOutContainer { padding: 15px 30px 25px; overflow: auto; } .SingleItemPage .catalogItemSingleView #checkout-form .normal-form-submit { float: none; display: inline-block; width: auto; } .SingleItemPage .catalogItemSingleView form#checkout-form .pickUpBranches { margin: 0; width: 40%; } .SingleItemPage .catalogItemSingleView .goToItemDetailsBtn { display: none; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .SingleItemPage .catalogItemSingleView .addedToCartDetail span.detailsTitle { font-size: 100%; font-weight: bold; } .SingleItemPage .catalogItemSingleView .addedToCartDetail span { display: inline-block; vertical-align: middle; } .SingleItemPage .catalogItemSingleView .singleCartSum { width: auto; display: inline-block; border-top: 2px solid #cccccc; min-width: 220px; margin-top: 5px; padding-top: 5px; } .SingleItemPage .catalogItemSingleView .PaymentCreditIframe { width: 100%; } .SingleItemPage .catalogItemSingleView #payment-method-credit { padding: 40px; } .SingleItemPage section.singleItemSection.itemFirstDetails.shortLayout .goToItemDetailsBtn { display: block; } .SingleItemPage .catalogItemSingleView select.propertyGroup { width: 100%; height: 35px; } .SingleItemPage .catalogItemSingleView .propertyGroupSelect { display: block; float: none; } .SingleItemPage .catalogItemSingleView .addToCart { float: right; } .SingleItemPage .catalogItemSingleView .paymentOptionsWrapper.checkoutStage .addToCart { width: 100%; padding-right: 45px; } .SingleItemPage #CatalogModule #CatalogItemView.catalogItemSingleView .item-quantity label { float: right; margin-left: 10px; } .SingleItemPage .catalogItemSingleView .propertyGroupSelect:first-child h3 { margin-top: 0; } .SingleItemPage .catalogItemSingleView .checkoutStage { margin-bottom: 15px; } .SingleItemPage .catalogItemSingleView .checkoutStage.active .checkoutStageContent button.titleBtn { background: #000000; color: #ffffff; } .SingleItemPage .catalogItemSingleView button { -webkit-appearance: none; } .SingleItemPage .catalogItemSingleView .goToItemDetailsBtn button { background: #2a6190; width: 33px; height: 33px; border-radius: 50%; -webkit-appearance: none; padding: 0; box-shadow: none; border: 0; } .SingleItemPage .checkoutStageContent button.titleBtn svg { width: 25px; display: inline-block; vertical-align: middle; fill: #929293; } .SingleItemPage .checkoutStageContent button.titleBtn svg path { fill: #929293; } .SingleItemPage .checkoutStageContent button.titleBtn h3 { display: inline-block; vertical-align: middle; color: #929293; font-size: 100%; margin-right: 5px; } .SingleItemPage .catalogItemSingleView .checkoutStage.active .checkoutStageContent button.titleBtn svg, .catalogItemSingleView .checkoutStage.active .checkoutStageContent button.titleBtn svg path { fill: #ffffff; } .SingleItemPage .catalogItemSingleView .checkoutStage.active .checkoutStageContent button.titleBtn h3 { color: #ffffff; } .SingleItemPage section.singleItemSection.itemFirstDetails.shortLayout { box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.06); padding: 15px 20px; } .SingleItemPage .catalogItemSingleView .checkoutStage[data-ok=true] svg { fill: #000000; } .SingleItemPage .catalogItemSingleView .checkoutStage[data-ok=true] h3 { color: #000000; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemContent { width: 75%; } .SingleItemPage .catalogItemSingleView .successDetails.checkoutStage .successMsg { padding-right: 40px; margin-bottom: 15px; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemImages { width: 25%; } .SingleItemPage section#GridPage { padding: 0; } .SingleItemPage #GridTop.noTopImage.longer { height: 80px; } .SingleItemPage #CatalogModule { padding-top: 0; } .SingleItemPage section.singleItemSection.itemFirstDetails { padding-top: 30px; } .SingleItemPage #CatalogModule .gallery-slider .flex-direction-nav a.flex-next:before { width: 20px; height: 20px; } .SingleItemPage #CatalogModule .gallery-slider.flexslider .flex-direction-nav a { height: 20px; } .SingleItemPage #CatalogModule .gallery-slider .flex-direction-nav a.flex-prev:before { width: 20px; height: 20px; } .SingleItemPage .flex-direction-nav a { width: 20px; height: 20px; } .SingleItemPage #CatalogModule .gallery-slider.flexslider:hover .flex-prev, body.SingleItemPage .gallery-slider.flexslider .flex-prev { left: 0; } .SingleItemPage #CatalogModule .gallery-slider.flexslider .flex-next, body.SingleItemPage .gallery-slider.flexslider:hover .flex-next { right: 0; } .SingleItemPage .gallery-slider .flex-direction-nav { z-index: 4; } .SingleItemPage section.singleItemSection.itemFirstDetails.shortLayout .catalogTextContainer { display: none; } .SingleItemPage .checkoutStageContentDetails.payment .finalPrice { padding-right: 40px; margin-top: 15px; margin-bottom: 15px; } .SingleItemPage .catalogItemSingleView .checkoutStage .totalSumItems.totalPrice { font-size: 110%; font-weight: bold; } .SingleItemPage #GridPage .max-width { max-width: 100%; } .SingleItemPage .container { width: 100%; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent > div { max-width: 70%; margin-left: auto; } .SingleItemPage section.singleItemSection.itemFirstDetails:not(.shortLayout) { padding-top: 0; } .SingleItemPage #CatalogModule { padding-bottom: 0; } .SingleItemPage footer { padding-top: 0; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .gallery-slider .flex-direction-nav { display: none; } .SingleItemPage form#checkout-form .checkoutFormWrapper { margin-bottom: 0; } .SingleItemPage section.singleItemSection.itemFirstDetails.shortLayout .singleItemContentWrapper { max-width: 1170px; margin-right: auto; margin-left: auto; } .SingleItemPage .addedToCartDetails { opacity: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; } .SingleItemPage .addedToCartDetails.active { opacity: 1; } .SingleItemPage .catalogItemSingleView form#checkout-form .couponDetailsWrapper { padding-right: 40px; margin: 20px 0px; } .SingleItemPage .catalogItemSingleView .checkoutStage.paymentOptionsWrapper.checkoutStage .dateBoxWrapper { padding-right: 40px; margin-bottom: 20px; } @media (min-width:991px) { .SingleItemPage section.singleItemSection.itemFirstDetails:not(.shortLayout) .singleItemContentWrapper { height: 100%; display: table; width: 100%; direction: ltr; min-height: 82vh; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemImages { padding: 80px; display: table-cell; vertical-align: top; float: none; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent { padding: 80px; background: #F9F9F9; display: table-cell; vertical-align: top; float: none; text-align: right; direction: rtl; } } @media (max-width:1170px) { .SingleItemPage #GridPage .max-width { width: 100%; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent > div { max-width: 90%; } } @media (max-width:991px) { .SingleItemPage #CatalogModule .catalogItemSingleView .itemImages, #CatalogModule .catalogItemSingleView .itemContent { width: 100%; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemImages { width: 40%; } .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemContent { width: 60%; } .SingleItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 40vh; } .SingleItemPage #CatalogModule .catalogItemSingleView section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent { background: #F9F9F9; padding: 50px 40px; } .SingleItemPage section.singleItemSection.itemFirstDetails.shortLayout ol.flex-control-nav.flex-control-paging { display: none; } .SingleItemPage .checkoutStageContent button.titleBtn h3 { font-size: 130%; } .SingleItemPage .checkoutStageContent button.titleBtn { padding: 8px 10px 11px; background: #DCDCDC; } .SingleItemPage .catalogItemSingleView select.propertyGroup { 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; background-color: transparent; } .SingleItemPage .catalogItemSingleView button#addToCartBtn, .catalogItemSingleView .add-to-cart { font-size: 120%; } .SingleItemPage section.selectOptions.singleItemSection { margin-top: 20px; } .SingleItemPage #CatalogModule .gallery-slider .flex-control-nav { bottom: -10px; } .SingleItemPage #CatalogModule .gallery-slider .flex-control-paging li a { background: #cccccc; } .SingleItemPage #CatalogModule .gallery-slider .flex-control-paging li a.flex-active { background: #000000; } } @media (max-width:767px) { .SingleItemPage .catalogItemSingleView form#checkout-form .row > div.checkoutInputsWrapper { padding: 0; } .SingleItemPage .catalogItemSingleView form#checkout-form .pickUpBranches { width: 100%; margin-top: 15px; } .SingleItemPage .catalogItemSingleView form#checkout-form .pickUpBranches .selectBoxWrapper { padding: 0; } .SingleItemPage .catalogItemSingleView #payment-method-credit { padding: 15px; } .SingleItemPage .catalogItemSingleView .singleCartSum { min-width: 150px; } .SingleItemPage .catalogItemSingleView button#addToCartBtn, .catalogItemSingleView .add-to-cart { font-size: 125%; } .SingleItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 30vh; } .SingleItemPage #CatalogModule .catalogItemSingleView section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent { padding: 25px 30px; } .SingleItemPage #GridTop.noTopImage.longer { height: 65px; } .SingleItemPage .checkoutStageContent button.titleBtn h3 { font-size: 140%; } } @media (max-width:320px) { .SingleItemPage #CatalogModule .catalogItemSingleView .itemContent { padding: 30px 25px; } } .SingleItemPage .item-variations { width: 100%; float: right; margin: 25px 0px 10px 0px; } .SingleItemPage .item-properties { float: right; width: 100%; }