:root{ --bs-box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15); --page-max-width:1480px; --page-max-width-header:98%; --page-max-cat-w:100%; --page-max-prod-w:1480px; --page-max-nsl-w:1080px; --firstc-cart-max-width:560px; --secc-cart-max-width:560px; --promotion-max-width:1480px; --header-top-bg:#F8F6F1; --header-bg:#fff; --header-indicators-bg:#3A3F48; --header-indicators-mobile-fs:0.6rem; --basic-color:#3A3F48; --text-color:#2a2a2a; --text-color-focus:#000; --border-color-focus:#dee2e6; --border-color-search:#ebe3d9; --cborder-color:#919090; /*loop of products + homepage*/ --product-title:#000; --product-price:#575757; --product-sale-price:#616161; --product-border:#cacaca; --product-available:#2a2a2a; /*viewCat*/ --vc-product-title:#000; --vc-product-price:#575757; --vc-product-sale-price:#616161; --vc-product-border:#cacaca; --vc-product-available:#020202; --vc-product-discount:#FA0000; /*viewCat News*/ --vc-news-border:#cacaca; --vc-news-desc:#888; /*promo news*/ --indx-product-border:#cacaca; /*slider buttons*/ --shadow:0px 4px 20px rgba(82, 92, 122, 0.12); --surface-dark:#888; --swiper-promonews-navigation-color:#f5f5f5; --promo-news-desc:#888; --bg-promo-news:#F8F5EE; --title-promo-news:#769277; --border-promo-news:#769277; /*swiper homepage*/ --bg-homepage-tabs:#F2EEE3; --bg-homepage-notabs:#E5EAE5; --shadow:0px 4px 20px rgba(82, 92, 122, 0.12); --surface-light:#fff; --swiper-homepage-navigation-color:#424242; /*swiper homepage man*/ --swiper-man-navigation-color:#424242; --title-promo-man:#769277; --bg-promo-man:#E5EAE5; /* flat homepage */ --flat-title:#769277; --flat-border:#769277; --h2-promo-text:#769277; /* tabs homepage */ --tab-title:#000; --tab-border-title-hover:#cacaca; --tab-title-hover:#ffffff; --tab-border:#cacaca; --tab-bg-title-hover:#769277; --tab-bg-title-hover-2:#F3EDE2; /*viewProd*/ /*current dir*/ --bg-currentdir:#EDF0ED; --text-currentdir:#a8a8a8; --text-currentdir-h1:#769277; --text-currentdir-hover:#cacaca; --view-product-title:#000; --view-product-code:#585858; --svg-product-bacground:#000; --svg-product-bacground-green:#769277; --svg-product-bacground-orange:#e36435; --product-border-viewproduct:#CFCECE; /* product code groups */ --border-productcode-group:#e0e0e0; --border--hover-current-productcode-group:#2a2a2a; --bg--current-productcode-group:#2a2a2a; --text--current-productcode-group:#fff; --option-checked-bg-viewproduct:#636363; --option-checked-border-viewproduct:#010101; --product-discount:#FA0000; --addtocart-text-viewproduct:#ffffff; --addtocart-bg-viewproduct:#636363; --addedtocart-text-viewproduct:#ffffff; --addedtocart-bg-viewproduct:#9fb3a0; --addtocart-text-hover-viewproduct:#ffffff; --addtocart-bg-hover-viewproduct:#2F2F2F; --quantity-button-border:#cccccc; --quantity-button-hover:#e6e6e6; /* tabs viewProd */ --tab-product-border-title-hover:#769277; --tab-product-title-hover:#919090; --tab-product-border:#cacaca; --tab-product-bg-title-active-mobile:#fff; --tab-product-bg-title-mobile:#fff; --bg-tab-product:#fdfdfd; /*product sets*/ --product-border-set:#CFCECE; --swiper-set-navigation-color:#424242; --set-title:#769277; --set-border:#769277; /*latest prod views*/ --product-border-latest:#CFCECE; --swiper-latest-navigation-color:#424242; --latest-title:#769277; --latest-border:#769277; /* header titles */ --header-text-title:#3A3F48; --header-border-title:#DADADA; /*viewCat*/ /*current dir*/ --text-currentdir-cat:#000; --text-currentdir-cat-hover:#cacaca; /*sorting*/ --color-sort-vc:#727272; /*filters*/ --border-color-input-filter:#ADADAD; --border-color-pricerange-filter:#E9DEC8; --border-color-filter:#DDDDDD; --bg-color-button-filter:#666; --bg-color-button-hover-filter:#000000; --bg-bagde-filter:#E9DEC8; --bg-bagde-filter-hover:#F3EDE2; /*shopping Cart offcanvas*/ --shop-offcanvas-border:#AFAFAF; --bg-button-shop-offcanvas:#769277; --text-button-shop-offcanvas:#ffffff; --bg-button-shop-offcanvas-hover:#1EB101; --bg-progressbar-shop-offcanvas:#C97454; /* forms button */ --button-bg-form:#769277; --button-bg-hover-form:#afafaf; --button-text-form:#f5f5f5; --button-text-hover-form:#fff; /* subfooter */ --subfooter-bg: #ffffff; --subfooter-text-title:#C97454; --subfooter-text-desc:#797671; /* account */ --account--bg-avatar-badge: #eaeaea; /* footer*/ --footer-bg: #91AD92; --footer-inner-bg: #769277; --text-color-footer-title: #fff; --text-color-footer-hover: #000; --footer-border-accordion:#ddd; --footer-border-sep:#ddd; --copyright-bg: #38454F; --copyright-text-color: #666; /* newsletter*/ --title-newsletter:#769277; --bg-newsletter:#F7F2EA; --text-newsletter-warn-message:#f00; --bg-button-newsletter:#769277; --text-button-newsletter:#fff; --border-nsl:#999999; /*menu*/ --text-color-menu-hover:#fff; --bg-menu-color-hover:#ffffff; --bg-menu-color-hover-level-1:#769277; --text-color-submenu-hover:#ffffff; --text-color-menu:#ffffff; --bg-menu-border:#DADADA; --bg-submenu-border:#769277; --bg-secmenu-border:#769277; --bg-menu-color:#FFF; --bg-level-1:#F3EDE2; --text-level-1-hover:#FFF; --border-color-mega-menu:#769277; --text-product-menu:#769277; --text-menu-3rd-hover:#C97454; /*cookies*/ --cookies-buttons:#769277; /* svg */ --svg-height: 1.5rem; --svg-width: 1.5rem; --svg-width-close-shop: 1.2rem; --svg-height-close-shop: 1.2rem; --svg-mobile-width-search: 1.6rem; --svg-mobile-height-search: 1.6rem; --svg-mobile-height: 1.5rem; --svg-mobile-width: 1.5rem; --svg-mobile-menu-height: 1.1rem; --svg-mobile-menu-width: 1.1rem; --svg-close-width: 1rem; --svg-close-height: 1rem; /*header mobile*/ --svg-header-width: 26px; --svg-header-width: 26px; --svg-bacground:#505050; --font-family:'cerapro' !important; /*transition opacity*/ --general-anim-transition:all .3s ease-out; /*justBought Products*/ --border-justbought:#000; /* global colors */ --global-green: #769277; } @font-face { font-family: "cerapro"; font-weight: 300; src: url("../fonts/cerapro/cerapro-300.woff2") format('woff2'); font-display: swap; } @font-face { font-family: "cerapro"; font-weight: 400; src: url("../fonts/cerapro/cerapro-400.woff2") format('woff2'); font-display: swap; } @font-face { font-family: "cerapro"; font-weight: 500; src: url("../fonts/cerapro/cerapro-500.woff2") format('woff2'); font-display: swap; } @font-face { font-family: "cerapro"; font-weight: 600; src: url("../fonts/cerapro/cerapro-600.woff2") format('woff2'); font-display: swap; } body {font-family: var(--font-family)!important; color:var(--text-color);} body *{font-family: var(--font-family)!important;} a{color:var(--text-color);} span{color:var(--text-color);} a:hover{color:var(--text-color-focus);} input:focus, select:focus{box-shadow:none !important;color:var(--text-color-focus)!important; border-color:var(--border-color-focus) !important;} input:focus::placeholder{color:var(--text-color-focus)!important;} input::placeholder{color:var(--text-color)!important;} input{color:var(--text-color)!important;} .cborder-color-search{border-color:var(--border-color-search) !important;} input[type="number"] {-moz-appearance: textfield;appearance: textfield;} .bg-yellow{background-color:#fff000} .bg-orange{background-color: #FF650B;} .cborder-color{border-color:var(--cborder-color) !important;} .h-150px{height: 150px !important;} .max-h-400px{max-height: 400px;} /* style for header titles */ .header_content_title{color:var(--header-text-title) !important;} .border-header-ctitle {border-color:var(--header-border-title) !important;} /* style for header titles */ .cbutton-form{background-color:var(--button-bg-form); color:var(--button-text-form) !important;} .cbutton-form:hover{background-color:var(--button-bg-hover-form); color:var(--button-text-hover-form);} /* custom font-sizes */ .cfs-0{font-size:0px!important;} .cfs-11{font-size:11px;} .cfs-12{font-size:12px;} .cfs-13{font-size:13px;} .cfs-14{font-size:14px;} .cfs-15{font-size:15px;} .cfs-16{font-size:16px;} .cfs-17{font-size:17px;} .cfs-18{font-size:18px;} .cfs-20{font-size:20px;} .cfs-22{font-size:22px;} .cfs-24{font-size:24px;} .cfs-26{font-size:26px;} .cfs-28{font-size:28px;} .cfs-30{font-size:30px;} /* custom font-weights */ .cw-200{font-weight:200;} .cw-300{font-weight:300;} .cw-400{font-weight:300;} .cw-500{font-weight:500;} .cw-600{font-weight:600;} @media screen and (max-width: 992px){ .cfs-11{font-size:10px;} .cfs-12{font-size:11px;} .cfs-13{font-size:12px;} .cfs-14{font-size:13px;} .cfs-15{font-size:14px;} .cfs-16{font-size:15px;} .cfs-17{font-size:16px;} .cfs-18{font-size:17px;} .cfs-20{font-size:19px;} .cfs-22{font-size:19px;} .cfs-24{font-size:19px;} .cfs-26{font-size:19px;} .cfs-28{font-size:20px;} .cfs-30{font-size:24px;} } /* widths + heights */ .page-max-w{max-width: var(--page-max-width);} .page-max-width-header{width: var(--page-max-width-header);} .page-max-cat-w{max-width: var(--page-max-cat-w); width:100%;} .page-max-prod-w{max-width: var(--page-max-prod-w); width:100%;} .page-max-nsl-w{max-width: var(--page-max-nsl-w); width:100%;} .promotion-max-w{max-width: var(--promotion-max-width);} .firstc-cart-max-w{max-width: var(--firstc-cart-max-width);} .secc-cart-max-w{max-width: var(--secc-cart-max-width);} .container-max-w{max-width: 992px} .max-height-500{max-height: 500px;} .page-content img:not(#mainSwiperSlider img){border-radius:1rem;} /* svg icons */ .bag{ mask: url(../../svg/bag24_61.svg) no-repeat center; -webkit-mask: url(../../svg/bag24_61.svg) no-repeat center;} .eye-open{ mask: url(../../svg/eye-open.svg) no-repeat center; -webkit-mask: url(../../svg/eye-open.svg) no-repeat center;} .eye-closed{ mask: url(../../svg/eye-closed.svg) no-repeat center; -webkit-mask: url(../../svg/eye-closed.svg) no-repeat center;} .cross-x{ mask: url(../../svg/close2.svg) no-repeat center; -webkit-mask: url(../../svg/close2.svg) no-repeat center;} .lock{ mask: url(../../svg/lock_new_2.svg) no-repeat center; -webkit-mask: url(../../svg/lock_new_2.svg) no-repeat center;} .email{ mask: url(../../svg/envelope.svg) no-repeat center; -webkit-mask: url(../../svg/envelope.svg) no-repeat center;} .heart-wishlist{ mask: url(../../svg/heart24_9.svg) no-repeat center; -webkit-mask: url(../../svg/heart24_9.svg) no-repeat center; } .heart-fill{ mask: url(../../svg/heart24_9f_orange.svg) no-repeat center; -webkit-mask: url(../../svg/heart24_9f_orange.svg) no-repeat center; } .close{ mask: url(../../svg/close2.svg) no-repeat center; -webkit-mask: url(../../svg/close2.svg) no-repeat center;} .svg{ width: var(--svg-width); height: var(--svg-height); display: inline-block; -webkit-mask-size: 100%; mask-size: 100%; background: var(--svg-bacground);} .w-svg{ width: var(--svg-width); height: var(--svg-height);} .w-svg-close-shop{width: var(--svg-width-close-shop); height: var(--svg-height-close-shop);} .svg-product{ width: var(--svg-width); height: var(--svg-height); display: inline-block; -webkit-mask-size: 100%; mask-size: 100%; background: var(--svg-product-bacground);} .svg-product-white{ width: var(--svg-width); height: var(--svg-height); display: inline-block; -webkit-mask-size: 100%; mask-size: 100%; background: white;} .svg-product-green{ background: var(--svg-product-bacground-green);} .svg-product-green.heart-fill{ background-color: var(--svg-product-bacground-orange)!important;} .heart-fill{ background-color: var(--svg-product-bacground-orange)!important;} .w-svg-close{ width: var(--svg-close-width); height: var(--svg-close-height);} @media screen and (max-width: 576px){ .svg, .w-svg{ width: var(--svg-mobile-width); height: var(--svg-mobile-height);} .svg_menu{ width: var(--svg-mobile-menu-width); height: var(--svg-mobile-menu-height);} } @media screen and (max-width: 992px){ .svg_header{ width: var(--svg-header-width); height: var(--svg-header-height);} } /* search modal */ .modal_search input:focus{border-color:var(--svg-bacground) !important;} .modal_search input:focus + button .svg {background: var(--svg-hover-bacground);} @media screen and (min-width: 992px){ .modal_search{display:block !important; opacity:1 !important; position:static;} .modal_search .modal-dialog{width:auto !important; transition:none !important; transform:none !important; pointer-events: auto; position:static} .modal_search .modal-header{display:none} .modal_search .modal-content{position:static} .modal_search .modal-body{overflow-y: hidden; padding:0;position:static} #searchHeaderResult{position:absolute} #search_header_bar{min-height:auto !important;} #search_header_bar:focus{z-index:9999 !important;} #search_header_bar:focus + button{z-index:9999 !important} .focus_search:hover{z-index:9999 !important;} } @media screen and (max-width: 992px){ .logo-h-mobile{max-height:50px} .searchContent{box-shadow:none!important;} #collapse_search_form{display:block!important} } /* top header */ .bg-top-header{background-color:var(--header-top-bg);} .lang-content span{color:#fff} /* header */ .header-bg-color{background-color: var(--header-bg);} @media screen and (min-width: 992px){ #header-content.shadow-sm{box-shadow: unset !important;} .pos-header {position:relative; top:10px} #header-content .logo{transition: height 0.4s ease;} #header-content.shrink .text-catgnav-link {padding-top:2rem!important;padding-bottom: 2rem!important;} #header-content.shrink {padding-top: 1.2rem!important;padding-bottom: 1.2rem!important;} #header-content {transition: padding 0.8s ease;} #header-content .text-catgnav-link {transition: padding 0.8s ease;} #header-content.shrink .logo {height: 60px !important;} .shrink .pos-header , .shrink .catg-nav-products::after{top:-5px!important} } /* header search form */ .search-header-width-top{width: 45vw;} @media screen and (max-width: 1400px){ .search-header-width-top{width: 75vw;} } /* header wishlist */ .bg-incator-heart{background-color: var(--header-indicators-bg);} @media screen and (max-width: 576px){ .fs-incator-heart{font-size: var(--header-indicators-mobile-fs);} } /* header shopping cart */ .bg-incator-cart{background-color: var(--header-indicators-bg);} /*shopping Cart offcanvas*/ .border-offCanvas{border-color:var(--shop-offcanvas-border)!important;} .button-shop-offcanvas{color:var(--text-button-shop-offcanvas)!important;background-color:var(--bg-button-shop-offcanvas);} .button-shop-offcanvas:hover{background-color:var(--bg-button-shop-offcanvas-hover);} .progress-bar-offcanvas{background-color:var(--bg-progressbar-shop-offcanvas)!important;} .w-button-shop-offcanvas{max-width:340px} .mxw-minimun-order-offcanvas{max-width:340px} @media screen and (min-width: 992px){ .nonsticky_header_mobile{position:static !important;} } @media screen and (max-width: 576px){ .fs-incator-cart{font-size: var(--header-indicators-mobile-fs);} } @media screen and (min-width: 576px){ #shopping_cart_ul{position: absolute; left: -220px; top: 39px; width: 290px; max-width: 290px;} #shopping_cart_dropdown:hover>.dropdown-menu {display: block;} #shopping_cart_dropdown>.dropdown-toggle:active {pointer-events: none;} } /* categories navbar */ .masonry.m-column-5 {column-count: 5;} .masonry .masonry-col{break-inside: avoid;width: auto !important;margin-bottom: 20px !important;} .categories-nav-tab-header.active, .categories-nav-tab-header:hover {background-color: var(--bg-menu-color-hover-level-1) !important;color: var(--text-level-1-hover) !important; } .categories-nav-tab-header.active a, .bg-level-1 button:hover a{color: var(--text-level-1-hover) !important;} .bg-nav-categories{background-color: var(--bg-menu-color);} .border-color-menu{border-color: var(--bg-menu-border) !important;} .border-submenu-color{border-color: var(--bg-submenu-border) !important;} .border-submenu-sec-color{border-color: var(--bg-secmenu-border) !important;} .border-transparent {border-color: transparent !important;} .categories-menu-desk .text-catgnav-link, .text-catgnav-link:focus{color:var(--text-color-menu);} /*.categ-nav-dropdown:hover{color:var(--text-color-menu-hover); background-color:var(--bg-menu-color-hover-level-1)!important;} .categ-nav-dropdown:hover span{color:var(--text-color-menu-hover)!important};*/ /*.categories-menu-desk .nav-item:hover > .catg-nav-products {background-color: var(--bg-menu-color-hover);color:var(--text-color-menu-hover);} */ .categories-menu-desk .second-level:hover > a, .categories-menu-desk .second-level .third-level:hover > a{color:var(--text-color-submenu-hover);} .categories-menu-desk .dropdown-menu{min-height:200px;} .bg-level-1{background-color: var(--bg-level-1) !important;} .bg-level-1 a:hover{color: var(--text-level-1-hover) !important;} .categories-nav-tab-cotnents-border{border-color:var(--border-color-mega-menu)!important} .categ-nav-dropdown div span{color: var(--text-product-menu) !important;} .py-4-extra-menu{padding-top: 1.2rem !important;padding-bottom: 1.2rem !important;} .categ-nav-dropdown.ms-3{margin-left: 0.75rem !important;} .catg-nav-products img {margin-right: 5px;} .rounded-start-top-0 { border-top-left-radius: 0 !important; } .has_level_2_exist a:hover{color:var(--text-menu-3rd-hover)!important} .has_level_2_repeat:hover > a{color:var(--text-menu-3rd-hover)!important} .catg-nav-products::after { content:""; border: solid #769277; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: 20px; position:relative; top:8px; } #v-categories-tab .has_level::after { content:""; border: solid #000; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #v-categories-tab .has_level:hover::after, #v-categories-tab .has_level.active::after{border-color: #fff;} @media screen and (min-width: 992px) and (max-height: 850px) { .categories-menu-desk .dropdown-menu, #v-categories-tab {flex-wrap:nowrap;max-height:600px;overflow-y: auto;} } @media screen and (min-width: 992px) and (max-height: 1200px) { .categories-menu-desk .dropdown-menu, #v-categories-tab {flex-wrap:nowrap;max-height:800px;overflow-y: auto;} } @media screen and (min-width: 992px) and (max-height: 730px) { .categories-menu-desk .dropdown-menu, #v-categories-tab {flex-wrap:nowrap;max-height:500px;overflow-y: auto;} } @media screen and (min-width: 576px){ .categ-nav-dropdown.hovermenu>.container-fluid>.dropdown-menu{display:block} .categ-nav-dropdown>.dropdown-toggle:active {pointer-events: none;} } @media screen and (max-width: 992px){ .menu_overlayer{display:none !important} } #menu_overlayer{ backdrop-filter: blur(2px); background: hsla(0,0%,100%,.25); bottom: 0; box-shadow: 0 8px 32px 0 rgba(31,38,135,.37); opacity: 1 !important; } .accordionMobileMenu button:focus{background:none !important; border:none !important; box-shadow:none !important;} .accordionMobileMenu button{background:none !important; border:none !important; box-shadow:none !important;} .accordionMobileMenu .accordion-button:not(.collapsed)::after{ background-image: url("../../svg/minus9.svg");} .accordionMobileMenu .accordion-button::after{background-image: url("../../svg/plus9.svg");} /* viewCat */ @media (min-width: 1600px) { .row-cols-xxxl-5>* { flex: 0 0 auto; width: 20%; } } /* quick preview modal */ @media (min-width: 1200px) { .quick-preview-modal-dialog { --bs-modal-width: 1200px; } } /* sorting */ #vc_orderSelector, #vc_prdsPage, #open_filters_offcanvas{border-color:var(--color-sort-vc)!important;color:var(--color-sort-vc)!important;} .mw-sort{max-width:200px} .tiles-rows-icon:hover{opacity: 0.5;} .tiles-rows-icon:active{opacity: 1;} @media screen and (max-width: 992px){ #vc_orderSelector, #vc_prdsPage, #open_filters_offcanvas{border:0px; border-bottom:1px solid;border-radius:0px} } /* pagination */ #vc_productsPagination_up .page-item.active .page-link, #vc_productsPagination_down .page-item.active .page-link{background-color:transparent!important;color:#000!important;border-color:#000!important;border-radius:0px !important;font-weight:500} #vc_productsPagination_up .page-item .page-link, #vc_productsPagination_down .page-item .page-link{background-color:transparent!important;color:#000!important;border-color:transparent!important;font-size: 14px;padding: 2px 7px;margin:0px 2px} /* filters */ /*sticky*/ .sticky-top-filter{top:50px} #collapseFiltersParent input[type=checkbox]{border-color:var(--border-color-input-filter)!important;} #collapseFiltersParent .accordion-button.border-bottom{border-color:var(--border-color-filter)!important;} .mh-accordion-filter{max-height:360px} .bg-badge-filter{background-color:var(--bg-bagde-filter)} .bg-badge-filter:hover{background-color:var(--bg-bagde-filter-hover)} /* price range */ #filterSliderPrices .noUi-tooltip{font-size:13px !important;border:none !important;padding:0px} #filterSliderPrices .noUi-connect{background-color:var(--border-color-pricerange-filter)!important;} #filterSliderPrices .noUi-touch-area{border-radius:50%;background-color:var(--border-color-pricerange-filter)!important;} #filter_prices_submit_button{background-color:var(--bg-color-button-filter)!important;} #filter_prices_submit_button:hover{background-color:var(--bg-color-button-hover-filter)!important;} /* price range no need to change */ #filterSliderPrices .noUi-handle{box-shadow:none!important;background:none!important;border:none !important;} #filterSliderPrices .noUi-handle::before, #filterSliderPrices .noUi-handle::after{box-shadow:none!important;background:none!important;} #filterSliderPrices.noUi-horizontal{height:5px !important;} #filterSliderPrices .noUi-horizontal .noUi-handle{top: -8px !important;} #filterSliderPrices .noUi-touch-area{height: 18px !important; width: 18px !important;} @media screen and (max-width: 992px){ #vc_filters_column{position: fixed; top: 0; left: -1000px; overflow: auto; height: 100vh; background: #fff; border:1px solid #dddddd; z-index: 5000000;} .sticky-top-filter{top:0px} .vc_filters_column-w{width:400px} .filter-sticky-w {width:360px} .nonsticky_filters{position:static !important;} } /* products loop */ /* single row */ .single-row .h-100{height:auto !important;} @media screen and (min-width:576px){ .single-row .flex-column{flex-direction: row!important;} .single-row #product-info, .single-row #product-info *{flex-direction: column!important;} .single-row .product-content-name{display:none!important} .single-row .product-content-name-2{display:block!important} .single-row{width:100%; margin:0px auto} .single-row #quick-buy-wish{flex-direction: row!important;} .single-row #quick-buy-wish .quick-buy{width: auto;flex: 0 0 auto;} .single-row .product-content a, .single-row .product-content div:not(.row-wishlist){justify-content:flex-start!important;text-align:left !important;} } /* tiles */ .product-loop-viewCat.vc-product-border:hover{border-color:var(--vc-product-border) !important; } .product-loop-viewCat.vc-product-border{border-color:#fff!important; } .vc-product-title{color:var(--vc-product-title) !important;} .vc-product-price{color:var(--vc-product-price) !important;} .vc-product-sale-price{color:var(--vc-product-sale-price) !important;} .product-loop-viewCat{overflow: hidden;} .product-loop-viewCat:hover{border-width: 1px !important;} .vc-product-discount{color:var(--vc-product-discount) !important;} @media screen and (min-width:992px){ .vc-toolbar-icons{opacity: 0;right: -200px;-webkit-transition: all, 0.6s;-o-transition: all, 0.6s;transition: all, 0.6s;} .product-loop-viewCat:hover .vc-toolbar-icons{right: 10px;opacity: 1;} } @media screen and (max-width:992px){ .vc-toolbar-icons{right: 0px;} } /* viewMan */ .w-viewMan{width:140px} .h-logoMan{max-height:200px} /* viewCat News*/ /*Loop news*/ .news-image-container{display:flex;flex:1} .news-image{flex:1; object-fit:cover; max-width: 100%;height: 256px;width: auto !important;} .vc-news-border{border-color:var(--vc-news-border) !important; } .vc-news-desc{color:var(--vc-news-desc) !important;} @media screen and (max-width: 992px){ #vc_suggested_news_column{position: fixed; top: 0; left: -1000px; overflow: auto; height: 100vh; background: #fff; width: 400px; border:1px solid #dddddd; z-index: 5000000;} } /*promo news*/ .promotion_news_swiper_slider .swiper-button-next::after, .promotion_news_swiper_slider .swiper-button-prev::after {font-size:24px !important;} .promotion_news_swiper_slider .swiper-button-next, .promotion_news_swiper_slider .swiper-button-prev{background-color: var(--surface-dark);border-radius: 50%;height: 2.4rem;width: 2.4rem;display: flex;justify-content: center;align-items: center;opacity:0.8} .promotion_news_swiper_slider .swiper-button-next, .promotion_news_swiper_slider .swiper-button-prev {color: var(--swiper-promonews-navigation-color);} .promo-news-desc{color:var(--promo-news-desc) !important;} .bg-promo-news{background-color:var(--bg-promo-news) !important;} .title-promo-news{color:var(--title-promo-news) !important;} .border-promo-news{border-color:var(--border-promo-news) !important;} /* viewProd */ #productArea img:not(#swiper_latestprodviews img){filter: brightness(96%);border-radius: var(--bs-border-radius);} .current-dir{background-color:var(--bg-currentdir) !important;} .current-dir a, .current-dir div{color:var(--text-currentdir)} .current-dir h1{color:var(--text-currentdir-h1)!important} .current-dir a:hover, .current-dir div:hover{color:var(--text-currentdir-hover)} .current-dir-cat a, .current-dir-cat div{color:var(--text-currentdir-cat)!important;} .current-dir-cat a:hover{color:var(--text-currentdir-cat-hover)} .descr-nav-item:has(.active){ border:1px solid #dee2e6; border-bottom: 0;} .view-product-title{color:var(--view-product-title) !important;} .view-product-code{color:var(--view-product-code) !important;} .product-border-viewproduct{border-color:var(--product-border-viewproduct) !important;} .option-check input:checked + label, .option-check input:checked + label span{color:#fff !important;background-color:var(--option-checked-bg-viewproduct) !important;border-color:var(--option-checked-border-viewproduct) !important;} .select-option{max-width:300px} .product-discount{color:var(--product-discount) !important;} .option-check .btn-check:disabled + option-check .btn, .btn-check[disabled] + .btn {opacity: .35!important;text-decoration: line-through !important;} @media screen and (min-width:992px){ .sticky-top-image{top:50px} } /* product code groups */ .border-product-code-groups{border-color:var(--border-productcode-group)!important;} .codeGroupProduct:hover div{border-color:var(--border--hover-current-productcode-group)!important;} .current-product-code .border{border-color:var(--border--hover-current-productcode-group)!important;} .current-product-code .product-code-groud-info{background-color:var(--bg--current-productcode-group)!important;} .current-product-code .product-code-groud-info span{color:var(--text--current-productcode-group)!important;} @media screen and (min-width:576px){ #toast-wishlist{width:450px!important;} .wishlist-toast-message .toast{width:240px!important;} } @media screen and (min-width:0) and (max-width:576px){ #toast-wishlist{width:320px!important;} .wishlist-toast-message .toast{width:150px!important;} } /* description tabs viewProd */ .tab-product-title::after, .tab-product-title {box-shadow:none!important;border-color:transparent!important;background-color:transparent !important;} #accordion_product .fade{transition:opacity .12s linear} #accordion_product .accordion-collapse{background:var(--bg-tab-product);} /* active tab border-color */ .tab-product-title:not(.collapsed), .tab-product-title.collapsed:hover{background-color:var(--tab-product-border-title-hover) !important;color:#fff!important} /* product title hover color */ .tab-product-title{color:var(--tab-product-border-title-hover) !important;} /* tab content border-color */ .tab-product-border{border-color:var(--tab-product-border) !important;} @media screen and (min-width: 0px) and (max-width:992px){ /* tab title background-color border-width border-color .tab-product-title{background-color:var(--tab-product-bg-title-mobile) !important;border-color:var(--tab-product-border)!important;} .tab-product-title:not(.collapsed){background-color:var(--tab-product-bg-title-active-mobile) !important;} /*active tabs*/ } @media screen and (min-width: 992px){ /* hide arrow in desktop */ .tab-product-title::after {background:none !important;display:none!important} /*#accordion_product h3::after{content:" "; border-right:1px solid #cacaca; position:relative;bottom:2px} #accordion_product h3{display:flex} #accordion_product h3:last-of-type::after {border-color: #fff;}*/ } .max-h-tab{max-height:400px} .option-toast-message{display:none} /* button addtocart - quantity */ .add-tocart-viewprod{color:var(--addtocart-text-viewproduct);} .added-tocart-viewprod{color:var(--addedtocart-text-viewproduct)!important;background-color:var(--addedtocart-bg-viewproduct)!important;border-radius: 0px !important;} .add-tocart-viewprod:hover{color:var(--addtocart-text-hover-viewproduct)!important;background-color:var(--addtocart-bg-hover-viewproduct)!important;} .add-to-cart-button-general:hover{background: var(--addedtocart-bg-viewproduct)!important;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .shadow-lg-hover:hover{box-shadow: 0 0 14px -2px rgba(0,0,0,.2);transition: all .25s ease-in-out; border-color: #fff!important;border-radius: var(--bs-border-radius-lg) !important;} /* add to card checked effect */ .add-to-cart-checked {right: -20px;width: 40px;} .add-to-cart-checked svg {width: 40px;} .add-to-cart-checked path {stroke-width: 3;stroke: #fff;stroke-dasharray: 34;stroke-dashoffset: 34;stroke-linecap: round;} .isadded {transition: 0.3s;} .add-to-cart-checked.isadded {opacity: 1 !important;transition: 0.3s;right: 8px;} .add-to-cart-checked.isadded path {transition: 0.3s;transition-delay: 0.3s;stroke-dashoffset: 0;} .w-quantity{max-width:150px} .w-add-to-cart{max-width:100%} .w-quantity .input-group button:active{border-color:transparent!important;} .w-quantity .input-group button:hover{background-color:var(--quantity-button-hover)!important;} .w-quantity .input-group, .w-quantity input{border-color:var(--quantity-button-border)!important;} @media screen and (min-width: 0px) and (max-width:576px){ .w-quantity,.w-add-to-cart{max-width:100%;} } /* swiper buttons latest prod views */ .latest_swiper_slider .swiper-button-next::after, .latest_swiper_slider .swiper-button-prev::after {font-size:24px !important;} .latest_swiper_slider .swiper-button-next, .latest_swiper_slider .swiper-button-prev{box-shadow: var(--shadow);background-color: var(--surface-light);border-radius: 300px;height: 2.4rem;width: 2.4rem;display: flex;justify-content: center;align-items: center;} .latest_swiper_slider .swiper-button-next, .latest_swiper_slider .swiper-button-prev {color: var(--swiper-latest-navigation-color);} .product-border-latest{border-color:var(--product-border-latest) !important;} .latest-title{color:var(--latest-title) !important;} .latest-border{border-color:var(--latest-border) !important;} /* swiper buttons set prod views */ .set_swiper_slider .swiper-button-next::after, .set_swiper_slider .swiper-button-prev::after {font-size:24px !important;} .set_swiper_slider .swiper-button-next, .set_swiper_slider .swiper-button-prev{box-shadow: var(--shadow);background-color: var(--surface-light);border-radius: 300px;height: 2.4rem;width: 2.4rem;display: flex;justify-content: center;align-items: center;} .set_swiper_slider .swiper-button-next, .set_swiper_slider .swiper-button-prev {color: var(--swiper-set-navigation-color);} .product-border-set{border-color:var(--product-border-set) !important;} .set-title{color:var(--set-title) !important;} .set-border{border-color:var(--set-border) !important;} /* account */ .bg-account-avatar-badge{background-color: var(--account--bg-avatar-badge);} /* newsletter box */ .w-nsl{max-width:490px;} .bg-newsletter{background-color:var(--bg-newsletter) !important;} .newsletter-title-color{color: var(--title-newsletter);} .bg-newsletter-submit{background-color: var(--bg-button-newsletter) !important;} .text-newsletter-submit{color: var(--text-button-newsletter) !important;} .text-newsletter-warn-message{color: var(--text-newsletter-warn-message);} .border-nsl{border-color:var(--border-nsl)!important} @media screen and (max-width: 768px){ #newsletter_email_inpt::placeholder {text-align: center;} } @media screen and (max-width: 992px){ #formNewsLetter .h-100{height:auto!important} } /*homepage promotion*/ .indx-product-border:hover{border-color:var(--indx-product-border) !important; } .indx-product-border{border-color:#fff!important; } .bg-homepage-tabs{background-color: var(--bg-homepage-tabs);} .bg-homepage-notabs{background-color: var(--bg-homepage-notabs);} #promotion_group h2{color:var(--h2-promo-text);} .promo-image{width:20%} .promo-image + div{width:80%} .promo-image + div .products-slider{height:100%} @media screen and (max-width: 992px){ .promo-image{width:100%} .promo-image + div{width:100%} } /* homepage slider */ .pad-home-slider{padding:1vw} .home-object-fit-img{margin:0px auto;} .main-slider-swiper-slide{height:auto!important} @media screen and (min-width: 992px){ .home-object-fit-img{flex:1} } #mainSwiperSlider .swiper-home-button-next, #mainSwiperSlider .swiper-home-button-prev {font-size: 2.5em;position: absolute;text-align: center;color: #000;opacity: 0;cursor: pointer; background: #fff;z-index: 1;top: 50%;transform: translatex(-50%);transition: .5s ease;padding: 20px 8px;text-decoration:none !important;border:none!important;} #mainSwiperSlider:hover .swiper-home-button-prev{opacity: .3; transform: translatex(100%);} #mainSwiperSlider:hover .swiper-home-button-next{opacity: .3;transform: translatex(-100%);} #mainSwiperSlider .swiper-home-button-next:hover,#mainSwiperSlider .swiper-home-button-prev:hover{opacity: .65} #mainSwiperSlider .swiper-home-button-prev {left: 0} #mainSwiperSlider .swiper-home-button-next {right: 0} #mainSwiperSlider .swiper-home-button-next img{margin:20px 0px; transform: rotate(-90deg);} #mainSwiperSlider .swiper-home-button-prev img{margin:20px 0px; transform: rotate(90deg);} @media screen and (max-width: 992px){ #mainSwiperSlider .swiper-home-button-next, #mainSwiperSlider .swiper-home-button-prev {padding:5px 5px;top:40%} } /* homepage - swiper buttons */ .promotion_swiper_slider .swiper-button-next::after, .promotion_swiper_slider .swiper-button-prev::after {font-size:24px !important;} .promotion_swiper_slider .swiper-button-next, .promotion_swiper_slider .swiper-button-prev{box-shadow: var(--shadow);background-color: var(--surface-light);border-radius: 300px;height: 2.4rem;width: 2.4rem;display: flex;justify-content: center;align-items: center;} .promotion_swiper_slider .swiper-button-next, .promotion_swiper_slider .swiper-button-prev {color: var(--swiper-homepage-navigation-color);} /*manufacturer's promotion box */ .title-promo-man{color:var(--title-promo-man)!important} .bg-promo-man{background-color:var(--bg-promo-man)!important} .man-image-container{width: 100%; padding-top: 100%;display: block;position: relative;overflow: hidden;box-sizing: border-box;} .man-image{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;width: auto !important;height: auto !important;} .promotion_man_swiper_slider .swiper-button-next::after, .promotion_man_swiper_slider .swiper-button-prev::after {font-size:24px !important;} .promotion_man_swiper_slider .swiper-button-next, .promotion_man_swiper_slider .swiper-button-prev{box-shadow: var(--shadow);background-color: var(--surface-light);border-radius: 300px;height: 2.4rem;width: 2.4rem;display: flex;justify-content: center;align-items: center;} .promotion_man_swiper_slider .swiper-button-next, .promotion_man_swiper_slider .swiper-button-prev {color: var(--swiper-man-navigation-color);} /* flat title */ .flat-title{color:var(--flat-title) !important;} .flat-border{border-color:var(--flat-border) !important;} /* tabs homepage */ .tab-title{color:var(--tab-title);} .tab-title:hover,.tab-title.active{background-color:var(--tab-bg-title-hover) !important;color:white!important} .tab-title:hover h2,.tab-title.active h2{color:var(--tab-title-hover) !important;} .tab-title:hover{color:var(--tab-title) !important;background: var(--tab-bg-title-hover)!important;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .tab-border{border-color:var(--tab-border) !important;} /* loop of products */ .product-title{color:var(--product-title) !important;} .product-price{color:var(--product-price) !important;} .product-sale-price{color:var(--product-sale-price) !important;} .product-image-container{width: 100%; padding-top: 100%;display: block;position: relative;overflow: hidden;box-sizing: border-box;} .product-image{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;width: auto !important;height: auto !important;} .product-border{border-color:var(--product-border) !important;} .product-available{color:var(--product-available) !important;} /* subfooter footer */ .bg-above-footer{background-color: var(--subfooter-bg);} .subfooter_title{color: var(--subfooter-text-title);} .subfooter_desc{color: var(--subfooter-text-desc);} /* footer */ .bg-footer{background-color: var(--footer-bg);} .bg-inner-footer{background-color: var(--footer-inner-bg);} .footer-sep-bord{border-color: var(--footer-border-sep)!important;} /* footer navbar */ .accordion-footer .accordion-button:not(.collapsed)::after { background-image: url("../../svg/minus9_white.svg");} .accordion-footer .accordion-button::after {background-image: url("../../svg/plus9_white.svg");} .footer_title, .footer-content a, .footer-content span, .footer-content div{color: var(--text-color-footer-title) !important;} .footer-content a:hover{color: var(--text-color-footer-hover) !important;} .accordion-footer button:focus{background:none !important; border:none;box-shadow:none !important;} .accordion-footer button{background:none !important; border:none; box-shadow:none !important;} .accordion-footer button, .footer-content .border-bottom{border-color:var(--footer-border-accordion) !important;} @media screen and (min-width: 992px){ .accordion-footer button, .footer-content .border-bottom{border-bottom: 1px solid #ffffff !important; border-top: none !important;} .accordion-footer .accordion-button{pointer-events:none} .accordion-footer .accordion-button::after{display:none} .accordion-footer .accordion-collapse{display:block !important;} .border-bottom.footer-sep-bord{border:0 !important;} .contact-title{border:0 !important;} } @media screen and (max-width: 992px){ .border-top.footer-sep-bord{border:0!important;} } /* copyright */ .bg-copyright{background-color: var(--copyright-bg);} .text-copyright{color: var(--copyright-text-color);} /* cookie */ .w-init-cookie {width:320px; } .setTransition{ transition: width 200ms 0ms;} .w-init-cookie.open-cookie{width:800px;} .button-cookie{background-color:var(--cookies-buttons) !important } #collapseCookie input:checked{background-color:var(--cookies-buttons) !important } #collapseCookie input{background-color:#cacaca !important } .button-border-cookie{border-color:var(--cookies-buttons) !important;} @media screen and (min-width: 0px) and (max-width:992px){ #btn-back-to-top {width: 40px;height: 40px;} .w-init-cookie {width:100%; } .w-init-cookie.open-cookie{width:100%;} #collapseCookie .card-body {height: 200px; overflow: auto;} } /* backtoTop */ #btn-back-to-top {position:fixed; right:20px; bottom:5px; overflow:auto; filter: alpha(opacity=0); z-index:999999;width: 45px;height: 45px;display: inline-block;text-align: center;font-size: 24px;line-height: 38px;text-transform: uppercase;text-decoration: none;color: #fff;-webkit-transition: 1s;-moz-transition: 1s; transition: 1s;padding: 0;margin: 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;outline: 0;background: #696969 url(../../svg/scrollUp.svg) center center no-repeat;} @media screen and (min-width: 0px) and (max-width:992px){ #btn-back-to-top {width: 40px;height: 40px;} } /* periods */ .period-countdown-item{background: linear-gradient(0deg, rgba(14,14,14,1) 0%, rgba(85,85,85,1) 50%, rgba(136,136,136,1) 50%, rgba(28,28,28,1) 100%);font-family: Arial} .mx-w-countdown{width: 60px;} /* sidebar */ ::-webkit-scrollbar {width: 10px;} ::-webkit-scrollbar-thumb {background: #b9b9b9;} ::-webkit-scrollbar-thumb:hover {background: #b9b9b9;} /* bootstrap grid editor */ .is-wrapper img{max-width: 100%;} .is-wrapper > .row {margin: 0 auto;} /* extended bootstrap */ .zi-20{z-index: 20;} .zi-2000{z-index: 2000;} .zi-2001{z-index: 2001;} .zi-1019{z-index: 1019;} .zi-1020{z-index: 1020;} .zi-9999{z-index: 9999;} .top-40{top:40% !important} .white-space-nowrap{white-space:nowrap} .cursor-pointer{cursor: pointer;} .cursor-forbid{cursor: not-allowed;} .outline-none{outline: none !important;} .line-clamp-2{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .mxw-auto{max-width:initial} .h-99{height:99%!important;} .h-90{height:90%!important;} .w-99{width:99%!important;} .mvh-60{max-height:60vh!important;} .flex-basis-0{flex-basis:0!important;} .flex-initial{flex: initial!important;} .toast-custom.alert-danger{color: var(--bs-alert-color)!important; background-color: var(--bs-alert-bg)!important;border: var(--bs-alert-border)!important;border-radius: var(--bs-alert-border-radius)!important;} .mx-width-imgDesc img{max-width:100%!important; height:auto!important; width:auto !important} .text-decoration-line-through + ::before{content:"|";font-weight:normal; color:var(--vc-product-sale-price) !important;padding:0px 8px 0px 5px} .text-decoration-line-through:empty + ::before{content:""} .text-decoration-line-through{margin-left:5px} .top-minus-20{top:-20px} .opacity-10{opacity:0.1 !important} @media screen and (min-width:992px){ .min-w-992{min-width:992px;} .zi-1050-desc{z-index: 1050;} .position-lg-absolute{position:absolute;} .py-lg-4-extra{padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;} } @media screen and (min-width: 0px) and (max-width:768px){ .border-mobile-0{border:none !important;} } @media screen and (min-width: 0px) and (max-width:992px){ .position-absolute-mobile{position:absolute} #accordion_product table{width:100%!important;} } /* popup window */ #popup_window_modal img{max-width: 100%;} #popup_window_modal span{color: inherit;} #popup_window_modal a{text-decoration: none;} @media screen and (min-width: 0px) and (max-width:992px){ #popup_window_modal img{width:auto !important;height:auto!important;} } /* popup window newsletter */ #popup_window_modal_nsl img{max-width: 100%;} #popup_window_modal_nsl span{color: inherit;} #popup_window_modal_nsl a{text-decoration: none;} .popup-nsl-image-container{display:flex;flex:1} .popup-nsl-nsl-image{flex:1; object-fit:cover; max-width: 100%;max-height: 600px;width: auto !important;} @media screen and (min-width: 992px){ .w-popup_nsl{--bs-modal-width: 750px;width:750px;} } /*times seen*/ #spinner_times_seen.hide_times_seen{opacity: 0;z-index: 0;} #spinner_times_seen{transition: all .5s ease-out;-moz-transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;z-index:20} /*justBought Products*/ .border-justBought{border:2px solid var(--border-justbought) !important;} #offcanvasJustBought{max-width:250px} #offcanvasJustBought .product-image-container{width: 100%; padding-top: 100%;display: block;position: relative;overflow: hidden;box-sizing: border-box;} #offcanvasJustBought .product-image{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;width: auto !important;height: auto !important;} @media screen and (max-width: 992px){ #offcanvasJustBought{max-width:200px} } /*quick view */ #quick_preview_modal_body #times_seen{display:none!important} /* star rating */ .star-full {background-image: url('../../svg/star_full.svg');} /* google predictions */ .prediction-item::before { content: ""; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url('../../images/skin/google_pointer.webp'); background-size: contain; background-repeat: no-repeat; } .prediction-item:hover {background-color: #cfcfcf;} /* Hide number input arrows in Chrome, Safari, Edge */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Quantity picker animation */ .quant-picker { max-width: 0; opacity: 0; overflow: hidden; transition: max-width 0.4s ease, opacity 0.3s ease; } .quant-picker.show { max-width: 180px; /* enough to fit input group */ opacity: 1; } /* Wishlist smooth slide-out */ .wishlist-animate { transition: transform 0.4s ease, opacity 0.3s ease; } .wishlist-animate.hide { transform: translateX(40px); opacity: 0; pointer-events: none; }