/* Minification failed. Returning unminified contents. (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,50): run-time error CSS1019: Unexpected token, found ' ' (45,50): run-time error CSS1019: Unexpected token, found ' ' (45,50): run-time error CSS1042: Expected function, found ' ' (45,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (46,51): run-time error CSS1019: Unexpected token, found ' ' (46,51): run-time error CSS1019: Unexpected token, found ' ' (46,51): run-time error CSS1042: Expected function, found ' ' (46,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (61,46): run-time error CSS1019: Unexpected token, found ' ' (61,46): run-time error CSS1019: Unexpected token, found ' ' (61,46): run-time error CSS1042: Expected function, found ' ' (61,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (62,47): run-time error CSS1019: Unexpected token, found ' ' (62,47): run-time error CSS1019: Unexpected token, found ' ' (62,47): run-time error CSS1042: Expected function, found ' ' (62,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (72,44): run-time error CSS1019: Unexpected token, found ' ' (72,44): run-time error CSS1019: Unexpected token, found ' ' (72,44): run-time error CSS1042: Expected function, found ' ' (72,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (73,47): run-time error CSS1019: Unexpected token, found ' ' (73,47): run-time error CSS1019: Unexpected token, found ' ' (73,47): run-time error CSS1042: Expected function, found ' ' (73,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (77,46): run-time error CSS1019: Unexpected token, found ' ' (77,46): run-time error CSS1019: Unexpected token, found ' ' (77,46): run-time error CSS1042: Expected function, found ' ' (77,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (78,49): run-time error CSS1019: Unexpected token, found ' ' (78,49): run-time error CSS1019: Unexpected token, found ' ' (78,49): run-time error CSS1042: Expected function, found ' ' (78,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (82,46): run-time error CSS1019: Unexpected token, found ' ' (82,46): run-time error CSS1019: Unexpected token, found ' ' (82,46): run-time error CSS1042: Expected function, found ' ' (82,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (83,47): run-time error CSS1019: Unexpected token, found ' ' (83,47): run-time error CSS1019: Unexpected token, found ' ' (83,47): run-time error CSS1042: Expected function, found ' ' (83,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (87,46): run-time error CSS1019: Unexpected token, found ' ' (87,46): run-time error CSS1019: Unexpected token, found ' ' (87,46): run-time error CSS1042: Expected function, found ' ' (87,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (88,49): run-time error CSS1019: Unexpected token, found ' ' (88,49): run-time error CSS1019: Unexpected token, found ' ' (88,49): run-time error CSS1042: Expected function, found ' ' (88,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (89,46): run-time error CSS1019: Unexpected token, found ' ' (89,46): run-time error CSS1019: Unexpected token, found ' ' (89,46): run-time error CSS1042: Expected function, found ' ' (89,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (90,47): run-time error CSS1019: Unexpected token, found ' ' (90,47): run-time error CSS1019: Unexpected token, found ' ' (90,47): run-time error CSS1042: Expected function, found ' ' (90,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (104,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (108,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (116,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (124,28): run-time error CSS1039: Token not allowed after unary operator: '-light-pink' (128,28): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (136,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (140,41): run-time error CSS1019: Unexpected token, found ' ' (140,41): run-time error CSS1019: Unexpected token, found ' ' (140,41): run-time error CSS1042: Expected function, found ' ' (140,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (183,43): run-time error CSS1019: Unexpected token, found ' ' (183,43): run-time error CSS1019: Unexpected token, found ' ' (183,43): run-time error CSS1042: Expected function, found ' ' (183,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (188,42): run-time error CSS1019: Unexpected token, found ' ' (188,42): run-time error CSS1019: Unexpected token, found ' ' (188,42): run-time error CSS1042: Expected function, found ' ' (188,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (199,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (200,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (204,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (205,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (239,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (249,46): run-time error CSS1019: Unexpected token, found ' ' (249,46): run-time error CSS1019: Unexpected token, found ' ' (249,46): run-time error CSS1042: Expected function, found ' ' (249,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (254,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (274,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (280,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (346,45): run-time error CSS1019: Unexpected token, found ' ' (346,45): run-time error CSS1019: Unexpected token, found ' ' (346,45): run-time error CSS1042: Expected function, found ' ' (346,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (352,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (375,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (393,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (409,43): run-time error CSS1019: Unexpected token, found ' ' (409,43): run-time error CSS1019: Unexpected token, found ' ' (409,43): run-time error CSS1042: Expected function, found ' ' (409,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (411,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (427,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (439,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (474,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (537,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (588,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (737,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (785,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (787,54): run-time error CSS1019: Unexpected token, found ' ' (787,54): run-time error CSS1019: Unexpected token, found ' ' (787,54): run-time error CSS1042: Expected function, found ' ' (787,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (793,54): run-time error CSS1019: Unexpected token, found ' ' (793,54): run-time error CSS1019: Unexpected token, found ' ' (793,54): run-time error CSS1042: Expected function, found ' ' (793,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (794,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' (799,21): run-time error CSS1039: Token not allowed after unary operator: '-black' (845,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (935,25): run-time error CSS1039: Token not allowed after unary operator: '-black' (937,47): run-time error CSS1019: Unexpected token, found ' ' (937,47): run-time error CSS1019: Unexpected token, found ' ' (937,47): run-time error CSS1042: Expected function, found ' ' (937,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (951,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1052,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (1086,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (1096,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1100,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1118,29): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1134,43): run-time error CSS1039: Token not allowed after unary operator: '-black' (1136,42): run-time error CSS1039: Token not allowed after unary operator: '-black' (1166,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1171,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (1179,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1180,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1192,32): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (1257,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1266,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1324,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (1331,29): run-time error CSS1039: Token not allowed after unary operator: '-white' (1381,46): run-time error CSS1019: Unexpected token, found ' ' (1381,46): run-time error CSS1019: Unexpected token, found ' ' (1381,46): run-time error CSS1042: Expected function, found ' ' (1381,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1382,47): run-time error CSS1019: Unexpected token, found ' ' (1382,47): run-time error CSS1019: Unexpected token, found ' ' (1382,47): run-time error CSS1042: Expected function, found ' ' (1382,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1486,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1558,50): run-time error CSS1019: Unexpected token, found ' ' (1558,50): run-time error CSS1019: Unexpected token, found ' ' (1558,50): run-time error CSS1042: Expected function, found ' ' (1558,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1564,21): run-time error CSS1039: Token not allowed after unary operator: '-black' (1569,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1611,17): run-time error CSS1030: Expected identifier, found '>' (1611,38): run-time error CSS1031: Expected selector, found ')' (1611,38): run-time error CSS1025: Expected comma or open brace, found ')' (1667,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1670,32): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1679,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1680,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (1689,21): run-time error CSS1039: Token not allowed after unary operator: '-black' (1702,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1709,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1713,28): run-time error CSS1039: Token not allowed after unary operator: '-black' (1836,32): run-time error CSS1039: Token not allowed after unary operator: '-black' (1854,74): run-time error CSS1030: Expected identifier, found 'label' (1854,79): run-time error CSS1031: Expected selector, found ')' (1854,79): run-time error CSS1025: Expected comma or open brace, found ')' (1863,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1864,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1892,32): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1905,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1906,35): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1934,33): run-time error CSS1030: Expected identifier, found '.' (1934,48): run-time error CSS1031: Expected selector, found ')' (1934,48): run-time error CSS1025: Expected comma or open brace, found ')' (1939,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1962,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1973,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (1974,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2088,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2122,41): run-time error CSS1019: Unexpected token, found ' ' (2122,41): run-time error CSS1019: Unexpected token, found ' ' (2122,41): run-time error CSS1042: Expected function, found ' ' (2122,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2126,32): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2130,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2133,43): run-time error CSS1039: Token not allowed after unary operator: '-white' (2169,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (2173,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2417,43): run-time error CSS1039: Token not allowed after unary operator: '-black' (2419,42): run-time error CSS1039: Token not allowed after unary operator: '-black' (2447,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2450,43): run-time error CSS1039: Token not allowed after unary operator: '-primary' */ /* Global Variables */ :root { --primary: #68398b; --secondary: #d91c5c; --black: #000; --white: #fff; --gradient: linear-gradient(90deg, #68398b 0%, #d91c5c 100%); --light-pink: #fdf4f7; --light-gray: #f7f5f9; --bs-card-border-radius: 10px !important; } /* End Global Variables */ .gjs-dashed a.stretched-link::after { display: none; } /* Global CSS */ body * { font-family: "museo-sans", sans-serif; } .page { max-width: unset !important; padding: 0 !important; } .latestNews .page, .fronius-symo .page, .mainContentWrapper .page, .product-category .page, .newsBlog, .page.news-page, .orderHistory, .AgeDebtInvoices .box, body.cat-no-img .full-width-banner .page, .shopByCategory .page, .shopping-basket .page, .checkOut, .contactUs, .findwholeseller, .register .page, .newSiteMap { max-width: 1388px !important; padding-left: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; padding-right: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; margin-left: auto; margin-right: auto; } .container-xxl { max-width: 1312px !important; } footer .page, .flexibleBox, .breadCrumb .page, .featured_MV_products .page, .header_main_container.page { max-width: 1388px !important; padding-left: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; padding-right: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; margin-left: auto; margin-right: auto; } .header_top_container { display: none; } .py-clamp-sm { padding-top: clamp(1.25rem, 0.8041rem + 0.9302vw, 1.625rem); padding-bottom: clamp(1.25rem, 0.8041rem + 0.9302vw, 1.625rem); } .py-clamp { padding-top: clamp(1.875rem, -3.0302rem + 10.2326vw, 6rem); padding-bottom: clamp(1.875rem, -3.0302rem + 10.2326vw, 6rem); } .px-clamp { padding-left: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; padding-right: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; } .p-clamp { padding-top: clamp(1.875rem, -3.0302rem + 10.2326vw, 6rem); padding-bottom: clamp(1.875rem, -3.0302rem + 10.2326vw, 6rem); padding-left: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; padding-right: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; } .mw-800 { max-width: 800px; margin-left: auto; margin-right: auto; } .rounded { border-radius: 10px !important; } .t-primary { color: var(--primary); } .t-secondary { color: var(--secondary); } .fs-base { font-size: 1rem; } .bg-primary { background-color: var(--primary) !important; } .bg-light-gray { background-color: #f6f6f6 !important; } .bg-light-pink { background-color: var(--light-pink) !important; } .bg-light-gray { background-color: var(--light-gray) !important; } .bg-transparent { background-color: transparent !important; } .brand-gradient { background: var(--gradient) !important; } h1, h2 { font-size: clamp(1.5rem, 0.6081rem + 1.8605vw, 2.25rem) !important; } h2 span, .text-gradient, .frounius-detail h1, .symo-related h2 span, .full-width-banner .banner-title, .page.news-page h1, h3.heading-custom span, .staticPage h1.heading-custom, .staticPage h1.heading-custom span { background: linear-gradient(90deg, #68398B 0%, #D91C5C 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; padding: 0 !important; } .heading-custom span:after { display: none; } .heading-custom, .staticPage .heading-custom { margin-bottom: 1rem !important; } .staticPage h1 { text-align: unset; padding-bottom: unset; } p:last-child { margin-bottom: 0 !important; } .homeHead h2, .homeHead h1 { border: none; text-align: left; } h2, .h2 { font-size: clamp(1.4375rem, 0.294rem + 2.3853vw, 2.25rem) !important; letter-spacing: 1px !important; } h3, .h3 { font-size: clamp(1.25rem, 0.5463rem + 1.4679vw, 1.75rem) !important; } .btn, .add-basket2, .add-basket, .btnPrimary, div#tab-container.slider_with_view_more .owl-carousel .item .link a { border: none !important; border-radius: 10px !important; padding: 0.3rem 2rem !important; text-decoration: none !important; } .btn-primary, #emailSubscriptionsubmit { background-color: var(--primary) !important; color: var(--white) !important; } .btn-secondary, .add-basket2, .add-basket, .btnPrimary, div#tab-container.slider_with_view_more .owl-carousel .item .link a, .homeredirect { background-color: var(--secondary) !important; color: var(--white) !important; } .btnPrimary { font-size: 16px !important; padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; text-transform: capitalize !important; } .staticPage { padding: 0; margin: 0; } .img-obj-cover { object-fit: cover; } .img-obj-contain { object-fit: contain; } .ratio-member { --bs-aspect-ratio: 130%; } /* End Global CSS */ #emailSubscriptionsubmit { display: flex; align-items: center; } #SubscribResult { color: var(--white); font-size: 10px; } /* Header CSS */ /* Notification Bar CSS */ .header_promo_container .promo_message { padding-right: 0; } .header_promo_container .promo_message a { font-size: clamp(0.75rem, 0.4527rem + 0.6202vw, 1rem); } .header_promo_container .promo_message a:hover { text-decoration: underline !important; color: var(--white); } .header_promo_container .promo_message .cancelpromo { display: none; } /* End Notification Bar CSS */ /* Logo & Search CSS */ #header .brand { text-align: left; } #header .brand img { width: 234px; } #header form#searchform .clearfix { display: flex; flex-direction: row-reverse; border: 2px solid var(--primary); border-radius: 10px; } #header form#searchform .clearfix button { background-color: transparent; color: var(--primary); } #header form#searchform .clearfix input { border: none; } #header form#searchform .clearfix button i:before { font-size: 18px; } #header form#searchform .clearfix ::placeholder { color: #00000033; font-size: 14px; } #header .header_main_container .userInterface { margin-top: 0; display: flex; align-items: center; } #header .header_main_container .userInterface span { margin-bottom: 0; } /*#header .header_main_container .userInterface.myAccount #loginLink div, #header .header_main_container .userInterface.myAccount #loginLinkRet div { display: none; }*/ #header .header_main_container .userInterface.myAccount #loginLink div, #header .header_main_container .userInterface.myAccount #loginLinkRet { display: none; } #header .header_main_container .userInterface.myAccount .accountSetting ul { padding-left: 0; } #header .header_main_container .userInterface.myAccount .accountSetting ul li a { text-align: left; } #header .header_main_container .loginLinkReg { font-size: 0; } #header .header_main_container .userInterface.myAccount a, #header .header_main_container .userInterface.favourites a, #header .header_main_container .userInterface.basket button, #header .header_main_container .userInterface.myAccount button { padding-top: 0.5rem; } #header .header_main_container .userInterface.basket .productCode.PricingColour { display: none; } #header .bgf-header .flexibleBox { justify-content: space-between; } #header .flexibleBox .fourlabelmenu, #header .flexibleBox .userInterface { width: auto !important; } #header .flexibleBox .fourlabelmenu .mega_menu_label, #header .flexibleBox .search div { display: none; } .header-v1.fixed2 .header_main_container > .flexibleBox { padding: 5px clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) 15px clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; } /* End Logo & Search CSS */ /* Main Navigation CSS */ #header .big_nav { background: var(--gradient); } #header .big_nav a { font-size: 16px !important; font-weight: 400 !important; padding: 14px 0 !important; } #header .big_nav .first_label { width: auto !important; min-width: unset !important; } #header .big_nav .blockmenu ul.main_label > li > a.dropdown:before { right: -10px; width: 25px; height: 25px; top: 50%; transform: translateY(-40%); } #header .big_nav .main_label .first_label > a:hover { color: var(--white) !important; } #header .big_nav .main_label { margin-bottom: 0 !important; padding: 0 !important; } #header .big_nav .main_label a { text-decoration: none !important; } #header .big_nav .blockmenu ul.main_label > li > a.dropdown.removepading { padding: 5px 25px 5px 10px !important; } #header .big_nav .main_label .first_label:hover > a { text-decoration: underline !important; color: var(--white) !important; } #header #Favitem div:not(#Fabcount_fav) { display: none; } #header #Favitem { text-decoration: none; } /* End Main Navigation CSS */ /* End Header CSS */ /* Homepage CSS */ /* Hero Banner CSS */ .first-templeat-banner .banner-text h2 { font-size: clamp(1.375rem, 0.9058rem + 0.9788vw, 1.75rem) !important; padding: 0.3rem !important; background: var(--gradient); font-weight: 400 !important; text-align: center; } .first-templeat-banner .banner-text { padding-left: unset; position: relative; float: unset; } .first-templeat-banner .owl-nav { display: block; } .first-templeat-banner .owl-nav button { border: 1px solid var(--white); border-radius: 100%; padding: 0.5rem; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; opacity: 1; } .first-templeat-banner .owl-nav button i { color: var(--white); padding-bottom: 0.2rem; } .first-templeat-banner .owl-nav button i::before { font-size: 15px; } .first-templeat-banner .owl-nav .owl-prev { left: 1rem; } .first-templeat-banner .owl-nav .owl-next { right: 1rem; padding-left: 0.8rem; } .first-templeat-banner .owl-dots { display: inline-block; } .first-templeat-banner .owl-dots .owl-dot { display: inline-flex; background: #ffffff80; height: 15px !important; width: 15px !important; padding: 0.5rem; } .first-templeat-banner .owl-dots .owl-dot { height: 15px; width: 15px; } .first-templeat-banner .owl-dots .owl-dot.active { background: var(--white); } .homePageBanner.homeHead.full-width-banner-container { max-height: 580px; height: 100%; } /* End Hero Banner CSS */ /* Values CSS */ .value-img { width: 20px; height: 20px; } .box-values { text-decoration: none !important; } /* End Values CSS */ /* Our Brands CSS */ .brandLogos { padding: 0 !important; } .brandLogos .item { margin-left: 0; } .card-brand .card-img { aspect-ratio: 4/3; overflow: hidden } .card-brand .img-card { height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; width: 100%; } .card-brand:hover .img-card { transform: scale(1.1); } .card-brand:hover .img-brand { transform: translateY(-10px); } .card-brand .card-body { display: flex; justify-content: space-between; align-items: center; } .card-brand .img-brand { max-width: 150px; max-height: 90px; transition: all 0.3s ease-in-out; } .card-brand .link-brand { transition: all 0.3s ease-in-out; color: var(--black); text-underline-offset: 5px; } .slider-brands .slick-list, .slider-brands .slick-track { display: flex; } .slider-brands-wrapper .slider-nav { position: absolute; right: 1rem; bottom: -40px; } /* End Our Brands CSS */ /* Areas of Learning CSS */ .slider-areas .card-content { position: absolute; bottom: 1rem; left: 1rem; z-index: 10; width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; } .slider-areas .card-area::before { content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.52%, rgba(0, 0, 0, 0.6) 89.37%); position: absolute; left: 0; bottom: 0; top: 0; right: 0; z-index: 1; } .slider-areas .card-area img, .slider-areas .card-area .link-areas { transition: all 0.3s ease-in-out; } .slider-areas .card-area:hover img { transform: scale(1.1); } .slider-areas .card-area .link-areas { text-decoration: none; text-underline-offset: 8px; text-decoration-color: var(--secondary) !important; } .slider-areas .card-area:hover .link-areas { text-decoration: underline; } .slider-areas .slick-list, .slider-areas .slick-track, .sl { display: flex; } .slider-areas-wrapper .slider-nav { position: absolute; right: 1rem; bottom: -40px; } /* End Areas of Learning CSS */ /* Slider Testimonials CSS */ .slider-testimonials-wrapper .slider-nav { position: absolute; right: 1rem; bottom: -45px; } .slider-testimonials .slick-list, .slider-testimonials .slick-track { display: flex; } .slider-testimonials .slick-dots { width: auto; bottom: -30px; padding: 0; } .slider-testimonials .slick-dots li, .slider-testimonials .slick-dots li button { width: 6px; height: 6px; } .slider-testimonials .slick-dots li button::before { font-size: 30px; width: 10px; height: 10px; } /* End Slider Testimonials CSS */ /* Slider Grid Carousel CSS */ .slider-grid-carousel-wrapper .card-grid-carousel-parent { padding: 0.5rem !important; } .slider-grid-carousel-wrapper .slider-nav { position: absolute; right: 1rem; bottom: -45px; } .slider-grid-carousel .slick-dots { width: auto; bottom: -50px; padding: 0; } .slider-grid-carousel .slick-dots li, .slider-grid-carousel .slick-dots li button { width: 6px; height: 6px; } .slider-grid-carousel .slick-dots li button::before { font-size: 30px; width: 10px; height: 10px; } /* End Slider Grid Carousel CSS */ /* Slider Images CSS */ .slider-images-wrapper .slider-nav { position: absolute; top: 50%; display: flex; justify-content: space-between; width: 100%; padding: 0 1rem; transform: translateY(-50%); } .slider-images .slick-dots { width: auto; bottom: -35px; padding: 0; } .slider-images .slick-dots li, .slider-images .slick-dots li button { width: 6px; height: 6px; } .slider-images .slick-dots li button::before { font-size: 30px; width: 10px; height: 10px; } .slider-images .img-slider { max-height: 500px; object-fit: cover; height: 100%; } /* End Slider Images CSS */ /* Banner Inner Page CSS */ .banner-inner-page { min-height: 460px; } .img-bg-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* End Banner Inner Page CSS */ /* End Homepage CSS */ /* Breadcrumbs CSS */ .breadCrumb { padding-bottom: 0 !important; padding-top: 0 !important; margin-bottom: 0 !important; margin-top: 20px !important; align-items: center; min-height: 50px; display: flex !important; } .breadCrumb ul { padding: 0; margin-bottom: 0; } .breadCrumb li a { color: #808080; text-decoration: none } .breadCrumb li a:hover, .breadCrumb li a[aria-current="location"] { color: var(--primary); } .breadCrumb .page { width: 100%; } /* End Breadcrumbs CSS */ /* Product Page CSS */ .frounius-top .zoomWrapper { max-width: unset !important; } /*.frounius-top .zoomWrapper img { left: unset !important; width: 100% !important; border-radius: 10px; transform: unset; max-height: 500px; background-color: #ececec; object-fit: contain; }*/ .frounius-top .zoomWrapper img.MainBigThumbImage { position: relative !important; } .frounius-top .productView, .frounius-top .frounius-detail { width: 48% !important; } /*.frounius-top .zoominner { width: 100% !important; max-width: unset; max-height: 500px; }*/ .frounius-top #gallery_01 { border: 0; } .frounius-top #owl-product-thumbnail img { width: 100%; border-radius: 10px; } .frounius-top .frounius-detail { padding: 0; min-height: unset !important; } .frounius-top .frounius-detail .product_qunt { border: none !important; border-radius: 10px; } .frounius-top .frounius-detail .product_qunt .price, .frounius-top .frounius-detail .product_qunt .qty-panel { width: 100% !important; float: unset; display: flex; } .frounius-top .frounius-detail .product_qunt .price .price_text { color: var(--secondary) !important; margin-right: 1rem; font-size: clamp(1.25rem, 0.5463rem + 1.4679vw, 1.75rem); font-weight: normal; } .frounius-top .frounius-detail .product_qunt .price .price_text_inc { font-weight: normal; font-size: clamp(1.25rem, 0.5463rem + 1.4679vw, 1.75rem); !important; } .frounius-top .frounius-detail .productCode, .frounius-top .frounius-detail .ProductSummary p { font-size: 16px; color: var(--black); } .frounius-top .frounius-detail .price-breack td { border: none !important; font-weight: normal !important; } .frounius-top .frounius-detail .price-breack th { border-right: none !important; font-weight: normal !important; } .frounius-top .frounius-detail .quant_inner { border-radius: 10px; } .frounius-top .frounius-detail .quant_inner label { background: unset !important; } .frounius-detail-bottom .frounius-img h2 { font-size: 20px !important; border-bottom: 1px solid !important; border-image: linear-gradient(90deg, #68398B, #D91C5C) 1 !important; } .frounius-detail-bottom .frounius-img h2 span { border: none !important; } .frounius-detail-bottom .frounius-img p { font-size: 16px !important; } .frounius-detail-bottom #tab-container ul { padding: 0; border-color: #f6f6f6 !important; } .frounius-detail-bottom #tab-container ul a.active::before { border-bottom: 1px solid !important; border-image: linear-gradient(90deg, #68398B, #D91C5C) 1 !important; } .frounius-detail-bottom #tab-container li a { color: var(--primary); text-decoration: none; font-size: 20px; padding-left: 0; padding-right: 2rem; background-color: transparent !important; } .frounius-detail-bottom #tab-container li a.active { background: linear-gradient(90deg, #68398B 0%, #D91C5C 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; } .frounius-detail-bottom #tab-container section p { font-size: 16px !important; } .frounius-detail .product-logo { float: unset !important; padding: 0 !important; margin-bottom: 1rem; } .othercustomer.symo-related h2 { text-align: left; } .othercustomer.symo-related h2 span::after { display: none; } #specialOffer { padding: 0; } #specialOffer .owl-item { width: 100%; min-width: 100%; max-width: unset; } #specialOffer .owl-stage { min-width: 100% !important; } #specialOffer .owl-item .item { width: 100%; } #specialOffer .owl-item .item .both_fav_img { position: relative; background-color: #e6e6e6; display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden } #specialOffer .owl-item .item .both_fav_img::before { display: block; padding-top: 100%; content: ""; } #specialOffer .owl-item .item .both_fav_img a { width: 100%; height: 100%; } #specialOffer .owl-stage { padding-bottom: 50px; } #specialOffer .owl-item .item .both_fav_img img { transition: all 0.3s ease-in-out; } #specialOffer .owl-item .item:hover .both_fav_img img { transform: scale(1.1); } #specialOffer .owl-item .item h3 { margin-top: 0; text-align: left; padding-bottom: 0.5rem; } #specialOffer .owl-item .item h3 a { color: var(--black); text-decoration: none; font-size: clamp(1rem, 0.6482rem + 0.7339vw, 1.25rem); } #specialOffer .owl-item .item .boldPrice { text-transform: uppercase; text-align: left; font-size: 16px; font-weight: normal !important; color: #808080; } #specialOffer .owl-item .item .link { width: 100%; border-radius: 10px; background-color: var(--secondary); height: 100%; display: flex; align-items: center; justify-content: center; } #specialOffer .owl-item .item .link a { text-decoration: none; text-transform: none; font-size: 16px; font-weight: normal; } .add-basket2 { display: flex; align-items: center; justify-content: center; } .add-basket2 i { display: none; } .add-basket { width: auto !important; padding: 1rem !important; display: none; } .fronius-symo .frounius-detail .add-basket::before { position: relative !important; margin-right: 1rem; left: unset; } .fronius-symo .frounius-detail-bottom .category_blog { min-height: unset !important; } #divproduct .productListGallery .product_list_item .price-full { display: flex; flex-direction: column; text-align: right; } #divproduct .productListGallery .product_list_item { border: 0 !important; } #divproduct .productListGallery .product_list_item .qtybuttons { padding: 0; } #divproduct .productListGallery .product_list_item .qtybuttons select { background: none; } #divproduct .productListGallery .product_list_item .Show_Now div { opacity: 1 !important; } #divproduct .productListGallery .product_list_item .Show_Now div:not(.qtybuttons) { flex-direction: column; } #divproduct .productListGallery .product_list_item .Show_Now div:not(.qtybuttons) .btnDefault { margin-bottom: 0.5rem; } .frounius-top .zoomWrapper { max-width: unset !important; aspect-ratio: 1 / 1 !important; width: unset !important; height: unset !important; position: relative; overflow: hidden; border-radius: 20px; } .frounius-top .zoomWrapper img { object-fit: cover; position: absolute !important; left: 0px !important; top: 0px !important; height: 100% !important; width: 100%; transform: unset !important; } .frounius-top .zoominner { height: auto !important; width: 100% !important; } .fronius-symo .frounius-detail-bottom .category_blog .tab-container section iframe { height: 100% !important; min-height: 500px; } .download_listInner .btn, .download_list .btn { background: var(--gradient) !important; } .download_list .tab_heading_h { flex-direction: column; } .download_list .tab_heading_h .btn { margin-top: 1rem !important; } /* End Product Page CSS */ /* Category Page CSS */ body:not(.cat-no-img) .full-width-banner .bottom_des.ShowTitleMobile { position: relative; margin-bottom: 2rem; } body:not(.cat-no-img) .full-width-banner .bottom_des.ShowTitleMobile .page { padding: 0 !important; } body:not(.cat-no-img) .full-width-banner img { border-radius: 20px; max-height: 370px; object-fit: cover; } body:not(.cat-no-img) .full-width-banner .banner-title { display: inline-block; margin-top: 1rem; } .mainContentWrapper .sideBar .fliterheading button { color: var(--black); font-size: 28px; font-weight: normal; padding: 0; } .mainContentWrapper .sideBar .fliterheading { background: none; background-color: transparent !important; padding-bottom: 1rem; border-bottom: 1px solid var(--secondary) !important; } .mainContentWrapper .sideBar .checkList { border-bottom: 1px solid var(--secondary) !important; } .mainContentWrapper .sideBar .checkList:not(:last-child) { margin-bottom: 0; } .mainContentWrapper .sideBar .checkList ul { max-height: unset; padding: 0; } .mainContentWrapper .sideBar .checkList ul a { text-decoration: none; } .mainContentWrapper .sideBar .checkList ul a:hover, .mainContentWrapper .sideBar .checkList ul a.Active { color: var(--primary); text-decoration: underline; } .mainContentWrapper .sideBar .checkList button { background-color: transparent; font-size: 1rem; padding-left: 0; padding-bottom: 0.5rem; } .mainContentWrapper .sideBar .checkList button i { display: none; } .mainContentWrapper .sideBar .checkList button::before { border-bottom: 1px solid var(--black); border-left: 0 !important; border-right: 1px solid var(--black); border-top: 0 !important; content: ""; display: block; height: 8px; position: absolute; right: 5px; top: 50%; transform: translateY(-80%) rotate(225deg); transition: all .3s ease-in-out; width: 8px; } .mainContentWrapper .sideBar .checkList button.hidden::before { transform: translateY(-80%) rotate(45deg); } .mainContentWrapper #longdesc { color: black !important; } /*.productList .primeProduct,*/ /*.productList #prdCtrl,*/ /*.productList #prdCtrlBtm .productControlPrimary { display: none; }*/ .productList #prdCtrl .pagination li a, .productList #prdCtrlBtm .pagination li a, .productControl .pagination li a, .simple-pagination li a, .simple-pagination li span { width: 30px; height: 30px; border: 1px solid var(--secondary) !important; display: flex; justify-content: center; align-items: center; border-radius: 5px; color: var(--black); text-decoration: none; } .pagination li.current a, .pagination li:hover a, .simple-pagination li.active span, .simple-pagination li:hover a { background-color: var(--secondary) !important; color: var(--white) !important; } .productList .productListGallery { border: none; padding-top: 0; } .productList .productListGallery .product_list_item .big-product-img, #specialOffer .owl-item .item .both_fav_img, div#tab-container.slider_with_view_more .owl-carousel .both_fav_img { border-radius: 10px; background-color: var(--light-gray); padding: 0 !important; aspect-ratio: 1 / 1; overflow: hidden; } .productList .productListGallery .product_list_item .big-product-img img, #specialOffer .owl-item .item .both_fav_img img, div#tab-container.slider_with_view_more .owl-carousel .both_fav_img img { max-height: unset !important; width: 100%; height: 100%; } .productList .productListGallery .product_list_item .bottom_content { padding: 0; } .productList .productListGallery .product_list_item:hover { box-shadow: none !important; } .productList .productListGallery .product_list_item img { transition: all 0.3s ease-in-out; } .productList .productListGallery .product_list_item:hover img { transform: scale(1.1); } .productList .productListGallery .product_list_item .enlarge_flyout.enlarge_flyout-flyoutloupe { display: none !important; } .productList .productListGallery .product_list_item .logo_brand, .productList .productListGallery .product_list_item .compare, .productList .productListGallery .product_list_item .details:first-child { display: none; } .productList .productListGallery .product_list_item .details { width: 100%; display: flex; justify-content: space-between; align-items: first baseline; margin-top: 1rem; margin-bottom: 1rem; } .productList .productListGallery .product_list_item .details p { height: unset; margin-bottom: 0; font-size: 18px; font-weight: bold; } .productList .productListGallery .product_list_item .details p a { text-decoration: none; } .productList .productListGallery .product_list_item .details .fromprice { display: none; padding-bottom: 0; font-size: 18px; font-weight: bold; color: var(--secondary) !important; text-transform: none; min-width: 115px; margin-left: 1rem; } .productList .productListGallery .product_list_item .Show_Now .btnDefault { opacity: 1; width: 100%; background-color: var(--secondary); border-radius: 10px; text-decoration: none; font-size: 1rem; padding: 0.8rem 0.5rem !important; } .productList .productListGallery .product_list_item .Show_Now .color_attr { display: none; } /*.productList .productListGallery .product_list_item { width: 32% !important; margin: 0 20px 20px 0 !important; }*/ .productList .productListGallery .product_list_item { width: 47%; margin-bottom: 20px; margin-left: 0; } .productList .productListGallery .product_list_item:nth-child(odd) { margin-right: 1rem } .sideBar_container .sideBar { overflow-x: hidden; } .product-category #product-category-ul { margin: 0 !important; padding-left: 0 !important; } .product-category #product-category-ul li .img { aspect-ratio: 1 / 1; } .product-category #product-category-ul li img { width: 100% !important; max-width: unset; margin-left: 0; float: unset; height: 100% !important; object-fit: cover; transition: all 0.3s ease-in-out; transform: scale(1.4) } .product-category #product-category-ul li a { border-radius: 10px; } .product-category #product-category-ul li a:hover .bottom_down { height: unset !important; } .product-category #product-category-ul li a:hover img { transform: scale(1.3) !important; } .product-category #product-category-ul li a .bottom_down .showonhover { color: var(--white) !important; z-index: 10; position: relative; } .product-category #product-category-ul li a .bottom_down .showonhover span { background-color: transparent !important; color: var(--white) !important; } .product-category #product-category-ul li a .bottom_down { padding: 1rem; } .product-category #product-category-ul li a .bottom_down p { margin-bottom: 0; } .product-category #product-category-ul li a .bottom_down h1 { font-size: 24px !important; padding-bottom: 0; z-index: 10; position: relative; color: white !important; background-color: transparent !important; } .product-category #product-category-ul li a::before { content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } /* End Category Page CSS */ /* Static Pages CSS */ .section-brands-grid .img-box-brand { object-fit: contain; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); } .section-video .heading-video, .section-gallery .heading-gallery { position: absolute; bottom: 50px; left: 50%; width: 100%; max-width: 1412px; transform: translateX(-50%); padding-left: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; padding-right: clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; } .section-gallery.section-grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .section-gallery.section-grid .grid-item { width: 100%; height: 100%; object-fit: cover; } .section-gallery.section-grid .grid-item.grid-item-1 { grid-area: 1 / 1 / 3 / 4; } .section-gallery.section-grid .grid-item.grid-item-2 { grid-area: 1 / 4 / 2 / 6; } .section-gallery.section-grid .grid-item.grid-item-3 { grid-area: 2 / 4 / 3 / 6; } .row-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(5, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .row-grid .grid-item.grid-item-1 { grid-area: 1 / 1 / 2 / 2; } .row-grid .grid-item.grid-item-2 { grid-area: 2 / 1 / 3 / 2; } .row-grid .grid-item.grid-item-3 { grid-area: 3 / 1 / 4 / 2; } .row-grid .grid-item.grid-item-4 { grid-area: 4 / 1 / 5 / 2; } .row-grid .grid-item.grid-item-5 { grid-area: 5 / 1 / 6 / 2; } .row-grid .img-icon { max-width: 40px; } .slick-nav-item { font-size: 20px; padding-top: 1rem; text-align: center; position: relative; } .slider-timeline-nav::before { content: ""; width: 100%; height: 2px; background-color: #d91c5c80; position: absolute; top: 9px; left: 0; z-index: 0; } .slider-timeline-nav::after { content: ""; background-color: transparent; width: 100%; height: 12px; border-left: 3px solid #ea80a4; border-right: 3px solid #ea80a4; position: absolute; left: 0; top: 4px; } .slider-timeline-nav .slick-nav-item::after { content: ""; width: 20px; height: 20px; position: absolute; top: 0; left: 50%; background-color: #ea80a4; border-radius: 100%; transform: translateX(-50%); border: 5px solid #f7f5f9; } .slider-timeline-nav .slick-nav-item.slick-current::after { background-color: var(--secondary); } .slider-timeline-nav .slick-dots { display: none !important; } .slider-timeline-wrapper .slider-nav { position: absolute; right: 1rem; top: 80px; } /* End Static Pages CSS */ /* Blog Archive CSS */ .newsBlog h2 span:after, .newsBlog aside { display: none; } .newsBlog .newsWrapper { width: 100% !important; display: flex; flex-wrap: wrap; float: unset !important; } .newsBlog .newsWrapper article { width: 100%; display: flex; flex-direction: column; padding: 1rem; border: none; } .newsBlog .newsWrapper article figure { width: 100%; border-radius: 10px; overflow: hidden; aspect-ratio: 3/2; } .newsBlog .newsWrapper article figure img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .newsBlog .newsWrapper article figure a:hover img { transform: scale(1.1); } .newsBlog .newsWrapper article section { width: 100%; padding: 0; } .newsBlog .newsWrapper article:nth-child(2n) { flex-direction: column-reverse; justify-content: flex-end; } .newsBlog .newsWrapper article time { display: none; } .newsBlog .newsWrapper article section h3 a { background: linear-gradient(90deg, #68398B 0%, #D91C5C 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; padding: 0 !important; text-decoration: none; font-size: clamp(1.25rem, 0.5463rem + 1.4679vw, 1.75rem); } .newsBlog .newsWrapper footer a { text-transform: none; text-decoration: none; color: var(--black); } .newsBlog .newsWrapper footer a:hover { text-decoration: underline; color: var(--primary); } /* End Blog Archive CSS */ /* Single Post CSS */ .page.news-page { max-width: 800px !important; } .news-page h1 { text-align: left; margin: 1rem 0 2rem 0; max-width: unset !important; } .news-page h1 span:after { display: none; } .news-page .newsDetail { max-width: unset; } .news-page .newsDetail figure img { max-height: 415px; height: 100%; object-fit: cover; } /* End Single Post CSS */ /* Banner Hero CSS */ .banner-hero { min-height: 50vh; } /* End Banner Hero CSS */ /* Sitemap CSS */ .newSiteMap .siteMap { padding-left: 0; } .newSiteMap h2 span:after, .siteMap li:has(> a[title="REGISTER"]), .siteMap li:has(> a[title="BASKET"]), .siteMap li:has(> a[title="CHECKOUT"]), .siteMap li:has(> a[title="MY ACCOUNT"]), .siteMap li:has(> a[title="UPDATE PROFILE"]), .siteMap li:has(> a[title="ORDER HISTORY"]), .siteMap li:has(> a[title="Delivery"]), .siteMap li:has(> a[title="Wholesaler"]), .siteMap li:has(> a[title="Thanks page for order"]), .siteMap li:has(> a[title="Newsletter Sign Up"]), .siteMap li:has(> a[title="Customer Landing Page Type Master"]), .siteMap li:has(> a[title="Slider Areas"]), .siteMap li:has(> a[title="Test Slider"]), .siteMap li:has(> a[title="Banner Inner Page"]), .siteMap li:has(> a[title="Latest News Custom"]), .siteMap li:has(> a[title="Test Subcategory"]), .siteMap li:has(> a[title="Modular Page"]), .siteMap li:has(> a[title="Hero Banner"]), .siteMap li:has(> a[title="Category CTA"]), .siteMap li:has(> a[title="Modular Page - Builder"]), .siteMap li:has(> a[title="Form-Contact-Reseller"]), .siteMap li:has(> a[title="Icon Values V2"]) { display: none; } /* End Sitemap CSS */ /* My Account CSS */ .myAccountCategories h2 { font-size: 25px !important; height: unset !important; } /* End My Account CSS */ /* Product Tabs CSS */ .shopByCategory h2 { margin-bottom: 2rem; } div#tab-container.slider_with_view_more ul { justify-content: end; } div#tab-container.slider_with_view_more ul li:nth-child(3) { display: none; } div#tab-container.slider_with_view_more ul li { flex: unset; width: auto; } div#tab-container.slider_with_view_more ul li:not(:first-child) { margin-left: 0.5rem; } div#tab-container.slider_with_view_more ul li a { color: var(--primary); background-color: transparent; border-radius: 10px; border-color: var(--primary); padding: 0 2rem; font-size: 14px; text-decoration: none; width: auto !important; border-width: 2px; } div#tab-container.slider_with_view_more ul li.active a, div#tab-container.slider_with_view_more ul li:hover a { background-color: var(--primary); color: var(--white); } div#tab-container.slider_with_view_more .owl-carousel .item h3 { font-size: 18px !important; text-align: left; } div#tab-container.slider_with_view_more .owl-carousel .item h3 a { color: var(--black); text-decoration: none; } div#tab-container.slider_with_view_more .owl-carousel .item img { transition: all 0.3s ease-in-out; } div#tab-container.slider_with_view_more .owl-carousel .item:hover img { transform: scale(1.1); } div#tab-container.slider_with_view_more .owl-carousel .item:hover h3 a { color: var(--primary); } div#tab-container.slider_with_view_more .owl-carousel .owl-prev, div#tab-container.slider_with_view_more .owl-carousel .owl-next, #specialOffer.owl-carousel .owl-prev, #specialOffer.owl-carousel .owl-next { background-color: var(--white); width: 40px; height: 40px; border-radius: 100%; border: 2px solid var(--black); display: flex; justify-content: center; align-items: center; top: 50%; transform: translateY(-50%); } div#tab-container.slider_with_view_more .owl-carousel .owl-next .icon-right_arrow, #specialOffer.owl-carousel .owl-next .icon-right_arrow { padding-left: 0.3rem; } div#tab-container.slider_with_view_more .owl-carousel .owl-prev:focus, div#tab-container.slider_with_view_more .owl-carousel .owl-next:focus, #specialOffer.owl-carousel .owl-prev:focus, #specialOffer.owl-carousel .owl-next:focus { outline: none; } .shopByCategory .owl-carousel .both_fav_img { max-width: unset; width: 100%; } .shopByCategory .owl-carousel .both_fav_img a { width: 100%; } div#tab-container.slider_with_view_more .owl-carousel .item .link { background: none; padding: 0 !important; width: 100%; } div#tab-container.slider_with_view_more .owl-carousel .item .link a { width: 100%; } div#tab-container.slider_with_view_more .owl-carousel .owl-stage-outer { padding-bottom: 50px; } /* End Product Tabs CSS */ /* Featured Products CSS */ .featured_MV_products { margin-top: 0 !important; } .featured_MV_products h2 { border: none !important; text-align: left; margin-bottom: 1rem !important; } .featured_MV_products .item-img { aspect-ratio: 1/1; border-radius: 10px; } .featured_MV_products .item-img img { width: 100% !important; height: 100% !important; max-height: unset !important; transition: all 0.3s ease-in-out !important; } .featured_MV_products .product_list_item { background: none !important; } .featured_MV_products .product_list_item .bottom_content { padding: 0 !important; } .featured_MV_products .product_list_item .bottom_content .inner { padding-top: 1rem; padding-bottom: 1rem; } .featured_MV_products .product_list_item .bottom_content .inner .details:first-child { display: none; } .featured_MV_products .product_list_item .bottom_content .details .arrtname, .featured_MV_products .product_list_item .bottom_content .logo_brand, .featured_MV_products .product_list_item .bottom_content .clearfix, .featured_MV_products .product_list_item .bottom_content .details .price-full, .featured_MV_products .product_list_item .bottom_content .details .productCode, .featured_MV_products .product_list_item .bottom_content .details h5 { display: none; } .featured_MV_products .product_list_item .bottom_content .details p { margin-bottom: 0 !important; } .featured_MV_products .product_list_item .bottom_content .details p a { font-size: 18px; text-decoration: none; font-weight: bold; } .featured_MV_products .product_list_item .Show_Now a { opacity: 1 !important; } .featured_MV_products .product_list_item:hover { box-shadow: none !important; } .featured_MV_products .product_list_item:hover .item-img img { transform: scale(1.1); } .featured_MV_products .product_list_item:hover .Show_Now a { opacity: 0.8 !important; } .featured_MV_products .product_List .owl-prev, .featured_MV_products .product_List .owl-next { width: 40px; height: 40px; border: 1px solid var(--black) !important; border-radius: 100%; } .featured_MV_products .product_List .owl-next i { padding-left: 5px; } /* End Featured Products CSS */ /* Contact Page CSS */ .contactUs, .register .page { margin-bottom: 80px; } .contactUs #Contact_Form, .register .page .rgster_pge { text-align: center; } .contactUs #Contact_Form + label, .register .page label:not(form label) { width: 100%; text-align: center; margin-top: 2rem; } /* END Contact Page CSS */ /* Footer CSS */ footer .footerPrimary { background-color: var(--secondary); color: var(--white); padding: 2rem 0; } footer .page { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; } footer .footerPrimary i { display: none; } footer .footerPrimary .emailSubscription { display: flex !important; flex-direction: column; align-items: start; } footer .footerPrimary .emailSubscription input { border-radius: 10px; width: 100%; font-size: 14px; } footer .footerPrimary .emailSubscription button { background-color: var(--primary); border: none !important; border-radius: 10px; margin-top: 0.5rem; padding: 0.375rem 1.5rem; width: auto; } footer .bgf .footerSecondry .page > div { width: 100%; } footer .bgf .footerSecondry .page h6 { color: var(--primary); border-bottom: 1px solid var(--primary); margin-right: 1rem; } footer .bgf .footerSecondry .page ul { padding-left: 0 !important; } footer .bgf .footerSecondry .page ul a { text-decoration: none; } footer .bgf .footerSecondry .page ul a:hover { text-decoration: underline; } footer .bgf .footerSecondry, footer .bgf .footerTertiary { border: none; } footer .bgf .footerTertiary .socialNetworking h6 { margin-bottom: 0; } footer .bgf .footerTertiary .socialNetworking ul { padding-left: 0; } footer .footerTertiary:not(.bgf .footerTertiary) { display: none; } footer .footerQuaternary { background-color: var(--white); } /* End Footer CSS */ /* Pagination CSS */ #pagination-container { width: 100%; } #pagination-container ul { text-align: right; } #pagination-container li span { background: none; color: #808080; border: 0; box-shadow: none; font-size: 16px; padding: 0; } #pagination-container li span.current, #pagination-container li span:hover { color: var(--secondary); } /* End Pagination CSS */ /* Accordion CSS */ .accordion-item { background-color: transparent !important; border: none !important; } .accordion-item .accordion-button:not(.collapsed) { background-color: var(--white); color: var(--primary) !important; } .accordion-item .accordion-button:focus { box-shadow: none !important; } /* End Accordion CSS */ /* Cart CSS */ #divhoverbasket h4 { font-size: 20px !important; } #divhoverbasket .btnDefault { margin-top: 1rem; } #divhoverbasket .quantity, #divhoverbasket .quantity label { text-align: left !important; } #divhoverbasket .quantity a { height: 30px !important; } /* End Cart CSS */ /* LG up CSS */ @media only screen and (min-width: 1025px) { #header .flexibleBox .fourlabelmenu { width: 100% !important; } .card-brand .link-brand { visibility: hidden; font-size: 14px; } .card-brand .card-body { padding-bottom: 0 !important; } .card-brand:hover .link-brand { visibility: visible; transform: translateY(-10px); } .card-brand .img-brand { max-width: 200px; } .card-brand .card-body { justify-content: center; flex-direction: column; } .slider-brands-wrapper .slider-nav, .slider-areas-wrapper .slider-nav { display: none; } .slider-testimonials-wrapper .slider-nav, .slider-grid-carousel-wrapper .slider-nav { width: 80px; display: flex; justify-content: space-between; } footer .page, footer .footerPrimary .emailSubscription { flex-direction: row; } footer .footerPrimary .emailSubscription button { margin-top: 0; margin-left: 0.5rem; } #specialOffer .owl-item { max-width: 33%; } .row-grid { grid-template-columns: repeat(6, 1fr) !important; grid-template-rows: repeat(2, 1fr) !important; } .row-grid .grid-item.grid-item-1 { grid-area: 1 / 1 / 3 / 3 !important; } .row-grid .grid-item.grid-item-2 { grid-area: 1 / 3 / 2 / 5 !important; } .row-grid .grid-item.grid-item-3 { grid-area: 2 / 3 / 3 / 5 !important; } .row-grid .grid-item.grid-item-4 { grid-area: 1 / 5 / 2 / 7 !important; } .row-grid .grid-item.grid-item-5 { grid-area: 2 / 5 / 3 / 7 !important; } .news-page h1 { max-width: 60%; } .banner-hero { min-height: 70vh; } .ratio-warehouse-team { --bs-aspect-ratio: 41.25% !important; } .shopByCategory h2 { margin-bottom: -40px !important; } .productList .productListGallery .product_list_item:nth-child(3n) { margin-right: 0 !important; } .productList .productListGallery .product_list_item { width: 31% !important; margin-right: 20px !important; } #specialOffer .owl-item { min-width: 25% !important; } .newsBlog .newsWrapper article { width: 33% !important; } } /* End LG up CSS */ /* LG down CSS */ @media only screen and (max-width: 1024px) { #header .page { padding-left: 0 !important; padding-right: 0 !important; } #header .bgf-header .flexibleBox { padding: clamp(1rem, 0.1081rem + 1.8605vw, 1.75rem) clamp(1.25rem, -0.9797rem + 4.6512vw, 3.125rem) !important; } #header .main_label { background-color: var(--primary); } #header .main_label .first_label { background-color: var(--primary); padding: 1rem 0; margin: 0 1.25rem; border-bottom: 1px solid var(--white); } #header .main_label .first_label .dropdown2 { background-color: transparent; } #header .main_label .first_label a, #header .main_label .first_label button { border: none !important; padding: 10px 10px 0 0 !important; width: auto !important; font-size: 1rem !important; } #header .bgf-header .flexibleBox .fourlabelmenu .main_label li button.dropdown2::before { content: ""; font-family: 'FontAwesome'; border: none !important; right: 0; left: unset; } #header .main_label .first_label:last-child { border-bottom: none !important; } #header .bgf-header .flexibleBox .fourlabelmenu .main_label li a.arrow_active::before, #header .bgf-header .flexibleBox .fourlabelmenu .main_label li button.arrow_active::before { transform: unset !important; } #header .main_label .first_label .main_category_panel { padding-left: 0.5rem; } #header .main_label .first_label .main_category_panel li a { background-color: transparent !important; color: var(--white) !important; } #header .mobilelabel1.Menucls.active { color: var(--secondary); } #header .mobilelabel1.Menucls.active + .main_label { display: block !important; } #header .mobilelabel1 + .main_label { padding-left: 0 !important; } .first-templeat-banner .banner-text { padding: 0 !important; } .first-templeat-banner .home_banner_mobile_image_h { min-height: 300px; } .first-templeat-banner .home_banner_mobile_image_h img { min-height: 300px; object-fit: cover; } .first-templeat-banner .owl-carousel-mobile { margin-bottom: 0 !important; } .first-templeat-banner .homePageBanner .owl-dots { bottom: 10px !important; } .slider-brands .card-brand-parent, .slider-areas .card-areas-parent { padding-left: 1rem; } .slider-brands .card-brand-parent:first-child, .slider-areas .card-areas-parent:first-child { padding-left: 0 !important; } .slider-brands .slick-dots, .slider-areas .slick-dots { width: auto; bottom: -30px; padding: 0; } .slider-brands .slick-dots li, .slider-brands .slick-dots li button, .slider-areas .slick-dots li, .slider-areas .slick-dots li button { width: 6px; height: 6px; } .slider-brands .slick-dots li button::before, .slider-areas .slick-dots li button::before { font-size: 30px; width: 10px; height: 10px; } .full-width-banner { padding: 1.5rem; } .full-width-banner .img { display: block !important; } .mainContentWrapper .sideBar_container { display: block; position: relative !important; background: none; padding: 0; } .mainContentWrapper .sideBar_container .fliterheading.inmobile { display: none; } .mainContentWrapper .sideBar_container .fliterheading button { font-size: 20px; } .frounius-top .productView { width: 100% !important; } .frounius-top .frounius-detail { width: 100% !important; min-height: unset !important; } .fronius-symo .frounius-detail-bottom .category_blog { min-height: unset !important; } #divproduct .productControl .filter_opener_container_h { display: none !important; } .loginLinkReg { padding-top: 0 !important; } .loginLinkReg .icon-my_registration_icon:before { font-size: 23px !important; } .loginLinkReg .icon-my_registration_icon { margin-right: 4.5rem; } .heading-custom, .staticPage .heading-custom { padding-bottom: 0 !important; } } /* End LG down CSS */ /* MD up CSS */ @media only screen and (min-width: 768px) { .first-templeat-banner .homePageBanner .owl-carousel-desktop { margin-bottom: 0 !important; } .slider-testimonials .card-testimonial-parent { margin-right: 1.5rem; } .slider-testimonials .card-testimonial-parent:last-child { margin-right: 0 !important; } .row-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); } .row-grid .grid-item.grid-item-1 { grid-area: 1 / 1 / 2 / 3; } .row-grid .grid-item.grid-item-2 { grid-area: 2 / 1 / 3 / 2; } .row-grid .grid-item.grid-item-3 { grid-area: 2 / 2 / 3 / 3; } .row-grid .grid-item.grid-item-4 { grid-area: 3 / 1 / 4 / 2; } .row-grid .grid-item.grid-item-5 { grid-area: 3 / 2 / 4 / 3; } .shopByCategory h2 { margin-bottom: -20px; } .productList .productListGallery .product_list_item { width: calc(50% - 12px); } .productList .productListGallery .product_list_item:nth-child(odd) { margin-right: 20px; } #specialOffer .owl-item { min-width: 50%; } .newsBlog .newsWrapper article { width: 50%; } } /* End MD up CSS */ /* MD down CSS */ @media only screen and (max-width: 767px) { .slider-brands .card-brand-parent, .slider-areas .card-areas-parent { padding-left: 0 !important; } .frounius-detail-bottom .frounius-img, .frounius-detail-bottom .category_blog { padding: 0 !important; } .frounius-detail-bottom #tab-container section { padding-top: 1rem; } .frounius-detail-bottom #tab-container ul li { border-color: #f6f6f6 !important; } .frounius-detail-bottom #tab-container ul li a { text-align: start; } .frounius-detail-bottom #tab-container ul li a::after { border-bottom: 1px solid; border-left: 0 !important; border-right: 1px solid; border-top: 0 !important; content: ""; display: block; height: 10px; position: absolute; right: 5px; top: 50%; transform: translateY(-80%) rotate(45deg); transition: all .3s ease-in-out; width: 10px; } .frounius-detail-bottom #tab-container ul li a.active::after { border-image: linear-gradient(90deg, #68398B, #D91C5C) 1 !important; transform: rotate(225deg); } footer .bgf .footerSecondry .col_h ul, footer .bgf .footerSecondry .col_h address { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; margin: 0; text-align: left; } footer .bgf .footerSecondry h6 { text-align: start; padding-bottom: 0.5rem; position: relative; margin-right: 0 !important; } footer .bgf .footerSecondry h6::after { border-bottom: 1px solid var(--black); border-left: 0 !important; border-right: 1px solid var(--black); border-top: 0 !important; content: ""; display: block; height: 8px; position: absolute; right: 5px; top: 50%; transform: translateY(-80%) rotate(45deg); transition: all .3s ease-in-out; width: 8px; } footer .bgf .footerSecondry h6.active::after { transform: rotate(225deg); } footer .bgf .footerSecondry { padding-bottom: 0 !important; } footer .bgf .footerTertiary, footer .bgf .footerTertiary .socialNetworking { padding-top: 0 !important; } footer .bgf .footerTertiary .socialNetworking h6 { font-size: 16px; color: var(--primary); font-weight: bold; text-align: left; border-bottom: 1px solid var(--primary); } footer .bgf .footerTertiary .socialNetworking ul { display: flex; justify-content: space-between; width: 100%; padding-top: 1rem; } footer .bgf .footerTertiary .socialNetworking ul:before, footer .bgf .footerTertiary .socialNetworking ul:after { display: none; } footer .bgf .footerTertiary .socialNetworking ul li img { max-height: unset; width: 24px; height: 24px; } .section-gallery.section-grid { grid-template-columns: repeat(1, 1fr); } .section-gallery.section-grid .grid-item.grid-item-1 { grid-area: 1 / 1 / 2 / 2; } .section-gallery.section-grid .grid-item.grid-item-2 { grid-area: 2 / 1 / 3 / 2; } .section-gallery.section-grid .grid-item.grid-item-3 { grid-area: 3 / 1 / 4 / 2; } .productList .primeProduct, .productList #prdCtrl, .productList #prdCtrlBtm .productControlPrimary { display: none; } .download_listInner span { width: 100% !important; } .download_listInner .btn.secondarybtn { margin-bottom: 1rem !important; } } /* End MD down CSS */ /* SM down CSS */ @media only screen and (max-width: 767px) { div#tab-container.slider_with_view_more ul { text-align: left; padding-left: 0; } div#tab-container.slider_with_view_more ul li a { padding: 0 0.5rem; font-size: 10px; } } /* End SM down CSS */ body.gjs-dashed .slick-slide { height: auto !important; } body.gjs-dashed .slick-slide .col-inner { height: auto !important; } body.gjs-dashed .slider-timeline-for .slick-slide .img-slider { max-height: 400px; } body.gjs-dashed .slick-dots { display: none !important; }