:root{}@media (min-width: 992px) {}@media (min-width: 768px) and (max-width: 991px) {}@media (max-width: 767px) {}#module_991{margin-top:-25px !important ;} @media (max-width: 767px){#module_991{margin-top:-25px !important ;} }#module_995{margin-top:-51px !important ;} #module_54{margin-top:-20px !important ;} #module_61{margin-top:24px !important ;} @media (max-width: 991px){#module_61{margin-top:24px !important ;} }@media (max-width: 767px){#module_61{margin-top:24px !important ;} }#module_62{margin-bottom:-130px !important ;} @media (max-width: 991px){#module_62{margin-bottom:0px !important ;} }@media (max-width: 767px){#module_62{margin-bottom:0px !important ;} }#module_63{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-right:40px !important ;padding-top:40px !important ;padding-bottom:40px !important ;} @media (max-width: 991px){#module_63{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-right:0px !important ;padding-top:40px !important ;padding-bottom:40px !important ;} }@media (max-width: 767px){#module_63{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-right:0px !important ;padding-top:40px !important ;padding-bottom:40px !important ;} }#module_64{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-right:40px !important ;padding-top:40px !important ;padding-bottom:40px !important ;} @media (max-width: 991px){#module_64{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-right:0px !important ;padding-top:40px !important ;padding-bottom:40px !important ;} }@media (max-width: 767px){#module_64{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-right:0px !important ;padding-top:40px !important ;padding-bottom:40px !important ;} }#module_69{margin-top:24px !important ;} @media (max-width: 991px){#module_69{margin-top:24px !important ;} }@media (max-width: 767px){#module_69{margin-top:24px !important ;} }#module_72{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-left:42px !important ;padding-right:70px !important ;padding-top:40px !important ;} @media (max-width: 991px){#module_72{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-left:0px !important ;padding-right:0px !important ;padding-top:40px !important ;} }@media (max-width: 767px){#module_72{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-left:0px !important ;padding-right:0px !important ;padding-top:40px !important ;} }#module_73{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-left:42px !important ;padding-right:70px !important ;padding-top:40px !important ;} @media (max-width: 991px){#module_73{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-left:0px !important ;padding-right:0px !important ;padding-top:40px !important ;} }@media (max-width: 767px){#module_73{border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-left:0px !important ;padding-right:0px !important ;padding-top:40px !important ;} }#module_77{margin-top:20px !important ;} @media (max-width: 991px){#module_77{margin-top:20px !important ;} }@media (max-width: 767px){#module_77{margin-top:20px !important ;} }#retrina_layout_1_1_0_father_1 {text-align:initial ;align-items:flex-start ;display:flex ;} @media (max-width: 991px){#retrina_layout_1_1_0_father_1 {text-align:initial ;align-items:flex-start ;display:flex ;} }@media (max-width: 767px){#retrina_layout_1_1_0_father_1 {text-align:initial ;align-items:flex-start ;display:flex ;} } .barana-extra-menu-list-50 .mega-menu-list > li > a { --sub-menu-color: #333; --sub-menu-color-hover: var(--barana-theme-primary-color); text-transform: uppercase; font-weight: 600; } .barana-extra-menu-list-50 .mega-menu-list img{ display: inline-block; margin-inline-end: 7px; max-height: 18px; width: auto !important; } .barana-extra-menu-list-50 .mega-menu-list img img { max-height: 18px; } .barana-extra-menu-list-50 .barana-extra-menu-list-sub-menu { --sub-menu-color: #848484; --sub-menu-color-hover: var(--barana-theme-primary-color); list-style: none; padding-inline-start: 0; } .barana-extra-menu-list-50 .barana-extra-menu-list-sub-menu li { position: relative; } .barana-extra-menu-list-50 .barana-extra-menu-list-sub-menu li > a { position: relative; display: flex; align-items: center; padding-top: 8px; padding-bottom: 8px; color: var(--sub-menu-color); font-size: 14px; line-height: 1.3; } .barana-extra-menu-list-50 .barana-extra-menu-list-sub-menu li > a .menu-label { position: relative; margin-top: -20px; align-self: flex-start; } .barana-extra-menu-list-50 .barana-extra-menu-list-sub-menu li > a:hover { color: var(--sub-menu-color-hover); } [class*="color-scheme-light"] .barana-extra-menu-list-sub-menu { --sub-menu-color: rgba(255, 255, 255, 0.6); --sub-menu-color-hover: #fff; } .barana-extra-menu-list-50 .barana-extra-menu-list-sub-menu li > a .menu-label { position: relative; margin-top: -20px; align-self: flex-start; } .barana-extra-menu-list-50 .sub-sub-menu { padding-inline-start: 0; list-style: none; } .barana-extra-menu-list-50 .menu-label { position: absolute; bottom: 85%; z-index: 1; display: inline-block; margin-inline-start: -20px; padding: 2px 4px; border-radius: calc(var(--barana-brd-radius) / 1.5); background-color: var(--barana-label-color); color: #fff; vertical-align: middle; text-transform: uppercase; white-space: nowrap; font-weight: 600; font-size: 9px; font-family: var(--barana-theme-text-font-family); line-height: 12px; } .barana-extra-menu-list-50 .menu-label:before { content: ""; position: absolute; top: 100%; inset-inline-start: 10px; border: 4px solid var(--barana-label-color); border-bottom-color: transparent !important; border-inline-end-color: transparent !important; border-inline-end-width: 7px; border-inline-start-width: 0; } .barana-extra-menu-list-50 .menu-label-black { --barana-label-color: #000; } .barana-extra-menu-list-50 .menu-label-grey { color: #333; --barana-label-color: #f1f1f1; } .barana-extra-menu-list-50 .menu-label-orange { --barana-label-color: #fbbc34; } .barana-extra-menu-list-50 .menu-label-blue { --barana-label-color: #00a1be; } .barana-extra-menu-list-50 .menu-label-white { color: #333; --barana-label-color: #fff; } .barana-extra-menu-list-50 .menu-label-primary { --barana-label-color: var(--barana-theme-primary-color); } .barana-extra-menu-list-50 .menu-label-secondary { --barana-label-color: var(--barana-theme-secondary-color); } .barana-extra-menu-list-50 .menu-label-red { --barana-label-color: #d41212; } .barana-extra-menu-list-50 .menu-label-green { --barana-label-color: #65b32e; } .barana-extra-menu-list-50 .barana-extra-menu-list-sub-menu li > a .menu-label { position: relative; margin-top: -20px; align-self: flex-start; } .swiper-button-prev:before, .swiper-button-next:before{ display:none; } .retrina-imagecarousel-991 a{ text-decoration:none; } .retrina-imagecarousel-991 .retrina-imagecarousel-items .swiper-wrapper{ align-items:flex-start; } .retrina-imagecarousel-991 .retrina-imagecarousel-items .swiper-button-prev, .retrina-imagecarousel-991 .retrina-imagecarousel-items .swiper-button-next{ color: #AEAEAE; } .retrina-imagecarousel-991 .retrina-imagecarousel-items .swiper-pagination-bullet{ transform:scale(1); width:5px; height:5px; } .retrina-imagecarousel-991 .retrina-imagecarousel-items{ padding-bottom:30px; } .retrina-imagecarousel-991 .swiper-button-prev:after, .retrina-imagecarousel-991 .swiper-button-next:after{ font-size:25px; } .retrina-imagecarousel-991 .retrina-imagecarousel-image{ width: auto; max-width: 100%; } @media (min-width: 992px) { .retrina-imagecarousel-991 .retrina-imagecarousel-items .swiper-wrapper{ align-items:flex-start; } } @media (min-width: 768px) and (max-width: 991px) { .retrina-imagecarousel-991 .retrina-imagecarousel-items .swiper-wrapper{ align-items:flex-start; } } @media (max-width: 767px) { .retrina-imagecarousel-991 .retrina-imagecarousel-items .swiper-wrapper{ align-items:flex-start; } } .barana-section-title-wrapper-995 { text-align: center; margin-inline-start: auto; margin-inline-end: auto; max-width: 100%; } .barana-section-title-wrapper-995 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-995 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-995 .barana-section-title-title { font-size: 26px; } .barana-section-title-wrapper-995 .barana-section-title-subtitle .barana-section-title-wrapper-995 .barana-section-title-description{ font-size: 14px; } .barana-section-title-wrapper-995 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-995 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; color: rgba(108,117,125,1); } .barana-section-title-wrapper-995 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-995 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: #242424; font-size:30px; } .barana-section-title-wrapper-995 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-995 .barana-section-title-title-container { display: flex; align-items: center; border-color: rgba(0,0,0,.105); flex-direction: row; } .barana-section-title-wrapper-995 .barana-section-title-title-container:after, .barana-section-title-wrapper-995 .barana-section-title-title-container:before { content: ""; display: block; flex: 1 1 auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; } .barana-section-title-wrapper-995 .barana-section-title-title-container:after { margin-left: 20px; } .barana-section-title-wrapper-995 .barana-section-title-title-container:before { margin-right: 20px; } .barana-section-title-wrapper-995 .barana-section-title-description { color: #010101; } @media (max-width: 991px) { .barana-section-title-wrapper-995 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-995 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-995 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-995 { max-width: 100%; } .barana-section-title-wrapper-995 .barana-section-title-title { font-size:30px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-995 { max-width: 100%; } } @media (max-width: 767px) { .barana-section-title-wrapper-995 { max-width: 100%; } } .barana-spacing-0 { --barana-sp: 0; } .barana-spacing-2 { --barana-sp: 2px; } .barana-spacing-6 { --barana-sp: 6px; } .barana-spacing-10 { --barana-sp: 10px; } .barana-spacing-20 { --barana-sp: 20px; } .barana-spacing-30 { --barana-sp: 30px; } .barana-product-categories-986 [class*=barana-spacing-]>[class*=col] { margin-bottom: var(--barana-sp); padding-inline-end: calc(var(--barana-sp)/ 2); padding-inline-start: calc(var(--barana-sp)/ 2); } .barana-product-categories-986 .barana-product-category-fill { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .barana-product-categories-986 .barana-product-category-cat-inner { position: relative; overflow: hidden; border-radius: 12px; } .barana-product-categories-986 .barana-product-category-cat-thumb { transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18); } .barana-product-categories-986 .barana-product-category-cat-thumb img { width: 100%; border-radius: 12px; } .barana-product-categories-986 div.product-category .barana-product-category-entities-title { } .barana-product-categories-986 .barana-product-category-entities-title, .barana-product-categories-986 .barana-product-category-entities-title a { } .barana-product-categories-986 .more-products > a { } .barana-product-categories-986 .categories-style-masonry-first:not([style]) { display: block; } .barana-product-categories-986 .categories-style-masonry-first:not([style]):after { content: ""; display: block; clear: both; } .barana-product-categories-986 .categories-style-masonry-first:not([style]) .product-category { float: left; } .barana-product-categories-986 .categories-style-carousel :is( .barana-product-categories-986 .owl-stage-outer, .barana-product-categories-986 .owl-carousel:not(.owl-loaded)) { padding-top: 2px; padding-bottom: 2px; } .barana-product-categories-986 .cat-design-mask-subcat .barana-product-category-cat-content { display: inline-flex; flex-direction: column; padding: 30px; max-height: 100%; } .barana-product-categories-986 .cat-design-mask-subcat .barana-product-category-cat-header { display: flex; align-items: flex-start; } .barana-product-categories-986 .cat-design-mask-subcat .barana-product-category-entities-title { margin-inline-end: 8px; } .barana-product-categories-986 .cat-design-mask-subcat .barana-product-category-cat-count { margin-top: -5px; padding: 3px 8px; min-width: 25px; border-radius: 15px; background-color: #FFF; color: #333; text-align: center; font-weight: 600; font-size: 11px; line-height: 1; box-shadow: 0 0 3px rgba(0, 0, 0, 0.12); flex-shrink: 0; } .barana-product-categories-986 .cat-design-mask-subcat .barana-product-category-cat-footer { flex: 1 1 auto; margin-top: 10px; max-height: none; padding-inline-end: 5px; } .barana-product-categories-986 .cat-design-mask-subcat.color-scheme-light .barana-product-category-cat-content { background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); } .barana-product-categories-986 .cat-design-alt .category-image-wrapp { margin-inline-start: auto; margin-inline-end: auto; max-width: 8%; } .barana-product-categories-986 .cat-design-alt.categories-with-shadow .category-image-wrapp { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12); } .barana-product-categories-986 .category-grid-item { text-align: center; } .barana-product-categories-986 .category-grid-item img { width: 100%; border-radius: 12px; } .barana-product-categories-986 .category-grid-item .hover-mask { padding: 10px; } .barana-product-categories-986 .category-grid-item .category-image-wrapp { position: relative; overflow: hidden; border-radius: 12px; } .barana-product-categories-986 .category-grid-item .category-image { display: block; margin: -1px; transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18); } .barana-product-categories-986 .category-grid-item:hover .category-image { transform: scale3d(1.1, 1.1, 1); } .barana-product-categories-986 .category-grid-item .barana-product-category-entities-title { margin-bottom: 0; text-transform: uppercase; font-size: 20px; } .barana-product-categories-986 .category-grid-item .count { display: none; padding: 0; background-color: transparent; color: rgba(0, 0, 0, 0.25); } .barana-product-categories-986 .category-grid-item .more-products > a { color: inherit; } .barana-product-categories-986 .category-grid-item .wrapp-category { position: relative; border-radius: 12px; } .barana-product-categories-986 .category-grid-item .category-link { z-index: 5; } @media (min-width: 768px) { .barana-product-categories-986 .cat-design-center .wrapp-category, .cat-design-replace-title .wrapp-category { position: relative; overflow: hidden; } .barana-product-categories-986 .cat-design-center .wrapp-category:before, .cat-design-replace-title .wrapp-category:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #000; opacity: .1; } .barana-product-categories-986 .cat-design-center:hover .wrapp-category:before, .cat-design-replace-title:hover .wrapp-category:before { opacity: .4; } .barana-product-categories-986 .cat-design-default .wrapp-category { overflow: hidden; } .barana-product-categories-986 .cat-design-default .hover-mask { position: absolute; right: 20px; bottom: 15px; left: 20px; padding: 0 !important; text-align: start; transition: transform .3s ease; transform: translateY(100%) translateZ(0); } .barana-product-categories-986 .cat-design-default .barana-product-category-entities-title { position: absolute; bottom: 100%; } .barana-product-categories-986 .cat-design-default .more-products { margin-top: 5px; opacity: 0; transition: transform .3s ease, opacity .3s ease; transform: translateY(15px) translateZ(0); } .barana-product-categories-986 .cat-design-default.categories-with-shadow .wrapp-category { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12); } .barana-product-categories-986 .cat-design-default:hover .hover-mask { transform: translateY(0) translateZ(0); } .barana-product-categories-986 .cat-design-default:hover .more-products { opacity: 1; transform: translateY(0) translateZ(0); } .barana-product-categories-986 .cat-design-center .wrapp-category:before { transition: opacity 0.5s cubic-bezier(0, 0, 0.44, 1.18); } .barana-product-categories-986 .cat-design-center .hover-mask { position: absolute; top: 50%; right: 0; left: 0; z-index: 3; padding: 15px; transition: transform .3s ease; } .barana-product-categories-986 .cat-design-center .barana-product-category-entities-title { color: #fff; } .barana-product-categories-986 .cat-design-center .more-products { margin-top: 5px; line-height: 20px; opacity: 0; transition: transform .3s ease, opacity .3s ease; transform: translateY(15px) translateZ(0); color: rgba(255, 255, 255, 0.9); } .barana-product-categories-986 .cat-design-center .more-products a { color: inherit; } .barana-product-categories-986 .cat-design-center:not(.without-product-count) .hover-mask { transform: translateY(calc(-50% + 20px)) translateZ(0); } .barana-product-categories-986 .cat-design-center:not(.without-product-count):hover .hover-mask { transform: translateY(-50%) translateZ(0); } .barana-product-categories-986 .cat-design-center:not(.without-product-count):hover .more-products { opacity: 1; transform: none; } .barana-product-categories-986 .cat-design-center.without-product-count .hover-mask { transform: translateY(-50%) translateZ(0); } .barana-product-categories-986 .cat-design-replace-title .wrapp-category:before { transition: opacity 0.6s cubic-bezier(0, 0, 0.44, 1.18); } .barana-product-categories-986 .cat-design-replace-title :is( .hover-mask, .more-products) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; justify-content: center; padding: 15px; } .barana-product-categories-986 .cat-design-replace-title .barana-product-category-entities-title { padding: 12px 25px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: #FFF; font-size: 18px; line-height: 1.4; transition: opacity .25s ease .25s; background-color: var(--barana-theme-primary-color); border-radius: 12px; } .barana-product-categories-986 .cat-design-replace-title .more-products { color: #FFF; text-transform: uppercase; font-weight: 600; font-size: 16px; opacity: 0; transition: opacity .25s ease; } .barana-product-categories-986 .cat-design-replace-title:not(.without-product-count):hover .barana-product-category-entities-title { opacity: 0; transition: opacity .25s ease; } .barana-product-categories-986 .cat-design-replace-title:not(.without-product-count):hover .more-products { opacity: 1; transition: opacity .25s ease .25s; } } .barana-product-categories-986 .owl-carousel { position: relative; z-index: 1; width: 100%; -webkit-tap-highlight-color: transparent; } .barana-product-categories-986 .owl-carousel .owl-stage { position: relative; } .barana-product-categories-986 .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .barana-product-categories-986 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0, 0, 0); } .barana-product-categories-986 .owl-carousel :is(.owl-wrapper, .owl-item) { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .barana-product-categories-986 .owl-carousel .owl-item { position: relative; float: left; min-height: 1px; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; } .barana-product-categories-986 .owl-carousel :is(.owl-nav.disabled, .owl-dots.disabled) { display: none; } .barana-product-categories-986 .owl-carousel :is(.owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot) { cursor: pointer; user-select: none; } .barana-product-categories-986 .owl-carousel.owl-loaded { display: block; } .barana-product-categories-986 .owl-carousel.owl-loading { display: block; opacity: 0; } .barana-product-categories-986 .owl-carousel.owl-hidden { opacity: 0; } .barana-product-categories-986 .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .barana-product-categories-986 .owl-carousel.owl-drag .owl-item { user-select: none; } .barana-product-categories-986 .owl-carousel.owl-grab { cursor: move; cursor: grab; } .barana-product-categories-986 .owl-carousel .owl-item.animated { animation-duration: 0.6s; animation-fill-mode: both; } .barana-product-categories-986 .owl-carousel .owl-item.fadeOut { animation-name: barana-product-category-fadeOut; } .barana-product-categories-986 .owl-carousel .owl-animated-in { z-index: 0; } .barana-product-categories-986 .owl-carousel .owl-animated-out { z-index: 1; } .barana-product-categories-986 .owl-height { transition: height 0.5s ease-in-out; } .barana-product-categories-986 .owl-carousel:not(.owl-loaded) { display: flex; overflow: hidden; } .barana-product-categories-986 [data-hide_pagination_control="no"] .owl-carousel:not(.owl-loaded) { padding-bottom: 41px !important; } .barana-product-categories-986 .owl-loaded:after, .barana-product-categories-986 .owl-loaded:before { content: ""; position: absolute; top: 0; bottom: 0; width: 50px; } .barana-product-categories-986 .owl-loaded:before { right: -50px; } .barana-product-categories-986 .owl-loaded:after { left: -50px; } .barana-product-categories-986 .owl-dots { margin-top: 5px; text-align: center; } .barana-product-categories-986 .owl-dots .owl-dot { display: inline-block; margin-top: 10px; } .barana-product-categories-986 .owl-dots .owl-dot span { display: block; margin: 5px; width: 10px; height: 10px; border: 2px solid var(--color-gray-300); border-radius: 50%; transition: all 0.25s ease; } .barana-product-categories-986 .owl-dots .owl-dot:not(.active):hover span { border-color: var(--color-gray-800); } .barana-product-categories-986 .owl-dots .owl-dot.active span { border-color: var(--color-gray-800); background-color: var(--color-gray-800); } .barana-product-categories-986 .owl-nav > div[class*="prev"] { left: 0; } .barana-product-categories-986 .owl-nav > div[class*="next"] { right: 0; } .barana-product-categories-986 [class*="barana-spacing-"] { margin-inline-end: calc((var(--barana-sp) / 2) * -1); margin-inline-start: calc((var(--barana-sp) / 2) * -1); } .barana-product-categories-986 [class*="barana-spacing-"] .owl-carousel:not(.owl-loaded) > div, .barana-product-categories-986 [class*="barana-spacing-"] .owl-item { padding-inline-end: calc(var(--barana-sp) / 2); padding-inline-start: calc(var(--barana-sp) / 2); } .barana-product-categories-986 [class*="barana-spacing-"] .owl-nav > div[class*="prev"] { left: calc(-50px + var(--barana-sp) / 2); } .barana-product-categories-986 [class*="barana-spacing-"] .owl-nav > div[class*="next"] { right: calc(-50px + var(--barana-sp) / 2); } .barana-spacing-2 { --barana-sp: 2px; } .barana-spacing-6 { --barana-sp: 6px; } .barana-spacing-10 { --barana-sp: 10px; } .barana-spacing-20 { --barana-sp: 20px; } .barana-spacing-30 { --barana-sp: 30px; } [class*=color-scheme-light] { --color-gray-400: rgba(255, 255, 255, 0.6); } [class*=color-scheme-dark] { --color-gray-400: #a5a5a5; } .barana-product-categories-986 .barana-product-category-nav[class*=barana-product-category-style-] { --nav-color: #333; --nav-color-hover: rgba(51, 51, 51, 0.7); --nav-color-active: rgba(51, 51, 51, 0.7); --nav-chevron-color: rgba(82, 82, 82, .45); } :is( .color-scheme-light) .barana-product-category-nav[class*=barana-product-category-style-] { --nav-color: #FFF; --nav-color-hover: rgba(255, 255, 255, 0.8); --nav-color-active: rgba(255, 255, 255, 0.8); --nav-chevron-color: rgba(255, 255, 255, 0.6); } .barana-product-categories-986 .barana-product-category-nav[class*=barana-product-category-style-underline] .nav-link-text { position: relative; display: inline-block; padding-top: 1px; padding-bottom: 1px; line-height: 1.2; } .barana-product-categories-986 .barana-product-category-nav[class*=barana-product-category-style-]>li>a { color: var(--nav-color); } .barana-product-categories-986 .barana-product-category-nav[class*=barana-product-category-style-]>li:hover>a { color: var(--nav-color-hover); } .barana-product-categories-986 .barana-product-category-nav[class*=barana-product-category-style-] > li > a { color: #59BD56; } .barana-product-categories-986 .barana-product-category-nav[class*=barana-product-category-style-] > li:hover > a { color: #59BD56; } .barana-product-categories-986 .barana-product-category-nav-cat>li>a { padding-top: 15px; padding-bottom: 15px; font-size: 14px; } .barana-product-category-checkout-steps li span:after, .barana-product-category-nav[class*=barana-product-category-style-underline] .nav-link-text:after { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: var(--barana-theme-primary-color); transition: width .4s cubic-bezier(.175, .885, .32, 1.15); } .barana-product-categories-986 .barana-product-category-checkout-steps .step-active span:after, .barana-product-categories-986 .barana-product-category-nav[class*=barana-product-category-style-underline]>li:is( :hover,.current-menu-item,.barana-product-category-active,.active)>a .nav-link-text:after, .barana-product-categories-986 .barana-product-category-tabs:not(.barana-product-category-inited) .barana-product-category-nav-tabs[class*=barana-product-category-style-underline]>li:first-child>a .nav-link-text:after { width: 100%; } .barana-product-categories-986 .barana-product-category-nav-cat .shop-all-link { display: none; } .barana-product-categories-986 .barana-product-category-nav-cat { flex: 1 1 100%; } .barana-product-categories-986 .barana-product-category-nav-cat > li > a { padding-top: 15px; padding-bottom: 15px; font-size: 14px; } .barana-product-categories-986 .barana-product-category-nav-cat .nav-link-count { display: block; margin-top: 5px; color: var(--color-gray-400); text-transform: capitalize; font-weight: 400; font-size: 14px; } .barana-product-categories-986 .barana-product-category-nav-cat .barana-product-category-sub-menu { --sub-menu-color: var(--nav-color); --sub-menu-color-hover: var(--nav-color-hover); } .barana-product-categories-986 .barana-product-category-nav-cat .barana-product-category-sub-menu li a { padding-top: 10px; padding-bottom: 10px; font-weight: 600; } .barana-product-categories-986 .barana-product-category-nav-cat.has-product-count .barana-product-category-nav-img, .barana-product-categories-986 .barana-product-category-nav-cat.has-product-count .mega-menu-list img, .barana-product-categories-986 .mega-menu-list .barana-product-category-nav-cat.has-product-count img { max-height: 40px; margin-inline-end: 10px; } .barana-product-categories-986 .barana-product-category-nav-cat.has-product-count picture.barana-product-category-nav-img img { max-height: 40px; } .barana-product-categories-986 .barana-product-category-nav-cat .shop-all-link { display: none; } .barana-product-categories-986 .barana-product-category-nav-cat .shop-all-link a:before { font-weight: 400; font-size: 40px; line-height: 1; margin-inline-end: 10px; content: "\F3FC"; font-family: "bootstrap-icons"; } .barana-product-categories-986 .title-design-centered .barana-product-category-nav-cat { justify-content: center; } .barana-product-categories-986 .hasno-product-count .shop-all-link a:before { font-size: 16px; } .barana-product-categories-986 .hasno-product-count .shop-all-link .nav-link-count { display: none; } .barana-product-categories-986 .barana-product-category-btn-show-cat { display: none; text-transform: uppercase; } .barana-product-categories-986 .barana-product-category-btn-show-cat > a { flex-direction: row-reverse; } .barana-product-categories-986 .barana-product-category-btn-show-cat > a:before { font-weight: 700 !important; font-size: 12px; transition: transform .25s ease; margin-inline-start: 5px; margin-inline-end: 0 !important; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .barana-product-categories-986 .barana-product-category-nav { --nav-gap: 10px; display: inline-flex; flex-wrap: wrap; justify-content: var(--text-align); margin-inline-end: calc(var(--nav-gap) / -1); margin-inline-start: calc(var(--nav-gap) / -1); text-align: left; list-style: none; padding-inline-start: 0; margin-bottom: 0; } .barana-product-categories-986 .barana-product-category-nav > li { position: relative; } .barana-product-categories-986 .barana-product-category-nav > li > a { position: relative; display: flex; align-items: center; flex-direction: row; padding-inline-end: var(--nav-gap); padding-inline-start: var(--nav-gap); text-transform: uppercase; font-weight: 600; font-size: 13px; line-height: 1.2; } .barana-product-categories-986 .barana-product-category-nav > li > a .barana-product-category-nav-icon { margin-inline-end: 7px; font-size: 115%; } .barana-product-categories-986 .barana-product-category-nav > li > a .menu-label { left: calc(100% - 30px); margin-inline-start: 0; } .barana-product-categories-986 .barana-product-category-nav > li:is(.barana-product-category-has-children, .menu-item-has-children) > a:after { margin-inline-start: 4px; font-weight: 400; font-style: normal; font-size: 50%; content: "\f129"; font-family: barana-font; } .barana-product-categories-986 .barana-product-category-nav li.color-primary { --nav-color: var(--barana-theme-primary-color); --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } @media (max-width: 991px){ .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-nav-cat > li > a { padding-top: 10px; padding-bottom: 10px; } .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-btn-show-cat { display: inline-block; } .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-nav-cat { display: none; margin: 10px 0 0 0; padding-top: 5px; padding-bottom: 5px; background-color: rgba(255, 255, 255, 0.05); } .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-nav-cat.active { display: block; } .barana-product-categories-986 .barana-nav-accordion-mb-on .barana-product-category-nav-cat li { display: flex; flex: 1 1 100%; flex-wrap: wrap; } .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-nav-cat li a { flex: 1 1 0%; } .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-nav-cat .barana-product-category-dropdown { position: static; display: none; flex: 1 1 100%; order: 3; visibility: visible; padding: 0; width: 100%; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; opacity: 1; transform: none; pointer-events: visible; pointer-events: unset; } .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-nav-cat .barana-product-category-dropdown .barana-product-category-dropdown { margin: 0; padding: 0; width: 100%; } .barana-product-categories-986.barana-nav-accordion-mb-on .barana-product-category-nav-cat .barana-product-category-sub-menu li a { padding: 15px; } .barana-product-categories-986.barana-nav-accordion-mb-on.color-scheme-light .barana-product-category-nav-cat { background-color: rgba(0, 0, 0, 0.4); } .barana-product-categories-986.barana-nav-accordion-mb-on.color-scheme-light .barana-product-category-nav-cat .barana-product-category-dropdown { background-color: rgba(0, 0, 0, 0.2); } } .barana-product-categories-986 .cat-design-simple-background .wrapp-category { background-color: var(--barana-theme-secondary-background-color-page); border: 1px solid var(--barana-theme-secondary-background-color-page); padding: 30px; transition: all .4s ease-in-out; } .barana-product-categories-986 .cat-design-simple-background.category-grid-item:hover .wrapp-category { border: 1px solid var(--barana-theme-primary-color); } .barana-product-categories-986 .cat-design-simple-background.category-grid-item:hover .category-image { transform: none; } .barana-product-categories-986 .barana-btn-arrow.disabled:after { color: var(--color-gray-400) !important; cursor: default; user-select:none; } .barana-product-categories-986 .owl-carousel :is( .owl-nav .owl-prev,.owl-nav .owl-next,.owl-dot) { cursor: pointer; user-select: none; } .barana-product-categories-986 .barana-btn-arrow[class*=prev] { transform: translateX(-30px); } .barana-product-categories-986 .barana-btn-arrow[class*=next] { transform: translateX(30px); } .barana-product-categories-986 .owl-carousel:hover .owl-nav>button { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; } .barana-product-categories-986 .barana-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; visibility: hidden; color: #333; opacity: 0; pointer-events: none; } .barana-product-categories-986 .owl-nav>[class*=prev] { left: 0; } .barana-product-categories-986 .barana-btn-arrow[class*=prev]:after { content: "\f104"; font-family: "Font Awesome 6 Free"; font-weight:800; } .barana-product-categories-986 .barana-btn-arrow:after { font-size: 24px; line-height: 1; color: #333; } .barana-product-categories-986 .owl-nav>[class*=next] { right: 0; } .barana-product-categories-986 .owl-nav>[class*=prev] { left: calc(-50px + px/ 2); } .barana-product-categories-986 .owl-nav>[class*=next] { right: calc(-50px + px/ 2); } @media (max-width: 991px) { .barana-product-categories-986 .owl-nav>button { visibility: visible; opacity: 1; pointer-events: visible; margin-top: -27px; width: 40px; height: 40px; } .barana-product-categories-986 .barana-btn-arrow:is([class*="prev"],[class*="next"]) { transform: translateX(0); } .barana-product-categories-986 .owl-nav>[class*=prev] { margin-inline-start: 35px; } .barana-product-categories-986 .owl-nav>[class*=next] { margin-inline-end: 35px; } } .barana-product-categories-986 .barana-btn-arrow[class*=next]:after { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight:800; } .barana-section-title-wrapper-53 { text-align: center; margin-inline-start: auto; margin-inline-end: auto; max-width: 100%; } .barana-section-title-wrapper-53 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-53 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-53 .barana-section-title-title { font-size: 26px; } .barana-section-title-wrapper-53 .barana-section-title-subtitle .barana-section-title-wrapper-53 .barana-section-title-description{ font-size: 14px; } .barana-section-title-wrapper-53 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-53 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; color: rgba(108,117,125,1); } .barana-section-title-wrapper-53 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-53 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: #242424; font-size:30px; } .barana-section-title-wrapper-53 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-53 .barana-section-title-title-container { display: flex; align-items: center; border-color: rgba(0,0,0,.105); flex-direction: row; } .barana-section-title-wrapper-53 .barana-section-title-title-container:after, .barana-section-title-wrapper-53 .barana-section-title-title-container:before { content: ""; display: block; flex: 1 1 auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; } .barana-section-title-wrapper-53 .barana-section-title-title-container:after { margin-left: 20px; } .barana-section-title-wrapper-53 .barana-section-title-title-container:before { margin-right: 20px; } .barana-section-title-wrapper-53 .barana-section-title-description { color: #010101; } @media (max-width: 991px) { .barana-section-title-wrapper-53 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-53 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-53 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-53 { max-width: 100%; } .barana-section-title-wrapper-53 .barana-section-title-title { font-size:30px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-53 { max-width: 100%; } } @media (max-width: 767px) { .barana-section-title-wrapper-53 { max-width: 100%; } } :root { --product-form-brd-radius: 5px; --product-form-brd-width: 2px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-shop-color: #fff; --btn-shop-color-hover: #fff; --btn-accent-color: #fff; --btn-accent-color-hover: #fff; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-shop-brd-radius: 5px; --btn-shop-box-shadow: none; --btn-shop-box-shadow-hover: none; --btn-accent-brd-radius: 0px; --btn-accent-box-shadow: none; --btn-accent-box-shadow-hover: none; --btn-accent-box-shadow-active: none; --btn-accent-bottom: 0px; --product-brd-radius: 5px; --notices-warning-color: #fff; --notices-warning-bg: #E0B252; --notices-success-color: #fff; --notices-success-bg: #459647; --btn-accent-bgcolor-hover: #c40538; --btn-accent-bgcolor: #d60644; --btn-shop-bgcolor-hover: var(--barana-theme-primary-color); --btn-shop-bgcolor: #d60644; --btn-default-bgcolor-hover: #efefef; --btn-default-bgcolor: #f7f7f7; --product-link-color: #333333; --product-link-color-hover: #242424; --product-alternative-color: #fbbc34; --product-primary-color: #d60644; --product-text-line-height: 1.6; --product-brd-radius: .001px; --product-form-height: 42px; --product-form-color: inherit; --product-form-placeholder-color: inherit; --product-form-bg: transparent; --product-form-brd-color: rgba(0, 0, 0, 0.1); --product-form-brd-color-focus: rgba(0, 0, 0, 0.15); --product-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --product-main-bgcolor: #FFF; --product-scroll-w: .001px; --product-admin-bar-h: .001px; --product-tags-mb: 20px; --product-block-spacing: 20px; --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255,255,255; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --prodcut-primary-color: #d60644; } /* */ .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-default { padding: 12px 20px; --barana-dropdown-width: 220px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-default > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-default .barana-dropdown { top: 0; left: 100%; padding: 12px 20px; width: var(--barana-dropdown-width); margin: 0 0 0 20px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-default .barana-dropdown:after { top: 0; bottom: 0; right: 100%; left: auto; width: 20px; height: auto; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-default .menu-item-has-children > a:after { margin-inline-start: auto; color: rgba(82, 82, 82, 0.45); font-weight: 600; font-size: 55%; line-height: 1; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-default.color-scheme-light .menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu:is(.barana-design-sized, .barana-design-full-width) .barana-sub-menu > li { margin-bottom: 25px; width: 200px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-full-width { padding-top: 30px; padding-inline-start: var(--barana-scroll-w); border-radius: 0; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-sized, .retrinapro-ajaxproductstab-54 .barana-nav-vertical .barana-dropdown-menu.barana-design-full-width { padding: 30px 35px 0 35px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-sized > .container, .retrinapro-ajaxproductstab-54 .barana-nav-vertical .barana-dropdown-menu:is(.barana-design-full-width, .barana-design-aside) > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside { padding-inline-start: var(--barana-scroll-w); background: transparent; box-shadow: none; pointer-events: none !important; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp { position: relative; border-radius: var(--barana-brd-radius); background-color: var(--bgcolor-white); background-image: var(--barana-dropdown-bg-img); background-position: bottom right; background-clip: border-box; background-repeat: no-repeat; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); transition: background-image 0.25s ease, background-color 0.25s ease; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu { min-height: var(--barana-dropdown-height); max-width: 270px; transition: border-radius 0.25s ease; border-top-left-radius: var(--barana-brd-radius); border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li { position: static; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:first-child > a { border-top-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:last-child > a { border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { margin-inline-start: auto; color: inherit; font-weight: 600; font-size: 60%; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item { background-color: transparent; background-image: none; box-shadow: none; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu { box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); border-top-right-radius: var(--barana-brd-radius); border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:first-child > a { border-top-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:last-child > a { border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-54 .menu-item:hover .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-54 .menu-item:hover .barana-dropdown-menu.barana-design-aside:after, .retrinapro-ajaxproductstab-54 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-54 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside:after { pointer-events: auto !important; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-dropdown { position: absolute; top: 0; bottom: 0; right: 0; left: 270px; overflow: hidden; overflow-y: auto; margin: 0 !important; padding: 30px 35px 0 35px; max-height: 100%; width: auto; border-radius: 0; background: transparent; box-shadow: none; transition: all 0.25s ease; transform: none; scrollbar-width: thin; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-dropdown > .container { padding: 0; max-width: none; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-bl-menu { padding-inline-end: 20px; padding-inline-start: 20px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu { display: flex; flex-wrap: wrap; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu > li { margin-bottom: 25px; padding-inline-end: 15px; padding-inline-start: 15px; width: 200px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--bgcolor-white); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 12px 18px; color: var(--color-gray-800); text-transform: unset; font-weight: 600; font-size: 14px; line-height: 20px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-gray-200); color: var(--color-gray-700); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:not(:last-child) { border-bottom: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-dropdown { border-left: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--barana-primary-color); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 18px 20px; color: #fff; text-transform: unset; font-weight: 600; font-size: 16px; line-height: 24px; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-54 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { margin-inline-end: 10px; max-height: 20px; filter: brightness(0) invert(1); transition: all 0.25s ease; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-white); color: var(--color-gray-800); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .barana-nav-img, .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .mega-menu-list img, .retrinapro-ajaxproductstab-54 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a img, .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .barana-nav-img, .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .mega-menu-list img, .retrinapro-ajaxproductstab-54 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a img { filter: brightness(1) invert(0); } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light { --nav-color: #fff; } .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-54 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-54 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { filter: brightness(0) invert(1); } /* */ .retrinapro-ajaxproductstab-54 .product-nav-img, .retrinapro-ajaxproductstab-54 .mega-menu-list img { display: inline-block; margin-inline-end: 7px; max-height: 18px; width: auto !important; } .retrinapro-ajaxproductstab-54 .product-nav-img img, .retrinapro-ajaxproductstab-54 .mega-menu-list img img { max-height: 18px; } .retrinapro-ajaxproductstab-54 .product-nav { --nav-gap: 10px; display: inline-flex; justify-content: var(--text-align); flex-wrap: wrap; margin-inline-end: calc(var(--nav-gap) / -1); margin-inline-start: calc(var(--nav-gap) / -1); text-align: left; } .retrinapro-ajaxproductstab-54 .product-nav > li { position: relative; list-style:none; } .retrinapro-ajaxproductstab-54 ul { padding-inline-start:0; list-style:none; } .retrinapro-ajaxproductstab-54 .wrap-quickview-button, .retrinapro-ajaxproductstab-54 .quick-view { display:none !important; } .retrinapro-ajaxproductstab-54 .product-nav > li > a { position: relative; display: flex; align-items: center; flex-direction: row; padding-inline-end: var(--nav-gap); padding-inline-start: var(--nav-gap); font-weight: 600; font-size: 13px; text-transform: uppercase; line-height: 1.2; } .retrinapro-ajaxproductstab-54 .product-nav > li > a .product-nav-icon { margin-inline-end: 7px; font-size: 115%; } .retrinapro-ajaxproductstab-54 .product-nav > li > a .menu-label { left: calc(100% - 30px); margin-inline-start: 0; } .retrinapro-ajaxproductstab-54 .product-nav > li.product-has-children > a:after, .retrinapro-ajaxproductstab-54 .product-nav > li.menu-item-has-children > a:after { margin-inline-start: 4px; font-weight: normal; font-style: normal; font-size: 50%; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-54 .product-nav li.color-primary { --nav-color: var(--barana-theme-primary-color); --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-54 .product-nav.product-gap-m { --nav-gap: 15px; } .retrinapro-ajaxproductstab-54 .product-nav.product-gap-l { --nav-gap: 20px; } .retrinapro-ajaxproductstab-54 .product-nav-opener { position: relative; z-index: 1; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 50px; color: var(--color-gray-900); cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-54 .product-nav-opener:after { font-weight: 700; font-size: 12px; transition: transform 0.25s ease; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-54 .product-nav-opener:hover { color: var(--color-gray-900); } .retrinapro-ajaxproductstab-54 .product-nav-opener.product-active { color: var(--color-gray-700); } .retrinapro-ajaxproductstab-54 .product-nav-opener.product-active:after { transform: rotate(90deg); } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] { --nav-color: #333; --nav-color-hover: rgba(51, 51, 51, 0.7); --nav-color-active: rgba(51, 51, 51, 0.7); --nav-chevron-color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] > li > a { color: var(--nav-color); } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] > li:hover > a { color: var(--nav-color-hover); } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] > li.current-menu-item > a, .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] > li.product-active > a, .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] > li.active > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] > li.product-has-children > a:after, .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-"] > li.menu-item-has-children > a:after { color: var(--nav-chevron-color); } .retrinapro-ajaxproductstab-54 .color-scheme-light .product-nav[class*="product-style-"], .retrinapro-ajaxproductstab-54 .retrinapro-color-light .product-nav[class*="product-style-"] { --nav-color: #fff; --nav-color-hover: rgba(255, 255, 255, 0.8); --nav-color-active: rgba(255, 255, 255, 0.8); --nav-chevron-color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-54 .product-nav.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-54 .product-nav.product-style-bordered > li, .retrinapro-ajaxproductstab-54 .product-nav.product-style-separated > li { display: flex; flex-direction: row; } .retrinapro-ajaxproductstab-54 .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-54 .product-nav.product-style-separated > li:not(:last-child):after { content: ""; border-right: 1px solid rgba(0, 0, 0, 0.105); } .retrinapro-ajaxproductstab-54 .retrinapro-color-light .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-54 .retrinapro-color-light .product-nav.product-style-separated > li:not(:last-child):after { border-color: rgba(255, 255, 255, 0.25); } .retrinapro-ajaxproductstab-54 .product-nav.product-style-separated > li { align-items: center; } .retrinapro-ajaxproductstab-54 .product-nav.product-style-separated > li:not(:last-child):after { height: 18px; } .retrinapro-ajaxproductstab-54 .product-nav.product-style-bordered > li { align-items: stretch; } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-underline"] .nav-link-text, .retrinapro-ajaxproductstab-54 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text { line-height: 1.2; position: relative; display: inline-block; padding-top: 1px; padding-bottom: 1px; } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-underline"] .nav-link-text:after, .retrinapro-ajaxproductstab-54 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after, .retrinapro-ajaxproductstab-54 .product-checkout-steps li span:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 2px; transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-underline"] > li:hover > a .nav-link-text:after, .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-underline"] > li.current-menu-item > a .nav-link-text:after, .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-underline"] > li.product-active > a .nav-link-text:after, .retrinapro-ajaxproductstab-54 .product-nav[class*="product-style-underline"] > li.active > a .nav-link-text:after, .retrinapro-ajaxproductstab-54 .retrinapro-ajaxproductstab-54.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after, .retrinapro-ajaxproductstab-54 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a:hover .vc_tta-title-text:after, .retrinapro-ajaxproductstab-54 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab.vc_active .vc_tta-title-text:after, .retrinapro-ajaxproductstab-54 .product-checkout-steps .step-active span:after { width: 100%; } /* */ .retrinapro-ajaxproductstab-54.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after { width: 100%; } .retrinapro-ajaxproductstab-54.product-tabs .tabs-name { margin-bottom: 10px; text-transform: uppercase; font-size: 22px; } .retrinapro-ajaxproductstab-54.product-tabs .tabs-name > span { vertical-align: middle; } .retrinapro-ajaxproductstab-54.product-tabs .tabs-name .img-wrapper { display: inline-block; margin-inline-end: 10px; } .retrinapro-ajaxproductstab-54 .product-nav-tabs { align-items: center; --nav-gap: 0px; padding:0; margin:0; } .retrinapro-ajaxproductstab-54 .product-nav-tabs > li > a { padding: 10px 0; vertical-align: bottom; font-weight: var(--product-title-font-weight); font-style: var(--product-title-font-style); font-size: 16px; font-family: var(--product-title-font); line-height: 1; } .retrinapro-ajaxproductstab-54 .product-nav-tabs > li:not(:last-child) { margin-inline-end: 30px; } .retrinapro-ajaxproductstab-54.product-tabs-header, .retrinapro-ajaxproductstab-54.product-tabs-desc, .product-nav-tabs-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .product-tabs-header { display: flex; align-items: flex-end; margin-bottom: 20px; border-bottom: 2px solid var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .tabs-name { position: relative; z-index: 1; margin-bottom: -2px; margin-inline-end: 25px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid var(--barana-theme-primary-color); vertical-align: middle; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .tabs-name > span { vertical-align: bottom; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .tabs-name .img-wrapper { margin-inline-start: 4px; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { margin-bottom: 0; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .product-nav-tabs li a { min-height: 42px; font-size: 14px; } .retrinapro-ajaxproductstab-54.product-tabs:not(.product-inited) .product-nav-tabs > li:first-child > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-54 .color-scheme-light .product-nav-tabs.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-54 .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(51, 51, 51, 0.7); --nav-color-hover: #333; --nav-color-active: #333; } .retrinapro-ajaxproductstab-54 .color-scheme-light .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(255, 255, 255, 0.7); --nav-color-hover: #fff; --nav-color-active: #fff; } .retrinapro-ajaxproductstab-54 .product-nav-tabs .img-wrapper { min-width: max-content; } .retrinapro-ajaxproductstab-54 .product-nav-tabs.product-icon-pos-top { align-items: flex-end; } .retrinapro-ajaxproductstab-54 .product-nav-tabs.product-icon-pos-top a { flex-direction: column; } .retrinapro-ajaxproductstab-54 .product-nav-tabs.product-icon-pos-top .img-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-54 .product-nav-tabs.product-icon-pos-left a { flex-direction: row; } .retrinapro-ajaxproductstab-54 .product-nav-tabs.product-icon-pos-left .img-wrapper { margin-inline-end: 10px; } .retrinapro-ajaxproductstab-54 .product-nav-tabs.product-icon-pos-right a { flex-direction: row-reverse; } .retrinapro-ajaxproductstab-54 .product-nav-tabs.product-icon-pos-right .img-wrapper { margin-inline-start: 10px; } .retrinapro-ajaxproductstab-54.product-retrinapro.product-tabs:not(.product-products-tabs) .product-nav-tabs > li > a { font-weight: inherit; font-size: inherit; font-family: inherit; } .retrinapro-ajaxproductstab-54.product-tabs.product-fontsize-custom .product-nav-tabs > li > a { line-height: inherit; } .retrinapro-ajaxproductstab-54.product-tabs:not(.product-inited) .product-tab-content:first-child { display: block; opacity: 1; transform: none; } .retrinapro-ajaxproductstab-54.product-tabs .product-tab-content { display: none; opacity: 0; transition: all 0.3s ease; transform: translateY(30px); } .retrinapro-ajaxproductstab-54.product-tabs .product-tab-content.product-active { display: block; } .retrinapro-ajaxproductstab-54.product-tabs .product-tab-content.product-in { opacity: 1; transform: none; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside { position: relative; display: flex; --product-side-width: 300px; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside .product-tabs-header { position: static; flex: 1 0 var(--product-side-width); padding-inline-end: 15px; text-align: left; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside :is(.product-tabs-header, .product-nav-tabs-wrapper) { margin-bottom: 0; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside .product-nav-tabs { display: block; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside .product-nav-tabs > li { margin-inline-end: 0; cursor: pointer; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside .product-nav-tabs > li > a { display: inline-flex; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside .product-tab-content-wrapper { max-width: calc(100% - var(--product-side-width)); width: 100%; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-alt .product-tabs-header { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-54.product-tabs .product-tabs-header .svg-icon { width: 25px !important; height: 25px !important; } .retrinapro-ajaxproductstab-54.product-tabs .product-tabs-header .img-wrapper img { max-height: 25px; width: auto; } .retrinapro-ajaxproductstab-54 .product-nav-tabs { flex-wrap: nowrap; white-space: nowrap; } .retrinapro-ajaxproductstab-54 .product-nav-tabs-wrapper { overflow-x: auto; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .product-tabs-header { align-items: flex-start; flex-direction: column; margin-bottom: 10px; border-bottom: none; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .tabs-name { margin-inline-end: 0; } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { flex: 1 1 auto; padding-top: 10px; max-width: 100%; width: 100%; border-top: 2px solid var(--brdcolor-gray-300); } } /* */ .retrinapro-ajaxproductstab-54.product-products-tabs :is(.product-tabs-header, .product-nav-tabs-wrapper) { position: relative; } .retrinapro-ajaxproductstab-54.product-products-tabs .product-tab-content-wrapper { display: block; visibility: visible; opacity: 1; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease; transform: none; } .retrinapro-ajaxproductstab-54.product-products-tabs .product-tab-content-wrapper.loading { visibility: hidden; opacity: 0; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease 0.3s; transform: translateY(30px); pointer-events: none; } .retrinapro-ajaxproductstab-54.product-products-tabs:is(.tabs-design-default, .tabs-design-alt) .product-tab-content-wrapper.loading .wrap-loading-arrow { display: none; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { position: absolute; top: -62px; animation: product-fadeIn 0.5s ease both 0.3s; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button { position: static; visibility: visible; margin-top: 0; width: 30px; height: 40px; opacity: 1; transform: none; pointer-events: visible; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:is([class*="prev"], [class*="next"]) { margin: 0; padding: 0; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .wrap-loading-arrow { right: 5px; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .owl-nav { right: 0; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .owl-nav { right: 5px; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .owl-loaded:after, .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .owl-loaded:before { content: none; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .product-products-loader .product-loader { position: absolute; top: 30px; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .product-tab-content-wrapper.loading :is(.owl-nav, .wrap-loading-arrow) { display: none; } .retrinapro-ajaxproductstab-54.product-products-tabs.element-loading .product-tab-content-wrapper .product-products-loader { display: none !important; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-aside .product-retrinapro { margin-bottom: 0; } .retrinapro-ajaxproductstab-54 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-54 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-54 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-aside .product-tabs-loader { top: 0; left: var(--product-side-width); } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { top: -103px; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple .owl-carousel .owl-nav { right: -5px; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > div { justify-content: center; } } /* */ .retrinapro-ajaxproductstab-54 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-54 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-54 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .retrinapro-ajaxproductstab-54 .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } /* */ .retrinapro-ajaxproductstab-54 .product-tabs-header{ text-align:center; } .product-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*="prev"] { transform: translateX(-30px); } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*="next"] { transform: translateX(30px); } .retrinapro-ajaxproductstab-54 .product-tabs-header{ text-align:center; } .retrinapro-ajaxproductstab-54 .wrap-loading-arrow > div { position:fixed; } .retrinapro-ajaxproductstab-54 .owl-carousel:hover .owl-nav > button, .retrinapro-ajaxproductstab-54 .show-arrow .wrap-loading-arrow > div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; position:fixed; } .retrinapro-ajaxproductstab-54.product-tabs .tabs-name{ } .retrinapro-ajaxproductstab-54.product-tabs.tabs-design-aside { --product-side-width: 30px; } /* */ .retrinapro-ajaxproductstab-54 .product-grid-item .product-entities-title a{ display:inline-block; color:inherit; } .retrinapro-ajaxproductstab-54 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .retrinapro-ajaxproductstab-54 .del{ text-decoration-color: var(--color-gray-300); text-decoration-line:line-through; } .retrinapro-ajaxproductstab-54 .del .amount { color: var(--color-gray-300); font-weight: 400; } .retrinapro-ajaxproductstab-54 .btn,.retrinapro-ajaxproductstab-54 .button,.retrinapro-ajaxproductstab-54 [type=button],.retrinapro-ajaxproductstab-54 [type=submit],.retrinapro-ajaxproductstab-54 button:not(.product-action-btn button) { padding: 12px 20px; font-size: 13px; line-height: 18px; background-color: #f3f3f3; color: #3e3e3e; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border: 0 solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; font-weight: 400; cursor: pointer; transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease; } .retrinapro-ajaxproductstab-54 .product-buttons[class*="product-pos-r"] .product-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position:absolute; } .retrinapro-ajaxproductstab-54 .product-buttons[class*="product-pos-r"] .product-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .retrinapro-ajaxproductstab-54 .product-grid-item { text-align: center; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-wrapper { border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-54 .product-grid-item :is(.product-image-link, .hover-img) img { width: 100%; border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-54 .product-grid-item .product-image-link { display: block; } .retrinapro-ajaxproductstab-54 .product-grid-item .hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--bgcolor-white); opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-54 .product-grid-item .hover-img > a { display: block; flex: 1 1 100%; max-width: 100%; width: 100%; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-entities-title, .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-brands-links { margin-bottom: 5px; font-size: inherit; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-brands-links { font-size: 95%; --product-link-color: var(--color-gray-400); --product-link-color-hover: var(--color-gray-700); } .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-cats a, .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-brands-links a { display: inline-block; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-sku { margin-bottom: 5px; color: var(--color-gray-400); word-break: break-all; font-size: 95%; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-sku .product-label { color: var(--color-gray-800); font-weight: 600; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-countdown, .retrinapro-ajaxproductstab-54 .product-grid-item .product-progress-bar { margin-top: 10px; } .retrinapro-ajaxproductstab-54 .product-grid-item .star-rating, .retrinapro-ajaxproductstab-54 .product-grid-item .product-star-rating, .retrinapro-ajaxproductstab-54 .product-grid-item .product-swatches-grid, .retrinapro-ajaxproductstab-54 .product-grid-item .product-product-stock { margin-bottom: 5px; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-star-rating .star-rating { margin-bottom: 0; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-swatches-grid:empty { display: none; } .retrinapro-ajaxproductstab-54 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; } .retrinapro-ajaxproductstab-54 .product-grid-item .added_to_cart { display: none !important; } .retrinapro-ajaxproductstab-54 .product-grid-item .shop_attributes { font-size: 90%; --product-attr-v-gap: 10px; --product-attr-brd-style: dashed; } .retrinapro-ajaxproductstab-54 .product-grid-item.product-swatched .hover-img { display: none; } .retrinapro-ajaxproductstab-54 .product-grid-item.product-loading-image .hover-img { display: none; } .retrinapro-ajaxproductstab-54 .product-grid-item.product-loading-image .product-image-link { opacity: 0.4; } .retrinapro-ajaxproductstab-54 .product-grid-item.product-loading-image .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-54 .product-grid-item.quick-shop-shown .product-element-top .hover-img, .retrinapro-ajaxproductstab-54 .product-grid-item.product-loading-quick-shop .product-element-top .hover-img { opacity: 0; transition: opacity 0.25s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-54 .product-spacing-0 .product-grid-item:not([class*="product-hover-info"]), .retrinapro-ajaxproductstab-54 .product-spacing-2 .product-grid-item:not([class*="product-hover-info"]) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-54 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-54 .product-element-top:after { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -16px; margin-inline-start: -16px; opacity: 0; transition: opacity 0.1s ease, visibility 0.1s ease; content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: #242424; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-54 .product-element-top:hover .hover-img { opacity: 1; transform: scale(1.09); } .retrinapro-ajaxproductstab-54 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius) / 1.2); background: var(--bgcolor-white); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .retrinapro-ajaxproductstab-54 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-54 .product-buttons .product-action-btn > button { height: 45px; } .retrinapro-ajaxproductstab-54 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-54 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-54 .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-grid-item:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-grid-item.product-swatched .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-54 .product-grid-item.quick-shop-shown .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-54 .product-grid-item[class*="product-loading"] .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-grid-item.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-54 .slider-type-product :is(.owl-stage-outer, .owl-carousel:not(.owl-loaded)) { padding-top: 3px; padding-bottom: 3px; } .retrinapro-ajaxproductstab-54 .quick-shop-shown .product-buttons, .retrinapro-ajaxproductstab-54 .quick-shop-shown .product-labels, .retrinapro-ajaxproductstab-54 .product-loading-quick-shop .product-buttons, .retrinapro-ajaxproductstab-54 .product-loading-quick-shop .product-labels { opacity: 0; } .retrinapro-ajaxproductstab-54 .product-loading-quick-shop .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-54 .product-loading-quick-shop .product-image-link { opacity: 0.2; } .retrinapro-ajaxproductstab-54 .products-bordered-grid-ins .product-wrapper { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.105); } @media (max-width: 991px) { .retrinapro-ajaxproductstab-54 .product-grid-item .hover-img { display: none; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-buttons { opacity: 1; transform: none; } .retrinapro-ajaxproductstab-54 .product-buttons { border-radius: 35px !important; } .retrinapro-ajaxproductstab-54 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-54 .product-buttons .product-action-btn > button { width: 35px !important; height: 35px !important; padding : 0 !important; } .retrinapro-ajaxproductstab-54 .product-buttons .product-action-btn > a i, .retrinapro-ajaxproductstab-54 .product-buttons .product-action-btn > button i { font-size: 14px !important; } .retrinapro-ajaxproductstab-54 .product-buttons .product-quick-view-icon, .retrinapro-ajaxproductstab-54 .product-buttons .product-compare-btn { display: none; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-54 .products-bordered-grid-ins .product-wrapper { padding: 10px; } } @media (max-width: 576px) { :is(.retrinapro-ajaxproductstab-54 .product-grid-item.rt-col-6, .owl-items-2 .product-grid-item) :is(.price, .star-rating, .product-entities-title, .product-product-cats, .product-product-brands-links, .product-product-sku, .product-product-stock span) { font-size: 90%; } } .retrinapro-ajaxproductstab-54 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-54 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; background-color: transparent; } .retrinapro-ajaxproductstab-54 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-ajaxproductstab-54 .price .ins { padding: 0; background-color: transparent; color: var(--barana-theme-primary-color); text-decoration: none; opacity: 1; } .retrinapro-ajaxproductstab-54 a{ text-decoration: none; } .retrinapro-ajaxproductstab-54 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; overflow:hidden; } .retrinapro-ajaxproductstab-54 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity .3s ease; } .retrinapro-ajaxproductstab-54 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); background: #fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 10%); transition: all .3s ease; opacity: 0; } .retrinapro-ajaxproductstab-54 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-54 .product-grid-item:hover .product-buttons.product-pos-r-b { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-54 .product-grid-item:hover .product-buttons.product-pos-r-t { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-grid-item { text-align: center; } .retrinapro-ajaxproductstab-54 .product-hover-icons .wrapp-buttons { position: absolute; right: 0; bottom: 10px; left: 0; visibility: hidden; text-align: center; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; backface-visibility: hidden; opacity: 0; transform: translateY(25px) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-action-btn { display: inline-flex; vertical-align: middle; --action-btn-color: var(--color-gray-800); --action-btn-hover-color: var(--color-gray-500); } .retrinapro-ajaxproductstab-54 .product-hover-icons .product-buttons { display: inline-flex; align-items: stretch; flex-direction: row; flex-wrap: nowrap; padding-inline-end: 7px; padding-inline-start: 7px; max-width: calc(100% - 20px); } .retrinapro-ajaxproductstab-54 .labels-rectangular { top: 15px; left:15px; } .retrinapro-ajaxproductstab-54 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius: 15px; margin-inline-end: 5px; } .retrinapro-ajaxproductstab-54 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-54 .product-grid-item .product-buttons button{ color:#000; } .retrinapro-ajaxproductstab-54 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-ajaxproductstab-54 .product-grid-item:hover .product-buttons { opacity:1; } .retrinapro-ajaxproductstab-54 .product-hover-icons .product-buttons .product-action-btn { flex: 1 1 auto; max-width: 43px; width: 100vw; } .retrinapro-ajaxproductstab-54 .product-hover-icons .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-54 .product-hover-icons .product-buttons .product-action-btn > button { width: 100%; } .retrinapro-ajaxproductstab-54 .product-hover-icons:hover .wrapp-buttons { visibility: visible; opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-hover-icons.quick-shop-shown .wrapp-buttons, .retrinapro-ajaxproductstab-54 .product-hover-icons.product-swatched .wrapp-buttons, .retrinapro-ajaxproductstab-54 .product-hover-icons[class*="product-loading"] .wrapp-buttons { visibility: hidden; opacity: 0; transform: translateY(25px) translateZ(0); } .retrinapro-ajaxproductstab-54 .product-hover-icons.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .wrapp-buttons { visibility: visible; opacity: 1; transform: translateY(0) translateZ(0); } @media (max-width: 991px) { .retrinapro-ajaxproductstab-54 .product-hover-icons .product-buttons { padding-inline-end: 3px; padding-inline-start: 3px; } .retrinapro-ajaxproductstab-54 .product-hover-icons .product-buttons .product-action-btn { max-width: 35px; } .retrinapro-ajaxproductstab-54 .product-hover-icons .wrapp-buttons { visibility: visible; opacity: 1; transform: none; } } .retrinapro-ajaxproductstab-54 .product-grid-item .product-entities-title{ color:#333; } .retrinapro-ajaxproductstab-54 .products{ position:relative; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > div { position: static; visibility: visible; margin-top: 0; width: 30px; height: 40px; opacity: 1; transform: none; pointer-events: visible; } .retrinapro-ajaxproductstab-54 .flickity-button, .product-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; user-select:none; } .retrinapro-ajaxproductstab-54 .flickity-button, .product-btn-arrow.disabled { color: var(--color-gray-400); cursor: default; user-select:none; } .retrinapro-ajaxproductstab-54.product-products-tabs.tabs-design-simple :is( .owl-nav,.wrap-loading-arrow)>div:after { font-weight: 700; font-size: 14px; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*=prev]:after { font-family: bootstrap-icons; content: "\F284"; } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*=next]:after { font-family: bootstrap-icons; content: "\F285"; } .retrinapro-ajaxproductstab-54 .product-grid-item .product-image-link { display:block; } .retrinapro-ajaxproductstab-54 .product-grid-item{ padding-inline-end:calc(24px / 2); padding-inline-start:calc(24px / 2); margin-bottom:24px; } .retrinapro-ajaxproductstab-54 .labels-rectangular { top: 15px; left:15px; } .retrinapro-ajaxproductstab-54 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius:15px; } .retrinapro-ajaxproductstab-54 .labels-rectangular .label-with-img { padding: 0; max-width: 50px; } @media (max-width: 576px) { .retrinapro-ajaxproductstab-54 .labels-rectangular .product-label { padding-inline-end: 5px; padding-inline-start: 5px; font-size: 10px; } .retrinapro-ajaxproductstab-54 .labels-rectangular .label-with-img { padding-inline-end: 0; padding-inline-start: 0; } } .retrinapro-ajaxproductstab-54 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-ajaxproductstab-54 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-ajaxproductstab-54 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-54 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-54 .product-label.featured { background-color: #e22d2d; } .retrinapro-ajaxproductstab-54 .product-label.new { background-color: #438e44; } .retrinapro-ajaxproductstab-54 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-ajaxproductstab-54 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-54 .product-label { min-width: 40px; } .retrinapro-ajaxproductstab-54 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-ajaxproductstab-54 .owl-carousel { position: relative; z-index: 1; width: 100%; -webkit-tap-highlight-color: transparent; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-stage { position: relative; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0, 0); } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-wrapper, .retrinapro-ajaxproductstab-54 .owl-carousel .owl-item { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-item { position: relative; float: left; min-height: 1px; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-nav.disabled, .retrinapro-ajaxproductstab-54 .owl-carousel .owl-dots.disabled { display: none; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-nav .owl-prev, .retrinapro-ajaxproductstab-54 .owl-carousel .owl-nav .owl-next, .retrinapro-ajaxproductstab-54 .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .retrinapro-ajaxproductstab-54 .owl-carousel.owl-loaded { display: block; } .retrinapro-ajaxproductstab-54 .owl-carousel.owl-loading { display: block; opacity: 0; } .retrinapro-ajaxproductstab-54 .owl-carousel.owl-hidden { opacity: 0; } .retrinapro-ajaxproductstab-54 .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .retrinapro-ajaxproductstab-54 .owl-carousel.owl-drag .owl-item { user-select: none; } .retrinapro-ajaxproductstab-54 .owl-carousel.owl-grab { cursor: move; cursor: grab; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-item.animated { animation-duration: 600ms; animation-fill-mode: both; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-item.fadeOut { animation-name: product-fadeOut; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-animated-in { z-index: 0; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-animated-out { z-index: 1; } .retrinapro-ajaxproductstab-54 .owl-height { transition: height 500ms ease-in-out; } .retrinapro-ajaxproductstab-54 .owl-carousel:not(.owl-loaded) { display: flex; overflow: hidden; } .retrinapro-ajaxproductstab-54 [data-hide_pagination_control="no"] .owl-carousel:not(.owl-loaded) { padding-bottom: 41px !important; } .retrinapro-ajaxproductstab-54 .owl-loaded:after, .retrinapro-ajaxproductstab-54 .owl-loaded:before { content: ""; position: absolute; top: 0; bottom: 0; width: 50px; } .retrinapro-ajaxproductstab-54 .owl-loaded:before { right: -50px; } .retrinapro-ajaxproductstab-54 .owl-loaded:after { left: -50px; } .retrinapro-ajaxproductstab-54 .owl-dots { margin-top: 5px; text-align: center; } .retrinapro-ajaxproductstab-54 .owl-dots .owl-dot { display: inline-block; margin-top: 10px; } .retrinapro-ajaxproductstab-54 .owl-dots .owl-dot span { display: block; margin: 5px; width: 10px; height: 10px; border: 2px solid var(--color-gray-300); border-radius: 50%; transition: all 0.25s ease; } .retrinapro-ajaxproductstab-54 .owl-dots .owl-dot:not(.active):hover span { border-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-54 .owl-dots .owl-dot.active span { border-color: var(--color-gray-800); background-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-54 .owl-nav > [class*="prev"] { left: 0; } .retrinapro-ajaxproductstab-54 .owl-nav > [class*="next"] { right: 0; } .retrinapro-ajaxproductstab-54 [class*="owl-carousel"] { margin-inline-end: calc((var(--product-car-sp) / 2) * -1); margin-inline-start: calc((var(--product-car-sp) / 2) * -1); --product-car-sp: 0.001px; } .retrinapro-ajaxproductstab-54 [class*="owl-carousel"] .owl-item, .retrinapro-ajaxproductstab-54 [class*="owl-carousel"] .owl-carousel:not(.owl-loaded) > button { padding-inline-end: calc(var(--product-car-sp) / 2); padding-inline-start: calc(var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-nav > [class*="prev"] { left: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-nav > [class*="next"] { right: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-54 .owl-nav .product-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*="prev"] { transform: translateX(-30px); } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*="prev"]:after { content: "\F284"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*="next"] { transform: translateX(30px); } .retrinapro-ajaxproductstab-54 .product-btn-arrow[class*="next"]:after { content: "\F285"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-54 .browser-Safari .product-btn-arrow { visibility: visible; } .retrinapro-ajaxproductstab-54 .flickity-button, .retrinapro-ajaxproductstab-54 .owl-nav .product-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-54 .flickity-button:after, .retrinapro-ajaxproductstab-54 .product-btn-arrow:after { font-size: 24px; line-height: 1; } .retrinapro-ajaxproductstab-54 .owl-carousel:hover .owl-nav > button, .retrinapro-ajaxproductstab-54 .show-arrow .wrap-loading-arrow > div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; } .retrinapro-ajaxproductstab-54 .show-arrow .wrap-loading-arrow > div { position:fixed; } .retrinapro-ajaxproductstab-54 .product-btn-arrow:hover { color: var(--color-gray-500); } @media (max-width: 991px){ .retrinapro-ajaxproductstab-54 .owl-nav> button { visibility: visible; opacity: 1; pointer-events: visible; } .retrinapro-ajaxproductstab-54 .flickity-button:after, .retrinapro-ajaxproductstab-54 .product-btn-arrow:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-nav>[class*=prev] { margin-inline-start: 35px; } .retrinapro-ajaxproductstab-54 .owl-carousel .owl-nav>[class*=next] { margin-inline-end: 35px; } .retrinapro-ajaxproductstab-54 .product-btn-arrow:is( [class*=prev],[class*=next]) { transform: translateX(0); } } :root { --product-form-brd-radius: 5px; --product-form-brd-width: 2px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-shop-color: #fff; --btn-shop-color-hover: #fff; --btn-accent-color: #fff; --btn-accent-color-hover: #fff; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-shop-brd-radius: 5px; --btn-shop-box-shadow: none; --btn-shop-box-shadow-hover: none; --btn-accent-brd-radius: 0px; --btn-accent-box-shadow: none; --btn-accent-box-shadow-hover: none; --btn-accent-box-shadow-active: none; --btn-accent-bottom: 0px; --product-brd-radius: 5px; --notices-warning-color: #fff; --notices-warning-bg: #E0B252; --notices-success-color: #fff; --notices-success-bg: #459647; --btn-accent-bgcolor-hover: #c40538; --btn-accent-bgcolor: #d60644; --btn-shop-bgcolor-hover: var(--barana-theme-primary-color); --btn-shop-bgcolor: #d60644; --btn-default-bgcolor-hover: #efefef; --btn-default-bgcolor: #f7f7f7; --product-link-color: #333333; --product-link-color-hover: #242424; --product-alternative-color: #fbbc34; --product-primary-color: #d60644; --product-text-line-height: 1.6; --product-brd-radius: .001px; --product-form-height: 42px; --product-form-color: inherit; --product-form-placeholder-color: inherit; --product-form-bg: transparent; --product-form-brd-color: rgba(0, 0, 0, 0.1); --product-form-brd-color-focus: rgba(0, 0, 0, 0.15); --product-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --product-main-bgcolor: #FFF; --product-scroll-w: .001px; --product-admin-bar-h: .001px; --product-tags-mb: 20px; --product-block-spacing: 20px; --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255,255,255; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --prodcut-primary-color: #d60644; } /* */ .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-default { padding: 12px 20px; --barana-dropdown-width: 220px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-default > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-default .barana-dropdown { top: 0; left: 100%; padding: 12px 20px; width: var(--barana-dropdown-width); margin: 0 0 0 20px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-default .barana-dropdown:after { top: 0; bottom: 0; right: 100%; left: auto; width: 20px; height: auto; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-default .menu-item-has-children > a:after { margin-inline-start: auto; color: rgba(82, 82, 82, 0.45); font-weight: 600; font-size: 55%; line-height: 1; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-default.color-scheme-light .menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu:is(.barana-design-sized, .barana-design-full-width) .barana-sub-menu > li { margin-bottom: 25px; width: 200px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-full-width { padding-top: 30px; padding-inline-start: var(--barana-scroll-w); border-radius: 0; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-sized, .retrinapro-ajaxproductstab-985 .barana-nav-vertical .barana-dropdown-menu.barana-design-full-width { padding: 30px 35px 0 35px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-sized > .container, .retrinapro-ajaxproductstab-985 .barana-nav-vertical .barana-dropdown-menu:is(.barana-design-full-width, .barana-design-aside) > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside { padding-inline-start: var(--barana-scroll-w); background: transparent; box-shadow: none; pointer-events: none !important; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp { position: relative; border-radius: var(--barana-brd-radius); background-color: var(--bgcolor-white); background-image: var(--barana-dropdown-bg-img); background-position: bottom right; background-clip: border-box; background-repeat: no-repeat; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); transition: background-image 0.25s ease, background-color 0.25s ease; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu { min-height: var(--barana-dropdown-height); max-width: 270px; transition: border-radius 0.25s ease; border-top-left-radius: var(--barana-brd-radius); border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li { position: static; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:first-child > a { border-top-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:last-child > a { border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { margin-inline-start: auto; color: inherit; font-weight: 600; font-size: 60%; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item { background-color: transparent; background-image: none; box-shadow: none; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu { box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); border-top-right-radius: var(--barana-brd-radius); border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:first-child > a { border-top-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:last-child > a { border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-985 .menu-item:hover .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-985 .menu-item:hover .barana-dropdown-menu.barana-design-aside:after, .retrinapro-ajaxproductstab-985 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-985 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside:after { pointer-events: auto !important; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-dropdown { position: absolute; top: 0; bottom: 0; right: 0; left: 270px; overflow: hidden; overflow-y: auto; margin: 0 !important; padding: 30px 35px 0 35px; max-height: 100%; width: auto; border-radius: 0; background: transparent; box-shadow: none; transition: all 0.25s ease; transform: none; scrollbar-width: thin; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-dropdown > .container { padding: 0; max-width: none; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-bl-menu { padding-inline-end: 20px; padding-inline-start: 20px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu { display: flex; flex-wrap: wrap; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu > li { margin-bottom: 25px; padding-inline-end: 15px; padding-inline-start: 15px; width: 200px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--bgcolor-white); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 12px 18px; color: var(--color-gray-800); text-transform: unset; font-weight: 600; font-size: 14px; line-height: 20px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-gray-200); color: var(--color-gray-700); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:not(:last-child) { border-bottom: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-dropdown { border-left: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--barana-primary-color); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 18px 20px; color: #fff; text-transform: unset; font-weight: 600; font-size: 16px; line-height: 24px; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-985 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { margin-inline-end: 10px; max-height: 20px; filter: brightness(0) invert(1); transition: all 0.25s ease; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-white); color: var(--color-gray-800); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .barana-nav-img, .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .mega-menu-list img, .retrinapro-ajaxproductstab-985 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a img, .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .barana-nav-img, .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .mega-menu-list img, .retrinapro-ajaxproductstab-985 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a img { filter: brightness(1) invert(0); } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light { --nav-color: #fff; } .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-985 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-985 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { filter: brightness(0) invert(1); } /* */ .retrinapro-ajaxproductstab-985 .product-nav-img, .retrinapro-ajaxproductstab-985 .mega-menu-list img { display: inline-block; margin-inline-end: 7px; max-height: 18px; width: auto !important; } .retrinapro-ajaxproductstab-985 .product-nav-img img, .retrinapro-ajaxproductstab-985 .mega-menu-list img img { max-height: 18px; } .retrinapro-ajaxproductstab-985 .product-nav { --nav-gap: 10px; display: inline-flex; justify-content: var(--text-align); flex-wrap: wrap; margin-inline-end: calc(var(--nav-gap) / -1); margin-inline-start: calc(var(--nav-gap) / -1); text-align: left; } .retrinapro-ajaxproductstab-985 .product-nav > li { position: relative; list-style:none; } .retrinapro-ajaxproductstab-985 ul { padding-inline-start:0; list-style:none; } .retrinapro-ajaxproductstab-985 .wrap-quickview-button, .retrinapro-ajaxproductstab-985 .quick-view { display:none !important; } .retrinapro-ajaxproductstab-985 .product-nav > li > a { position: relative; display: flex; align-items: center; flex-direction: row; padding-inline-end: var(--nav-gap); padding-inline-start: var(--nav-gap); font-weight: 600; font-size: 13px; text-transform: uppercase; line-height: 1.2; } .retrinapro-ajaxproductstab-985 .product-nav > li > a .product-nav-icon { margin-inline-end: 7px; font-size: 115%; } .retrinapro-ajaxproductstab-985 .product-nav > li > a .menu-label { left: calc(100% - 30px); margin-inline-start: 0; } .retrinapro-ajaxproductstab-985 .product-nav > li.product-has-children > a:after, .retrinapro-ajaxproductstab-985 .product-nav > li.menu-item-has-children > a:after { margin-inline-start: 4px; font-weight: normal; font-style: normal; font-size: 50%; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .product-nav li.color-primary { --nav-color: var(--barana-theme-primary-color); --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-985 .product-nav.product-gap-m { --nav-gap: 15px; } .retrinapro-ajaxproductstab-985 .product-nav.product-gap-l { --nav-gap: 20px; } .retrinapro-ajaxproductstab-985 .product-nav-opener { position: relative; z-index: 1; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 50px; color: var(--color-gray-900); cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-985 .product-nav-opener:after { font-weight: 700; font-size: 12px; transition: transform 0.25s ease; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .product-nav-opener:hover { color: var(--color-gray-900); } .retrinapro-ajaxproductstab-985 .product-nav-opener.product-active { color: var(--color-gray-700); } .retrinapro-ajaxproductstab-985 .product-nav-opener.product-active:after { transform: rotate(90deg); } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] { --nav-color: #333; --nav-color-hover: rgba(51, 51, 51, 0.7); --nav-color-active: rgba(51, 51, 51, 0.7); --nav-chevron-color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] > li > a { color: var(--nav-color); } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] > li:hover > a { color: var(--nav-color-hover); } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] > li.current-menu-item > a, .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] > li.product-active > a, .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] > li.active > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] > li.product-has-children > a:after, .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-"] > li.menu-item-has-children > a:after { color: var(--nav-chevron-color); } .retrinapro-ajaxproductstab-985 .color-scheme-light .product-nav[class*="product-style-"], .retrinapro-ajaxproductstab-985 .retrinapro-color-light .product-nav[class*="product-style-"] { --nav-color: #fff; --nav-color-hover: rgba(255, 255, 255, 0.8); --nav-color-active: rgba(255, 255, 255, 0.8); --nav-chevron-color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-985 .product-nav.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-985 .product-nav.product-style-bordered > li, .retrinapro-ajaxproductstab-985 .product-nav.product-style-separated > li { display: flex; flex-direction: row; } .retrinapro-ajaxproductstab-985 .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-985 .product-nav.product-style-separated > li:not(:last-child):after { content: ""; border-right: 1px solid rgba(0, 0, 0, 0.105); } .retrinapro-ajaxproductstab-985 .retrinapro-color-light .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-985 .retrinapro-color-light .product-nav.product-style-separated > li:not(:last-child):after { border-color: rgba(255, 255, 255, 0.25); } .retrinapro-ajaxproductstab-985 .product-nav.product-style-separated > li { align-items: center; } .retrinapro-ajaxproductstab-985 .product-nav.product-style-separated > li:not(:last-child):after { height: 18px; } .retrinapro-ajaxproductstab-985 .product-nav.product-style-bordered > li { align-items: stretch; } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-underline"] .nav-link-text, .retrinapro-ajaxproductstab-985 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text { line-height: 1.2; position: relative; display: inline-block; padding-top: 1px; padding-bottom: 1px; } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-underline"] .nav-link-text:after, .retrinapro-ajaxproductstab-985 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after, .retrinapro-ajaxproductstab-985 .product-checkout-steps li span:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 2px; transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-underline"] > li:hover > a .nav-link-text:after, .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-underline"] > li.current-menu-item > a .nav-link-text:after, .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-underline"] > li.product-active > a .nav-link-text:after, .retrinapro-ajaxproductstab-985 .product-nav[class*="product-style-underline"] > li.active > a .nav-link-text:after, .retrinapro-ajaxproductstab-985 .retrinapro-ajaxproductstab-985.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after, .retrinapro-ajaxproductstab-985 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a:hover .vc_tta-title-text:after, .retrinapro-ajaxproductstab-985 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab.vc_active .vc_tta-title-text:after, .retrinapro-ajaxproductstab-985 .product-checkout-steps .step-active span:after { width: 100%; } /* */ .retrinapro-ajaxproductstab-985.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after { width: 100%; } .retrinapro-ajaxproductstab-985.product-tabs .tabs-name { margin-bottom: 10px; text-transform: uppercase; font-size: 22px; } .retrinapro-ajaxproductstab-985.product-tabs .tabs-name > span { vertical-align: middle; } .retrinapro-ajaxproductstab-985.product-tabs .tabs-name .img-wrapper { display: inline-block; margin-inline-end: 10px; } .retrinapro-ajaxproductstab-985 .product-nav-tabs { align-items: center; --nav-gap: 0px; padding:0; margin:0; } .retrinapro-ajaxproductstab-985 .product-nav-tabs > li > a { padding: 10px 0; vertical-align: bottom; font-weight: var(--product-title-font-weight); font-style: var(--product-title-font-style); font-size: 16px; font-family: var(--product-title-font); line-height: 1; } .retrinapro-ajaxproductstab-985 .product-nav-tabs > li:not(:last-child) { margin-inline-end: 30px; } .retrinapro-ajaxproductstab-985.product-tabs-header, .retrinapro-ajaxproductstab-985.product-tabs-desc, .product-nav-tabs-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .product-tabs-header { display: flex; align-items: flex-end; margin-bottom: 20px; border-bottom: 2px solid var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .tabs-name { position: relative; z-index: 1; margin-bottom: -2px; margin-inline-end: 25px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid var(--barana-theme-primary-color); vertical-align: middle; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .tabs-name > span { vertical-align: bottom; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .tabs-name .img-wrapper { margin-inline-start: 4px; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { margin-bottom: 0; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .product-nav-tabs li a { min-height: 42px; font-size: 14px; } .retrinapro-ajaxproductstab-985.product-tabs:not(.product-inited) .product-nav-tabs > li:first-child > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-985 .color-scheme-light .product-nav-tabs.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-985 .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(51, 51, 51, 0.7); --nav-color-hover: #333; --nav-color-active: #333; } .retrinapro-ajaxproductstab-985 .color-scheme-light .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(255, 255, 255, 0.7); --nav-color-hover: #fff; --nav-color-active: #fff; } .retrinapro-ajaxproductstab-985 .product-nav-tabs .img-wrapper { min-width: max-content; } .retrinapro-ajaxproductstab-985 .product-nav-tabs.product-icon-pos-top { align-items: flex-end; } .retrinapro-ajaxproductstab-985 .product-nav-tabs.product-icon-pos-top a { flex-direction: column; } .retrinapro-ajaxproductstab-985 .product-nav-tabs.product-icon-pos-top .img-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-985 .product-nav-tabs.product-icon-pos-left a { flex-direction: row; } .retrinapro-ajaxproductstab-985 .product-nav-tabs.product-icon-pos-left .img-wrapper { margin-inline-end: 10px; } .retrinapro-ajaxproductstab-985 .product-nav-tabs.product-icon-pos-right a { flex-direction: row-reverse; } .retrinapro-ajaxproductstab-985 .product-nav-tabs.product-icon-pos-right .img-wrapper { margin-inline-start: 10px; } .retrinapro-ajaxproductstab-985.product-retrinapro.product-tabs:not(.product-products-tabs) .product-nav-tabs > li > a { font-weight: inherit; font-size: inherit; font-family: inherit; } .retrinapro-ajaxproductstab-985.product-tabs.product-fontsize-custom .product-nav-tabs > li > a { line-height: inherit; } .retrinapro-ajaxproductstab-985.product-tabs:not(.product-inited) .product-tab-content:first-child { display: block; opacity: 1; transform: none; } .retrinapro-ajaxproductstab-985.product-tabs .product-tab-content { display: none; opacity: 0; transition: all 0.3s ease; transform: translateY(30px); } .retrinapro-ajaxproductstab-985.product-tabs .product-tab-content.product-active { display: block; } .retrinapro-ajaxproductstab-985.product-tabs .product-tab-content.product-in { opacity: 1; transform: none; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside { position: relative; display: flex; --product-side-width: 300px; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside .product-tabs-header { position: static; flex: 1 0 var(--product-side-width); padding-inline-end: 15px; text-align: left; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside :is(.product-tabs-header, .product-nav-tabs-wrapper) { margin-bottom: 0; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside .product-nav-tabs { display: block; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside .product-nav-tabs > li { margin-inline-end: 0; cursor: pointer; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside .product-nav-tabs > li > a { display: inline-flex; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside .product-tab-content-wrapper { max-width: calc(100% - var(--product-side-width)); width: 100%; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-alt .product-tabs-header { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-985.product-tabs .product-tabs-header .svg-icon { width: 25px !important; height: 25px !important; } .retrinapro-ajaxproductstab-985.product-tabs .product-tabs-header .img-wrapper img { max-height: 25px; width: auto; } .retrinapro-ajaxproductstab-985 .product-nav-tabs { flex-wrap: nowrap; white-space: nowrap; } .retrinapro-ajaxproductstab-985 .product-nav-tabs-wrapper { overflow-x: auto; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .product-tabs-header { align-items: flex-start; flex-direction: column; margin-bottom: 10px; border-bottom: none; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .tabs-name { margin-inline-end: 0; } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { flex: 1 1 auto; padding-top: 10px; max-width: 100%; width: 100%; border-top: 2px solid var(--brdcolor-gray-300); } } /* */ .retrinapro-ajaxproductstab-985.product-products-tabs :is(.product-tabs-header, .product-nav-tabs-wrapper) { position: relative; } .retrinapro-ajaxproductstab-985.product-products-tabs .product-tab-content-wrapper { display: block; visibility: visible; opacity: 1; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease; transform: none; } .retrinapro-ajaxproductstab-985.product-products-tabs .product-tab-content-wrapper.loading { visibility: hidden; opacity: 0; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease 0.3s; transform: translateY(30px); pointer-events: none; } .retrinapro-ajaxproductstab-985.product-products-tabs:is(.tabs-design-default, .tabs-design-alt) .product-tab-content-wrapper.loading .wrap-loading-arrow { display: none; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { position: absolute; top: -62px; animation: product-fadeIn 0.5s ease both 0.3s; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button { position: static; visibility: visible; margin-top: 0; width: 30px; height: 40px; opacity: 1; transform: none; pointer-events: visible; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:is([class*="prev"], [class*="next"]) { margin: 0; padding: 0; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .wrap-loading-arrow { right: 5px; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .owl-nav { right: 0; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .owl-nav { right: 5px; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .owl-loaded:after, .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .owl-loaded:before { content: none; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .product-products-loader .product-loader { position: absolute; top: 30px; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .product-tab-content-wrapper.loading :is(.owl-nav, .wrap-loading-arrow) { display: none; } .retrinapro-ajaxproductstab-985.product-products-tabs.element-loading .product-tab-content-wrapper .product-products-loader { display: none !important; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-aside .product-retrinapro { margin-bottom: 0; } .retrinapro-ajaxproductstab-985 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-985 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-985 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-aside .product-tabs-loader { top: 0; left: var(--product-side-width); } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { top: -103px; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple .owl-carousel .owl-nav { right: -5px; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > div { justify-content: center; } } /* */ .retrinapro-ajaxproductstab-985 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-985 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-985 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .retrinapro-ajaxproductstab-985 .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } /* */ .retrinapro-ajaxproductstab-985 .product-tabs-header{ text-align:center; } .product-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*="prev"] { transform: translateX(-30px); } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*="next"] { transform: translateX(30px); } .retrinapro-ajaxproductstab-985 .product-tabs-header{ text-align:center; } .retrinapro-ajaxproductstab-985 .wrap-loading-arrow > div { position:fixed; } .retrinapro-ajaxproductstab-985 .owl-carousel:hover .owl-nav > button, .retrinapro-ajaxproductstab-985 .show-arrow .wrap-loading-arrow > div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; position:fixed; } .retrinapro-ajaxproductstab-985.product-tabs .tabs-name{ } .retrinapro-ajaxproductstab-985.product-tabs.tabs-design-aside { --product-side-width: 30px; } /* */ .retrinapro-ajaxproductstab-985 .product-grid-item .product-entities-title a{ display:inline-block; color:inherit; } .retrinapro-ajaxproductstab-985 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .retrinapro-ajaxproductstab-985 .del{ text-decoration-color: var(--color-gray-300); text-decoration-line:line-through; } .retrinapro-ajaxproductstab-985 .del .amount { color: var(--color-gray-300); font-weight: 400; } .retrinapro-ajaxproductstab-985 .btn,.retrinapro-ajaxproductstab-985 .button,.retrinapro-ajaxproductstab-985 [type=button],.retrinapro-ajaxproductstab-985 [type=submit],.retrinapro-ajaxproductstab-985 button:not(.product-action-btn button) { padding: 12px 20px; font-size: 13px; line-height: 18px; background-color: #f3f3f3; color: #3e3e3e; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border: 0 solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; font-weight: 400; cursor: pointer; transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease; } .retrinapro-ajaxproductstab-985 .product-buttons[class*="product-pos-r"] .product-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position:absolute; } .retrinapro-ajaxproductstab-985 .product-buttons[class*="product-pos-r"] .product-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .retrinapro-ajaxproductstab-985 .product-grid-item { text-align: center; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-wrapper { border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-985 .product-grid-item :is(.product-image-link, .hover-img) img { width: 100%; border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-985 .product-grid-item .product-image-link { display: block; } .retrinapro-ajaxproductstab-985 .product-grid-item .hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--bgcolor-white); opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-985 .product-grid-item .hover-img > a { display: block; flex: 1 1 100%; max-width: 100%; width: 100%; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-entities-title, .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-brands-links { margin-bottom: 5px; font-size: inherit; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-brands-links { font-size: 95%; --product-link-color: var(--color-gray-400); --product-link-color-hover: var(--color-gray-700); } .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-cats a, .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-brands-links a { display: inline-block; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-sku { margin-bottom: 5px; color: var(--color-gray-400); word-break: break-all; font-size: 95%; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-sku .product-label { color: var(--color-gray-800); font-weight: 600; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-countdown, .retrinapro-ajaxproductstab-985 .product-grid-item .product-progress-bar { margin-top: 10px; } .retrinapro-ajaxproductstab-985 .product-grid-item .star-rating, .retrinapro-ajaxproductstab-985 .product-grid-item .product-star-rating, .retrinapro-ajaxproductstab-985 .product-grid-item .product-swatches-grid, .retrinapro-ajaxproductstab-985 .product-grid-item .product-product-stock { margin-bottom: 5px; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-star-rating .star-rating { margin-bottom: 0; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-swatches-grid:empty { display: none; } .retrinapro-ajaxproductstab-985 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; } .retrinapro-ajaxproductstab-985 .product-grid-item .added_to_cart { display: none !important; } .retrinapro-ajaxproductstab-985 .product-grid-item .shop_attributes { font-size: 90%; --product-attr-v-gap: 10px; --product-attr-brd-style: dashed; } .retrinapro-ajaxproductstab-985 .product-grid-item.product-swatched .hover-img { display: none; } .retrinapro-ajaxproductstab-985 .product-grid-item.product-loading-image .hover-img { display: none; } .retrinapro-ajaxproductstab-985 .product-grid-item.product-loading-image .product-image-link { opacity: 0.4; } .retrinapro-ajaxproductstab-985 .product-grid-item.product-loading-image .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-985 .product-grid-item.quick-shop-shown .product-element-top .hover-img, .retrinapro-ajaxproductstab-985 .product-grid-item.product-loading-quick-shop .product-element-top .hover-img { opacity: 0; transition: opacity 0.25s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-985 .product-spacing-0 .product-grid-item:not([class*="product-hover-info"]), .retrinapro-ajaxproductstab-985 .product-spacing-2 .product-grid-item:not([class*="product-hover-info"]) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-985 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-985 .product-element-top:after { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -16px; margin-inline-start: -16px; opacity: 0; transition: opacity 0.1s ease, visibility 0.1s ease; content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: #242424; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-985 .product-element-top:hover .hover-img { opacity: 1; transform: scale(1.09); } .retrinapro-ajaxproductstab-985 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius) / 1.2); background: var(--bgcolor-white); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .retrinapro-ajaxproductstab-985 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-985 .product-buttons .product-action-btn > button { height: 45px; } .retrinapro-ajaxproductstab-985 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-985 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-985 .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-grid-item.product-swatched .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-985 .product-grid-item.quick-shop-shown .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-985 .product-grid-item[class*="product-loading"] .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-grid-item.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-985 .slider-type-product :is(.owl-stage-outer, .owl-carousel:not(.owl-loaded)) { padding-top: 3px; padding-bottom: 3px; } .retrinapro-ajaxproductstab-985 .quick-shop-shown .product-buttons, .retrinapro-ajaxproductstab-985 .quick-shop-shown .product-labels, .retrinapro-ajaxproductstab-985 .product-loading-quick-shop .product-buttons, .retrinapro-ajaxproductstab-985 .product-loading-quick-shop .product-labels { opacity: 0; } .retrinapro-ajaxproductstab-985 .product-loading-quick-shop .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-985 .product-loading-quick-shop .product-image-link { opacity: 0.2; } .retrinapro-ajaxproductstab-985 .products-bordered-grid-ins .product-wrapper { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.105); } @media (max-width: 991px) { .retrinapro-ajaxproductstab-985 .product-grid-item .hover-img { display: none; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-buttons { opacity: 1; transform: none; } .retrinapro-ajaxproductstab-985 .product-buttons { border-radius: 35px !important; } .retrinapro-ajaxproductstab-985 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-985 .product-buttons .product-action-btn > button { width: 35px !important; height: 35px !important; padding : 0 !important; } .retrinapro-ajaxproductstab-985 .product-buttons .product-action-btn > a i, .retrinapro-ajaxproductstab-985 .product-buttons .product-action-btn > button i { font-size: 14px !important; } .retrinapro-ajaxproductstab-985 .product-buttons .product-quick-view-icon, .retrinapro-ajaxproductstab-985 .product-buttons .product-compare-btn { display: none; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-985 .products-bordered-grid-ins .product-wrapper { padding: 10px; } } @media (max-width: 576px) { :is(.retrinapro-ajaxproductstab-985 .product-grid-item.rt-col-6, .owl-items-2 .product-grid-item) :is(.price, .star-rating, .product-entities-title, .product-product-cats, .product-product-brands-links, .product-product-sku, .product-product-stock span) { font-size: 90%; } } .retrinapro-ajaxproductstab-985 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-985 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; background-color: transparent; } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-ajaxproductstab-985 .price .ins { padding: 0; background-color: transparent; color: var(--barana-theme-primary-color); text-decoration: none; opacity: 1; } .retrinapro-ajaxproductstab-985 a{ text-decoration: none; } .retrinapro-ajaxproductstab-985 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; overflow:hidden; } .retrinapro-ajaxproductstab-985 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity .3s ease; } .retrinapro-ajaxproductstab-985 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); background: #fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 10%); transition: all .3s ease; opacity: 0; } .retrinapro-ajaxproductstab-985 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons.product-pos-r-b { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons.product-pos-r-t { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-hover-standard .product-add-btn { margin-top: 10px; } .retrinapro-ajaxproductstab-985 .product-hover-standard .product-add-btn > a, .retrinapro-ajaxproductstab-985 .product-hover-standard .product-add-btn > button { border-radius: var(--btn-shop-brd-radius); color: var(--btn-shop-color); box-shadow: var(--btn-shop-box-shadow); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-985 .product-hover-standard .product-add-btn > a:hover, .retrinapro-ajaxproductstab-985 .product-hover-standard .product-add-btn > button:hover { color: var(--btn-shop-color-hover); box-shadow: var(--btn-shop-box-shadow-hover); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-985 .product-hover-standard .product-add-btn > a:active, .retrinapro-ajaxproductstab-985 .product-hover-standard .product-add-btn > button:active { box-shadow: var(--btn-shop-box-shadow-active); bottom: var(--btn-shop-bottom-active); } .retrinapro-ajaxproductstab-985 .product-hover-standard .add-to-cart-loop span { padding: 10px 14px; font-size: 12px; line-height: 16px; } .retrinapro-ajaxproductstab-985 .product-hover-standard.product-quantity .product-add-btn { margin-top: 5px; } .retrinapro-ajaxproductstab-985 .product-hover-standard.product-quantity .product-add-btn div.quantity input[type="button"], .retrinapro-ajaxproductstab-985 .product-hover-standard.product-quantity .product-add-btn div.quantity input[type="number"] { height: 36px; } .retrinapro-ajaxproductstab-985 .product-hover-standard.product-quantity .product-add-btn div.quantity, .retrinapro-ajaxproductstab-985 .product-hover-standard.product-quantity .product-add-btn .add-to-cart-loop { margin-top: 5px; margin-inline-end: 2px; margin-inline-start: 2px; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; display: inline-flex; align-items: center; justify-content: center; position: relative; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F23F"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-985 .product-grid-item .product-buttons button{ color:#000; } .retrinapro-ajaxproductstab-985 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-ajaxproductstab-985 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-ajaxproductstab-985 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-985 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-985 .product-label.featured { background-color: #e22d2d; } .retrinapro-ajaxproductstab-985 .product-label.new { background-color: #438e44; } .retrinapro-ajaxproductstab-985 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-ajaxproductstab-985 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-985 .product-label { min-width: 40px; } .retrinapro-ajaxproductstab-985 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-ajaxproductstab-985 div.quantity { display: inline-flex; vertical-align: top; white-space: nowrap; font-size: 0; } .retrinapro-ajaxproductstab-985 div.quantity input[type="number"]::-webkit-inner-spin-button, .retrinapro-ajaxproductstab-985 div.quantity input[type="number"]::-webkit-outer-spin-button, .retrinapro-ajaxproductstab-985 div.quantity input[type="number"] { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .retrinapro-ajaxproductstab-985 div.quantity input[type="number"], .retrinapro-ajaxproductstab-985 div.quantity input[type="button"] { display: inline-block; color: inherit; } .retrinapro-ajaxproductstab-985 div.quantity input[type="number"] { width: 30px; height: 42px; border-radius: 0; border:2px solid rgba(0, 0, 0, 0.1); border-left: none; border-right: none; background: transparent; color: inherit; font-size: 14px; text-align: center; vertical-align: middle; } .retrinapro-ajaxproductstab-985 .browser-Firefox div.quantity input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .retrinapro-ajaxproductstab-985 div.quantity input[type="button"] { padding: 0 5px; min-width: 25px; height: 42px; border: 2px solid rgba(0, 0, 0, 0.1); background: transparent; box-shadow: none; } .retrinapro-ajaxproductstab-985 div.quantity input[type="button"]:hover { color: #fff; background-color: var(--barana-theme-primary-color); border-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-985 div.quantity .minus { border-start-start-radius: var(--product-form-brd-radius); border-end-start-radius: var(--product-form-brd-radius); } .retrinapro-ajaxproductstab-985 div.quantity .plus { border-start-end-radius: var(--product-form-brd-radius); border-end-end-radius: var(--product-form-brd-radius); } .retrinapro-ajaxproductstab-985 div.quantity.hidden { display: none !important; } .retrinapro-ajaxproductstab-985 .form-style-underlined div.quantity input[type="number"] { border-top-style: solid; } .retrinapro-ajaxproductstab-985 .product-quantity-overlap { --quantity-space: 80px; } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity { position: absolute; bottom: 0; left: 0; z-index: 2; height: 100%; filter: brightness(0.95); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity input[type] { height: 100%; border: none; background-color: var(--barana-theme-primary-color); box-shadow: var(--btn-shop-box-shadow); color: var(--btn-shop-color); transition: all 0.25s ease; } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity input[type]:hover { filter: brightness(0.95); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity input[type="button"] { min-width: 25px; border-radius: 0; } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + .button, .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + link + .button, .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button { padding-inline-start: var(--quantity-space); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + .button:before, .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + link + .button:before, .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button:before { left: var(--quantity-space); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + .button:after, .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + link + .button:after, .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button:after { left: calc(50% + var(--quantity-space) / 2); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:not(.hidden) + .single_add_to_cart_button { padding-inline-start: calc(20px + var(--quantity-space)); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap :is(div, .cart):hover > div.quantity input[type], .retrinapro-ajaxproductstab-985 .product-quantity-overlap :is(div, .cart):hover > div.quantity + .button { background-color: var(--barana-theme-primary-color); box-shadow: var(--btn-shop-box-shadow-hover); color: var(--btn-shop-color-hover); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap :is(div, .cart):active > div.quantity { bottom: var(--btn-shop-bottom-active); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap :is(div, .cart):active > div.quantity input[type], .retrinapro-ajaxproductstab-985 .product-quantity-overlap :is(div, .cart):active > div.quantity + .button { box-shadow: var(--btn-shop-box-shadow-active); } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:active { bottom: 0 !important; } .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:active input[type], .retrinapro-ajaxproductstab-985 .product-quantity-overlap div.quantity:active + .button { box-shadow: var(--btn-shop-box-shadow) !important; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F23F"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-ajaxproductstab-985 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-985 .product-more-desc { position: relative; overflow: hidden; margin-bottom: 12px; max-height: calc(var(--product-text-line-height) * var(--product-more-desc-lines, 3em)); } .retrinapro-ajaxproductstab-985 .product-more-desc .product-more-desc-inner { line-height: var(--product-text-line-height); --product-tags-mb: 10px; } .retrinapro-ajaxproductstab-985 .product-more-desc .product-more-desc-btn { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; height: calc(var(--product-text-line-height) * 1em); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0, #fff 100%); color: var(--color-gray-900); text-align: center; text-decoration: none; line-height: var(--product-text-line-height); transition: transform 0.25s ease; transform: translateY(calc(var(--product-text-line-height) * 1em)); } .retrinapro-ajaxproductstab-985 .product-more-desc .product-more-desc-btn span:after { font-weight: 700; font-size: 20px; content: "\F5D4"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .product-more-desc .product-more-desc-btn:hover { color: var(--color-gray-900); } .retrinapro-ajaxproductstab-985 .product-more-desc .product-more-desc-btn:not(.product-shown) { display: none; } .retrinapro-ajaxproductstab-985 .product-more-desc.product-more-desc-full { max-height: none; } .retrinapro-ajaxproductstab-985 .product-more-desc.product-more-desc-full .product-more-desc-btn { display: none; } [class*="color-scheme-light"] .product-more-desc .product-more-desc-btn { background: linear-gradient(to bottom, rgba(15, 15, 15, 0.8) 0, #0f0f0f 100%); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-985 .product-more-desc { max-height: 80px; font-size: 12px; } .retrinapro-ajaxproductstab-985 .product-more-desc-inner { line-height: 20px; } .retrinapro-ajaxproductstab-985 .product-more-desc-inner p { line-height: inherit; } .retrinapro-ajaxproductstab-985 .product-more-desc-full { max-height: none; } } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons a span, .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons button span{ top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position: absolute; z-index: 1070; visibility: hidden; text-transform: none; font-weight: 400; font-size: 12px; opacity: 0; pointer-events: none; padding: 0 15px!important; max-width: 200px; height: 34px; border-radius: 0; background-color: #000; color: #fff; text-align: center; white-space: nowrap; line-height: 34px; border-radius: 4px; } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons a:hover span, .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons button:hover span{ visibility: visible; opacity: 1; animation: product-fadeInTooltip .3s ease; } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons a span:before, .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons button span:before { content:""; top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons a span:before, .retrinapro-ajaxproductstab-985 .product-grid-item:hover .product-buttons button span:before { border-left-color: #000; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-entities-title{ color:#333; } .retrinapro-ajaxproductstab-985 .products{ position:relative; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > div { position: static; visibility: visible; margin-top: 0; width: 30px; height: 40px; opacity: 1; transform: none; pointer-events: visible; } .retrinapro-ajaxproductstab-985 .flickity-button, .product-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; user-select:none; } .retrinapro-ajaxproductstab-985 .flickity-button, .product-btn-arrow.disabled { color: var(--color-gray-400); cursor: default; user-select:none; } .retrinapro-ajaxproductstab-985.product-products-tabs.tabs-design-simple :is( .owl-nav,.wrap-loading-arrow)>div:after { font-weight: 700; font-size: 14px; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*=prev]:after { font-family: bootstrap-icons; content: "\F284"; } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*=next]:after { font-family: bootstrap-icons; content: "\F285"; } .retrinapro-ajaxproductstab-985 .product-grid-item .product-image-link { display:block; } .retrinapro-ajaxproductstab-985 .product-grid-item :is(.product-image-link,.hover-img) img { border-radius: 4px !important; } .retrinapro-ajaxproductstab-985 .product-grid-item { border:0; } .retrinapro-ajaxproductstab-985 .products-bordered-grid { margin-inline-end: 0 !important; margin-inline-start: 0 !important; } .retrinapro-ajaxproductstab-985 .products-bordered-grid.elements-grid { align-items: stretch !important; border-style: solid; border-color: var(--brdcolor-gray-300); border-width: 0; border-left-width: 1px; } .retrinapro-ajaxproductstab-985 .products-bordered-grid.elements-grid:not(.elements-list) [class*="-grid-item"] { margin-bottom: 0 !important; border-style: solid; border-color: inherit; border-bottom-width: 1px; border-right-width: 1px; } .retrinapro-ajaxproductstab-985 .products-bordered-grid[class*="product-spacing-"] [class*="-grid-item"] { padding-top: calc(30px / 2); padding-bottom: calc(30px / 2); } .retrinapro-ajaxproductstab-985 .products-bordered-grid.elements-list { padding-top: 30px; border-width: 1px; } .retrinapro-ajaxproductstab-985 .products-bordered-grid div.owl-item { padding-inline-end: 0; padding-inline-start: 0; } .retrinapro-ajaxproductstab-985 .products-bordered-grid :is(.owl-item, .owl-stage) { display: flex; align-items: stretch; flex-direction: row; border-color: inherit; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel-item { width: 100%; border-width: 1px; border-color: inherit; border-right-style: solid; } .retrinapro-ajaxproductstab-985 .products-bordered-grid :is(.owl-stage-outer, div.owl-carousel:not(.owl-loaded)) { padding: 0 !important; border-style: solid; border-color: var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-stage-outer { margin-inline-end: 1px; margin-inline-start: 1px; border-width: 1px; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel:not(.owl-loaded) { border-top-width: 1px; border-bottom-width: 1px; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel:not(.owl-loaded) .owl-carousel-item:first-child { border-left-style: solid; border-left-color: transparent; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel:not(.owl-loaded) .owl-carousel-item:last-child { border-right-style: solid; border-right-color: transparent; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel:not(.owl-loaded):before, .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel:not(.owl-loaded):after { content: ""; position: absolute; top: 0; bottom: 0; height: 100%; border-right: 1px solid var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel:not(.owl-loaded):before { left: 0; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-carousel:not(.owl-loaded):after { right: 0; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-item:last-child .owl-carousel-item { border-right-style: none; } .retrinapro-ajaxproductstab-985 .products-bordered-grid[class*="owl-carousel"] .owl-carousel-item { padding: calc(var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-nav > [class*="prev"] { left: -50px; } .retrinapro-ajaxproductstab-985 .products-bordered-grid .owl-nav > [class*="next"] { right: -50px; } .retrinapro-ajaxproductstab-985 .retrinapro-js-composer .products-bordered-grid:not(.pagination-arrows) + .products-footer { margin-top: 25px; } .retrinapro-ajaxproductstab-985 .builder-default .products-bordered-grid.elements-grid { margin-bottom: 0; } .retrinapro-ajaxproductstab-985 .builder-default .products-bordered-grid.elements-list { padding-bottom: 30px; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-985 .products-bordered-grid :is(.rt-col-lg-12:first-child, .rt-col-lg-6:nth-child(-n + 2), .rt-col-lg-4:nth-child(-n + 3), .rt-col-lg-3:nth-child(-n + 4), .rt-col-lg-20_0:nth-child(-n + 5), .rt-col-lg-2:nth-child(-n + 6)) { border-top-width: 1px; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-985 .products-bordered-grid :is(.rt-col-12:first-child, .rt-col-6:nth-child(-n + 2)) { border-top-width: 1px; } } @media (min-width: 768px) and (max-width: 991px) { .retrinapro-ajaxproductstab-985 .products-bordered-grid :is(.rt-col-md-12:first-child, .rt-col-md-6:nth-child(-n + 2), .rt-col-md-4:nth-child(-n + 3), .rt-col-md-3:nth-child(-n + 4), .rt-col-md-20_0:nth-child(-n + 5), .rt-col-md-2:nth-child(-n + 6)) { border-top-width: 1px; } } .retrinapro-ajaxproductstab-985 .products[class*="product-stretch-cont"] .product-wrapper { height: 100%; } .retrinapro-ajaxproductstab-985 .products[class*="product-stretch-cont"] .product-element-bottom { display: flex; flex-direction: column; flex: 1 1 auto; } .retrinapro-ajaxproductstab-985 .products[class*="product-stretch-cont"] :is(.price, .wrap-price, .product-rating-price) { margin-top: auto; } .retrinapro-ajaxproductstab-985 .slider-type-product[class*="product-stretch-cont"] .owl-stage .owl-carousel-item, .retrinapro-ajaxproductstab-985 .slider-type-product[class*="product-stretch-cont"] .product { height: 100%; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-985 .products.product-stretch-cont-lg { align-items: stretch !important; } .retrinapro-ajaxproductstab-985 .products.product-stretch-cont-lg :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-985 .slider-type-product.product-stretch-cont-lg .owl-stage { display: flex; align-items: stretch; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-985 .products.product-stretch-cont-sm { align-items: stretch !important; } .retrinapro-ajaxproductstab-985 .products.product-stretch-cont-sm :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-985 .slider-type-product.product-stretch-cont-sm .owl-stage { display: flex; align-items: stretch; } } @media (min-width: 768px) and (max-width: 991px) { .retrinapro-ajaxproductstab-985 .products.product-stretch-cont-md { align-items: stretch !important; } .retrinapro-ajaxproductstab-985 .products.product-stretch-cont-md :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-985 .slider-type-product.product-stretch-cont-md .owl-stage { display: flex; align-items: stretch; } } .retrinapro-ajaxproductstab-985 .product-grid-item{ padding-inline-end:calc(30px / 2); padding-inline-start:calc(30px / 2); margin-bottom:30px; } .retrinapro-ajaxproductstab-985 .labels-rectangular { top: 15px; left:15px; } .retrinapro-ajaxproductstab-985 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius:15px; } .retrinapro-ajaxproductstab-985 .labels-rectangular .label-with-img { padding: 0; max-width: 50px; } @media (max-width: 576px) { .retrinapro-ajaxproductstab-985 .labels-rectangular .product-label { padding-inline-end: 5px; padding-inline-start: 5px; font-size: 10px; } .retrinapro-ajaxproductstab-985 .labels-rectangular .label-with-img { padding-inline-end: 0; padding-inline-start: 0; } } .retrinapro-ajaxproductstab-985 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-ajaxproductstab-985 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-ajaxproductstab-985 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-985 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-985 .product-label.featured { background-color: #e22d2d; } .retrinapro-ajaxproductstab-985 .product-label.new { background-color: #438e44; } .retrinapro-ajaxproductstab-985 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-ajaxproductstab-985 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-985 .product-label { min-width: 40px; } .retrinapro-ajaxproductstab-985 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-ajaxproductstab-985 .owl-carousel { position: relative; z-index: 1; width: 100%; -webkit-tap-highlight-color: transparent; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-stage { position: relative; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0, 0); } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-wrapper, .retrinapro-ajaxproductstab-985 .owl-carousel .owl-item { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-item { position: relative; float: left; min-height: 1px; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-nav.disabled, .retrinapro-ajaxproductstab-985 .owl-carousel .owl-dots.disabled { display: none; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-nav .owl-prev, .retrinapro-ajaxproductstab-985 .owl-carousel .owl-nav .owl-next, .retrinapro-ajaxproductstab-985 .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .retrinapro-ajaxproductstab-985 .owl-carousel.owl-loaded { display: block; } .retrinapro-ajaxproductstab-985 .owl-carousel.owl-loading { display: block; opacity: 0; } .retrinapro-ajaxproductstab-985 .owl-carousel.owl-hidden { opacity: 0; } .retrinapro-ajaxproductstab-985 .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .retrinapro-ajaxproductstab-985 .owl-carousel.owl-drag .owl-item { user-select: none; } .retrinapro-ajaxproductstab-985 .owl-carousel.owl-grab { cursor: move; cursor: grab; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-item.animated { animation-duration: 600ms; animation-fill-mode: both; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-item.fadeOut { animation-name: product-fadeOut; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-animated-in { z-index: 0; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-animated-out { z-index: 1; } .retrinapro-ajaxproductstab-985 .owl-height { transition: height 500ms ease-in-out; } .retrinapro-ajaxproductstab-985 .owl-carousel:not(.owl-loaded) { display: flex; overflow: hidden; } .retrinapro-ajaxproductstab-985 [data-hide_pagination_control="no"] .owl-carousel:not(.owl-loaded) { padding-bottom: 41px !important; } .retrinapro-ajaxproductstab-985 .owl-loaded:after, .retrinapro-ajaxproductstab-985 .owl-loaded:before { content: ""; position: absolute; top: 0; bottom: 0; width: 50px; } .retrinapro-ajaxproductstab-985 .owl-loaded:before { right: -50px; } .retrinapro-ajaxproductstab-985 .owl-loaded:after { left: -50px; } .retrinapro-ajaxproductstab-985 .owl-dots { margin-top: 5px; text-align: center; } .retrinapro-ajaxproductstab-985 .owl-dots .owl-dot { display: inline-block; margin-top: 10px; } .retrinapro-ajaxproductstab-985 .owl-dots .owl-dot span { display: block; margin: 5px; width: 10px; height: 10px; border: 2px solid var(--color-gray-300); border-radius: 50%; transition: all 0.25s ease; } .retrinapro-ajaxproductstab-985 .owl-dots .owl-dot:not(.active):hover span { border-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-985 .owl-dots .owl-dot.active span { border-color: var(--color-gray-800); background-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-985 .owl-nav > [class*="prev"] { left: 0; } .retrinapro-ajaxproductstab-985 .owl-nav > [class*="next"] { right: 0; } .retrinapro-ajaxproductstab-985 [class*="owl-carousel"] { margin-inline-end: calc((var(--product-car-sp) / 2) * -1); margin-inline-start: calc((var(--product-car-sp) / 2) * -1); --product-car-sp: 0.001px; } .retrinapro-ajaxproductstab-985 [class*="owl-carousel"] .owl-item, .retrinapro-ajaxproductstab-985 [class*="owl-carousel"] .owl-carousel:not(.owl-loaded) > button { padding-inline-end: calc(var(--product-car-sp) / 2); padding-inline-start: calc(var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-nav > [class*="prev"] { left: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-nav > [class*="next"] { right: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-985 .owl-nav .product-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*="prev"] { transform: translateX(-30px); } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*="prev"]:after { content: "\F284"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*="next"] { transform: translateX(30px); } .retrinapro-ajaxproductstab-985 .product-btn-arrow[class*="next"]:after { content: "\F285"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-985 .browser-Safari .product-btn-arrow { visibility: visible; } .retrinapro-ajaxproductstab-985 .flickity-button, .retrinapro-ajaxproductstab-985 .owl-nav .product-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-985 .flickity-button:after, .retrinapro-ajaxproductstab-985 .product-btn-arrow:after { font-size: 24px; line-height: 1; } .retrinapro-ajaxproductstab-985 .owl-carousel:hover .owl-nav > button, .retrinapro-ajaxproductstab-985 .show-arrow .wrap-loading-arrow > div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; } .retrinapro-ajaxproductstab-985 .show-arrow .wrap-loading-arrow > div { position:fixed; } .retrinapro-ajaxproductstab-985 .product-btn-arrow:hover { color: var(--color-gray-500); } @media (max-width: 991px){ .retrinapro-ajaxproductstab-985 .owl-nav> button { visibility: visible; opacity: 1; pointer-events: visible; } .retrinapro-ajaxproductstab-985 .flickity-button:after, .retrinapro-ajaxproductstab-985 .product-btn-arrow:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-nav>[class*=prev] { margin-inline-start: 35px; } .retrinapro-ajaxproductstab-985 .owl-carousel .owl-nav>[class*=next] { margin-inline-end: 35px; } .retrinapro-ajaxproductstab-985 .product-btn-arrow:is( [class*=prev],[class*=next]) { transform: translateX(0); } } #retrina_grand_layout_1_1_0_grand_2{position:relative; margin-top:40px !important ;} @media (max-width: 991px){#retrina_grand_layout_1_1_0_grand_2{position:relative; margin-top:40px !important ;} }@media (max-width: 767px){#retrina_grand_layout_1_1_0_grand_2{position:relative; margin-top:15px !important ;} } .barana-section-title-wrapper-55 { text-align: center; margin-inline-start: auto; margin-inline-end: auto; max-width: 100%; } .barana-section-title-wrapper-55 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-55 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-55 .barana-section-title-title { font-size: 26px; } .barana-section-title-wrapper-55 .barana-section-title-subtitle .barana-section-title-wrapper-55 .barana-section-title-description{ font-size: 14px; } .barana-section-title-wrapper-55 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-55 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; color: rgba(108,117,125,1); } .barana-section-title-wrapper-55 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-55 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: #242424; font-size:30px; } .barana-section-title-wrapper-55 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-55 .barana-section-title-title-container { display: flex; align-items: center; border-color: rgba(0,0,0,.105); flex-direction: row; } .barana-section-title-wrapper-55 .barana-section-title-title-container:after, .barana-section-title-wrapper-55 .barana-section-title-title-container:before { content: ""; display: block; flex: 1 1 auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; } .barana-section-title-wrapper-55 .barana-section-title-title-container:after { margin-left: 20px; } .barana-section-title-wrapper-55 .barana-section-title-title-container:before { margin-right: 20px; } .barana-section-title-wrapper-55 .barana-section-title-description { color: #010101; } @media (max-width: 991px) { .barana-section-title-wrapper-55 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-55 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-55 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-55 { max-width: 100%; } .barana-section-title-wrapper-55 .barana-section-title-title { font-size:30px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-55 { max-width: 100%; } } @media (max-width: 767px) { .barana-section-title-wrapper-55 { max-width: 100%; } } #retrina_layout_1_1_0_father_6 {align-items:flex-start ;display:flex ;} @media (max-width: 991px){#retrina_layout_1_1_0_father_6 {align-items:flex-start ;display:flex ;} }@media (max-width: 767px){#retrina_layout_1_1_0_father_6 {align-items:flex-start ;display:flex ;} } :root { --product-form-brd-radius: 5px; --product-form-brd-width: 2px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-shop-color: #fff; --btn-shop-color-hover: #fff; --btn-accent-color: #fff; --btn-accent-color-hover: #fff; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-shop-brd-radius: 5px; --btn-shop-box-shadow: none; --btn-shop-box-shadow-hover: none; --btn-accent-brd-radius: 0px; --btn-accent-box-shadow: none; --btn-accent-box-shadow-hover: none; --btn-accent-box-shadow-active: none; --btn-accent-bottom: 0px; --product-brd-radius: 5px; --notices-warning-color: #fff; --notices-warning-bg: #E0B252; --notices-success-color: #fff; --notices-success-bg: #459647; --btn-accent-bgcolor-hover: #c40538; --btn-accent-bgcolor: #d60644; --btn-shop-bgcolor-hover: var(--barana-theme-primary-color); --btn-shop-bgcolor: #d60644; --btn-default-bgcolor-hover: #efefef; --btn-default-bgcolor: #f7f7f7; --product-link-color: #333333; --product-link-color-hover: #242424; --product-alternative-color: #fbbc34; --product-primary-color: #d60644; --product-text-line-height: 1.6; --product-brd-radius: .001px; --product-form-height: 42px; --product-form-color: inherit; --product-form-placeholder-color: inherit; --product-form-bg: transparent; --product-form-brd-color: rgba(0, 0, 0, 0.1); --product-form-brd-color-focus: rgba(0, 0, 0, 0.15); --product-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --product-main-bgcolor: #FFF; --product-scroll-w: .001px; --product-admin-bar-h: .001px; --product-tags-mb: 20px; --product-block-spacing: 20px; --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255,255,255; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --prodcut-primary-color: #d60644; } .retrinapro-productlist-56 .product-grid-item .product-entities-title a{ display:inline-block; color:inherit; } .retrinapro-productlist-56 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .retrinapro-productlist-56 .del{ text-decoration-color: var(--color-gray-300); text-decoration-line:line-through; } .retrinapro-productlist-56 .del .amount { color: var(--color-gray-300); font-weight: 400; } .retrinapro-productlist-56 ul { padding-inline-start:0; list-style:none; } .retrinapro-productlist-56 .wrap-quickview-button, .retrinapro-productlist-56 .quick-view { display:none !important; } .retrinapro-productlist-56 .btn,.retrinapro-productlist-56 .button,.retrinapro-productlist-56 [type=button],.retrinapro-productlist-56 [type=submit],.retrinapro-productlist-56 button:not(.product-action-btn button) { padding: 12px 20px; font-size: 13px; line-height: 18px; background-color: #f3f3f3; color: #3e3e3e; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border: 0 solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; font-weight: 400; cursor: pointer; transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease; } .retrinapro-productlist-56 .product-buttons[class*="product-pos-r"] .product-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position:absolute; } .retrinapro-productlist-56 .product-buttons[class*="product-pos-r"] .product-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .retrinapro-productlist-56 .product-grid-item { text-align: center; } .retrinapro-productlist-56 .product-grid-item .product-wrapper { border-radius: var(--product-brd-radius); } .retrinapro-productlist-56 .product-grid-item :is(.product-image-link, .hover-img) img { width: 100%; border-radius: var(--product-brd-radius); } .retrinapro-productlist-56 .product-grid-item .product-image-link { display: block; } .retrinapro-productlist-56 .product-grid-item .hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--bgcolor-white); opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-productlist-56 .product-grid-item .hover-img > a { display: block; flex: 1 1 100%; max-width: 100%; width: 100%; } .retrinapro-productlist-56 .product-grid-item .product-entities-title, .retrinapro-productlist-56 .product-grid-item .product-product-cats, .retrinapro-productlist-56 .product-grid-item .product-product-brands-links { margin-bottom: 5px; font-size: inherit; } .retrinapro-productlist-56 .product-grid-item .product-product-cats, .retrinapro-productlist-56 .product-grid-item .product-product-brands-links { font-size: 95%; --product-link-color: var(--color-gray-400); --product-link-color-hover: var(--color-gray-700); } .retrinapro-productlist-56 .product-grid-item .product-product-cats a, .retrinapro-productlist-56 .product-grid-item .product-product-brands-links a { display: inline-block; } .retrinapro-productlist-56 .product-grid-item .product-product-sku { margin-bottom: 5px; color: var(--color-gray-400); word-break: break-all; font-size: 95%; } .retrinapro-productlist-56 .product-grid-item .product-product-sku .product-label { color: var(--color-gray-800); font-weight: 600; } .retrinapro-productlist-56 .product-grid-item .product-product-countdown, .retrinapro-productlist-56 .product-grid-item .product-progress-bar { margin-top: 10px; } .retrinapro-productlist-56 .product-grid-item .star-rating, .retrinapro-productlist-56 .product-grid-item .product-star-rating, .retrinapro-productlist-56 .product-grid-item .product-swatches-grid, .retrinapro-productlist-56 .product-grid-item .product-product-stock { margin-bottom: 5px; } .retrinapro-productlist-56 .product-grid-item .product-star-rating .star-rating { margin-bottom: 0; } .retrinapro-productlist-56 .product-grid-item .product-swatches-grid:empty { display: none; } .retrinapro-productlist-56 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; } .retrinapro-productlist-56 .product-grid-item .added_to_cart { display: none !important; } .retrinapro-productlist-56 .product-grid-item .shop_attributes { font-size: 90%; --product-attr-v-gap: 10px; --product-attr-brd-style: dashed; } .retrinapro-productlist-56 .product-grid-item.product-swatched .hover-img { display: none; } .retrinapro-productlist-56 .product-grid-item.product-loading-image .hover-img { display: none; } .retrinapro-productlist-56 .product-grid-item.product-loading-image .product-image-link { opacity: 0.4; } .retrinapro-productlist-56 .product-grid-item.product-loading-image .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-56 .product-grid-item.quick-shop-shown .product-element-top .hover-img, .retrinapro-productlist-56 .product-grid-item.product-loading-quick-shop .product-element-top .hover-img { opacity: 0; transition: opacity 0.25s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-productlist-56 .product-spacing-0 .product-grid-item:not([class*="product-hover-info"]), .retrinapro-productlist-56 .product-spacing-2 .product-grid-item:not([class*="product-hover-info"]) { margin-bottom: 10px; } .retrinapro-productlist-56 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-productlist-56 .product-element-top:after { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -16px; margin-inline-start: -16px; opacity: 0; transition: opacity 0.1s ease, visibility 0.1s ease; content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: #242424; border-radius: 50%; vertical-align: middle; } .retrinapro-productlist-56 .product-element-top:hover .hover-img { opacity: 1; transform: scale(1.09); } .retrinapro-productlist-56 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius) / 1.2); background: var(--bgcolor-white); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .retrinapro-productlist-56 .product-buttons .product-action-btn > a, .retrinapro-productlist-56 .product-buttons .product-action-btn > button { height: 45px; } .retrinapro-productlist-56 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-productlist-56 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-productlist-56 .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-56 .product-grid-item.product-swatched .product-buttons[class*="product-pos-r"], .retrinapro-productlist-56 .product-grid-item.quick-shop-shown .product-buttons[class*="product-pos-r"], .retrinapro-productlist-56 .product-grid-item[class*="product-loading"] .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-productlist-56 .product-grid-item.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-56 .slider-type-product :is(.owl-stage-outer, .owl-carousel:not(.owl-loaded)) { padding-top: 3px; padding-bottom: 3px; } .retrinapro-productlist-56 .quick-shop-shown .product-buttons, .retrinapro-productlist-56 .quick-shop-shown .product-labels, .retrinapro-productlist-56 .product-loading-quick-shop .product-buttons, .retrinapro-productlist-56 .product-loading-quick-shop .product-labels { opacity: 0; } .retrinapro-productlist-56 .product-loading-quick-shop .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-56 .product-loading-quick-shop .product-image-link { opacity: 0.2; } .retrinapro-productlist-56 .products-bordered-grid-ins .product-wrapper { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.105); } @media (max-width: 991px) { .retrinapro-productlist-56 .product-grid-item .hover-img { display: none; } .retrinapro-productlist-56 .product-grid-item .product-buttons { opacity: 1; transform: none; } .retrinapro-productlist-56 .product-buttons { border-radius: 35px !important; } .retrinapro-productlist-56 .product-buttons .product-action-btn > a, .retrinapro-productlist-56 .product-buttons .product-action-btn > button { width: 35px !important; height: 35px !important; padding : 0 !important; } .retrinapro-productlist-56 .product-buttons .product-action-btn > a i, .retrinapro-productlist-56 .product-buttons .product-action-btn > button i { font-size: 14px !important; } .retrinapro-productlist-56 .product-buttons .product-quick-view-icon, .retrinapro-productlist-56 .product-buttons .product-compare-btn { display: none; } } @media (max-width: 768.98px) { .retrinapro-productlist-56 .products-bordered-grid-ins .product-wrapper { padding: 10px; } } @media (max-width: 576px) { :is(.product-grid-item.rt-col-6, .owl-items-2 .product-grid-item) :is(.price, .star-rating, .product-entities-title, .product-product-cats, .product-product-brands-links, .product-product-sku, .product-product-stock span) { font-size: 90%; } } .retrinapro-productlist-56 .product-grid-item .product-buttons a, .retrinapro-productlist-56 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; background-color: transparent; } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-productlist-56 .price .ins { padding: 0; background-color: transparent; color: var(--barana-theme-primary-color); text-decoration: none; opacity: 1; } .retrinapro-productlist-56 a{ text-decoration: none; } .retrinapro-productlist-56 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-productlist-56 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; overflow:hidden; } .retrinapro-productlist-56 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity .3s ease; } .retrinapro-productlist-56 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); background: #fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 10%); transition: all .3s ease; opacity: 0; } .retrinapro-productlist-56 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons.product-pos-r-b { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-56 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons.product-pos-r-t { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-56 .product-timer { font-size: 0; } .retrinapro-productlist-56 .product-timer > span { display: inline-flex; align-items: center; flex-direction: column; justify-content: center; margin: 0 2px 5px; padding: 5px; min-width: 2.7em; min-height: 2.7em; border-radius: var(--product-brd-radius); background-color: var(--bgcolor-white); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: var(--color-gray-800); font-weight: 600; font-size: 20px; line-height: 1; } .retrinapro-productlist-56 .product-timer > span span:last-child { display: block; margin-top: 5px; color: var(--color-gray-500); text-transform: uppercase; font-weight: 400; font-size: 50%; } .retrinapro-productlist-56 .timer-style-transparent .product-timer > span { background-color: rgba(var(--bgcolor-white-rgb), 0.2); box-shadow: none; } .retrinapro-productlist-56 .timer-style-active .product-timer > span { background-color: var(--barana-theme-primary-color); } .retrinapro-productlist-56 .timer-size-medium .product-timer > span { font-size: 24px; } .retrinapro-productlist-56 .timer-size-large .product-timer > span { font-size: 28px; } .retrinapro-productlist-56 .timer-size-xlarge .product-timer > span { min-width: 100px; min-height: 100px; font-size: 42px; } .retrinapro-productlist-56 .timer-size-xlarge .product-timer > span span { font-size: 16px; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F176"; font-family: bootstrap-icons !important; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-56 .product-hover-button .product-element-top:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity .3s ease; } .retrinapro-productlist-56 .product-hover-button:hover .product-element-top:before{ opacity: 1; } .retrinapro-productlist-56 .product-hover-button .product-add-btn > a, .retrinapro-productlist-56 .product-hover-button .product-add-btn > button, .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > a, .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > button { border-color: #fff; color: #fff; border-width: 2px; border-style:solid; position: relative; } .retrinapro-productlist-56 .product-hover-button .product-add-btn > a:not(:hover), .retrinapro-productlist-56 .product-hover-button .product-add-btn > button:not(:hover), .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > a:not(:hover), .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > button:not(:hover) { background-color: transparent !important; } .retrinapro-productlist-56 .product-hover-button .product-add-btn > a:hover, .retrinapro-productlist-56 .product-hover-button .product-add-btn > button:hover, .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > a:hover, .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > button:hover { box-shadow: none; border-color: rgba(255, 255, 255, 0.6); background-color: transparent; } .retrinapro-productlist-56 .product-hover-button .product-add-btn > a span, .retrinapro-productlist-56 .product-hover-button .product-add-btn > button span, .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > a span, .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn > button span { padding: 8px 14px; } .retrinapro-productlist-56 .product-hover-button .product-element-top:before, .retrinapro-productlist-56 .product-hover-info-alt .product-element-top:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; } .retrinapro-productlist-56 .product-hover-button:hover .product-element-top:before, .retrinapro-productlist-56 .product-hover-button.product-swatched:not([class*="product-loading"]):not(.quick-shop-shown) .product-element-top:hover:before, .retrinapro-productlist-56 .product-hover-info-alt:hover .product-element-top:before { opacity: 1; } .retrinapro-productlist-56 .product-hover-button.product-swatched .product-element-top:before, .retrinapro-productlist-56 .product-hover-button.quick-shop-shown .product-element-top:before, .retrinapro-productlist-56 .product-hover-button[class*="product-loading"] .product-element-top:before, .retrinapro-productlist-56 .product-hover-info-alt.quick-shop-shown .product-element-top:before, .retrinapro-productlist-56 .product-hover-info-alt[class*="product-loading"] .product-element-top:before { opacity: 0; } .retrinapro-productlist-56 .product-hover-button .product-buttons { z-index: 3; visibility: hidden; background-color: transparent; box-shadow: none; } .retrinapro-productlist-56 .product-hover-button .product-add-btn { position: absolute; top: 50%; left: 0; z-index: 3; width: 100%; text-align: center; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; } .retrinapro-productlist-56 .product-hover-button:hover .product-buttons { visibility: visible; } .retrinapro-productlist-56 .product-hover-button:hover .product-add-btn { transform: translateY(-50%); opacity: 1; } .retrinapro-productlist-56 .product-hover-button.product-swatched .product-add-btn, .retrinapro-productlist-56 .product-hover-button.quick-shop-shown .product-add-btn, .retrinapro-productlist-56 .product-hover-button[class*="product-loading"] .product-add-btn { transform: none; opacity: 0; } .retrinapro-productlist-56 .product-hover-button.product-swatched:not([class*="product-loading"]):not(.quick-shop-shown) .product-element-top:hover .product-add-btn { transform: translateY(-50%); opacity: 1; } .retrinapro-productlist-56 .product-hover-info-alt .product-element-top { margin-bottom: 0; } .retrinapro-productlist-56 .product-hover-info-alt .product-buttons { z-index: 3; visibility: hidden; background-color: transparent; box-shadow: none; } .retrinapro-productlist-56 .product-hover-info-alt .top-information { z-index: 3; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 10px 38px; opacity: 0; transition: opacity 0.3s ease; } .retrinapro-productlist-56 .product-hover-info-alt :is(.product-entities-title, .star-rating, .product-star-rating, .product-product-cats, .product-product-brands-links) { margin-bottom: 7px; } .retrinapro-productlist-56 .product-hover-info-alt .product-swatches-grid { margin-top: -2px; margin-bottom: 4px; } .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn { margin-top: 10px; } .retrinapro-productlist-56 .product-hover-info-alt:hover .product-buttons { visibility: visible; } .retrinapro-productlist-56 .product-hover-info-alt:hover .top-information { opacity: 1; } .retrinapro-productlist-56 .product-hover-info-alt.quick-shop-shown .top-information, .retrinapro-productlist-56 .product-hover-info-alt[class*="product-loading"] .top-information { opacity: 0; } @media (min-width: 992px) { .retrinapro-productlist-56 .product-hover-button .product-buttons, .retrinapro-productlist-56 .product-hover-info-alt .product-buttons { top: 0; right: 0; } .retrinapro-productlist-56 .product-hover-info-alt h3.product-entities-title a:hover { color: rgba(255, 255, 255, 0.8); } .retrinapro-productlist-56 .product-hover-info-alt .product-swatches-grid { --color-gray-300: rgba(255, 255, 255, 0.5); --color-gray-400: rgba(255, 255, 255, 0.6); --color-gray-800: #fff; --color-gray-900: #fff; } .retrinapro-productlist-56 .product-hover-info-alt .product-product-sku { color: rgba(255, 255, 255, 0.7); } .retrinapro-productlist-56 .product-hover-info-alt .star-rating:before { color: rgba(255, 255, 255, 0.7); } .retrinapro-productlist-56 .product-hover-info-alt .product-product-cats, .retrinapro-productlist-56 .product-hover-info-alt .product-product-brands-links { --product-link-color: rgba(255, 255, 255, 0.7); --product-link-color-hover: #fff; } .retrinapro-productlist-56 .product-hover-info-alt .top-information .del .amount { color: rgba(255, 255, 255, 0.6); } .retrinapro-productlist-56 .product-hover-info-alt .barana-price-suffix { color: rgba(255, 255, 255, 0.6); } .retrinapro-productlist-56 .product-hover-info-alt h3.product-entities-title, .retrinapro-productlist-56 .product-hover-info-alt .top-information p.product-product-stock.product-style-default, .retrinapro-productlist-56 .product-hover-info-alt .product-product-stock, .retrinapro-productlist-56 .product-hover-info-alt .product-product-sku .product-label, .retrinapro-productlist-56 .product-hover-info-alt .top-information .amount, .retrinapro-productlist-56 .product-hover-info-alt .top-information .price, .retrinapro-productlist-56 .product-hover-info-alt .top-information .price .ins { color: #fff; } } .retrinapro-productlist-56 .product-grid-item .product-buttons a, .retrinapro-productlist-56 .product-grid-item .product-buttons button{ color:#fff; } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons a span, .retrinapro-productlist-56 .product-grid-item:hover .product-buttons button span{ top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position: absolute; z-index: 1070; visibility: hidden; text-transform: none; font-weight: 400; font-size: 12px; opacity: 0; pointer-events: none; padding: 0 15px!important; max-width: 200px; height: 34px; border-radius: 0; background-color: #000; color: #fff; text-align: center; white-space: nowrap; line-height: 34px; border-radius: 4px; } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons a:hover span, .retrinapro-productlist-56 .product-grid-item:hover .product-buttons button:hover span{ visibility: visible; opacity: 1; animation: product-fadeInTooltip .3s ease; } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons a span:before, .retrinapro-productlist-56 .product-grid-item:hover .product-buttons button span:before { content:""; top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .retrinapro-productlist-56 .product-grid-item:hover .product-buttons a span:before, .retrinapro-productlist-56 .product-grid-item:hover .product-buttons button span:before { border-left-color: #000; } @media (max-width: 991px) { .retrinapro-productlist-56 .product-hover-button .product-element-top:before, .retrinapro-productlist-56 .product-hover-info-alt .product-element-top:before { content: none; } .retrinapro-productlist-56 .product-hover-button .product-buttons, .retrinapro-productlist-56 .product-hover-info-alt .product-buttons { visibility: visible; background-color: #0f0f0f; } .retrinapro-productlist-56 .product-hover-button .product-add-btn, .retrinapro-productlist-56 .product-hover-info-alt .product-add-btn { display: none; } .retrinapro-productlist-56 .product-hover-info-alt .top-information { position: static; padding: 0; opacity: 1; } .retrinapro-productlist-56 .product-hover-info-alt .product-image-link { margin-bottom: 10px; } .retrinapro-productlist-56 .product-hover-info-alt .product-image-link img { border-radius: var(--product-brd-radius); } .retrinapro-productlist-56 .product-spacing-0 .product-hover-info-alt, .retrinapro-productlist-56 .product-spacing-2 .product-hover-info-alt { margin-bottom: 10px; } } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; display:inline-block; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F176"; font-family: bootstrap-icons !important; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-productlist-56 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-56 .product-grid-item .product-entities-title{ color:#333; } .retrinapro-productlist-56 .product-grid-item .product-image-link { display: block; } .retrinapro-productlist-56 .product-grid-item :is(.product-image-link,.hover-img) img { border-radius: 4px !important; } .retrinapro-productlist-56 .product-grid-item{ padding-inline-end:calc(30px / 2); padding-inline-start:calc(30px / 2); margin-bottom:30px; } .retrinapro-productlist-56 .labels-rectangular { top: 15px; left:15px; } .retrinapro-productlist-56 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius:15px; } .retrinapro-productlist-56 .labels-rectangular .label-with-img { padding: 0; max-width: 50px; } @media (max-width: 576px) { .retrinapro-productlist-56 .labels-rectangular .product-label { padding-inline-end: 5px; padding-inline-start: 5px; font-size: 10px; } .retrinapro-productlist-56 .labels-rectangular .label-with-img { padding-inline-end: 0; padding-inline-start: 0; } } .retrinapro-productlist-56 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-productlist-56 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-productlist-56 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-productlist-56 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-productlist-56 .product-label.featured { background-color: #e22d2d; } .retrinapro-productlist-56 .product-label.new { background-color: #438e44; } .retrinapro-productlist-56 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-productlist-56 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-productlist-56 .product-label { min-width: 40px; } .retrinapro-productlist-56 .product-label:not(:last-child) { margin-bottom: 5px; } } :root { --product-form-brd-radius: 5px; --product-form-brd-width: 2px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-shop-color: #fff; --btn-shop-color-hover: #fff; --btn-accent-color: #fff; --btn-accent-color-hover: #fff; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-shop-brd-radius: 5px; --btn-shop-box-shadow: none; --btn-shop-box-shadow-hover: none; --btn-accent-brd-radius: 0px; --btn-accent-box-shadow: none; --btn-accent-box-shadow-hover: none; --btn-accent-box-shadow-active: none; --btn-accent-bottom: 0px; --product-brd-radius: 5px; --notices-warning-color: #fff; --notices-warning-bg: #E0B252; --notices-success-color: #fff; --notices-success-bg: #459647; --btn-accent-bgcolor-hover: #c40538; --btn-accent-bgcolor: #d60644; --btn-shop-bgcolor-hover: var(--barana-theme-primary-color); --btn-shop-bgcolor: #d60644; --btn-default-bgcolor-hover: #efefef; --btn-default-bgcolor: #f7f7f7; --product-link-color: #333333; --product-link-color-hover: #242424; --product-alternative-color: #fbbc34; --product-primary-color: #d60644; --product-text-line-height: 1.6; --product-brd-radius: .001px; --product-form-height: 42px; --product-form-color: inherit; --product-form-placeholder-color: inherit; --product-form-bg: transparent; --product-form-brd-color: rgba(0, 0, 0, 0.1); --product-form-brd-color-focus: rgba(0, 0, 0, 0.15); --product-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --product-main-bgcolor: #FFF; --product-scroll-w: .001px; --product-admin-bar-h: .001px; --product-tags-mb: 20px; --product-block-spacing: 20px; --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255,255,255; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --prodcut-primary-color: #d60644; } .retrinapro-productlist-1002 .product-grid-item .product-entities-title a{ display:inline-block; color:inherit; } .retrinapro-productlist-1002 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .retrinapro-productlist-1002 .del{ text-decoration-color: var(--color-gray-300); text-decoration-line:line-through; } .retrinapro-productlist-1002 .del .amount { color: var(--color-gray-300); font-weight: 400; } .retrinapro-productlist-1002 ul { padding-inline-start:0; list-style:none; } .retrinapro-productlist-1002 .wrap-quickview-button, .retrinapro-productlist-1002 .quick-view { display:none !important; } .retrinapro-productlist-1002 .btn,.retrinapro-productlist-1002 .button,.retrinapro-productlist-1002 [type=button],.retrinapro-productlist-1002 [type=submit],.retrinapro-productlist-1002 button:not(.product-action-btn button) { padding: 12px 20px; font-size: 13px; line-height: 18px; background-color: #f3f3f3; color: #3e3e3e; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border: 0 solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; font-weight: 400; cursor: pointer; transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease; } .retrinapro-productlist-1002 .product-buttons[class*="product-pos-r"] .product-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position:absolute; } .retrinapro-productlist-1002 .product-buttons[class*="product-pos-r"] .product-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .retrinapro-productlist-1002 .product-grid-item { text-align: center; } .retrinapro-productlist-1002 .product-grid-item .product-wrapper { border-radius: var(--product-brd-radius); } .retrinapro-productlist-1002 .product-grid-item :is(.product-image-link, .hover-img) img { width: 100%; border-radius: var(--product-brd-radius); } .retrinapro-productlist-1002 .product-grid-item .product-image-link { display: block; } .retrinapro-productlist-1002 .product-grid-item .hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--bgcolor-white); opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-productlist-1002 .product-grid-item .hover-img > a { display: block; flex: 1 1 100%; max-width: 100%; width: 100%; } .retrinapro-productlist-1002 .product-grid-item .product-entities-title, .retrinapro-productlist-1002 .product-grid-item .product-product-cats, .retrinapro-productlist-1002 .product-grid-item .product-product-brands-links { margin-bottom: 5px; font-size: inherit; } .retrinapro-productlist-1002 .product-grid-item .product-product-cats, .retrinapro-productlist-1002 .product-grid-item .product-product-brands-links { font-size: 95%; --product-link-color: var(--color-gray-400); --product-link-color-hover: var(--color-gray-700); } .retrinapro-productlist-1002 .product-grid-item .product-product-cats a, .retrinapro-productlist-1002 .product-grid-item .product-product-brands-links a { display: inline-block; } .retrinapro-productlist-1002 .product-grid-item .product-product-sku { margin-bottom: 5px; color: var(--color-gray-400); word-break: break-all; font-size: 95%; } .retrinapro-productlist-1002 .product-grid-item .product-product-sku .product-label { color: var(--color-gray-800); font-weight: 600; } .retrinapro-productlist-1002 .product-grid-item .product-product-countdown, .retrinapro-productlist-1002 .product-grid-item .product-progress-bar { margin-top: 10px; } .retrinapro-productlist-1002 .product-grid-item .star-rating, .retrinapro-productlist-1002 .product-grid-item .product-star-rating, .retrinapro-productlist-1002 .product-grid-item .product-swatches-grid, .retrinapro-productlist-1002 .product-grid-item .product-product-stock { margin-bottom: 5px; } .retrinapro-productlist-1002 .product-grid-item .product-star-rating .star-rating { margin-bottom: 0; } .retrinapro-productlist-1002 .product-grid-item .product-swatches-grid:empty { display: none; } .retrinapro-productlist-1002 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; } .retrinapro-productlist-1002 .product-grid-item .added_to_cart { display: none !important; } .retrinapro-productlist-1002 .product-grid-item .shop_attributes { font-size: 90%; --product-attr-v-gap: 10px; --product-attr-brd-style: dashed; } .retrinapro-productlist-1002 .product-grid-item.product-swatched .hover-img { display: none; } .retrinapro-productlist-1002 .product-grid-item.product-loading-image .hover-img { display: none; } .retrinapro-productlist-1002 .product-grid-item.product-loading-image .product-image-link { opacity: 0.4; } .retrinapro-productlist-1002 .product-grid-item.product-loading-image .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-1002 .product-grid-item.quick-shop-shown .product-element-top .hover-img, .retrinapro-productlist-1002 .product-grid-item.product-loading-quick-shop .product-element-top .hover-img { opacity: 0; transition: opacity 0.25s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-productlist-1002 .product-spacing-0 .product-grid-item:not([class*="product-hover-info"]), .retrinapro-productlist-1002 .product-spacing-2 .product-grid-item:not([class*="product-hover-info"]) { margin-bottom: 10px; } .retrinapro-productlist-1002 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-productlist-1002 .product-element-top:after { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -16px; margin-inline-start: -16px; opacity: 0; transition: opacity 0.1s ease, visibility 0.1s ease; content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: #242424; border-radius: 50%; vertical-align: middle; } .retrinapro-productlist-1002 .product-element-top:hover .hover-img { opacity: 1; transform: scale(1.09); } .retrinapro-productlist-1002 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius) / 1.2); background: var(--bgcolor-white); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .retrinapro-productlist-1002 .product-buttons .product-action-btn > a, .retrinapro-productlist-1002 .product-buttons .product-action-btn > button { height: 45px; } .retrinapro-productlist-1002 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-productlist-1002 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-productlist-1002 .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-1002 .product-grid-item.product-swatched .product-buttons[class*="product-pos-r"], .retrinapro-productlist-1002 .product-grid-item.quick-shop-shown .product-buttons[class*="product-pos-r"], .retrinapro-productlist-1002 .product-grid-item[class*="product-loading"] .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-productlist-1002 .product-grid-item.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-1002 .slider-type-product :is(.owl-stage-outer, .owl-carousel:not(.owl-loaded)) { padding-top: 3px; padding-bottom: 3px; } .retrinapro-productlist-1002 .quick-shop-shown .product-buttons, .retrinapro-productlist-1002 .quick-shop-shown .product-labels, .retrinapro-productlist-1002 .product-loading-quick-shop .product-buttons, .retrinapro-productlist-1002 .product-loading-quick-shop .product-labels { opacity: 0; } .retrinapro-productlist-1002 .product-loading-quick-shop .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-1002 .product-loading-quick-shop .product-image-link { opacity: 0.2; } .retrinapro-productlist-1002 .products-bordered-grid-ins .product-wrapper { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.105); } @media (max-width: 991px) { .retrinapro-productlist-1002 .product-grid-item .hover-img { display: none; } .retrinapro-productlist-1002 .product-grid-item .product-buttons { opacity: 1; transform: none; } .retrinapro-productlist-1002 .product-buttons { border-radius: 35px !important; } .retrinapro-productlist-1002 .product-buttons .product-action-btn > a, .retrinapro-productlist-1002 .product-buttons .product-action-btn > button { width: 35px !important; height: 35px !important; padding : 0 !important; } .retrinapro-productlist-1002 .product-buttons .product-action-btn > a i, .retrinapro-productlist-1002 .product-buttons .product-action-btn > button i { font-size: 14px !important; } .retrinapro-productlist-1002 .product-buttons .product-quick-view-icon, .retrinapro-productlist-1002 .product-buttons .product-compare-btn { display: none; } } @media (max-width: 768.98px) { .retrinapro-productlist-1002 .products-bordered-grid-ins .product-wrapper { padding: 10px; } } @media (max-width: 576px) { :is(.product-grid-item.rt-col-6, .owl-items-2 .product-grid-item) :is(.price, .star-rating, .product-entities-title, .product-product-cats, .product-product-brands-links, .product-product-sku, .product-product-stock span) { font-size: 90%; } } .retrinapro-productlist-1002 .product-grid-item .product-buttons a, .retrinapro-productlist-1002 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; background-color: transparent; } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-productlist-1002 .price .ins { padding: 0; background-color: transparent; color: var(--barana-theme-primary-color); text-decoration: none; opacity: 1; } .retrinapro-productlist-1002 a{ text-decoration: none; } .retrinapro-productlist-1002 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-productlist-1002 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; overflow:hidden; } .retrinapro-productlist-1002 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity .3s ease; } .retrinapro-productlist-1002 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); background: #fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 10%); transition: all .3s ease; opacity: 0; } .retrinapro-productlist-1002 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons.product-pos-r-b { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-1002 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons.product-pos-r-t { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-1002 .product-hover-tiled .product-product-countdown { display: flex; align-items: stretch; flex-wrap: nowrap; padding-top: 5px; border-top: 1px solid var(--brdcolor-gray-300); } .retrinapro-productlist-1002 .product-hover-tiled .product-product-countdown > span { flex: 1 1 auto; margin: 0; min-width: 0; background-color: transparent; box-shadow: none; } .retrinapro-productlist-1002 .product-hover-tiled { text-align: start !important; overflow: hidden; border-radius: 15px; background: #fff; padding-inline-end:15px; padding-inline-start:15px; margin-bottom: 15px; } .retrinapro-productlist-1002 .product-hover-tiled .product-wrapper { background-color: var(--bgcolor-white); box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); } .retrinapro-productlist-1002 .product-hover-tiled .product-element-top { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .retrinapro-productlist-1002 .product-hover-tiled .product-element-bottom { padding: 15px 20px; } .retrinapro-productlist-1002 .product-hover-tiled .product-swatches-grid { display: flex; } .retrinapro-productlist-1002 .products-bordered-grid-ins .product-hover-tiled .product-wrapper { padding: 0; box-shadow: none; } @media (max-width: 576px) { .retrinapro-productlist-1002 .product-hover-tiled .product-element-bottom { padding: 10px; } } .retrinapro-productlist-1002 .product-grid-item .product-buttons a, .retrinapro-productlist-1002 .product-grid-item .product-buttons button{ color:#000; } .retrinapro-productlist-1002 .product-action-btn.product-style-icon .button { padding: 0; background-color: transparent; } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons a span, .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons button span{ top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position: absolute; z-index: 1070; visibility: hidden; text-transform: none; font-weight: 400; font-size: 12px; opacity: 0; pointer-events: none; padding: 0 15px!important; max-width: 200px; height: 34px; border-radius: 0; background-color: #000; color: #fff; text-align: center; white-space: nowrap; line-height: 34px; border-radius: 4px; } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons a:hover span, .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons button:hover span{ visibility: visible; opacity: 1; animation: product-fadeInTooltip .3s ease; } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons a span:before, .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons button span:before { content:""; top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons a span:before, .retrinapro-productlist-1002 .product-grid-item:hover .product-buttons button span:before { border-left-color: #000; } /*badge onslae start*/ .retrinapro-productlist-1002 .labels-rectangular { top: 15px; left:15px; } .retrinapro-productlist-1002 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius: 15px; margin-inline-end: 5px; } .retrinapro-productlist-1002 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } /*badge onslae end*/ .retrinapro-productlist-1002 .product-grid-item .product-entities-title{ color:#333; } .retrinapro-productlist-1002 .product-grid-item .product-image-link { display: block; } .retrinapro-productlist-1002 .product-grid-item :is(.product-image-link,.hover-img) img { border-radius: 4px !important; } .retrinapro-productlist-1002 .labels-rectangular { top: 15px; left:15px; } .retrinapro-productlist-1002 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius:15px; } .retrinapro-productlist-1002 .labels-rectangular .label-with-img { padding: 0; max-width: 50px; } @media (max-width: 576px) { .retrinapro-productlist-1002 .labels-rectangular .product-label { padding-inline-end: 5px; padding-inline-start: 5px; font-size: 10px; } .retrinapro-productlist-1002 .labels-rectangular .label-with-img { padding-inline-end: 0; padding-inline-start: 0; } } .retrinapro-productlist-1002 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-productlist-1002 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-productlist-1002 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-productlist-1002 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-productlist-1002 .product-label.featured { background-color: #e22d2d; } .retrinapro-productlist-1002 .product-label.new { background-color: #438e44; } .retrinapro-productlist-1002 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-productlist-1002 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-productlist-1002 .product-label { min-width: 40px; } .retrinapro-productlist-1002 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-productlist-1002 .owl-carousel { position: relative; z-index: 1; width: 100%; -webkit-tap-highlight-color: transparent; } .retrinapro-productlist-1002 .owl-carousel .owl-stage { position: relative; } .retrinapro-productlist-1002 .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .retrinapro-productlist-1002 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0, 0); } .retrinapro-productlist-1002 .owl-carousel .owl-wrapper, .retrinapro-productlist-1002 .owl-carousel .owl-item { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .retrinapro-productlist-1002 .owl-carousel .owl-item { position: relative; float: left; min-height: 1px; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; } .retrinapro-productlist-1002 .owl-carousel .owl-nav.disabled, .retrinapro-productlist-1002 .owl-carousel .owl-dots.disabled { display: none; } .retrinapro-productlist-1002 .owl-carousel .owl-nav .owl-prev, .retrinapro-productlist-1002 .owl-carousel .owl-nav .owl-next, .retrinapro-productlist-1002 .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .retrinapro-productlist-1002 .owl-carousel.owl-loaded { display: block; } .retrinapro-productlist-1002 .owl-carousel.owl-loading { display: block; opacity: 0; } .retrinapro-productlist-1002 .owl-carousel.owl-hidden { opacity: 0; } .retrinapro-productlist-1002 .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .retrinapro-productlist-1002 .owl-carousel.owl-drag .owl-item { user-select: none; } .retrinapro-productlist-1002 .owl-carousel.owl-grab { cursor: move; cursor: grab; } .retrinapro-productlist-1002 .owl-carousel .owl-item.animated { animation-duration: 600ms; animation-fill-mode: both; } .retrinapro-productlist-1002 .owl-carousel .owl-item.fadeOut { animation-name: product-fadeOut; } .retrinapro-productlist-1002 .owl-carousel .owl-animated-in { z-index: 0; } .retrinapro-productlist-1002 .owl-carousel .owl-animated-out { z-index: 1; } .retrinapro-productlist-1002 .owl-height { transition: height 500ms ease-in-out; } .retrinapro-productlist-1002 .owl-carousel:not(.owl-loaded) { display: flex; overflow: hidden; } .retrinapro-productlist-1002 [data-hide_pagination_control="no"] .owl-carousel:not(.owl-loaded) { padding-bottom: 41px !important; } .retrinapro-productlist-1002 .owl-loaded:after, .retrinapro-productlist-1002 .owl-loaded:before { content: ""; position: absolute; top: 0; bottom: 0; width: 50px; } .retrinapro-productlist-1002 .owl-loaded:before { right: -50px; } .retrinapro-productlist-1002 .owl-loaded:after { left: -50px; } .retrinapro-productlist-1002 .owl-dots { margin-top: 5px; text-align: center; } .retrinapro-productlist-1002 .owl-dots .owl-dot { display: inline-block; margin-top: 10px; } .retrinapro-productlist-1002 .owl-dots .owl-dot span { display: block; margin: 5px; width: 10px; height: 10px; border: 2px solid var(--color-gray-300); border-radius: 50%; transition: all 0.25s ease; } .retrinapro-productlist-1002 .owl-dots .owl-dot:not(.active):hover span { border-color: var(--color-gray-800); } .retrinapro-productlist-1002 .owl-dots .owl-dot.active span { border-color: var(--color-gray-800); background-color: var(--color-gray-800); } .retrinapro-productlist-1002 .owl-nav > [class*="prev"] { left: 0; } .retrinapro-productlist-1002 .owl-nav > [class*="next"] { right: 0; } .retrinapro-productlist-1002 [class*="owl-carousel"] { margin-inline-end: calc((var(--product-car-sp) / 2) * -1); margin-inline-start: calc((var(--product-car-sp) / 2) * -1); --product-car-sp: 0.001px; } .retrinapro-productlist-1002 [class*="owl-carousel"] .owl-item, .retrinapro-productlist-1002 [class*="owl-carousel"] .owl-carousel:not(.owl-loaded) > button { padding-inline-end: calc(var(--product-car-sp) / 2); padding-inline-start: calc(var(--product-car-sp) / 2); } .retrinapro-productlist-1002 .owl-carousel .owl-nav > [class*="prev"] { left: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-productlist-1002 .owl-carousel .owl-nav > [class*="next"] { right: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-productlist-1002 .owl-nav .product-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; } .retrinapro-productlist-1002 .product-btn-arrow[class*="prev"] { transform: translateX(-30px); } .retrinapro-productlist-1002 .product-btn-arrow[class*="prev"]:after { content: "\F284"; font-weight: 400; font-family: bootstrap-icons !important; } .retrinapro-productlist-1002 .product-btn-arrow[class*="next"] { transform: translateX(30px); } .retrinapro-productlist-1002 .product-btn-arrow[class*="next"]:after { content: "\F285"; font-weight: 400; font-family: bootstrap-icons !important; } .retrinapro-productlist-1002 .browser-Safari .product-btn-arrow { visibility: visible; } .retrinapro-productlist-1002 .flickity-button, .retrinapro-productlist-1002 .owl-nav .product-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-productlist-1002 .flickity-button:after, .retrinapro-productlist-1002 .product-btn-arrow:after { font-size: 24px; line-height: 1; } .retrinapro-productlist-1002 .owl-carousel:hover .owl-nav > button, .retrinapro-productlist-1002 .show-arrow .wrap-loading-arrow > div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; } .retrinapro-productlist-1002 .product-btn-arrow:hover { color: var(--color-gray-500); } @media (max-width: 991px){ .retrinapro-productlist-1002 .owl-nav> button { visibility: visible; opacity: 1; pointer-events: visible; } .retrinapro-productlist-1002 .flickity-button:after, .retrinapro-productlist-1002 .product-btn-arrow:after { font-weight: 700; font-size: 14px; } .retrinapro-productlist-1002 .owl-carousel .owl-nav>[class*=prev] { margin-inline-start: 35px; } .retrinapro-productlist-1002 .owl-carousel .owl-nav>[class*=next] { margin-inline-end: 35px; } .retrinapro-productlist-1002 .product-btn-arrow:is( [class*=prev],[class*=next]) { transform: translateX(0); } } #retrina_grand_layout_1_1_0_grand_3{position:relative; margin-top:20px !important ;} @media (max-width: 991px){#retrina_grand_layout_1_1_0_grand_3{position:relative; margin-top:20px !important ;} }@media (max-width: 767px){#retrina_grand_layout_1_1_0_grand_3{position:relative; margin-top:0px !important ;} } :root { --product-form-brd-radius: 5px; --product-form-brd-width: 2px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-shop-color: #fff; --btn-shop-color-hover: #fff; --btn-accent-color: #fff; --btn-accent-color-hover: #fff; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-shop-brd-radius: 5px; --btn-shop-box-shadow: none; --btn-shop-box-shadow-hover: none; --btn-accent-brd-radius: 0px; --btn-accent-box-shadow: none; --btn-accent-box-shadow-hover: none; --btn-accent-box-shadow-active: none; --btn-accent-bottom: 0px; --product-brd-radius: 5px; --notices-warning-color: #fff; --notices-warning-bg: #E0B252; --notices-success-color: #fff; --notices-success-bg: #459647; --btn-accent-bgcolor-hover: #c40538; --btn-accent-bgcolor: #d60644; --btn-shop-bgcolor-hover: var(--barana-theme-primary-color); --btn-shop-bgcolor: #d60644; --btn-default-bgcolor-hover: #efefef; --btn-default-bgcolor: #f7f7f7; --product-link-color: #333333; --product-link-color-hover: #242424; --product-alternative-color: #fbbc34; --product-primary-color: #d60644; --product-text-line-height: 1.6; --product-brd-radius: .001px; --product-form-height: 42px; --product-form-color: inherit; --product-form-placeholder-color: inherit; --product-form-bg: transparent; --product-form-brd-color: rgba(0, 0, 0, 0.1); --product-form-brd-color-focus: rgba(0, 0, 0, 0.15); --product-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --product-main-bgcolor: #FFF; --product-scroll-w: .001px; --product-admin-bar-h: .001px; --product-tags-mb: 20px; --product-block-spacing: 20px; --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255,255,255; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --prodcut-primary-color: #d60644; } .retrinapro-productlist-983 .product-grid-item .product-entities-title a{ display:inline-block; color:inherit; } .retrinapro-productlist-983 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .retrinapro-productlist-983 .del{ text-decoration-color: var(--color-gray-300); text-decoration-line:line-through; } .retrinapro-productlist-983 .del .amount { color: var(--color-gray-300); font-weight: 400; } .retrinapro-productlist-983 ul { padding-inline-start:0; list-style:none; } .retrinapro-productlist-983 .wrap-quickview-button, .retrinapro-productlist-983 .quick-view { display:none !important; } .retrinapro-productlist-983 .btn,.retrinapro-productlist-983 .button,.retrinapro-productlist-983 [type=button],.retrinapro-productlist-983 [type=submit],.retrinapro-productlist-983 button:not(.product-action-btn button) { padding: 12px 20px; font-size: 13px; line-height: 18px; background-color: #f3f3f3; color: #3e3e3e; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border: 0 solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; font-weight: 400; cursor: pointer; transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease; } .retrinapro-productlist-983 .product-buttons[class*="product-pos-r"] .product-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position:absolute; } .retrinapro-productlist-983 .product-buttons[class*="product-pos-r"] .product-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .retrinapro-productlist-983 .product-grid-item { text-align: center; } .retrinapro-productlist-983 .product-grid-item .product-wrapper { border-radius: var(--product-brd-radius); } .retrinapro-productlist-983 .product-grid-item :is(.product-image-link, .hover-img) img { width: 100%; border-radius: var(--product-brd-radius); } .retrinapro-productlist-983 .product-grid-item .product-image-link { display: block; } .retrinapro-productlist-983 .product-grid-item .hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--bgcolor-white); opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-productlist-983 .product-grid-item .hover-img > a { display: block; flex: 1 1 100%; max-width: 100%; width: 100%; } .retrinapro-productlist-983 .product-grid-item .product-entities-title, .retrinapro-productlist-983 .product-grid-item .product-product-cats, .retrinapro-productlist-983 .product-grid-item .product-product-brands-links { margin-bottom: 5px; font-size: inherit; } .retrinapro-productlist-983 .product-grid-item .product-product-cats, .retrinapro-productlist-983 .product-grid-item .product-product-brands-links { font-size: 95%; --product-link-color: var(--color-gray-400); --product-link-color-hover: var(--color-gray-700); } .retrinapro-productlist-983 .product-grid-item .product-product-cats a, .retrinapro-productlist-983 .product-grid-item .product-product-brands-links a { display: inline-block; } .retrinapro-productlist-983 .product-grid-item .product-product-sku { margin-bottom: 5px; color: var(--color-gray-400); word-break: break-all; font-size: 95%; } .retrinapro-productlist-983 .product-grid-item .product-product-sku .product-label { color: var(--color-gray-800); font-weight: 600; } .retrinapro-productlist-983 .product-grid-item .product-product-countdown, .retrinapro-productlist-983 .product-grid-item .product-progress-bar { margin-top: 10px; } .retrinapro-productlist-983 .product-grid-item .star-rating, .retrinapro-productlist-983 .product-grid-item .product-star-rating, .retrinapro-productlist-983 .product-grid-item .product-swatches-grid, .retrinapro-productlist-983 .product-grid-item .product-product-stock { margin-bottom: 5px; } .retrinapro-productlist-983 .product-grid-item .product-star-rating .star-rating { margin-bottom: 0; } .retrinapro-productlist-983 .product-grid-item .product-swatches-grid:empty { display: none; } .retrinapro-productlist-983 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; } .retrinapro-productlist-983 .product-grid-item .added_to_cart { display: none !important; } .retrinapro-productlist-983 .product-grid-item .shop_attributes { font-size: 90%; --product-attr-v-gap: 10px; --product-attr-brd-style: dashed; } .retrinapro-productlist-983 .product-grid-item.product-swatched .hover-img { display: none; } .retrinapro-productlist-983 .product-grid-item.product-loading-image .hover-img { display: none; } .retrinapro-productlist-983 .product-grid-item.product-loading-image .product-image-link { opacity: 0.4; } .retrinapro-productlist-983 .product-grid-item.product-loading-image .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-983 .product-grid-item.quick-shop-shown .product-element-top .hover-img, .retrinapro-productlist-983 .product-grid-item.product-loading-quick-shop .product-element-top .hover-img { opacity: 0; transition: opacity 0.25s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-productlist-983 .product-spacing-0 .product-grid-item:not([class*="product-hover-info"]), .retrinapro-productlist-983 .product-spacing-2 .product-grid-item:not([class*="product-hover-info"]) { margin-bottom: 10px; } .retrinapro-productlist-983 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-productlist-983 .product-element-top:after { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -16px; margin-inline-start: -16px; opacity: 0; transition: opacity 0.1s ease, visibility 0.1s ease; content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: #242424; border-radius: 50%; vertical-align: middle; } .retrinapro-productlist-983 .product-element-top:hover .hover-img { opacity: 1; transform: scale(1.09); } .retrinapro-productlist-983 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius) / 1.2); background: var(--bgcolor-white); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .retrinapro-productlist-983 .product-buttons .product-action-btn > a, .retrinapro-productlist-983 .product-buttons .product-action-btn > button { height: 45px; } .retrinapro-productlist-983 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-productlist-983 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-productlist-983 .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-983 .product-grid-item.product-swatched .product-buttons[class*="product-pos-r"], .retrinapro-productlist-983 .product-grid-item.quick-shop-shown .product-buttons[class*="product-pos-r"], .retrinapro-productlist-983 .product-grid-item[class*="product-loading"] .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-productlist-983 .product-grid-item.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-983 .slider-type-product :is(.owl-stage-outer, .owl-carousel:not(.owl-loaded)) { padding-top: 3px; padding-bottom: 3px; } .retrinapro-productlist-983 .quick-shop-shown .product-buttons, .retrinapro-productlist-983 .quick-shop-shown .product-labels, .retrinapro-productlist-983 .product-loading-quick-shop .product-buttons, .retrinapro-productlist-983 .product-loading-quick-shop .product-labels { opacity: 0; } .retrinapro-productlist-983 .product-loading-quick-shop .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-productlist-983 .product-loading-quick-shop .product-image-link { opacity: 0.2; } .retrinapro-productlist-983 .products-bordered-grid-ins .product-wrapper { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.105); } @media (max-width: 991px) { .retrinapro-productlist-983 .product-grid-item .hover-img { display: none; } .retrinapro-productlist-983 .product-grid-item .product-buttons { opacity: 1; transform: none; } .retrinapro-productlist-983 .product-buttons { border-radius: 35px !important; } .retrinapro-productlist-983 .product-buttons .product-action-btn > a, .retrinapro-productlist-983 .product-buttons .product-action-btn > button { width: 35px !important; height: 35px !important; padding : 0 !important; } .retrinapro-productlist-983 .product-buttons .product-action-btn > a i, .retrinapro-productlist-983 .product-buttons .product-action-btn > button i { font-size: 14px !important; } .retrinapro-productlist-983 .product-buttons .product-quick-view-icon, .retrinapro-productlist-983 .product-buttons .product-compare-btn { display: none; } } @media (max-width: 768.98px) { .retrinapro-productlist-983 .products-bordered-grid-ins .product-wrapper { padding: 10px; } } @media (max-width: 576px) { :is(.product-grid-item.rt-col-6, .owl-items-2 .product-grid-item) :is(.price, .star-rating, .product-entities-title, .product-product-cats, .product-product-brands-links, .product-product-sku, .product-product-stock span) { font-size: 90%; } } .retrinapro-productlist-983 .product-grid-item .product-buttons a, .retrinapro-productlist-983 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; background-color: transparent; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-productlist-983 .price .ins { padding: 0; background-color: transparent; color: var(--barana-theme-primary-color); text-decoration: none; opacity: 1; } .retrinapro-productlist-983 a{ text-decoration: none; } .retrinapro-productlist-983 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-productlist-983 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; overflow:hidden; } .retrinapro-productlist-983 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity .3s ease; } .retrinapro-productlist-983 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); background: #fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 10%); transition: all .3s ease; opacity: 0; } .retrinapro-productlist-983 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons.product-pos-r-b { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-983 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons.product-pos-r-t { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-productlist-983 .product-grid-item .product-buttons{ opacity: 0; position: absolute; top: 0px; right: 0px; z-index: 3; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-color: transparent; box-shadow: none; transform: translateX(20px) translateZ(0); transition: all .3s ease; visibility: hidden; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons{ opacity: 1; transform: translateY(0) translateZ(0); visibility: visible; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons a span, .retrinapro-productlist-983 .product-grid-item:hover .product-buttons button span{ top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position: absolute; z-index: 1070; visibility: hidden; text-transform: none; font-weight: 400; font-size: 12px; opacity: 0; pointer-events: none; padding: 0 15px!important; max-width: 200px; height: 34px; border-radius: 0; background-color: #000; color: #fff; text-align: center; white-space: nowrap; line-height: 34px; border-radius: 4px; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons a:hover span, .retrinapro-productlist-983 .product-grid-item:hover .product-buttons button:hover span{ visibility: visible; opacity: 1; animation: product-fadeInTooltip .3s ease; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons a span:before, .retrinapro-productlist-983 .product-grid-item:hover .product-buttons button span:before { content:""; top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons a span:before, .retrinapro-productlist-983 .product-grid-item:hover .product-buttons button span:before { border-left-color: #000; } .retrinapro-productlist-983 .product-grid-item .product-buttons a, .retrinapro-productlist-983 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; } .retrinapro-productlist-983 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-productlist-983 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; } .retrinapro-productlist-983 .product-grid-item .product-entities-title a{ color:inherit; text-decoration:none; } .retrinapro-productlist-983 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; color:#fff; } .retrinapro-productlist-983 .product-grid-item .top-information{ z-index: 3; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 10px 38px; opacity: 0; transition: opacity .3s ease; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .retrinapro-productlist-983 .product-grid-item:hover .top-information{ opacity: 1; } .retrinapro-productlist-983 .product-grid-item .product-element-top{ position:relative; } .retrinapro-productlist-983 .product-element-top:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,.5); opacity: 0; transition: opacity .3s ease; border-radius:4px; } .retrinapro-productlist-983 .product-grid-item:hover .product-element-top:before { opacity: 1; } .retrinapro-productlist-983 .product-grid-item .product-add-btn { margin-top:10px; } .retrinapro-productlist-983 .product-grid-item .product-add-btn > a, .retrinapro-productlist-983 .product-grid-item .product-add-btn > button { border-color: #fff; color: #fff; border-width: 2px; overflow: hidden; border-style:solid; padding: 0; position: relative; display: block; text-decoration:none; background-color: transparent; } .retrinapro-productlist-983 .product-add-btn > a:before, .retrinapro-productlist-983 .product-add-btn > button:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity .15s ease,transform .25s ease; transform: translateY(100%); content: "\F176"; font-family: bootstrap-icons !important; } .retrinapro-productlist-983 .product-add-btn > a:hover::before, .retrinapro-productlist-983 .product-add-btn > button:hover::before { transform: translateY(0) translateZ(0); } .retrinapro-productlist-983 .product-add-btn > a:after, .retrinapro-productlist-983 .product-add-btn > button:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity .2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid transparent; border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-productlist-983 .product-add-btn > a span, .retrinapro-productlist-983 .product-add-btn > button span{ display: block; transition: transform .25s ease,opacity .15s ease; padding: 8px 14px; } .retrinapro-productlist-983 .product-add-btn > a:hover span, .retrinapro-productlist-983 .product-add-btn > button:hover span{ transform: translateY(-100%) translateZ(0); } .retrinapro-productlist-983 .product-grid-item .product-image-link { display: block; } .retrinapro-productlist-983 .product-grid-item :is(.product-image-link,.hover-img) img { border-radius: 4px !important; } .retrinapro-productlist-983 .product-grid-item{ padding-inline-end:calc(30px / 2); padding-inline-start:calc(30px / 2); margin-bottom:30px; } .retrinapro-productlist-983 .labels-rectangular { top: 15px; left:15px; } .retrinapro-productlist-983 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius:15px; } .retrinapro-productlist-983 .labels-rectangular .label-with-img { padding: 0; max-width: 50px; } @media (max-width: 576px) { .retrinapro-productlist-983 .labels-rectangular .product-label { padding-inline-end: 5px; padding-inline-start: 5px; font-size: 10px; } .retrinapro-productlist-983 .labels-rectangular .label-with-img { padding-inline-end: 0; padding-inline-start: 0; } } .retrinapro-productlist-983 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-productlist-983 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-productlist-983 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-productlist-983 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-productlist-983 .product-label.featured { background-color: #e22d2d; } .retrinapro-productlist-983 .product-label.new { background-color: #438e44; } .retrinapro-productlist-983 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-productlist-983 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-productlist-983 .product-label { min-width: 40px; } .retrinapro-productlist-983 .product-label:not(:last-child) { margin-bottom: 5px; } } .barana-section-title-wrapper-60 { text-align: left; margin-right: auto; max-width: 100%; } .barana-section-title-wrapper-60 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-60 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-60 .barana-section-title-title { font-size: 46px; } .barana-section-title-wrapper-60 .barana-section-title-subtitle{ font-size: 18px; } .barana-section-title-wrapper-60 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-60 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; color: rgba(108,117,125,1); } .barana-section-title-wrapper-60 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-60 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: rgba(32.99999999999999,36.99999999999999,40.99999999999999,1); font-size:52px; } .barana-section-title-wrapper-60 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-60 .barana-section-title-description { color: rgba(32.99999999999999,36.99999999999999,40.99999999999999,1); font-size:20px; } @media (max-width: 991px) { .barana-section-title-wrapper-60 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-60 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-60 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-60 { max-width: 100%; } .barana-section-title-wrapper-60 .barana-section-title-title { font-size:52px; } .barana-section-title-wrapper-60 .barana-section-title-description { font-size:20px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-60 { max-width: 100%; } .barana-section-title-wrapper-60 .barana-section-title-title { font-size:36px; } } @media (max-width: 767px) { .barana-section-title-wrapper-60 { max-width: 100%; } .barana-section-title-wrapper-60 .barana-section-title-title { font-size:32px; } } .barana-button-61 { text-align: left; } .barana-button-61 .barana-button-wrapper { display: inline-block; padding: 10px 20px; border-color: #e9e9e9; color: #333; background-color: #212121; color: #fff; border-radius: 35px; } .barana-button-61 .barana-button-wrapper:hover { } .barana-size-xs { padding: 6px 10px; font-size: 11px; line-height: 16px; } .barana-size-sm { padding: 10px 14px; font-size: 12px; line-height: 16px; } .barana-size-lg { padding: 14px 28px; font-size: 14px; line-height: 20px; } .barana-size-xl { padding: 17px 40px; font-size: 16px; line-height: 22px; } #retrina_layout_1_1_0_mother_8{padding-left:60px !important ;} @media (max-width: 991px){#retrina_layout_1_1_0_mother_8{padding-left:42px !important ;} }@media (max-width: 767px){#retrina_layout_1_1_0_mother_8{padding-left:34px !important ;} } .retrina-image-62{ text-align:center; } .retrina-image-62 img{ opacity:1; max-width:100%; width:auto; } .retrina-image-62 figcaption{ font-size:18px; text-align:center; color:#6c757d; background-color:transparent; } @media (min-width: 992px) { .retrina-image-62{ text-align:center; } } @media (min-width: 768px) and (max-width: 991px) { .retrina-image-62{ text-align:center; } } @media (max-width: 767px) { .retrina-image-62{ text-align:center; } } #retrina_grand_layout_1_1_0_grand_4{position:relative; border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-bottom:40px !important ;margin-top:70px !important ;} @media (max-width: 991px){#retrina_grand_layout_1_1_0_grand_4{position:relative; border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-bottom:40px !important ;margin-top:70px !important ;} }@media (max-width: 767px){#retrina_grand_layout_1_1_0_grand_4{position:relative; border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-bottom:40px !important ;margin-top:40px !important ;} } .barana-information-box-63 .barana-info-box { position: relative; display: flex; align-items: stretch; flex-direction: column; flex-direction: row; text-align: left; border-radius: 5px; } .barana-information-box-63 .barana-info-box .box-icon-wrapper { flex: 0 0 auto; line-height: 0; } .barana-information-box-63 .barana-info-box .info-box-icon { display: inline-block; transition: all 0.25s ease; } .barana-information-box-63 .info-box-icon img { width: 100%; } .barana-information-box-63 .barana-info-box .info-box-subtitle, .barana-information-box-63 .barana-info-box .info-box-title { margin-bottom: 10px; transition: all 0.25s ease; } .barana-information-box-63 .barana-info-box .info-box-subtitle { line-height: 1.3; } .barana-information-box-63 .barana-info-box .info-box-subtitle { font-size: 18px; color: #a5a5a5; } .barana-information-box-63 .barana-info-box .info-box-title { line-height: 1.3; font-size: 36px; color: var(--barana-theme-title-color); font-size:36px; } .barana-information-box-63 .barana-info-box .info-box-inner { font-size: 14px; color: #a5a5a5; } .barana-information-box-63 .barana-info-box .info-box-content { position: relative; flex: 1 1 auto; border-radius: 5px; } .barana-information-box-63 .barana-info-box .info-box-inner p:first-child:empty, .barana-information-box-63 .barana-info-box .info-box-inner p:first-child:empty ~ p:last-child { display: none; } .barana-information-box-63 .barana-info-box .info-btn-wrapper { margin-top: 15px; } .barana-information-box-63 .barana-button-wrapper { text-align: left; } .barana-information-box-63 .barana-button-wrapper a { text-decoration: none; text-align: center; cursor:pointer; display: inline-block; padding: 14px 28px; font-size: 14px; line-height: 20px; border: none; background-color: var(--barana-theme-primary-color); color: #fff; border-radius: 35px; } .barana-information-box-63 .barana-button-wrapper a:hover { color: #fff; box-shadow: inset 0 0 200px rgb(0 0 0 / 10%) !important; } .barana-information-box-63 .box-icon-wrapper { margin-right: 20px; max-width: 50%; } .barana-information-box-63 .box-icon-wrapper { font-size: 52px; } .barana-information-box-63 .info-box-icon img { border-radius: inherit; } .barana-information-box-63 .info-box-icon { } .barana-information-box-63 .barana-info-box:hover .info-box-icon { } @media (min-width: 992px) { .barana-information-box-63 .barana-info-box .info-box-title { font-size:36px; } } @media (max-width: 767px) { .barana-information-box-63 .barana-info-box .info-box-title { font-size:32px; } } .barana-information-box-64 .barana-info-box { position: relative; display: flex; align-items: stretch; flex-direction: column; flex-direction: row; text-align: left; border-radius: 5px; } .barana-information-box-64 .barana-info-box .box-icon-wrapper { flex: 0 0 auto; line-height: 0; } .barana-information-box-64 .barana-info-box .info-box-icon { display: inline-block; transition: all 0.25s ease; } .barana-information-box-64 .info-box-icon img { width: 100%; } .barana-information-box-64 .barana-info-box .info-box-subtitle, .barana-information-box-64 .barana-info-box .info-box-title { margin-bottom: 10px; transition: all 0.25s ease; } .barana-information-box-64 .barana-info-box .info-box-subtitle { line-height: 1.3; } .barana-information-box-64 .barana-info-box .info-box-subtitle { font-size: 18px; color: #a5a5a5; } .barana-information-box-64 .barana-info-box .info-box-title { line-height: 1.3; font-size: 36px; color: var(--barana-theme-title-color); font-size:36px; } .barana-information-box-64 .barana-info-box .info-box-inner { font-size: 14px; color: #a5a5a5; } .barana-information-box-64 .barana-info-box .info-box-content { position: relative; flex: 1 1 auto; border-radius: 5px; } .barana-information-box-64 .barana-info-box .info-box-inner p:first-child:empty, .barana-information-box-64 .barana-info-box .info-box-inner p:first-child:empty ~ p:last-child { display: none; } .barana-information-box-64 .barana-info-box .info-btn-wrapper { margin-top: 15px; } .barana-information-box-64 .barana-button-wrapper { text-align: left; } .barana-information-box-64 .barana-button-wrapper a { text-decoration: none; text-align: center; cursor:pointer; display: inline-block; padding: 14px 28px; font-size: 14px; line-height: 20px; border: none; background-color: var(--barana-theme-primary-color); color: #fff; border-radius: 35px; } .barana-information-box-64 .barana-button-wrapper a:hover { color: #fff; box-shadow: inset 0 0 200px rgb(0 0 0 / 10%) !important; } .barana-information-box-64 .box-icon-wrapper { margin-right: 20px; max-width: 50%; } .barana-information-box-64 .box-icon-wrapper { font-size: 52px; } .barana-information-box-64 .info-box-icon img { border-radius: inherit; } .barana-information-box-64 .info-box-icon { } .barana-information-box-64 .barana-info-box:hover .info-box-icon { } @media (min-width: 992px) { .barana-information-box-64 .barana-info-box .info-box-title { font-size:36px; } } @media (max-width: 767px) { .barana-information-box-64 .barana-info-box .info-box-title { font-size:32px; } } @media (max-width: 767px){#retrina_layout_1_1_0_mother_11 > div {margin-top:80px !important ;} }#retrina_grand_layout_1_1_0_grand_5{position:relative; margin-top:100px !important ;} @media (max-width: 991px){#retrina_grand_layout_1_1_0_grand_5{position:relative; margin-top:100px !important ;} }@media (max-width: 767px){#retrina_grand_layout_1_1_0_grand_5{position:relative; margin-top:100px !important ;} }#retrina_layout_1_1_0_father_11 {background-color:rgba(238.99999999999997,238.99999999999997,238.99999999999997,1) ;border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;margin-left:2px !important ;margin-right:2px !important ;} @media (max-width: 991px){#retrina_layout_1_1_0_father_11 {background-color:rgba(238.99999999999997,238.99999999999997,238.99999999999997,1) ;border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-bottom:30px !important ;margin-left:2px !important ;margin-right:2px !important ;} }@media (max-width: 767px){#retrina_layout_1_1_0_father_11 {background-color:rgba(238.99999999999997,238.99999999999997,238.99999999999997,1) ;border-top-left-radius:16px ;border-top-right-radius:16px ;border-bottom-left-radius:16px ;border-bottom-right-radius:16px ;padding-bottom:30px !important ;margin-left:2px !important ;margin-right:2px !important ;} } .barana-image-hotspot-wrapper-67 a{ text-decoration:none; } .barana-image-hotspot-wrapper-67 .barana-entities-title a{ display:inline-block; color:inherit; } .barana-image-hotspot-wrapper-67 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .barana-image-hotspot-wrapper-67 .del{ text-decoration-color: #bbb; text-decoration:line-through; } .barana-image-hotspot-wrapper-67 .ins{ text-decoration:none; } .barana-image-hotspot-wrapper-67 .del .amount { color: #bbb; font-weight: 400; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot-hotspots { position: relative; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot-img { width: 100%; border-radius: 5px !important; } .barana-image-hotspot-wrapper-67 .hotspot-content { position: absolute; z-index: 10; visibility: hidden; padding: 15px; width: 250px; border-radius: 5px; background: #FFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); text-align: center; opacity: 0; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease; transform: translateY(20px) translateZ(0); } .barana-image-hotspot-wrapper-67 .hotspot-content img { border-radius: 5px; } .barana-image-hotspot-wrapper-67 .hotspot-content > :is(div, h4) { margin-bottom: 10px; } .barana-image-hotspot-wrapper-67 .hotspot-content > :is(div, h4):last-child { margin-bottom: 0; } .barana-image-hotspot-wrapper-67 .hotspot-content .hotspot-content-text { margin-bottom: 15px; color:#777777; font-size:14px; text-transform: uppercase; } .barana-image-hotspot-wrapper-67 .hotspot-content :is(.barana-entities-title, .hotspot-content-image) a { display: block; } .barana-image-hotspot-wrapper-67 .hotspot-content .barana-entities-title { font-size: 16px; font-weight:400; text-transform: uppercase; color: #333333; } .barana-image-hotspot-wrapper-67 .hotspot-content:before { content: ""; position: absolute; } .barana-image-hotspot-wrapper-67 .hotspot-opened .hotspot-content { visibility: visible; opacity: 1; transform: none; } .barana-image-hotspot-wrapper-67 .hotspot-content:hover .barana-more-desc-btn { transform: translateY(0) translateZ(0); } .barana-image-hotspot-wrapper-67 .barana-fill { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .barana-image-hotspot-wrapper-67 .btn-size-small { padding: 10px 14px; font-size: 12px; line-height: 16px; border:none; font-weight:600; text-transform: uppercase; } .barana-image-hotspot-wrapper-67 .btn.btn-color-primary { color: #fff; background-color: var(--barana-theme-primary-color); } .barana-image-hotspot-wrapper-67 .hotspot-content .price { font-size: 16px; line-height: 1.2; } .barana-image-hotspot-wrapper-67 ul { padding-inline-start:0; } .barana-image-hotspot-wrapper-67 ul li{ list-style:none; } .barana-image-hotspot-wrapper-67 .hotspot-content :is(.add-to-cart-button, .product_type_variable) { padding: 10px 14px; font-size: 12px; line-height: 16px; border-radius: 5px; box-shadow: none; color: #fff; background-color: var(--barana-theme-primary-color); display:inline-block; font-weight:600; text-transform: uppercase; position:relative; } .barana-image-hotspot-wrapper-67 .add-to-cart-loop:not(.add-to-cart-button, .product_type_variable) { border-radius: 5px; box-shadow: none; color: #3e3e3e; background-color: #f3f3f3; display:inline-block; padding: 12px 20px; font-size: 13px; line-height: 18px; font-weight:600; text-transform: uppercase; } .barana-image-hotspot-wrapper-67 .hotspot-content :is(.add-to-cart-button, .product_type_variable):hover { color: #fff; box-shadow: none; background-color: #c40545; } .barana-image-hotspot-wrapper-67 .hotspot-content :is(.add-to-cart-button, .product_type_variable):active { box-shadow: var(--btn-shop-box-shadow-active); bottom: var(--btn-shop-bottom-active); } .barana-image-hotspot-wrapper-67 .hotspot-content .added_to_cart { display: none; } .barana-image-hotspot-wrapper-67 :is(.hotspot-dropdown-top, .hotspot-dropdown-bottom) { left: -115px; } .barana-image-hotspot-wrapper-67 :is(.hotspot-dropdown-top, .hotspot-dropdown-bottom):before { left: 0; width: 100%; height: 30px; } .barana-image-hotspot-wrapper-67 :is(.hotspot-dropdown-top, .hotspot-dropdown-bottom).hotspot-overflow-left { right: 0; left: auto; } .barana-image-hotspot-wrapper-67 :is(.hotspot-dropdown-top, .hotspot-dropdown-bottom).hotspot-overflow-right { left: 0; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-top { bottom: 40px; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-top:before { top: 100%; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-bottom { top: 40px; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-bottom:before { bottom: 100%; } .barana-image-hotspot-wrapper-67 :is(.hotspot-dropdown-left, .hotspot-dropdown-right) { top: -55px; } .barana-image-hotspot-wrapper-67 :is(.hotspot-dropdown-left, .hotspot-dropdown-right):before { top: 0; width: 30px; height: 100%; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-left { right: 40px; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-left:before { left: 100%; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-left.hotspot-overflow-right { right: auto; left: 40px; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-left.hotspot-overflow-right:before { right: 100%; left: auto; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-right { left: 40px; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-right:before { right: 100%; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-right.hotspot-overflow-left { right: 40px; left: auto; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-right.hotspot-overflow-left:before { right: auto; left: 100%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot { position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity 0.8s ease; top:50%; left:50%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot { opacity: 1; } .barana-image-hotspot-wrapper-67 .hotspot-btn, .barana-image-hotspot-wrapper-67 .hotspot-sonar { border-radius: 50%; backface-visibility: hidden; perspective: 800px; } .barana-image-hotspot-wrapper-67 .hotspot-btn { z-index: 1; letter-spacing: normal; transition: all 0.3s ease; } .barana-image-hotspot-wrapper-67 .hotspot-action-click .hotspot-btn { cursor: pointer; } .barana-image-hotspot-wrapper-67 .hotspot-btn:after { content: ""; position: absolute; transition: all 0.3s ease; } .barana-image-hotspot-wrapper-67 .hotspot-sonar { position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; display: block; animation: barana-Sonar 2s ease infinite; } .barana-image-hotspot-wrapper-67.hotspot-icon-default .hotspot-btn { background-color: var(--barana-theme-primary-color); box-shadow: inset 100px 100px transparent; animation: barana-Pulse 2s ease-in-out infinite; } .barana-image-hotspot-wrapper-67.hotspot-icon-default .hotspot-btn:after { top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; } .barana-image-hotspot-wrapper-67.hotspot-icon-default .barana-image-hotspot.hotspot-opened .hotspot-btn { box-shadow: inset 100px 100px rgba(0, 0, 0, 0.1); } .barana-image-hotspot-wrapper-67.hotspot-icon-default .hotspot-sonar { background-color: rgba(255, 255, 255, 0.5); } .barana-image-hotspot-wrapper-67.hotspot-icon-alt .hotspot-btn { background-color: #fff; } .barana-image-hotspot-wrapper-67.hotspot-icon-alt .hotspot-btn:after { top: 0; right: 0; bottom: 0; left: 0; color: var(--barana-theme-primary-color); text-align: center; font-weight: 700; font-size: 10px; line-height: 20px; content: "\2b"; font-family: "Font Awesome 6 Free"; } .barana-image-hotspot-wrapper-67.hotspot-icon-alt .barana-image-hotspot.hotspot-opened .hotspot-btn:after { color: #fff; } .barana-image-hotspot-wrapper-67.hotspot-icon-alt .barana-image-hotspot:is(.hotspot-opened, :hover) .hotspot-btn { background-color: var(--barana-theme-primary-color); } .barana-image-hotspot-wrapper-67.hotspot-icon-alt .hotspot-sonar { background-color: #fff; } @keyframes barana-Sonar { 0% { opacity: 0; transform: scale(0.2); } 50% { opacity: 0.8; } 100% { opacity: 0; transform: scale(1); } } @keyframes barana-Pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } .barana-image-hotspot-wrapper-67 .hotspot-content .add-to-cart-button:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 1; border-radius: inherit; background-color: inherit; box-shadow: inherit; transition: opacity 0s ease; } .barana-image-hotspot-wrapper-67 .hotspot-content .add-to-cart-button:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; z-index: 2; transition: opacity 0s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .barana-image-hotspot-wrapper-67 .hotspot-content .loading.add-to-cart-button:before { opacity: 1; transition: opacity 0.25s ease; } .barana-image-hotspot-wrapper-67 .hotspot-content .loading.add-to-cart-button:after { opacity: 1; transition: opacity 0.25s ease; animation: barana-rotate 450ms infinite linear; } @media (min-width: 992px) { .barana-image-hotspot-wrapper-67 .hotspot-action-hover .hotspot-content { pointer-events: none; } .barana-image-hotspot-wrapper-67 .hotspot-action-hover .barana-image-hotspot:hover .hotspot-content { visibility: visible; opacity: 1; transform: none; pointer-events: visible; } .barana-image-hotspot-wrapper-67 .hotspot-icon-default .barana-image-hotspot:hover .hotspot-btn { box-shadow: inset 100px 100px rgba(255, 255, 255, 0.1); } .barana-image-hotspot-wrapper-67 .hotspot-icon-alt .barana-image-hotspot:hover .hotspot-btn:after { color: #fff; } } @media (max-width: 768.98px) { .barana-image-hotspot-wrapper-67 .hotspot-type-product .hotspot-content-text { display: none; } .barana-image-hotspot-wrapper-67 .hotspot-type-product :is(.barana-entities-title, .price) { font-size: 14px; } .barana-image-hotspot-wrapper-67 .hotspot-content { top: 40px; right: auto; bottom: auto; } .barana-image-hotspot-wrapper-67 .hotspot-dropdown-left, .barana-image-hotspot-wrapper-67 .hotspot-dropdown-right { left: -115px; } .barana-image-hotspot-wrapper-67 .hotspot-icon-alt .barana-image-hotspot:hover:not(.hotspot-opened) .hotspot-btn { background-color: #fff; } } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(2){ position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); opacity: 1; transition: opacity .8s ease; top: 17%; left: 32%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(3){ position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); opacity: 1; transition: opacity .8s ease; top: %; left: 12%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(4){ position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); opacity: 1; transition: opacity .8s ease; top: 27%; left: 14%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(5){ position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); opacity: 1; transition: opacity .8s ease; top: 36%; left: 43%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(6){ position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); opacity: 1; transition: opacity .8s ease; top: 70%; left: 40%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(7){ position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); opacity: 1; transition: opacity .8s ease; top: %; left: 60%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(8){ position: absolute; margin-top: -10px; margin-inline-start: -10px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); opacity: 1; transition: opacity .8s ease; top: 14%; left: 81%; } @media (min-width: 992px) { .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(2){ top: 17%; left: 32%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(4){ top: 27%; left: 14%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(5){ top: 36%; left: 43%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(6){ top: 70%; left: 40%; } .barana-image-hotspot-wrapper-67 .barana-image-hotspot:nth-child(8){ top: 14%; left: 81%; } } #retrina_layout_1_1_0_mother_12{padding-left:0px !important ;padding-right:0px !important ;padding-top:0px !important ;padding-bottom:0px !important ;} @media (max-width: 991px){#retrina_layout_1_1_0_mother_12{padding-left:0px !important ;padding-right:0px !important ;padding-top:0px !important ;padding-bottom:0px !important ;} }@media (max-width: 767px){#retrina_layout_1_1_0_mother_12{padding-left:0px !important ;padding-right:0px !important ;padding-top:0px !important ;padding-bottom:0px !important ;} } .barana-section-title-wrapper-68 { text-align: left; margin-right: auto; max-width: 100%; } .barana-section-title-wrapper-68 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-68 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-68 .barana-section-title-title { font-size: 46px; } .barana-section-title-wrapper-68 .barana-section-title-subtitle{ font-size: 18px; } .barana-section-title-wrapper-68 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-68 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; } .barana-section-title-wrapper-68 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-68 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: #242424; font-size:46px; } .barana-section-title-wrapper-68 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-68 .barana-section-title-description { color: rgba(108,117,125,1); } @media (max-width: 991px) { .barana-section-title-wrapper-68 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-68 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-68 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-68 { max-width: 100%; } .barana-section-title-wrapper-68 .barana-section-title-title { font-size:46px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-68 { max-width: 100%; } .barana-section-title-wrapper-68 .barana-section-title-title { font-size:36px; } } @media (max-width: 767px) { .barana-section-title-wrapper-68 { max-width: 100%; } .barana-section-title-wrapper-68 .barana-section-title-title { font-size:32px; } } .barana-button-69 { text-align: left; } .barana-button-69 .barana-button-wrapper { display: inline-block; padding: 10px 20px; border-color: #e9e9e9; color: #333; background-color: var(--barana-theme-primary-color); color: #fff; border-radius: 35px; } .barana-button-69 .barana-button-wrapper:hover { } .barana-size-xs { padding: 6px 10px; font-size: 11px; line-height: 16px; } .barana-size-sm { padding: 10px 14px; font-size: 12px; line-height: 16px; } .barana-size-lg { padding: 14px 28px; font-size: 14px; line-height: 20px; } .barana-size-xl { padding: 17px 40px; font-size: 16px; line-height: 22px; } #retrina_layout_1_1_0_mother_13{padding-left:40px !important ;} @media (max-width: 991px){#retrina_layout_1_1_0_mother_13{padding-left:12px !important ;} }@media (max-width: 767px){#retrina_layout_1_1_0_mother_13{padding-left:12px !important ;} }#retrina_grand_layout_1_1_0_grand_6{position:relative; margin-top:65px !important ;} @media (max-width: 991px){#retrina_grand_layout_1_1_0_grand_6{position:relative; margin-top:65px !important ;} }@media (max-width: 767px){#retrina_grand_layout_1_1_0_grand_6{position:relative; margin-top:35px !important ;} } .barana-information-box-72 .barana-info-box { position: relative; display: flex; align-items: stretch; flex-direction: column; flex-direction: row-reverse; text-align: left; border-radius: 5px; } .barana-information-box-72 .barana-info-box .box-icon-wrapper { flex: 0 0 auto; line-height: 0; } .barana-information-box-72 .barana-info-box .info-box-icon { display: inline-block; transition: all 0.25s ease; } .barana-information-box-72 .info-box-icon img { width: 100%; } .barana-information-box-72 .barana-info-box .info-box-subtitle, .barana-information-box-72 .barana-info-box .info-box-title { margin-bottom: 10px; transition: all 0.25s ease; } .barana-information-box-72 .barana-info-box .info-box-subtitle { line-height: 1.3; } .barana-information-box-72 .barana-info-box .info-box-subtitle { font-size: 18px; color: rgba(255, 255, 255, 0.6); color: rgba(255,255,255,1); } .barana-information-box-72 .barana-info-box .info-box-title { line-height: 1.3; font-size: 36px; color: rgba(255,255,255,1); font-size:36px; } .barana-information-box-72 .barana-info-box .info-box-inner { font-size: 14px; color: rgba(255,255,255,1); } .barana-information-box-72 .barana-info-box .info-box-content { position: relative; flex: 1 1 auto; border-radius: 5px; } .barana-information-box-72 .barana-info-box .info-box-inner p:first-child:empty, .barana-information-box-72 .barana-info-box .info-box-inner p:first-child:empty ~ p:last-child { display: none; } .barana-information-box-72 .barana-info-box .info-btn-wrapper { margin-top: 15px; } .barana-information-box-72 .barana-button-wrapper { text-align: left; } .barana-information-box-72 .barana-button-wrapper a { text-decoration: none; text-align: center; cursor:pointer; display: inline-block; padding: 14px 28px; font-size: 14px; line-height: 20px; border: none; background-color: var(--barana-theme-secondary-color); color: #fff; border-radius: 35px; } .barana-information-box-72 .barana-button-wrapper a:hover { color: #fff; box-shadow: inset 0 0 200px rgb(0 0 0 / 10%) !important; } .barana-information-box-72 .box-icon-wrapper { margin-left: 20px; max-width: 50%; } .barana-information-box-72 .box-icon-wrapper { font-size: 52px; } .barana-information-box-72 .info-box-icon img { border-radius: inherit; } .barana-information-box-72 .info-box-icon { } .barana-information-box-72 .barana-info-box:hover .info-box-icon { } @media (min-width: 992px) { .barana-information-box-72 .barana-info-box .info-box-title { font-size:36px; } } @media (max-width: 767px) { .barana-information-box-72 .barana-info-box .info-box-title { font-size:32px; } } .barana-information-box-73 .barana-info-box { position: relative; display: flex; align-items: stretch; flex-direction: column; flex-direction: row-reverse; text-align: left; border-radius: 5px; } .barana-information-box-73 .barana-info-box .box-icon-wrapper { flex: 0 0 auto; line-height: 0; } .barana-information-box-73 .barana-info-box .info-box-icon { display: inline-block; transition: all 0.25s ease; } .barana-information-box-73 .info-box-icon img { width: 100%; } .barana-information-box-73 .barana-info-box .info-box-subtitle, .barana-information-box-73 .barana-info-box .info-box-title { margin-bottom: 10px; transition: all 0.25s ease; } .barana-information-box-73 .barana-info-box .info-box-subtitle { line-height: 1.3; } .barana-information-box-73 .barana-info-box .info-box-subtitle { font-size: 18px; color: rgba(255, 255, 255, 0.6); color: rgba(255,255,255,1); } .barana-information-box-73 .barana-info-box .info-box-title { line-height: 1.3; font-size: 36px; color: rgba(255,255,255,1); font-size:36px; } .barana-information-box-73 .barana-info-box .info-box-inner { font-size: 14px; color: rgba(255,255,255,1); } .barana-information-box-73 .barana-info-box .info-box-content { position: relative; flex: 1 1 auto; border-radius: 5px; } .barana-information-box-73 .barana-info-box .info-box-inner p:first-child:empty, .barana-information-box-73 .barana-info-box .info-box-inner p:first-child:empty ~ p:last-child { display: none; } .barana-information-box-73 .barana-info-box .info-btn-wrapper { margin-top: 15px; } .barana-information-box-73 .barana-button-wrapper { text-align: left; } .barana-information-box-73 .barana-button-wrapper a { text-decoration: none; text-align: center; cursor:pointer; display: inline-block; padding: 14px 28px; font-size: 14px; line-height: 20px; border: none; background-color: var(--barana-theme-secondary-color); color: #fff; border-radius: 35px; } .barana-information-box-73 .barana-button-wrapper a:hover { color: #fff; box-shadow: inset 0 0 200px rgb(0 0 0 / 10%) !important; } .barana-information-box-73 .box-icon-wrapper { margin-left: 20px; max-width: 50%; } .barana-information-box-73 .box-icon-wrapper { font-size: 52px; } .barana-information-box-73 .info-box-icon img { border-radius: inherit; } .barana-information-box-73 .info-box-icon { } .barana-information-box-73 .barana-info-box:hover .info-box-icon { } @media (min-width: 992px) { .barana-information-box-73 .barana-info-box .info-box-title { font-size:36px; } } @media (max-width: 767px) { .barana-information-box-73 .barana-info-box .info-box-title { font-size:32px; } } #retrina_grand_layout_1_1_0_grand_7{position:relative; margin-top:100px !important ;} @media (max-width: 991px){#retrina_grand_layout_1_1_0_grand_7{position:relative; margin-top:50px !important ;} }@media (max-width: 767px){#retrina_grand_layout_1_1_0_grand_7{position:relative; margin-top:20px !important ;} } .barana-section-title-wrapper-1084 { text-align: center; margin-inline-start: auto; margin-inline-end: auto; max-width: 100%; } .barana-section-title-wrapper-1084 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-1084 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-1084 .barana-section-title-title { font-size: 26px; } .barana-section-title-wrapper-1084 .barana-section-title-subtitle .barana-section-title-wrapper-1084 .barana-section-title-description{ font-size: 14px; } .barana-section-title-wrapper-1084 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-1084 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; color: rgba(108,117,125,1); } .barana-section-title-wrapper-1084 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-1084 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: #242424; font-size:30px; } .barana-section-title-wrapper-1084 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-1084 .barana-section-title-title-container { display: flex; align-items: center; border-color: rgba(0,0,0,.105); flex-direction: row; } .barana-section-title-wrapper-1084 .barana-section-title-title-container:after, .barana-section-title-wrapper-1084 .barana-section-title-title-container:before { content: ""; display: block; flex: 1 1 auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; } .barana-section-title-wrapper-1084 .barana-section-title-title-container:after { margin-left: 20px; } .barana-section-title-wrapper-1084 .barana-section-title-title-container:before { margin-right: 20px; } .barana-section-title-wrapper-1084 .barana-section-title-description { color: #010101; } @media (max-width: 991px) { .barana-section-title-wrapper-1084 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-1084 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-1084 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-1084 { max-width: 100%; } .barana-section-title-wrapper-1084 .barana-section-title-title { font-size:30px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-1084 { max-width: 100%; } } @media (max-width: 767px) { .barana-section-title-wrapper-1084 { max-width: 100%; } } :root { --product-form-brd-radius: 5px; --product-form-brd-width: 2px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-shop-color: #fff; --btn-shop-color-hover: #fff; --btn-accent-color: #fff; --btn-accent-color-hover: #fff; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-shop-brd-radius: 5px; --btn-shop-box-shadow: none; --btn-shop-box-shadow-hover: none; --btn-accent-brd-radius: 0px; --btn-accent-box-shadow: none; --btn-accent-box-shadow-hover: none; --btn-accent-box-shadow-active: none; --btn-accent-bottom: 0px; --product-brd-radius: 5px; --notices-warning-color: #fff; --notices-warning-bg: #E0B252; --notices-success-color: #fff; --notices-success-bg: #459647; --btn-accent-bgcolor-hover: #c40538; --btn-accent-bgcolor: #d60644; --btn-shop-bgcolor-hover: var(--barana-theme-primary-color); --btn-shop-bgcolor: #d60644; --btn-default-bgcolor-hover: #efefef; --btn-default-bgcolor: #f7f7f7; --product-link-color: #333333; --product-link-color-hover: #242424; --product-alternative-color: #fbbc34; --product-primary-color: #d60644; --product-text-line-height: 1.6; --product-brd-radius: .001px; --product-form-height: 42px; --product-form-color: inherit; --product-form-placeholder-color: inherit; --product-form-bg: transparent; --product-form-brd-color: rgba(0, 0, 0, 0.1); --product-form-brd-color-focus: rgba(0, 0, 0, 0.15); --product-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --product-main-bgcolor: #FFF; --product-scroll-w: .001px; --product-admin-bar-h: .001px; --product-tags-mb: 20px; --product-block-spacing: 20px; --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255,255,255; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --prodcut-primary-color: #d60644; } /* */ .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-default { padding: 12px 20px; --barana-dropdown-width: 220px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-default > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-default .barana-dropdown { top: 0; left: 100%; padding: 12px 20px; width: var(--barana-dropdown-width); margin: 0 0 0 20px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-default .barana-dropdown:after { top: 0; bottom: 0; right: 100%; left: auto; width: 20px; height: auto; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-default .menu-item-has-children > a:after { margin-inline-start: auto; color: rgba(82, 82, 82, 0.45); font-weight: 600; font-size: 55%; line-height: 1; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-default.color-scheme-light .menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu:is(.barana-design-sized, .barana-design-full-width) .barana-sub-menu > li { margin-bottom: 25px; width: 200px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-full-width { padding-top: 30px; padding-inline-start: var(--barana-scroll-w); border-radius: 0; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-sized, .retrinapro-ajaxproductstab-1083 .barana-nav-vertical .barana-dropdown-menu.barana-design-full-width { padding: 30px 35px 0 35px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-sized > .container, .retrinapro-ajaxproductstab-1083 .barana-nav-vertical .barana-dropdown-menu:is(.barana-design-full-width, .barana-design-aside) > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside { padding-inline-start: var(--barana-scroll-w); background: transparent; box-shadow: none; pointer-events: none !important; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp { position: relative; border-radius: var(--barana-brd-radius); background-color: var(--bgcolor-white); background-image: var(--barana-dropdown-bg-img); background-position: bottom right; background-clip: border-box; background-repeat: no-repeat; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); transition: background-image 0.25s ease, background-color 0.25s ease; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu { min-height: var(--barana-dropdown-height); max-width: 270px; transition: border-radius 0.25s ease; border-top-left-radius: var(--barana-brd-radius); border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li { position: static; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:first-child > a { border-top-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:last-child > a { border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { margin-inline-start: auto; color: inherit; font-weight: 600; font-size: 60%; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item { background-color: transparent; background-image: none; box-shadow: none; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu { box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); border-top-right-radius: var(--barana-brd-radius); border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:first-child > a { border-top-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:last-child > a { border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1083 .menu-item:hover .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-1083 .menu-item:hover .barana-dropdown-menu.barana-design-aside:after, .retrinapro-ajaxproductstab-1083 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-1083 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside:after { pointer-events: auto !important; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-dropdown { position: absolute; top: 0; bottom: 0; right: 0; left: 270px; overflow: hidden; overflow-y: auto; margin: 0 !important; padding: 30px 35px 0 35px; max-height: 100%; width: auto; border-radius: 0; background: transparent; box-shadow: none; transition: all 0.25s ease; transform: none; scrollbar-width: thin; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-dropdown > .container { padding: 0; max-width: none; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-bl-menu { padding-inline-end: 20px; padding-inline-start: 20px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu { display: flex; flex-wrap: wrap; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu > li { margin-bottom: 25px; padding-inline-end: 15px; padding-inline-start: 15px; width: 200px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--bgcolor-white); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 12px 18px; color: var(--color-gray-800); text-transform: unset; font-weight: 600; font-size: 14px; line-height: 20px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-gray-200); color: var(--color-gray-700); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:not(:last-child) { border-bottom: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-dropdown { border-left: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--barana-primary-color); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 18px 20px; color: #fff; text-transform: unset; font-weight: 600; font-size: 16px; line-height: 24px; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-1083 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { margin-inline-end: 10px; max-height: 20px; filter: brightness(0) invert(1); transition: all 0.25s ease; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-white); color: var(--color-gray-800); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .barana-nav-img, .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .mega-menu-list img, .retrinapro-ajaxproductstab-1083 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a img, .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .barana-nav-img, .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .mega-menu-list img, .retrinapro-ajaxproductstab-1083 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a img { filter: brightness(1) invert(0); } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light { --nav-color: #fff; } .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-1083 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-1083 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { filter: brightness(0) invert(1); } /* */ .retrinapro-ajaxproductstab-1083 .product-nav-img, .retrinapro-ajaxproductstab-1083 .mega-menu-list img { display: inline-block; margin-inline-end: 7px; max-height: 18px; width: auto !important; } .retrinapro-ajaxproductstab-1083 .product-nav-img img, .retrinapro-ajaxproductstab-1083 .mega-menu-list img img { max-height: 18px; } .retrinapro-ajaxproductstab-1083 .product-nav { --nav-gap: 10px; display: inline-flex; justify-content: var(--text-align); flex-wrap: wrap; margin-inline-end: calc(var(--nav-gap) / -1); margin-inline-start: calc(var(--nav-gap) / -1); text-align: left; } .retrinapro-ajaxproductstab-1083 .product-nav > li { position: relative; list-style:none; } .retrinapro-ajaxproductstab-1083 ul { padding-inline-start:0; list-style:none; } .retrinapro-ajaxproductstab-1083 .wrap-quickview-button, .retrinapro-ajaxproductstab-1083 .quick-view { display:none !important; } .retrinapro-ajaxproductstab-1083 .product-nav > li > a { position: relative; display: flex; align-items: center; flex-direction: row; padding-inline-end: var(--nav-gap); padding-inline-start: var(--nav-gap); font-weight: 600; font-size: 13px; text-transform: uppercase; line-height: 1.2; } .retrinapro-ajaxproductstab-1083 .product-nav > li > a .product-nav-icon { margin-inline-end: 7px; font-size: 115%; } .retrinapro-ajaxproductstab-1083 .product-nav > li > a .menu-label { left: calc(100% - 30px); margin-inline-start: 0; } .retrinapro-ajaxproductstab-1083 .product-nav > li.product-has-children > a:after, .retrinapro-ajaxproductstab-1083 .product-nav > li.menu-item-has-children > a:after { margin-inline-start: 4px; font-weight: normal; font-style: normal; font-size: 50%; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1083 .product-nav li.color-primary { --nav-color: var(--barana-theme-primary-color); --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1083 .product-nav.product-gap-m { --nav-gap: 15px; } .retrinapro-ajaxproductstab-1083 .product-nav.product-gap-l { --nav-gap: 20px; } .retrinapro-ajaxproductstab-1083 .product-nav-opener { position: relative; z-index: 1; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 50px; color: var(--color-gray-900); cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1083 .product-nav-opener:after { font-weight: 700; font-size: 12px; transition: transform 0.25s ease; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1083 .product-nav-opener:hover { color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1083 .product-nav-opener.product-active { color: var(--color-gray-700); } .retrinapro-ajaxproductstab-1083 .product-nav-opener.product-active:after { transform: rotate(90deg); } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] { --nav-color: #333; --nav-color-hover: rgba(51, 51, 51, 0.7); --nav-color-active: rgba(51, 51, 51, 0.7); --nav-chevron-color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] > li > a { color: var(--nav-color); } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] > li:hover > a { color: var(--nav-color-hover); } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] > li.current-menu-item > a, .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] > li.product-active > a, .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] > li.active > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] > li.product-has-children > a:after, .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-"] > li.menu-item-has-children > a:after { color: var(--nav-chevron-color); } .retrinapro-ajaxproductstab-1083 .color-scheme-light .product-nav[class*="product-style-"], .retrinapro-ajaxproductstab-1083 .retrinapro-color-light .product-nav[class*="product-style-"] { --nav-color: #fff; --nav-color-hover: rgba(255, 255, 255, 0.8); --nav-color-active: rgba(255, 255, 255, 0.8); --nav-chevron-color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-1083 .product-nav.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1083 .product-nav.product-style-bordered > li, .retrinapro-ajaxproductstab-1083 .product-nav.product-style-separated > li { display: flex; flex-direction: row; } .retrinapro-ajaxproductstab-1083 .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-1083 .product-nav.product-style-separated > li:not(:last-child):after { content: ""; border-right: 1px solid rgba(0, 0, 0, 0.105); } .retrinapro-ajaxproductstab-1083 .retrinapro-color-light .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-1083 .retrinapro-color-light .product-nav.product-style-separated > li:not(:last-child):after { border-color: rgba(255, 255, 255, 0.25); } .retrinapro-ajaxproductstab-1083 .product-nav.product-style-separated > li { align-items: center; } .retrinapro-ajaxproductstab-1083 .product-nav.product-style-separated > li:not(:last-child):after { height: 18px; } .retrinapro-ajaxproductstab-1083 .product-nav.product-style-bordered > li { align-items: stretch; } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-underline"] .nav-link-text, .retrinapro-ajaxproductstab-1083 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text { line-height: 1.2; position: relative; display: inline-block; padding-top: 1px; padding-bottom: 1px; } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-underline"] .nav-link-text:after, .retrinapro-ajaxproductstab-1083 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after, .retrinapro-ajaxproductstab-1083 .product-checkout-steps li span:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 2px; transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-underline"] > li:hover > a .nav-link-text:after, .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-underline"] > li.current-menu-item > a .nav-link-text:after, .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-underline"] > li.product-active > a .nav-link-text:after, .retrinapro-ajaxproductstab-1083 .product-nav[class*="product-style-underline"] > li.active > a .nav-link-text:after, .retrinapro-ajaxproductstab-1083 .retrinapro-ajaxproductstab-1083.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after, .retrinapro-ajaxproductstab-1083 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a:hover .vc_tta-title-text:after, .retrinapro-ajaxproductstab-1083 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab.vc_active .vc_tta-title-text:after, .retrinapro-ajaxproductstab-1083 .product-checkout-steps .step-active span:after { width: 100%; } /* */ .retrinapro-ajaxproductstab-1083.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after { width: 100%; } .retrinapro-ajaxproductstab-1083.product-tabs .tabs-name { margin-bottom: 10px; text-transform: uppercase; font-size: 22px; } .retrinapro-ajaxproductstab-1083.product-tabs .tabs-name > span { vertical-align: middle; } .retrinapro-ajaxproductstab-1083.product-tabs .tabs-name .img-wrapper { display: inline-block; margin-inline-end: 10px; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs { align-items: center; --nav-gap: 0px; padding:0; margin:0; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs > li > a { padding: 10px 0; vertical-align: bottom; font-weight: var(--product-title-font-weight); font-style: var(--product-title-font-style); font-size: 16px; font-family: var(--product-title-font); line-height: 1; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs > li:not(:last-child) { margin-inline-end: 30px; } .retrinapro-ajaxproductstab-1083.product-tabs-header, .retrinapro-ajaxproductstab-1083.product-tabs-desc, .product-nav-tabs-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .product-tabs-header { display: flex; align-items: flex-end; margin-bottom: 20px; border-bottom: 2px solid var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .tabs-name { position: relative; z-index: 1; margin-bottom: -2px; margin-inline-end: 25px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid var(--barana-theme-primary-color); vertical-align: middle; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .tabs-name > span { vertical-align: bottom; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .tabs-name .img-wrapper { margin-inline-start: 4px; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { margin-bottom: 0; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .product-nav-tabs li a { min-height: 42px; font-size: 14px; } .retrinapro-ajaxproductstab-1083.product-tabs:not(.product-inited) .product-nav-tabs > li:first-child > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-1083 .color-scheme-light .product-nav-tabs.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1083 .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(51, 51, 51, 0.7); --nav-color-hover: #333; --nav-color-active: #333; } .retrinapro-ajaxproductstab-1083 .color-scheme-light .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(255, 255, 255, 0.7); --nav-color-hover: #fff; --nav-color-active: #fff; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs .img-wrapper { min-width: max-content; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs.product-icon-pos-top { align-items: flex-end; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs.product-icon-pos-top a { flex-direction: column; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs.product-icon-pos-top .img-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs.product-icon-pos-left a { flex-direction: row; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs.product-icon-pos-left .img-wrapper { margin-inline-end: 10px; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs.product-icon-pos-right a { flex-direction: row-reverse; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs.product-icon-pos-right .img-wrapper { margin-inline-start: 10px; } .retrinapro-ajaxproductstab-1083.product-retrinapro.product-tabs:not(.product-products-tabs) .product-nav-tabs > li > a { font-weight: inherit; font-size: inherit; font-family: inherit; } .retrinapro-ajaxproductstab-1083.product-tabs.product-fontsize-custom .product-nav-tabs > li > a { line-height: inherit; } .retrinapro-ajaxproductstab-1083.product-tabs:not(.product-inited) .product-tab-content:first-child { display: block; opacity: 1; transform: none; } .retrinapro-ajaxproductstab-1083.product-tabs .product-tab-content { display: none; opacity: 0; transition: all 0.3s ease; transform: translateY(30px); } .retrinapro-ajaxproductstab-1083.product-tabs .product-tab-content.product-active { display: block; } .retrinapro-ajaxproductstab-1083.product-tabs .product-tab-content.product-in { opacity: 1; transform: none; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside { position: relative; display: flex; --product-side-width: 300px; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside .product-tabs-header { position: static; flex: 1 0 var(--product-side-width); padding-inline-end: 15px; text-align: left; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside :is(.product-tabs-header, .product-nav-tabs-wrapper) { margin-bottom: 0; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside .product-nav-tabs { display: block; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside .product-nav-tabs > li { margin-inline-end: 0; cursor: pointer; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside .product-nav-tabs > li > a { display: inline-flex; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside .product-tab-content-wrapper { max-width: calc(100% - var(--product-side-width)); width: 100%; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-alt .product-tabs-header { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-1083.product-tabs .product-tabs-header .svg-icon { width: 25px !important; height: 25px !important; } .retrinapro-ajaxproductstab-1083.product-tabs .product-tabs-header .img-wrapper img { max-height: 25px; width: auto; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs { flex-wrap: nowrap; white-space: nowrap; } .retrinapro-ajaxproductstab-1083 .product-nav-tabs-wrapper { overflow-x: auto; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .product-tabs-header { align-items: flex-start; flex-direction: column; margin-bottom: 10px; border-bottom: none; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .tabs-name { margin-inline-end: 0; } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { flex: 1 1 auto; padding-top: 10px; max-width: 100%; width: 100%; border-top: 2px solid var(--brdcolor-gray-300); } } /* */ .retrinapro-ajaxproductstab-1083.product-products-tabs :is(.product-tabs-header, .product-nav-tabs-wrapper) { position: relative; } .retrinapro-ajaxproductstab-1083.product-products-tabs .product-tab-content-wrapper { display: block; visibility: visible; opacity: 1; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease; transform: none; } .retrinapro-ajaxproductstab-1083.product-products-tabs .product-tab-content-wrapper.loading { visibility: hidden; opacity: 0; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease 0.3s; transform: translateY(30px); pointer-events: none; } .retrinapro-ajaxproductstab-1083.product-products-tabs:is(.tabs-design-default, .tabs-design-alt) .product-tab-content-wrapper.loading .wrap-loading-arrow { display: none; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { position: absolute; top: -62px; animation: product-fadeIn 0.5s ease both 0.3s; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button { position: static; visibility: visible; margin-top: 0; width: 30px; height: 40px; opacity: 1; transform: none; pointer-events: visible; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:is([class*="prev"], [class*="next"]) { margin: 0; padding: 0; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .wrap-loading-arrow { right: 5px; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .owl-nav { right: 0; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .owl-nav { right: 5px; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .owl-loaded:after, .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .owl-loaded:before { content: none; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .product-products-loader .product-loader { position: absolute; top: 30px; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .product-tab-content-wrapper.loading :is(.owl-nav, .wrap-loading-arrow) { display: none; } .retrinapro-ajaxproductstab-1083.product-products-tabs.element-loading .product-tab-content-wrapper .product-products-loader { display: none !important; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-aside .product-retrinapro { margin-bottom: 0; } .retrinapro-ajaxproductstab-1083 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-1083 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-1083 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-aside .product-tabs-loader { top: 0; left: var(--product-side-width); } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { top: -103px; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple .owl-carousel .owl-nav { right: -5px; } .retrinapro-ajaxproductstab-1083.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > div { justify-content: center; } } /* */ .retrinapro-ajaxproductstab-1083 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-1083 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-1083 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .retrinapro-ajaxproductstab-1083 .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } /* */ .retrinapro-ajaxproductstab-1083 .product-tabs-header{ text-align:center; } .retrinapro-ajaxproductstab-1083.product-tabs .tabs-name{ font-size:41px;font-style:oblique; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1083.product-tabs .tabs-name{ font-size:41px; } } .retrinapro-ajaxproductstab-1083.product-tabs.tabs-design-aside { --product-side-width: 30px; } /* */ .retrinapro-ajaxproductstab-1083 .product-grid-item .product-entities-title a{ display:inline-block; color:inherit; } .retrinapro-ajaxproductstab-1083 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .retrinapro-ajaxproductstab-1083 .del{ text-decoration-color: var(--color-gray-300); text-decoration-line:line-through; } .retrinapro-ajaxproductstab-1083 .del .amount { color: var(--color-gray-300); font-weight: 400; } .retrinapro-ajaxproductstab-1083 .btn,.retrinapro-ajaxproductstab-1083 .button,.retrinapro-ajaxproductstab-1083 [type=button],.retrinapro-ajaxproductstab-1083 [type=submit],.retrinapro-ajaxproductstab-1083 button:not(.product-action-btn button) { padding: 12px 20px; font-size: 13px; line-height: 18px; background-color: #f3f3f3; color: #3e3e3e; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border: 0 solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; font-weight: 400; cursor: pointer; transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease; } .retrinapro-ajaxproductstab-1083 .product-buttons[class*="product-pos-r"] .product-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position:absolute; } .retrinapro-ajaxproductstab-1083 .product-buttons[class*="product-pos-r"] .product-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .retrinapro-ajaxproductstab-1083 .product-grid-item { text-align: center; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-wrapper { border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-1083 .product-grid-item :is(.product-image-link, .hover-img) img { width: 100%; border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-image-link { display: block; } .retrinapro-ajaxproductstab-1083 .product-grid-item .hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--bgcolor-white); opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-1083 .product-grid-item .hover-img > a { display: block; flex: 1 1 100%; max-width: 100%; width: 100%; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-entities-title, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-brands-links { margin-bottom: 5px; font-size: inherit; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-brands-links { font-size: 95%; --product-link-color: var(--color-gray-400); --product-link-color-hover: var(--color-gray-700); } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-cats a, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-brands-links a { display: inline-block; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-sku { margin-bottom: 5px; color: var(--color-gray-400); word-break: break-all; font-size: 95%; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-sku .product-label { color: var(--color-gray-800); font-weight: 600; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-countdown, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-progress-bar { margin-top: 10px; } .retrinapro-ajaxproductstab-1083 .product-grid-item .star-rating, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-star-rating, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-swatches-grid, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-product-stock { margin-bottom: 5px; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-star-rating .star-rating { margin-bottom: 0; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-swatches-grid:empty { display: none; } .retrinapro-ajaxproductstab-1083 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; } .retrinapro-ajaxproductstab-1083 .product-grid-item .added_to_cart { display: none !important; } .retrinapro-ajaxproductstab-1083 .product-grid-item .shop_attributes { font-size: 90%; --product-attr-v-gap: 10px; --product-attr-brd-style: dashed; } .retrinapro-ajaxproductstab-1083 .product-grid-item.product-swatched .hover-img { display: none; } .retrinapro-ajaxproductstab-1083 .product-grid-item.product-loading-image .hover-img { display: none; } .retrinapro-ajaxproductstab-1083 .product-grid-item.product-loading-image .product-image-link { opacity: 0.4; } .retrinapro-ajaxproductstab-1083 .product-grid-item.product-loading-image .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1083 .product-grid-item.quick-shop-shown .product-element-top .hover-img, .retrinapro-ajaxproductstab-1083 .product-grid-item.product-loading-quick-shop .product-element-top .hover-img { opacity: 0; transition: opacity 0.25s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-1083 .product-spacing-0 .product-grid-item:not([class*="product-hover-info"]), .retrinapro-ajaxproductstab-1083 .product-spacing-2 .product-grid-item:not([class*="product-hover-info"]) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1083 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1083 .product-element-top:after { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -16px; margin-inline-start: -16px; opacity: 0; transition: opacity 0.1s ease, visibility 0.1s ease; content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: #242424; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-1083 .product-element-top:hover .hover-img { opacity: 1; transform: scale(1.09); } .retrinapro-ajaxproductstab-1083 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius) / 1.2); background: var(--bgcolor-white); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .retrinapro-ajaxproductstab-1083 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-1083 .product-buttons .product-action-btn > button { height: 45px; } .retrinapro-ajaxproductstab-1083 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-1083 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-1083 .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-grid-item.product-swatched .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-1083 .product-grid-item.quick-shop-shown .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-1083 .product-grid-item[class*="product-loading"] .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-grid-item.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1083 .slider-type-product :is(.owl-stage-outer, .owl-carousel:not(.owl-loaded)) { padding-top: 3px; padding-bottom: 3px; } .retrinapro-ajaxproductstab-1083 .quick-shop-shown .product-buttons, .retrinapro-ajaxproductstab-1083 .quick-shop-shown .product-labels, .retrinapro-ajaxproductstab-1083 .product-loading-quick-shop .product-buttons, .retrinapro-ajaxproductstab-1083 .product-loading-quick-shop .product-labels { opacity: 0; } .retrinapro-ajaxproductstab-1083 .product-loading-quick-shop .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1083 .product-loading-quick-shop .product-image-link { opacity: 0.2; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid-ins .product-wrapper { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.105); } @media (max-width: 991px) { .retrinapro-ajaxproductstab-1083 .product-grid-item .hover-img { display: none; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-buttons { opacity: 1; transform: none; } .retrinapro-ajaxproductstab-1083 .product-buttons { border-radius: 35px !important; } .retrinapro-ajaxproductstab-1083 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-1083 .product-buttons .product-action-btn > button { width: 35px !important; height: 35px !important; padding : 0 !important; } .retrinapro-ajaxproductstab-1083 .product-buttons .product-action-btn > a i, .retrinapro-ajaxproductstab-1083 .product-buttons .product-action-btn > button i { font-size: 14px !important; } .retrinapro-ajaxproductstab-1083 .product-buttons .product-quick-view-icon, .retrinapro-ajaxproductstab-1083 .product-buttons .product-compare-btn { display: none; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-1083 .products-bordered-grid-ins .product-wrapper { padding: 10px; } } @media (max-width: 576px) { :is(.retrinapro-ajaxproductstab-1083 .product-grid-item.rt-col-6, .owl-items-2 .product-grid-item) :is(.price, .star-rating, .product-entities-title, .product-product-cats, .product-product-brands-links, .product-product-sku, .product-product-stock span) { font-size: 90%; } } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; background-color: transparent; } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-ajaxproductstab-1083 .price .ins { padding: 0; background-color: transparent; color: var(--barana-theme-primary-color); text-decoration: none; opacity: 1; } .retrinapro-ajaxproductstab-1083 a{ text-decoration: none; } .retrinapro-ajaxproductstab-1083 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; overflow:hidden; } .retrinapro-ajaxproductstab-1083 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity .3s ease; } .retrinapro-ajaxproductstab-1083 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); background: #fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 10%); transition: all .3s ease; opacity: 0; } .retrinapro-ajaxproductstab-1083 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons.product-pos-r-b { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons.product-pos-r-t { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-hover-standard .product-add-btn { margin-top: 10px; } .retrinapro-ajaxproductstab-1083 .product-hover-standard .product-add-btn > a, .retrinapro-ajaxproductstab-1083 .product-hover-standard .product-add-btn > button { border-radius: var(--btn-shop-brd-radius); color: var(--btn-shop-color); box-shadow: var(--btn-shop-box-shadow); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1083 .product-hover-standard .product-add-btn > a:hover, .retrinapro-ajaxproductstab-1083 .product-hover-standard .product-add-btn > button:hover { color: var(--btn-shop-color-hover); box-shadow: var(--btn-shop-box-shadow-hover); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1083 .product-hover-standard .product-add-btn > a:active, .retrinapro-ajaxproductstab-1083 .product-hover-standard .product-add-btn > button:active { box-shadow: var(--btn-shop-box-shadow-active); bottom: var(--btn-shop-bottom-active); } .retrinapro-ajaxproductstab-1083 .product-hover-standard .add-to-cart-loop span { padding: 10px 14px; font-size: 12px; line-height: 16px; } .retrinapro-ajaxproductstab-1083 .product-hover-standard.product-quantity .product-add-btn { margin-top: 5px; } .retrinapro-ajaxproductstab-1083 .product-hover-standard.product-quantity .product-add-btn div.quantity input[type="button"], .retrinapro-ajaxproductstab-1083 .product-hover-standard.product-quantity .product-add-btn div.quantity input[type="number"] { height: 36px; } .retrinapro-ajaxproductstab-1083 .product-hover-standard.product-quantity .product-add-btn div.quantity, .retrinapro-ajaxproductstab-1083 .product-hover-standard.product-quantity .product-add-btn .add-to-cart-loop { margin-top: 5px; margin-inline-end: 2px; margin-inline-start: 2px; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; display: inline-flex; align-items: center; justify-content: center; position: relative; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F23F"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-1083 .product-grid-item .product-buttons button{ color:#000; } .retrinapro-ajaxproductstab-1083 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-ajaxproductstab-1083 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-ajaxproductstab-1083 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1083 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-1083 .product-label.featured { background-color: #e22d2d; } .retrinapro-ajaxproductstab-1083 .product-label.new { background-color: #438e44; } .retrinapro-ajaxproductstab-1083 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1083 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1083 .product-label { min-width: 40px; } .retrinapro-ajaxproductstab-1083 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-ajaxproductstab-1083 div.quantity { display: inline-flex; vertical-align: top; white-space: nowrap; font-size: 0; } .retrinapro-ajaxproductstab-1083 div.quantity input[type="number"]::-webkit-inner-spin-button, .retrinapro-ajaxproductstab-1083 div.quantity input[type="number"]::-webkit-outer-spin-button, .retrinapro-ajaxproductstab-1083 div.quantity input[type="number"] { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .retrinapro-ajaxproductstab-1083 div.quantity input[type="number"], .retrinapro-ajaxproductstab-1083 div.quantity input[type="button"] { display: inline-block; color: inherit; } .retrinapro-ajaxproductstab-1083 div.quantity input[type="number"] { width: 30px; height: 42px; border-radius: 0; border:2px solid rgba(0, 0, 0, 0.1); border-left: none; border-right: none; background: transparent; color: inherit; font-size: 14px; text-align: center; vertical-align: middle; } .retrinapro-ajaxproductstab-1083 .browser-Firefox div.quantity input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .retrinapro-ajaxproductstab-1083 div.quantity input[type="button"] { padding: 0 5px; min-width: 25px; height: 42px; border: 2px solid rgba(0, 0, 0, 0.1); background: transparent; box-shadow: none; } .retrinapro-ajaxproductstab-1083 div.quantity input[type="button"]:hover { color: #fff; background-color: var(--barana-theme-primary-color); border-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1083 div.quantity .minus { border-start-start-radius: var(--product-form-brd-radius); border-end-start-radius: var(--product-form-brd-radius); } .retrinapro-ajaxproductstab-1083 div.quantity .plus { border-start-end-radius: var(--product-form-brd-radius); border-end-end-radius: var(--product-form-brd-radius); } .retrinapro-ajaxproductstab-1083 div.quantity.hidden { display: none !important; } .retrinapro-ajaxproductstab-1083 .form-style-underlined div.quantity input[type="number"] { border-top-style: solid; } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap { --quantity-space: 80px; } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity { position: absolute; bottom: 0; left: 0; z-index: 2; height: 100%; filter: brightness(0.95); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity input[type] { height: 100%; border: none; background-color: var(--barana-theme-primary-color); box-shadow: var(--btn-shop-box-shadow); color: var(--btn-shop-color); transition: all 0.25s ease; } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity input[type]:hover { filter: brightness(0.95); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity input[type="button"] { min-width: 25px; border-radius: 0; } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + .button, .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + link + .button, .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button { padding-inline-start: var(--quantity-space); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + .button:before, .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + link + .button:before, .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button:before { left: var(--quantity-space); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + .button:after, .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + link + .button:after, .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button:after { left: calc(50% + var(--quantity-space) / 2); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:not(.hidden) + .single_add_to_cart_button { padding-inline-start: calc(20px + var(--quantity-space)); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap :is(div, .cart):hover > div.quantity input[type], .retrinapro-ajaxproductstab-1083 .product-quantity-overlap :is(div, .cart):hover > div.quantity + .button { background-color: var(--barana-theme-primary-color); box-shadow: var(--btn-shop-box-shadow-hover); color: var(--btn-shop-color-hover); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap :is(div, .cart):active > div.quantity { bottom: var(--btn-shop-bottom-active); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap :is(div, .cart):active > div.quantity input[type], .retrinapro-ajaxproductstab-1083 .product-quantity-overlap :is(div, .cart):active > div.quantity + .button { box-shadow: var(--btn-shop-box-shadow-active); } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:active { bottom: 0 !important; } .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:active input[type], .retrinapro-ajaxproductstab-1083 .product-quantity-overlap div.quantity:active + .button { box-shadow: var(--btn-shop-box-shadow) !important; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F23F"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-ajaxproductstab-1083 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1083 .product-more-desc { position: relative; overflow: hidden; margin-bottom: 12px; max-height: calc(var(--product-text-line-height) * var(--product-more-desc-lines, 3em)); } .retrinapro-ajaxproductstab-1083 .product-more-desc .product-more-desc-inner { line-height: var(--product-text-line-height); --product-tags-mb: 10px; } .retrinapro-ajaxproductstab-1083 .product-more-desc .product-more-desc-btn { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; height: calc(var(--product-text-line-height) * 1em); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0, #fff 100%); color: var(--color-gray-900); text-align: center; text-decoration: none; line-height: var(--product-text-line-height); transition: transform 0.25s ease; transform: translateY(calc(var(--product-text-line-height) * 1em)); } .retrinapro-ajaxproductstab-1083 .product-more-desc .product-more-desc-btn span:after { font-weight: 700; font-size: 20px; content: "\F5D4"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1083 .product-more-desc .product-more-desc-btn:hover { color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1083 .product-more-desc .product-more-desc-btn:not(.product-shown) { display: none; } .retrinapro-ajaxproductstab-1083 .product-more-desc.product-more-desc-full { max-height: none; } .retrinapro-ajaxproductstab-1083 .product-more-desc.product-more-desc-full .product-more-desc-btn { display: none; } [class*="color-scheme-light"] .product-more-desc .product-more-desc-btn { background: linear-gradient(to bottom, rgba(15, 15, 15, 0.8) 0, #0f0f0f 100%); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1083 .product-more-desc { max-height: 80px; font-size: 12px; } .retrinapro-ajaxproductstab-1083 .product-more-desc-inner { line-height: 20px; } .retrinapro-ajaxproductstab-1083 .product-more-desc-inner p { line-height: inherit; } .retrinapro-ajaxproductstab-1083 .product-more-desc-full { max-height: none; } } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons a span, .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons button span{ top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position: absolute; z-index: 1070; visibility: hidden; text-transform: none; font-weight: 400; font-size: 12px; opacity: 0; pointer-events: none; padding: 0 15px!important; max-width: 200px; height: 34px; border-radius: 0; background-color: #000; color: #fff; text-align: center; white-space: nowrap; line-height: 34px; border-radius: 4px; } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons a:hover span, .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons button:hover span{ visibility: visible; opacity: 1; animation: product-fadeInTooltip .3s ease; } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons a span:before, .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons button span:before { content:""; top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons a span:before, .retrinapro-ajaxproductstab-1083 .product-grid-item:hover .product-buttons button span:before { border-left-color: #000; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-entities-title{ color:#333; } .retrinapro-ajaxproductstab-1083 .product-grid-item .product-image-link { display:block; } .retrinapro-ajaxproductstab-1083 .product-grid-item :is(.product-image-link,.hover-img) img { border-radius: 4px !important; } .retrinapro-ajaxproductstab-1083 .product-grid-item { border:0; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid { margin-inline-end: 0 !important; margin-inline-start: 0 !important; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid.elements-grid { align-items: stretch !important; border-style: solid; border-color: var(--brdcolor-gray-300); border-width: 0; border-left-width: 1px; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid.elements-grid:not(.elements-list) [class*="-grid-item"] { margin-bottom: 0 !important; border-style: solid; border-color: inherit; border-bottom-width: 1px; border-right-width: 1px; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid[class*="product-spacing-"] [class*="-grid-item"] { padding-top: calc(30px / 2); padding-bottom: calc(30px / 2); } .retrinapro-ajaxproductstab-1083 .products-bordered-grid.elements-list { padding-top: 30px; border-width: 1px; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid div.owl-item { padding-inline-end: 0; padding-inline-start: 0; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid :is(.owl-item, .owl-stage) { display: flex; align-items: stretch; flex-direction: row; border-color: inherit; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel-item { width: 100%; border-width: 1px; border-color: inherit; border-right-style: solid; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid :is(.owl-stage-outer, div.owl-carousel:not(.owl-loaded)) { padding: 0 !important; border-style: solid; border-color: var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-stage-outer { margin-inline-end: 1px; margin-inline-start: 1px; border-width: 1px; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel:not(.owl-loaded) { border-top-width: 1px; border-bottom-width: 1px; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel:not(.owl-loaded) .owl-carousel-item:first-child { border-left-style: solid; border-left-color: transparent; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel:not(.owl-loaded) .owl-carousel-item:last-child { border-right-style: solid; border-right-color: transparent; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel:not(.owl-loaded):before, .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel:not(.owl-loaded):after { content: ""; position: absolute; top: 0; bottom: 0; height: 100%; border-right: 1px solid var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel:not(.owl-loaded):before { left: 0; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-carousel:not(.owl-loaded):after { right: 0; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-item:last-child .owl-carousel-item { border-right-style: none; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid[class*="owl-carousel"] .owl-carousel-item { padding: calc(var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-nav > [class*="prev"] { left: -50px; } .retrinapro-ajaxproductstab-1083 .products-bordered-grid .owl-nav > [class*="next"] { right: -50px; } .retrinapro-ajaxproductstab-1083 .retrinapro-js-composer .products-bordered-grid:not(.pagination-arrows) + .products-footer { margin-top: 25px; } .retrinapro-ajaxproductstab-1083 .builder-default .products-bordered-grid.elements-grid { margin-bottom: 0; } .retrinapro-ajaxproductstab-1083 .builder-default .products-bordered-grid.elements-list { padding-bottom: 30px; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1083 .products-bordered-grid :is(.rt-col-lg-12:first-child, .rt-col-lg-6:nth-child(-n + 2), .rt-col-lg-4:nth-child(-n + 3), .rt-col-lg-3:nth-child(-n + 4), .rt-col-lg-20_0:nth-child(-n + 5), .rt-col-lg-2:nth-child(-n + 6)) { border-top-width: 1px; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-1083 .products-bordered-grid :is(.rt-col-12:first-child, .rt-col-6:nth-child(-n + 2)) { border-top-width: 1px; } } @media (min-width: 768px) and (max-width: 991px) { .retrinapro-ajaxproductstab-1083 .products-bordered-grid :is(.rt-col-md-12:first-child, .rt-col-md-6:nth-child(-n + 2), .rt-col-md-4:nth-child(-n + 3), .rt-col-md-3:nth-child(-n + 4), .rt-col-md-20_0:nth-child(-n + 5), .rt-col-md-2:nth-child(-n + 6)) { border-top-width: 1px; } } .retrinapro-ajaxproductstab-1083 .products[class*="product-stretch-cont"] .product-wrapper { height: 100%; } .retrinapro-ajaxproductstab-1083 .products[class*="product-stretch-cont"] .product-element-bottom { display: flex; flex-direction: column; flex: 1 1 auto; } .retrinapro-ajaxproductstab-1083 .products[class*="product-stretch-cont"] :is(.price, .wrap-price, .product-rating-price) { margin-top: auto; } .retrinapro-ajaxproductstab-1083 .slider-type-product[class*="product-stretch-cont"] .owl-stage .owl-carousel-item, .retrinapro-ajaxproductstab-1083 .slider-type-product[class*="product-stretch-cont"] .product { height: 100%; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1083 .products.product-stretch-cont-lg { align-items: stretch !important; } .retrinapro-ajaxproductstab-1083 .products.product-stretch-cont-lg :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-1083 .slider-type-product.product-stretch-cont-lg .owl-stage { display: flex; align-items: stretch; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-1083 .products.product-stretch-cont-sm { align-items: stretch !important; } .retrinapro-ajaxproductstab-1083 .products.product-stretch-cont-sm :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-1083 .slider-type-product.product-stretch-cont-sm .owl-stage { display: flex; align-items: stretch; } } @media (min-width: 768px) and (max-width: 991px) { .retrinapro-ajaxproductstab-1083 .products.product-stretch-cont-md { align-items: stretch !important; } .retrinapro-ajaxproductstab-1083 .products.product-stretch-cont-md :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-1083 .slider-type-product.product-stretch-cont-md .owl-stage { display: flex; align-items: stretch; } } .retrinapro-ajaxproductstab-1083 .labels-rectangular { top: 15px; left:15px; } .retrinapro-ajaxproductstab-1083 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius:15px; } .retrinapro-ajaxproductstab-1083 .labels-rectangular .label-with-img { padding: 0; max-width: 50px; } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1083 .labels-rectangular .product-label { padding-inline-end: 5px; padding-inline-start: 5px; font-size: 10px; } .retrinapro-ajaxproductstab-1083 .labels-rectangular .label-with-img { padding-inline-end: 0; padding-inline-start: 0; } } .retrinapro-ajaxproductstab-1083 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-ajaxproductstab-1083 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-ajaxproductstab-1083 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1083 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-1083 .product-label.featured { background-color: #e22d2d; } .retrinapro-ajaxproductstab-1083 .product-label.new { background-color: #438e44; } .retrinapro-ajaxproductstab-1083 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1083 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1083 .product-label { min-width: 40px; } .retrinapro-ajaxproductstab-1083 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-ajaxproductstab-1083 .owl-carousel { position: relative; z-index: 1; width: 100%; -webkit-tap-highlight-color: transparent; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-stage { position: relative; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0, 0); } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-wrapper, .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-item { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-item { position: relative; float: left; min-height: 1px; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-nav.disabled, .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-dots.disabled { display: none; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-nav .owl-prev, .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-nav .owl-next, .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .retrinapro-ajaxproductstab-1083 .owl-carousel.owl-loaded { display: block; } .retrinapro-ajaxproductstab-1083 .owl-carousel.owl-loading { display: block; opacity: 0; } .retrinapro-ajaxproductstab-1083 .owl-carousel.owl-hidden { opacity: 0; } .retrinapro-ajaxproductstab-1083 .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .retrinapro-ajaxproductstab-1083 .owl-carousel.owl-drag .owl-item { user-select: none; } .retrinapro-ajaxproductstab-1083 .owl-carousel.owl-grab { cursor: move; cursor: grab; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-item.animated { animation-duration: 600ms; animation-fill-mode: both; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-item.fadeOut { animation-name: product-fadeOut; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-animated-in { z-index: 0; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-animated-out { z-index: 1; } .retrinapro-ajaxproductstab-1083 .owl-height { transition: height 500ms ease-in-out; } .retrinapro-ajaxproductstab-1083 .owl-carousel:not(.owl-loaded) { display: flex; overflow: hidden; } .retrinapro-ajaxproductstab-1083 [data-hide_pagination_control="no"] .owl-carousel:not(.owl-loaded) { padding-bottom: 41px !important; } .retrinapro-ajaxproductstab-1083 .owl-loaded:after, .retrinapro-ajaxproductstab-1083 .owl-loaded:before { content: ""; position: absolute; top: 0; bottom: 0; width: 50px; } .retrinapro-ajaxproductstab-1083 .owl-loaded:before { right: -50px; } .retrinapro-ajaxproductstab-1083 .owl-loaded:after { left: -50px; } .retrinapro-ajaxproductstab-1083 .owl-dots { margin-top: 5px; text-align: center; } .retrinapro-ajaxproductstab-1083 .owl-dots .owl-dot { display: inline-block; margin-top: 10px; } .retrinapro-ajaxproductstab-1083 .owl-dots .owl-dot span { display: block; margin: 5px; width: 10px; height: 10px; border: 2px solid var(--color-gray-300); border-radius: 50%; transition: all 0.25s ease; } .retrinapro-ajaxproductstab-1083 .owl-dots .owl-dot:not(.active):hover span { border-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-1083 .owl-dots .owl-dot.active span { border-color: var(--color-gray-800); background-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-1083 .owl-nav > [class*="prev"] { left: 0; } .retrinapro-ajaxproductstab-1083 .owl-nav > [class*="next"] { right: 0; } .retrinapro-ajaxproductstab-1083 [class*="owl-carousel"] { margin-inline-end: calc((var(--product-car-sp) / 2) * -1); margin-inline-start: calc((var(--product-car-sp) / 2) * -1); --product-car-sp: 0.001px; } .retrinapro-ajaxproductstab-1083 [class*="owl-carousel"] .owl-item, .retrinapro-ajaxproductstab-1083 [class*="owl-carousel"] .owl-carousel:not(.owl-loaded) > button { padding-inline-end: calc(var(--product-car-sp) / 2); padding-inline-start: calc(var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-nav > [class*="prev"] { left: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-nav > [class*="next"] { right: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1083 .owl-nav .product-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-1083 .product-btn-arrow[class*="prev"] { transform: translateX(-30px); } .retrinapro-ajaxproductstab-1083 .product-btn-arrow[class*="prev"]:after { content: "\F284"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1083 .product-btn-arrow[class*="next"] { transform: translateX(30px); } .retrinapro-ajaxproductstab-1083 .product-btn-arrow[class*="next"]:after { content: "\F285"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1083 .browser-Safari .product-btn-arrow { visibility: visible; } .retrinapro-ajaxproductstab-1083 .flickity-button, .retrinapro-ajaxproductstab-1083 .owl-nav .product-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1083 .flickity-button:after, .retrinapro-ajaxproductstab-1083 .product-btn-arrow:after { font-size: 24px; line-height: 1; } .retrinapro-ajaxproductstab-1083 .owl-carousel:hover .owl-nav > button, .retrinapro-ajaxproductstab-1083 .show-arrow .wrap-loading-arrow > div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; } .retrinapro-ajaxproductstab-1083 .show-arrow .wrap-loading-arrow > div { position:fixed; } .retrinapro-ajaxproductstab-1083 .product-btn-arrow:hover { color: var(--color-gray-500); } @media (max-width: 991px){ .retrinapro-ajaxproductstab-1083 .owl-nav> button { visibility: visible; opacity: 1; pointer-events: visible; } .retrinapro-ajaxproductstab-1083 .flickity-button:after, .retrinapro-ajaxproductstab-1083 .product-btn-arrow:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-nav>[class*=prev] { margin-inline-start: 35px; } .retrinapro-ajaxproductstab-1083 .owl-carousel .owl-nav>[class*=next] { margin-inline-end: 35px; } .retrinapro-ajaxproductstab-1083 .product-btn-arrow:is( [class*=prev],[class*=next]) { transform: translateX(0); } } .barana-section-title-wrapper-1090 { text-align: center; margin-inline-start: auto; margin-inline-end: auto; max-width: 100%; } .barana-section-title-wrapper-1090 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-1090 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-1090 .barana-section-title-title { font-size: 26px; } .barana-section-title-wrapper-1090 .barana-section-title-subtitle .barana-section-title-wrapper-1090 .barana-section-title-description{ font-size: 14px; } .barana-section-title-wrapper-1090 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-1090 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; color: rgba(108,117,125,1); } .barana-section-title-wrapper-1090 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-1090 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: #242424; font-size:30px; } .barana-section-title-wrapper-1090 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-1090 .barana-section-title-title-container { display: flex; align-items: center; border-color: rgba(0,0,0,.105); flex-direction: row; } .barana-section-title-wrapper-1090 .barana-section-title-title-container:after, .barana-section-title-wrapper-1090 .barana-section-title-title-container:before { content: ""; display: block; flex: 1 1 auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; } .barana-section-title-wrapper-1090 .barana-section-title-title-container:after { margin-left: 20px; } .barana-section-title-wrapper-1090 .barana-section-title-title-container:before { margin-right: 20px; } .barana-section-title-wrapper-1090 .barana-section-title-description { color: #010101; } @media (max-width: 991px) { .barana-section-title-wrapper-1090 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-1090 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-1090 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-1090 { max-width: 100%; } .barana-section-title-wrapper-1090 .barana-section-title-title { font-size:30px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-1090 { max-width: 100%; } } @media (max-width: 767px) { .barana-section-title-wrapper-1090 { max-width: 100%; } } :root { --product-form-brd-radius: 5px; --product-form-brd-width: 2px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-shop-color: #fff; --btn-shop-color-hover: #fff; --btn-accent-color: #fff; --btn-accent-color-hover: #fff; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-shop-brd-radius: 5px; --btn-shop-box-shadow: none; --btn-shop-box-shadow-hover: none; --btn-accent-brd-radius: 0px; --btn-accent-box-shadow: none; --btn-accent-box-shadow-hover: none; --btn-accent-box-shadow-active: none; --btn-accent-bottom: 0px; --product-brd-radius: 5px; --notices-warning-color: #fff; --notices-warning-bg: #E0B252; --notices-success-color: #fff; --notices-success-bg: #459647; --btn-accent-bgcolor-hover: #c40538; --btn-accent-bgcolor: #d60644; --btn-shop-bgcolor-hover: var(--barana-theme-primary-color); --btn-shop-bgcolor: #d60644; --btn-default-bgcolor-hover: #efefef; --btn-default-bgcolor: #f7f7f7; --product-link-color: #333333; --product-link-color-hover: #242424; --product-alternative-color: #fbbc34; --product-primary-color: #d60644; --product-text-line-height: 1.6; --product-brd-radius: .001px; --product-form-height: 42px; --product-form-color: inherit; --product-form-placeholder-color: inherit; --product-form-bg: transparent; --product-form-brd-color: rgba(0, 0, 0, 0.1); --product-form-brd-color-focus: rgba(0, 0, 0, 0.15); --product-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --product-main-bgcolor: #FFF; --product-scroll-w: .001px; --product-admin-bar-h: .001px; --product-tags-mb: 20px; --product-block-spacing: 20px; --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255,255,255; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --prodcut-primary-color: #d60644; } /* */ .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-default { padding: 12px 20px; --barana-dropdown-width: 220px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-default > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-default .barana-dropdown { top: 0; left: 100%; padding: 12px 20px; width: var(--barana-dropdown-width); margin: 0 0 0 20px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-default .barana-dropdown:after { top: 0; bottom: 0; right: 100%; left: auto; width: 20px; height: auto; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-default .menu-item-has-children > a:after { margin-inline-start: auto; color: rgba(82, 82, 82, 0.45); font-weight: 600; font-size: 55%; line-height: 1; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-default.color-scheme-light .menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu:is(.barana-design-sized, .barana-design-full-width) .barana-sub-menu > li { margin-bottom: 25px; width: 200px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-full-width { padding-top: 30px; padding-inline-start: var(--barana-scroll-w); border-radius: 0; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-sized, .retrinapro-ajaxproductstab-1091 .barana-nav-vertical .barana-dropdown-menu.barana-design-full-width { padding: 30px 35px 0 35px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-sized > .container, .retrinapro-ajaxproductstab-1091 .barana-nav-vertical .barana-dropdown-menu:is(.barana-design-full-width, .barana-design-aside) > .container { padding: 0; width: auto; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside { padding-inline-start: var(--barana-scroll-w); background: transparent; box-shadow: none; pointer-events: none !important; --barana-dropdown-width: 100vw; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp { position: relative; border-radius: var(--barana-brd-radius); background-color: var(--bgcolor-white); background-image: var(--barana-dropdown-bg-img); background-position: bottom right; background-clip: border-box; background-repeat: no-repeat; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); transition: background-image 0.25s ease, background-color 0.25s ease; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu { min-height: var(--barana-dropdown-height); max-width: 270px; transition: border-radius 0.25s ease; border-top-left-radius: var(--barana-brd-radius); border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li { position: static; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:first-child > a { border-top-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li:last-child > a { border-bottom-left-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { margin-inline-start: auto; color: inherit; font-weight: 600; font-size: 60%; font-family: bootstrap-icons !important; content: "\f113"; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item { background-color: transparent; background-image: none; box-shadow: none; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu { box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); border-top-right-radius: var(--barana-brd-radius); border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:first-child > a { border-top-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp.barana-empty-item > .barana-sub-menu > li:last-child > a { border-bottom-right-radius: var(--barana-brd-radius); } .retrinapro-ajaxproductstab-1091 .menu-item:hover .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-1091 .menu-item:hover .barana-dropdown-menu.barana-design-aside:after, .retrinapro-ajaxproductstab-1091 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside .barana-sub-menu-wrapp, .retrinapro-ajaxproductstab-1091 .menu-item.barana-opened .barana-dropdown-menu.barana-design-aside:after { pointer-events: auto !important; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-dropdown { position: absolute; top: 0; bottom: 0; right: 0; left: 270px; overflow: hidden; overflow-y: auto; margin: 0 !important; padding: 30px 35px 0 35px; max-height: 100%; width: auto; border-radius: 0; background: transparent; box-shadow: none; transition: all 0.25s ease; transform: none; scrollbar-width: thin; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-dropdown > .container { padding: 0; max-width: none; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-bl-menu { padding-inline-end: 20px; padding-inline-start: 20px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu { display: flex; flex-wrap: wrap; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside .barana-bl-menu > .sub-sub-menu > li { margin-bottom: 25px; padding-inline-end: 15px; padding-inline-start: 15px; width: 200px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--bgcolor-white); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 12px 18px; color: var(--color-gray-800); text-transform: unset; font-weight: 600; font-size: 14px; line-height: 20px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-gray-200); color: var(--color-gray-700); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li:not(:last-child) { border-bottom: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li.menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-default .barana-dropdown { border-left: 1px solid var(--brdcolor-gray-200); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu { background-color: var(--barana-primary-color); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a { padding: 18px 20px; color: #fff; text-transform: unset; font-weight: 600; font-size: 16px; line-height: 24px; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-1091 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { margin-inline-end: 10px; max-height: 20px; filter: brightness(0) invert(1); transition: all 0.25s ease; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a, .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a { background-color: var(--bgcolor-white); color: var(--color-gray-800); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .barana-nav-img, .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a .mega-menu-list img, .retrinapro-ajaxproductstab-1091 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li:hover > a img, .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .barana-nav-img, .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a .mega-menu-list img, .retrinapro-ajaxproductstab-1091 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg .barana-sub-menu-wrapp > .barana-sub-menu > li.barana-opened > a img { filter: brightness(1) invert(0); } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light { --nav-color: #fff; } .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .barana-nav-img, .retrinapro-ajaxproductstab-1091 .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a .mega-menu-list img, .retrinapro-ajaxproductstab-1091 .mega-menu-list .barana-dropdown-menu.barana-design-aside.barana-style-with-bg.color-scheme-light .barana-sub-menu-wrapp > .barana-sub-menu > li > a img { filter: brightness(0) invert(1); } /* */ .retrinapro-ajaxproductstab-1091 .product-nav-img, .retrinapro-ajaxproductstab-1091 .mega-menu-list img { display: inline-block; margin-inline-end: 7px; max-height: 18px; width: auto !important; } .retrinapro-ajaxproductstab-1091 .product-nav-img img, .retrinapro-ajaxproductstab-1091 .mega-menu-list img img { max-height: 18px; } .retrinapro-ajaxproductstab-1091 .product-nav { --nav-gap: 10px; display: inline-flex; justify-content: var(--text-align); flex-wrap: wrap; margin-inline-end: calc(var(--nav-gap) / -1); margin-inline-start: calc(var(--nav-gap) / -1); text-align: left; } .retrinapro-ajaxproductstab-1091 .product-nav > li { position: relative; list-style:none; } .retrinapro-ajaxproductstab-1091 ul { padding-inline-start:0; list-style:none; } .retrinapro-ajaxproductstab-1091 .wrap-quickview-button, .retrinapro-ajaxproductstab-1091 .quick-view { display:none !important; } .retrinapro-ajaxproductstab-1091 .product-nav > li > a { position: relative; display: flex; align-items: center; flex-direction: row; padding-inline-end: var(--nav-gap); padding-inline-start: var(--nav-gap); font-weight: 600; font-size: 13px; text-transform: uppercase; line-height: 1.2; } .retrinapro-ajaxproductstab-1091 .product-nav > li > a .product-nav-icon { margin-inline-end: 7px; font-size: 115%; } .retrinapro-ajaxproductstab-1091 .product-nav > li > a .menu-label { left: calc(100% - 30px); margin-inline-start: 0; } .retrinapro-ajaxproductstab-1091 .product-nav > li.product-has-children > a:after, .retrinapro-ajaxproductstab-1091 .product-nav > li.menu-item-has-children > a:after { margin-inline-start: 4px; font-weight: normal; font-style: normal; font-size: 50%; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1091 .product-nav li.color-primary { --nav-color: var(--barana-theme-primary-color); --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1091 .product-nav.product-gap-m { --nav-gap: 15px; } .retrinapro-ajaxproductstab-1091 .product-nav.product-gap-l { --nav-gap: 20px; } .retrinapro-ajaxproductstab-1091 .product-nav-opener { position: relative; z-index: 1; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 50px; color: var(--color-gray-900); cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1091 .product-nav-opener:after { font-weight: 700; font-size: 12px; transition: transform 0.25s ease; content: ""; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1091 .product-nav-opener:hover { color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1091 .product-nav-opener.product-active { color: var(--color-gray-700); } .retrinapro-ajaxproductstab-1091 .product-nav-opener.product-active:after { transform: rotate(90deg); } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] { --nav-color: #333; --nav-color-hover: rgba(51, 51, 51, 0.7); --nav-color-active: rgba(51, 51, 51, 0.7); --nav-chevron-color: rgba(82, 82, 82, 0.45); } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] > li > a { color: var(--nav-color); } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] > li:hover > a { color: var(--nav-color-hover); } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] > li.current-menu-item > a, .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] > li.product-active > a, .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] > li.active > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] > li.product-has-children > a:after, .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-"] > li.menu-item-has-children > a:after { color: var(--nav-chevron-color); } .retrinapro-ajaxproductstab-1091 .color-scheme-light .product-nav[class*="product-style-"], .retrinapro-ajaxproductstab-1091 .retrinapro-color-light .product-nav[class*="product-style-"] { --nav-color: #fff; --nav-color-hover: rgba(255, 255, 255, 0.8); --nav-color-active: rgba(255, 255, 255, 0.8); --nav-chevron-color: rgba(255, 255, 255, 0.6); } .retrinapro-ajaxproductstab-1091 .product-nav.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1091 .product-nav.product-style-bordered > li, .retrinapro-ajaxproductstab-1091 .product-nav.product-style-separated > li { display: flex; flex-direction: row; } .retrinapro-ajaxproductstab-1091 .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-1091 .product-nav.product-style-separated > li:not(:last-child):after { content: ""; border-right: 1px solid rgba(0, 0, 0, 0.105); } .retrinapro-ajaxproductstab-1091 .retrinapro-color-light .product-nav.product-style-bordered > li:not(:last-child):after, .retrinapro-ajaxproductstab-1091 .retrinapro-color-light .product-nav.product-style-separated > li:not(:last-child):after { border-color: rgba(255, 255, 255, 0.25); } .retrinapro-ajaxproductstab-1091 .product-nav.product-style-separated > li { align-items: center; } .retrinapro-ajaxproductstab-1091 .product-nav.product-style-separated > li:not(:last-child):after { height: 18px; } .retrinapro-ajaxproductstab-1091 .product-nav.product-style-bordered > li { align-items: stretch; } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-underline"] .nav-link-text, .retrinapro-ajaxproductstab-1091 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text { line-height: 1.2; position: relative; display: inline-block; padding-top: 1px; padding-bottom: 1px; } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-underline"] .nav-link-text:after, .retrinapro-ajaxproductstab-1091 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after, .retrinapro-ajaxproductstab-1091 .product-checkout-steps li span:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 2px; transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-underline"] > li:hover > a .nav-link-text:after, .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-underline"] > li.current-menu-item > a .nav-link-text:after, .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-underline"] > li.product-active > a .nav-link-text:after, .retrinapro-ajaxproductstab-1091 .product-nav[class*="product-style-underline"] > li.active > a .nav-link-text:after, .retrinapro-ajaxproductstab-1091 .retrinapro-ajaxproductstab-1091.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after, .retrinapro-ajaxproductstab-1091 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a:hover .vc_tta-title-text:after, .retrinapro-ajaxproductstab-1091 .retrinapro-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab.vc_active .vc_tta-title-text:after, .retrinapro-ajaxproductstab-1091 .product-checkout-steps .step-active span:after { width: 100%; } /* */ .retrinapro-ajaxproductstab-1091.product-tabs:not(.product-inited) .product-nav-tabs[class*="product-style-underline"] > li:first-child > a .nav-link-text:after { width: 100%; } .retrinapro-ajaxproductstab-1091.product-tabs .tabs-name { margin-bottom: 10px; text-transform: uppercase; font-size: 22px; } .retrinapro-ajaxproductstab-1091.product-tabs .tabs-name > span { vertical-align: middle; } .retrinapro-ajaxproductstab-1091.product-tabs .tabs-name .img-wrapper { display: inline-block; margin-inline-end: 10px; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs { align-items: center; --nav-gap: 0px; padding:0; margin:0; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs > li > a { padding: 10px 0; vertical-align: bottom; font-weight: var(--product-title-font-weight); font-style: var(--product-title-font-style); font-size: 16px; font-family: var(--product-title-font); line-height: 1; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs > li:not(:last-child) { margin-inline-end: 30px; } .retrinapro-ajaxproductstab-1091.product-tabs-header, .retrinapro-ajaxproductstab-1091.product-tabs-desc, .product-nav-tabs-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .product-tabs-header { display: flex; align-items: flex-end; margin-bottom: 20px; border-bottom: 2px solid var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .tabs-name { position: relative; z-index: 1; margin-bottom: -2px; margin-inline-end: 25px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid var(--barana-theme-primary-color); vertical-align: middle; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .tabs-name > span { vertical-align: bottom; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .tabs-name .img-wrapper { margin-inline-start: 4px; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { margin-bottom: 0; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .product-nav-tabs li a { min-height: 42px; font-size: 14px; } .retrinapro-ajaxproductstab-1091.product-tabs:not(.product-inited) .product-nav-tabs > li:first-child > a { color: var(--nav-color-active); } .retrinapro-ajaxproductstab-1091 .color-scheme-light .product-nav-tabs.product-style-default { --nav-color-hover: var(--barana-theme-primary-color); --nav-color-active: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1091 .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(51, 51, 51, 0.7); --nav-color-hover: #333; --nav-color-active: #333; } .retrinapro-ajaxproductstab-1091 .color-scheme-light .product-nav-tabs[class*="product-style-underline"] { --nav-color: rgba(255, 255, 255, 0.7); --nav-color-hover: #fff; --nav-color-active: #fff; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs .img-wrapper { min-width: max-content; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs.product-icon-pos-top { align-items: flex-end; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs.product-icon-pos-top a { flex-direction: column; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs.product-icon-pos-top .img-wrapper { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs.product-icon-pos-left a { flex-direction: row; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs.product-icon-pos-left .img-wrapper { margin-inline-end: 10px; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs.product-icon-pos-right a { flex-direction: row-reverse; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs.product-icon-pos-right .img-wrapper { margin-inline-start: 10px; } .retrinapro-ajaxproductstab-1091.product-retrinapro.product-tabs:not(.product-products-tabs) .product-nav-tabs > li > a { font-weight: inherit; font-size: inherit; font-family: inherit; } .retrinapro-ajaxproductstab-1091.product-tabs.product-fontsize-custom .product-nav-tabs > li > a { line-height: inherit; } .retrinapro-ajaxproductstab-1091.product-tabs:not(.product-inited) .product-tab-content:first-child { display: block; opacity: 1; transform: none; } .retrinapro-ajaxproductstab-1091.product-tabs .product-tab-content { display: none; opacity: 0; transition: all 0.3s ease; transform: translateY(30px); } .retrinapro-ajaxproductstab-1091.product-tabs .product-tab-content.product-active { display: block; } .retrinapro-ajaxproductstab-1091.product-tabs .product-tab-content.product-in { opacity: 1; transform: none; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside { position: relative; display: flex; --product-side-width: 300px; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside .product-tabs-header { position: static; flex: 1 0 var(--product-side-width); padding-inline-end: 15px; text-align: left; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside :is(.product-tabs-header, .product-nav-tabs-wrapper) { margin-bottom: 0; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside .product-nav-tabs { display: block; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside .product-nav-tabs > li { margin-inline-end: 0; cursor: pointer; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside .product-nav-tabs > li > a { display: inline-flex; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside .product-tab-content-wrapper { max-width: calc(100% - var(--product-side-width)); width: 100%; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-alt .product-tabs-header { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-1091.product-tabs .product-tabs-header .svg-icon { width: 25px !important; height: 25px !important; } .retrinapro-ajaxproductstab-1091.product-tabs .product-tabs-header .img-wrapper img { max-height: 25px; width: auto; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs { flex-wrap: nowrap; white-space: nowrap; } .retrinapro-ajaxproductstab-1091 .product-nav-tabs-wrapper { overflow-x: auto; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .product-tabs-header { align-items: flex-start; flex-direction: column; margin-bottom: 10px; border-bottom: none; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .tabs-name { margin-inline-end: 0; } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-simple .product-nav-tabs-wrapper { flex: 1 1 auto; padding-top: 10px; max-width: 100%; width: 100%; border-top: 2px solid var(--brdcolor-gray-300); } } /* */ .retrinapro-ajaxproductstab-1091.product-products-tabs :is(.product-tabs-header, .product-nav-tabs-wrapper) { position: relative; } .retrinapro-ajaxproductstab-1091.product-products-tabs .product-tab-content-wrapper { display: block; visibility: visible; opacity: 1; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease; transform: none; } .retrinapro-ajaxproductstab-1091.product-products-tabs .product-tab-content-wrapper.loading { visibility: hidden; opacity: 0; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s ease 0.3s; transform: translateY(30px); pointer-events: none; } .retrinapro-ajaxproductstab-1091.product-products-tabs:is(.tabs-design-default, .tabs-design-alt) .product-tab-content-wrapper.loading .wrap-loading-arrow { display: none; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { position: absolute; top: -62px; animation: product-fadeIn 0.5s ease both 0.3s; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button { position: static; visibility: visible; margin-top: 0; width: 30px; height: 40px; opacity: 1; transform: none; pointer-events: visible; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > button:is([class*="prev"], [class*="next"]) { margin: 0; padding: 0; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .wrap-loading-arrow { right: 5px; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .owl-nav { right: 0; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .owl-nav { right: 5px; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .owl-loaded:after, .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .owl-loaded:before { content: none; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .product-products-loader .product-loader { position: absolute; top: 30px; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .product-tab-content-wrapper.loading :is(.owl-nav, .wrap-loading-arrow) { display: none; } .retrinapro-ajaxproductstab-1091.product-products-tabs.element-loading .product-tab-content-wrapper .product-products-loader { display: none !important; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-aside .product-retrinapro { margin-bottom: 0; } .retrinapro-ajaxproductstab-1091 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-1091 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-1091 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-aside .product-tabs-loader { top: 0; left: var(--product-side-width); } } @media (max-width: 991px) { .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) { top: -103px; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple .owl-carousel .owl-nav { right: -5px; } .retrinapro-ajaxproductstab-1091.product-products-tabs.tabs-design-simple :is(.owl-nav, .wrap-loading-arrow) > div { justify-content: center; } } /* */ .retrinapro-ajaxproductstab-1091 .product-tabs-loader { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; margin-top: 50px; text-align: center; opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-1091 .browser-Safari .product-tabs-loader { visibility: visible; } .retrinapro-ajaxproductstab-1091 .element-loading .product-tabs-loader { visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; } .retrinapro-ajaxproductstab-1091 .element-loading .product-tabs-loader .product-loader:after { animation: product-rotate 450ms infinite linear; } /* */ .retrinapro-ajaxproductstab-1091 .product-tabs-header{ text-align:center; } .retrinapro-ajaxproductstab-1091.product-tabs .tabs-name{ font-size:41px;font-style:oblique; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1091.product-tabs .tabs-name{ font-size:41px; } } .retrinapro-ajaxproductstab-1091.product-tabs.tabs-design-aside { --product-side-width: 30px; } /* */ .retrinapro-ajaxproductstab-1091 .product-grid-item .product-entities-title a{ display:inline-block; color:inherit; } .retrinapro-ajaxproductstab-1091 .amount { color: var(--barana-theme-primary-color); font-weight: 600; } .retrinapro-ajaxproductstab-1091 .del{ text-decoration-color: var(--color-gray-300); text-decoration-line:line-through; } .retrinapro-ajaxproductstab-1091 .del .amount { color: var(--color-gray-300); font-weight: 400; } .retrinapro-ajaxproductstab-1091 .btn,.retrinapro-ajaxproductstab-1091 .button,.retrinapro-ajaxproductstab-1091 [type=button],.retrinapro-ajaxproductstab-1091 [type=submit],.retrinapro-ajaxproductstab-1091 button:not(.product-action-btn button) { padding: 12px 20px; font-size: 13px; line-height: 18px; background-color: #f3f3f3; color: #3e3e3e; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border: 0 solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; font-weight: 400; cursor: pointer; transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease; } .retrinapro-ajaxproductstab-1091 .product-buttons[class*="product-pos-r"] .product-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position:absolute; } .retrinapro-ajaxproductstab-1091 .product-buttons[class*="product-pos-r"] .product-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .retrinapro-ajaxproductstab-1091 .product-grid-item { text-align: center; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-wrapper { border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-1091 .product-grid-item :is(.product-image-link, .hover-img) img { width: 100%; border-radius: var(--product-brd-radius); } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-image-link { display: block; } .retrinapro-ajaxproductstab-1091 .product-grid-item .hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--bgcolor-white); opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-1091 .product-grid-item .hover-img > a { display: block; flex: 1 1 100%; max-width: 100%; width: 100%; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-entities-title, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-brands-links { margin-bottom: 5px; font-size: inherit; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-cats, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-brands-links { font-size: 95%; --product-link-color: var(--color-gray-400); --product-link-color-hover: var(--color-gray-700); } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-cats a, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-brands-links a { display: inline-block; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-sku { margin-bottom: 5px; color: var(--color-gray-400); word-break: break-all; font-size: 95%; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-sku .product-label { color: var(--color-gray-800); font-weight: 600; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-countdown, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-progress-bar { margin-top: 10px; } .retrinapro-ajaxproductstab-1091 .product-grid-item .star-rating, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-star-rating, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-swatches-grid, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-product-stock { margin-bottom: 5px; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-star-rating .star-rating { margin-bottom: 0; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-swatches-grid:empty { display: none; } .retrinapro-ajaxproductstab-1091 .product-grid-item .price { display: block; margin-bottom: 0; line-height: 1.3; } .retrinapro-ajaxproductstab-1091 .product-grid-item .added_to_cart { display: none !important; } .retrinapro-ajaxproductstab-1091 .product-grid-item .shop_attributes { font-size: 90%; --product-attr-v-gap: 10px; --product-attr-brd-style: dashed; } .retrinapro-ajaxproductstab-1091 .product-grid-item.product-swatched .hover-img { display: none; } .retrinapro-ajaxproductstab-1091 .product-grid-item.product-loading-image .hover-img { display: none; } .retrinapro-ajaxproductstab-1091 .product-grid-item.product-loading-image .product-image-link { opacity: 0.4; } .retrinapro-ajaxproductstab-1091 .product-grid-item.product-loading-image .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1091 .product-grid-item.quick-shop-shown .product-element-top .hover-img, .retrinapro-ajaxproductstab-1091 .product-grid-item.product-loading-quick-shop .product-element-top .hover-img { opacity: 0; transition: opacity 0.25s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .retrinapro-ajaxproductstab-1091 .product-spacing-0 .product-grid-item:not([class*="product-hover-info"]), .retrinapro-ajaxproductstab-1091 .product-spacing-2 .product-grid-item:not([class*="product-hover-info"]) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1091 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1091 .product-element-top:after { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -16px; margin-inline-start: -16px; opacity: 0; transition: opacity 0.1s ease, visibility 0.1s ease; content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: #242424; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-1091 .product-element-top:hover .hover-img { opacity: 1; transform: scale(1.09); } .retrinapro-ajaxproductstab-1091 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius) / 1.2); background: var(--bgcolor-white); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .retrinapro-ajaxproductstab-1091 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-1091 .product-buttons .product-action-btn > button { height: 45px; } .retrinapro-ajaxproductstab-1091 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-1091 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-1091 .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-grid-item.product-swatched .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-1091 .product-grid-item.quick-shop-shown .product-buttons[class*="product-pos-r"], .retrinapro-ajaxproductstab-1091 .product-grid-item[class*="product-loading"] .product-buttons[class*="product-pos-r"] { opacity: 0; transform: translateX(20px) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-grid-item.product-swatched:not(.quick-shop-shown):not([class*="product-loading"]) .product-element-top:hover .product-buttons[class*="product-pos-r"] { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1091 .slider-type-product :is(.owl-stage-outer, .owl-carousel:not(.owl-loaded)) { padding-top: 3px; padding-bottom: 3px; } .retrinapro-ajaxproductstab-1091 .quick-shop-shown .product-buttons, .retrinapro-ajaxproductstab-1091 .quick-shop-shown .product-labels, .retrinapro-ajaxproductstab-1091 .product-loading-quick-shop .product-buttons, .retrinapro-ajaxproductstab-1091 .product-loading-quick-shop .product-labels { opacity: 0; } .retrinapro-ajaxproductstab-1091 .product-loading-quick-shop .product-element-top:after { visibility: visible; opacity: 1; transition: opacity 0.25s ease, visibility 0.25s ease; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1091 .product-loading-quick-shop .product-image-link { opacity: 0.2; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid-ins .product-wrapper { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.105); } @media (max-width: 991px) { .retrinapro-ajaxproductstab-1091 .product-grid-item .hover-img { display: none; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-buttons { opacity: 1; transform: none; } .retrinapro-ajaxproductstab-1091 .product-buttons { border-radius: 35px !important; } .retrinapro-ajaxproductstab-1091 .product-buttons .product-action-btn > a, .retrinapro-ajaxproductstab-1091 .product-buttons .product-action-btn > button { width: 35px !important; height: 35px !important; padding : 0 !important; } .retrinapro-ajaxproductstab-1091 .product-buttons .product-action-btn > a i, .retrinapro-ajaxproductstab-1091 .product-buttons .product-action-btn > button i { font-size: 14px !important; } .retrinapro-ajaxproductstab-1091 .product-buttons .product-quick-view-icon, .retrinapro-ajaxproductstab-1091 .product-buttons .product-compare-btn { display: none; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-1091 .products-bordered-grid-ins .product-wrapper { padding: 10px; } } @media (max-width: 576px) { :is(.retrinapro-ajaxproductstab-1091 .product-grid-item.rt-col-6, .owl-items-2 .product-grid-item) :is(.price, .star-rating, .product-entities-title, .product-product-cats, .product-product-brands-links, .product-product-sku, .product-product-stock span) { font-size: 90%; } } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-buttons button{ position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0!important; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; text-decoration:none; background-color: transparent; } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons i{ font-size: 18px; } .retrinapro-ajaxproductstab-1091 .price .ins { padding: 0; background-color: transparent; color: var(--barana-theme-primary-color); text-decoration: none; opacity: 1; } .retrinapro-ajaxproductstab-1091 a{ text-decoration: none; } .retrinapro-ajaxproductstab-1091 .product-element-top { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: var(--product-brd-radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-entities-title { max-height: 39px; min-height: 39px; font-weight: 800; font-size: 14px; line-height: 20px; color:#fff; overflow:hidden; } .retrinapro-ajaxproductstab-1091 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity .3s ease; } .retrinapro-ajaxproductstab-1091 .product-buttons { z-index: 2; display: flex; flex-direction: column; border-radius: calc(var(--product-brd-radius)/ 1.2); background: #fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 10%); transition: all .3s ease; opacity: 0; } .retrinapro-ajaxproductstab-1091 .product-buttons.product-pos-r-b { position: absolute; right: 10px; bottom: 10px; } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons.product-pos-r-b { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-buttons.product-pos-r-t { position: absolute; top: 10px; right: 10px; } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons.product-pos-r-t { opacity: 1; transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-hover-standard .product-add-btn { margin-top: 10px; } .retrinapro-ajaxproductstab-1091 .product-hover-standard .product-add-btn > a, .retrinapro-ajaxproductstab-1091 .product-hover-standard .product-add-btn > button { border-radius: var(--btn-shop-brd-radius); color: var(--btn-shop-color); box-shadow: var(--btn-shop-box-shadow); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1091 .product-hover-standard .product-add-btn > a:hover, .retrinapro-ajaxproductstab-1091 .product-hover-standard .product-add-btn > button:hover { color: var(--btn-shop-color-hover); box-shadow: var(--btn-shop-box-shadow-hover); background-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1091 .product-hover-standard .product-add-btn > a:active, .retrinapro-ajaxproductstab-1091 .product-hover-standard .product-add-btn > button:active { box-shadow: var(--btn-shop-box-shadow-active); bottom: var(--btn-shop-bottom-active); } .retrinapro-ajaxproductstab-1091 .product-hover-standard .add-to-cart-loop span { padding: 10px 14px; font-size: 12px; line-height: 16px; } .retrinapro-ajaxproductstab-1091 .product-hover-standard.product-quantity .product-add-btn { margin-top: 5px; } .retrinapro-ajaxproductstab-1091 .product-hover-standard.product-quantity .product-add-btn div.quantity input[type="button"], .retrinapro-ajaxproductstab-1091 .product-hover-standard.product-quantity .product-add-btn div.quantity input[type="number"] { height: 36px; } .retrinapro-ajaxproductstab-1091 .product-hover-standard.product-quantity .product-add-btn div.quantity, .retrinapro-ajaxproductstab-1091 .product-hover-standard.product-quantity .product-add-btn .add-to-cart-loop { margin-top: 5px; margin-inline-end: 2px; margin-inline-start: 2px; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; display: inline-flex; align-items: center; justify-content: center; position: relative; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F23F"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-buttons a, .retrinapro-ajaxproductstab-1091 .product-grid-item .product-buttons button{ color:#000; } .retrinapro-ajaxproductstab-1091 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-ajaxproductstab-1091 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-ajaxproductstab-1091 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1091 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-1091 .product-label.featured { background-color: #e22d2d; } .retrinapro-ajaxproductstab-1091 .product-label.new { background-color: #438e44; } .retrinapro-ajaxproductstab-1091 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1091 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1091 .product-label { min-width: 40px; } .retrinapro-ajaxproductstab-1091 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-ajaxproductstab-1091 div.quantity { display: inline-flex; vertical-align: top; white-space: nowrap; font-size: 0; } .retrinapro-ajaxproductstab-1091 div.quantity input[type="number"]::-webkit-inner-spin-button, .retrinapro-ajaxproductstab-1091 div.quantity input[type="number"]::-webkit-outer-spin-button, .retrinapro-ajaxproductstab-1091 div.quantity input[type="number"] { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .retrinapro-ajaxproductstab-1091 div.quantity input[type="number"], .retrinapro-ajaxproductstab-1091 div.quantity input[type="button"] { display: inline-block; color: inherit; } .retrinapro-ajaxproductstab-1091 div.quantity input[type="number"] { width: 30px; height: 42px; border-radius: 0; border:2px solid rgba(0, 0, 0, 0.1); border-left: none; border-right: none; background: transparent; color: inherit; font-size: 14px; text-align: center; vertical-align: middle; } .retrinapro-ajaxproductstab-1091 .browser-Firefox div.quantity input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .retrinapro-ajaxproductstab-1091 div.quantity input[type="button"] { padding: 0 5px; min-width: 25px; height: 42px; border: 2px solid rgba(0, 0, 0, 0.1); background: transparent; box-shadow: none; } .retrinapro-ajaxproductstab-1091 div.quantity input[type="button"]:hover { color: #fff; background-color: var(--barana-theme-primary-color); border-color: var(--barana-theme-primary-color); } .retrinapro-ajaxproductstab-1091 div.quantity .minus { border-start-start-radius: var(--product-form-brd-radius); border-end-start-radius: var(--product-form-brd-radius); } .retrinapro-ajaxproductstab-1091 div.quantity .plus { border-start-end-radius: var(--product-form-brd-radius); border-end-end-radius: var(--product-form-brd-radius); } .retrinapro-ajaxproductstab-1091 div.quantity.hidden { display: none !important; } .retrinapro-ajaxproductstab-1091 .form-style-underlined div.quantity input[type="number"] { border-top-style: solid; } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap { --quantity-space: 80px; } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity { position: absolute; bottom: 0; left: 0; z-index: 2; height: 100%; filter: brightness(0.95); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity input[type] { height: 100%; border: none; background-color: var(--barana-theme-primary-color); box-shadow: var(--btn-shop-box-shadow); color: var(--btn-shop-color); transition: all 0.25s ease; } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity input[type]:hover { filter: brightness(0.95); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity input[type="button"] { min-width: 25px; border-radius: 0; } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + .button, .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + link + .button, .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button { padding-inline-start: var(--quantity-space); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + .button:before, .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + link + .button:before, .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button:before { left: var(--quantity-space); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + .button:after, .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + link + .button:after, .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + link + link + .button:after { left: calc(50% + var(--quantity-space) / 2); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:not(.hidden) + .single_add_to_cart_button { padding-inline-start: calc(20px + var(--quantity-space)); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap :is(div, .cart):hover > div.quantity input[type], .retrinapro-ajaxproductstab-1091 .product-quantity-overlap :is(div, .cart):hover > div.quantity + .button { background-color: var(--barana-theme-primary-color); box-shadow: var(--btn-shop-box-shadow-hover); color: var(--btn-shop-color-hover); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap :is(div, .cart):active > div.quantity { bottom: var(--btn-shop-bottom-active); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap :is(div, .cart):active > div.quantity input[type], .retrinapro-ajaxproductstab-1091 .product-quantity-overlap :is(div, .cart):active > div.quantity + .button { box-shadow: var(--btn-shop-box-shadow-active); } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:active { bottom: 0 !important; } .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:active input[type], .retrinapro-ajaxproductstab-1091 .product-quantity-overlap div.quantity:active + .button { box-shadow: var(--btn-shop-box-shadow) !important; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop { overflow: hidden; padding: 0; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop .product-tooltip-label { display: none; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop span { display: block; transition: transform 0.25s ease, opacity 0.15s ease; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; transition: opacity 0.15s ease, transform 0.25s ease; transform: translateY(100%); content: "\F23F"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:after { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-inline-start: -9px; opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: currentColor; border-radius: 50%; vertical-align: middle; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:hover:before { transform: translateY(0) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop:hover span { transform: translateY(-100%) translateZ(0); } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop.loading:before, .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop.loading span { opacity: 0; } .retrinapro-ajaxproductstab-1091 .product-add-btn-replace .add-to-cart-loop.loading:after { opacity: 1; animation: product-rotate 450ms infinite linear; } .retrinapro-ajaxproductstab-1091 .product-more-desc { position: relative; overflow: hidden; margin-bottom: 12px; max-height: calc(var(--product-text-line-height) * var(--product-more-desc-lines, 3em)); } .retrinapro-ajaxproductstab-1091 .product-more-desc .product-more-desc-inner { line-height: var(--product-text-line-height); --product-tags-mb: 10px; } .retrinapro-ajaxproductstab-1091 .product-more-desc .product-more-desc-btn { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; height: calc(var(--product-text-line-height) * 1em); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0, #fff 100%); color: var(--color-gray-900); text-align: center; text-decoration: none; line-height: var(--product-text-line-height); transition: transform 0.25s ease; transform: translateY(calc(var(--product-text-line-height) * 1em)); } .retrinapro-ajaxproductstab-1091 .product-more-desc .product-more-desc-btn span:after { font-weight: 700; font-size: 20px; content: "\F5D4"; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1091 .product-more-desc .product-more-desc-btn:hover { color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1091 .product-more-desc .product-more-desc-btn:not(.product-shown) { display: none; } .retrinapro-ajaxproductstab-1091 .product-more-desc.product-more-desc-full { max-height: none; } .retrinapro-ajaxproductstab-1091 .product-more-desc.product-more-desc-full .product-more-desc-btn { display: none; } [class*="color-scheme-light"] .product-more-desc .product-more-desc-btn { background: linear-gradient(to bottom, rgba(15, 15, 15, 0.8) 0, #0f0f0f 100%); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1091 .product-more-desc { max-height: 80px; font-size: 12px; } .retrinapro-ajaxproductstab-1091 .product-more-desc-inner { line-height: 20px; } .retrinapro-ajaxproductstab-1091 .product-more-desc-inner p { line-height: inherit; } .retrinapro-ajaxproductstab-1091 .product-more-desc-full { max-height: none; } } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons a span, .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons button span{ top: 50%; right: 100%; margin-top: -17px; margin-inline-end: 8px; position: absolute; z-index: 1070; visibility: hidden; text-transform: none; font-weight: 400; font-size: 12px; opacity: 0; pointer-events: none; padding: 0 15px!important; max-width: 200px; height: 34px; border-radius: 0; background-color: #000; color: #fff; text-align: center; white-space: nowrap; line-height: 34px; border-radius: 4px; } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons a:hover span, .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons button:hover span{ visibility: visible; opacity: 1; animation: product-fadeInTooltip .3s ease; } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons a span:before, .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons button span:before { content:""; top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons a span:before, .retrinapro-ajaxproductstab-1091 .product-grid-item:hover .product-buttons button span:before { border-left-color: #000; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-entities-title{ color:#333; } .retrinapro-ajaxproductstab-1091 .product-grid-item .product-image-link { display:block; } .retrinapro-ajaxproductstab-1091 .product-grid-item :is(.product-image-link,.hover-img) img { border-radius: 4px !important; } .retrinapro-ajaxproductstab-1091 .product-grid-item { border:0; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid { margin-inline-end: 0 !important; margin-inline-start: 0 !important; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid.elements-grid { align-items: stretch !important; border-style: solid; border-color: var(--brdcolor-gray-300); border-width: 0; border-left-width: 1px; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid.elements-grid:not(.elements-list) [class*="-grid-item"] { margin-bottom: 0 !important; border-style: solid; border-color: inherit; border-bottom-width: 1px; border-right-width: 1px; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid[class*="product-spacing-"] [class*="-grid-item"] { padding-top: calc(30px / 2); padding-bottom: calc(30px / 2); } .retrinapro-ajaxproductstab-1091 .products-bordered-grid.elements-list { padding-top: 30px; border-width: 1px; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid div.owl-item { padding-inline-end: 0; padding-inline-start: 0; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid :is(.owl-item, .owl-stage) { display: flex; align-items: stretch; flex-direction: row; border-color: inherit; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel-item { width: 100%; border-width: 1px; border-color: inherit; border-right-style: solid; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid :is(.owl-stage-outer, div.owl-carousel:not(.owl-loaded)) { padding: 0 !important; border-style: solid; border-color: var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-stage-outer { margin-inline-end: 1px; margin-inline-start: 1px; border-width: 1px; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel:not(.owl-loaded) { border-top-width: 1px; border-bottom-width: 1px; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel:not(.owl-loaded) .owl-carousel-item:first-child { border-left-style: solid; border-left-color: transparent; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel:not(.owl-loaded) .owl-carousel-item:last-child { border-right-style: solid; border-right-color: transparent; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel:not(.owl-loaded):before, .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel:not(.owl-loaded):after { content: ""; position: absolute; top: 0; bottom: 0; height: 100%; border-right: 1px solid var(--brdcolor-gray-300); } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel:not(.owl-loaded):before { left: 0; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-carousel:not(.owl-loaded):after { right: 0; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-item:last-child .owl-carousel-item { border-right-style: none; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid[class*="owl-carousel"] .owl-carousel-item { padding: calc(var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-nav > [class*="prev"] { left: -50px; } .retrinapro-ajaxproductstab-1091 .products-bordered-grid .owl-nav > [class*="next"] { right: -50px; } .retrinapro-ajaxproductstab-1091 .retrinapro-js-composer .products-bordered-grid:not(.pagination-arrows) + .products-footer { margin-top: 25px; } .retrinapro-ajaxproductstab-1091 .builder-default .products-bordered-grid.elements-grid { margin-bottom: 0; } .retrinapro-ajaxproductstab-1091 .builder-default .products-bordered-grid.elements-list { padding-bottom: 30px; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1091 .products-bordered-grid :is(.rt-col-lg-12:first-child, .rt-col-lg-6:nth-child(-n + 2), .rt-col-lg-4:nth-child(-n + 3), .rt-col-lg-3:nth-child(-n + 4), .rt-col-lg-20_0:nth-child(-n + 5), .rt-col-lg-2:nth-child(-n + 6)) { border-top-width: 1px; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-1091 .products-bordered-grid :is(.rt-col-12:first-child, .rt-col-6:nth-child(-n + 2)) { border-top-width: 1px; } } @media (min-width: 768px) and (max-width: 991px) { .retrinapro-ajaxproductstab-1091 .products-bordered-grid :is(.rt-col-md-12:first-child, .rt-col-md-6:nth-child(-n + 2), .rt-col-md-4:nth-child(-n + 3), .rt-col-md-3:nth-child(-n + 4), .rt-col-md-20_0:nth-child(-n + 5), .rt-col-md-2:nth-child(-n + 6)) { border-top-width: 1px; } } .retrinapro-ajaxproductstab-1091 .products[class*="product-stretch-cont"] .product-wrapper { height: 100%; } .retrinapro-ajaxproductstab-1091 .products[class*="product-stretch-cont"] .product-element-bottom { display: flex; flex-direction: column; flex: 1 1 auto; } .retrinapro-ajaxproductstab-1091 .products[class*="product-stretch-cont"] :is(.price, .wrap-price, .product-rating-price) { margin-top: auto; } .retrinapro-ajaxproductstab-1091 .slider-type-product[class*="product-stretch-cont"] .owl-stage .owl-carousel-item, .retrinapro-ajaxproductstab-1091 .slider-type-product[class*="product-stretch-cont"] .product { height: 100%; } @media (min-width: 992px) { .retrinapro-ajaxproductstab-1091 .products.product-stretch-cont-lg { align-items: stretch !important; } .retrinapro-ajaxproductstab-1091 .products.product-stretch-cont-lg :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-1091 .slider-type-product.product-stretch-cont-lg .owl-stage { display: flex; align-items: stretch; } } @media (max-width: 767px) { .retrinapro-ajaxproductstab-1091 .products.product-stretch-cont-sm { align-items: stretch !important; } .retrinapro-ajaxproductstab-1091 .products.product-stretch-cont-sm :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-1091 .slider-type-product.product-stretch-cont-sm .owl-stage { display: flex; align-items: stretch; } } @media (min-width: 768px) and (max-width: 991px) { .retrinapro-ajaxproductstab-1091 .products.product-stretch-cont-md { align-items: stretch !important; } .retrinapro-ajaxproductstab-1091 .products.product-stretch-cont-md :is(.product, .product-wrapper) { display: flex; flex-direction: column; } .retrinapro-ajaxproductstab-1091 .slider-type-product.product-stretch-cont-md .owl-stage { display: flex; align-items: stretch; } } .retrinapro-ajaxproductstab-1091 .labels-rectangular { top: 15px; left:15px; } .retrinapro-ajaxproductstab-1091 .labels-rectangular .product-label { padding: 5px 10px; font-size: 12px; border-radius:15px; } .retrinapro-ajaxproductstab-1091 .labels-rectangular .label-with-img { padding: 0; max-width: 50px; } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1091 .labels-rectangular .product-label { padding-inline-end: 5px; padding-inline-start: 5px; font-size: 10px; } .retrinapro-ajaxproductstab-1091 .labels-rectangular .label-with-img { padding-inline-end: 0; padding-inline-start: 0; } } .retrinapro-ajaxproductstab-1091 .product-labels { position: absolute; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; max-width: 50%; transition: opacity 0.3s ease; } .retrinapro-ajaxproductstab-1091 .product-label { min-width: 50px; color: #fff; text-align: center; text-transform: uppercase; word-break: break-all; font-weight: 600; line-height: 1.2; } .retrinapro-ajaxproductstab-1091 .product-label:not(:last-child) { margin-bottom: 10px; } .retrinapro-ajaxproductstab-1091 .product-label.onsale { background-color: var(--barana-theme-primary-color); direction: ltr; } .retrinapro-ajaxproductstab-1091 .product-label.featured { background-color: #e22d2d; } .retrinapro-ajaxproductstab-1091 .product-label.new { background-color: #438e44; } .retrinapro-ajaxproductstab-1091 .product-label.out-of-stock { background-color: var(--bgcolor-white); color: var(--color-gray-900); } .retrinapro-ajaxproductstab-1091 .product-label.attribute-label:not(.label-with-img) { background-color: var(--bgcolor-white); color: var(--color-gray-900); } @media (max-width: 576px) { .retrinapro-ajaxproductstab-1091 .product-label { min-width: 40px; } .retrinapro-ajaxproductstab-1091 .product-label:not(:last-child) { margin-bottom: 5px; } } .retrinapro-ajaxproductstab-1091 .owl-carousel { position: relative; z-index: 1; width: 100%; -webkit-tap-highlight-color: transparent; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-stage { position: relative; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0, 0); } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-wrapper, .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-item { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-item { position: relative; float: left; min-height: 1px; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-nav.disabled, .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-dots.disabled { display: none; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-nav .owl-prev, .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-nav .owl-next, .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .retrinapro-ajaxproductstab-1091 .owl-carousel.owl-loaded { display: block; } .retrinapro-ajaxproductstab-1091 .owl-carousel.owl-loading { display: block; opacity: 0; } .retrinapro-ajaxproductstab-1091 .owl-carousel.owl-hidden { opacity: 0; } .retrinapro-ajaxproductstab-1091 .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .retrinapro-ajaxproductstab-1091 .owl-carousel.owl-drag .owl-item { user-select: none; } .retrinapro-ajaxproductstab-1091 .owl-carousel.owl-grab { cursor: move; cursor: grab; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-item.animated { animation-duration: 600ms; animation-fill-mode: both; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-item.fadeOut { animation-name: product-fadeOut; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-animated-in { z-index: 0; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-animated-out { z-index: 1; } .retrinapro-ajaxproductstab-1091 .owl-height { transition: height 500ms ease-in-out; } .retrinapro-ajaxproductstab-1091 .owl-carousel:not(.owl-loaded) { display: flex; overflow: hidden; } .retrinapro-ajaxproductstab-1091 [data-hide_pagination_control="no"] .owl-carousel:not(.owl-loaded) { padding-bottom: 41px !important; } .retrinapro-ajaxproductstab-1091 .owl-loaded:after, .retrinapro-ajaxproductstab-1091 .owl-loaded:before { content: ""; position: absolute; top: 0; bottom: 0; width: 50px; } .retrinapro-ajaxproductstab-1091 .owl-loaded:before { right: -50px; } .retrinapro-ajaxproductstab-1091 .owl-loaded:after { left: -50px; } .retrinapro-ajaxproductstab-1091 .owl-dots { margin-top: 5px; text-align: center; } .retrinapro-ajaxproductstab-1091 .owl-dots .owl-dot { display: inline-block; margin-top: 10px; } .retrinapro-ajaxproductstab-1091 .owl-dots .owl-dot span { display: block; margin: 5px; width: 10px; height: 10px; border: 2px solid var(--color-gray-300); border-radius: 50%; transition: all 0.25s ease; } .retrinapro-ajaxproductstab-1091 .owl-dots .owl-dot:not(.active):hover span { border-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-1091 .owl-dots .owl-dot.active span { border-color: var(--color-gray-800); background-color: var(--color-gray-800); } .retrinapro-ajaxproductstab-1091 .owl-nav > [class*="prev"] { left: 0; } .retrinapro-ajaxproductstab-1091 .owl-nav > [class*="next"] { right: 0; } .retrinapro-ajaxproductstab-1091 [class*="owl-carousel"] { margin-inline-end: calc((var(--product-car-sp) / 2) * -1); margin-inline-start: calc((var(--product-car-sp) / 2) * -1); --product-car-sp: 0.001px; } .retrinapro-ajaxproductstab-1091 [class*="owl-carousel"] .owl-item, .retrinapro-ajaxproductstab-1091 [class*="owl-carousel"] .owl-carousel:not(.owl-loaded) > button { padding-inline-end: calc(var(--product-car-sp) / 2); padding-inline-start: calc(var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-nav > [class*="prev"] { left: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-nav > [class*="next"] { right: calc(-50px + var(--product-car-sp) / 2); } .retrinapro-ajaxproductstab-1091 .owl-nav .product-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; } .retrinapro-ajaxproductstab-1091 .product-btn-arrow[class*="prev"] { transform: translateX(-30px); } .retrinapro-ajaxproductstab-1091 .product-btn-arrow[class*="prev"]:after { content: "\F284"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1091 .product-btn-arrow[class*="next"] { transform: translateX(30px); } .retrinapro-ajaxproductstab-1091 .product-btn-arrow[class*="next"]:after { content: "\F285"; font-weight: 800; font-family: bootstrap-icons !important; } .retrinapro-ajaxproductstab-1091 .browser-Safari .product-btn-arrow { visibility: visible; } .retrinapro-ajaxproductstab-1091 .flickity-button, .retrinapro-ajaxproductstab-1091 .owl-nav .product-btn-arrow { position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all 0.25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .retrinapro-ajaxproductstab-1091 .flickity-button:after, .retrinapro-ajaxproductstab-1091 .product-btn-arrow:after { font-size: 24px; line-height: 1; } .retrinapro-ajaxproductstab-1091 .owl-carousel:hover .owl-nav > button, .retrinapro-ajaxproductstab-1091 .show-arrow .wrap-loading-arrow > div { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; } .retrinapro-ajaxproductstab-1091 .show-arrow .wrap-loading-arrow > div { position:fixed; } .retrinapro-ajaxproductstab-1091 .product-btn-arrow:hover { color: var(--color-gray-500); } @media (max-width: 991px){ .retrinapro-ajaxproductstab-1091 .owl-nav> button { visibility: visible; opacity: 1; pointer-events: visible; } .retrinapro-ajaxproductstab-1091 .flickity-button:after, .retrinapro-ajaxproductstab-1091 .product-btn-arrow:after { font-weight: 700; font-size: 14px; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-nav>[class*=prev] { margin-inline-start: 35px; } .retrinapro-ajaxproductstab-1091 .owl-carousel .owl-nav>[class*=next] { margin-inline-end: 35px; } .retrinapro-ajaxproductstab-1091 .product-btn-arrow:is( [class*=prev],[class*=next]) { transform: translateX(0); } } .barana-section-title-wrapper-76 { text-align: center; margin-inline-start: auto; margin-inline-end: auto; max-width: 100%; } .barana-section-title-wrapper-76 .img-wrapper { margin-top: 10px; } .barana-section-title-wrapper-76 img { height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .barana-section-title-wrapper-76 .barana-section-title-title { font-size: 26px; } .barana-section-title-wrapper-76 .barana-section-title-subtitle .barana-section-title-wrapper-76 .barana-section-title-description{ font-size: 14px; } .barana-section-title-wrapper-76 .barana-section-title-description{ font-size: 16px; } .barana-section-title-wrapper-76 .barana-section-title-subtitle { display: inline-block; margin-bottom: 10px; font-size: 14px; color: rgba(108,117,125,1); } .barana-section-title-wrapper-76 .barana-section-title-title-container { margin-bottom: 10px; } .barana-section-title-wrapper-76 .barana-section-title-title { display: inline-block; margin-bottom: 0; font-weight: 600; color: #242424; font-size:30px; } .barana-section-title-wrapper-76 .barana-section-title-title u { text-decoration: none; } .barana-section-title-wrapper-76 .barana-section-title-title-container { display: flex; align-items: center; border-color: rgba(0,0,0,.105); flex-direction: row; } .barana-section-title-wrapper-76 .barana-section-title-title-container:after, .barana-section-title-wrapper-76 .barana-section-title-title-container:before { content: ""; display: block; flex: 1 1 auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; } .barana-section-title-wrapper-76 .barana-section-title-title-container:after { margin-left: 20px; } .barana-section-title-wrapper-76 .barana-section-title-title-container:before { margin-right: 20px; } .barana-section-title-wrapper-76 .barana-section-title-description { color: #010101; } @media (max-width: 991px) { .barana-section-title-wrapper-76 .barana-section-title-title { font-size: 22px; } .barana-section-title-wrapper-76 .barana-section-title-subtitle{ font-size: 14px; } .barana-section-title-wrapper-76 .barana-section-title-description{ font-size: 14px; } } @media (min-width: 992px) { .barana-section-title-wrapper-76 { max-width: 100%; } .barana-section-title-wrapper-76 .barana-section-title-title { font-size:30px; } } @media (min-width: 768px) and (max-width: 991px) { .barana-section-title-wrapper-76 { max-width: 100%; } } @media (max-width: 767px) { .barana-section-title-wrapper-76 { max-width: 100%; } } #retrina_grand_layout_1_1_0_grand_10{position:relative; }