[[{"logo": {"target": "_self", "logoSrc": "https://media-assets.hyperinvento.com/companies/47b3c449-4359-4b56-b0c0-d78de53fa03a/others/others/files/f43146a57c8848aea70f483b0705a91b-other-other.png", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "", "data-click_action_choice": ""}, "cartIcon": {"target": "_self", "cartIconSrc": "https://media-assets.hyperinvento.com/companies/47b3c449-4359-4b56-b0c0-d78de53fa03a/others/others/files/0611a232c4754ec8973858d3ea451825-other-other.png", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "{\"id\":\"cart\"}", "data-click_action_choice": "internal_page"}, "closeIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/closed-icon-yellow.png", "menuItems": [{"text": "Category Header", "position": "5"}], "searchIcon": {"target": "_self", "searchIconSrc": "https://media-assets.hyperinvento.com/companies/47b3c449-4359-4b56-b0c0-d78de53fa03a/others/others/files/795ae0faa33c412fb9cf140a208cdfa6-other-other.png", "isVisibleOnDesktop": true, "data-click_action_value": "", "data-click_action_choice": ""}, "accountIcon": {"target": "_self", "accountIconSrc": "https://media-assets.hyperinvento.com/companies/47b3c449-4359-4b56-b0c0-d78de53fa03a/others/others/files/6089baf760544fb5be90547989f306fe-other-other.png", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "{\"id\":\"account\"}", "data-click_action_choice": "internal_page"}, "headerLayout": "headerLayout3", "categoryMenuName": "Category", "menuCollapseIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/slide-down-icon-dark.png", "searchIconMobile": {"target": "_self", "isVisibleOnMobile": true, "searchIconMobileSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/search-icon-yellow.png", "data-click_action_value": "", "data-click_action_choice": ""}, "hamburgerMenuIcon": "https://media-assets.hyperinvento.com/companies/47b3c449-4359-4b56-b0c0-d78de53fa03a/others/others/files/688fb06db9f14517a0cc99e2ff01d849-other-other.png", "headerStyleConfig": {"menuTextHoverColor": "", "subMenuTextHoverColor": "", "menuHoverBackgroundColor": "", "subMenuHoverBackgroundColor": ""}, "searchPlaceholder": "Please enter a keyword", "isHeaderConfigured": true, "storeLocationDesktop": {"target": "_self", "isVisibleOnMobile": true, "isVisibleOnDesktop": false, "data-click_action_value": "", "storeLocationDesktopSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/location-yellow-icon.png", "data-click_action_choice": ""}, "menuListVisibleOnMobile": true, "menuListVisibleOnDesktop": true, "mobileStyleConfiguration": {"menuFontSize": "14px", "menuAlignment": "", "menuTextColor": "#262e2e", "countTextColor": "#262e2e", "menuFontWeight": "500", "iconBorderColor": "#fcd84a", "subMenuFontSize": "14px", "countBorderColor": "#ffffff", "iconBorderRadius": "20px", "subMenuTextColor": "#262e2e", "countBorderRadius": "20px", "subMenuFontWeight": "500", "menuHoverTextColor": "", "subSubMenuFontSize": "14px", "iconBackgroundColor": "#ffffff", "menuBackgroundColor": "#ffffff", "subSubMenuTextColor": "#262e2e", "countBackgroundColor": "#fcd84a", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#ffffff", "searchBackgroundColor": "#ffffff", "subMenuHoverTextColor": "", "searchInputBorderColor": "#fcd84a", "subMenuBackgroundColor": "#ffffff", "searchInputBorderRadius": "30px", "menuHoverBackgroundColor": "", "subMenuHoverBackgroundColor": ""}, "desktopStyleConfiguration": {"menuFontSize": "14px", "menuAlignment": "", "menuTextColor": "#262e2e", "countTextColor": "#262e2e", "menuFontWeight": "bold", "iconBorderColor": "#000000", "subMenuFontSize": "14px", "countBorderColor": "#000000", "iconBorderRadius": "20px", "subMenuTextColor": "#262e2e", "countBorderRadius": "20px", "subMenuFontWeight": "500", "menuHoverTextColor": "#000000", "subSubMenuFontSize": "14px", "iconBackgroundColor": "#ffffff", "menuBackgroundColor": "#ffffff", "subSubMenuTextColor": "#262e2e", "countBackgroundColor": "#ffffff", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#ffffff", "searchBackgroundColor": "#ffffff", "subMenuHoverTextColor": "#000000", "searchInputBorderColor": "#000000", "subMenuBackgroundColor": "#ffffff", "searchInputBorderRadius": "30px", "menuHoverBackgroundColor": "#ffffff", "subMenuHoverBackgroundColor": "#ffffff"}, "dynamicCategoryHeaderConfig": {"layoutType": "inlineLayout1", "dynamicHeaderType": "dynamicHeaderInline"}}, "

", "", "", "

", "", "

", "", "", "", "

", "", "", "", "", ""], {"footerStyle": ".style-footer-b6557998-add3-403a-8f11-02536de6a5a9-1728888204414 { .mate-tees-footer-section { background-color: #f1f1f1; padding: 70px 70px 25px; margin: 70px auto 0; max-width: 1500px; } .mate-tees-footer-section .features-list-container { display: flex; gap: 30px; margin: auto; max-width: 1500px; } .mate-tees-footer-section .features-list-container .company-detail { width: 450px; } .mate-tees-footer-section .features-list-container .company-detail .logo { width: 150px; margin: 0 0 20px; } .mate-tees-footer-section .features-list-container .company-detail p { font-size: 12px; font-weight: 400; font-weight: 400; color: #505157; line-height: 22px; margin: 0; white-space: pre-wrap; } .mate-tees-footer-section .features-list-container .feature-list { display: flex; flex-wrap: wrap; width: 100%; gap: 30px; margin: 0; padding: 0; } .mate-tees-footer-section .features-list-container .feature-list > li { width: calc((100% - 60px) / 3); list-style: none; } .mate-tees-footer-section .features-list-container .feature-list > li ul { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } .mate-tees-footer-section .features-list-container .feature-list > li ul li { list-style: none; } .mate-tees-footer-section .features-list-container .feature-list > li ul li h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; color: #000000; } .mate-tees-footer-section .features-list-container .feature-list > li ul li a { font-size: 14px; font-weight: 400; color: #505157; text-decoration: none; } .mate-tees-footer-section .features-list-container .feature-list > li ul li a:hover { text-decoration: underline; } .mate-tees-footer-section .copyright-section { padding: 70px 0 0; } .mate-tees-footer-section .copyright-section h3 { margin: 0 0 20px; font-size: 18px; font-weight: 700; color: #000000; } .mate-tees-footer-section .copyright-section p { font-size: 14px; font-weight: 400; color: #505157; margin: 10px auto; max-width: 1500px; } .mate-tees-footer-section .copyright-section .payment-type-cards { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 20px 0; padding: 0; } .mate-tees-footer-section .copyright-section .payment-type-cards li { list-style: none; cursor: pointer; } .mate-tees-footer-section .copyright-section .payment-type-cards li img { width: 40px; } .mate-tees-footer-section .copyright-section .copyright { font-size: 14px; font-weight: 400; color: rgba(80, 81, 87, 0.862745098); margin: 10px 0; } .mate-tees-footer-section .bottom-panel { display: flex; align-items: center; justify-content: space-between; margin: auto; max-width: 1500px; } .mate-tees-footer-section .bottom-panel ul.payment-mode-list { display: flex; align-items: center; gap: 12px; padding: 0; list-style: none; } .mate-tees-footer-section .bottom-panel ul.payment-mode-list img { width: 50px; height: 50px; } .mate-tees-footer-section .bottom-panel ul.social-media-icon-list { display: flex; align-items: center; gap: 15px; padding: 0; list-style: none; } .mate-tees-footer-section .bottom-panel ul.social-media-icon-list a { display: flex; } .mate-tees-footer-section .bottom-panel ul.social-media-icon-list img { width: 40px; height: 40px; } @media only screen and (max-width: 992px) { .mate-tees-footer-section .features-list-container { display: flex; flex-direction: column; } .mate-tees-footer-section .bottom-panel ul.payment-mode-list { order: 1; } } @media only screen and (max-width: 768px) { .mate-tees-footer-section { padding: 20px; margin: 30px 0 0; } .mate-tees-footer-section .features-list-container { gap: 30px; } .mate-tees-footer-section .features-list-container .company-detail { width: 100%; } .mate-tees-footer-section .features-list-container .company-detail .logo { margin: 0 0 10px; } .mate-tees-footer-section .features-list-container .feature-list { display: flex; flex-direction: column; width: 100%; gap: 30px; } .mate-tees-footer-section .features-list-container .feature-list > li { width: 100%; } .mate-tees-footer-section .features-list-container .feature-list > li ul li h3 { margin: 0 0 10px; } .mate-tees-footer-section .copyright-section { padding: 40px 0 0; } .mate-tees-footer-section .copyright-section .payment-type-cards { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 20px 0; padding: 0; } .mate-tees-footer-section .copyright-section .payment-type-cards li { list-style: none; cursor: pointer; } .mate-tees-footer-section .copyright-section .payment-type-cards li img { width: 40px; } .mate-tees-footer-section .copyright-section .copyright { font-size: 14px; font-weight: 400; color: rgba(80, 81, 87, 0.862745098); margin: 10px 0; } .mate-tees-footer-section .bottom-panel { padding: 20px 10px; } .mate-tees-footer-section .bottom-panel { flex-direction: column; align-items: flex-start; gap: 20px; padding: 50px 0 0; } } }", "headerStyle": "* { padding: 0; margin: 0; box-sizing: border-box; } .header-layout-3 .header-container { position: relative; display: flex; align-items: center; justify-content: center; gap: 40px; padding: 20px 10px 20px; max-width: 1500px; margin: auto; } .header-layout-3 .header-logo { width: 100%; max-width: 250px; } .header-layout-3 .header-menu-list { display: flex; align-items: center; white-space: nowrap; overflow-y: auto; padding: 2px !important; -ms-overflow-style: none; scrollbar-width: none; } .header-layout-3 .header-wrapper { width: 100%; max-width: 920px; } .header-layout-3 .header-bottom-content { display: flex; justify-content: space-between; align-items: center; padding: 0 10px; height: 50px; } .header-layout-3 .input-container { position: relative; width: 60%; } .header-layout-3 .input-container .search-input { font-size: 12px; padding: 10px 20px 10px 10px; width: 100%; max-width: 835px; border-width: 2px; border-style: solid; } .header-layout-3 .input-container .search-input:focus-visible { border: 2px solid #fcd84a; } .header-layout-3 .input-container .search-icon { position: absolute; top: 50%; right: 5px; width: 18px; height: 18px; transform: translate(-50%, -50%); } .header-layout-3 .mobile-search-panel { display: flex; gap: 15px; padding: 0 10px; height: 50px; align-items: center; } .header-layout-3 .mobile-input-container { position: relative; width: 100%; } .header-layout-3 .mobile-input-container .mobile-search-icon { position: absolute; left: 10px; top: 50%; transform: translate(0%, -50%); width: 15px; height: 15px; } .header-layout-3 .mobile-input-container .mobile-search-input { font-size: 12px; padding: 8px 20px 8px 35px; width: 100%; border-style: solid; } .header-layout-3 .search-mobile-close-icon { width: 25px; height: 25px; } .header-layout-3 .horizontal-divider { display: block; height: 1px; border: 0; padding: 0; margin: 20px 0 10px; border-top: 1px solid #ccc; } .header-layout-3 .quick-link-list { display: flex; align-items: center; justify-content: end; gap: 12px; width: 40%; } .header-layout-3 .quick-link-list li { position: relative; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-width: 2px; border-style: solid; } .header-layout-3 .quick-icon-img { padding: 5px; width: 30px; height: 30px; } .header-layout-3 .cart-item-count { position: absolute; top: -12px; right: -12px; font-size: 10px; font-weight: 600; text-align: center; width: 22px; height: 22px; padding: 2px 2px; border-width: 2px; border-style: solid; z-index: 1; } .header-layout-3 ul.layout-3 { padding: 0; margin: 0; list-style: none; } .header-layout-3 a { display: flex; text-decoration: none; } .header-layout-3 a:has(img) { padding: 0; } .header-layout-3 a:hover { color: #fbd74a; } .header-layout-3 input:focus-visible { outline: none; border: 2px solid #fcd84a; } .header-layout-3 .only-mobile { display: none; } .sub-menu-header { opacity: 0; visibility: hidden; position: absolute; top: 95%; left: 0; width: 100%; padding: 20px 10px; z-index: 2; transition: all 0.3s ease; } .sub-menu-header-content { display: flex; flex-wrap: wrap; gap: 30px; } .sub-menu-header-content ul { display: flex; flex-direction: column; gap: 10px; padding: 10px 0 0; } .sub-menu-header-content h1 { font-weight: 600; margin: 0 0 20px; } .sub-menu-header-content ul.layout-3 { display: flex; flex-direction: column; gap: 15px; } .sub-menu-header-content ul.layout-3 li a { font-weight: normal; padding: 0; } .header-menu-list li:hover .sub-menu-header { opacity: 1; visibility: visible; } .remove-scroll { overflow-y: inherit !important; } .dynamic-header-background { background-color: #fff; } .dynamic-header-font-size { font-size: 14px; } .dynamic-header-font-weight { font-weight: bold; } .dynamic-header-font-weight { font-weight: bold; } .dynamic-font-size-sub-menu { font-size: 14px; } .dynamic-font-weight-sub-menu { font-weight: 500; } .dynamic-search-input-background { background-color: #fff; } .dynamic-search-input-text-color { color: #262e2e; } .dynamic-search-input-border-color { border-color: #000; } .dynamic-search-input-border-radius { border-radius: 30px; } .dynamic-sub-menu-background { background-color: #fff; } .dynamic-header-text-color { color: #262e2e; } .parent-category-name { font-weight: 500; } .dynamic-header-sub-menu-text-color { color: #262e2e; } .dynamic-font-size-sub-sub-menu { font-size: 14px; } .dynamic-font-weight-sub-sub-menu { font-weight: 400; } .dynamic-header-sub-sub-menu-text-color { color: #262e2e; } .dynamic-quick-icon-background { background-color: #fff; } .dynamic-quick-icon-border-color { border-color: #000; } .dynamic-quick-icon-border-radius { border-radius: 20px; } .dynamic-cart-count-background { background-color: #fff; } .dynamic-cart-count-text-color { color: #262e2e; } .dynamic-cart-count-border-color { border-color: #000; } .dynamic-cart-count-border-radius { border-radius: 20px; } ul.layout-3 li { display: inline-block; } .mega-menu-category ul.layout-3 li:not(:last-child) { margin-right: 20px; } ul.layout-3 ul.layout-3 { display: none; position: absolute; left: 0; } ul.layout-3 li:hover > ul.layout-3 { display: inherit; } ul.layout-3 ul.layout-3 li { position: relative; width: 170px; float: none; display: list-item; z-index: 1; } ul.layout-3 ul.layout-3 ul.layout-3 li { position: relative; top: -31px; left: 170px; } .fly-out-menu { position: relative; list-style-type: none; } .ham-menu-icon { display: none; } li.fly-out-menu { margin-right: 20px; } .fly-out-menu ul li { padding: 10px; } .fly-out-menu ul li ul li { padding: 10px; } .fly-out-menu ul.layout-3 li { margin-right: 0; } .fly-out-menu ul.layout-3 li ul.layout-3 li { margin-right: 0; } .mobile-subcategory-list { position: absolute; top: 100%; width: 100%; z-index: 100; } .close-icon { width: 25px; height: 25px; margin: 15px 0px 15px auto; display: block; } .mobile-subcategory-list ul { padding: 0; margin: 0; list-style: none; } .mobile-subcategory-list ul li ul li:not(:last-child) { margin: 0; } .mobile-subcategory-list ul li ul li { padding: 10px 0 0; } .mobile-subcategory-list ul li ul li a { font-size: 0.75rem; } .only-mobile { display: none; } @media only screen and (max-width: 990px) { .ham-menu-icon { display: flex; width: 30px; height: 30px; } .desktop-category-list { display: none; } .header-layout-3 .header-container { display: block; padding: 10px 0 10px; } .header-layout-3 .header-logo { max-width: 130px; } .header-layout-3 .quick-link-list { gap: 10px; flex-direction: row-reverse; } .header-layout-3 .quick-icon-img { padding: 2px; width: 20px; height: 20px; } .header-layout-3 .quick-link-list li { width: 30px; height: 30px; } .header-layout-3 .only-desktop { display: none; } .header-layout-3 .only-mobile { display: block; } .header-layout-3 .horizontal-divider { display: none; } .mobile-category-panel { background-color: #fff; padding: 10px; } .mobile-category-menu { color: #262e2e; font-size: 14px; padding: 10px 0; } .mobile-sub-menu { display: block; color: #262e2e; font-size: 14px; padding: 10px 0; } .mobile-child-sub-menu { display: block; color: #262e2e; font-size: 14px; padding: 10px 0; } }", "layoutStyles": [{"style-banner-4023-1717592992356": ".style-banner-4023-1717592992356 { .bigsoho-hero-banner-container { position: relative; display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1500px; z-index: 1; } .bigsoho-hero-banner-container .main-banner-1 { height: 475px; grid-column: 1; grid-row: span 2; position: relative; } .bigsoho-hero-banner-container .main-banner-1 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .main-banner-1 .content-container { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: flex-start; margin: 60px; box-sizing: border-box; justify-content: center; max-width: 500px; } .bigsoho-hero-banner-container .main-banner-1 .content-container p { font-weight: 500; font-size: 18px; letter-spacing: 0.5px; line-height: 25px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1 .content-container h2 { line-height: 54px; letter-spacing: -0.1px; font-size: 48px; font-weight: 600; margin: 20px 0; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1 .content-container a { background: #295ac3; color: #ffffff; font-size: 13px; font-weight: 500; line-height: 16px; padding: 15px 30px; cursor: pointer; text-decoration: none; border-radius: 24px; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1:hover img { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-1 { height: 475px; grid-column: 2; grid-row: span 2; position: relative; } .bigsoho-hero-banner-container .sub-banner-1 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-1 .content-container { position: absolute; top: 0; left: 0; margin: 30px; box-sizing: border-box; text-align: center; display: flex; align-items: center; flex-direction: column; } .bigsoho-hero-banner-container .sub-banner-1 .content-container p { font-size: 17px; color: #ffffff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container a:hover { text-decoration: none; } .bigsoho-hero-banner-container .sub-banner-1:hover img { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-2 { height: 224.75px; grid-column: 3; grid-row: 1; position: relative; } .bigsoho-hero-banner-container .sub-banner-2 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-2 .content-container { position: absolute; top: 0; left: 0; margin: 30px; max-width: 260px; box-sizing: border-box; } .bigsoho-hero-banner-container .sub-banner-2 .content-container p { font-size: 17px; color: #ffffff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container a:hover { text-decoration: none; } .bigsoho-hero-banner-container .sub-banner-2:hover img { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-3 { height: 224.75px; grid-column: 3; grid-row: 2; position: relative; } .bigsoho-hero-banner-container .sub-banner-3 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-3 .content-container { position: absolute; top: 0; left: 0; margin: 30px; max-width: 260px; box-sizing: border-box; } .bigsoho-hero-banner-container .sub-banner-3 .content-container p { font-size: 17px; color: #ffffff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container a:hover { text-decoration: none; } .bigsoho-hero-banner-container .sub-banner-3:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-hero-banner-container { grid-template-columns: auto auto; grid-template-rows: auto auto auto; } .bigsoho-hero-banner-container .main-banner-1 { height: 400px; grid-column: span 2; grid-row: 1; } .bigsoho-hero-banner-container .sub-banner-1 { grid-column: 1; grid-row: span 2; } .bigsoho-hero-banner-container .sub-banner-2 { grid-column: 2; grid-row: 2; } .bigsoho-hero-banner-container .sub-banner-3 { grid-column: 2; grid-row: 3; } } @media only screen and (max-width: 768px) { .bigsoho-hero-banner-container { grid-template-columns: auto; grid-template-rows: auto auto auto auto; gap: 20px; } .bigsoho-hero-banner-container .main-banner-1 { height: 260px; grid-column: 1; grid-row: 1; } .bigsoho-hero-banner-container .main-banner-1 .content-container { margin: 25px; } .bigsoho-hero-banner-container .main-banner-1 .content-container p { font-size: 16px; line-height: 21px; } .bigsoho-hero-banner-container .main-banner-1 .content-container h2 { line-height: 28px; font-size: 24px; margin: 15px 0; } .bigsoho-hero-banner-container .main-banner-1 .content-container a { padding: 15px 25px; } .bigsoho-hero-banner-container .sub-banner-1 { height: 420px; grid-column: 1; grid-row: 2; } .bigsoho-hero-banner-container .sub-banner-1 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-1 .content-container p { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-1 .content-container h2 { font-size: 20px; line-height: 25px; } .bigsoho-hero-banner-container .sub-banner-2 { height: 200px; grid-column: 1; grid-row: 3; } .bigsoho-hero-banner-container .sub-banner-2 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-2 .content-container p { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-2 .content-container h2 { font-size: 20px; line-height: 25px; } .bigsoho-hero-banner-container .sub-banner-3 { height: 200px; grid-column: 1; grid-row: 4; } .bigsoho-hero-banner-container .sub-banner-3 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-3 .content-container p { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-3 .content-container h2 { font-size: 20px; line-height: 25px; } } }"}, {"style-banner-4021-1717593015892": ".style-banner-4021-1717593015892 { .radius-grid-layout-1{ .devices-grid { position: relative; display: grid; gap: 20px; margin: auto; max-width: 1500px; padding: 40px 20px; z-index: 1;grid-template-columns: repeat(3, 1fr); } .devices-grid .panel { position: relative; height: 100%; border-radius: 15px; } .devices-grid .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .devices-grid .panel .panel-content { position: absolute; top: 50%; left: 30px; transform: translate(0, -50%); } .devices-grid .panel .panel-content p { font-size: 20px; line-height: 30px; font-weight: 600; color: #ffffff; max-width: 190px; margin: 0 0 15px; } .devices-grid .panel .panel-content .link { cursor: pointer; font-size: 14px; font-weight: 600; color: #ffffff; padding: 0 0 4px; border-bottom: 2px solid #ffffff; } } @media only screen and (max-width: 1024px) { .radius-grid-layout-1{ .devices-grid { grid-template-columns: auto; } } } @media only screen and (max-width: 640px) { .radius-grid-layout-1{ .devices-grid .panel .panel-content p { font-size: 17px; } .devices-grid .panel .panel-content .link { font-size: 12px; } } } }"}, {"style-banner-4022-1717593084714": ".style-banner-4022-1717593084714 { .services-layout { max-width: 1500px; margin: auto; padding: 40px 15px; } .services-layout { ul.services-list { display: flex; align-items: center; text-align: center; justify-content: center; flex-wrap: wrap; } ul.services-list li { width: 33.33%; } ul.services-list li h1 { font-size: 16px; color: #262e2e; letter-spacing: 3px; font-weight: 600; text-transform: uppercase; margin: 20px 0 10px; } ul.services-list li img { width: 100%; max-width: 50px; } ul.services-list li p { font-size: 0.875rem; font-weight: normal; color: #868686; max-width: 500px; margin: auto; } ul { padding: 0; margin: 0; } li { list-style-type: none; } } @media only screen and (max-width: 768px) { .services-layout { ul.services-list { flex-direction: column; gap: 40px; } ul.services-list li { width: 100%; } } } }"}, {"style-banner-4026-1717593093749": ".style-banner-4026-1717593093749 { .bigsoho-sub-banner-container .sub-banner-wrapper { position: relative; display: flex; flex-wrap: wrap; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1500px; z-index: 1; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: calc((100% - 50px) / 3); position: relative; border-radius: 4px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list img { width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { position: absolute; top: 0; left: 0; margin: 30px 50px; box-sizing: border-box; max-width: 325px; display: flex; flex-direction: column; justify-content: center; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container p { font-size: 17px; line-height: 20px; font-weight: 400; color: #292931; margin: 0; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; font-weight: 700; margin-block: 15px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container a:hover { text-decoration: none; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-sub-banner-container .sub-banner-wrapper { flex-direction: column; max-width: 700px; margin: auto; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: 100%; max-height: 300px; } } @media only screen and (max-width: 768px) { .bigsoho-sub-banner-container .sub-banner-wrapper { gap: 20px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { margin: 20px 25px; max-width: 250px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container p { font-size: 16px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; } } }"}, {"style-banner-54b012da-caad-4b50-a05d-70ac01f56180-1719916368035": ".style-banner-54b012da-caad-4b50-a05d-70ac01f56180-1719916368035 { .imaginext-brands-section { padding: 40px 20px; margin: auto; max-width: 1540px; } .imaginext-brands-section > h2 { color: #532b1d; font-size: 24px; font-weight: 600; margin: 0 0 20px; width: fit-content; } .imaginext-brands-section .brands-wrapper { display: flex; flex-wrap: nowrap; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none; } .imaginext-brands-section .brands-wrapper::-webkit-scrollbar { display: none; } .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 100px) / 6); min-width: calc((100% - 100px) / 6); background-color: #f5f6f7; padding: 25px; display: flex; align-items: center; justify-content: center; text-decoration: none; box-sizing: border-box; scroll-snap-align: start; } .imaginext-brands-section .brands-wrapper .brand img { border-radius: 50%; width: 100px; height: 100px; object-fit: contain; } @media only screen and (max-width: 1200px) { .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 80px) / 5.3); max-width: calc((100% - 80px) / 5.3); } } @media only screen and (max-width: 992px) { .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 60px) / 4.3); max-width: calc((100% - 60px) / 4.3); } } @media only screen and (max-width: 768px) { .imaginext-brands-section > h2 { font-size: 18px; margin: 0 0 15px; } .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 40px) / 3.3); min-width: calc((100% - 40px) / 3.3); } } @media only screen and (max-width: 576px) { .imaginext-brands-section .brands-wrapper { gap: 15px; } .imaginext-brands-section .brands-wrapper .brand { padding: 20px; width: calc((100% - 30px) / 2.3); min-width: calc((100% - 30px) / 2.3); } .imaginext-brands-section .brands-wrapper .brand img { width: 80px; height: 80px; } } }"}, {"style-banner-4570b077-5d9e-456c-bdb6-2ac90d865ad4-1719916392718": ".style-banner-4570b077-5d9e-456c-bdb6-2ac90d865ad4-1719916392718{#hyper1723022470720 { background-color: #f1f1f1;}#hyper1723023297141 { height: 72px; width: 265px;}.bigsoho-services-container { display: flex; justify-content: space-around; max-width: 1500px; margin: auto; padding: 40px 20px; } .bigsoho-services-container > a { text-decoration: none; width: 250px; text-align: center; } .bigsoho-services-container > a img { width: 65px; transition: all 0.3s ease-in-out; } .bigsoho-services-container > a h3 { font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #292931; margin: 10px 0; } .bigsoho-services-container > a p { font-size: 15px; letter-spacing: 0.5px; line-height: 24px; font-weight: 500; color: #292931; margin: 0; } .bigsoho-services-container > a:hover img { transform: translateY(-5px); } .bigsoho-services-container > a:hover h3 { color: #295ac3; } @media only screen and (max-width: 768px) { .bigsoho-services-container { flex-direction: column; align-items: center; gap: 25px; } .bigsoho-services-container > a { text-decoration: none; width: 100%; max-width: 350px; text-align: center; } .bigsoho-services-container > a img { width: 55px; } .bigsoho-services-container > a:hover img { transform: translateY(-3px); } #hyper1723023297141 { height: 47px; width: 319px;} }}"}, {"style-banner-ce9d4ba2-42ad-4d17-9218-3211c607d02c-1722947616322": ".style-banner-ce9d4ba2-42ad-4d17-9218-3211c607d02c-1722947616322{#hyper1722947645156 { background-color: #710e0e;}.equipo-devices-grid-2 { display: grid; gap: 20px; padding: 40px 20px; max-width: 1540px; margin: auto; grid-template-columns: repeat(2, 1fr); } .equipo-devices-grid-2 .panel { position: relative; height: 100%; border-radius: 15px; } .equipo-devices-grid-2 .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 12px; } .equipo-devices-grid-2 .panel .panel-content { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); } .equipo-devices-grid-2 .panel .panel-content h1 { font-size: 14px; color: #ffffff; margin: 0 0 10px; max-width: max-content; } .equipo-devices-grid-2 .panel .panel-content p { font-size: 30px; font-weight: 600; color: #ffffff; max-width: 290px; margin: 0 0 15px; } .equipo-devices-grid-2 .panel .panel-content .link { cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; color: #ffffff; padding: 0 0 4px; border-bottom: 2px solid #ffffff; } @media only screen and (max-width: 1024px) { .equipo-devices-grid-2 { grid-template-columns: auto; } } @media only screen and (max-width: 640px) { .equipo-devices-grid-2 .panel .panel-content p { font-size: 17px; } .equipo-devices-grid-2 .panel .panel-content .link { font-size: 12px; } }}"}, {"style-banner-1ea63bd9-2a31-4495-8ca1-9a9a053cdc08-1722949611717": ".style-banner-1ea63bd9-2a31-4495-8ca1-9a9a053cdc08-1722949611717{#hyper1735376035293 { background-color: #787878;}#hyper1722949613471 { background-color: #d42121;}.gym-equipment-grid { .grid-banner-container a { cursor: pointer; } .grid-banner-container { display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto; gap: 10px; max-width: 1540px; margin: auto; padding: 40px 20px; } .grid-banner-container .grid-banner:nth-child(1) { grid-row: span 2; grid-column: 1; } .grid-banner-container .grid-banner:nth-child(3) { grid-row: span 2; grid-column: 3; } .grid-banner-container .grid-banner { position: relative; } .grid-banner-container picture { width: 100%; } .grid-banner-container > .grid-banner .grid-image { width: 100%; height: 100%; object-fit: cover; transition: all 0.2s ease-in-out; } } @media only screen and (max-width: 768px) { .gym-equipment-grid { .grid-banner-container { display: grid; grid-template-columns: auto; grid-template-rows: auto; gap: 15px; } .grid-banner-container .grid-banner:nth-child(1), .grid-banner-container .grid-banner:nth-child(3) { grid-row: auto; grid-column: 1; } } }}"}, {"style-banner-88d608ac-050a-4f41-a547-d1fefc5ca11d-1723018614989": ".style-banner-88d608ac-050a-4f41-a547-d1fefc5ca11d-1723018614989{#hyper1723019154375 { border-width: 1px; }#hyper1723018906255 { border-width: 1px; }#hyper1723018811868 { border-width: 1px; }#hyper1723018618489 { border-color: #050505;border-width: 1px;}#hyper1723019238807 { border-width: 0px;background-color: #3d9493;}.bigsoho-hero-banner-container { position: relative; display: grid; grid-template-columns: repeat(25, 1fr); grid-template-rows: repeat(2, 1fr); gap: 25px; padding: 40px 20px; margin: auto; max-width: 1540px; z-index: 1; } .bigsoho-hero-banner-container .main-banner-1 { grid-column: 1/13; grid-row: 1/3; position: relative; display: block; cursor: pointer; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .main-banner-1 img, .bigsoho-hero-banner-container .main-banner-1 source { width: 100%; height: 100%; object-fit: cover; } .bigsoho-hero-banner-container .main-banner-1 .content-container { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; overflow: hidden; } .bigsoho-hero-banner-container .main-banner-1 .content-container .content { display: flex; flex-direction: column; align-items: flex-start; margin: 20px; box-sizing: border-box; justify-content: center; } .bigsoho-hero-banner-container .main-banner-1 .content-container .title { font-weight: 500; font-size: 18px; letter-spacing: 0.5px; line-height: 25px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1 .content-container h2 { line-height: 54px; letter-spacing: -0.1px; font-size: 48px; font-weight: 600; margin: 20px 0; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1 .content-container .button { background: #295ac3; color: #fff; font-size: 13px; font-weight: 500; line-height: 16px; padding: 15px 30px; text-decoration: none; border-radius: 24px; width: fit-content; display: block; } .bigsoho-hero-banner-container .main-banner-1:hover { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-1 { grid-column: 13/19; grid-row: 1/3; position: relative; display: block; cursor: pointer; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-1 img, .bigsoho-hero-banner-container .sub-banner-1 source { width: 100%; height: 100%; object-fit: cover; } .bigsoho-hero-banner-container .sub-banner-1 .content-container { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; overflow: hidden; } .bigsoho-hero-banner-container .sub-banner-1 .content-container .content { margin: 15px; box-sizing: border-box; text-align: center; display: flex; align-items: center; flex-direction: column; } .bigsoho-hero-banner-container .sub-banner-1 .content-container .title { font-size: 17px; color: #fff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #fff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container .button { font-size: 14px; font-weight: 500; line-height: 23px; color: #fff; width: fit-content; border-bottom: 1px solid #fff; } .bigsoho-hero-banner-container .sub-banner-1 .content-container .button:hover { border-bottom: none; } .bigsoho-hero-banner-container .sub-banner-1:hover { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-2 { grid-column: 19/26; grid-row: 1/2; position: relative; display: block; cursor: pointer; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-2 img, .bigsoho-hero-banner-container .sub-banner-2 source { width: 100%; height: 100%; object-fit: cover; } .bigsoho-hero-banner-container .sub-banner-2 .content-container { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; overflow: hidden; } .bigsoho-hero-banner-container .sub-banner-2 .content-container .content { margin: 15px; max-width: 260px; box-sizing: border-box; } .bigsoho-hero-banner-container .sub-banner-2 .content-container .title { font-size: 17px; color: #fff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #fff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container .button { font-size: 14px; font-weight: 500; line-height: 23px; color: #fff; width: fit-content; border-bottom: 1px solid #fff; } .bigsoho-hero-banner-container .sub-banner-2 .content-container .button:hover { border-bottom: none; } .bigsoho-hero-banner-container .sub-banner-2:hover { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-3 { grid-column: 19/26; grid-row: 2/3; position: relative; display: block; cursor: pointer; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-3 img, .bigsoho-hero-banner-container .sub-banner-3 source { width: 100%; height: 100%; object-fit: cover; } .bigsoho-hero-banner-container .sub-banner-3 .content-container { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; overflow: hidden; } .bigsoho-hero-banner-container .sub-banner-3 .content-container .content { margin: 15px; max-width: 260px; box-sizing: border-box; } .bigsoho-hero-banner-container .sub-banner-3 .content-container .title { font-size: 17px; color: #fff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #fff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container .button { font-size: 14px; font-weight: 500; line-height: 23px; color: #fff; width: fit-content; border-bottom: 1px solid #fff; } .bigsoho-hero-banner-container .sub-banner-3 .content-container .button:hover { border-bottom: none; } .bigsoho-hero-banner-container .sub-banner-3:hover { transform: scale(1.015); } @media only screen and (max-width: 768px) { .bigsoho-hero-banner-container { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, max-content); gap: 20px; } .bigsoho-hero-banner-container .main-banner-1 { grid-column: 1/5; grid-row: 1/2; } .bigsoho-hero-banner-container .main-banner-1 img, .bigsoho-hero-banner-container .main-banner-1 source { width: 100%; height: auto; } .bigsoho-hero-banner-container .main-banner-1 .content-container { margin: 25px; } .bigsoho-hero-banner-container .main-banner-1 .content-container .title { font-size: 16px; line-height: 21px; } .bigsoho-hero-banner-container .main-banner-1 .content-container h2 { line-height: 28px; font-size: 24px; margin: 15px 0; } .bigsoho-hero-banner-container .main-banner-1 .content-container .button { padding: 15px 25px; } .bigsoho-hero-banner-container .sub-banner-1 { grid-column: 1/5; grid-row: 2/3; } .bigsoho-hero-banner-container .sub-banner-1 img, .bigsoho-hero-banner-container .sub-banner-1 source { width: 100%; height: auto; } .bigsoho-hero-banner-container .sub-banner-1 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-1 .content-container .title { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-1 .content-container h2 { font-size: 20px; line-height: 25px; } .bigsoho-hero-banner-container .sub-banner-2 { grid-column: 1/5; grid-row: 3/4; } .bigsoho-hero-banner-container .sub-banner-2 img, .bigsoho-hero-banner-container .sub-banner-2 source { width: 100%; height: auto; } .bigsoho-hero-banner-container .sub-banner-2 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-2 .content-container .title { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-2 .content-container h2 { font-size: 20px; line-height: 25px; } .bigsoho-hero-banner-container .sub-banner-3 { grid-column: 1/5; grid-row: 4/5; } .bigsoho-hero-banner-container .sub-banner-3 img, .bigsoho-hero-banner-container .sub-banner-3 source { width: 100%; height: auto; } .bigsoho-hero-banner-container .sub-banner-3 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-3 .content-container .title { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-3 .content-container h2 { font-size: 20px; line-height: 25px; } }}"}, {"style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1723021573349": ".style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1723021573349{#hyper1723021753850 { background-color: #399391;}.bigsoho-sub-banner-container .sub-banner-wrapper { position: relative; display: flex; flex-wrap: wrap; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1540px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: calc((100% - 50px) / 3); position: relative; border-radius: 4px; display: block; cursor: pointer; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list img { width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { position: absolute; top: 0; left: 0; margin: 30px 50px; box-sizing: border-box; max-width: 325px; display: flex; flex-direction: column; justify-content: center; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 17px; line-height: 20px; font-weight: 400; color: #292931; margin: 0; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; font-weight: 700; margin-block: 15px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button { font-size: 14px; font-weight: 500; line-height: 23px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button:hover { text-decoration: none; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-sub-banner-container .sub-banner-wrapper { flex-direction: column; max-width: 700px; margin: auto; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: 100%; max-height: 300px; } } @media only screen and (max-width: 768px) { .bigsoho-sub-banner-container .sub-banner-wrapper { gap: 20px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { margin: 20px 25px; max-width: 250px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 16px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; } }}"}, {"style-banner-5ca7aeaf-523d-4cde-b0f7-32b5c3b786e4-1728387530952": ".style-banner-5ca7aeaf-523d-4cde-b0f7-32b5c3b786e4-1728387530952 { iframe { padding: 1px; } .video-container { background-color: #f4f4f4; max-width: 1500px; margin: auto; padding: 30px 60px; display: flex; flex-direction: column; } .video-section-panel h2 { width: 50%; font-size: 80px; font-weight: 600; line-height: 72px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 40px 0; } .video-section-panel .wrapper-container { width: 50%; margin: 0 0 0 auto; } .video-section-panel .wrapper-container p { font-weight: 500; font-size: 40px; margin: 20px 0 20px auto; line-height: 40px; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { background: transparent; border: 1px solid #282828; padding: 10px 50px; display: inline-block; font-size: 16px; font-weight: 400; text-decoration: none; color: #000000; margin: 20px 0; } @media only screen and (max-width: 991px) { .video-container { padding: 30px 20px; } .video-section-panel h2 { width: 100%; font-size: 1.75rem; line-height: 33px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 10px 0; } .video-section-panel .wrapper-container { width: 100%; margin: 0; } .video-section-panel .wrapper-container p { font-size: 1.0625rem; line-height: 1.32; margin: 20px 0 20px auto; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { font-size: 0.875rem; padding: 10px 25px; margin: 0; } #hyper1728387551771 { padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;margin-bottom: 0px;} } }"}, {"style-banner-8136bb5c-2f23-4d55-8990-5e62eba80354-1732778071853": ".style-banner-8136bb5c-2f23-4d55-8990-5e62eba80354-1732778071853{#hyper1732778214071 { padding-top: 40px; padding-right: 20px;padding-bottom: 0px;padding-left: 20px;}#hyper1732778086081 { color: #0a0000;font-size: 32px;}.about-us-container-layout { padding: 40px 20px; margin: auto; max-width: 1500px; } .about-us-container-layout h1 { font-size: 30px; font-weight: 600; text-align: center; letter-spacing: 0.3px; white-space: pre-wrap; margin: 0 0 20px; } .about-us-container-layout h2 { font-size: 20px; font-weight: 500; text-align: center; letter-spacing: 0.3px; white-space: pre-wrap; margin: 0 0 10px; } .about-us-container-layout p { font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0.3px; white-space: pre-wrap; text-align: center; max-width: 1200px; margin: 0 auto; } @media only screen and (max-width: 640px) { .about-us-container-layout h1 { font-size: 20px; } .about-us-container-layout h2 { font-size: 15px; } .about-us-container-layout p { font-size: 14px; } }}"}, {"style-banner-5ca7aeaf-523d-4cde-b0f7-32b5c3b786e4-1734767399501": ".style-banner-5ca7aeaf-523d-4cde-b0f7-32b5c3b786e4-1734767399501{#hyper1734767478617 { color: #1000f0;font-weight: bold;}#hyper1734767461872 { font-size: 44px;}iframe { padding: 1px; } .video-container { background-color: #f4f4f4; max-width: 1500px; margin: auto; padding: 30px 60px; display: flex; flex-direction: column; } .video-section-panel h2 { width: 50%; font-size: 80px; font-weight: 600; line-height: 72px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 40px 0; } .video-section-panel .wrapper-container { width: 50%; margin: 0 0 0 auto; } .video-section-panel .wrapper-container p { font-weight: 500; font-size: 40px; margin: 20px 0 20px auto; line-height: 40px; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { background: transparent; border: 1px solid #282828; padding: 10px 50px; display: inline-block; font-size: 16px; font-weight: 400; text-decoration: none; color: #000000; margin: 20px 0; } @media only screen and (max-width: 991px) { .video-container { padding: 30px 20px; } .video-section-panel h2 { width: 100%; font-size: 1.75rem; line-height: 33px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 10px 0; } .video-section-panel .wrapper-container { width: 100%; margin: 0; } .video-section-panel .wrapper-container p { font-size: 1.0625rem; line-height: 1.32; margin: 20px 0 20px auto; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { font-size: 0.875rem; padding: 10px 25px; margin: 0; } }}"}, {"style-banner-7ea07791-0f88-43ed-9279-b46b771a4908-1734778522389": ".style-banner-7ea07791-0f88-43ed-9279-b46b771a4908-1734778522389{#hyper1734778814989 { transform: translate(-152px, 10.5563px);}#hyper1734778586000 { transform: translate(-149px, 0px);}#hyper1734778533391 { color: #ffffff;}.mate-tees-category-container { display: grid; padding: 40px 20px; grid-gap: 10px; max-width: 1540px; margin: auto; } .mate-tees-category-container .banner-4 .banner-image, .mate-tees-category-container .banner-3 .banner-image, .mate-tees-category-container .banner-2 .banner-image, .mate-tees-category-container .banner-1 .banner-image { width: 100%; height: 100%; object-fit: cover; } .mate-tees-category-container .banner-1 { grid-row: 1; grid-column: span 3; position: relative; } .mate-tees-category-container .banner-1 .content-container { position: absolute; left: 50%; bottom: 10%; transform: translate(-50%, 10%); display: flex; align-items: center; flex-direction: column; width: 80%; } .mate-tees-category-container .banner-1 .content-container h2 { font-size: 36px; font-weight: 600; color: #ffffff; margin: 20px 0; text-align: center; } .mate-tees-category-container .banner-1 .content-container .button { font-size: 14px; font-weight: 600; color: #000000; background-color: #ffffff; border: none; border-radius: 5px; padding: 15px 25px; cursor: pointer; text-decoration: none; } .mate-tees-category-container .banner-2 { grid-row: 2; grid-column: 1; } .mate-tees-category-container .banner-3 { grid-row: 2; grid-column: 2; } .mate-tees-category-container .banner-4 { grid-row: 2; grid-column: 3; } .mate-tees-category-container .banner-2, .mate-tees-category-container .banner-3, .mate-tees-category-container .banner-4 { position: relative; } .mate-tees-category-container .banner-2 .content-container, .mate-tees-category-container .banner-3 .content-container, .mate-tees-category-container .banner-4 .content-container { position: absolute; left: 50%; bottom: 10%; transform: translate(-50%, 10%); display: flex; align-items: center; flex-direction: column; width: 80%; } .mate-tees-category-container .banner-2 .content-container h2, .mate-tees-category-container .banner-3 .content-container h2, .mate-tees-category-container .banner-4 .content-container h2 { font-size: 24px; font-weight: 600; color: #ffffff; margin: 20px 0; text-align: center; } .mate-tees-category-container .banner-2 .content-container .button, .mate-tees-category-container .banner-3 .content-container .button, .mate-tees-category-container .banner-4 .content-container .button { font-size: 14px; font-weight: 600; color: #000000; background-color: #ffffff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; text-decoration: none; } @media only screen and (max-width: 768px) { .mate-tees-category-container { display: grid; grid-gap: 10px; } .mate-tees-category-container .banner-1 { grid-row: 1; grid-column: 1; } .mate-tees-category-container .banner-1 .content-container h2 { font-size: 24px; font-weight: 600; color: #ffffff; margin: 20px 0; } .mate-tees-category-container .banner-1 .content-container .button { font-size: 14px; font-weight: 600; color: #000000; border-radius: 5px; padding: 10px 20px; } .mate-tees-category-container .banner-2 { grid-row: 2; grid-column: 1; } .mate-tees-category-container .banner-3 { grid-row: 3; grid-column: 1; } .mate-tees-category-container .banner-4 { grid-row: 4; grid-column: 1; } }}"}], "carouselStyles": [{"style-carousel_banner-2000-17175929662210": ".style-carousel_banner-2000-17175929662210{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1460px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17175929662231": ".style-carousel_banner-2000-17175929662231{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1460px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17176690865930": ".style-carousel_banner-2000-17176690865930{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17176690865991": ".style-carousel_banner-2000-17176690865991{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17182800695122": ".style-carousel_banner-2000-17182800695122{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17228553464512": ".style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17228553464512{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17228553657462": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17228553657462{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } .next-slide-button, .previous-slide-button { display:none !important; } }}"}, {"style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17230317324262": ".style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17230317324262{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17230317599692": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17230317599692{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } .next-slide-button, .previous-slide-button { display:none !important; } }}"}, {"style-carousel_banner-5e391c17-0535-4de9-9ca5-507b1a593899-17230317864903": ".style-carousel_banner-5e391c17-0535-4de9-9ca5-507b1a593899-17230317864903{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17285433905150": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17285433905150{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17285433905172": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17285433905172{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1728543658095": ".style-carousel_banner-1728543658095{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1728544354638": ".style-carousel_banner-1728544354638{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1728544468514": ".style-carousel_banner-1728544468514{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1728544506456": ".style-carousel_banner-1728544506456{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1732080067156": ".style-carousel_banner-1732080067156{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1732080072522": ".style-carousel_banner-1732080072522{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1732080076844": ".style-carousel_banner-1732080076844{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1732080349260": ".style-carousel_banner-1732080349260{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-1732888223900": ".style-carousel_banner-1732888223900{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17347655760352": ".style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17347655760352{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .hide-slider-banner {opacity: 0.5 !important;} .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } } }"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17347656092202": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17347656092202{.hide-slider-banner {opacity: 0.5 !important;} .carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-5e391c17-0535-4de9-9ca5-507b1a593899-17347658645923": ".style-carousel_banner-5e391c17-0535-4de9-9ca5-507b1a593899-17347658645923{.hide-slider-banner { opacity: 0.5 !important; } .banner-1 .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-1 .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .banner-1 picture { display: block; } .banner-1 .banner-img { width: 100%; } .banner-1 p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } .banner-1 h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } .banner-1 h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .banner-1 .button-container { display: flex; justify-content: center; } .banner-1 .banner-button { cursor: pointer; font-size: 16px; color: #fff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-1 .banner-button:hover { opacity: 0.85; } .banner-1 .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-1 .banner-content { padding: 20px 0 20px; width: 100%; } .banner-1 h1 { font-size: 20px; } .banner-1 h2 { font-size: 15px; margin: 10px 0 15px; } .banner-1 p { font-size: 14px; } .banner-1 .banner-button { font-size: 11px; padding: 5px 12px; } }}"}], "gridLayoutStyles": [], "carouselListStyles": [{"style-carousel-list70": ".style-carousel-list70 { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 340px; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; }.brand-name { font-size: 14px;font-weight: 600;text-transform: uppercase;margin: 10px 0 0 0; color: #c40808; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; }.product-name { color: #262e2e;font-size: 14px;font-weight: 600;letter-spacing: 1px;margin: 0 0 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; text-align: center; } .content-container .price-container { display: flex; align-items: center; gap: 10px; }.actual-price { margin: 0;position: relative;display: flex;align-items: center;justify-content: center;text-decoration:line-through;opacity: 1;text-transform: none;color: #100f0f;font-size: 16px;font-style: normal; font-weight: bold; }.discounted-price { margin: 0;font-weight: 600;font-size: 16px;color: #f20707; text-align: start; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon,.next-slide-icon{ width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; }.percentage-discount { opacity: null; font-size: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration:line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1725267458476": ".style-carousel-list1725267458476 { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; max-width: 300px;} .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1732778002251": ".style-carousel-list1732778002251 { .listing-container { background-color: #ffffff;padding: 40px 0;padding-top: 0px; padding-bottom: 40px; }.carousel-card { border-style: solid;width: 100%;height: 100%;display: flex;flex-direction: column;gap: 15px;padding: 15px;box-sizing: border-box;cursor: pointer;border-color: #000000;border-width: 3px;background-color: #e9e2e2; opacity: 1; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; }.brand-name { color: #262e2e;font-weight: 600;text-transform: uppercase;margin: 10px 0 0 0;font-size: 12px;opacity: 1; text-align: center; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; }.product-name { color: #262e2e;font-weight: 600;letter-spacing: 1px;margin: 0 0 10px;text-align: center;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-style: revert;opacity: 1; font-size: 12px; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; }.actual-price { margin: 0;opacity: 0.8;position: relative;display: flex;align-items: center;justify-content: center;text-decoration: line-through;text-align: center;color: #030303;font-weight: normal; font-size: 12px; }.discounted-price { margin: 0;color: #f70202;font-weight: 500;text-align: center;opacity: 1; font-size: 12px; }.percentage-discount { color: #4caf50;font-weight: 600;opacity: 1;font-size: 13px; text-align: center; } .cash-point-info { display: flex; gap: 5px; font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .cash-point-svg { width: 100%; width: 14px; height: 14px; } .svg-color-stroke { stroke: #262e2e; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; max-width: 300px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}], "carouselLayoutStyles": [], "carousalNavigationStyle": [{"style-carousal_navigation-2000-17175929662210": ".style-carousal_navigation-2000-17175929662210{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-2000-17176690865930": ".style-carousal_navigation-2000-17176690865930{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-2000-17182800695122": ".style-carousal_navigation-2000-17182800695122{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17228553464512": ".style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17228553464512{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17228553657462": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17228553657462{.navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17230317324262": ".style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17230317324262{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17230317599692": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17230317599692{.navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-5e391c17-0535-4de9-9ca5-507b1a593899-17230317864903": ".style-carousal_navigation-5e391c17-0535-4de9-9ca5-507b1a593899-17230317864903{.navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17285433905172": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17285433905172{.hide-desktop-navigation { display: none; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .hide-mobile-navigation { display: none; } }}"}, {"style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17347655760352": ".style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17347655760352{.hide-desktop-navigation { display: none; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #ffffff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .hide-mobile-navigation { display: none; } }}"}, {"style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17347656092202": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17347656092202{.hide-desktop-navigation { display: none; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .hide-mobile-navigation { display: none; } }}"}, {"style-carousal_navigation-5e391c17-0535-4de9-9ca5-507b1a593899-17347658645923": ".style-carousal_navigation-5e391c17-0535-4de9-9ca5-507b1a593899-17347658645923{.hide-desktop-navigation { display: none; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .hide-mobile-navigation { display: none; } }}"}]}, {"themeFontFamily": "Montserrat", "themeBackgroundColor": "#ffffff"}]

Playstation

Sony PlayStation 5

Unlock next-level muscle relief with Hyperice Venom

Hypervolt 2 Pro

Hypervolt Go 2

Normatec Go

Shop By Brands

Free Shipping

24/7 Support Services

Offers And Discounts

POLICIES

ACCOUNT

COMPANY INFO

Fujifilm MCEX-16 Micro Extension Tube

SKU: 4547410296037

Free Shipping

Secure Payments

100% Genuine Product

POLICIES

ACCOUNT

COMPANY INFO