/* IMPORTANT: hup.css is original version of his file. Add all the changes there for sync */
.tt-shoppable-room-items {order: 1;} .tt-shoppable-room-items > a {display: flex;align-items: center;color: #fff !important;font-size: 14px;line-height: 20px;gap: 10px;padding: 15px 0px;} .tt-shoppable-room-items > a img {width: 20px;} .tt-header-icon-divider {width: 1px;height: 50px;background: #fff;order: 2;} .tt-header-holder .tt-obj-options .tt-parent-box {margin: 0;} .tt-header-checkout-btn {color: #fff !important;font-size: 14px;line-height: 20px;text-align: center;background: #245272;border-radius: 6px;padding: 5px 15px;margin-left: 15px;} .tt-desctop-parent-cart.tt-parent-box {/* background: #fff; */padding: 5px;border-radius: 6px; /* margin: 5px 0 !important; */} .small-header .tt-desktop-header .tt-header-holder .tt-dropdown-obj {margin-top: 0;padding-bottom: 0;} .tt-desctop-parent-cart button svg:first-child, .cart-text-header {display: none !important;} .tt-shoppable-room-dropdown {position: absolute;top: 100%;width: calc(100% + 40px);left: -20px;background: #fff;z-index: 8;display: none;opacity: 0;transition: all linear 0.3s;} .shoppable-room-collections {max-width: 70%;width: 100%;padding: 40px;display: flex;flex-wrap: wrap;gap: 20px;background-color: #fff;} .tt-shoppable-room-items:hover .tt-shoppable-room-dropdown {display: flex;opacity: 1;} .tt-shoppable-room-dropdown:after {pointer-events: none;content: '';background-color: rgba(0, 0, 0, .6);position: absolute;top: 0;width: 100vw;height: 200vh;z-index: -1;margin-left: -50vw;left: 50%;opacity: 1;transition: opacity 1s ease-out;pointer-events: none;} .shoppable-collection-box {max-width: calc((100% - 60px) / 4);width: 100%;display: flex;align-items: center;justify-content: center;} .shoppable-collection-box img {width: 100%;} .shoppable-collection-box div {font-size: 14px;color: #000;font-weight: 500;} .shoppable-collection-title {width: 100%;text-align: center;font-size: 25px;font-weight: 700;font-family: 'Poppins';margin-bottom: 10px;} .shoppable-view-all {font-size: 16px;font-weight: 700;color: #fff !important;background: #35749f;height: 50px;border-radius: 6px;text-align: center;line-height: 50px;text-transform: uppercase;padding: 0px 30px;} .shoppable-view-all:hover {background-color: #343434;} .shoppable-room-image-container {max-width: 30%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;align-items: center;justify-content: center;flex-direction: column;} .shoppable-room-image-container h4 {color: #fff;font-size: 22px !important;font-weight: 700 !important;padding-bottom: 20px !important;} .shoppable-room-image-container a {background-image: url(/cdn/shop/files/right-arrow-white.png?v=1628527020);color: #fff !important;font-size: 14px;font-weight: 700;background-repeat: no-repeat;background-size: 14px;background-position: center right;padding-right: 20px;line-height: 14px;font-family: 'Poppins';transition: all linear 0.3s;} .shoppable-room-image-container a:hover {padding-right: 30px;} @media only screen and (min-width: 1024.99px) {header .tt-cart .tt-dropdown-toggle .tt-badge-cart {top: 0;right: 0;} } @media only screen and (max-width: 1024.99px) {.tt-mobile-parent-cart button svg, .tt-header-checkout-btn {display: none;} .tt-mobile-parent-cart button svg:first-child, .cart-text-header {display: block !important;} } .wpd_headermsg .title{color: red !important;} header.header_menu-sticky .tt-desktop-header-menu-section {position: fixed; top: 0; left: 0; right: 0; z-index: 100; animation: sticky-move-anim .5s linear forwards } .header_menu-sticky .tt-mobile-header.tt-mobile-header-inline-stuck {position: fixed; top: 0; left: 0; right: 0; z-index: 8; background-color: #35749f } .tt-add-info img.brand-logo {max-width: 80px; max-height: 30px } .header_menu-sticky .panel-menu .mmpanel>ul {padding-top: 60px } .tt-desktop-header .tt-desctop-menu .tt-megamenu-submenu li a:not(:only-child) span::after {position: relative } @keyframes sticky-move-anim {0% {transform: translateY(0) } 50% {transform: translateY(-60px) } } .header_top_menu_main .container>.top_menu {display: flex; padding: 0; list-style: none; justify-content: flex-end; margin: 0 } .header_top_menu_main .container>.top_menu>li {display: inline-block } .header_top_menu_main .container>.top_menu>li>a {font-size: 14px } .header_top_menu_main .container>.top_menu>li:nth-of-type(1)::after /* , .header_top_menu_main .container>.top_menu>li:nth-of-type(2)::after  */ {content: ''; background-color: rgba(256, 256, 256, .5); width: 2px; height: 14px; display: inline-block; vertical-align: middle; padding: 0; margin: 0 6px } .header_top_menu_main .container>.top_menu>li:last-child {margin-left: 10px } .header_top_menu_main .container>.top_menu>li:last-child a {color: #fff; padding: 5px 10px } .top_menu.dropdown-child {display: none } .top_menu.dropdown-child {display: none; position: absolute; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08); background-color: #fff; margin: 0; list-style: none; z-index: 10; min-width: 140px; padding: 10px } .top_menu.dropdown-child>li>a {padding: 8px; line-height: 1; font-size: 14px; display: block; color: #343434 !important } .top_menu.dropdown-child>li>a:hover {color: #35749f !important } .menu-link.top_dropdown_menu.active_menu .top_menu.dropdown-child {display: block } .header_top_menu_main .container>.top_menu>li>a:hover {opacity: .7 } #template404 .tt-breadcrumb, #template404 .tt-footer-custom.footer-subscribe.tt-color-scheme-02 {display: none } #template404 .container-indent.nomargin {margin: 0 } #template404 .tt-page404 {padding: 67px 20px } #template404 .tt-page404-img img.img-spin {max-width: 140px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out } #template404 .tt-page404-img:hover img.img-spin {-webkit-transform: rotate(90deg); transform: rotate(90deg) } #template404 .tt-page404 .tt-title {font-size: 40px; line-height: 60px; text-transform: capitalize; letter-spacing: 1.76px; color: #333; font-weight: 700 } #template404 .tt-page404 .tt-title span {color: #35749f } #template404 .tt-page404 p {font-size: 16px; line-height: 28px; font-family: "DM Sans"; color: #000 } #template404 .tt-page404 .btn {width: 200px; letter-spacing: .62px; text-transform: uppercase; margin-top: 10px } .page404-shop-category {padding: 43px 0; text-align: center } .page404-shop-category .tt-block-title {padding-bottom: 0 } .page404-shop-category .tt-block-title h2 {color: #fff } .page404-shop-category .tt-description {color: #fff; margin: 10px 0 15px } .page404-shop-category a.btn {color: #35749f } #template404 .hup-shop-by-style {margin-top: 0 !important; margin-bottom: 100px !important } #shopify-section-404-template+#shopify-section-index-section-text_block .tt-block-title {padding-bottom: 0 } @media screen and (max-width:1024px) {#template404 .tt-page404 .tt-title {font-size: 24px; line-height: 31px } } @media screen and (max-width:789px) {#template404 .tt-page404 .tt-title {letter-spacing: 0 } #template404 .tt-page404-img img {width: 70px } #template404 .tt-page404-img img.img-spin {width: 100px } } @media screen and (max-width:479px) {#template404 .tt-page404, .page404-shop-category {padding: 30px 0 } #template404 .tt-page404 .btn {width: auto } #template404 .hup-shop-by-style {margin-bottom: 60px !important } } @media screen and (max-width:479px) {.header_top_menu_main .container>.top_menu>li>a {font-size: 10px } .top_menu.dropdown-child>li>a {padding: 5px; font-size: 12px } .top_menu.dropdown-child {min-width: 110px; padding: 5px } } @media screen and (max-width:360px) {.header_top_menu_main .container>.top_menu>li:nth-of-type(1)::after /* , .header_top_menu_main .container>.top_menu>li:nth-of-type(2)::after */ {margin: 0 3px } .header_top_menu_main .container>.top_menu>li>a {font-size: 8px } .header_top_menu_main .container>.top_menu>li:nth-of-type(1)::after /* , .header_top_menu_main .container>.top_menu>li:nth-of-type(2)::after  */ {height: 10px } } @media screen and (min-width:1025px) {header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu {padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; overflow: visible !important; max-height: 600px !important; width: calc(100% - 1px) } header .tt-desktop-header .tt-desctop-menu .dropdown .dropdown-menu {z-index: initial !important } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9 {padding-top: 33px; padding-bottom: 39px } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 .tt-offset-7 {margin-top: 0; height: 100% } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 {padding-right: 0 } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3>.tt-offset-7>a {height: 100%; overflow: hidden; max-height: 600px; } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3>.tt-offset-7>a img {min-height: 100%; max-height: 450px; object-fit: cover; position: relative; right: -1px } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu .tt-title-submenu {color: #35749f; font-size: 16px; line-height: 21px; margin-bottom: 8px; font-family: 'DM Sans', sans-serif; font-weight: 700 } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu .tt-megamenu-submenu>li>a {font-size: 16px; color: #343434 } .tt-desktop-header .tt-desctop-menu .tt-megamenu-submenu>li.active>a, header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu .tt-megamenu-submenu>li>a:hover {color: #35749f } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu .tt-megamenu-submenu>li+li {margin-top: 5px } header .tt-desktop-header .tt-desctop-menu .dropdown.megamenu .dropdown-menu::after {content: ''; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0; width: 100vw; height: 100vh; z-index: -1; margin-left: -50vw; left: 50%; opacity: 0; transition: opacity 1s ease-out; pointer-events: none } header .tt-desktop-header .tt-desctop-menu .dropdown.megamenu.active .dropdown-menu::after {opacity: 1 } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 .tt-description {-webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 20px } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 .tt-description-wrapper {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100% } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 .tt-description-wrapper span.btn-underline {position: relative; bottom: 0; text-transform: uppercase; border: none; letter-spacing: .62px; font-weight: 700; display: inline-block; line-height: 1.5; background-image: url(/cdn/shop/files/right-arrow-white.png?v=1628527020); background-position: center right 5px; background-size: 14px 14px; background-repeat: no-repeat; padding-right: 30px; padding-left: 20px } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 .tt-description-wrapper span.btn-underline:hover {background-position: center right 0 } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 .tt-description-wrapper .tt-title-small {font-size: 22px; line-height: 1.2; text-align: center; font-weight: 700 } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(2) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 25%; max-width: 25% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(6) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 25%; max-width: 25% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(7) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 25%; max-width: 25% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(8) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 25%; max-width: 25% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(9) .dropdown-menu>.row>.col-sm-9 {flex: 0 0 20%; max-width: 20% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(9) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 100%; max-width: 100% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(9) .dropdown-menu>.row>.col-sm-9+.col-sm-3 {flex: 0 0 80%; max-width: 80% } /*     header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(10) .dropdown-menu>.row>.col-sm-9 {flex: 0 0 20%; max-width: 20% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(10) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 100%; max-width: 100% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(10) .dropdown-menu>.row>.col-sm-9+.col-sm-3 {flex: 0 0 80%; max-width: 80% } */ header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(10) .dropdown-menu>.row>.col-sm-9>.row .col-sm-2 {flex: 0 0 20%; max-width: 20% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(11) .dropdown-menu>.row>.col-sm-9 {flex: 0 0 20%; max-width: 20% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(11) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 100%; max-width: 100% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(11) .dropdown-menu>.row>.col-sm-9+.col-sm-3 {flex: 0 0 80%; max-width: 80% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(12) .dropdown-menu>.row>.col-sm-9+.col-sm-3 {display: none } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(12) .dropdown-menu>.row>.col-sm-9 {flex: 0 0 100%; max-width: 100% } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(12) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 {flex: 0 0 calc(100% / 7); max-width: calc(100% / 7) } header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:last-child .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 .tt-megamenu-submenu>li>a, header .tt-desktop-header .tt-desctop-menu ul>li.megamenu:nth-of-type(12) .dropdown-menu>.row>.col-sm-9>.row .col-sm-4 .tt-title-submenu {padding-left: 0 !important; padding-right: 0 !important; background: rgba(0, 0, 0, 0) !important } header .tt-desktop-header .tt-desctop-menu nav>ul>li.tt-submenu.brand_menu .dropdown-menu {left: auto; right: 0; /* width: 200px; */ overflow: visible !important; max-height: 740px !important; width: 70%; padding: 33px 39px; .brands-title {color: #35749f; font-size: 16px; margin-bottom: 8px; font-family: 'DM Sans', sans-serif; font-weight: 700; display: block; height: 30px; line-height: 30px; width: fit-content; padding: 0 10px; min-width: 33.33%; position: relative; } ul.tt-megamenu-submenu {columns: 3; -webkit-columns: 3; -moz-columns: 3; width: 100%; } ul.tt-megamenu-submenu li.active a span:after, .brands-title span:after {content: '»'; position: absolute; display: inline-block; pointer-events: none; font-family: wokiee_icons; font-size: 18px; line-height: normal; right: 10px; top: 4px; } .brands-title span:after {margin-left: 10px; right: auto; } ul.tt-megamenu-submenu>li>a {font-size: 16px; color: #343434; padding: 5px 10px; } ul.tt-megamenu-submenu>li>a:hover {color: #35749f; background-color: #f7f8fa; } } header .tt-desktop-header .tt-desctop-menu nav>ul>li.tt-submenu.brand_menu .dropdown-menu .tt-megamenu-submenu>li>ul>li a:not(:hover) {color: #777 } header .tt-desktop-header .tt-desctop-menu nav>ul>li.tt-submenu.brand_menu .dropdown-menu .tt-megamenu-submenu>li>ul {width: 250px; padding: 20px 0 20px 10px } } footer .tt-footer-custom .tt-col-left ul li:first-child {padding-right: 6px } .tt-add-info li .brand-logo {width: auto } .tt-product-single-info .brand_logo_main {margin-bottom: 10px } body.page.productwith-option-selection .tt-product-single-info .brand_logo_main {margin-top: 2px } body.page:not(.productwith-option-selection) .tt-product-single-info .brand_logo_main {margin-top: 8px; margin-bottom: 0 } .tt-product-single-info .brand_logo_main img {max-width: 130px; max-height: 31px } @media screen and (min-width:1230px) {header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu {max-width: 1400px } } @media screen and (min-width:1401px) {header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9 {flex: 0 0 calc(100% - 435px); max-width: calc(100% - 435px) } header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu>.row>.col-sm-9+.col-sm-3 {flex: 0 0 435px; max-width: 435px } } @media screen and (max-width:1840px) {header .tt-desktop-header .tt-desctop-menu nav>ul>li.tt-submenu.brand_menu .dropdown-menu .tt-megamenu-submenu>li>ul {left: auto; right: 100% } } a.child_3_link {font-weight: 700; position: relative } a.child_3_link span:after {content: '»'; position: absolute; display: inline-block; pointer-events: none; font-family: wokiee_icons; font-size: 18px; line-height: .5; padding-left: 2px; top: 4px } .form-default #create_customer .form-group {text-align: left; margin-top: 0 } .form-default form#customer_login .form-group input, .page.cart .form-group input#address_zip {border-color: #f7f8fa } .form-default form#customer_login .form-group input:focus, .page.cart .form-group input#address_zip:focus {border-color: #35749f; background: #fff } .tab-content a span {color: #35749f } .shipping-calc .product-shipping {background-color: transparent; margin: 0 } #shopify-section-product-template .shipping-calc .product-shipping, #shopify-section-product-v2-template .shipping-calc .product-shipping {padding-left: 39px; margin-top: -15px } #shopify-section-custom-product-template .shipping-calc .product-shipping {padding-top: 30px } .product-shipping .form-control {background-clip: unset; border: 1px solid #ddd; border-radius: 10px; color: #343434; padding: 10px 20px; font-size: 14px; line-height: 1; height: 50px !important } .product-shipping .form-control::placeholder {color: #cbcbcb } .product-shipping .form-control::-moz-placeholder {color: #cbcbcb } .product-shipping .form-control:-moz-placeholder {color: #cbcbcb } .product-shipping .form-control:-ms-input-placeholder {color: #cbcbcb } .product-shipping .form-control::-webkit-input-placeholder {color: #cbcbcb } .product-shipping .row {margin-left: -10px; margin-right: -10px } .calculate-shipping.btn {background: #343434; text-transform: uppercase; border-radius: 10px; font-size: 14px; height: 50px; font-weight: 700; padding: 0; letter-spacing: .03em; transition: .3 all } .calculate-shipping.btn:focus, .calculate-shipping.btn:hover {background: #3374a3 } .desktop-hidden .shipping-calc {padding: 0 10px } #shopify-section-dropdown-product-template .product-2-description #shopify-section-product-icon-banner .container {padding: 0 } #shopify-section-dropdown-product-template .product-2-description #shopify-section-product-icon-banner .tt-services-listing:not(.tt-layout-02) {padding: 0 0 10px } #shopify-section-dropdown-product-template .product-2-description .tt-services-block .tt-col-description p {font-size: 14px; line-height: 20px } @media (min-width:576px) {.desktop-hidden {display: none } } @media (min-width:791px) {#shopify-section-dropdown-product-template .product-2-description #shopify-section-product-icon-banner {margin-bottom: 20px } #shopify-section-dropdown-product-template .product-2-description .tt-services-listing:not(.tt-layout-02) .tt-services-block {margin-top: 0 } #shopify-section-dropdown-product-template .product-2-description #shopify-section-product-icon-banner .tt-services-listing:not(.tt-layout-02) .col-lg-4 {position: relative; flex: 0 0 33.33333%; max-width: 33.33333% } #shopify-section-dropdown-product-template .product-2-description #shopify-section-product-icon-banner .tt-services-listing:not(.tt-layout-02) .col-lg-4:not(:first-child):after {content: ''; width: 1px; height: 100%; top: 0; left: 1px; background: #ccc; position: absolute } #shopify-section-custom-product-template .product-shipping .input.col-md-6, #shopify-section-product-template .product-shipping .input.col-md-6 {flex: 0 0 calc(100% - 210px); max-width: calc(100% - 210px) } #shopify-section-custom-product-template .product-shipping .submit-btn.col-md-6, #shopify-section-product-template .product-shipping .submit-btn.col-md-6 {flex: 0 0 210px; max-width: 210px } #shopify-section-dropdown-product-template .product-shipping .input.col-md-6, #shopify-section-dropdown-product-template .product-shipping .submit-btn.col-md-6 {flex: 0 0 100%; max-width: 100% } } @media (min-width:1200px) {#shopify-section-product-template .prpage-tabs {padding-top: 40px } #shopify-section-custom-product-template .product-shipping .input.col-md-6, #shopify-section-product-template .product-shipping .input.col-md-6 {flex: 0 0 calc(100% - 260px); max-width: calc(100% - 260px) } #shopify-section-custom-product-template .product-shipping .submit-btn.col-md-6, #shopify-section-product-template .product-shipping .submit-btn.col-md-6 {flex: 0 0 260px; max-width: 260px } } @media (max-width:1024px) {#shopify-section-product-template .shipping-calc .product-shipping {padding-left: 0 } #product-shipping-calculator {margin-bottom: 20px } .product-shipping .form-group .col-md-6 {padding-bottom: 20px !important } #shopify-section-custom-product-template #product-shipping-calculator {margin-bottom: -20px } #shopify-section-dropdown-product-template .shipping-calc .product-shipping {margin-bottom: -30px } } @media (max-width:790px) {#shopify-section-product-template .shipping-calc .product-shipping {margin-top: -25px } } .tp-banner-container .tp-banner:not(.revslider-initialised) .tp-revslider-slidesli {opacity: 0 } .tp-caption {opacity: 0 } .page.article strong {font-weight: 700; color: #191919 } .page.article h3 {font-size: 28px !important; padding-top: 0 !important } .usf-facet-values--List .usf-facet-value.usf-relative {margin-bottom: 5px !important } .usf-facet-values--List .usf-facet-value .usf-checkbox {display: inline-block !important } .tt-product span.tt-img {min-height: initial !important; max-height: initial !important }  #shopify-section-163230519917abfe27 .container>.tt-block-title {padding-bottom: 0 } span.color_title {color: #35749f } .tt-contact-info .tt-title {font-weight: 700 } h3 {padding: 16px 0 0 !important; font-weight: 600 !important } body.pagecustomers\/login.loaded a.btn.btn-top.btn-border, body.pagecustomers\/login.loaded button.btn.btn-border {color: #35749f; font-weight: 600 } body.pagecustomers\/login.loaded a.btn.btn-top.btn-border:hover, body.pagecustomers\/login.loaded button.btn.btn-border:hover {background: #35749f; color: #fff } .tt-login-form .tt-item .tt-title {color: #343434 } .tt-login-form .tt-item p {color: #343434 } .form-default .form-group label {color: #070707; font-size: 16px } .form-default .tt-required {color: #b5b5b5 } .tt-login-form .tt-item {border: 1px solid #707070 } .announcement-bar__newsletter-inner {text-align: center; color: #fff; max-width: 700px; width: 100%; margin: 0 auto; padding-bottom: 37px } #announcement-bar-newsletter button.announcement-bar__close {-webkit-appearance: none; border: 0; background: 0 0; height: 18px; width: 18px; margin-top: 10px; line-height: 1; overflow: hidden; padding: 0 } #announcement-bar-newsletter button.announcement-bar__close:before {font-family: wokiee_icons; content: "\ea0f"; line-height: 1; color: #fff; font-size: 18px } .announcement-bar__newsletter-inner h2 {font-size: 35px !important; line-height: 44px !important; font-weight: 700; color: #fff; padding-bottom: 10px !important } .announcement-bar__newsletter-inner .form__input-row {display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin: 10px 0 0 0 } .announcement-bar__newsletter-inner .form__input-wrapper label {display: none } .announcement-bar__newsletter-inner .form__input-wrapper {width: calc(100% - 170px) } .announcement-bar__newsletter-inner .form__input-wrapper input {width: 100%; padding: 11px 12px 10px 15px; font-family: 'DM Sans', sans-serif; outline: 0; font-size: 14px; height: 50px !important; -webkit-appearance: none; line-height: 2.9; background: #fff; border: 0; color: #777; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px } .announcement-bar__newsletter-inner button {-webkit-appearance: none; color: #fff; width: 170px; background: #303030; font-weight: 700; line-height: 21px; font-family: Poppins, sans-serif; border: none; letter-spacing: .03em; font-size: 14px; height: 50px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; text-transform: capitalize } .tt-top-panel .tt-row .tt-description {line-height: 40px !important } .tt-desktop-header .tt-obj-logo {width: 20% } .tt-desktop-header .tt-account-button {background-color: transparent } .tt-desktop-header .tt-account-button a span {font-size: 14px } .tt-desktop-header .tt-account-button a h4 {font-size: 16px !important } .tt-desktop-header .tt-account-button a, .tt-desktop-header .tt-account-button h4, .tt-desktop-header .tt-account-button span, header .tt-dropdown-obj .tt-dropdown-toggle {color: #fff } header .tt-dropdown-obj .tt-dropdown-toggle:hover {color: #fff } .tt-search-opened-headtype1 .tt-btn-search {background: #245272 } .tt-search-opened-headtype1 form {background: #35749f; overflow: hidden; border-radius: 10px } .desctop-menu-large .tt-desktop-header .single-menu .tt-header-holder .tt-parent-box {display: block } header svg g#Icon_feather-shopping-cart path {stroke: #fff !important } .desctop-menu-large .tt-desktop-header .tt-header-holder .obj-move-right.tt-position-absolute:not(:first-child) {position: static } .tt-desktop-header .tt-desctop-parent-cart.tt-parent-box {position: relative } .tt-desktop-header .tt-desctop-parent-cart.tt-parent-box:before {/*     content: ''; */ position: absolute; top: 0; left: -33px; width: 1px; height: 100%; background: #fff } .tt-desktop-header .tt-desctop-parent-headtype1:not(:last-child) {width: 65% } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity: .3; color: #000 } input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity: .3; color: #000 } input::placeholder, textarea::placeholder {opacity: .3; color: #000 } header .container-fluid.single-menu {background: #343434; margin: 0; max-width: 100% } header .container-fluid.single-menu .tt-header-holder {margin-right: auto; margin-left: auto; max-width: 1400px; width: 100% } .desctop-menu-large .tt-desktop-header .tt-obj-menu .tt-desctop-menu {margin: 0 } .small-header .tt-desktop-header .tt-header-holder .tt-obj-menu .tt-desctop-menu.tt-menu-small nav>ul>li.dropdown>a {padding-top: 15px; padding-bottom: 15px } .tt-desctop-menu .dropdown.selected>a, .tt-desctop-menu .submenuarrow>a>span:after {color: #fff } .tt-desctop-menu nav>ul>li:nth-last-child(1) a {padding-left: 18px !important; padding-right: 18px !important; background: red; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important; } .tt-desctop-menu nav>ul>li:nth-last-child(1) a:hover {color: #fff; background: #35749f; } .tt-desctop-menu nav>ul>li.dropdown.active:nth-last-child(1) > a {color: #fff; background: #35749f; } .tt-desctop-menu nav>ul>li:nth-last-child(1) {.dropdown-menu {display: block; left: auto; right: 0; overflow: visible !important; max-height: 740px !important; padding: 33px 20px; } ul.tt-megamenu-submenu {width: 100%;} ul.tt-megamenu-submenu li {line-height: 22px; display: block; position: relative; } ul.tt-megamenu-submenu li a {font-size: 16px; padding: 5px 10px; color: #000; background: transparent;} ul.tt-megamenu-submenu li.active a span:after, .brands-title span:after {content: '»'; position: absolute; display: inline-block; pointer-events: none; font-family: wokiee_icons; font-size: 18px; line-height: normal; right: 10px; top: 4px; } .brands-title span:after {margin-left: 10px; right: auto; } ul.tt-megamenu-submenu>li>a:hover {color: #35749f; background-color: #f7f8fa; } } .hup-icon-4 {margin-top: 0 !important } .hup-icon-4 .col-lg-4 {flex: 0 0 25%; max-width: 25% } .hup-icon-4 .tt-services-listing {padding-bottom: 15px !important } .hup-icon-4 .tt-services-block {margin-top: 10px !important } .tt-services-block .tt-col-icon {height: auto !important; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center } .tt-services-block .tt-col-icon img {height: 30px } .hup-icon-4 .tt-services-block .tt-col-icon+.tt-col-description {padding-left: 10px } .hup-icon-4 .tt-services-block .tt-col-description p {font-size: 14px; line-height: 20px } .tp-bgimg.defaultimg:after {background: 0 0; opacity: 0 } a.btn {-moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; -khtml-border-radius: 10px !important } #shopify-section-1530224149715 {margin-bottom: 30px !important } .banner_main .col-lg-6 .banner_main {position: relative; bottom: 0; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important } .container>.tt-block-title {padding-left: 10px; padding-right: 10px } .banner_main .col-lg-6 .banner_main:hover {bottom: 10px } .banner_main .heading h3 {padding: 0 0 30px 0 !important; text-align: center } .banner_main .banner_image {position: relative; padding-top: 50%; padding-bottom: 6.5%; overflow: hidden } .tt-blog-thumb-list .tt-blog-thumb .tt-img>a {position: relative; padding-bottom: 50%; display: block; padding-top: 16.6%; overflow: hidden } .tt-blog-thumb-list .tt-blog-thumb .tt-img>a img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .banner_main .banner_image img {border-radius: 7px 7px 0 0; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .banner_main .banner_content {-webkit-box-shadow: 0 0 15px #0000001A; box-shadow: 0 0 15px #0000001A; color: #000; padding: 15px } .banner_main .banner_content p {margin-bottom: 16px; font-family: Poppins, sans-serif; font-size: 18px; line-height: 145%; margin-top: 0; margin-bottom: 4px } .banner_main .banner_content h5 {letter-spacing: 1.1px; color: #000; font-size: 25px !important; font-weight: 700 !important; padding-bottom: 0 !important } .banner_main .banner_content a {letter-spacing: .62px; color: #000; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase; font-family: Poppins, sans-serif; padding-right: 28px; background-image: url(/cdn/shop/files/right-arrow-black.png?v=1628526812); background-position: center right 7px; background-size: 13px; background-repeat: no-repeat; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important } .banner_main .banner_content a:focus, .banner_main .banner_content a:hover {background-position: center right 0 } .banner_main .col-lg-6 {margin-bottom: 40px } .heading h3 {font-weight: 700 !important } .banner_main .heading.text-left h3 {text-align: left } .category_main .Product_image a {display: block; text-align: center; margin-right: -15px; margin-left: -15px; position: relative; bottom: 0; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important } .category_main .Product_image img {width: 100% } .category_main .Product_image a:hover {bottom: 10px } .category_main .Product_image a h5 {font-size: 16px !important; line-height: 25px !important; font-weight: 500 } div#shopify-section-1628752526960c0d3c .container-indent {margin-top: 0 !important } div#shopify-section-1628166013ca37dbd4 .container-indent, div#shopify-section-16287517907755dc1f .container-indent, div#shopify-section-1628752226ea2e59d0 .container-indent, #shopify-section-163230519917abfe27 .container-indent, #shopify-section-index_section_text_block_bz6nRY .container-indent {margin-top: 25px !important } div#shopify-section-1622033466f0a3520a .container-indent {margin-top: 33px !important } div#shopify-section-index_section_text_block_bz6nRY .container-indent .tt-block-title, div#shopify-section-1622033466f0a3520a .container-indent .tt-block-title, div#shopify-section-1628166013ca37dbd4 .container-indent .tt-block-title, div#shopify-section-16287517907755dc1f .container-indent .tt-block-title, div#shopify-section-1628752226ea2e59d0 .container-indent .tt-block-title {text-align: left; padding-bottom: 0 } div#shopify-section-1628752526960c0d3c .container-indent .tt-block-title {text-align: left } .shopify-section.index-section .tt-block-title, div#shopify-section-1628166013ca37dbd4 .tt-block-title {display: flex; justify-content: space-between; align-items: center } .shopify-section.index-section .tt-block-title .tt-title, div#shopify-section-1628166013ca37dbd4 .tt-block-title .tt-title {display: inline-block } .shopify-section.index-section .tt-block-title a, div#shopify-section-1628166013ca37dbd4 .tt-block-title a {display: inline-block; text-decoration: underline; color: #35749f } #shopify-section-1521705207815 .container-indent.hup-shop-by-style {margin-top: 20px !important; margin-bottom: 20px !important } .hup-shop-by-style .tt-description-wrapper {position: relative } .hup-shop-by-style .tt-background {display: none } .hup-shop-by-style .tt-promo-box {border-radius: 0 } .hup-shop-by-style .tt-description-wrapper .tt-description {max-width: 100% !important; min-width: 100% !important; padding: 30px 45px !important; position: absolute; bottom: 0; left: 0; background: transparent linear-gradient(180deg, #34343400 0, #000 100%) 0 0 no-repeat; border-radius: 10px } .hup-shop-by-style .tt-description .tt-title-small {letter-spacing: 1.1px; color: #fff; font-weight: 700; text-transform: capitalize; font-size: 25px; margin-bottom: 15px } .hup-shop-by-style .tt-description .tt-title-large {color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 10px } .hup-shop-by-style .tt-description a.btn-view-range {font-family: Poppins, sans-serif; padding-right: 28px; background-image: url(/cdn/shop/files/right-arrow-white.png?v=1628527020); background-position: center right 7px; background-size: 13px; background-repeat: no-repeat; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important } .hup-shop-by-style .tt-description a.btn-view-range:focus, .hup-shop-by-style .tt-description a.btn-view-range:hover {background-position: center right 0 } .hup-shop-by-style .tt-description a.btn-view-range .view-range-arrow, .hup-shop-by-style .tt-description a.btn-view-range span {display: none } .hup-popular-product .arrow-location-tab {margin-top: 30px } .tt-layout-product-item .tt-product {margin-top: 0 } .arrow-location-center-02 .slick-arrow, .tt-carousel-products-js.tt-layout-product-item .slick-arrow {background: rgba(52, 52, 52, .22); color: #fff; font-weight: 600 } .hup-popular-product.container-indent {margin-top: 30px !important } .hup-popular-product .forsliders-margins {margin: 0 30px } .hup-popular-product .tt-product.thumbprod-center .tt-description .tt-row {-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .hup-popular-product .tt-product.thumbprod-center .tt-description .tt-row .tt-add-info {width: auto } .hup-popular-product .tt-product.thumbprod-center .tt-description .tt-row .stamped-product-reviews-badge {margin-top: 0 } .hup-blog.container-indent {position: relative; margin-top: 0 !important } .hup-blog.container-indent:after {content: ''; width: 100%; height: 60%; background: rgb(53, 116, 159, .1); position: absolute; left: 0; bottom: 0; z-index: -1 } .hup-blog.container-indent .tt-block-title {padding-bottom: 0; text-align: left } .hup-blog.container-indent .tt-block-title .tt-description {display: none } .tt-blog-thumb .tt-title-description .tt-title {font-size: 16px; line-height: 30px; font-weight: 700 !important } .tt-blog-thumb .tt-title-description .tt-meta, .tt-blog-thumb .tt-title-description .tt-meta .tt-comments a {color: #d3d3d3 } .tt-blog-thumb .tt-title-description p {margin: 5px 0 0 } .hup-blog.container-indent .hup-blog-link {text-align: center; padding: 37px 0 45px } .hup-shop-by-brands .tt-carousel-brands a.brand-logo img {max-height: 45px } .hup-shop-by-brands .brand_main {padding: 0 20px; text-align: left; margin-bottom: 35px } .hup-shop-by-brands .brand_main img {height: 130px; object-fit: cover } .hup-shop-by-brands .brand_main h5 {font-size: 15px !important; color: #000; line-height: 25px !important; margin: 10px 0 0; padding: 0 !important } .hup-shop-by-brands .brand_main a {padding: 0; font-weight: 700; color: #35749f; line-height: 28px; font-size: 14px; text-transform: uppercase; font-family: Poppins, sans-serif; padding-right: 28px; background-image: url(/cdn/shop/files/right-arrow-blue.png?v=1628527167); background-position: center right 7px; background-size: 13px; background-repeat: no-repeat; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important } .hup-shop-by-brands .brand_main a:focus, .hup-shop-by-brands .brand_main a:hover {background-position: center right 0 } .arrow-location-center-02 .slick-arrow {top: -40px !important } .arrow-location-center-02 .slick-arrow.slick-next {right: 10px } .arrow-location-center-02 .slick-arrow.slick-prev {right: 60px; left: unset } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left {padding-left: 0; margin-left: 0; padding-right: 0 } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li {flex: 1 1 auto } .prpage-tabs .trustpilot-widget>iframe {width: 100% } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link {display: block; text-align: center } .prpage-tabs .tt-tabs-default li>a {padding: 15px 5px !important; font-size: 18px !important; width: inherit } .hup-tab-home .tab {background-color: rgba(53, 116, 159, .1); border-radius: 10px; border: 0; overflow: hidden; display: flex } .hup-tab-home .tab button {flex: 1 1 auto; font-family: Poppins, sans-serif; border: none; outline: 0; cursor: pointer; padding: 15px 17px; transition: .3s; font-size: 17px; font-weight: 700; color: #343434; background-color: rgba(53, 116, 159, 0) } .hup-tab-home .tab button:nth-last-child(1) {width: 31% } .hup-tab-home .tab button.active {background-color: #35749f; color: #fff } .hup-tab-home .tabcontent {display: none; padding: 20px 0; color: #343434 } footer {margin-top: 30px } footer .tt-footer-custom.footer-subscribe .tt-col-right {width: 50%; padding-left: 7% } footer .tt-footer-custom.footer-subscribe .tt-col-left {width: 50%; padding-right: 7% } footer .tt-footer-custom.footer-subscribe .tt-col-left.full_width {width: 60%; margin: 0 20% } footer .tt-footer-custom .tt-newsletter .tt-mobile-collapse {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: initial; align-items: flex-start } footer .tt-footer-custom.footer-subscribe .tt-collapse-title {font-weight: 500 } footer .tt-footer-custom.footer-subscribe p {margin: 0 0 10px } footer .tt-footer-custom.footer-subscribe .trust-pilot iframe {margin-left: -20px } footer .tt-footer-custom.footer-subscribe .trust-pilot span {font-family: 'DM Sans', sans-serif !important; color: #fff !important; font-size: 16px; line-height: 28px; display: block; margin-top: -30px } footer .tt-footer-custom.footer-subscribe .trust-pilot a {color: #fff !important; display: inline-block; border-bottom: 1px solid #fff; line-height: 20px; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important } footer .tt-footer-custom.footer-subscribe .trust-pilot a:hover {border-bottom-color: #343434 !important; color: #343434 !important } footer .tt-footer-custom.footer-subscribe .tt-mobile-collapse .tt-collapse-content {width: 100% } footer .tt-footer-custom.footer-subscribe .tt-newsletter .form-default {display: block; flex-flow: unset; align-items: unset; margin-bottom: 10px } footer .tt-footer-custom.footer-subscribe .tt-newsletter .tt-collapse-content .btn {padding-bottom: 5px; padding-left: 29px; padding-right: 29px } footer .tt-footer-custom.footer-subscribe .tt-newsletter .tt-collapse-content .form-control {width: calc(100% - 170px) } footer address p {padding-left: 28px; position: relative; margin-bottom: 12px } footer address p span {position: absolute; left: 0; font-size: 20px } footer .tt-list li a {padding: 0 0 12px } footer .tt-footer-col {padding-bottom: 0 } footer .tt-color-scheme-04 {background: 0 0 } footer .tt-footer-custom:not(.footer-subscribe) .tt-row {border-top: 2px solid #5f5f5f } footer .tt-color-scheme-04 .tt-box-copyright {padding-top: px } footer .tt-color-scheme-04 .tt-box-copyright p {margin: 0 } footer .tt-footer-custom .tt-col-right {/*     width: 50%; */ widows: 100%; justify-content: flex-end } footer .tt-footer-custom ul.tt-social-icon {margin-top: 22px } footer .tt-footer-custom ul.tt-social-icon span span {padding-left: 15px } footer .tt-footer-custom ul.tt-social-icon li {display: inline-block } .tt-top-panel .tt-row {position: relative; padding: 1px 0 !important } .shipping_today_fix_text {position: absolute; right: 3px; background-color: #6b6b6b; color: #fff; text-align: center; font-size: 16px !important; font-family: Poppins, sans-serif; line-height: 26px; font-weight: 600; padding: 0 10px; top: 3px; z-index: 2 } body.page.customers\/login.loaded .form-group {text-align: left } .tt-product .tt-description .tt-add-info li .tt-btn-wishlist[data-action=wk-add] svg.tt-wishlist-fill-icon {display: none } .tt-product .tt-description .tt-add-info li .tt-btn-wishlist[data-action=wk-remove] svg.tt-wishlist-default-icon {display: none } .tt-product .tt-description .tt-add-info li .tt-btn-wishlist svg {width: 25px; height: 26px } .tt-product .tt-description .tt-add-info li .tt-btn-wishlist {line-height: 1; padding: 0; margin: 0; top: 0 } .tt-product .tt-description .tt-add-info li .tt-btn-wishlist svg path {fill: #468aaf !important } .tt-product .tt-description .tt-add-info li {display: flex; align-items: center; justify-content: space-between } .tt-top-panel .tt-row .tt-description {font-size: 14px !important; font-weight: 700 } .tt-top-panel .tt-row .subscribe a {right: 0; justify-content: flex-end; cursor: pointer } .tt-top-panel .tt-row .tt-btn-close {position: absolute; top: 10px !important; left: 0; margin: 0 } .tt-top-panel .tt-row .tt-btn-close:before {color: #fff; font-size: 18px } .timer_slider .hup-timer li {display: inline-block; margin: 0 10px !important; text-align: center } .hup-timer li p {display: block; width: 72px; height: 72px; background: #fff; border-radius: 7px; color: #35749f; font-size: 35px !important; line-height: 72px; font-weight: 700 !important; letter-spacing: 1.54px; font-family: Poppins, sans-serif; margin-bottom: 12px } .hup-timer li h6 {letter-spacing: .62px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px } .tt-mobile-header.tt-mobile-header-inline .tt-menu-toggle svg path {fill: #fff } .tt-mobile-header-inline .tt-menu-toggle {display: inline-block !important } header .tt-mobile-header-inline .tt-parent-box .tt-cart svg {width: 20px } header .tt-mobile-header-inline .tt-parent-box .tt-search .tt-dropdown-toggle {font-size: 22px; padding-bottom: 0; padding-top: 8px } .tt-mobile-header .tt-logo img {width: 140px } .panel-menu .mm-next-level:after, .panel-menu li.mm-close-parent .mm-close, .panel-menu li.mm-close-parent .mm-close:before {color: #35749f; font-weight: 600 } .panel-menu .tt-account-button {width: 100% } .panel-menu .tt-account-button a {display: block } .panel-menu .tt-account-button a h4 {margin-top: 5px } .tt-product span.tt-img {min-height: initial !important; max-height: initial !important } .tt-product .tt-image-box .tt-img-roll-over {height: 100% !important } .tt-product .tt-image-box .tt-img-roll-over img {object-fit: cover; height: 100%; width: 100% !important } .tt-product .tt-image-box .tt-label-location {top: 0; left: -2px } .tt-product .tt-image-box .tt-label-location [class^=tt-label-] {border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tt-breadcrumb ul li a:hover {color: #fff } .page.product .tt-breadcrumb ul li a:hover, .page.productwith-option-selection .tt-breadcrumb ul li a:hover, .pageshogundefault .tt-breadcrumb ul li a:hover {color: #35749f } .tt-product .tt-description button.tt-btn-addtocart {width: calc(100% - 30px); padding: 14px 16px 14px !important } .tt-product .tt-description .tt-btn-addtocart span.icon {display: none } footer .tt-footer-custom .tt-col-left {width: 50% } footer .tt-footer-custom .tt-col-left ul {padding: 0; margin: 0; list-style: none; padding-top: 22px } footer .tt-footer-custom .tt-col-left ul li {display: inline-block; line-height: 1; font-size: 14px } footer .tt-footer-custom .tt-col-left ul li:not(:first-child) {padding: 0 6px 0 5px; border-left: 1px solid #fff } .tt-social-icon li a, footer .tt-color-scheme-04 .tt-box-copyright a, footer .tt-footer-custom ul li a {color: #fff } .tt-social-icon li a:hover, footer .tt-color-scheme-04 .tt-box-copyright a:focus, footer .tt-color-scheme-04 .tt-box-copyright a:hover, footer .tt-footer-custom ul li a:hover {color: #35749f } .container-indent[data-section-id=product-template] .tt-layout-product-item, .container-indent[data-section-id=related-product-section] .tt-layout-product-item {margin-top: 0 } .header_timer {background-color: #35749f } .hup_header_timer-row {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .hup_header_timer-col {padding: 5px 10px; flex: 1; margin: auto; } body.collection .tt-product .tt-description {padding-top: 0 } .tt-special_align_text .shipping_today_text {color: #f30a0a } .tt-description .madeinitaly_btn-text {background-color: #468aaf; display: block; color: #fff; text-align: center; font-size: 16px !important; font-family: Poppins, sans-serif; line-height: 32px; font-weight: 600; margin-bottom: 10px } .tt-special_align_text .madeinitaly_text, .tt-special_align_text .shipping_today_text {display: block; font-size: 16px !important; font-family: Poppins, sans-serif; line-height: 24px; font-weight: 600 } .tt-product .tt-description .tt-special_align_text .inventory_info.special_order {flex: 1; white-space: nowrap } .tt-product .tt-description .tt-special_align_text>span {margin-bottom: 5px } .tt-product .tt-description .tt-special_align_text {margin-bottom: 5px; display: flex; flex-wrap: wrap; justify-content: space-between } .hup_header_timer-col-right {max-width: 450px; display: flex; align-items: center; justify-content: flex-end } .header_timer .timer_content h3 {color: #fff; font-size: 17px !important; padding-top: 0 !important; line-height: 25px !important } .header_timer .timer_content>p {color: #fff; font-size: 15px; line-height: 21px; margin: 0 } .header_timer .timer_icon>p {color: #fff; text-align: center; font-size: 12px; line-height: 18px; text-transform: uppercase; opacity: .6; margin: 0 } .header_timer .timer_icon {text-align: center; margin-right: 28px; line-height: 1 } .header_timer .hup-timer {padding: 0; margin-bottom: 0 } .header_timer .hup-timer li {padding: 0; margin: 0 !important } .header_timer .hup-timer li+li {padding-left: 15px; } .header_timer .hup-timer li p {/* padding: 0; width: auto; */ text-align: center; font-style: normal; font-size: 25px !important; line-height: 2.5rem !important; margin: 0 auto 2px auto; background-color: rgb(52 52 52); color: #fff; height: 2.5rem; letter-spacing: 0; padding: 0; width: 2.5rem; } .header_timer .hup-timer li:last-child p{line-height: 2.2rem !important; border: 3px solid transparent; transition: border .5s ease; animation: header-border-pulse 1s ease-in-out infinite; } @keyframes header-border-pulse {0% {border-color: rgb(52 52 52); } 50% {border-color: #bf0d0d; } 100% {border-color: rgb(52 52 52); } } .header_timer .hup-timer li h6 {font-size: 11px !important; text-transform: uppercase; display: block; line-height: 12px !important; opacity: .6; color: #fff; text-align: center; padding: 0 !important } .slider_text-fix-bottom {position: absolute; bottom: 30px; left: 0; right: 0; font-size: 16px; line-height: 24px; margin: 0; padding: 0 10px } .hup-popular-product .forsliders-margins .tt-description>.tt-price {margin-bottom: 15px } .header_timer>.container {max-width: 1400px } .tt-services-block-vertical .tt-col-description .tt-title {color: #fff } #infiniteoptions-container .spb-label-tooltip .spb-tooltip, #infiniteoptions-container .spb-label-tooltip .spb-tooltip div {margin-bottom: 0; line-height: normal } #infiniteoptions-container .spb-tooltip .spb-tooltiptext {position: absolute; padding: 10px; bottom: auto; left: 50%; margin-left: 0; top: calc(-100% + -5px); display: block !important; border: none !important; font-size: 14px; font-weight: 400; line-height: 22px; transform: translateX(-50%); margin-top: 0 } .hup-shop-by-style.hup-shop-by-style-css .tt-promo-box {border-radius: 8px } .hup-shop-by-style.hup-shop-by-style-css .tt-promo-box>img {min-height: 300px; max-height: 300px; object-fit: cover; object-position: center center; transition: transform 1s ease-in-out; transform: scale(1) } .hup-shop-by-style.hup-shop-by-style-css .tt-description-wrapper:hover .tt-promo-box>img {transform: scale(1.5) } .hup-shop-by-style.hup-shop-by-style-css .tt-description .tt-title-small {font-size: 22px } a {color: #35749f } a:hover {color: #343434 } .tt-breadcrumb {background: #fff } .tt-product .tt-description>.tt-row>.tt-rating {margin-top: 20px } .tt-desktop-header .tt-account-button a h4 {padding-bottom: 0 !important } .header-icon-with-text.tt-wishlist {order: 3; line-height: 1; display: inline-flex } .header-icon-with-text.tt-wishlist span.tt-icon svg {height: 23px; width: 23px } .header-icon-with-text.tt-wishlist .tt-icon path {fill: #fff } .header-icon-with-text.tt-wishlist .tt-badge {position: absolute; top: -12px; right: -12px; font-size: 12px; color: #fff; background-color: #333; min-width: 18px; min-height: 18px; display: flex; justify-content: center; align-items: center; border-radius: 99px; line-height: 1; margin: 0; padding: 0; max-width: 18px } header .tt-cart .tt-dropdown-toggle .tt-badge-cart {background-color: #333 !important } body.pagewishlist .row.tt-layout-product-item {margin-top: 0 } .header-icon-with-text.tt-wishlist>a {position: relative; text-align: center; color: #ffff; font-size: 14px; font-weight: 400; } @media only screen and (max-width:1024px) {.header-icon-with-text.tt-wishlist span.tt-icon svg {height: 20px; width: 20px } .header-icon-with-text.tt-wishlist {margin-top: 19px } .tt-mobile-header .tt-header-row .tt-parent-box {margin-left: 0 } .header-icon-with-text.tt-wishlist {padding-right: 4px } } @media only screen and (max-width:767px) {.header-icon-with-text.tt-wishlist {margin-top: 12px } } @media only screen and (max-width:359px) {.tt-mobile-header .tt-logo img {max-width: 100px } } .inventory_info {font-size: 16px !important; font-family: Poppins, sans-serif; line-height: 24px; font-weight: 600 } .inventory_info.special_order {color: #468aaf !important; background-image: url("data:image/svg+xml,  %3Csvg id='Icon_ionic-ios-star' data-name='Icon ionic-ios-star' xmlns='http://www.w3.org/2000/svg' width='17.144' height='15.919' viewBox='0 0 17.144 15.919'%3E%3Cpath id='Icon_ionic-ios-star-2' data-name='Icon ionic-ios-star' d='M18.743,  8.886H13.114L11.4,  3.781a.62.62,  0,  0,  0-1.163,  0L8.53,  8.886H2.862A.614.614,  0,  0,  0,  2.25,  9.5a.45.45,  0,  0,  0,  .011.1.588.588,  0,  0,  0,  .256.432l4.627,  3.26L5.369,  18.456a.614.614,  0,  0,  0,  .21.689.592.592,  0,  0,  0,  .344.149.75.75,  0,  0,  0,  .383-.138l4.516-3.218,  4.516,  3.218a.717.717,  0,  0,  0,  .383.138.55.55,  0,  0,  0,  .341-.149.607.607,  0,  0,  0,  .21-.689L14.5,  13.294,  19.084,  10l.111-.1a.585.585,  0,  0,  0-.452-1.022Z' transform='translate(-2.25 -3.375)' fill='%23468aaf'/%3E%3C/svg%3E"); background-size: 17px 16px; background-repeat: no-repeat; background-position: left center; padding-left: 23px } .inventory_info.low_stock {background-image: url("data:image/svg+xml,  %3Csvg id='Icon_ionic-md-alert' data-name='Icon ionic-md-alert' xmlns='http://www.w3.org/2000/svg' width='14.292' height='14.292' viewBox='0 0 14.292 14.292'%3E%3Cpath id='Icon_ionic-md-alert-2' data-name='Icon ionic-md-alert' d='M10.521,  3.375a7.146,  7.146,  0,  1,  0,  7.146,  7.146A7.167,  7.167,  0,  0,  0,  10.521,  3.375Zm.825,  10.719H9.7V12.72h1.649Zm0-3.023H9.7v-4.4h1.649Z' transform='translate(-3.375 -3.375)' fill='%23f3b50a'/%3E%3C/svg%3E"); background-size: 14px 14px; background-repeat: no-repeat; background-position: left center; padding-left: 20px; color: #f3b50a !important } .inventory_info.in_stock {background-image: url("data:image/svg+xml,  %3Csvg xmlns='http://www.w3.org/2000/svg' width='13.42' height='13.42' viewBox='0 0 13.42 13.42'%3E%3Cpath id='Icon_awesome-check-circle' data-name='Icon awesome-check-circle' d='M13.983,  7.273A6.71,  6.71,  0,  1,  1,  7.273.563,  6.71,  6.71,  0,  0,  1,  13.983,  7.273ZM6.5,  10.826l4.978-4.978a.433.433,  0,  0,  0,  0-.612l-.612-.612a.433.433,  0,  0,  0-.612,  0L6.19,  8.683l-1.9-1.9a.433.433,  0,  0,  0-.612,  0L3.07,  7.4a.433.433,  0,  0,  0,  0,  .612l2.814,  2.814a.433.433,  0,  0,  0,  .612,  0Z' transform='translate(-0.563 -0.563)' fill='%2353b31c'/%3E%3C/svg%3E"); background-size: 13px 13px; background-repeat: no-repeat; background-position: left center; padding-left: 18px; color: #53b31c !important } .inventory_info.out_of_stock {background-image: url("data:image/svg+xml,  %3Csvg id='Icon_ionic-ios-close-circle' data-name='Icon ionic-ios-close-circle' xmlns='http://www.w3.org/2000/svg' width='14.279' height='14.279' viewBox='0 0 14.279 14.279'%3E%3Cpath id='Icon_ionic-ios-close-circle-2' data-name='Icon ionic-ios-close-circle' d='M10.515,  3.375a7.14,  7.14,  0,  1,  0,  7.14,  7.14A7.139,  7.139,  0,  0,  0,  10.515,  3.375ZM12.324,  13.1,  10.515,  11.29,  8.706,  13.1a.549.549,  0,  1,  1-.776-.776l1.809-1.809L7.93,  8.706a.549.549,  0,  0,  1,  .776-.776l1.809,  1.809L12.324,  7.93a.549.549,  0,  0,  1,  .776.776L11.29,  10.515,  13.1,  12.324a.551.551,  0,  0,  1,  0,  .776A.545.545,  0,  0,  1,  12.324,  13.1Z' transform='translate(-3.375 -3.375)' fill='%23f30a0a'/%3E%3C/svg%3E"); background-size: 14px 14px; background-position: left center; background-repeat: no-repeat; padding-left: 20px; color: #f30a0a !important } .tt-carousel-products .tt-product .tt-description .tt-title, .tt-product-listing .tt-product .tt-description .tt-title {margin: 6px 0 8px } .tt-product .tt-description>.inventory_info {margin-bottom: 8px; display: inline-block } .tt-fixed-product-wrapper {padding: 20px 0 10px } .pagefaq #shopify-section-faq_template>.ws-container {padding-left: 10px; padding-right: 10px } .tt-fixed-product-wrapper h3.tt-title {padding-top: 0 !important } .tt-contact02-col-list .contact-row div[class^=col] {margin-left: auto; margin-right: auto } .copyright_section {background-color: #000 } .copyright_section>.container {padding-top: 5px; padding-bottom: 5px } .copyright_section p {color: #fff; margin-bottom: 0 } .copyright_section p a, .developed_by a {color: inherit } .copyright_section p a:hover, .developed_by a:hover {color: #35749f } .copyright_section p {color: #fff; margin: 0; text-align: center; font-size: 14px } .developed_by {line-height: 1; font-size: 14px; margin-top: 4px } .shg-c.sh_sh-hr-line hr {max-width: 1160px } .sh_full-width-img>img {width: 100%; object-fit: cover } .shogun-heading-component>h1, .shogun-heading-component>h2 {padding-bottom: 0 !important; line-height: 1.32 !important } .shg-rich-text.shg-theme-text-content>h2 {font-size: 32px !important; padding-bottom: 0 !important; line-height: 1.32 !important } @media (min-width:575.99px) and (max-width:790.99px) {.prpage-tabs>.container {max-width: 100%; padding-left: 20px; padding-right: 20px } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link {font-size: 16px !important } } @media (min-width:767.99px) {.tt-product-single-info .tt-row-custom-01 .col-item: nth-child(2) {max-width: calc(100% - 152px) } } @media (min-width:1025px) {.banner_main .col-lg-2 {flex: 0 0 20%; max-width: 20% } .hup-shop-by-style.hup-shop-by-style-css>.row>.col-sm-6 {flex: 0 0 33.33333%; max-width: 33.33333% } } @media (max-width:1025px) {.hup-popular-product .tt-block-title {margin-top: 30px !important; padding-bottom: 7px } .hup-popular-product .forsliders-margins {margin: 0 15px } .hup-popular-product .tt-product .tt-description {margin-top: 5px !important; position: relative } .tt-product .tt-description .tt-title {margin: 10px 0 !important } .product-parent .tt-description .tt-product-inside-hover {-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .product-parent:not(.tt-view) .tt-description .tt-product-inside-hover .tt-row-btn:not(:first-child) {margin-top: 0 } .tt-product .tt-description button.tt-btn-addtocart {width: 100% } .hup-blog.container-indent .tt-block-title {padding-bottom: 30px } .hup-blog .tt-blog-thumb {margin-top: 35px } .tt-blog-thumb .tt-title-description .tt-meta>div {padding: 0 8px } .hup-shop-by-brands .brand_main {padding: 0 10px } .hup-tab-home .tab button {padding: 15px 5px; font-size: 15px } footer {margin-top: 10px } footer .tt-footer-custom.footer-subscribe .tt-col-left {padding-right: 20px } footer .tt-footer-custom.footer-subscribe .tt-col-right {padding-left: 20px } footer .tt-footer-custom.footer-subscribe .tt-newsletter .tt-collapse-content .form-control {width: calc(100% - 117px) } .hup-blog.container-indent {margin-top: 33px !important } } @media only screen and (max-width:1024.99px) {.header_timer>.container {max-width: 100% } .header_timer .timer_content h3 {font-size: 15px !important } .header_timer .timer_content>p {font-size: 14px } .header_timer .timer_icon {margin-right: 15px } .header_timer .hup-timer li+li {padding-left: 10px } .header_timer .hup-timer li p {font-size: 20px !important } .header_timer .hup-timer li h6, .header_timer .timer_icon>p {font-size: 10px !important } .header_timer .timer_icon img {max-width: 20px } } @media (max-width:789px) {.container-indent.hup-blog {margin-top: 35px } div#shopify-section-1622033466f0a3520a .container-indent, div#shopify-section-1628166013ca37dbd4 .container-indent {margin-top: 35px !important } footer .tt-footer-custom.footer-subscribe .tt-col-left, footer .tt-footer-custom.footer-subscribe .tt-col-right {width: 100%; padding: 0 } .tt-footer-custom.footer-subscribe.tt-color-scheme-02 {background: #35749f; color: #fff; margin-top: 34px; text-align: center } footer .tt-footer-custom:last-child:not(:first-child) {margin-top: 0 !important } footer .tt-footer-custom.footer-subscribe .tt-collapse-title {color: #fff !important } footer .tt-footer-custom.footer-subscribe .trust-pilot iframe {margin: 0; width: 100% } footer .tt-footer-custom.footer-subscribe .trust-pilot span {margin-top: -20px } footer .tt-footer-custom .copygrid6.col-sm-6 {flex: 0 0 100%; max-width: 100% } footer .tt-footer-custom .tt-col-left, footer .tt-footer-custom .tt-col-right {width: 100% } footer .tt-footer-custom .tt-col-left ul {text-align: center; padding-top: 0 } footer .tt-newsletter .tt-mobile-collapse .tt-collapse-title:before {display: none } footer .tt-footer-custom.footer-subscribe .tt-collapse-title {border: 0; text-align: center; margin-top: 30px; font-weight: 700 } footer .tt-footer-custom.footer-subscribe .tt-mobile-collapse .tt-collapse-content {display: block } footer .tt-footer-custom.footer-subscribe .tt-newsletter .tt-collapse-content .form-control {width: 100% } footer .tt-footer-custom.footer-subscribe .tt-newsletter .tt-collapse-content .btn {background: #343434; padding-bottom: 15px } footer .tt-footer-custom:not(.footer-subscribe) .tt-row {border-top: 0 } footer .tt-footer-custom:last-child .tt-box-copyright {margin-top: 0 } footer .tt-social-icon li a {color: #fff } footer .tt-mobile-collapse {margin-top: 15px } footer .tt-mobile-collapse .tt-collapse-title:before {top: 11px } footer .tt-footer-custom.footer-subscribe .tt-col-left.full_width {width: 100%; margin: 0 } .tt-social-icon li a:hover, footer .tt-color-scheme-04 .tt-box-copyright a:focus, footer .tt-color-scheme-04 .tt-box-copyright a:hover {color: #343434 } .tp-bgimg.defaultimg:after {background: transparent linear-gradient(180deg, #34343455 0, #000 100%) 0 0 no-repeat } .tp-banner.revolution {height: 540px !important } } @media (max-width:767px) {.tt-mobile-header .tt-logo-container {padding: 15px 0 } .hup-icon-4 {display: none } .tp-bgimg.defaultimg:after {opacity: 1; background-image: linear-gradient(180deg, #34343455 50%, #000 100%); background: transparent linear-gradient(180deg, #34343400 50%, #000 100%) 0 0 no-repeat } .tt-top-panel .tt-row .tt-description {line-height: 20px !important; padding: 0 25px } header .tt-mobile-header-inline .tt-parent-box .tt-cart span:not(.tt-badge-cart) {display: none } header .tt-mobile-header-inline .tt-parent-box .tt-search .tt-dropdown-toggle {padding-top: 4px; padding-right: 15px } .timer_slider .hup-timer {max-width: 250px; width: 100%; margin: 0 auto !important } .timer_slider .hup-timer li {margin: 0 0 !important; text-align: center; width: 50% } .hup-timer li p {margin: 12px auto 5px } .hup-timer li h6 {letter-spacing: 0; font-size: 12px } .hup-blog.container-indent:after {height: 85% } .announcement-bar__newsletter-inner .form__input-wrapper {width: 100%; margin-bottom: 10px } .announcement-bar__newsletter-inner .form__input-wrapper input, .announcement-bar__newsletter-inner button {width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .hup_header_timer-col {flex: 1 1 100%; width: 100%; text-align: center } .hup_header_timer-col-right {max-width: 100%; justify-content: center } .header_timer .timer_icon {margin-right: 10px } .header_timer .timer_slider .hup-timer {max-width: 100%; width: 100% } .header_timer .timer_slider .hup-timer li {width: auto } } @media(min-width:575.99px) and (max-width:767.99px) {.prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link {font-size: 14px !important; padding-top: 8px !important; padding-bottom: 8px !important } } #shopify-section-16287517907755dc1f a.mobile-btn, .mobile-view {display: none } @media(max-width:575.99px) {.prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li {width: 100% } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left {border: 1px solid #436c94; border-radius: 10px; padding-bottom: 0; margin-bottom: 20px } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link {font-size: 14px !important; padding: 10px !important; line-height: 1.25; border-radius: 10px } .tt-blog-thumb-list [class^=col-] {padding-left: 10px; padding-right: 10px } .pagecollection .content-indent:not(:first-child) {margin-top: 20px } .usf-sr-container .usf-sr-summary {font-size: 22px !important } #tt-pageContent .container-fluid-custom-mobile-padding {padding-right: 10px; padding-left: 10px } header .tt-mobile-header-inline .tt-parent-box .tt-search .tt-dropdown-toggle {font-size: 25px; padding-top: 0; padding-right: 10px } .tp-banner.revolution {height: 469px !important } .slider_text-fix-bottom {bottom: 73px; font-size: 12px; line-height: 28px; padding: 0 10% } .timer_slider .hup-timer {max-width: 220px } .hup-timer li p {width: 70px; height: 70px; font-size: 30px !important; line-height: 70px; letter-spacing: 0 } .hup-timer li h6 {letter-spacing: 0; font-weight: 400 } h2.small:not([class^=tt-title]):not([class^=tt-collapse]):not([class^=tt-aside]), h3:not([class^=hup-header-timer-title]):not([class^=tt-title]):not([class^=tt-collapse]):not([class^=tt-aside]) {font-size: 18px !important; letter-spacing: .79px; line-height: 27px; padding-bottom: 15px !important } .banner_main .heading h3 span {color: #35749f } .banner_main .col-lg-6 {margin-bottom: 30px } .banner_main .banner_content p {font-size: 14px; line-height: 20px; letter-spacing: .62px; margin-bottom: 0 } .tt-block-title .tt-title {font-size: 18px; line-height: 27px } #shopify-section-1628752526960c0d3c .container-indent .tt-block-title {justify-content: center } #shopify-section-162815787859271c4f .col-sm-6 {flex: 0 0 50%; max-width: 50% } .category_main .Product_image a {display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin: 0 0 20px; box-shadow: 0 0 8px rgb(0, 0, 0, .08); border-radius: 5px; width: 100% } .category_main .Product_image img {width: 40px; padding: 5px } .category_main .Product_image a h5 {width: calc(100% - 40px); font-size: 12px !important; line-height: 18px !important; letter-spacing: .53px; padding-bottom: 0 !important; padding-left: 15px; padding-right: 10px; text-align: left } #shopify-section-1521705207815 .row {display: flex !important } #shopify-section-1521705207815 .col-sm-6 {flex: 0 0 50%; max-width: 50% !important } #shopify-section-162815787859271c4f .banner_main {padding: 0 0 } #shopify-section-162815787859271c4f .col-sm-6:last-child {max-width: 100% !important;flex: 1;} #shopify-section-162815787859271c4f .col-sm-6:last-child:not(:nth-child(2n)) .category_main .Product_image a {justify-content: center;} #shopify-section-162815787859271c4f .col-sm-6:last-child:not(:nth-child(2n)) .category_main .Product_image a h5 {width: auto;} /*     #shopify-section-162815787859271c4f .col-sm-6:nth-last-child(1) {padding: 0 0; flex: 0 0 100%; max-width: 100% !important } #shopify-section-162815787859271c4f .col-sm-6:nth-last-child(1) .category_main .Product_image a img {display: none } #shopify-section-162815787859271c4f .col-sm-6:nth-last-child(1) .category_main .Product_image a {background: #35749F; text-transform: uppercase; display: block; width: calc(100% - 20px); margin-left: 10px; height: 50px; box-shadow: 0 0 8px rgb(0, 0, 0, .08); border-radius: 5px } #shopify-section-162815787859271c4f .col-sm-6:nth-last-child(1) .category_main .Product_image a h5 {line-height: 50px !important; color: #fff; width: 100%; font-weight: 700; text-align: center } #shopify-section-162815787859271c4f .col-sm-6:nth-last-child(1) .category_main .Product_image a:hover {bottom: 0 } */ .hup-shop-by-style .tt-promo-box {border-radius: 2px } .hup-shop-by-style .tt-promo-box>img {min-height: 110px } .hup-shop-by-style .tt-description-wrapper .tt-description {padding: 0 20px 6px !important; border-radius: 2px } .hup-shop-by-style .tt-description .tt-title-large, .hup-shop-by-style .tt-description a.btn-view-range {display: none } .hup-shop-by-style .tt-description .tt-title-small {font-size: 14px; line-height: 20px; margin-bottom: 0 } .shopify-section.index-section .tt-block-title a, div#shopify-section-1628166013ca37dbd4 .tt-block-title a {font-size: 12px } .shopify-section.index-section .tt-block-title a .icon-e-31:before, div#shopify-section-1628166013ca37dbd4 .tt-block-title a .icon-e-31:before {font-size: 12px; vertical-align: middle; margin-bottom: 3px; font-weight: 700 } #shopify-section-1521705207815 .container-indent.hup-shop-by-style {margin-top: 5px !important; margin-bottom: 50px !important } div#shopify-section-1628752226ea2e59d0 .container-indent {margin-top: 20px !important } .hup-popular-product.container-indent {margin-top: 20px !important } .hup-popular-product .tt-product .tt-description {text-align: center } .hup-popular-product .forsliders-margins .tt-description>.tt-price, .hup-popular-product .tt-product .tt-description .tt-title {font-size: 14px; letter-spacing: .62px; line-height: 24px; font-weight: 500 } .hup-popular-product .forsliders-margins .tt-description>.tt-price {font-weight: 700; margin-bottom: 0 } .arrow-location-center-02 .slick-arrow, .arrow-location-tab .slick-arrow {width: 30px; height: 30px; background: rgba(52, 52, 52, .3) } .arrow-location-center-02 .slick-arrow:before, .arrow-location-tab .slick-arrow:before {font-size: 14px } .arrow-location-center-02 .slick-arrow {width: 25px; height: 25px } .arrow-location-center-02 .slick-arrow.slick-prev {right: 50px } #shopify-section-163230519917abfe27 .container-indent {margin-top: 0 !important } .tt-carousel-products-js.tt-layout-product-item .slick-arrow {top: 65px !important } .tt-product .tt-image-box .tt-img {min-height: 160px !important } .tt-product .tt-description .tt-add-info li a, .tt-product-design02 .tt-description .tt-add-info li a {color: #343434; letter-spacing: .62px } .hup-shop-by-brands .tt-carousel-brands a.brand-logo img {max-height: 25px } .hup-shop-by-brands .brand_main img {height: 90px } .hup-shop-by-brands .brand_main h5 {font-size: 12px !important; font-weight: 500 !important; line-height: 18px !important } .hup-shop-by-brands .brand_main a {font-size: 12px !important; font-weight: 500 !important; line-height: 18px !important; letter-spacing: .53px; background-position: center right 10px; background-size: 11px } .hup-tab-home.tab_main {margin-bottom: 35px } .desktop-view {display: none } .mobile-view {display: block } .hup-tab-home .mobile-view {border-radius: 10px; overflow: hidden } .accordion .accordion-btn {font-family: Poppins, sans-serif; cursor: pointer; padding: 15px 40px 14px 17px; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important; font-size: 14px; font-weight: 700; color: #000; background-color: rgba(53, 116, 159, .1); position: relative } .accordion .accordion-btn:after {content: '\e9b1'; font-family: wokiee_icons; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; color: #000; transition: all .25s ease-out !important; -webkit-transition: all .25s ease-out !important } .accordion.active .accordion-btn {background-color: #35749f; color: #fff; border-radius: 10px 10px 0 0 } .accordion.active .accordion-btn:after {content: '\e9b2'; color: #fff } body:not(.productshowcase) .accordion-content {border: 1px solid rgba(53, 116, 159, .1); border-radius: 0 0 10px 10px; padding: 20px; font-size: 14px; line-height: 22px; display: none } .hup-blog.container-indent {padding-bottom: 59px } .hup-blog.container-indent .hup-blog-link {display: none } .hup-blog.container-indent:after {height: 56% } #shopify-section-16287517907755dc1f a.mobile-btn {display: block } .hup-blog .tt-blog-thumb {margin-top: 30px } #blog-slider .tt-title-description {padding: 6px 0 14px } #blog-slider .tt-img+.tt-title-description {margin-top: -36px } #blog-slider .tt-title-description .tt-meta, #blog-slider .tt-title-description .tt-meta .tt-autor {margin-top: 0 } #blog-slider .tt-title-description .tt-meta {color: #343434; line-height: 18px; font-size: 12px; letter-spacing: .53px } #blog-slider .tt-blog-thumb .tt-img img {max-height: 160px; border-radius: 5px } #blog-slider .tt-blog-thumb .tt-title-description .tt-background {top: 0; left: -10px; width: calc(100% + 20px); height: 100% } #blog-slider .slick-slide {padding: 0 10px } #blog-slider .slick-arrow {position: absolute; top: 95px !important; z-index: 7; cursor: pointer; font-size: 0; line-height: 0; background: 0 0; border: none; width: 30px; height: 30px; background: rgba(52, 52, 52, .3); color: #fff; font-weight: 600; border-radius: 50%; transition: all .2s linear; -ms-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear } #blog-slider .slick-arrow:before {font-family: wokiee_icons; font-size: 16px; line-height: 1 } #blog-slider .slick-prev {left: -5px } #blog-slider .slick-next {right: -5px } #blog-slider .slick-prev:before {content: "\e90d"} #blog-slider .slick-next:before {content: "\e90e"} #blog-slider .tt-title-description .tt-title a {font-size: 12px; letter-spacing: .53px; line-height: 20px } } @media (max-width:450px) {.hup-tab-home .tab button, .hup-tab-home .tab button: nth-last-child(1) {width: 100% } .hup-tab-home .tab {flex-wrap: wrap } .tt-top-panel .tt-row .tt-btn-close {left: -5px } footer .tt-footer-custom .tt-col-left ul li:not(:first-child) {border-left: 0; padding: 0 0 10px 0 } footer .tt-footer-custom .tt-col-left ul li {display: block; line-height: 1; padding: 0 0 10px 0 } .header_timer .timer_content h3 {font-size: 13px !important; line-height: 18px !important; } .header_timer .timer_content>p {font-size: 12px; line-height: 16px } .header_timer .hup-timer li p {height: 2rem; width: 2rem; line-height: 2rem !important; font-size: 16px !important; /* line-height: 18px !important */ } .header_timer .hup-timer li:last-child p {line-height: 1.7rem !important;} .tt-description .madeinitaly_btn-text {font-size: 14px !important } .header_timer .timer_icon img {max-width: 18px } } @media (max-width:350px) {h2.small: not([class^=tt-title]):not([class^=tt-collapse]):not([class^=tt-aside]), h3:not([class^=tt-title]):not([class^=tt-collapse]):not([class^=tt-aside]) {font-size: 16px !important; letter-spacing: 0 } .tt-carousel-products-js.tt-layout-product-item .slick-arrow {top: 52px !important } .tt-product .tt-image-box .tt-img {min-height: 130px !important } } .tp-widget-wrapper {text-align: left !important } shg-c.sh_sh-p-text .shg-rich-text.shg-theme-text-content>p+p {margin-top: 0 } #tt-pageContent::after, #tt-pageContent::before {content: ''; display: table; clear: both } /* Product Tile template */ @media (min-width: 1025px){.tiles-template .product_page_template #tabs-area {margin-top: 100px !important;} .tiles-template .Product_customer-tab-content-wrapper .ga-products-box {padding-top: 50px;} } .tiles-template .product_page_template #tabs-area .container {max-width: 1400px;} .tiles-template .Product_customer-tab-content-wrapper .ga-products-box {margin-top: 0 !important;margin-bottom: 0 !important;} .tiles-template .tt-breadcrumb li {font-size: 14px;font-weight: normal;} .tiles-template .tt-breadcrumb li a:hover {color:#35749f} .tiles-template{overflow:unset;} .tiles-template .product-page-gallery .container-fluid-mobile .col-12.col-sm-6 {flex: 0 0 60%;max-width: 60%;} .tiles-template .product-page-gallery .container-fluid-mobile .col-6{flex: 0 0 40%;max-width: 40%;} @media (min-width: 1120px){.tiles-template .product-page-gallery .container-fluid-mobile .col-12.col-sm-6 {flex: 0 0 65%;max-width: 65%;} .tiles-template .product-page-gallery .container-fluid-mobile .col-6 {flex: 0 0 35%;max-width: 35%;} } .tiles-template .product-images-carousel{padding-bottom: 20px;} .tiles-template .tt-collapse-block.prpage-tabs{padding-top: 50px;} .tiles-template .tt-product-single-info{padding-left: 20px; position:sticky; top: 50px; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .tiles-template .tt-product-single-info .tt-title{font-size: 28px; font-weight: 700; line-height: 42px; text-transform: capitalize !important; margin-bottom: 10px; } .tiles-template .spr-starrating .spr-icon:before{font-size: 14px; color: #35749f; } .tiles-template .tt-product-single-info .spr-badge-caption{color: #000;} .tiles-template .tt-product-single-info .tt-price{margin-bottom: 10px;} .tiles-template .tt-product-single-info .tt-price, .tiles-template .tt-product-single-info .tt-price .new-price, .tiles-template .tt-product-single-info .tt-price .sale-price{font-size: 30px; /*   color: #35749f; */ color: #191919; margin-top:0; vertical-align: middle; margin-right:-4px; } .spr-badge[data-rating="0.0"]{display: none;} .tiles-template .tt-product-single-info .tt-price .unit{padding-right:8px;text-transform:lowercase;} /* .tiles-template .tt-product-single-info .tt-price .new-price{padding-right:5px;} */ .tiles-template .tt-product-single-info .tt-price span.price_per_tiles{font-size:20px;padding-left:8px;} .tiles-template .tt-product-single-info .tt-price span.price_per_tiles .amount{font-size:30px;} .tt-product-single-info .tt-price span.unit{font-size:20px;} .tiles-template .tt-product-single-info .tt-price span.price_per_tiles sup{font-size:14px; vertical-align:super; } .cart-sqm span.unit, .sqm span.unit{text-transform:lowercase;font-size:14px;} .cart-sqm span.unit sup, .sqm span.unit sup{vertical-align:super;font-size:60%;} .tiles-template .tt-product-single-info .tt-add-info ul li{text-transform: uppercase; color: #C2C2C2; padding: 5px 0; } .tiles-template .tt-product-single-info .tt-add-info ul li span:first-child{color: #333;} .tiles-template .inventory_info.special_order{background-size: 20px 18px; padding-left: 33px; color:#35749F !important; margin-bottom:7px; } .tiles-template .variantions .single-variant h5.variant-title, .tiles-template .tt-wrapper form h5.qnty-title{font-size: 18px; line-height: 27px; font-weight: 600; padding-top:15px; padding-bottom: 9px; } .tiles-template .variantions .color a{margin: 4px; border-radius: 50%; width: 17px; height: 17px; position: relative; display: inline-block; background-size: cover; font-size: 0; } .tiles-template .variantions .color a:before{content:''; width:60px; height:60px; border-radius: 50%; border: 3px solid #2c2c2c1f; position:absolute; left:-4px; top:-4px; } .tiles-template .variantions .color a:hover:before, .tiles-template .variantions .size a:hover, .tiles-template .variantions .finish a:hover { border-color: #2c2c2cab; } .tiles-template .variantions .finish a{display:inline-block; padding: 11px 33px; font-size: 14px; line-height:21px; text-transform:uppercase; color: #000000; border: 3px solid rgb(44, 44, 44, 0.3); background:transparent; margin-right:15px; } .tiles-template .variantions .size a{display:inline-block; width:90px; padding:10px 0; text-align:center; font-size: 14px; line-height:21px; text-transform:uppercase; color: #000000; border: 3px solid rgb(44, 44, 44, 0.3); background:transparent; margin-right:15px; } .tiles-template .variantions .finish a:nth-child-last(1), .tiles-template .variantions .size a:nth-child-last(1){margin-right:0;} .tiles-template .variantions .color a.active:before, .tiles-template .variantions .finish a.active, .tiles-template .variantions .size a.active{border-color:#6897b7; -webkit-box-shadow:0 0 10px #6897b7; box-shadow:0 0 10px #6897b7; } .tiles-template .tt-row-custom-01{-webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tiles-template .tt-row-custom-01 .col-item:nth-child(2){text-align:right;} .tiles-template .tt-wrapper{margin-top:5px !important;} .tiles-template .tt-input-counter.style-01{max-width: 200px; min-width: 200px; background: #F7F8FA; border-radius: 6px; display: flex; } .tiles-template .tt-input-counter.style-01 .plus-btn, .tiles-template .tt-input-counter.style-01 .minus-btn{width:50px; height: 45px; position: static; } .tiles-template .tt-input-counter.style-01 .plus-btn:before, .tiles-template .tt-input-counter.style-01 .minus-btn:before{color: #C2C2C2; font-size:22px; line-height:45px; font-weight:700; } .tiles-template .tt-input-counter.style-01 label.quantity-input{width:100px; position:relative; text-align:center; } .tiles-template .tt-input-counter.style-01 input{height:45px; padding-right: 0px; max-width: 30px; display: inline; text-align: right; } .tiles-template .tt-input-counter.style-01 .unit{color: #000; font-size:14px; position: static; text-transform: lowercase; display: inline; } .tiles-template .tt-input-counter.style-01 .unit sup{font-size:8px;vertical-align:super;} .tiles-template .tt-row-custom-01 .switch{position: relative; display: inline-block; width: 40px; height: 20px; vertical-align:middle; } .tiles-template .tt-row-custom-01 .switch input{opacity: 0; width: 0; height: 0; } .tiles-template .tt-row-custom-01 .slider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E0E0E0; -webkit-transition: .4s; transition: .4s; } .tiles-template .tt-row-custom-01 .slider:before{position: absolute; content: ""; height: 15px; width: 15px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } .tiles-template .tt-row-custom-01 input:checked + .slider{background-color: #35749F;} .tiles-template .tt-row-custom-01 input:focus + .slider{box-shadow: 0 0 1px #35749F;} .tiles-template .tt-row-custom-01 input:checked + .slider:before{-webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .slider.round{border-radius: 34px;} .slider.round:before{border-radius: 50%;} .tiles-template .tt-row-custom-01 .add-to-cart{width:100%;margin-top:30px;margin-bottom: 8px;} .tiles-template .tt-row-custom-01 .add-to-cart .btn.btn-lg{font-size:16px;} .tiles-template .tt-row-custom-01 .order-sample{width:100%;} .tiles-template .tt-row-custom-01 .order-sample .btn.btn-lg{text-transform:uppercase; font-size:16px; background:transparent; border: 1px solid #35749F; color:#35749F; } .tiles-template .tt-row-custom-01 .order-sample .btn.btn-lg:hover{color:#fff; background:#35749F; } .tiles-template .tt-collapse-block .tt-item .tt-collapse-title{font-size: 18px; /*   color: #35749F; border-top: 1px solid #35749F; */ color: #191919; border-top: 1px solid #191919; line-height:1; font-weight: 600; padding: 15px 20px; position: relative; cursor: pointer; } .tiles-template .tt-collapse-block .tt-item .tt-collapse-content .page_content > h3 {font-size: 16px;line-height: 1.5;padding-top: 0 !important;} .tt-product-single-info .tt-row-custom-01 > .col-item {padding-bottom: 0;} .tiles-template .tt-row-custom-01.product-info .meterSquare {padding-top: 8px;position: absolute;min-height: 40px;} .tiles-template .tt-row-custom-01.product-info {flex-wrap: wrap;} .tiles-template .tt-row-custom-01.product-info .meterSquare sup {vertical-align: super;} @media(min-width:1024px) {.tiles-template .tt-row-custom-01.product-info {position: relative;} .tiles-template .tt-row-custom-01.product-info .col-item:nth-child(2) {white-space: nowrap;} } @media(max-width:1399px) {.tiles-template .tt-row-custom-01.product-info .col-item:nth-child(2) {padding-bottom: 0;} } @media(min-width:768px) and (max-width:1023px) {.tiles-template .tt-row-custom-01.product-info .col-item:nth-child(2) {text-align: right;width: 100%;margin-top: 10px;} } @media(min-width:576px) and (max-width:767px) {.tiles-template .tt-row-custom-01.product-info .col-item:nth-child(2) {padding-bottom: 30px;} } @media(max-width:575px) {.tiles-template .tt-row-custom-01.product-info .col-item:nth-child(2) {margin-top: 10px;} } .tiles-template .tt-collapse-block .tt-item .tt-collapse-title:after, .tiles-template .tt-collapse-block .tt-item .tt-collapse-title:before{width: 16px; height: 2px; position: absolute; right: 30px; content: ''; /*   background-color: #35749F; */ background-color: #191919; top: 23px; } /* .tiles-template .tt-collapse-block .tt-item.active .tt-collapse-title {color: #35749F;border-top-color:#35749F} .tiles-template .tt-collapse-block .tt-item.active .tt-collapse-title:after, .tiles-template .tt-collapse-block .tt-item.active .tt-collapse-title:before {background-color: #35749F;} */ .tiles-template .tt-collapse-block .tt-item .tt-collapse-title:after{-webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:0.3s all ease; transition:0.3s all ease; } .tiles-template .tt-collapse-block .tt-item.active .tt-collapse-title:after{-webkit-transform:rotate(0deg); transform:rotate(0deg); } .tiles-template .tt-collapse-block .tt-item .tt-collapse-content{padding-left:20px; padding-right:20px; } .tiles-template .tt-mobile-product-slider.arrow-location-center .slick-arrow:hover{background:#35749F;} .tiles-template #custom-product-item .slick-arrow:before, .tiles-template .tt-mobile-product-slider.arrow-location-center .slick-arrow:before{color:#35749F;font-weight: 600;} .tiles-template #custom-product-item .slick-arrow:hover:before, .tiles-template .tt-mobile-product-slider.arrow-location-center .slick-arrow:hover:before{color:#fff;} .tiles-template .tt-breadcrumb{padding:32px 0 21px;} .tiles-template .tt-breadcrumb .container-fluid{padding-left: 20px; padding-right: 20px; } /* @media (min-width: 1230px){.tiles-template .tt-breadcrumb .container-fluid{max-width: 1200px;}} */ .tiles-template #tt-pageContent .container-indent.product-page-gallery{margin-top:0 !important;} .sample-box-sticky{font-family: 'Poppins', sans-serif !important; background:#fff; position: fixed; z-index:111 !important; width: 100%; height: 130px; z-index: 10; display: block; left: 0px; bottom: -130px; -webkit-transition: all 0.2s; transition: all 0.2s; } .sample-cart-active .sample-box-sticky{bottom:0;} .sample-box-sticky .sam-header{display: inline-block; font-size:16px; background-color: #c2d5e2; border-radius: 10px 10px 0 0; /*   padding: 15px 36px; */ padding: 15px 30px; height:47px; /*   width:190px; */ margin-right: 40px; right: 0px; position: absolute; top: -46px; cursor: pointer; border: 1px solid #35749F; border-bottom: 0px; color: black; font-weight: 600; text-transform: uppercase; font-family: 'Poppins', sans-serif !important; } .sample-box-sticky .sam-header span.text{margin-right: 10px; } .sample-box-sticky .sam-header span.close{margin-left: 10px; } /* .sample-box-sticky .sam-header.icon-up-arrow:before{content: '\e90f'; font-family: 'wokiee_icons' !important; color: black; font-weight: 900; display:inline-block; margin-right: 14px; -webkit-transition: all 0.25s; transition: all 0.25s; } .sample-cart-active .sample-box-sticky .sam-header.icon-up-arrow:before{transform: rotate(180deg); } */ .sample-box-sticky .sam-body{background-color: #eaf1f5; width: 100%; height: 300px; border-top: 1px solid #35749F; } .sam-container{display: flex; flex-wrap: wrap; padding:0 30px 0 50px; align-items:center; } .sample-box-sticky .sam-body .sam-text{width: calc(100% - 810px); padding: 20px 0 20px 20px; } .sample-box-sticky .sam-body .sam-text h4{font-size:20px; padding-bottom:0; margin-bottom:0; } .sample-box-sticky .sam-body .sam-text p{margin:0;} .sample-box-sticky .sam-body .sam-items{display: flex; width: 600px; height: 120px; justify-content: space-evenly; margin:0 -10px; } .sample-box-sticky .sam-body .sam-items .box{width: 100px; margin: 14px 10px; background-color: white; height: 100px; text-align: center; background-size: cover; position: relative; } .sample-box-sticky .sam-body .sam-items .box img{width: 100%; height: 100%; object-fit: cover; } .sample-box-sticky .sam-body .sam-items .box .close{width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; } .sample-box-sticky .sam-body .sam-items .box div{text-align: center; padding: 0px; margin: 0px; } .sample-box-sticky .sam-body .sam-items .box .text{padding: 10px 0 0; line-height: 25px; } .sample-box-sticky .sam-body .sam-items .box .plus{font-weight: 400; /*   font-size: 24px; */ } .sample-box-sticky .sam-body .sam-items .box .close:after, .sample-box-sticky .sam-body .sam-items .box .close:before{content: ''; display: block; width: 2px; height: 14px; transform: rotate(45deg); background-color: white; right: 8px; position: absolute; top: 2px; } .sample-box-sticky .sam-body .sam-items .box .close:before{transform: rotate(-45deg); } .sample-box-sticky .sam-body .sample-checkout{width: 230px; width:auto; padding: 32px 20px; } .sample-box-sticky .sam-body .sample-checkout .btn{width:190px;} /*Full width container*/ .tiles-template .product-page-gallery > .container,.tiles-template .tt-breadcrumb .container-fluid {max-width: 1420px;} /*End full width container*/ @media only screen and (max-width: 1250px){.sam-container{padding: 0 0px;} .sample-box-sticky{height:226px;bottom:-225px;} .sample-box-sticky .sam-body .sam-text{width: 100%; order:1; /*     height: 30px; */ padding-bottom:10px; padding-right:20px; } .sample-box-sticky .sam-body .sam-items{/*     height:158px; */ order:2; } .sample-box-sticky .sam-body .sample-checkout{order:3;padding: 30px 20px 20px;} } @media only screen and (max-width: 1024px){.sample-box-sticky .sam-body .sample-checkout{width: calc(100% - 600px);} .sample-box-sticky .sam-body .sample-checkout .btn{width:100%;} .tiles-template .tt-product-single-info{padding-left: 0px;} .tiles-template .tt-product-single-info .tt-row-custom-01 .col-item:not(:last-child){margin-right:10px;} } @media (max-width: 991px){.tiles-template .tt-product-single-info .tt-price .unit{padding-right: 4px;} .tiles-template .tt-product-single-info .tt-price span.price_per_tiles{padding-left:4px;} .tiles-template .tt-product-single-info .tt-price .unit, .tiles-template .tt-product-single-info .tt-price span.price_per_tiles{font-size:18px;} .tiles-template .tt-product-single-info .tt-price, .tiles-template .tt-product-single-info .tt-price .new-price, .tiles-template .tt-product-single-info .tt-price .sale-price, .tiles-template .tt-product-single-info .tt-price span.price_per_tiles .amount{font-size:26px;} .tiles-template .tt-row-custom-01{flex-wrap:wrap;} .tiles-template .tt-input-counter.style-01{margin-bottom:15px;} .tiles-template .tt-row-custom-01 .col-item:nth-child(2){text-align: unset;} .sample-box-sticky{height: 300px;bottom: -300px;} .sample-box-sticky .sam-body .sample-checkout .btn{width:100%;} .sample-box-sticky .sam-body .sam-text{/*     height: 80px; */ } .sample-box-sticky .sam-body .sam-items{width: 100%; max-width: 600px; height: 130px; margin: 0 auto; } .sample-box-sticky .sam-body .sample-checkout{width: 100%; padding-top: 0px; } } @media (max-width: 767px){.tiles-template .tt-breadcrumb{padding:15px 0;} .tiles-template .tt-breadcrumb ul li{font-size: 14px;} .tiles-template .tt-collapse-block .tt-item:nth-child-last(1){border-bottom:1px solid #35749F;} .tiles-template .tt-row-custom-01 .col-item:nth-child(2){text-align:right;} .tiles-template .product-page-gallery .container-fluid-mobile .col-12.col-sm-6{flex: 0 0 100%; max-width: 100%; } .tiles-template .product-page-gallery .container-fluid-mobile .col-6{flex: 0 0 100%; max-width: 100%; } } @media (max-width: 575px){.tiles-template .tt-product-single-info{padding-right: 0;} .tiles-template .tt-product-single-info .tt-row-custom-01 .col-item:not(:last-child){margin-right:0;} .tiles-template .tt-row-custom-01 .col-item:nth-child(2){margin-top: 0px;text-align: unset;} .tiles-template .tt-row-custom-01 .add-to-cart{margin-top: 12px;} .tiles-template .tt-product-single-info .tt-row-custom-01 .col-item .tt-input-counter.style-01{width:unset; max-width: fit-content; } .tiles-template .tt-product-single-info .tt-price, .tiles-template .tt-product-single-info .tt-price .new-price, .tiles-template .tt-product-single-info .tt-price .sale-price, .tiles-template .tt-product-single-info .tt-price span.price_per_tiles .amount{font-size: 24px;} .tiles-template .tt-product-single-info .tt-price .unit, .tiles-template .tt-product-single-info .tt-price span.price_per_tiles {font-size: 16px; } .sample-box-sticky{height: 410px;bottom: -410px;} .sample-box-sticky .sam-body{height: 450px;} /*   .sample-box-sticky .sam-body .sam-text{height: 100px;} */ .sample-box-sticky .sam-body .sam-items{width: 100%; flex-wrap: wrap; height: auto; justify-content: center; } .sample-box-sticky .sam-body .sample-checkout{width: 100%;padding-top: 7px;} .sample-box-sticky .sam-body .sam-text h4{font-size:16px;} .sample-box-sticky .sam-body .sam-text p{font-size:14px;} .sample-box-sticky .sam-body .sam-items .box{max-width: 27%;margin:7px;} .sample-box-sticky .sam-body .sam-items .box .text{font-size: 14px;line-height: 27px;} } /* Product Tile template ENDS */ /*tile collection*/ .tiles-template.page .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-price {display: none;} .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .boost-pfs-filter-product-bottom-inner {display: flex;flex-flow: column;} .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .item-data {display: flex;margin-top: auto;border-bottom: 1px solid #ddd;padding-bottom: 6px;} .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .item-data .price-per-meterSquare {margin-left: auto;font-weight: 500;} .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .price-per-meterSquare sup {vertical-align: baseline;top: -.5em;} .tiles-template.page .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-title {font-weight: 500; font-size: 15px; line-height: 1.3; min-height: 50px; margin-bottom: 15px; } .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .boost-pfs-filter-product-bottom-inner .col-subTitle {margin-bottom: 15px;line-height: 1.25;opacity: .8;} .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .item-data span {font-size: 14px; line-height: 1.6em; } @media(max-width:576px) {.tiles-template.page .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-title {font-size: 14px;} .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .boost-pfs-filter-product-bottom-inner .col-subTitle {font-size:15px;} .tiles-template.page .boost-pfs-filter-product-bottom.tiles-template .item-data span {font-size: 13px;} } /*End tile collection*/ /* tiles product in search page */ .search.page .boost-pfs-filter-product-bottom.tiles-template .boost-pfs-filter-product-item-price {display: none;} .search.page .boost-pfs-filter-product-bottom.tiles-template .boost-pfs-filter-product-bottom-inner {display: flex;flex-flow: column;} .boost-pfs-filter-product-bottom.tiles-template .item-data {display: flex;margin-top: auto;padding-bottom: 6px;} .boost-pfs-filter-product-bottom .boost-pfs-filter-product-bottom-inner{border-bottom: 1px solid #ddd;} .boost-pfs-filter-product-bottom.tiles-template .item-data .price-per-meterSquare {margin-left: auto;font-weight: 500;} .search.page .boost-pfs-filter-product-bottom.tiles-template .price-per-meterSquare sup {vertical-align: baseline;top: -.5em;} .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-title{margin-bottom: 15px !important;} .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-title, .search.page .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-title {font-weight: 500; font-size: 15px; line-height: 1.3; min-height: 50px; margin-bottom: 15px; } .boost-pfs-filter-product-bottom.tiles-template .boost-pfs-filter-product-bottom-inner .col-subTitle{margin-bottom: 15px; line-height: 1.25; opacity: .8; display:block; } .search.page .boost-pfs-filter-product-bottom.tiles-template .item-data span, .boost-pfs-filter-product-bottom.tiles-template .item-data span{font-size: 14px; line-height: 1.6em; } @media(max-width:576px) {.search.page .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-title {font-size: 14px;} .boost-pfs-filter-product-bottom.tiles-template .boost-pfs-filter-product-bottom-inner .col-subTitle {font-size:15px;} .search.page .boost-pfs-filter-product-bottom.tiles-template .item-data span, .boost-pfs-filter-product-bottom.tiles-template .item-data span{font-size: 13px;} } /* End */ .tiles-template .variantions .color a {border-radius: 0%; width: 60px; height: 60px; } .tiles-template .variantions .color a:before {border-radius: 0%; left: 0px; top: 0px; } /* button.btn.btn-lg.pre-order-btn {margin-top: 20px; width: 100%; } */ /* 27-6-22 Tile calc popup */ .tiles-template .tt-row-custom-01.product-info{align-items: flex-start; } .tiles-template .tt-row-custom-01.product-info .col-item{width:50%;} .tt-product-single-info .tt-row-custom-01 .col-item:nth-child(2) {-webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .tiles-template .tt-row-custom-01.product-info .col-item:nth-child(1){/*   width:100%; */ /*   display:flex; flex-wrap:wrap; */ margin: 0; } .tiles-template .tt-row-custom-01.product-info .col-item .wrap{width: 100%; margin-bottom: 10px; padding-right: 20px; display: flex; align-items: center; } .tiles-template .tt-row-custom-01.product-info .meterSquare{position: relative; min-height: initial; padding-right: 10px; padding-top: 10px; } .tiles-template .tt-row-custom-01.product-info img#calculator{width: 42px; height: 42px; cursor: pointer; margin-left: auto; } .tiles-template .tt-input-counter + .wrap {max-width: 200px; padding-right: 0 !important; margin-top: 10px; } #boxes #dialog, #boxes #mask{display:none;} #boxes #dialog{width:100% !important; background: transparent !important; overflow: auto; padding:30px !important; } #boxes #dialog .window-wrap{position: relative; background:#fff; margin:auto; max-width: 800px !important; width: 90% !important; padding: 15px 30px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } #popupfoot{position: absolute; top: -25px; right: -13px; } #popupfoot a{display: block; width: 30px; height: 30px; font-size:0; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=="); } .popup-calc #boxes p{margin-top: 0px; font-size: 16px; } #modalarea{margin: 20px 0 0; } #modalarea button.useThisQty{order:2; cursor: pointer; color: #fff; background: #35749f; font-family: 'Poppins', sans-serif; padding: 10px 20px; font-size: 14px; text-align: center; display: inline-block; /*   width: 100%; */ -webkit-appearance: none; -moz-appearance: unset; border: 0; font-size: 16px; font-weight: 700; margin: 30px 0 25px; letter-spacing: 0.03em; position: relative; outline: none; text-transform: capitalize; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #modalarea button.useThisQty:hover, #modalarea button.useThisQty:focus{background: #343434; } #modalarea .areaTabs{display: flex; flex-wrap: wrap; } #modalarea .areaTabs h4{order:3; width: 100%; text-align: left; padding-bottom: 0; } #modalarea .areaTabs p{order:4; width: 100%; text-align: left; margin-bottom: 20px; margin-top: 10px; } #modalarea .areaTabs #areaTable{order: 1; width: 100%; font-size: 16px; } #modalarea .areaTabs #areaTable tbody tr td {border-bottom: 1px solid #d0d0d0; } #modalarea .areaTabs #areaTable tr td{padding: 10px 0px; vertical-align: baseline; text-align: center; } #modalarea .areaTabs table tr td input{font-size: 14px; line-height: 1.618; padding: .5180469716em; width: 100%; border: none; background-color: #F0F0F0; text-align: center; border-radius: 0.3rem; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%); padding-left: 0.7em; padding-right: 0.7em; -webkit-appearance: none; } #modalarea .areaTabs table td.new_row{text-align: center; border-bottom: 1px solid #d0d0d0; } #modalarea .areaTabs table td.new_row button{font-size: 14px; color: black; background-color: transparent; padding: 0px; font-weight: bold; -webkit-appearance: none; -moz-appearance: unset; border: 0; } #modalarea .areaTabs table td.new_row button span{vertical-align: middle;} #modalarea .areaTabs table td.new_row button svg{vertical-align: middle; border-radius: 50%; border: 3px solid #191919; width: 20px; height: 20px; margin-right: 2px; } #modalarea .areaTabs table td.new_row button svg g, #modalarea .areaTabs table td.new_row button svg g polygon{fill: none !important; } #modalarea .areaTabs table td.new_row button svg g polygon:nth-last-child(1){fill:#191919 !important;} #modalarea .areaTabs table tr:not(#tr1) td.remove_row{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAABaklE QVR42u2bwU3EAAzAMsqNxkjdgBUYpRsV+PBDgoKEY2wpfztpr6+biIiIiIiIiIiIv+SaeXqb65fneeJ7y+8IHyiW3xG+uvyO8LNFXuYZOpRFdQDpDB3KojqAdIYOZVEdQDpDh7Kof3uAiIgIy0d5tkNZZAdYOrMdyiI7wNKZ7VAW2QGWzmyHssgOAA2k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDupw+k++kD6X76QLqfPpDu1x+1t3PNnJRl3phztnPNHJBl3pljtnPNPCDLvDOPMbD0Ldj/9C/+FryMkSVvguvJ/+SbcMDeiPPdSfObHxERERERERERSF4BruIFmE6jgCgAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 20px; background-position: center; cursor: pointer; font-size:0; } /* .boost-pfs-filter-product-item-image-link img{margin: 0 auto;} .boost-pfs-filter-product-item-equal-height-auto .boost-pfs-filter-product-item-grid .boost-pfs-filter-product-item-image{overflow:hidden; } .search.page .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-title{text-transform: uppercase; } .boost-pfs-filter-product-item-equal-height-auto .boost-pfs-filter-product-item-grid .boost-pfs-filter-product-item-image-link{padding-top: 66.7% !important; } .search.page .boost-pfs-filter-product-bottom .boost-pfs-filter-product-bottom-inner{display: flex; flex-wrap: wrap; } .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-price{font-size: 14px !important; line-height: 1.6em !important; } .boost-pfs-filter-product-bottom .tt-special_align_text{width:40%;} .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{width:60%;} .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-price .boost-pfs-filter-product-item-sale-price{color: #343434 !important; } .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{text-align: right; } */ .inventory_info.in_stock{background-position: left top 5px; font-size: 14px !important; } .inventory_info.special_order{background-size: 15px; padding-left: 20px; font-size: 14px !important; } @media only screen and (max-width: 1100px){.tiles-template .tt-row-custom-01.product-info .col-item {width: 100%; padding-bottom:10px; } } @media only screen and (max-width: 768px){/*   .boost-pfs-filter-product-bottom .tt-special_align_text, .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{width:100%;} .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{text-align:left;} */ .tiles-template .tt-input-counter.style-01{margin-bottom: 10px;} .tiles-template .tt-row-custom-01.product-info .col-item .wrap{margin-bottom: 0px;} #modalarea button.useThisQty{width:100%;} #boxes #dialog{padding: 30px !important; height:100% !important; } #modalarea .areaTabs #areaTable{max-width: 320px; margin: auto; } #modalarea .areaTabs #areaTable, #modalarea .areaTabs #areaTable tbody, #modalarea .areaTabs #areaTable tfoot{display: block;} #modalarea .areaTabs #areaTable tr{width: 100%; display: block; position: relative; } #modalarea .areaTabs #areaTable tbody tr{padding: 0 20px;} #modalarea .areaTabs #areaTable tfoot tr td, #modalarea .areaTabs #areaTable tbody tr td{border-bottom: none; display: block; max-width: 100%; padding: 10px 20px; } #modalarea .areaTabs #areaTable tbody tr, #modalarea .areaTabs #areaTable tfoot tr td{border-bottom: 1px solid #d0d0d0;} #modalarea .areaTabs #areaTable tbody tr td:nth-child(3), #modalarea .areaTabs #areaTable tbody tr td:nth-child(5){display:none;} #modalarea .areaTabs #areaTable tbody tr td.index{position: absolute; left: 0; width: 30px; padding: 10px 0; } #modalarea .areaTabs #areaTable tbody tr td.remove_row{position: absolute; padding: 10px 0; right: 0; bottom:0; width: 30px; z-index:11; background-position: top 20px right; } } @media (max-width: 575px){/*   .boost-pfs-filter-product-bottom .tt-special_align_text{width:40%;} .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{width:60%;} .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{text-align: right; } */ #boxes #dialog {width: 100% !important;padding:30px 10px !important} #boxes #dialog .window-wrap{padding: 15px !important;} .tiles-template .tt-row-custom-01.product-info .col-item:nth-child(2){margin-top: 0px; margin-bottom: 10px; } /*   .boost-pfs-filter-product-bottom .boost-pfs-filter-product-item-price{font-size: 13px !impr;} */ } /* @media only screen and (max-width: 400px){.boost-pfs-filter-product-bottom .tt-special_align_text, .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{width:100%;} .boost-pfs-filter-product-bottom .tt-special_align_text + .boost-pfs-filter-product-item-price{text-align:left;} } */ /* 27-6-22 ends */ /* 12-9-22 */ @media only screen and (min-width: 1100px){.sample-box-sticky .sam-body .sam-items {width: unset !important; } .sample-cart-active .sample-box-sticky{height: 140px !important;} .sample-box-sticky .sam-body{height: 140px; padding-top: 15px; } .sample-box-sticky .sam-body .sam-text{/*width: calc(100% - 800px) !important;*/ width: unset !important; } .sample-box-sticky .sam-body .sample-checkout{width: unset;margin: 0 !important;} .sample-box-sticky .sam-body .sample-checkout .btn {/*     width: 170px; */ } .sam-container{justify-content: end; max-width: 1660px; margin: auto; } .sample-box-sticky .sam-body .sam-items .box{width: 80px; height: 80px; } .sample-box-sticky .sam-body .sam-items .box .plus, .sample-box-sticky .sam-body .sam-items .box .text{line-height: 22px; font-size: 14px; } } @media only screen and (max-width: 1400px) and (min-width: 1200px){.sample-box-sticky .sam-body .sam-text{width: calc(100% - 800px) !important; } } @media only screen and (min-width: 1661px){.sample-box-sticky .sam-header{right:calc(calc(100% - 1660px) /2)} } /* 12-9-22 ends */ /* 14-9-22 */ .klaviyo-form-SUk8zJ .klaviyo-form h4{padding-bottom: 0 !important; margin-bottom: 5px !important; } .klaviyo-form-SUk8zJ .klaviyo-form p span{font-weight: 600 !important; line-height:28px !important; } footer .tt-color-scheme-02 .tt-newsletter ::-webkit-input-placeholder{opacity:1;} footer .tt-color-scheme-02 .tt-newsletter input::placeholder{opacity:1;} .klaviyo-form-SUk8zJ .klaviyo-form button{padding-left: 29px !important; padding-right: 29px !important; margin-left: -6px !important; border-radius: 0 6px 6px 0 !important; } .klaviyo-form-SUk8zJ .klaviyo-form button:hover{background:#000 !important;} /* 14-9-22 ends */ /* 15-9-22 */ .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:last-child>.nav-link{background-color: transparent !important; color: #343434; } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:last-child>.nav-link:hover, .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:last-child>.nav-link.active{color: #fff !important; background-color: #436c94 !important; } @media (max-width: 1024px){.prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left{margin: 0 -40px;} } @media (max-width: 800px){.prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left{margin: 0;} } /* 16-9-22  */ .pro-tab.title-desc h4, .pro-tab.title-desc p{font-weight: 700 !important; padding-bottom: 0px !important; } .pro-tab.title-desc p{font-size:18px; padding-bottom: 5px !important; margin:0; } .pro-tab.title-desc{padding:0px 20px; text-align: left; } .productwith-dropdown-selection .pro-tab.title-desc + .container-indent .container-fluid-custom-mobile-padding{padding-bottom:20px;} .contact-div span.trigger {color: #fff; } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link{background-color: rgba(53,116,159,.1); } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link:hover, .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link.active{background-color: #436c94; } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:nth-last-child(2)>.nav-link{border-radius: 0 10px 10px 0; } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:last-child>.nav-link{border-radius: 10px; background: #ccc !important; margin-left: 4px; } .tt-product-single-info .custom-product-options.btn{margin-bottom: 5px; } @media (max-width: 790.98px){.prpage-tabs .tab-content .tab-pane .contact-form .col-md-6:last-child .form-group:only-child {margin-top: 0; } } @media (max-width: 575.99px){.productwith-dropdown-selection .pro-tab.title-desc + .container-indent .container-fluid-custom-mobile-padding{padding-bottom:40px;} .pro-tab.title-desc{padding:20px 20px 0;} .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left{overflow: hidden; } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li>.nav-link, .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:nth-last-child(2)>.nav-link, .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:last-child>.nav-link{border-radius: 0px; margin: 0 -1px; } .prpage-tabs .nav.nav-tabs.tt-tabs-default.tt-tabs-left li:last-child>.nav-link{margin-left: 0px; } } /* 16-9-22 ends */ /* 19-9-22 */ /*.badge .instant-ship, .badge .free-shipping{display: inline-block; padding: 0px 26px 0 20px; position: relative; background: #808080; font-weight: 700; color: #fff !important; flex-basis: auto; clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%); } .badge .free-shipping{background:#515251; } .boost-pfs-filter-product-bottom .badge{margin-bottom: 20px; } .boost-pfs-filter-product-bottom .badge span:nth-last-child(1):not(:only-child){margin-top:10px;} .tt-product-single-info .badge{display: flex; align-self: flex-start; flex-wrap:wrap; } .tt-product-single-info .badge span:nth-last-child(1):not(:only-child){margin-left:10px; } @media (max-width: 350px){.tt-product-single-info .badge span:nth-last-child(1):not(:only-child){margin-left:0; margin-top:10px; } }*/ .badge span{font-size: 15px; display: inline-block; padding: 0px 26px 0 20px; position: relative; background: #808080; font-weight: 700; color: #fff !important; flex-basis: auto; clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%); } .tt-product-single-info .badge span{min-width: 150px; text-align: center;} .badge .free-shipping{background:#515251; } .boost-pfs-filter-product-bottom .badge{margin-bottom: 20px; } /* .badge span:nth-last-child(1):not(:only-child) {} */ .boost-pfs-filter-product-bottom .badge span:nth-last-child(1):not(:only-child){margin-top:10px;} .tt-product-single-info .badge{display: flex; align-self: flex-start; flex-wrap:wrap; margin-top: 10px;} @media (max-width: 350px){.tt-product-single-info .badge .free-shipping{margin-left:0; margin-top:10px; } } /* Edited at 9/9/24 */ .badge .discount {background: red; } .badge span:not(:only-child):not(:first-child) {clip-path: polygon(0 0, 86% 0, 100% 100%, 14% 99%); margin-left: -10px; padding: 0 30px; min-width: 150px; text-align: center;} /* 19-9-22 Ends*/ /* 21-9-22 */ .tiles-template .tt-row-custom-01.product-info .col-item .wrap{margin-bottom:8px;} .tiles-template .tt-row-custom-01.product-info img#calculator{margin-top:10px;} /* .tiles-template .tt-row-custom-01.product-info .col-item {padding-bottom: 0px; } */ .tiles-template .tt-row-custom-01.product-info .col-item:nth-child(2){margin-right:0; } .tiles-template .contact-div{width:100%;} .tiles-template .contact-div span.trigger{color: #fff; display: block; padding: 12px !important; width: 200px; margin: 0 !important; line-height: unset; } .tiles-template .tt-row-custom-01 .add-to-cart{margin-top: 8px;} @media (max-width: 575px){/*   .tiles-template .contact-div span.trigger{width:100%;} */ } /* 18-10-22 */ footer .tt-footer-custom .tt-col-right ul.tt-social-icon{margin-top:0;} footer .tt-footer-custom.footer-subscribe .trust-pilot span{margin-top: 0;} @media (max-width: 789px){footer .tt-footer-custom.footer-subscribe .trust-pilot span {margin-top: 3px; } } /* 18-10-22 end */ .swatches .boost-pfs-filter-option-swatch-image{height: 25px !important; width: 25px !important; } .swatches .showMoreColors{cursor: pointer;} /* 31-10-22 */ .boost-pfs-filter-product-bottom-inner .boost-pfs-filter-option-item-list-swatch.circle-grid{margin-bottom: 2px !important; } .boost-pfs-filter-product-bottom-inner .boost-pfs-filter-option-item-list-swatch.circle-grid li{margin-top: 1px !important; margin-bottom: 4px !important; } /* 3-11-22 */ .fp-sub-heading{font-weight:700;} div#shopify-section-1647298649f90b3f51 .container-indent{margin-top: 30px !important; } body.search .spr-badge-caption .product-page-count{display:none !important; } /* Product page swatches */ .tt-product-single-info div.custom_swatches{margin-top: 10px; } .tt-product-single-info div.custom_swatches .swatch-grid {display: -webkit-inline-box !important; flex-wrap: wrap; } .tt-product-single-info div.custom_swatches .swatch-grid li{margin-top: 6px; margin-right: 5px; } .tt-product-single-info div.custom_swatches .swatch-grid span{height: 30px; width: 30px; border-radius: 50%; } /* 15-11-22 */ .tiles-template .tt-row-custom-01 .order-sample .btn.btn-lg{background-image: url("data:image/svg+xml,%3Csvg width='63' height='41' viewBox='0 0 63 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1557 40.4144L0.109985 20.3687L20.1557 0.322998L31.1134 11.2807L42.0711 0.322998L62.1168 20.3687L42.0711 40.4144L31.1134 29.4567L20.1557 40.4144ZM29.6992 28.0424L20.1557 37.5859L2.93841 20.3687L20.1557 3.15142L29.6992 12.6949L22.0254 20.3687L29.6992 28.0424ZM59.2883 20.3687L42.0711 37.5859L24.8538 20.3687L42.0711 3.15142L59.2883 20.3687Z' fill='%2334749F'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center left 16px; background-size: 40px; padding-right: 20px; border-width: 2px; padding-left: 61px; } .tiles-template .tt-row-custom-01 .order-sample .btn.btn-lg:hover{background-image: url("data:image/svg+xml,%3Csvg width='63' height='41' viewBox='0 0 63 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1557 40.4144L0.109985 20.3687L20.1557 0.322998L31.1134 11.2807L42.0711 0.322998L62.1168 20.3687L42.0711 40.4144L31.1134 29.4567L20.1557 40.4144ZM29.6992 28.0424L20.1557 37.5859L2.93841 20.3687L20.1557 3.15142L29.6992 12.6949L22.0254 20.3687L29.6992 28.0424ZM59.2883 20.3687L42.0711 37.5859L24.8538 20.3687L42.0711 3.15142L59.2883 20.3687Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center left 16px; background-size: 40px; } .tiles-template .contact-div span.trigger{width:100%;} /*Desktop color swatch menu*/ .dropdown.color_menu .row > .col-sm-12 {padding-top: 33px;padding-bottom: 33px;} .dropdown.color_menu .boost-pfs-filter-option-swatch-image {width: 20px; height: 20px; display: inline-block; vertical-align: middle; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-right: 5px; } @media screen and (min-width: 1025px) {.dropdown.color_menu .dropdown-menu {background: rgba(0,0,0,0);} .dropdown.color_menu .dropdown-menu > .row {max-width: 435px;margin-left: auto;background-color: #fff;padding-left: 30px;} } /*End desktop color swatch menu*/ /* 28-11-22 */ header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu .tt-megamenu-submenu.color-menu>li>a{padding-left: 30px;} header .tt-desktop-header .tt-desctop-menu .megamenu .dropdown-menu .tt-megamenu-submenu.color-menu>li>a img {width: 20px; height: 20px; visibility: visible; opacity: 1; top: 2px; right: unset; left:0; } .panel-menu .mmpanel .color-menu li a img {display: block; width: 16px; height: 16px; margin: 3px 6px 0 0; border: 1px solid #efefef; } .mobile-main-menu .mmpanels > .mmpanel>ul>li:not(.mm-close-parent,.menu-title){transition: background-color .1s ease-in-out; } .mobile-main-menu .mmpanels > .mmpanel>ul>li:not(.mm-close-parent,.menu-title):hover{background-color: #ebebeb; } .mobile-main-menu .mmpanels > .mmpanel>ul.menu-items-with-image>li:not(.mm-close-parent)>a{padding-left:45px;height: 47px;align-items: center; line-height: 30px; } .mobile-main-menu .mmpanels > .mmpanel>ul.menu-items-with-image>li:not(.mm-close-parent):not(:nth-last-child(1)){border-bottom: 2px solid #f5f5f5; } .mobile-main-menu .mmpanels > .mmpanel>ul.menu-items-with-image>li:not(.mm-close-parent){position:relative;} .mobile-main-menu .mmpanels > .mmpanel>ul.menu-items-with-image>li:not(.mm-close-parent)>img{display: inline-block; position: absolute; /*     left: 15px; top:3px; width: 40px; height: 40px; object-fit: contain; */ width: 20px; height: 20px; left: 15px; top: 50%; transform: translateY(-50%); object-fit: contain; } .panel-menu #mm0.mmpanel .mm-next-level:after {top: 50%; transform: translateY(-50%); } .mobile-main-menu .mmpanels > .mmpanel>ul.menu-items-with-image li.menu-title{margin:10px 0; padding:9px 27px; border-bottom: 1px solid #d6d6d6; } .mobile-main-menu .mmpanels > .mmpanel>ul.menu-items-with-image li.menu-title h4{font-weight:700; padding:0; } /* 1-12-22 */ nav.panel-menu.mobile-main-menu{width: 320px;} .panel-menu ul li a{padding: 9px 8px;} .panel-menu .mm-next-level:after{right: 20px;} @media screen and (max-width: 767px){.header_top_menu_main .container>.top_menu{display:none;} .tt-top-panel .tt-row .tt-description {padding: 0 20px;font-size: 12px !important;} } .panel-menu div.mmpanel.mmopened li img.menu-img{display: table-header-group; position: absolute; width: 30px; height: 30px; left: 15px; transform: translateY(-50%); object-fit: contain; /*     top: 13.5%; */ top:50%; } .panel-menu li a.mm-original-link{padding-left: 50px;} /* For Menu  */ /* 6-12-22 */ .panel-menu.mobile-main-menu ul li{position: relative;} .tt-top-panel .tt-row .tt-btn-close{display: none;} @media only screen and (max-width: 1024.99px){.tt-mobile-parent-menu .search, header .tt-mobile-header-inline .tt-parent-box .tt-cart .tt-dropdown-toggle{flex-wrap:wrap;flex-direction: column;} .tt-mobile-header .tt-header-row .tt-menu-toggle, header .tt-mobile-header-inline .tt-parent-box .tt-cart .tt-dropdown-toggle{padding:0;} .header-icon-with-text.tt-wishlist, .tt-mobile-header .tt-header-row .tt-menu-toggle{text-align: center;} .header-icon-with-text.tt-wishlist .show-mobile, .tt-mobile-header .tt-header-row .tt-menu-toggle .show-mobile, .tt-mobile-parent-menu .search .show-mobile, header .tt-mobile-header-inline .tt-parent-box .tt-cart span:not(.tt-badge-cart){display:block; color:#fff; font-size: 14px; line-height: 1; font-weight: 400; padding: 0; } /*   header .tt-mobile-header .tt-search.tt-dropdown-obj .tt-dropdown-menu {left: 0; position: fixed; top: unset; margin-top: 50px; background: #35749f; padding: 10px 20px 20px; } */ .tt-mobile-header .tt-search .tt-dropdown-menu form{background: #fff;border-radius: 12px;} .tt-mobile-header-inline .tt-mobile-parent-menu-icons {display: flex; align-items: center; flex-direction: row-reverse; } .tt-mobile-header .tt-logo-container{width: 50%;} .tt-mobile-header-inline .tt-mobile-parent-menu{left: unset;} .tt-mobile-header-inline .tt-mobile-parent-menu-icons{right: unset;} .tt-mobile-header-inline .tt-mobile-parent-menu, .tt-mobile-header-inline .tt-mobile-parent-menu-icons{width: 25%; position: relative; display: flex; align-items: flex-end; } .tt-mobile-header.tt-mobile-header-inline .tt-dropdown-obj{padding:0;} .tt-mobile-header.tt-mobile-header-inline .tt-dropdown-obj, .header-icon-with-text.tt-wishlist{margin-top: 0px;} .tt-mobile-header .tt-header-row .tt-parent-box:not(.tt-mobile-parent-search){margin-left: 20px;} .tt-mobile-header.tt-mobile-header-inline .tt-search.tt-dropdown-obj, header .tt-mobile-header-inline .tt-parent-box .tt-search .tt-dropdown-toggle{padding: 0;} .tt-mobile-header .tt-header-row .search{margin-left: 20px;text-align: center;} .tt-mobile-header .tt-search .tt-dropdown-menu form{height: 42px;} } @media only screen and (max-width: 480px){.header-icon-with-text.tt-wishlist .show-mobile, .tt-mobile-header .tt-header-row .tt-menu-toggle .show-mobile, .tt-mobile-parent-menu .search .show-mobile, header .tt-mobile-header-inline .tt-parent-box .tt-cart span:not(.tt-badge-cart){font-size: 10px;} .tt-mobile-header-inline .tt-mobile-parent-menu{padding-left: 10px;} .tt-mobile-header-inline .tt-mobile-parent-menu-icons{padding-right: 10px;} } header .tt-mobile-header-inline .tt-parent-box .tt-search .tt-dropdown-toggle{color:#fff;} /* 8-12-22 2nd level menu Nazish */ .panel-menu.mobile-main-menu ul li ul.third-level{display: none; } .panel-menu.mobile-main-menu ul.second-level li a:not(.mm-original-link){padding-left: 20px; } .panel-menu.mobile-main-menu ul li ul.third-level{padding-left:10px;} .mmpanel ul.second-level .mm-next-level:after{content:''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); background-size: 16px; background-position: center; width: 20px; height: 20px; } .mmpanel ul.second-level .mm-next-level.active:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); } .panel-menu ul li a{font-weight: 500 !important;font-size: 15px;} header .tt-mobile-header-inline .tt-parent-box .tt-search .tt-dropdown-toggle{color:#fff;} /* 8-12-22 2nd level menu Nazish Ends */ /*fix top bar issue in ipad*/ .tt-top-panel .tt-row .tt-description {display: flex;justify-content: center;} /*search bar fix & suggetion section*/ @media only screen and (max-width: 1024.99px) {body > #shopify-section-header-template {padding-bottom: 50px;} .tt-mobile-header-inline .tt-mobile-parent-menu {position: static;} header .tt-search .tt-dropdown-menu form .tt-search-input {padding-top:6px;padding-bottom:6px} header .tt-mobile-header .tt-search.tt-dropdown-obj .tt-dropdown-menu {left: 0;position: absolute;background: #35749f;padding: 0px 20px 8px;width: 100%;top: 100%;min-height: 50px;margin:0;} .boost-pfs-search-suggestion-wrapper {width: 100% !important;left: 0 !important;right: 0 !important;height: calc(100% - 203px); top: 203px !important;background: #f5f5f5;overflow-y: auto;-webkit-overflow-scrolling: touch;} body.body_header_menu-sticky .boost-pfs-search-suggestion-wrapper {height: calc(100% - 110px);top: 110px !important;} .boost-pfs-search-suggestion-wrapper .boost-pfs-search-suggestion {left: 0 !important;overflow-y: auto;max-height: 100% !important;background: #f5f5f5;} .boost-pfs-search-suggestion-wrapper .boost-pfs-search-suggestion .boost-pfs-search-suggestion-group {background: none;margin: 0 10px !important;} } @media (min-width: 481px) and (max-width: 1024.99px) {header .tt-mobile-header .tt-search.tt-dropdown-obj .tt-dropdown-menu { left: -20px;right:-20px;width: calc(100% + 40px);} } @media (min-width: 768px) and (max-width: 1024.99px) {body .boost-pfs-search-suggestion-column-2-non-fullwidth:not(.boost-pfs-search-suggestion-mobile) {width: 100% !important;max-width: 100%;} } /*search bar fix & suggetion section*/ /* 20-12-22 price on swatches in product page */ .hup-template-2-variant .tt-wrapper .tt-options-swatch.options-large li a.options-color{align-items: flex-start;justify-content:flex-start;color: #343434;font-size:16px;line-height: 22px;padding: 30px 0 0 5px; margin-top:30px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .hup-template-2-variant ul.tt-options-swatch li .options-color:before{font-size: 14px !important;line-height: 20px !important;background: #ffffffd1;} .hup-template-2-variant ul.tt-options-swatch li a.options-color{box-shadow:none !important;} .hup-template-2-variant ul.tt-options-swatch li {border-radius: 6px;box-shadow: 0 0 15px #e5e5e5!important;} .hup-template-2-variant .tt-wrapper .tt-options-swatch.options-large li a.options-color span{font-size: 14px; line-height: 1; position: absolute; border: none !important; top: -30px; left: 0; width: 100%; padding: 5px; text-align: left; color:#000; } .spb-productoptionswatchwrapper{box-shadow: 0 0 15px #e5e5e5; border: 3px solid #ffffff; border-radius: 10px; } .spb-productoptionswatchwrapper span.variant-price {font-size: 14px; line-height: 1; position: absolute; border: none !important; top: 0; left: 0; width: 100%; padding: 5px; color: #000; border-radius: 10px 10px 0 0; } span.spb-productoptionswatch {background-color: transparent; box-shadow: none; border:none !important; } .spb-productoptionswatchwrapper.custom-swatch-style{padding-top: 24px;} .custom-swatch-style .variant-price:last-child {display: none !important; } .custom-swatch-style .spb-productoptionswatch + .details + .variant-price {display: block !important; } .spb-productoptionswatchwrapper .details{    bottom: 0 !important; left: 0px !important; width: 100% !important;} .spb-productoptionswatchwrapper .details p{font-size: 14px;line-height: 22px;} @media screen and (max-width: 1025px){.spb-productoptionswatchwrapper .details p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .hup-template-2-variant ul.tt-options-swatch li .options-color:before {font-size: 13px !important; line-height: 18px !important; } } @media screen and (max-width: 767px){.hup-template-2-variant .tt-wrapper .tt-options-swatch.options-large li a.options-color{font-size:13px;line-height: 19px;} .spb-productoptionswatchwrapper span.variant-price{font-size: 13px;} .hup-template-2-variant ul.tt-options-swatch li .options-color:before } /* 20-12-22 price on swatches in product page End */ /* 21-12-22 */ .tt-top-panel .tt-description p{margin:0;} /* 21-12-22 end */ @media screen and (min-width: 767px) and (max-width: 900px) {.badge .instant-ship, .badge .free-shipping {padding-left: 15px;padding-right: 25px;font-size: 15px;} } @media screen and (max-width: 479px) {.badge .instant-ship, .badge .free-shipping {padding-left: 10px;padding-right: 20px;font-size: 15px;} } @media screen and (max-width: 350px) {.badge .instant-ship, .badge .free-shipping {padding-left: 8px;padding-right: 16px;font-size: 14px;} } /* 23-11 */ .help_text_below .spb-label-tooltip {flex-wrap: wrap; } .help_text_below .spb-label-tooltip label {max-width: calc(100% - 75px); } .help_text_below .spb-tooltip {width: 100%; font-size: 0; margin-top: 30px; } #infiniteoptions-container .help_text_below .spb-tooltiptext {visibility: visible; color: #000; background: transparent; position: unset; width: 100%; transform: none; text-align: left; padding: 0; font-size: 16px; line-height: 26px; max-width: 100%; } #infiniteoptions-container .help_text_below .spb-tooltiptext:after {content: unset; } @media screen and (max-width: 767px) {#infiniteoptions-container .help_text_below .spb-tooltiptext {font-size: 14px; line-height: 24px; } } /* Trade account page css */ .trade-account-banner .shg-row div:last-child {margin: auto;} .trade-account-form-container {max-width: 900px; margin: auto;}
/* Search page contact area */ .search_page_contact_container {height: 100px; background: #35749f1a; text-align: center; vertical-align: middle; display: flex; justify-content: space-between; padding: 0 50px; box-shadow: 10px 10px 5px #35749f65; } .search_page_contact_container .contact_text {font-size: 18px; font-weight: 800;} .search_page_contact_container div {margin: auto 0; padding: 0 100px} .search_page_contact_container .contact-image {margin: -10px 10px 0;} .search_page_contact_container .btn.btn-lg {font-size: 16px;} @media screen and (max-width: 1100px) {#tt-pageContent .container-fluid {padding-right: 10px; padding-left: 10px; margin-bottom: 30px; margin: 20px auto 30px; width: 97%; } .search_page_contact_container div {padding: 0 50px; } } @media screen and (max-width: 900px) {.search_page_contact_container div {padding: 0 30px; } } @media screen and (max-width: 800px) {.search_page_contact_container div {padding: 0; } .search_page_contact_container .contact_text {font-size: 16px; font-weight: 800; } .search_page_contact_container .btn.btn-lg {font-size: 14px; } } @media screen and (max-width: 600px) {.search_page_contact_container{flex-direction: column; .contact-image {display: none;} } } @media screen and (max-width: 1100px) {.badge.product-badge span:not(:only-child) {clip-path: none;}.badge.product-badge span, .badge span:not(:only-child):not(:first-child) {padding-left: 15px;padding-right: 25px;font-size: 14px; height: fit-content; margin: 2px; } } @media screen and (max-width: 479px) {.badge.product-badge span, .badge span:not(:only-child):not(:first-child) {padding-left: 10px;padding-right: 20px; font-size: 14px; } } @media screen and (max-width: 350px) {.badge.product-badge span, .badge span:not(:only-child):not(:first-child) {padding-left: 8px; padding-right: 16px; font-size: 13px; } }

/* Bubble animation */
.low-stock-animation {
  margin-bottom: 10px;

  .animation-wrapper {
    background-color: #bf0d0d;
    color: #fff;
    font-size: 15px;
    position: relative;
    display: inline-block;
    padding: 4px 6px 4px;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    height: 22px;
    gap: 10px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .18);
  }
  
  .dot {
    background-color: #bf0d0d;
    opacity: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 200px;
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    overflow-x: hidden;
  }
  .animation-wrapper span:nth-child(1) {
    animation: bubbleAnimation1 1.3s linear infinite;
    animation-iteration-count: 18;
  }
  .animation-wrapper span:nth-child(2) {
    animation: bubbleAnimation2 1s linear infinite;
    animation-iteration-count: 13;
  }
  .animation-wrapper span:nth-child(3) {
    animation: bubbleAnimation3 1.9s linear infinite;
    animation-iteration-count: 11;
  }
  .animation-wrapper span:nth-child(4) {
    animation: bubbleAnimation4 1.2s linear infinite;
    animation-iteration-count: 18;
  }
  .animation-wrapper span:nth-child(5) {
    animation: bubbleAnimation5 0.8s linear infinite;
    animation-iteration-count: 15;
  }
  .animation-wrapper span:nth-child(6) {
    animation: bubbleAnimation1 0.9s linear infinite;
    animation-iteration-count: 10;
  }
  .animation-wrapper span:nth-child(7) {
    animation: bubbleAnimation4 1.3s linear infinite;
    animation-iteration-count: 12;
  }
  .animation-wrapper span:nth-child(8) {
    animation: bubbleAnimation3 1.9s linear infinite;
    animation-iteration-count: 12;
  }
}

  
  @keyframes bubbleAnimation1 {
    0% {
        opacity: .8;
        transform: scale(0.5) translateY(0) translateX(5px)
    }

    50% {
        opacity: .5;
        transform: scale(0.7) translateY(-10px) translateX(10px)
    }

    100% {
        opacity: .1;
        transform: scale(0.9) translateY(-20px) translateX(5px)
    }
}

@keyframes bubbleAnimation2 {
    0% {
        opacity: .9;
        transform: scale(0.4) translateY(0) translateX(60px)
    }

    50% {
        opacity: .6;
        transform: scale(0.6) translateY(-15px) translateX(40px)
    }

    100% {
        opacity: .3;
        transform: scale(0.9) translateY(-30px) translateX(30px)
    }
}

@keyframes bubbleAnimation3 {
    0% {
        opacity: .9;
        transform: scale(0.6) translateY(0) translateX(60px)
    }

    40% {
        opacity: .8;
        transform: scale(0.6) translateY(-20px) translateX(55px)
    }

    100% {
        opacity: .2;
        transform: scale(1) translateY(-30px) translateX(40px)
    }
}

@keyframes bubbleAnimation4 {
    0% {
        opacity: .9;
        transform: scale(0.6) translateY(0) translateX(90px)
    }

    40% {
        opacity: .8;
        transform: scale(0.6) translateY(-20px) translateX(85px)
    }

    100% {
        opacity: .2;
        transform: scale(1) translateY(-30px) translateX(55px)
    }
}

@keyframes bubbleAnimation5 {
    0% {
        opacity: .9;
        transform: scale(0.4) translateY(0) translateX(200px)
    }

    50% {
        opacity: .5;
        transform: scale(0.6) translateY(-15px) translateX(135px)
    }

    100% {
        opacity: .3;
        transform: scale(0.9) translateY(-30px) translateX(95px)
    }
}