/** Shopify CDN: Minification failed Line 7:8 Expected URL token but found "url(" **/ /* VARIABLES */ @import url("https://fonts.googleapis.com/css?family=" OpenSans ",+sans-serif:100,300,400,500,600,700,800&display=swap"); /* HEADER ANNOUNCEMENT BAR */ .announcement-bar { background-color: #2c2c2c; display: block; } .announcement-bar--link:hover { background-color: #4e4e4e; } .announcement-bar__message { color: #ffffff; font-size: 14px; } /* END HEADER ANNOUNCEMENT BAR */ /* HEADER COMMON */ .site-header { padding: 0; position: relative; top: 0; right: 0; left: 0; z-index: 999; transition: all 300ms; background-color: white; background-size: cover; background-repeat: no-repeat; background-position: center center; border-top: 0px solid #eeeeee; border-bottom: 0px solid #eeeeee; } .site-header .header-custom-content { padding: 13px 20px; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .col-12 .megamenu-sub-title { cursor: text; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .col-12 .megamenu-sub-title span:after { content: none !important; } .site-header .top-header-content .border-left, .site-header .top-header-content.border-left, .site-header .top-header-content .child-border-left > *, .site-header .middle-header-content .border-left, .site-header .middle-header-content.border-left, .site-header .middle-header-content .child-border-left > *, .site-header .bottom-header-content .border-left, .site-header .bottom-header-content.border-left, .site-header .bottom-header-content .child-border-left > * { border-left: 1px solid; } .site-header .top-header-content .border-right, .site-header .top-header-content.border-right, .site-header .top-header-content .child-border-right > *, .site-header .middle-header-content .border-right, .site-header .middle-header-content.border-right, .site-header .middle-header-content .child-border-right > *, .site-header .bottom-header-content .border-right, .site-header .bottom-header-content.border-right, .site-header .bottom-header-content .child-border-right > * { border-right: 1px solid; } .site-header .top-header-content .border-top, .site-header .top-header-content.border-top, .site-header .top-header-content .child-border-top > *, .site-header .middle-header-content .border-top, .site-header .middle-header-content.border-top, .site-header .middle-header-content .child-border-top > *, .site-header .bottom-header-content .border-top, .site-header .bottom-header-content.border-top, .site-header .bottom-header-content .child-border-top > * { border-top: 1px solid; } .site-header .top-header-content .border-bottom, .site-header .top-header-content.border-bottom, .site-header .top-header-content .child-border-bottom > *, .site-header .middle-header-content .border-bottom, .site-header .middle-header-content.border-bottom, .site-header .middle-header-content .child-border-bottom > *, .site-header .bottom-header-content .border-bottom, .site-header .bottom-header-content.border-bottom, .site-header .bottom-header-content .child-border-bottom > * { border-bottom: 1px solid; } .site-header .top-header-content { background-color: white; color: #2c2c2c; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; display: flex; } .site-header .top-header-content .top-header-left { display: flex; flex-wrap: wrap; align-items: center; } .site-header .top-header-content .top-header-left > * { float: left; } .site-header .top-header-content .top-header-left > *:first-child { border-left: none; } .site-header .top-header-content .top-header-right { display: flex; flex-wrap: wrap; align-items: center; } .site-header .top-header-content .top-header-right > * { float: left; } .site-header .top-header-content .top-header-right > *:first-child { border-left: none; } .site-header .top-header-content select, .site-header .top-header-content .currency-picker__wrapper:after { color: #2c2c2c; } .site-header .top-header-content a { color: #2c2c2c; } .site-header .top-header-content a:hover { color: #2c2c2c; } .site-header .top-header-content a:hover [class*=" ti-"], .site-header .top-header-content a:hover [class^=ti-] { color: #2c2c2c; } .site-header .top-header-content [class*=" ti-"], .site-header .top-header-content [class^=ti-] { color: #2c2c2c; } .site-header .top-header-content [class*=" ti-"]:hover, .site-header .top-header-content [class^=ti-]:hover { color: #2c2c2c; } .site-header .top-header-content .header-search.show-on-click .block-title:after { color: #2c2c2c; } .site-header .top-header-content .header-search.show-on-click .block-title:hover:after { color: #2c2c2c; } .site-header .top-header-content .header-cart .action-cart:before { color: #2c2c2c; } .site-header .top-header-content .header-cart .action-cart:hover:before { color: #2c2c2c; } .site-header .top-header-content [class*=" border-"], .site-header .top-header-content[class*=" border-"], .site-header .top-header-content [class*=" child-border-"] > *, .site-header .top-header-content [class^="child-border-"] > *, .site-header .top-header-content [class^="border-"], .site-header .top-header-content[class^="border-"] { border-color: rgba(0, 0, 0, 0); } .site-header .middle-header-content { background-color: #efefef; background-repeat: no-repeat; background-position: center center; background-size: cover; color: #2c2c2c; } .site-header .middle-header-content select { color: #2c2c2c; } .site-header .middle-header-content a { color: #2c2c2c; } .site-header .middle-header-content a:hover { color: #2c2c2c; } .site-header .middle-header-content a:hover [class*=" ti-"], .site-header .middle-header-content a:hover [class^=ti-] { color: #2c2c2c; } .site-header .middle-header-content [class*=" ti-"], .site-header .middle-header-content [class^=ti-] { color: #2c2c2c; } .site-header .middle-header-content [class*=" ti-"]:hover, .site-header .middle-header-content [class^=ti-]:hover { color: #2c2c2c; } .site-header .middle-header-content .header-search.show-on-click .block-title:after { color: #2c2c2c; } .site-header .middle-header-content .header-search.show-on-click .block-title:hover:after { color: #2c2c2c; } .site-header .middle-header-content .header-cart .action-cart:before { color: #2c2c2c; } .site-header .middle-header-content .header-cart .action-cart:hover:before { color: #2c2c2c; } .site-header .middle-header-content [class*=" border-"], .site-header .middle-header-content[class*=" border-"], .site-header .middle-header-content [class*=" child-border-"] > *, .site-header .middle-header-content [class^="child-border-"] > *, .site-header .middle-header-content [class^="border-"], .site-header .middle-header-content[class^="border-"] { border-color: #eeeeee; } .site-header .bottom-header-content { background-color: white; color: #2c2c2c; } .site-header .bottom-header-content select { color: #2c2c2c; } .site-header .bottom-header-content a { color: #2c2c2c; } .site-header .bottom-header-content a:hover { color: #2c2c2c; } .site-header .bottom-header-content a:hover [class*=" ti-"], .site-header .bottom-header-content a:hover [class^=ti-] { color: #2c2c2c; } .site-header .bottom-header-content [class*=" ti-"], .site-header .bottom-header-content [class^=ti-] { color: #2c2c2c; } .site-header .bottom-header-content [class*=" ti-"]:hover, .site-header .bottom-header-content [class^=ti-]:hover { color: #2c2c2c; } .site-header .bottom-header-content .header-search.show-on-click .block-title:after { color: #2c2c2c; } .site-header .bottom-header-content .header-search.show-on-click .block-title:hover:after { color: #2c2c2c; } .site-header .bottom-header-content .header-cart .action-cart:before { color: #2c2c2c; } .site-header .bottom-header-content .header-cart .action-cart:hover:before { color: #2c2c2c; } .site-header .bottom-header-content [class*=" border-"], .site-header .bottom-header-content[class*=" border-"], .site-header .bottom-header-content [class*=" child-border-"] > *, .site-header .bottom-header-content [class^="child-border-"] > *, .site-header .bottom-header-content [class^="border-"], .site-header .bottom-header-content[class^="border-"] { border-color: #eeeeee; } .template-index .site-header { border-top: none; border-bottom: none; } .general-width-boxed .site-header { margin: 0 auto; max-width: 1600px; } .general-content-fullwidth .site-header .top-header-content, .general-content-fullwidth .site-header .middle-header-content, .general-content-fullwidth .site-header .bottom-header-content { padding-left: 0; padding-right: 0; } .toggle_menu_mobile { color: #2c2c2c; font-size: 26px; position: relative; cursor: pointer; } .toggle_menu_mobile span { position: relative; padding: 10px 0 10px 18px; display: inline-block; } .nav-open .toggle_menu_mobile .theme-iconmenu:before { content: "\e918"; font-size: 20px; position: relative; top: -4px; } .nav-open .toggle_menu_desktop .theme-iconmenu:before { content: "\e918"; font-size: 20px; position: relative; top: -4px; } @media (max-width: 479px) { .toggle_menu_mobile span { padding-left: 10px; } } .template-index #header.is_absolute { position: absolute; top: 0; left: 0; width: 100%; } .template-index #header.is_absolute:not(.nav-up):not(.nav-down) { background: transparent; } .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header { background: transparent; border-color: transparent; } .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .top-header-content, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .middle-header-content, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .bottom-header-content { background: transparent; } .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .top-header-content [class*=" border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .top-header-content[class*=" border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .top-header-content [class*=" child-border-"] > *, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .top-header-content [class^="child-border-"] > *, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .top-header-content [class^="border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .top-header-content[class^="border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class*=" border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .middle-header-content[class*=" border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class*=" child-border-"] > *, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class^="child-border-"] > *, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class^="border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .middle-header-content[class^="border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class*=" border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .bottom-header-content[class*=" border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class*=" child-border-"] > *, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class^="child-border-"] > *, .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class^="border-"], .template-index #header.is_absolute:not(.nav-up):not(.nav-down) .site-header .bottom-header-content[class^="border-"] { border-color: transparent; } @media (min-width: 768px) { .template-product #header.is_absolute_product { position: absolute; top: 0; left: 0; width: 100%; } .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) { background: transparent; } .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header { background: transparent; border-color: transparent; } .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .top-header-content, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .middle-header-content, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .bottom-header-content { background: transparent; } .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .top-header-content [class*=" border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .top-header-content[class*=" border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .top-header-content [class*=" child-border-"] > *, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .top-header-content [class^="child-border-"] > *, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .top-header-content [class^="border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .top-header-content[class^="border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class*=" border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .middle-header-content[class*=" border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class*=" child-border-"] > *, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class^="child-border-"] > *, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .middle-header-content [class^="border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .middle-header-content[class^="border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class*=" border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .bottom-header-content[class*=" border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class*=" child-border-"] > *, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class^="child-border-"] > *, .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .bottom-header-content [class^="border-"], .template-product #header.is_absolute_product:not(.nav-up):not(.nav-down) .site-header .bottom-header-content[class^="border-"] { border-color: transparent; } } @media (min-width: 1025px) { .template-product #header.header3.is_absolute_product .header-wrapper { justify-content: inherit; } .template-product #header.header3.is_absolute_product .header-wrapper .site-header__logo { padding-left: 41px; } .template-product #header.header3.is_absolute_product .header-wrapper .child-content { margin-left: auto; } } /* END HEADER COMMON */ /* STICKY HEADER */ @media (min-width: 768px) { .sticky-header .site-header { position: fixed; top: 0; left: 0; width: 100%; transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); } #pd-sticky-mobile { display: none; } #header.nav-up.sticky-header .site-header { transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); } #header.nav-up.is_absolute .site-header, #header.nav-down.is_absolute .site-header { background: #fff; } } @media (max-width: 767px) { .sticky-header-mobile .site-header { position: fixed; top: 0; left: 0; width: 100%; transition: all 0.4s; transform: translateY(0); } #pd-sticky { display: none; } #header.nav-up.sticky-header-mobile .site-header { transform: translateY(-100%); } #header.nav-up.is_absolute .site-header, #header.nav-down.is_absolute .site-header { background: #fff; } } /* END STICKY HEADER */ /* HEADER CURRENCY */ .site-header .switcher-currency .currency-picker__wrapper { margin: 0; position: relative; } .site-header .switcher-currency .currency-picker__wrapper:after { content: "\e900"; font-family: lusion; font-size: 8px; margin-left: 6px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none; } .site-header .switcher-currency .currency-picker { border: 0; height: 47px; background: none; padding: 0 40px 0 17px; } .site-header .switcher-currency .currency-picker:focus { border: 0; outline: none; } /* END HEADER CURRENCY */ /* HEADER ACCOUNT */ .site-header .my-account-link { position: relative; } .site-header .my-account-link:hover .toplinks-content { opacity: 1; visibility: visible; transform: translateY(0); } .site-header .my-account-link .toggle-action { padding: 13px 20px; display: block; } .site-header .my-account-link .toggle-action:after { content: "\e900"; font-family: lusion !important; font-size: 8px; margin-left: 6px; } .site-header .my-account-link .toplinks-content { position: absolute; top: 100%; right: -1px; border: 1px solid #eeeeee; background-color: white; z-index: 2; opacity: 0; visibility: hidden; display: block; transition: all 300ms; transform: translateY(20px); } .site-header .my-account-link .toplinks-content li:last-child a { border-bottom: 0; } .site-header .my-account-link .toplinks-content li a { display: block; white-space: nowrap; padding: 8px 20px 9px; border-bottom: 1px solid #eeeeee; } .site-header .my-account-link .toplinks-content.active { opacity: 1; visibility: visible; transform: translateY(0); } /* END HEADER ACCOUNT */ /* HEADER NEWSLETTER */ .site-header .newsletter-link .newsletter-action { padding: 12px 20px; display: block; } .site-header .newsletter-link .newsletter-action:before { content: "\f0e0"; font-family: "Font Awesome 5 Free"; font-size: 15px; margin-right: 10px; position: relative; } /* END HEADER NEWSLETTER */ /* HEADER SOCIALS */ .site-header .header-socials li { float: left; border-left: 1px solid #eee; font-size: 15px; } .site-header .header-socials li a { display: block; padding: 13px 18px 12px; } /* END HEADER SOCIALS */ /* HEADER CART */ .site-header .header-cart { position: relative; float: right; } .site-header .header-cart .action-cart { cursor: pointer; display: block; text-decoration: none; position: relative; padding: 15px 20px 15px 15px; } .site-header .header-cart .action-cart:before { font-size: 18px; content: "\e94d"; font-family: 'lusion'; color: #2c2c2c !important; transition: color 0.3s; } .site-header .header-cart .action-cart:hover:before { color: #2c2c2c !important; } .site-header .header-cart .action-cart .counter { height: 17px; line-height: 17px; border-radius: 50%; display: inline-block; margin: 0; padding: 0 3px; min-width: 17px; text-align: center; white-space: normal; font-size: 10px; font-weight: 400; vertical-align: top; color: white; background: #2c2c2c; position: absolute; right: -9px; top: 0; letter-spacing: 0; } .site-header .header-cart .minicart-content { color: #7d7d7d; } .site-header .header-cart .minicart-content .header-cart-title { background-color: #ebeeee; } .site-header .header-cart .minicart-content .header-cart-title h3 { color: #2c2c2c; font-size: 18px; font-weight: 400; display: block; text-transform: capitalize; } .site-header .header-cart .minicart-content .header-cart-title h3 span.count-product-cart { font-size: 16px; color: #707070; } .site-header .header-cart .minicart-content .btn-minicart-close { color: #2c2c2c; } .site-header .header-cart .minicart-content .empty { display: block; font-size: 16px; padding: 0 0 5px; font-weight: 400; color: #7d7d7d; margin-top: -5px; } .site-header .header-cart .minicart-content .minicart-items-wrapper { margin: 0 -15px; overflow-x: hidden; overflow-y: auto; padding: 0px; max-height: 318px; margin: 0px; height: calc(100vh - 360px); max-height: unset; /* width */ /* Track */ /* Handle */ } .site-header .header-cart .minicart-content .minicart-items-wrapper::-webkit-scrollbar { width: 5px; } .site-header .header-cart .minicart-content .minicart-items-wrapper::-webkit-scrollbar-track { background: #eeeeee; } .site-header .header-cart .minicart-content .minicart-items-wrapper::-webkit-scrollbar-thumb { background: #d7d7d7; } .site-header .header-cart .minicart-content .minicart-items { height: auto; } .site-header .header-cart .minicart-content .minicart-items .product-item { padding: 20px 0; } .site-header .header-cart .minicart-content .minicart-items .product-item:after { content: ''; display: table; width: 100%; } .site-header .header-cart .minicart-content .minicart-items .product-item:first-child { padding-top: 0; } .site-header .header-cart .minicart-content .minicart-items .product-item:not(:first-child) { border-top: 1px solid #ebeeee; } .site-header .header-cart .minicart-content .minicart-items .product-item:last-child { border-bottom: 1px solid #ebeeee; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-photo { float: left; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-photo img { display: block; width: 60px; height: auto; border: 1px solid #ebeeee; margin: 0px 21px 0 0; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-details { float: left; width: calc(100% - 87px); } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-name { font-size: 16px; font-weight: 400; margin-bottom: 5px; display: flex; justify-content: space-between; line-height: 1; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-name a { color: #2c2c2c; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-name a:hover { color: #2c2c2c; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-name .action.delete { margin-left: 15px; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-name .action.delete:before { -webkit-font-smoothing: antialiased; font-size: 12px; line-height: 20px; content: "\e918"; font-family: 'lusion'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: never; text-align: center; color: #b7b7b7; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-name .action.delete span { display: none; } .site-header .header-cart .minicart-content .minicart-items .product-item .price { font-weight: 400; font-size: 16px; color: #707070; display: inline; } .site-header .header-cart .minicart-content .minicart-items .product-item .price .price-unit-price { display: inline-block; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-options { margin: 0px; font-size: 14px; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-options:after { content: ''; display: table; width: 100%; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-options dt, .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-options dd { float: left; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-options dt { clear: left; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-options dt:after { content: ':'; } .site-header .header-cart .minicart-content .minicart-items .product-item .product-item-options dd { margin: 0 0 0 3px; } .site-header .header-cart .minicart-content .minicart-items .product-item .details-qty { display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #acacac; } .site-header .header-cart .minicart-content .minicart-items .product-item .details-qty input { text-align: center; width: 60px; border-radius: 3px; padding: 0 3px; height: 30px; border: none; color: #2c2c2c; } .site-header .header-cart .minicart-content .minicart-items .product-item .details-qty .edit-qty { color: #2c2c2c; cursor: pointer; font-size: 10px; height: 27px; width: 27px; line-height: 29px; text-align: center; display: block !important; } .site-header .header-cart .minicart-content .minicart-items .product-item .details-qty .edit-qty:hover { color: #2c2c2c; } .site-header .header-cart .minicart-content .summary { border-bottom: 1px solid #ebeeee; } .site-header .header-cart .minicart-content .summary .subtotal { align-items: center; justify-content: space-between; padding: 24px 0 20px; display: flex; font-weight: 400; } .site-header .header-cart .minicart-content .summary .subtotal .subtotal-title { text-transform: capitalize; font-size: 16px; color: #2c2c2c; } .site-header .header-cart .minicart-content .summary .subtotal .subtotal-price { font-size: 20px; color: #707070; } .site-header .header-cart .minicart-content .actions a { width: 100%; } .site-header .header-cart .minicart-content .actions .viewcart { margin-top: 10px; } .site-header .header-cart .minicart-content .actions .viewcart .btn { position: relative; z-index: 0; transition: color .15s; overflow: visible; background: 0 0; display: flex; justify-content: center; align-items: center; font-size: 18px; letter-spacing: normal; text-transform: capitalize; color: #2c2c2c; background-color: #ffffff; } .site-header .header-cart .minicart-content .actions .viewcart .btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; width: 0; transform-origin: 0 50%; transition-property: transform; transition-duration: .4s; transition-timing-function: ease-out; transition: all ease .4s; background-color: #2c2c2c; } .site-header .header-cart .minicart-content .actions .viewcart .btn:hover { color: #ffffff; } .site-header .header-cart .minicart-content .actions .viewcart .btn:hover:before { width: 100%; } .site-header .header-cart .minicart-content .actions .checkout .btn { position: relative; z-index: 0; transition: color .15s; overflow: visible; display: flex; justify-content: center; align-items: center; font-size: 18px; letter-spacing: normal; text-transform: capitalize; color: #ffffff; background-color: #2c2c2c; } .site-header .header-cart .minicart-content .actions .checkout .btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; width: 0; transform-origin: 0 50%; transition-property: transform; transition-duration: .4s; transition-timing-function: ease-out; transition: all ease .4s; } .site-header .header-cart .minicart-content .actions .checkout .btn:hover { background-color: transparent; color: #2c2c2c; } .site-header .header-cart .minicart-content .actions .checkout .btn:hover:before { width: 100%; background-color: #ffffff; } .site-header .header-cart .cart-slideout { text-align: left; position: fixed; top: 0; background-color: #fff; right: 0; height: 100vh; max-width: calc(100vw - 40px); z-index: 100; transition: all 400ms; transform: translateX(150%); display: block !important; } .site-header .header-cart .cart-slideout .cart-slideout-inner { position: relative; } .site-header .header-cart .cart-slideout .cart-slideout-inner .header-cart-title { padding: 30px 50px 24px; position: relative; } .site-header .header-cart .cart-slideout .cart-slideout-inner .header-cart-title .btn-minicart-close { position: absolute; right: 53px; top: 50%; transform: translateY(-50%); border: none; padding: 0; background: none; cursor: pointer; font-size: 14px; font-weight: 500; letter-spacing: 0; box-shadow: none !important; } .site-header .header-cart .cart-slideout .cart-slideout-inner .header-cart-title .btn-minicart-close:after { content: "\e918"; display: block; font-family: "lusion"; font-size: 13px; line-height: 20px; } .site-header .header-cart .cart-slideout .cart-slideout-inner .minicart-slideout-wrapper { padding: 30px 47px 50px 50px; height: calc(100vh - 90px); } .site-header .header-cart .cart-slideout .cart-slideout-inner .minicart-slideout-wrapper .product .product-item-details .details-product-wrapper { display: flex; align-items: center; justify-content: space-between; margin-top: 13px; } .site-header .header-cart.toggle-cart-slide:after { position: fixed; top: 0; left: 0; width: 100%; height: 200vh; content: ""; z-index: 99; transition: all 400ms; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.3); transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; } .site-header .header-cart.active .cart-slideout { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); } .site-header .header-cart.active.toggle-cart-slide:after { opacity: 1; visibility: visible; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; } @media (max-height: 415px) { .site-header .header-cart .cart-slideout .cart-slideout-inner .minicart-slideout-wrapper { overflow: auto; } .site-header .header-cart .cart-slideout .cart-slideout-inner .minicart-slideout-wrapper .minicart-items-wrapper { height: auto; } } @media (min-width: 1025px) { .site-header .header-cart .cart-slideout { min-width: 456px; } } @media (max-width: 1024px) { .site-header .header-cart .cart-slideout { width: 400px; } } @media (max-width: 767px) { .site-header .header-cart .cart-slideout { max-width: calc(100% - 40px); } .site-header .header-cart .cart-slideout .cart-slideout-inner .header-cart-title { padding: 22px 20px; } .site-header .header-cart .cart-slideout .cart-slideout-inner .header-cart-title .btn-minicart-close { right: 26px; } .site-header .header-cart .cart-slideout .cart-slideout-inner .minicart-slideout-wrapper { padding: 30px 20px 50px; } } @media (max-width: 479px) { .site-header .header-cart .action-cart { padding-left: 10px; } } /* END HEADER CART */ /* HEADER SEARCH */ .no-result.show + .recommendation-content { padding-top: 24px; } .sticky-header-mobile.nav-up .header-search.active .block-content { bottom: 100%; top: auto; } .site-header .header-search { float: right; } .site-header .header-search.active .block-content { opacity: 1; visibility: visible; transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); z-index: 10; } .site-header .header-search.active:before { opacity: 1; visibility: visible; } .site-header .header-search:before { content: ""; width: 100%; height: 200vh; display: block; top: 0; left: 0; right: 0; bottom: 0; position: fixed; display: block; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; z-index: 9; transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; } .site-header .header-search .block-title { cursor: pointer; padding: 10px 15px; line-height: 1; } .site-header .header-search .block-title:after { content: "\e952"; font-family: 'lusion'; font-size: 16px; } .site-header .header-search .block-title strong { display: none; } .site-header .header-search .block-content { background: white; position: absolute; top: 0; right: 0; left: 0; z-index: 1; align-items: stretch; transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; -webkit-transition: all 300ms; transform: scaleY(0.5); -moz-transform: scaleY(0.5); -o-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -webkit-transform: scaleY(0.5); transform-origin: top; opacity: 0; visibility: hidden; padding: 51px 0; background-color: #fff; } .site-header .header-search .block-content .header-search-form { max-width: 1170px; width: calc(100% - 30px); margin: 0 auto; height: 100%; position: relative; } .site-header .header-search .block-content .header-search-form label { display: none; } .site-header .header-search .block-content .header-search-form .search__input { width: 100%; font-size: 16px; font-weight: 400; color: black; background: white; border-color: #ebeeee; border-radius: 0; padding: 24px 56px 24px 28px; } .site-header .header-search .block-content .header-search-form .search__input:focus { border-color: #2c2c2c; } .site-header .header-search .block-content .header-search-form .search__input::-webkit-input-placeholder { color: black; opacity: 1; } .site-header .header-search .block-content .header-search-form .search__input::-moz-placeholder { color: black; opacity: 1; } .site-header .header-search .block-content .header-search-form .search__input:-ms-input-placeholder { color: black; opacity: 1; } .site-header .header-search .block-content .header-search-form .search__input:-moz-placeholder { color: black; opacity: 1; } .site-header .header-search .block-content .header-search-form .search__input:focus { outline: none; box-shadow: none; } .site-header .header-search .block-content .header-search-form .search-submit-btn { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); cursor: pointer; z-index: 1; font-size: 18px; color: #2c2c2c; } .site-header .header-search .block-content .header-search-form .search-submit-btn:before { content: "\e952"; font-family: 'lusion'; } .site-header .header-search .block-content .header-search-form .search-submit-btn span { display: none; } .site-header .header-search .block-content .search-close-btn { position: absolute; right: 44px; top: 36px; cursor: pointer; z-index: 1; font-size: 12px; color: #2c2c2c; } .site-header .header-search .block-content .search-close-btn:before { content: "\e918"; font-family: 'lusion'; } .site-header .header-search .block-content .search-close-btn span { display: none; } @media (max-width: 1300px) { .site-header .header-search .block-content .search-close-btn { right: 15px; top: 20px; } } @media (max-width: 1024px) and (min-width: 768px) { .site-header .header-search .block-content .header-search-form { width: calc(100% - 68px); } .site-header .header-search .block-content .search-close-btn { right: 34px; top: 20px; } } @media (max-width: 479px) { .site-header .header-search .block-title { padding-left: 10px; padding-right: 10px; } } /* END HEADER SEARCH */ /* MEGAMENU */ .site-nav a { padding: 0; } .site-header .nav-megamenu .site-nav { margin: 0; height: 100%; display: flex; flex-wrap: wrap; align-items: stretch; } .site-header .nav-megamenu .site-nav li .dropdown-menu li > a > span:not(.label-menu) { position: relative; } .site-header .nav-megamenu .site-nav li.level0 { position: relative; } .site-header .nav-megamenu .site-nav li.level0:hover > a > span:not(.label-menu):after { width: 100%; left: 0; right: auto; } .site-header .nav-megamenu .site-nav li.level0 .label-menu { font-size: 12px; text-transform: none; color: #fff; padding: 0 6px; height: 16px; line-height: 16px; text-align: center; border-radius: 30px; letter-spacing: 0.025em; } .site-header .nav-megamenu .site-nav li.level0 .level0 .label-menu { position: absolute; left: 100%; right: auto; top: calc(50% - 18px); margin-left: -10px; transform: translateY(-50%); } .site-header .nav-megamenu .site-nav li.level0 > a { position: relative; display: flex; height: 100%; align-items: center; text-transform: capitalize; letter-spacing: 0.025em; padding: 0 24px; font-size: 15px; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 800; } .site-header .nav-megamenu .site-nav li.level0 > a > span:not(.label-menu) { position: relative; } .site-header .nav-megamenu .site-nav li.level0 > a > span:not(.label-menu):after { content: ""; left: auto; right: 0; top: 100%; height: 1px; transition: all 400ms; position: absolute; width: 0; display: inline-block; } .site-header .nav-megamenu .dropdown-menu li a span:not(.label-menu) { position: relative; } .site-header .nav-megamenu .dropdown-menu li a span:not(.label-menu):after { content: ""; left: auto; right: 0; top: 100%; height: 1px; transition: all 400ms; position: absolute; width: 0; display: inline-block; } .site-header .nav-megamenu .dropdown-menu li a:hover span:not(.label-menu):after { width: 100%; left: 0; right: auto; } @media (min-width: 1200px) { .site-header .nav-megamenu .site-nav li > .dropdown-menu { width: 1170px; } .site-header .nav-megamenu .site-nav li.fullwidthfluid > .dropdown-menu > .mega-menu-content { max-width: 98%; } } @media (max-width: 1200px) and (min-width: 1025px) { .site-header .nav-megamenu .site-nav li > .dropdown-menu { width: 100%; } .site-header .nav-megamenu .site-nav li.fullwidthfluid > .dropdown-menu > .mega-menu-content { max-width: 100%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1025px) { #header.header2 .top-header-content { padding-top: 3px; padding-bottom: 2px; } #header.header2 .site-header .nav-megamenu .site-nav li.level0 > a { margin-bottom: 43px; } #header.header2 .nav-megamenu > ul > li:first-child > .dropdown-menu { left: -100%; transform: none; } #header.header2 .nav-megamenu > ul > li:last-of-type > .dropdown-menu { left: auto; right: -100%; transform: none; } #header.header4 .nav-megamenu > ul > li:first-child > .dropdown-menu { left: -100%; transform: none; } .site-header .nav-megamenu ul > li.dropdown > .toggle-menu, .site-header .middle-content .col-12 > .toggle-menu { display: none; } .site-header .sub-menu .theme-icondownload { display: block; position: absolute; right: 30px; bottom: 18px; font-size: 8px; margin-left: 8px; pointer-events: none; } .site-header .sub-menu .theme-icondownload:before { content: "\e904"; } .site-header .nav-megamenu .site-nav li.fullwidth, .site-header .nav-megamenu .site-nav li.w-6-columns { position: static; } .site-header .nav-megamenu .site-nav li.fullwidth > .dropdown-menu, .site-header .nav-megamenu .site-nav li.w-6-columns > .dropdown-menu { min-width: 560px; left: 50%; transform: translateX(-50%) rotate3d(1, 0, 0, -90deg); transition: all .6s ease 0s; transform-origin: 0 0 0; } .site-header .nav-megamenu .site-nav li.fullwidth > .dropdown-menu { padding: 15px 30px; } .site-header .nav-megamenu .site-nav li.fullwidthfluid > .dropdown-menu { transform: rotate3d(1, 0, 0, -90deg); transition: all .6s ease 0s; transform-origin: 0 0 0; padding-top: 58px; padding-bottom: 60px; } .site-header .nav-megamenu .site-nav li.fullwidthfluid > .dropdown-menu > .mega-menu-content { margin: 0 auto; } .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column .dropdown-menu { max-width: 250px; } .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column .dropdown-menu li a, .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column .dropdown-menu .middle-content a { padding: 10px 30px; } .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-2-columns > .dropdown-menu, .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-3-columns > .dropdown-menu, .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-4-columns > .dropdown-menu { min-width: 560px; width: auto; left: 0; transform: translateX(-50%) rotate3d(1, 0, 0, -90deg); transition: all .6s ease 0s; transform-origin: 0 0 0; padding: 60px 60px 59px; } .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-2-columns:hover > .dropdown-menu, .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-3-columns:hover > .dropdown-menu, .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-4-columns:hover > .dropdown-menu { transform: translateX(-50%); } .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-2-columns.static-menu:hover > .dropdown-menu, .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-3-columns.static-menu:hover > .dropdown-menu, .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-4-columns.static-menu:hover > .dropdown-menu { transform: translateX(-50%); } .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-3-columns > .dropdown-menu { min-width: 645px; } .site-header .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-4-columns > .dropdown-menu { min-width: 870px; } .site-header .nav-megamenu .site-nav li:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: none; pointer-events: auto; } .site-header .nav-megamenu .site-nav li:hover.w-2-columns > .dropdown-menu, .site-header .nav-megamenu .site-nav li:hover.w-3-columns > .dropdown-menu, .site-header .nav-megamenu .site-nav li:hover.w-4-columns > .dropdown-menu { transform: translateX(-50%); } .site-header .nav-megamenu .site-nav li:hover.fullwidth > .dropdown-menu, .site-header .nav-megamenu .site-nav li:hover.w-6-columns > .dropdown-menu { transform: translateX(-50%); } .site-header .nav-megamenu .site-nav li:hover.fullwidthfluid > .dropdown-menu { transform: unset; } .site-header .nav-megamenu .site-nav li .dropdown-menu { position: absolute; top: 100%; z-index: 1000; float: left; text-align: left; list-style: none; background-clip: padding-box; min-width: 250px; display: block !important; opacity: 0; visibility: hidden; transform: rotate3d(1, 0, 0, -90deg); transition: all .6s ease 0s; transform-origin: 0 0 0; margin: 0; font-size: 14px; border-radius: 0; left: 0; padding: 15px 0; pointer-events: none; } .site-header .nav-megamenu .site-nav li .dropdown-menu li { position: relative; } .site-header .nav-megamenu .site-nav li .dropdown-menu li > a { padding: 10px 0; display: block; font-size: 16px; transition: all 0.3s; position: relative; } .site-header .nav-megamenu .site-nav li .dropdown-menu li > .dropdown-menu { left: 100%; top: 0; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content a { padding: 8px 0; display: block; font-size: 16px; transition: all 0.3s; position: relative; text-align: center; line-height: 36px; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content a.megamenu-sub-title { letter-spacing: .1em; text-transform: uppercase; position: relative; padding-top: 0; margin-top: -3px; font-size: 18px; padding-bottom: 5px; background: #000; text-align: center; color: #fff !important; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content a.megamenu-sub-title:after { content: ''; height: 1px; width: calc(100% + 30px); position: absolute; bottom: 0; left: 0; background-color: #ebeeee; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .col-12:last-child .megamenu-sub-title:after { width: 100%; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .no-title-menu li:first-child { margin-top: -5px; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .no-title-menu li:first-child a { padding-top: 0; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .sub-sub-menu { margin-bottom: 27px; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .col-12 > a > span:not(.label-menu) { position: relative; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .col-12 > a > span:not(.label-menu):after { content: ""; left: auto; right: 0; top: 100%; height: 1px; transition: all 400ms; position: absolute; width: 0; display: inline-table; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .col-12 > a:hover > span:not(.label-menu):after { width: 100%; left: 0; right: auto; } .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .article-megamenu + .middle-content .sub-sub-menu li:last-child a, .site-header .nav-megamenu .site-nav li .dropdown-menu .middle-content .banner-megamenu + .middle-content .sub-sub-menu li:last-child a { padding-bottom: 0; } } @media (max-width: 1024px) { #header .middle-header-content { background-color: white; } } .text-with-image-list { padding: 20px 0 0; } .text-with-image-list a { margin-bottom: 30px; display: block; } .text-with-image-list a span { margin-bottom: 20px; display: block; } .text-with-image-list a img { border: 1px solid #eee; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); transition: all 1s; border-radius: 3px; } .text-with-image-list a:hover img { box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.1); transform: translatey(-10px); } .mobile-navigation .text-with-image-list { padding: 10px 0 0; border-bottom: 1px solid #eee; } .mobile-navigation .text-with-image-list .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .mobile-navigation .text-with-image-list a { margin-bottom: 20px; border: none !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* END MEGAMENU */ /* HEADER SLIDEOUT */ .site-header .toggle_menu_mobile { display: none; } .site-header .toggle_menu_mobile:after { background: rgba(0, 0, 0, 0.6); content: ''; display: block; height: 100vh; position: fixed; right: 0; top: 0; width: 100vw; z-index: 999; transition: all 300ms; opacity: 0; visibility: hidden; } .site-header .mobile-navigation { position: fixed; opacity: 0; top: 0; height: 100vh; z-index: 1000; width: 100%; max-width: 100%; background-color: #fff; max-height: 100vh; overflow-x: hidden; overflow-y: auto; left: 0; transition: all .6s ease-in-out; padding: 0 20px; transform: translate3d(-100%, 0, 0); } .site-header .mobile-navigation .slideout-menu { min-height: 100%; } @media (min-width: 1025px) { .site-header .mobile-navigation { width: 347px; padding: 30px; border: 1px solid #ebeeee; overflow: visible; } } .site-header .slideout-menu-desktop { display: none; } @media (min-width: 1025px) { .site-header .slideout-menu-desktop { display: block; } } .site-header .slideout-menu-desktop .nav-megamenu ul > li.dropdown > .toggle-menu, .site-header .slideout-menu-desktop .nav-megamenu .middle-content .col-12 > .toggle-menu { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); font-size: 11px; width: 30px; height: 30px; text-align: center; line-height: 30px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav { flex-direction: column; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.level0 > a { padding: 13px 0 14px; border-bottom: 1px solid #ebeeee; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.level0 > a > span:not(.label-menu):after { display: none; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.level0 .dropdown-menu:before { content: ''; width: 35px; height: 100%; display: block; background: transparent; position: absolute; top: 0; left: -35px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.fullwidthfluid .dropdown-menu { width: calc(100vw - 346px) !important; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; left: calc(100% + 30px) !important; top: -50px; padding-left: 30px; padding-right: 30px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.fullwidthfluid:hover > .dropdown-menu { top: -120px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.fullwidth, .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.w-6-columns { position: relative; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.fullwidth .dropdown-menu, .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.w-6-columns .dropdown-menu { padding-top: 30px; padding-bottom: 30px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; left: calc(100% + 30px) !important; top: -50px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.fullwidth:hover > .dropdown-menu, .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.w-6-columns:hover > .dropdown-menu { top: -120px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li.advanced-menu .middle-content .toggle-menu { display: none !important; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column .dropdown-menu { left: calc(100% + 30px); top: calc(50% + 30px); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column .dropdown-menu .dropdown-menu { left: 100%; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column .dropdown-menu .dropdown-menu:before { display: none; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column .dropdown-menu li:hover .dropdown-menu { top: -16px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-1-column:hover .dropdown-menu { top: 50%; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-2-columns > .dropdown-menu, .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-3-columns > .dropdown-menu, .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-4-columns > .dropdown-menu { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; left: calc(100% + 30px); top: -50px; } .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-2-columns:hover > .dropdown-menu, .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-3-columns:hover > .dropdown-menu, .site-header .slideout-menu-desktop .nav-megamenu .site-nav li:not(.fullwidth):not(.fullwidthfluid).w-4-columns:hover > .dropdown-menu { top: -120px; } html.nav-open { overflow: hidden; } html.nav-open .site-header .mobile-navigation { transform: none; opacity: 1; } .slideout-menu { display: none; } @media (max-width: 1024px) { .slideout-menu { display: block; } } .slideout-menu #mobile_navigation_menu { padding: 30px; } .slideout-menu #mobile_navigation_menu .site-nav { margin: 0; text-align: left; padding-bottom: 30px; } .slideout-menu #mobile_navigation_menu .site-nav li { position: relative; display: block; } .slideout-menu #mobile_navigation_menu .site-nav li a { display: inline-block; width: 100%; padding: 0 0 13px 0; margin-bottom: 13px; } .slideout-menu #mobile_navigation_menu .site-nav li a.level0 { text-transform: capitalize; font-size: 16px; } .slideout-menu #mobile_navigation_menu .site-nav li a.level0 > span { position: relative; } .slideout-menu #mobile_navigation_menu .site-nav li a .label-menu { position: static; top: 50%; transform: translateY(-50%); right: 17px; border-radius: 30px; margin-left: 4px; font-size: 12px; text-transform: none; color: #fff; padding: 0 6px; height: 16px; line-height: 16px; text-align: center; } .slideout-menu #mobile_navigation_menu .site-nav li .megamenu-sub-title { padding-left: 30px; } .slideout-menu #mobile_navigation_menu .site-nav li .toggle-menu { position: absolute; right: -9px; top: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; overflow: hidden; font-size: 11px; } .slideout-menu #mobile_navigation_menu .site-nav li .toggle-menu.active .theme-icondownload:before { content: "\e903"; } .slideout-menu #mobile_navigation_menu .site-nav li .toggle-menu .theme-icondownload { -webkit-font-smoothing: antialiased; display: inline-block; overflow: hidden; speak: never; text-align: center; } .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu { position: static; margin: 0; padding: 0; border: none; float: none; border-radius: 0; display: none; width: 100% !important; } .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu a, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu a { padding: 0 0 0 20px; margin: 8px 0 13px; } .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu a + .toggle-menu, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu a + .toggle-menu { top: 8px; } .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu .dropdown-menu a, .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu .sub-sub-menu a, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu .dropdown-menu a, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu .sub-sub-menu a { padding: 0 0 13px 40px; margin: 0; font-size: 14px; } .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu .dropdown-menu.no-title-menu a, .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu .sub-sub-menu.no-title-menu a, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu .dropdown-menu.no-title-menu a, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu .sub-sub-menu.no-title-menu a { font-size: 16px; padding: 0 0 0 20px; margin: 8px 0 13px; } .slideout-menu #mobile_navigation_menu .site-nav li .dropdown-menu.no-title-menu, .slideout-menu #mobile_navigation_menu .site-nav li .sub-sub-menu.no-title-menu { display: block; } .slideout-menu #mobile_navigation_menu .site-nav li .article-megamenu .item-article .title-article a { margin: 0; padding: 0; } .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .top-content, .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .left-content, .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .right-content, .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .bottom-content { display: none; } .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .row { margin: 0; width: 100%; max-width: 100%; display: block; } .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .row [class^="col-"]:not(.banner-megamenu), .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .row .middle-content { padding: 0; width: 100%; max-width: 100%; display: block; } .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .row .article-megamenu, .slideout-menu #mobile_navigation_menu .site-nav li .mega-menu-content .row .banner-megamenu { display: none !important; } /* HEADER SLIDEOUT */ /* HEADER 1 */ #header.header1 .left-side-menu > ul > li:first-child > .dropdown-menu { left: -100%; transform: none; } #header.header1 .right-side-menu > ul > li:last-child > .dropdown-menu { left: auto; right: -100%; transform: none; } #header.header1 .toggle_menu_mobile { display: none; } #header.header1 .middle-header-wrapper { display: flex; flex-wrap: wrap; width: 100%; } #header.header1 .middle-header-wrapper .middle-header-left-wrapper { display: flex; align-items: stretch; flex-wrap: wrap; flex: 1; } #header.header1 .middle-header-wrapper .middle-header-left-wrapper .switcher-currency { position: relative; display: inline-block; height: 100%; } #header.header1 .middle-header-wrapper .middle-header-left-wrapper .switcher-currency .currency-picker__wrapper { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } #header.header1 .middle-header-wrapper .middle-header-left-wrapper .switcher-currency .currency-picker { padding: 0 14px 0 18px; margin-right: 18px; margin-left: -18px; } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav { justify-content: center; } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.header-side-menu { flex: 1; } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.header-side-menu > ul { display: flex; flex-wrap: wrap; width: 100%; height: 100%; } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav li.level0 > a { padding: 0 21.5px; } @media (min-width: 1025px) { #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-2-columns > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-3-columns > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-4-columns > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).fullwidth > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-6-columns > .dropdown-menu { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-2-columns:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-3-columns:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-4-columns:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).fullwidth:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-6-columns:hover > .dropdown-menu { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li.fullwidth > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li.w-6-columns > .dropdown-menu { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:hover.fullwidth > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.left-side-menu li:hover.w-6-columns > .dropdown-menu { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); } } @media (min-width: 1025px) { #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-2-columns > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-3-columns > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-4-columns > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).fullwidth > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-6-columns > .dropdown-menu { transform: translateX(-85%); -moz-transform: translateX(-85%); -ms-transform: translateX(-85%); -o-transform: translateX(-85%); -webkit-transform: translateX(-85%); } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-2-columns:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-3-columns:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-4-columns:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).fullwidth:hover > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:not(.fullwidth):not(.fullwidthfluid).w-6-columns:hover > .dropdown-menu { transform: translateX(-85%); -moz-transform: translateX(-85%); -ms-transform: translateX(-85%); -o-transform: translateX(-85%); -webkit-transform: translateX(-85%); } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li.fullwidth > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li.w-6-columns > .dropdown-menu { transform: translateX(-85%); -moz-transform: translateX(-85%); -ms-transform: translateX(-85%); -o-transform: translateX(-85%); -webkit-transform: translateX(-85%); } #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:hover.fullwidth > .dropdown-menu, #header.header1 .middle-header-wrapper .nav-megamenu .site-nav.right-side-menu li:hover.w-6-columns > .dropdown-menu { transform: translateX(-85%); -moz-transform: translateX(-85%); -ms-transform: translateX(-85%); -o-transform: translateX(-85%); -webkit-transform: translateX(-85%); } } #header.header1 .site-header__logo { display: flex; flex-wrap: wrap; align-items: center; padding: 26px 10px 23px; } #header.header1 .site-header__logo a { padding: 0; } #header.header1 .middle-header-right-wrapper { margin-left: auto; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-end; flex: 1; } #header.header1 .child-content { display: flex; align-items: center; flex-direction: row-reverse; } #header.header1 .child-content .header-cart .action-cart { padding: 10px 0 10px 15px; } #header.header1 .child-content .header-cart .counter { top: 10px; } #header.header1 .child-content .toggle-wishlist-slide { padding: 15px 14px; font-size: 18px; } #header.header1 .child-content .toggle-wishlist-slide .counter { display: none; } #header.header1 .child-content .link-account { padding: 15px 14px; font-size: 18px; } #header.header1 .child-content .header-search .block-title { padding: 10px 15px 10px 25px; } #header.header1 .child-content .header-search .block-title:after { font-size: 18px; } @media (max-width: 1599px) { #header.header1 .site-header .nav-megamenu .site-nav li.level0 > a { padding: 0 10px; } } @media (max-width: 1199px) { #header.header1 .nav-megamenu { width: auto; flex: 1; } #header.header1 .nav-megamenu .header-side-menu { display: none; } #header.header1 .toggle_menu_mobile { display: block; height: 100%; } #header.header1 .toggle_menu_mobile span { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding: 10px 15px 10px 0; } #header.header1 .middle-header-wrapper .middle-header-left-wrapper .switcher-currency { display: none; } #header.header1 .middle-header-wrapper .middle-header-left-wrapper { display: block; flex: 1; } #header.header1 .child-content { flex: 1; } #header.header1 .child-content .header-search .block-title { padding: 10px 0px 10px 15px; } #header.header1 .site-header__logo { padding: 15px 10px; } } @media (max-width: 1024px) { #header.header1 .child-content .toggle-wishlist-slide, #header.header1 .child-content .header-cart .action-cart, #header.header1 .child-content .link-account { display: inline; } #header.header1 .child-content .link-account { display: none; } } @media (max-width: 767px) { #header.header1 .site-header__logo { padding: 26px 10px; } #header.header1 .toggle_menu_mobile span { padding-left: 0; padding-right: 10px; } #header.header1 .child-content .header-cart { margin-right: 0; } } /* END HEADER 1 */ /* HEADER 2 */ #header.header2 .top-header-wrapper { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } #header.header2 .switcher-currency .currency-picker__wrapper:after { right: 0; } #header.header2 .switcher-currency .currency-picker { padding: 0 12px 0 17px; } #header.header2 .header-socials { margin-left: 10px; } #header.header2 .header-socials li { border-left: 0; } #header.header2 .header-socials li a { padding: 13px 13px 12px; } #header.header2 .header-socials li a:last-child { padding-right: 0; } #header.header2 .middle-header-wrapper { display: flex; flex-wrap: wrap; width: 100%; min-height: 70px; align-items: center; } #header.header2 .site-header__logo { display: flex; flex-wrap: wrap; align-items: center; padding: 22px 0; width: 15%; } #header.header2 .site-header__logo .site-header__logo-image { margin-left: 0; } #header.header2 .nav-megamenu { width: 70%; } #header.header2 .nav-megamenu .site-nav { justify-content: center; } #header.header2 .child-content { margin-left: auto; width: 15%; display: flex; align-items: center; justify-content: flex-end; } #header.header2 .child-content .block-title { padding: 0; } #header.header2 .child-content .header-cart .action-cart { padding: 0; } #header.header2 .child-content .toggle-wishlist-slide { position: relative; } #header.header2 .child-content .toggle-wishlist-slide .counter { height: 17px; line-height: 17px; border-radius: 50%; display: inline-block; margin: 0; padding: 0 3px; min-width: 17px; text-align: center; white-space: normal; font-size: 10px; font-weight: 400; vertical-align: top; color: white; background: #2c2c2c; position: absolute; right: -13px; top: -2px; } #header.header2 .child-content .link-account, #header.header2 .child-content .header-search { margin: 0 11px; } #header.header2 .child-content .toggle-wishlist-slide { margin: 0 15px 0 11px; } #header.header2 .child-content .header-cart { margin: 0 9px 0 11px; } #header.header2 .child-content .link-account, #header.header2 .child-content .toggle-wishlist-slide { margin-top: 1px; } #header.header2 .header-horizontal-menu ul { display: flex; } #header.header2 .top-header-content a, #header.header2 .top-header-content .header-custom-content, #header.header2 .top-header-content select { font-size: 14px; } #header.header2 .top-header-content .header-custom-content { padding: 4px 20px 4px 0; } #header.header2 .top-header-content .newsletter-link .newsletter-action { padding: 12px 20px 12px 0; } #header.header2 .top-header-content .switcher-currency .currency-picker { height: 29px; } #header.header2.sticky-header.nav-down .top-header-content { display: none; visibility: hidden; } #header.header2 .header-horizontal-menu a { margin-right: 30px; position: relative; } #header.header2 .header-horizontal-menu a:after { content: ""; left: auto; right: 0; top: 100%; height: 1px; transition: all 400ms; position: absolute; width: 0; display: inline-table; background-color: #2c2c2c; } #header.header2 .header-horizontal-menu a:hover:after { width: 100%; left: 0; right: auto; } @media (min-width: 1600px) { #header.header2 .nav-megamenu .site-nav { position: relative; } #header.header2 .nav-megamenu .site-nav li.fullwidth > .dropdown-menu, #header.header2 .nav-megamenu .site-nav li.w-6-columns > .dropdown-menu { left: 0; transform: translate(0, 30px); } #header.header2 .nav-megamenu .site-nav li.fullwidth:hover > .dropdown-menu, #header.header2 .nav-megamenu .site-nav li.w-6-columns:hover > .dropdown-menu { left: 0; transform: translate(0, 0); } } @media (max-width: 1599px) and (min-width: 1024px) { #header.header2 .nav-megamenu .site-nav { position: initial; } #header.header2 .nav-megamenu .site-nav li.level0 > a { padding: 0 15px; } } @media (max-width: 1024px) and (min-width: 768px) { #header.header2 .site-header .header-search.show-always { width: calc(100% - 100px); } } @media (max-width: 1024px) { #header.header2 .nav-megamenu, #header.header2 .top-header-content { display: none; } #header.header2 .site-header__logo { width: calc(100% / 3); } #header.header2 .site-header__logo .site-header__logo-image { margin: auto; } #header.header2 .toggle_menu_mobile { display: flex; align-items: center; width: calc(100% / 3); } #header.header2 .toggle_menu_mobile span { padding: 0; font-size: 30px; } #header.header2 .child-content { width: calc(100% / 3); } #header.header2 .child-content .header-search { margin: 0; } #header.header2 .child-content .link-account, #header.header2 .child-content .toggle-wishlist-slide, #header.header2 .child-content .header-cart a.action-cart { display: none; } #header.header2 .child-content .header-cart { margin: 0; } #header.header2 .header-horizontal-menu ul { flex-wrap: wrap; flex-direction: column; } #header.header2 .header-horizontal-menu ul li { border-bottom: 1px solid #ebeeee; padding: 13px 20px; } #header.header2 .header-horizontal-menu ul li a { color: #707070; } #header.header2 .header-horizontal-menu ul li a:hover { color: black; } } @media (min-width: 1201px) { #header.header2 .site-header .header-search.show-always { width: calc(100% - 60px); } } @media (max-width: 767px) { #header.header2 .site-header__logo { padding-left: 0; } } /* END HEADER 2 */ /* HEADER 3 */ #header.header3 .header-icon { display: flex; align-items: center; flex: 1; } #header.header3 .site-header .header-socials { margin-left: 13px; } #header.header3 .site-header .header-socials li { border: none; margin-right: 30px; } #header.header3 .site-header .header-socials li:last-child { margin-right: 0; } #header.header3 .site-header .header-socials li a { padding: 0; border: none; } #header.header3 .toggle_menu_mobile, #header.header3 .toggle_menu_desktop { display: block; font-size: 30px; cursor: pointer; } #header.header3 .toggle_menu_mobile span, #header.header3 .toggle_menu_desktop span { padding: 0; } #header.header3 .toggle_menu_mobile span:hover, #header.header3 .toggle_menu_desktop span:hover { color: #2c2c2c; } #header.header3 .toggle_menu_desktop { display: none; } @media (min-width: 1025px) { #header.header3 .toggle_menu_desktop { display: block; padding: 23px 15px 20px 0; } #header.header3 .toggle_menu_mobile { display: none; } #header.header3 .slideout-menu .site-nav { padding: 0; } #header.header3 .slideout-menu-desktop { background-color: #fff; } #header.header3 .site-header .mobile-navigation { width: 347px; padding: 30px; border: 1px solid #ebeeee; overflow: visible; } } #header.header3 .header-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 74px; } #header.header3 .header-wrapper .child-content { display: flex; align-items: center; justify-content: flex-end; flex: 1; } #header.header3 .header-wrapper .child-content .block-title { padding: 0; } #header.header3 .header-wrapper .child-content .header-cart .action-cart { padding: 0; } #header.header3 .header-wrapper .child-content .toggle-wishlist-slide { position: relative; } #header.header3 .header-wrapper .child-content .toggle-wishlist-slide .counter { height: 17px; line-height: 17px; border-radius: 50%; display: inline-block; margin: 0; padding: 0 3px; min-width: 17px; text-align: center; white-space: normal; font-size: 10px; font-weight: 400; vertical-align: top; color: white; background: #2c2c2c; position: absolute; right: -13px; top: -2px; } #header.header3 .header-wrapper .child-content .header-settings, #header.header3 .header-wrapper .child-content .link-account, #header.header3 .header-wrapper .child-content .header-search { margin: 0 11px; } #header.header3 .header-wrapper .child-content .toggle-wishlist-slide { margin: 0 15px 0 11px; } #header.header3 .header-wrapper .child-content .header-cart { margin: 0 9px 0 11px; } #header.header3 .header-wrapper .child-content .link-account, #header.header3 .header-wrapper .child-content .toggle-wishlist-slide { margin-top: 1px; } @media (max-width: 1024px) { #header.header3 .toggle_menu_mobile { flex: 1; } #header.header3 .site-header .header-icon { display: none; } #header.header3 .header-wrapper .child-content .header-search { margin: 0; } #header.header3 .header-wrapper .child-content .link-account, #header.header3 .header-wrapper .child-content .toggle-wishlist-slide, #header.header3 .header-wrapper .child-content .header-cart a.action-cart { display: none; } #header.header3 .header-wrapper .child-content .header-cart { margin: 0; } } /* END HEADER 3*/ /* HEADER 4 */ #header.header4 .site-header .header-cart .action-cart .counter { background: #2c2c2c; } #header.header4 .img-article img { width: 100%; } #header.header4 .article-megamenu .item-article .title-article { padding-bottom: 16px; } #header.header4 .article-megamenu .item-article .title-article h4 { line-height: 24px; } #header.header4 .article-megamenu .item-article .title-article a { color: #2c2c2c; line-height: 24px; text-transform: capitalize; } #header.header4 .article-megamenu .item-article .title-article a:hover { color: #2c2c2c; } #header.header4 .site-header__logo-image { margin: 0; } #header.header4 .middle-header-wrapper { display: flex; flex-wrap: wrap; width: 100%; padding: 25px 0; } #header.header4 .middle-header-wrapper .site-header__logo { display: flex; align-items: center; justify-content: left; flex-wrap: wrap; flex: 1; } #header.header4 .middle-header-wrapper .child-content { margin-left: auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; flex: 1; } #header.header4 .middle-header-wrapper .child-content .switcher-currency .currency-picker { height: auto; padding-right: 35px; } #header.header4 .middle-header-wrapper .child-content .header-cart .action-cart { padding: 0 0 0 15px; margin-bottom: 2px; } #header.header4 .middle-header-wrapper .child-content .header-cart .action-cart .action-cart:before { color: #2c2c2c !important; } #header.header4 .middle-header-wrapper .child-content .header-cart .action-cart .action-cart:before:hover { color: #2c2c2c !important; } #header.header4 .middle-header-wrapper .child-content .toggle-wishlist-slide { padding: 0 14px; font-size: 18px; color: #2c2c2c; } #header.header4 .middle-header-wrapper .child-content .toggle-wishlist-slide:hover { color: #2c2c2c; } #header.header4 .middle-header-wrapper .child-content .toggle-wishlist-slide .counter { display: none; } #header.header4 .middle-header-wrapper .child-content .link-account { padding: 0 14px 0 9px; font-size: 18px; color: #2c2c2c; } #header.header4 .middle-header-wrapper .child-content .link-account:hover { color: #2c2c2c; } #header.header4 .bottom-header-content .bottom-header-wrapper { display: flex; flex-wrap: wrap; width: 100%; } #header.header4 .bottom-header-content .nav-megamenu { display: flex; align-items: stretch; flex-wrap: wrap; } #header.header4 .bottom-header-content .header-custom-content { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; flex: 1; padding: 0; } #header.header4 .bottom-header-content .header-custom-content a { font-size: 16px; text-transform: uppercase; letter-spacing: 0px; color: #ff6e68; background-color: rgba(2, 1, 1, 0); border-style: solid; border-width: 0 1px; border-color: #ebeeee; border-radius: 0; padding: 17px 38px 16px; margin-left: 20px; } #header.header4 .bottom-header-content .header-custom-content a:hover { color: #2c2c2c; } #header.header4 .site-header { padding: 0; } #header.header4 .site-header .nav-megamenu .site-nav li.level0:first-child a { padding-left: 0; } #header.header4.sticky-header.nav-down .bottom-header-content { border-bottom: 1px solid #ebeeee; } @media (min-width: 1025px) { #header.header4.sticky-header.nav-down .middle-header-content { display: none; } #header.header4 .site-header .header-search { display: flex; flex-wrap: wrap; align-items: center; padding: 0 30px; min-width: 500px; } #header.header4 .site-header .header-search .block-title { display: none; } #header.header4 .site-header .header-search .block-content { width: 100%; transform: none; position: static; padding: 0; opacity: 1; visibility: visible; } #header.header4 .site-header .header-search .block-content .header-search-form { width: auto; } #header.header4 .site-header .header-search .block-content .header-search-form .search-submit-btn { right: auto; left: 20px; margin-top: 2px; color: #2c2c2c; } #header.header4 .site-header .header-search .block-content .header-search-form .search-submit-btn:hover { color: #2c2c2c; } #header.header4 .site-header .header-search .block-content .header-search-form .search__input { background: #f1f6f6; height: 40px; padding: 10px 30px 10px 50px; border-radius: 6px; width: 100%; color: black; font-size: 16px; border-color: #f1f6f6; } #header.header4 .site-header .header-search .block-content .search-close-btn { display: none; } #header.header4 .site-header .header-search .prompt-background { top: 90px; } #header.header4 .site-header .header-search .prompt-background .no-result { padding-bottom: 10px; } } @media (max-width: 1024px) { #header.header4 .middle-header-wrapper { padding: 18px 0; } #header.header4 .middle-header-wrapper .toggle_menu_mobile { min-width: 45px; font-size: 30px; display: block; justify-content: center; } #header.header4 .middle-header-wrapper .toggle_menu_mobile span { padding: 0; } #header.header4 .middle-header-wrapper .child-content { flex: 0; } #header.header4 .middle-header-wrapper .child-content .switcher-currency, #header.header4 .middle-header-wrapper .child-content .link-account, #header.header4 .middle-header-wrapper .child-content .toggle-wishlist-slide, #header.header4 .middle-header-wrapper .child-content .header-cart .action-cart { display: none; } #header.header4 .middle-header-wrapper .site-header__logo { justify-content: center; } #header.header4 .bottom-header-content { display: none; } #header.header4 .site-header .header-search { display: flex; align-items: center; } #header.header4 .site-header .header-search .block-title { padding: 0; } } #header.header4 .site-header .header-search .block-content .header-search-form input[type="search"]::-webkit-input-placeholder { color: black; opacity: 1; } #header.header4 .site-header .header-search .block-content .header-search-form input[type="search"]:-ms-input-placeholder { color: black; opacity: 1; } #header.header4 .site-header .header-search .block-content .header-search-form input[type="search"]::placeholder { color: black; opacity: 1; } .hover-under-line { position: relative; display: inline-block; } .hover-under-line:before { content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: auto; right: 0; opacity: 0; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .hover-under-line:hover:before { width: 100%; left: 0; right: auto; opacity: 1; } /* END HEADER 4*/ /* HEADER 5 */ #header.header5 .img-article img { width: 100%; } #header.header5 .article-megamenu .item-article .title-article { padding-bottom: 16px; } #header.header5 .article-megamenu .item-article .title-article h4 { line-height: 24px; } #header.header5 .article-megamenu .item-article .title-article a { color: #2c2c2c; line-height: 24px; text-transform: capitalize; } #header.header5 .article-megamenu .item-article .title-article a:hover { color: #2c2c2c; } #header.header5 .site-header .nav-megamenu .site-nav li.level0 { padding: 22px 0 23px; } #header.header5 .site-header .nav-megamenu .site-nav li.level0 > a { font-size: 16px; padding: 0 20px 0 19px; } #header.header5 .site-header .nav-megamenu .site-nav li.level0:first-child > a { padding-left: 0; } #header.header5 .site-header .nav-megamenu .site-nav li.level0:last-child > a { padding-right: 0; } #header.header5 .site-header .nav-megamenu > ul > li:first-child > .dropdown-menu { left: -100%; transform: none; } #header.header5 .middle-header-wrapper { display: flex; flex-wrap: wrap; width: 100%; min-height: 70px; align-items: center; } #header.header5 .site-header__logo { display: flex; flex-wrap: wrap; align-items: center; padding: 8px 0 12px; width: 15%; } #header.header5 .site-header__logo .site-header__logo-image { margin-left: 0; } #header.header5 .nav-megamenu { width: 70%; } #header.header5 .nav-megamenu .site-nav { justify-content: center; } #header.header5 .child-content { margin-left: auto; width: 15%; display: flex; align-items: center; justify-content: flex-end; } #header.header5 .child-content .block-title { padding: 0; } #header.header5 .child-content .block-title:before { content: none; } #header.header5 .child-content .header-cart .action-cart { padding: 0; } #header.header5 .child-content .toggle-wishlist-slide { position: relative; } #header.header5 .child-content .toggle-wishlist-slide .counter { height: 17px; line-height: 17px; border-radius: 50%; display: inline-block; margin: 0; padding: 0 3px; min-width: 17px; text-align: center; white-space: normal; font-size: 10px; font-weight: 400; vertical-align: top; color: white; background: #2c2c2c; position: absolute; right: -13px; top: -2px; } #header.header5 .child-content .link-account, #header.header5 .child-content .toggle-wishlist-slide, #header.header5 .child-content .header-search .block-title:after { font-size: 18px; } #header.header5 .child-content .link-account, #header.header5 .child-content .header-search { margin: 0 14px; } #header.header5 .child-content .toggle-wishlist-slide { margin-top: 3px; margin: 0px 21px 0 13px; } #header.header5 .child-content .header-cart { margin: 0 9px 0 11px; } #header.header5 .child-content .link-account, #header.header5 .child-content .toggle-wishlist-slide { margin-top: 1px; } #header.header5 .header-horizontal-menu ul { display: flex; } #header.header5.sticky-header.nav-down .top-header-content { display: none; visibility: hidden; } #header.header5 .header-horizontal-menu a { margin-right: 30px; position: relative; } #header.header5 .header-horizontal-menu a:after { content: ""; left: auto; right: 0; top: 100%; height: 1px; transition: all 400ms; position: absolute; width: 0; display: inline-table; background-color: #2c2c2c; } #header.header5 .header-horizontal-menu a:hover:after { width: 100%; left: 0; right: auto; } @media (min-width: 1025px) and (max-width: 1300px) { #header.header5 .child-content .link-account, #header.header5 .child-content .header-cart, #header.header5 .child-content .header-search { margin: 0 8px; } #header.header5 .child-content .link-account, #header.header5 .child-content .toggle-wishlist-slide, #header.header5 .child-content .header-search .block-title:after { font-size: 16px; } #header.header5 .child-content .toggle-wishlist-slide { margin: 0px 14px 0 8px; } #header.header5 .site-header .nav-megamenu .site-nav li.level0 > a { padding: 0 10px 0 10px; } } @media (max-width: 1024px) { #header.header5 .toggle_menu_mobile { display: block; } #header.header5 .nav-megamenu { display: none; } #header.header5 .child-content .header-cart { margin: 0; } #header.header5 .child-content { width: 33.33%; } #header.header5 .child-content .link-account, #header.header5 .child-content .toggle-wishlist-slide, #header.header5 .child-content .header-cart .action-cart { display: none; } #header.header5 .middle-header-wrapper { padding: 23px 0; } #header.header5 .middle-header-wrapper .toggle_menu_mobile { min-width: 45px; font-size: 30px; display: block; justify-content: center; width: 33.33%; } #header.header5 .middle-header-wrapper .toggle_menu_mobile span { padding: 0; float: left; } #header.header5 .middle-header-wrapper .site-header__logo { width: 33.33%; display: inline-block; justify-content: center; padding: 0; } #header.header5 .middle-header-wrapper .site-header__logo img { margin: 0 auto; } #header.header5 .bottom-header-content { display: none; } #header.header5 .site-header .header-search { margin: 0; display: flex; align-items: center; } #header.header5 .site-header .header-search .block-title { padding: 0; } #header.header5 .site-header .header-search .block-title:before { content: none; } } /* HEADER 6 */ #header.header6 .img-article img { width: 100%; } #header.header6 .article-megamenu .item-article .title-article { padding-bottom: 16px; } #header.header6 .article-megamenu .item-article .title-article h4 { line-height: 24px; } #header.header6 .article-megamenu .item-article .title-article a { color: #2c2c2c; line-height: 24px; text-transform: capitalize; } #header.header6 .article-megamenu .item-article .title-article a:hover { color: #2c2c2c; } #header.header6 .site-header .nav-megamenu .site-nav li.level0 { padding: 29px 0 31px; } #header.header6 .site-header .nav-megamenu .site-nav li.level0 > a { font-size: 18px; padding: 0 23px; letter-spacing: 0.3px; } #header.header6 .site-header .nav-megamenu .site-nav li.level0:first-child > a { padding-left: 0; } #header.header6 .site-header .nav-megamenu .site-nav li.level0:last-child > a { padding-right: 0; } #header.header6 .site-header .nav-megamenu > ul > li:first-child > .dropdown-menu { left: calc(-100% - 252px); transform: none; } #header.header6 .middle-header-wrapper { display: flex; flex-wrap: wrap; width: 100%; min-height: 70px; align-items: center; } #header.header6 .site-header__logo { display: flex; flex-wrap: wrap; align-items: center; width: 15%; } #header.header6 .site-header__logo .site-header__logo-image { margin-left: 0; } #header.header6 .nav-megamenu { width: calc(85% - 200px); } #header.header6 .nav-megamenu .site-nav { justify-content: flex-end; margin-right: 30px; } #header.header6 .child-content { margin-left: auto; width: 200px; display: flex; align-items: center; justify-content: flex-end; } #header.header6 .child-content .block-title { padding: 0; } #header.header6 .child-content .block-title:before { content: none; } #header.header6 .child-content .header-cart .action-cart { padding: 0; } #header.header6 .child-content .header-cart .action-cart:before { font-size: 16px; } #header.header6 .child-content .toggle-wishlist-slide { position: relative; } #header.header6 .child-content .toggle-wishlist-slide .counter { height: 17px; line-height: 17px; border-radius: 50%; display: inline-block; margin: 0; padding: 0 3px; min-width: 17px; text-align: center; white-space: normal; font-size: 10px; font-weight: 400; vertical-align: top; color: white; background: #2c2c2c; position: absolute; right: -13px; top: -2px; } #header.header6 .child-content .link-account, #header.header6 .child-content .toggle-wishlist-slide, #header.header6 .child-content .header-search .block-title:after { font-size: 16px; } #header.header6 .child-content .link-account, #header.header6 .child-content .header-search { margin: 0 14px; } #header.header6 .child-content .toggle-wishlist-slide { margin-top: 3px; margin: 0px 21px 0 13px; } #header.header6 .child-content .header-cart { margin: 0 9px 0 11px; } #header.header6 .child-content .link-account, #header.header6 .child-content .toggle-wishlist-slide { margin-top: 1px; } #header.header6 .header-horizontal-menu ul { display: flex; } #header.header6.sticky-header.nav-down .top-header-content { display: none; visibility: hidden; } #header.header6 .header-horizontal-menu a { margin-right: 30px; position: relative; } #header.header6 .header-horizontal-menu a:after { content: ""; left: auto; right: 0; top: 100%; height: 1px; transition: all 400ms; position: absolute; width: 0; display: inline-table; background-color: #2c2c2c; } #header.header6 .header-horizontal-menu a:hover:after { width: 100%; left: 0; right: auto; } @media (min-width: 1025px) and (max-width: 1300px) { #header.header6 .child-content .link-account, #header.header6 .child-content .toggle-wishlist-slide, #header.header6 .child-content .header-search .block-title:after { font-size: 16px; } #header.header6 .site-header .nav-megamenu .site-nav li.level0 > a { padding: 0 14px; } #header.header6 .nav-megamenu .site-nav { margin-right: 0; } } @media (max-width: 1024px) { #header.header6 .toggle_menu_mobile { display: block; } #header.header6 .nav-megamenu { display: none; } #header.header6 .child-content { width: 33.33%; } #header.header6 .child-content .link-account, #header.header6 .child-content .toggle-wishlist-slide, #header.header6 .child-content .header-cart .action-cart { display: none; } #header.header6 .middle-header-wrapper { padding: 23px 0; } #header.header6 .middle-header-wrapper .toggle_menu_mobile { min-width: 45px; font-size: 30px; display: block; justify-content: center; width: 33.33%; } #header.header6 .middle-header-wrapper .toggle_menu_mobile span { padding: 0; float: left; } #header.header6 .middle-header-wrapper .site-header__logo { width: 33.33%; display: inline-block; justify-content: center; padding: 0; } #header.header6 .middle-header-wrapper .site-header__logo img { margin: 0 auto; } #header.header6 .bottom-header-content { display: none; } #header.header6 .site-header .header-search { margin: 0; display: flex; align-items: center; } #header.header6 .site-header .header-search .block-title { padding: 0; } #header.header6 .site-header .header-search .block-title:before { content: none; } } /* END HEADER 6 */ /* HEADER 7 */ @media (min-width: 1025px) { #header.header7 .container, #header.header7 .container-fluid { padding-left: 0; padding-right: 0; } } #header.header7 .header-icon { display: flex; align-items: center; } #header.header7 .site-header .header-socials { margin-left: 13px; } #header.header7 .site-header .header-socials li { border: none; margin-right: 30px; } #header.header7 .site-header .header-socials li:last-child { margin-right: 0; } #header.header7 .site-header .header-socials li a { padding: 0; border: none; } #header.header7 .toggle_menu_desktop .theme-iconmenu { color: #2c2c2c; } #header.header7 .toggle_menu_desktop .theme-iconmenu:hover { color: #2c2c2c; } #header.header7 .header-wrapper .child-content .link-account .theme-iconuser2, #header.header7 .header-wrapper .child-content .link-setting .theme-iconsettings, #header.header7 .header-wrapper .child-content .toggle-wishlist-slide .theme-iconlike { color: #2c2c2c; } #header.header7 .header-wrapper .child-content .link-account .theme-iconuser2:hover, #header.header7 .header-wrapper .child-content .link-setting .theme-iconsettings:hover, #header.header7 .header-wrapper .child-content .toggle-wishlist-slide .theme-iconlike:hover { color: #2c2c2c; } #header.header7 .header-logo-mobile { display: none; } #header.header7 .toggle_menu_mobile, #header.header7 .toggle_menu_desktop { display: block; font-size: 30px; cursor: pointer; } #header.header7 .toggle_menu_mobile span, #header.header7 .toggle_menu_desktop span { padding: 0; } #header.header7 .toggle_menu_mobile span:hover, #header.header7 .toggle_menu_desktop span:hover { color: #2c2c2c; } #header.header7 .toggle_menu_desktop { display: none; } @media (min-width: 1025px) { #header.header7 .toggle_menu_desktop { display: block; padding: 28px 0 23px; } #header.header7 .toggle_menu_mobile { display: none; } #header.header7 .slideout-menu .site-nav { padding: 0; } #header.header7 .slideout-menu-desktop { background-color: #fff; } #header.header7 .site-header .mobile-navigation { width: 347px; padding: 30px; border: 1px solid #ebeeee; overflow: visible; } } #header.header7 .header-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 74px; } #header.header7 .header-wrapper .child-content { display: flex; align-items: center; justify-content: space-between; width: 347px; } #header.header7 .header-wrapper .child-content:last-child { width: auto; } #header.header7 .header-wrapper .child-content:first-child { background: #2c2c2c; } #header.header7 .header-wrapper .child-content .block-title { padding: 0; } @media (min-width: 1025px) { #header.header7 .header-wrapper .child-content { padding: 0 32px; } #header.header7 .header-wrapper .child-content:last-child > * { border: 1px solid #ebeeee; min-width: 40px; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; } #header.header7 .header-wrapper .child-content .action-cart .counter { right: -13px; top: 5px; } } #header.header7 .header-wrapper .child-content .header-cart .action-cart { padding: 0; } #header.header7 .header-wrapper .child-content .toggle-wishlist-slide { position: relative; } #header.header7 .header-wrapper .child-content .toggle-wishlist-slide .counter { height: 17px; line-height: 17px; border-radius: 50%; display: inline-block; margin: 0; padding: 0 3px; min-width: 17px; text-align: center; white-space: normal; font-size: 10px; font-weight: 400; vertical-align: top; color: white; background: #2c2c2c; position: absolute; right: -2px; top: 3px; } #header.header7 .header-wrapper .child-content .header-settings, #header.header7 .header-wrapper .child-content .link-account, #header.header7 .header-wrapper .child-content .header-search, #header.header7 .header-wrapper .child-content .toggle-wishlist-slide { margin: 0 11px; } #header.header7 .header-wrapper .child-content .header-cart { margin: 0 2px 0 11px; } #header.header7 .header-wrapper .child-content .link-account, #header.header7 .header-wrapper .child-content .toggle-wishlist-slide { margin-top: 1px; } @media (max-width: 1024px) { #header.header7 .header-logo-mobile { display: flex; } #header.header7 .header-logo-mobile h1 a:first-child { display: none !important; } #header.header7 .header-logo-mobile h1 a:last-child { display: block !important; } #header.header7 .header-wrapper .child-content { width: 2%; } #header.header7 .header-wrapper .child-content:first-child { display: none; } #header.header7 .header-wrapper .child-content .header-search { margin: 0; } #header.header7 .header-wrapper .child-content .link-account, #header.header7 .header-wrapper .child-content .toggle-wishlist-slide, #header.header7 .header-wrapper .child-content .header-cart a.action-cart { display: none; } #header.header7 .header-wrapper .child-content .header-cart { margin: 0; } } /* END HEADER 7*/ /* HEADER 8*/ #header.header8 .middle-header-wrapper { display: flex; align-items: center; justify-content: space-between; } #header.header8 .header-cart .action-cart .counter { right: auto; left: 50%; top: -8px; transform: translateX(-50%); } #header.header8 .nav-megamenu .site-nav li.level0 > a { padding: 0 22px 20px 22px; font-size: 16px; } #header.header8 .nav-megamenu .site-nav li.level0:first-child > a { padding-left: 0; } #header.header8 .nav-megamenu .site-nav li.level0:last-child > a { padding-right: 0; } #header.header8 .site-header .header-search { float: none; } #header.header8 .bottom-middle-right-wrapper { border-top: 1px solid #ebeeee; padding-top: 35px; } #header.header8 .top-middle-right-wrapper, #header.header8 .bottom-middle-right-wrapper { margin-right: 75px; } #header.header8 .middle-header-right-wrapper { position: relative; } @media (min-width: 1025px) { #header.header8 .middle-header-right-wrapper .header-cart { position: absolute; right: 0; top: 0; } #header.header8 .middle-header-right-wrapper .header-cart .action-cart { padding: 19px 13px 18px 13px; background-color: #2c2c2c; margin-top: -4px; transform: translateY(50%); } } #header.header8 .middle-header-right-wrapper .minicart-content .btn-minicart-close:hover { color: #b7b7b7; } #header.header8 .child-content { text-align: right; } #header.header8 .child-content .header-search, #header.header8 .child-content .link-account, #header.header8 .child-content .toggle-wishlist-slide { display: inline-block; } #header.header8 .child-content .toggle-wishlist-slide { position: relative; margin-left: 15px; } #header.header8 .child-content .toggle-wishlist-slide .counter { height: 17px; line-height: 17px; border-radius: 50%; display: inline-block; margin: 0; padding: 0 3px; min-width: 17px; text-align: center; white-space: normal; font-size: 10px; font-weight: 400; vertical-align: top; color: white; background: #2c2c2c; position: absolute; right: -13px; top: -2px; } #header.header8 .child-content .header-search .block-content { position: fixed; } #header.header8 .child-content .header-search .block-content .prompt-background .no-result { text-align: left; } #header.header8 .child-content .header-search .block-content .product-recommendation-result { text-align: left; } #header.header8 .child-content .header-search .block-content .search-close-btn:hover { color: #2c2c2c; } @media (max-width: 1024px) { #header.header8 { position: relative !important; } #header.header8 .site-header .middle-header-content .middle-header-left-wrapper { width: calc(100% / (3/2)); display: flex; justify-content: space-between; align-items: center; } #header.header8 .site-header .middle-header-content .middle-header-left-wrapper .toggle_menu_mobile { display: block; width: 50%; font-size: 30px; } #header.header8 .site-header .middle-header-content .middle-header-left-wrapper .toggle_menu_mobile span { padding: 0; } #header.header8 .site-header .middle-header-content .middle-header-left-wrapper .site-header__logo { width: 50%; display: flex; padding: 10px 0; justify-content: center; } #header.header8 .site-header .middle-header-content .top-middle-right-wrapper { margin-right: 0; } #header.header8 .site-header .middle-header-content .top-middle-right-wrapper .block-title { padding: 0; } #header.header8 .site-header .middle-header-content .top-middle-right-wrapper .block-title:after { color: #2c2c2c; } #header.header8 .site-header .middle-header-content .bottom-middle-right-wrapper { border-top: none; padding-top: 0; } #header.header8 .site-header .middle-header-content .nav-megamenu, #header.header8 .site-header .middle-header-content .link-account, #header.header8 .site-header .middle-header-content .header-cart .action-cart { display: none; } } @media (max-width: 1024px) and (max-width: 767px) { #header.header8 .site-header .middle-header-content .middle-header-left-wrapper .site-header__logo { padding: 13px 0; } } /* END HEADER 8*/ /* WISHLIST SLIDEOUT */ .wishlist-slideout-container:before { position: fixed; top: 0; left: 0; right: auto; width: 100vw; height: 100vh; content: ""; z-index: 100; transition: all 400ms; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.3); } .wishlist-slideout-container.active:before { opacity: 1; visibility: visible; z-index: 1000; } .wishlist-slideout { text-align: left; position: fixed; top: 0; background-color: #fff; right: 0; height: 100%; width: 456px; max-width: calc(100vw - 40px); z-index: 100; transition: all 400ms; transform: translateX(100%); display: block !important; padding: 0; } .wishlist-slideout.active { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); z-index: 1000000; } .wishlist-slideout.loading .ajax-loader { display: block; } .wishlist-slideout .wishlist-slideout-inner { padding: 0; z-index: 999; position: relative; height: 100%; color: #7d7d7d; } .wishlist-slideout .wishlist-slideout-inner .wishlist-dropdown-wrapper { height: 100%; } .wishlist-slideout .wishlist-slideout-inner .header-wishlist-title { padding: 27px 50px; background-color: #ebeeee; } @media (max-width: 767px) { .wishlist-slideout .wishlist-slideout-inner .header-wishlist-title { padding: 27px 20px; } } .wishlist-slideout .wishlist-slideout-inner h3 { color: #2c2c2c; font-size: 18px; font-weight: 400; display: block; letter-spacing: 0.025em; text-transform: capitalize; } .wishlist-slideout .wishlist-slideout-inner .close_wishlist_slideout { color: #2c2c2c; } .wishlist-slideout .wishlist-slideout-inner .empty { display: block; font-size: 16px; padding: 23px 50px 20px; font-weight: 400; color: #7d7d7d; } @media (max-width: 767px) { .wishlist-slideout .wishlist-slideout-inner .empty { padding: 23px 20px 20px; } } .wishlist-slideout .wishlist-slideout-inner .wishlist-items-wrapper { margin: 0; overflow-x: hidden; overflow-y: auto; padding: 25px 50px; max-height: calc(100% - 70px); overflow-x: hidden; overflow-y: auto; /* width */ /* Track */ /* Handle */ } @media (max-width: 767px) { .wishlist-slideout .wishlist-slideout-inner .wishlist-items-wrapper { padding: 25px 32px 25px 20px; } } .wishlist-slideout .wishlist-slideout-inner .wishlist-items-wrapper::-webkit-scrollbar { width: 6px; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items-wrapper::-webkit-scrollbar-track { background: #eee; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items-wrapper::-webkit-scrollbar-thumb { background: #ddd; } @media (max-width: 480px) { .wishlist-slideout .wishlist-slideout-inner .wishlist-items-wrapper .product-buttons .btn-mini.btn-add-to-cart { padding: 7.5px 16px; } } .wishlist-slideout .wishlist-slideout-inner .wishlist-items { height: auto; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item { padding: 20px 0; position: relative; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item:after { content: ''; display: table; width: 100%; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item:first-child { padding-top: 0; border-top: 0; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item:not(:first-child) { border-top: 1px solid #ebeeee; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item:last-child { padding-bottom: 0; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .image { float: left; width: 100px; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .image .hover-change-img { border: none; background: none; display: block; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .image img { display: block; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .image img + img { display: none; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .product-item-details { float: left; width: calc(100% - 100px); padding-left: 20px; position: relative; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .product-item-name { font-size: 16px; font-weight: 400; display: block; margin-bottom: 5px; padding-right: 15px; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .product-item-name a:hover { color: #2c2c2c; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .price { font-weight: 400; font-size: 16px; color: black; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .image .product-buttons, .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .product-labels, .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .btn-wishlist, .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .btn-quick-view, .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .btn-compared { display: none; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .product-buttons { margin-top: 10px; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .btn-remove-wishlist { position: absolute; right: -12px; top: -2px; } .wishlist-slideout .wishlist-slideout-inner .wishlist-items .product-item .btn-remove-wishlist:before { -webkit-font-smoothing: antialiased; font-size: 12px; line-height: 20px; content: "\e918"; font-family: 'lusion'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: never; text-align: center; } .wishlist-slideout .wishlist-items-wrapper { height: 100%; margin: 0 -20px; max-height: unset; } .wishlist-slideout .btn-wishlist-close { position: absolute; top: 20px; right: 20px; border: none; padding: 0; background: none; cursor: pointer; font-size: 14px; font-weight: 500; letter-spacing: 0; box-shadow: none !important; } .wishlist-slideout .btn-wishlist-close:after { display: block; content: "\e918"; font-family: 'lusion'; font-size: 20px; line-height: 20px; } /* FOOTER SOCIAL */ .site-footer .footer-socials { margin-top: 30px; display: block; } .site-footer .footer-socials li { display: inline-block; } .site-footer .footer-socials i { display: inline-block; text-align: center; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; } .site-footer .footer-socials.default li { padding: 0 20px; } .site-footer .footer-socials.social-with-text { display: flex; } .site-footer .footer-socials.social-with-text .text { margin-top: 4px; margin-right: 11px; } .site-footer .footer-socials.social-with-text li { margin: 0 9px; } .site-footer .footer-socials.social-with-text li:first-child { margin-left: 0; } .site-footer .footer-socials.social-with-text li:last-child { margin: 0 0 0 9px; } .site-footer .footer-socials.style-1 li { margin: 0 10px 10px 0; } .site-footer .footer-socials.style-1 i { border: 1px solid #ebeeee; width: 44px; height: 44px; line-height: 42px; } .site-footer .footer-socials.style-2 li { margin: 0 22px 10px 0; } .site-footer .footer-socials.style-2 i { border: 1px solid #ebeeee; width: 58px; height: 58px; border-radius: 50%; line-height: 56px; font-size: 20px; } @media (max-width: 767px) { .site-footer .footer-socials.style-2 { margin-top: 22px; } .site-footer .footer-socials.style-2 li { margin: 0 5px 10px 0; } .site-footer .footer-socials.style-2 i { width: 44px; height: 44px; line-height: 42px; font-size: 18px; } } .site-footer .footer-socials.style-3 li { margin: 0 10px 10px 0; } .site-footer .footer-socials.style-3 i { border: 1px solid #ebeeee; width: 44px; height: 44px; border-radius: 50%; line-height: 42px; } /* FOOTER */ .site-footer .gp-footer-block .text-column-with-image-wrapper { margin-bottom: 0; } .site-footer .gp-footer-block.type-text-link-list .text-link-list-wrapper > div { margin-bottom: 26px; } @media (max-width: 1024px) { .site-footer .gp-footer-block.type-text-link-list .text-link-list-wrapper > div { margin-bottom: 26px; } } .site-footer .gp-footer-block.type-text-link-list .text-link-list-wrapper > div:last-child { margin-bottom: 0; } @media (min-width: 1025px) { .site-footer .gp-footer-block.type-text-link-list .text-link-list-wrapper + .text-link-list-wrapper { margin-top: 41px; } } @media (max-width: 1024px) and (min-width: 768px) { .site-footer .gp-footer-block.type-text-link-list .text-link-list-wrapper .vertical-link-list-wrapper.show-toggle-tablet ul.active { margin-bottom: 40px; } .site-footer .gp-footer-block.type-text-link-list .text-link-list-wrapper > div:last-child.vertical-link-list-wrapper.show-toggle-tablet ul.active { margin-bottom: 20px; } } .site-footer .gp-footer-block .vertical-link-list-wrapper .title-content { margin: 0 0 37px; } .site-footer .gp-footer-block .vertical-link-list-wrapper ul li { margin: 21px 0; text-transform: capitalize; } .site-footer .gp-footer-block .vertical-link-list-wrapper ul li a { position: relative; } .site-footer .gp-footer-block .vertical-link-list-wrapper ul li a:before { content: ""; width: 0; height: 1px; background-color: #2c2c2c; position: absolute; bottom: 0; left: auto; right: 0; opacity: 0; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .site-footer .gp-footer-block .vertical-link-list-wrapper ul li a:hover:before { width: 100%; left: 0; right: auto; opacity: 1; } .site-footer .gp-footer-block .vertical-link-list-wrapper ul li:last-child { margin-bottom: 0; } .site-footer .gp-footer-block .vertical-link-list-wrapper.align-right .title-content, .site-footer .gp-footer-block .vertical-link-list-wrapper.align-right ul li { text-align: right; } .site-footer .gp-footer-block .vertical-link-list-wrapper.align-center .title-content, .site-footer .gp-footer-block .vertical-link-list-wrapper.align-center ul li { text-align: center; } @media (max-width: 1024px) and (min-width: 768px) { .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content { display: block; font-size: 24px; position: relative; padding: 0 0 15px; cursor: pointer; margin: 0; margin-top: -1px; border-bottom: 1px solid #dbdbdb; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content h3, .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content h4 { font-size: 24px; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content:after { content: "\e904"; font-family: lusion; font-size: 11px; position: absolute; top: calc(50% - 7.5px); right: 0; text-align: center; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #2c2c2c; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content.active:after { content: "\e900"; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content.active { border-bottom: 1px solid #dbdbdb; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet ul { display: none; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet ul.active { display: block; margin: 0 0 20px 0; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet ul.active p { font-size: 16px; } } @media (max-width: 767px) { .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content { display: block; font-size: 24px; position: relative; padding: 0 0 15px; cursor: pointer; margin: 0; margin-top: -1px; border-bottom: 1px solid #dbdbdb; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h3, .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h4 { font-size: 24px; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content:after { content: "\e904"; font-family: lusion; font-size: 11px; position: absolute; top: calc(50% - 7.5px); right: 0; text-align: center; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #2c2c2c; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content.active:after { content: "\e900"; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content.active { border-bottom: 1px solid #dbdbdb; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb ul { display: none; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb ul.active { display: block; margin: 0 0 0 0; } .site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb ul.active p { font-size: 16px; } } .site-footer .gp-footer-block .horizontal-link-list-wrapper ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } @media (max-width: 767px) { .site-footer .gp-footer-block .horizontal-link-list-wrapper ul { justify-content: center !important; } } .site-footer .gp-footer-block .horizontal-link-list-wrapper ul li { margin: 0 20px 10px 0; } .site-footer .gp-footer-block .horizontal-link-list-wrapper ul li:last-child { margin-right: 0; } .site-footer .gp-footer-block .horizontal-link-list-wrapper .title-content { text-align: left; } .site-footer .gp-footer-block .horizontal-link-list-wrapper.align-right ul { justify-content: flex-end; } .site-footer .gp-footer-block .horizontal-link-list-wrapper.align-right ul li { margin: 0 0 10px 24px; } .site-footer .gp-footer-block .horizontal-link-list-wrapper.align-right ul li:first-child { margin-left: 0; } .site-footer .gp-footer-block .horizontal-link-list-wrapper.align-right .title-content { text-align: right; } .site-footer .gp-footer-block .horizontal-link-list-wrapper.align-center ul { justify-content: center; } .site-footer .gp-footer-block .horizontal-link-list-wrapper.align-center ul li { margin: 0 5px 10px; } .site-footer .gp-footer-block .horizontal-link-list-wrapper.align-center .title-content { text-align: center; } .site-footer .gp-footer-block .banner-wrapper { display: flex; flex-wrap: wrap; width: 100%; } .site-footer .gp-footer-block .banner-wrapper.align-left { justify-content: flex-start; } .site-footer .gp-footer-block .banner-wrapper.align-center { justify-content: center; } .site-footer .gp-footer-block .banner-wrapper.align-right { justify-content: flex-end; } .site-footer .gp-footer-block .banner-wrapper .banner-item { margin: 0; } .site-footer .gp-footer-block .banner-wrapper .banner-item .banner-item-img img { width: auto; } .site-footer .gp-footer-block .socials-wrapper { display: flex; flex-wrap: wrap; width: 100%; } .site-footer .gp-footer-block .socials-wrapper h1, .site-footer .gp-footer-block .socials-wrapper h2, .site-footer .gp-footer-block .socials-wrapper h3, .site-footer .gp-footer-block .socials-wrapper h4, .site-footer .gp-footer-block .socials-wrapper h5, .site-footer .gp-footer-block .socials-wrapper h6, .site-footer .gp-footer-block .socials-wrapper .h1, .site-footer .gp-footer-block .socials-wrapper .h2, .site-footer .gp-footer-block .socials-wrapper .h3, .site-footer .gp-footer-block .socials-wrapper .h4, .site-footer .gp-footer-block .socials-wrapper .h5, .site-footer .gp-footer-block .socials-wrapper .h6 { margin: 0 0 20px; } .site-footer .gp-footer-block .socials-wrapper.align-left { justify-content: flex-start; } .site-footer .gp-footer-block .socials-wrapper.align-center { justify-content: center; } .site-footer .gp-footer-block .socials-wrapper.align-right { justify-content: flex-end; } .site-footer .gp-footer-block .socials-wrapper .content { width: 100%; } .site-footer .gp-footer-block .socials-wrapper .title { margin-bottom: 37px; } .site-footer .gp-footer-block .socials-wrapper .description { letter-spacing: 0; margin-bottom: 0; } .site-footer .gp-footer-block .text-wrapper.align-left { justify-content: flex-start; text-align: left; } .site-footer .gp-footer-block .text-wrapper.align-center { justify-content: center; text-align: center; } .site-footer .gp-footer-block .text-wrapper.align-right { justify-content: flex-end; text-align: right; } .site-footer.default .title { font-size: 28px; } .site-footer .footer-socials:after { content: ''; display: table; width: 100%; } .site-footer .footer-socials li { float: left; font-size: 18px; } .site-footer .footer-socials li:last-child { margin: 0; } @media (max-width: 1024px) { .site-footer.default .gp-footer-block .title { font-size: 24px; } } .footer2.site-footer .gp-footer-block .horizontal-link-list-wrapper.align-center ul li { margin: 0 22px 10px; font-size: 18px; } @media (max-width: 1024px) { .footer2.site-footer .gp-footer-block .horizontal-link-list-wrapper.align-center ul li { margin: 0 20px 10px; } } .footer2 .footer-socials li a { display: inline-block; background-color: #fff; } .footer2 .top-footer .row .col-12:nth-child(2) { padding-top: 37px; } .footer5 .gp-footer-block .vertical-link-list-wrapper .title-content { margin: 0 0 19px; } .footer5 .gp-footer-block .vertical-link-list-wrapper ul li { margin: 10px 0; } .footer5 .gp-footer-block .vertical-link-list-wrapper ul li a:hover:before { content: none; } .footer5 a:hover img { filter: brightness(200%) contrast(200%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer5 .block-text-column-with-image-wrapper.image-position-top .content { padding-top: 0; margin-top: -2px; } .footer5 p.content-wrapper:not(.address) { display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: 18px; } .footer5 p.content-wrapper.address { margin-bottom: 43px; } .footer5 .text-content { color: #2c2c2c; } .footer5 .footer-socials-wrapper { display: flex; align-items: center; } .footer5 .footer-socials-wrapper .footer-socials { margin-top: 0; display: inline-block; margin-left: 17px; } .footer5 .footer-socials-wrapper .footer-socials li { margin-bottom: 0; font-size: 20px; padding: 0 35px 0 0; } .footer7 .top-footer .custom-columns.position-1 { margin: 0 auto; } .footer7.site-footer .gp-footer-block .vertical-link-list-wrapper ul li { margin: 11px 0; } .footer7.site-footer .gp-footer-block .vertical-link-list-wrapper .title-content { display: inline-block; margin-bottom: 19px; width: 100%; } .footer7 a:hover img { filter: brightness(68%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer7 .bottom-footer .image-wrapper { margin-top: 3px; } @media (max-width: 1024px) { .footer7 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content, .footer7 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content { border-color: #2f3030; margin-bottom: 10px; } .footer7 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content h6, .footer7 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h6 { font-size: 20px; } .footer7 .middle-footer .gp-footer-block.type-vertical-link-list { margin-bottom: 10px !important; } .footer7 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content:after, .footer7 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content:after { color: #2f3030; } } @media (max-width: 767px) { .footer7 .bottom-footer .image-wrapper { margin-top: 12px; } } .footer8 .banner-item.position-1 { display: inline-block; margin-top: -5px !important; } .footer8 .banner-item.position-1 .banner-item-img { display: inline-block; float: left; margin-right: 65px; margin-top: 4px; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom { position: static; overflow: hidden; width: auto; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .banner-content-inner { position: static; padding: 0; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact { margin-top: 1px; padding-right: 30px; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li { overflow: hidden; position: relative; padding-left: 78px !important; margin: 0px 0 9px !important; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li a { text-transform: none; padding: 0; font-size: 16px; margin-top: 0 !important; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li:last-child { margin-bottom: 0 !important; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li span { position: absolute; left: 0; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-mail span, .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-phone span { margin-right: 4px; float: left; display: inline-block; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-address .info-content { line-height: 28px; margin-top: -2px; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-social { padding-top: 11px !important; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-social span { top: 23px; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-social a { height: 43px; width: 43px; border-radius: 50%; background: #fff; text-align: center; line-height: 49px; display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-social a:last-child { margin-right: 0; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-social a i { color: #dedfdf; font-size: 18px; position: static !important; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li.info-social a:hover i { color: #fff; } @media (max-width: 1600px) and (min-width: 1025px) { .footer8 .banner-item.position-1 .banner-item-img { width: 78px; margin-right: 30px; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact { padding-right: 0; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom .footer-contact.list-info-contact li { padding-left: 65px !important; } } @media (max-width: 1024px) { .footer8 .banner-item.position-1 .banner-item-img { margin-bottom: 22px; width: 100%; } .footer8 .banner-item.position-1 .banner-item-img img { width: 110px !important; } .footer8 .banner-item.position-1 .banner-content-wrapper.position-custom { width: 100%; } } .footer8 .bottom-footer .image-wrapper { margin-top: 4px; } .footer8 .bottom-footer .image-wrapper a:hover img { filter: brightness(68%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } @media (max-width: 1024px) { .footer8 .type-newsletter { margin-top: 20px; } .footer8 .type-banner { margin-top: -17px !important; } .footer8 .middle-footer .type-vertical-link-list.position-2 { position: relative; padding-left: 15px !important; } .footer8 .middle-footer .type-vertical-link-list.position-2:before { content: none !important; } } .footer8 .type-banner { margin-top: 5px; } .footer8 .newsletter-style-4 .title, .footer8 .newsletter-style-4 h3 { font-size: 22px; margin-bottom: 22px; } .footer8 .newsletter-style-4 .description { line-height: 28px; } .footer8 .middle-footer .type-vertical-link-list.position-2 { position: relative; padding-left: 5.7%; } .footer8 .middle-footer .type-vertical-link-list.position-2:before { content: ""; height: calc(100% - 13px); width: 1px; background: #fff; position: absolute; top: 6px; left: 0; } .footer8 .middle-footer .type-vertical-link-list .title-content { margin-bottom: 29px; } .footer8 .middle-footer .type-vertical-link-list .title-content h3 { font-size: 22px !important; } .footer8 .middle-footer .type-vertical-link-list .vertical-link-list-wrapper ul li { margin: 16px 0; text-transform: none; } .footer8 .middle-footer .type-vertical-link-list .vertical-link-list-wrapper ul li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .footer8.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb { margin-bottom: 20px; } .footer8.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content { padding-bottom: 4px; border-color: #fff; margin-bottom: 22px; } .footer8.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content:after { margin-top: 9px; color: #2c2c2c; } .footer8.site-footer .gp-footer-block .vertical-link-list-wrapper ul li { margin: 10px 0; } .footer8 .type-newsletter { margin-top: 10px; } .footer8 .bottom-footer .image-wrapper { margin-top: 18px; } } .footer9 .middle-footer h3 { letter-spacing: 0px; font-size: 20px; } .footer9.site-footer .gp-footer-block .vertical-link-list-wrapper .title-content { margin-bottom: 31px; } .footer9.site-footer .gp-footer-block .vertical-link-list-wrapper ul li { margin: 11px 0; text-transform: capitalize; } .footer9.site-footer .gp-footer-block .vertical-link-list-wrapper ul li a { letter-spacing: 0.3px; } .footer9 .box-info-contact .footer-menu-title { letter-spacing: 0px; font-size: 20px; margin-bottom: 20px; } .footer9 .footer-contact.list-info-contact li { margin: 1px 0 !important; } .footer9 .footer-contact.list-info-contact li span { margin-right: 4px; float: left; display: inline-block; } .footer9 .footer-contact.list-info-contact li.info-social { padding-top: 36px !important; } .footer9 .footer-contact.list-info-contact li.info-social a { margin-right: 20px; } .footer9 .footer-contact.list-info-contact li.info-social a:last-child { margin-right: 0; } .footer9 .bottom-footer .image-wrapper { margin-top: 4px; } .footer9 .bottom-footer .image-wrapper a:hover img { filter: brightness(68%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer9 .newsletter-wrapper.newsletter-style-4 .content { padding-bottom: 43px; } .footer9 .newsletter-wrapper.newsletter-style-4 .content .title, .footer9 .newsletter-wrapper.newsletter-style-4 .content h3 { font-size: 20px; margin-bottom: 17px; } .footer9 .newsletter-wrapper.newsletter-style-4 .content .description { letter-spacing: 0; } @media (max-width: 767px) { .footer9 .newsletter-wrapper.newsletter-style-4 { margin-top: 13px; } .footer9 .newsletter-wrapper.newsletter-style-4 .content { padding-bottom: 13px; } .footer9 .newsletter-wrapper.newsletter-style-4 .content .title { display: none; } .footer9 .footer-contact.list-info-contact li.info-social { padding-top: 25px !important; } .footer9 .box-info-contact .footer-menu-title { font-size: 16px; display: none; } .footer9.site-footer .gp-footer-block .vertical-link-list-wrapper .title-content { margin-bottom: 3px; } .footer9.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h3, .footer9.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h4 { font-size: 16px; } .footer9 .gp-footer-block.position-1 { position: relative; padding-bottom: 37px; margin-bottom: 50px !important; } .footer9 .gp-footer-block.position-1:before { content: ""; height: 1px; width: calc(100% - 30px); left: 15px; bottom: 0; background: #ebeeee; position: absolute; } .footer9 .bottom-footer .image-wrapper { margin-top: 22px; } } /* FOOTER 10 */ .site-footer.footer10 .gp-footer-block.type-vertical-link-list .vertical-link-list-wrapper .title-content { margin: 0 0 18px; } .site-footer.footer10 .gp-footer-block.type-vertical-link-list .vertical-link-list-wrapper .title-content h3 { font-size: 20px; text-transform: capitalize; } .site-footer.footer10 .gp-footer-block.type-vertical-link-list .vertical-link-list-wrapper ul li { margin: 10px 0; } .site-footer.footer10 .gp-footer-block.type-socials .socials-wrapper .content .title { margin-top: 3px; margin-bottom: 17px; } .site-footer.footer10 .gp-footer-block.type-socials .socials-wrapper .content .title .address-wrapper { font-size: 16px; margin-bottom: 13px; } .site-footer.footer10 .gp-footer-block.type-socials .socials-wrapper .content .title .phone-number { font-size: 20px; } .site-footer.footer10 .gp-footer-block.type-socials .socials-wrapper .footer-socials { margin-top: 16px; } .site-footer.footer10 .gp-footer-block.type-text .text-wrapper .image-wrapper a:hover img { filter: brightness(200%) contrast(200%) saturate(100%) blur(0px) hue-rotate(0deg); } @media (max-width: 767px) { .site-footer.footer10 .gp-footer-block.type-vertical-link-list .vertical-link-list-wrapper .title-content { margin: 0; padding: 0 0 18px; } .site-footer.footer10 .gp-footer-block.type-vertical-link-list .vertical-link-list-wrapper .title-content h3 { font-size: 16px; } .site-footer.footer10 .gp-footer-block.type-vertical-link-list .vertical-link-list-wrapper ul.active { margin: 0; } .site-footer.footer10 .gp-footer-block.type-socials { margin-top: 15px; } .site-footer.footer10 .gp-footer-block.type-socials .socials-wrapper { text-align: left; justify-content: flex-start; } } /* END FOOTER 10 */ /*FOOTER 11*/ .payment-wrapper { display: inline-block; width: 100%; margin-top: 6px; overflow: hidden; } .payment-wrapper li { display: inline-block; margin-right: 2px; float: left; } .payment-wrapper li:last-child { margin-right: 0; } .payment-wrapper li a { float: left; font-size: 48px; } .payment-wrapper li a i { float: left; } .footer11 .bottom-footer .horizontal-link-list-wrapper a { position: relative; } .footer11 .bottom-footer .horizontal-link-list-wrapper a:before { content: ""; height: 1px; width: 0; position: absolute; bottom: 0; left: 0; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .footer11 .bottom-footer .horizontal-link-list-wrapper a:hover:before { width: 100%; } .footer11.site-footer .gp-footer-block .vertical-link-list-wrapper ul li { margin: 13px 0; } .footer11.site-footer .gp-footer-block .vertical-link-list-wrapper ul li:last-child { margin-bottom: 0; } .footer11.site-footer .gp-footer-block .vertical-link-list-wrapper .title-content { margin-bottom: 30px; } .footer11 .newsletter-wrapper.newsletter-style-4 .content { padding-bottom: 12px; } .footer11 .type-text-column-with-image .block-text-column-with-image-wrapper.image-position-top .content { padding-top: 0; } .footer11 .type-text-column-with-image .content .content-wrapper { margin-bottom: 19px; position: relative; } .footer11 .type-text-column-with-image .content .content-wrapper .title { display: block; } .footer11 .type-text-column-with-image .content .content-wrapper.address .title { position: absolute; left: 0; } .footer11 .type-text-column-with-image .content .content-wrapper.address .text-content { padding-left: 63px; } @media (max-width: 1024px) and (min-width: 768px) { .footer11 .newsletter-wrapper.newsletter-style-4 { position: relative; padding-right: calc(50% + 15px); margin-top: 28px; } .footer11 .newsletter-wrapper.newsletter-style-4 .content { padding-bottom: 15px; } .footer11 .newsletter-wrapper.newsletter-style-4 form.contact-form { position: absolute; right: 50px; top: 5px; width: calc(50% - 75px ) !important; } .footer11 .payment-wrapper li a { font-size: 68px; } } @media (max-width: 767px) { .footer11 .newsletter-wrapper { margin-top: 30px; } .footer11 .payment-wrapper li a { font-size: 68px; } .footer11 .text-column-with-image-wrapper.position-1 { padding-bottom: 25px; border-bottom: 1px solid #ebeeee; margin-bottom: 20px; } .footer11.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content { padding-bottom: 17px; margin-bottom: 0; } .footer11.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h5, .footer11.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h6 { font-size: 16px; } .footer11 .bottom-footer .gp-footer-block.position-6 { margin-bottom: 7px; } } /*END FOOTER 11 */ .footer12 .text-column-with-image-wrapper .footer-socials-wrapper { display: flex; justify-content: flex-end; } .footer12 .text-column-with-image-wrapper .footer-socials-wrapper .footer-socials { margin-top: 0; } .footer12 .text-column-with-image-wrapper .footer-socials-wrapper .footer-socials li { font-size: 16px; padding: 0 10px; } .footer12 .text-column-with-image-wrapper .content .content-wrapper { margin-bottom: 13px; } .footer12 .text-column-with-image-wrapper .content .content-wrapper:nth-child(2) a { font-size: 20px; color: #2c2c2c; } .footer12 .text-column-with-image-wrapper .content .content-wrapper:last-child a { color: #2c2c2c; } .footer12 .text-column-with-image-wrapper .content .content-wrapper:last-child a:hover { color: #2c2c2c; } .footer12 .type-text .text-wrapper .image-wrapper a:hover img { filter: brightness(200%) contrast(200%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer12 .gp-footer-block .vertical-link-list-wrapper .title-content { color: #2c2c2c; font-size: 20px; margin-bottom: 16px; text-transform: capitalize; } .footer12 .gp-footer-block .vertical-link-list-wrapper ul li { margin: 10px 0; } .footer12 .block-text-column-with-image-wrapper.image-position-top .content { padding-top: 2px; } .footer12 .block-text-column-with-image-wrapper .content p:not(:first-child) { margin-top: 7px; margin-bottom: 15px; } /*END FOOTER 12 */ /* FOOTER 13 */ @media (min-width: 1025px) { .footer13 { overflow: hidden; } .footer13 > div:not(:last-child) .container .row > div:last-child { position: relative; } .footer13 > div:not(:last-child) .container .row > div:last-child > div { margin-left: 30px; } .footer13 > div:not(:last-child) .container .row > div:last-child:before { content: ''; width: 1px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); height: 100vh; background-color: #fff; } } .footer13 .text-column-with-image-wrapper .footer-socials-wrapper { display: flex; justify-content: flex-end; } .footer13 .text-column-with-image-wrapper .footer-socials-wrapper .footer-socials { margin-top: 0; } .footer13 .text-column-with-image-wrapper .footer-socials-wrapper .footer-socials li { font-size: 16px; padding: 0 10px; } .footer13 .text-column-with-image-wrapper .content .content-wrapper { margin-bottom: 13px; } .footer13 .text-column-with-image-wrapper .content .content-wrapper:nth-child(2) a { font-size: 20px; color: #2c2c2c; } .footer13 .text-column-with-image-wrapper .content .content-wrapper:last-child a { color: #2c2c2c; } .footer13 .text-column-with-image-wrapper .content .content-wrapper:last-child a:hover { color: #2c2c2c; } .footer13 .type-text .text-wrapper .image-wrapper a:hover img { filter: brightness(68%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer13 .gp-footer-block .vertical-link-list-wrapper .title-content { color: #2c2c2c; font-size: 22px; margin-bottom: 27px; text-transform: capitalize; } .footer13 .gp-footer-block .vertical-link-list-wrapper ul li { margin: 10.5px 0; } .footer13 .block-text-column-with-image-wrapper.image-position-top .content { padding-top: 2px; } .footer13 .block-text-column-with-image-wrapper .content p:not(:first-child) { margin-top: 7px; margin-bottom: 15px; } .footer13 .newsletter-wrapper.newsletter-style-7 .content .title { font-size: 22px; margin: 0 0 23px; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group input.email-input { padding: 0 20px; } .footer13 .gp-footer-block .socials-wrapper .title { margin-bottom: 0; font-size: 22px; } .footer13 .footer-socials { margin-top: 30px; display: block; } .footer13 .footer-socials.style-1 li { margin: 0 5px 10px 0; } .footer13 .footer-socials.style-1 i { border: 1px solid #ebeeee; width: 60px; height: 60px; line-height: 60px; font-size: 25px; } .footer13 .type-text .text-wrapper { letter-spacing: 0; } @media (min-width: 1025px) { .footer13 .newsletter-wrapper.newsletter-style-7 .input-group input.email-input { height: 62px; line-height: 62px; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group .input-group__btn .newsletter__submit { height: 60px; line-height: 60px; } } @media (max-width: 1024px) { .footer13.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content { font-size: 16px; padding: 0 0 3px; } .footer13 .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content:after { top: calc(50% - 3px); } .footer13 > div:not(:last-child) .container .row > div { margin-bottom: 26px; } .footer13 .gp-footer-block .vertical-link-list-wrapper .title-content { font-size: 16px; } .footer13 .newsletter-wrapper.newsletter-style-7 .content .title { font-size: 20px; } .footer13 .footer-socials.style-1 i { border: 1px solid #ebeeee; width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .footer13 .gp-footer-block .socials-wrapper .title { font-size: 20px; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group input.email-input { margin-right: 0; } .footer13 .newsletter-wrapper.newsletter-style-7 form { position: relative; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group .input-group__btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 50px; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group .input-group__btn .newsletter__submit { font-size: 0; position: relative; width: 50px; min-width: 50px; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group .input-group__btn .newsletter__submit:before { content: "\e91d"; font-family: 'lusion'; position: absolute; top: 50%; transform: translate(50%, -50%); height: 30px; line-height: 30px; font-size: 16px; right: 50%; z-index: 1; pointer-events: none; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group input.email-input { padding: 0 68px 0 18px; text-align: left; } } @media (max-width: 767px) { .footer13 .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content:after { top: calc(50% - 3px); } .footer13 .newsletter-wrapper .content { text-align: center !important; } .footer13 .gp-footer-block .socials-wrapper { justify-content: center !important; } .footer13 .gp-footer-block .socials-wrapper .content { text-align: center; } .footer13 .newsletter-wrapper.newsletter-style-7 .content .title { margin-bottom: 10px; } .footer13 .newsletter-wrapper.newsletter-style-7 .input-group input.email-input { height: 52px; line-height: 52px; } .footer13 .footer-socials { margin-top: 15px; } } @media (max-width: 500px) { .footer13 .newsletter-wrapper.newsletter-style-7 .input-group input.email-input { margin: 0 0 0; } } /*END FOOTER 13 */ /* FOOTER 14 */ .footer14 .text-column-with-image-wrapper .content { padding-top: 0 !important; } .footer14 .text-column-with-image-wrapper .content .content-wrapper { margin-bottom: 0; } .footer14 .text-column-with-image-wrapper .content .address-store { margin: 0 0 5px; } .footer14 .text-column-with-image-wrapper .content .email-address { margin-top: 20px; } .footer14 .vertical-link-list-wrapper .title-content { font-size: 20px; margin: 0 0 27px !important; } .footer14 .vertical-link-list-wrapper ul li { margin: 0px 0 13px !important; } .footer14 .type-text .text-wrapper .image-wrapper a:hover img { filter: brightness(200%) contrast(200%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer14 .type-text .text-wrapper .hover-color-primary a:hover img { filter: brightness(68%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } @media (max-width: 1024px) and (min-width: 768px) { .footer14 .middle-footer .gp-footer-block { margin-bottom: 25px !important; } .footer14 .middle-footer .gp-footer-block.type-vertical-link-list { margin-bottom: 12px; } .footer14 .middle-footer .gp-footer-block.type-vertical-link-list .vertical-link-list-wrapper .title-content { font-size: 16px; border-bottom: 1px solid #ebeeee; padding-bottom: 15px; margin: 0 0 15px 0 !important; } } @media (max-width: 767px) { .site-footer.footer14 .text-column-with-image-wrapper { padding-bottom: 22px; border-bottom: 1px solid #ebeeee; margin-bottom: 27px; } .site-footer.footer14 .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content { border-bottom: 1px solid #ebeeee; font-size: 16px; margin: 0 0 16px !important; } } /* END FOOTER 14 */ .footer15 .top-footer .custom-columns.position-1 { margin: 0 auto; } .footer15.site-footer .gp-footer-block .vertical-link-list-wrapper ul li { margin: 10px 0; } .footer15.site-footer .gp-footer-block .vertical-link-list-wrapper .title-content { display: inline-block; margin-bottom: 9px; width: 100%; } .footer15 a:hover img { filter: brightness(68%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer15 .bottom-footer .image-wrapper { margin-top: 3px; } @media (max-width: 1024px) { .footer15 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content, .footer15 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content { margin-bottom: 5px; padding-bottom: 6px; } .footer15 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content h6, .footer15 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content h6 { font-size: 16px; } .footer15 .middle-footer .gp-footer-block.type-vertical-link-list { margin-bottom: 10px !important; } .footer15 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content:after, .footer15 .middle-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content:after { color: #2f3030; top: calc(50% - 3px); } } @media (max-width: 767px) { .footer15 .bottom-footer .image-wrapper { margin-top: 12px; } } .footer15 .type-text .text-wrapper .image-wrapper a:hover img { filter: brightness(200%) contrast(200%) saturate(100%) blur(0px) hue-rotate(0deg); } .footer15 .newsletter-wrapper { border: 1px solid #ebeeee; padding: 82px 20px 90px; } .footer15 .newsletter-wrapper.newsletter-style-1 .content .title { font-size: 40px; margin-bottom: 9px; } .footer15 .newsletter-wrapper.newsletter-style-1 form { margin: 9px 0 0; } @media (max-width: 1024px) { .footer15 .newsletter-wrapper { padding: 38px 20px 40px; } .footer15 .newsletter-wrapper.newsletter-style-1 .content .title { font-size: 30px; margin-bottom: 8px; } .footer15 .newsletter-wrapper.newsletter-style-1 .content .description { font-size: 16px; } .footer15 .newsletter-wrapper.newsletter-style-1 form { width: 82%; } } @media (max-width: 767px) { .footer15 .newsletter-wrapper.newsletter-style-1 .content .title { margin-bottom: 11px; } .footer15 .newsletter-wrapper.newsletter-style-1 .content .description { line-height: 1.2; } .footer15 .newsletter-wrapper.newsletter-style-1 form { margin: 11px 0 0; width: 100%; } } /* END FOOTER 15 */ /* FOOTER 16 */ @media (min-width: 768px) and (max-width: 1024px) { .footer16 .middle-footer .gp-footer-block { margin-bottom: 25px !important; } } @media (max-width: 767px) { .footer16 .middle-footer .type-text .text-wrapper { margin-bottom: 27px; } } .footer16 .middle-footer .type-text .text-wrapper .content-wrapper .title { color: #707070; } .footer16 .middle-footer .type-text .text-wrapper .content-wrapper a, .footer16 .middle-footer .type-text .text-wrapper .content-wrapper .text-content { color: #2c2c2c; } .footer16.site-footer .gp-footer-block .vertical-link-list-wrapper ul li { margin: 10px 0; } .footer16.site-footer .gp-footer-block .vertical-link-list-wrapper .title-content { margin-bottom: 19px; } .footer16 .newsletter-wrapper.newsletter-style-4 .content { padding-bottom: 12px; } @media (min-width: 768px) and (max-width: 1024px) { .footer16 .newsletter-wrapper .content { width: 50%; } .footer16 .newsletter-wrapper form.contact-form { width: calc(50% - 50px ) !important; } } @media (max-width: 1024px) { .site-footer.footer16 .gp-footer-block .vertical-link-list-wrapper .title-content h6 { font-size: 16px; } } @media (max-width: 1024px) and (min-width: 768px) { .site-footer.footer16 .gp-footer-block .vertical-link-list-wrapper .title-content { border-bottom: 1px solid #ebeeee; padding-bottom: 15px; font-size: 16px; margin: 0 0 16px !important; } } @media (max-width: 767px) { .site-footer.footer16 .middle-footer .gp-footer-block .text-wrapper { padding-bottom: 40px; border-bottom: 1px solid #dbdbdb; margin-bottom: 50px; } .site-footer.footer16 .middle-footer .gp-footer-block .newsletter-wrapper { margin-top: 27px; } .site-footer.footer16 .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb ul.active { margin: 0 0 25px 0; } } /* END FOOTER 16 */ .footer-contact.list-info-contact li { padding-left: 0 !important; } .footer-contact.list-info-contact li:first-child { margin-top: 0; } .footer-contact.list-info-contact li .info-content { padding-left: 0 !important; } .footer-contact.list-info-contact li.info-address { margin: 0 0 1px; float: left; display: inline-block; } .footer-contact.list-info-contact li.info-address span { margin-right: 4px; float: left; display: inline-block; } .footer-contact.list-info-contact li.info-address .info-content { overflow: hidden; padding-left: 0; } .footer-contact.list-info-contact li.info-mail { margin-bottom: 18px; } .footer-contact.list-info-contact li.info-mail span { margin-bottom: 2px; } .footer-contact.list-info-contact li.info-phone span { margin-bottom: 2px; } .footer-contact.list-info-contact li.info-social .info-content i { position: static !important; } @media (max-width: 1024px) { .footer12 .text-column-with-image-wrapper .content .content-wrapper:nth-child(2) a { font-size: 18px; } body { padding-bottom: 0px; } .footer5.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content { padding: 2px 0 6px; } .footer5.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content:after { top: calc(50% - 1.5px); } .footer5.site-footer .gp-footer-block .vertical-link-list-wrapper.show-toggle-tablet .title-content h6 { font-size: 16px; } .site-footer.footer3 .type-text-column-with-image .image-wrapper { margin-top: 0; } .footer12 .block-text-column-with-image-wrapper.align-right { text-align: left; } .footer12 .text-column-with-image-wrapper .footer-socials-wrapper { justify-content: flex-start; } } @media (max-width: 767px) { .footer2 .top-footer .row .col-12:nth-child(2) { padding-top: 22px; } .footer2.site-footer .gp-footer-block .horizontal-link-list-wrapper.align-center ul li { font-size: 16px; margin-bottom: 4px !important; } .footer2 .bottom-footer .type-text.gp-footer-block .content { line-height: 28px; } .site-footer .bottom-footer .col-12.gp-footer-block .text-wrapper { text-align: center !important; } .site-footer .bottom-footer .col-12.gp-footer-block > * { justify-content: center !important; } .site-footer .type-text + .type-horizontal-link-list { margin-top: 10px; margin-bottom: 10px; } .site-footer .gp-footer-block .horizontal-link-list-wrapper ul li { margin: 0 8px !important; } .site-footer .gp-footer-block .horizontal-link-list-wrapper ul li:last-child { margin-right: 0 !important; } .site-footer .gp-footer-block .horizontal-link-list-wrapper ul li:first-child { margin-left: 0 !important; } .footer5 .gp-footer-block .text-column-with-image-wrapper.position-1 { border-bottom: 1px solid #dbdbdb; padding-bottom: 44px; margin-bottom: 20px; } .footer5 .top-footer .gp-footer-block { margin-bottom: 26px !important; } .footer12 .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content { font-size: 16px; padding-top: 15px; } .footer12 .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content:before { top: calc(50% + 2px); } .footer12 .block-text-column-with-image-wrapper.image-position-top .content { padding-top: 30px; } .footer12 .middle-footer .gp-footer-block { margin-bottom: 0 !important; } .footer12 .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb .title-content:after { top: calc(50% + 2px); } .footer12 .gp-footer-block .vertical-link-list-wrapper.show-toggle-mb ul.active { margin: 0; } } .footer6 .gp-footer-block .horizontal-link-list-wrapper.align-center ul li { text-transform: uppercase; margin: 0 24px 10px !important; } @media (max-width: 767px) { .footer6 .gp-footer-block .horizontal-link-list-wrapper.align-center ul li { margin: 0 11px 10px !important; } } .footer6 .newsletter-wrapper.align-center form { max-width: 775px; width: 775px; margin: 0 auto; } .footer6 .newsletter-wrapper.align-center form .newsletter__input, .footer6 .newsletter-wrapper.align-center form .newsletter__submit { height: 60px; line-height: 58px; font-size: 16px; } @media (max-width: 1024px) { .footer6 .newsletter-wrapper.align-center form .newsletter__input, .footer6 .newsletter-wrapper.align-center form .newsletter__submit { height: 50px; line-height: 48px; } } .footer6 .newsletter-wrapper.align-center form .newsletter__input { border-radius: 30px 0 0 30px; width: calc(100% - 179px); border: none; padding: 0 25px; } @media (max-width: 767px) { .footer6 .newsletter-wrapper.align-center form .newsletter__input { width: 100%; padding: 0 30px; border-radius: 30px; min-width: 100%; text-align: center; } } .footer6 .newsletter-wrapper.align-center form .newsletter__submit { border-radius: 0 30px 30px 0; width: 179px; letter-spacing: 0.05em; } @media (max-width: 767px) { .footer6 .newsletter-wrapper.align-center form .newsletter__submit { width: 100%; border-radius: 30px; margin-top: 20px; min-width: 100%; } } .footer6 .newsletter-wrapper.align-center form .newsletter__submit span:after { content: "\e91d"; font-family: 'lusion' !important; margin-left: 25px; } /* TOOLBAR MENU */ .toolbar-menu { display: none; } @media (max-width: 1024px) { .toolbar-menu { display: block; } .toolbar-menu .header-group { width: 100%; background: #fff; z-index: 999; position: fixed; bottom: 0; left: 0; height: 50px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); } .toolbar-menu .header-group.no-text .toolbar-item span.toolbar-item-title { display: none; } .toolbar-menu .header-group .toolbar-item { display: inline-block; margin: 0; text-align: center; float: left; padding: 0 5px; } .toolbar-menu .header-group .toolbar-item > a { margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; position: relative; height: 100%; } .toolbar-menu .header-group .toolbar-item > a .theme-iconheart { margin-top: 2px; } .toolbar-menu .header-group .toolbar-item i { font-size: 18px; line-height: 25px; display: block; } .toolbar-menu .header-group .toolbar-item i.theme-iconshopping-cart1 { margin-top: 2px; } .toolbar-menu .header-group .toolbar-item .counter { background-color: #ff6e68; color: #fff; font-size: 10px; display: inline-block; line-height: 17px; min-width: 17px; min-height: 17px; border-radius: 50%; position: absolute; margin-left: 21px; top: 13px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; padding: 0 3px; } .toolbar-menu .header-group .toolbar-item span.toolbar-item-title { font-size: 14px; line-height: 1; display: block; } .toolbar-menu .row-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-y: auto; height: 100%; } .toolbar-menu .row-item.row-1 > .toolbar-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .toolbar-menu .row-item.row-2 > .toolbar-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .toolbar-menu .row-item.row-3 > .toolbar-item { -ms-flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .toolbar-menu .row-item.row-4 > .toolbar-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .toolbar-menu .row-item.row-5 > .toolbar-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } /* END TOOLBAR MENU */ /* HEADER DESKTOP ADDITIONAL MENU */ .toggle-desktop-additional-menu:after { background: rgba(0, 0, 0, 0.6); content: ''; display: block; height: 100vh; position: fixed; right: 0; top: 0; width: 100vw; z-index: 0; transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; opacity: 0; visibility: hidden; } .gp-additional-menu { background-color: #fff; background: #fff; list-style-type: none; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.29); position: fixed; top: 0; right: 0; height: 100%; max-width: 345px; width: calc(100% - 30px); opacity: 0; visibility: hidden; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; z-index: 100; text-align: left; padding: 15px 20px; overflow-x: hidden; overflow-y: auto; } .gp-additional-menu > div { border-bottom: 1px solid #ebeeee; padding: 15px 0; } .gp-additional-menu > div:last-child { border-bottom: none; } .gp-additional-menu .switcher-currency .currency-picker__wrapper:after { display: none; } .gp-additional-menu .switcher-currency .currency-picker { width: 100% !important; border: 1px solid #acacac; color: #797070; background: white url("ico-select.png") no-repeat right 19px center; margin: 0; padding: 0 35px 0 17px; height: 40px; } .gp-additional-menu .switcher-currency .currency-picker:focus { outline-color: #acacac; border: 1px solid #acacac; } .gp-additional-menu .title { text-transform: capitalize; margin-top: 20px; } .gp-additional-menu h5 { margin-bottom: 10px; } .gp-additional-menu .header-socials li { border: none; display: inline-block; margin: 0 15px 10px 0; } .list-info-contact li { padding: 0 0 0 30px !important; display: inline-block; width: 100%; margin: 10px 0; position: relative; } .list-info-contact li:first-child { padding-top: 0; } .list-info-contact i { position: absolute !important; top: 0; left: 0; font-size: 16px; line-height: 25px !important; padding-left: 0 !important; } .list-info-contact i.theme-icon-pin { font-size: 18px; margin-top: 2px; } .list-info-contact .info-content { color: #2c2c2c; font-size: 16px; overflow: hidden; } .list-info-contact .info-content span, .list-info-contact .info-content p { color: #2c2c2c; } @media (max-width: 1024px) { .list-info-contact .info-content { padding-left: 30px; } } html.nav-open-additional-menu .toggle-desktop-additional-menu:after { opacity: 1; visibility: visible; } html.nav-open-additional-menu .gp-additional-menu { transform: none; visibility: visible; opacity: 1; } .open-additional-menu-desktop.nav-open-additional-menu .toolbar-menu { display: block; } .open-additional-menu-desktop.nav-open-additional-menu .toolbar-menu { display: block; } html.nav-open-additional-menu.open-additional-menu-desktop .toggle-desktop-additional-menu:after { background: rgba(0, 0, 0, 0.3); } html.open-additional-menu-desktop.nav-open-additional-menu .gp-additional-menu { transform: none; } html.open-additional-menu-desktop .gp-additional-menu { z-index: 999; } @media (max-width: 1025px) { .header-settings-desktop { display: none; } } /* END HEADER DESKTOP ADDITIONAL MENU */ /* FOOTER 3 */ .site-footer.footer3 .type-text-column-with-image .image-wrapper { margin-top: 17px; } .site-footer.footer3 .type-text-column-with-image .content { padding-top: 25px; } .site-footer.footer3 .type-text-column-with-image .footer-socials-wrapper { display: flex; align-items: center; position: relative; } .site-footer.footer3 .type-text-column-with-image .footer-socials-wrapper span { position: absolute; left: 0; color: #2c2c2c; } .site-footer.footer3 .type-text-column-with-image .footer-socials-wrapper .footer-socials { padding-left: 77px; } .site-footer.footer3 .type-text-column-with-image .footer-socials-wrapper .footer-socials li { padding-top: 5px; } .site-footer.footer3 .type-text-column-with-image .content .content-wrapper { margin-bottom: 16px; position: relative; } .site-footer.footer3 .type-text-column-with-image .content .content-wrapper .title { position: absolute; left: 0; color: #2c2c2c; } .site-footer.footer3 .type-text-column-with-image .content .content-wrapper .text-content { padding-left: 77px; } .site-footer.footer3 .type-text .text-wrapper .image-wrapper a:hover img { filter: brightness(200%) contrast(200%) saturate(100%) blur(0px) hue-rotate(0deg); } .site-footer.footer3 .type-text .text-wrapper .hover-color-primary a:hover img { filter: brightness(68%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } .site-footer.footer3 .gp-footer-block .vertical-link-list-wrapper .title-content { margin: 0 0 29px; } .site-footer.footer3 .gp-footer-block .vertical-link-list-wrapper ul li { margin: 16px 0; } .site-footer.footer3 .gp-footer-block .newsletter-wrapper .content .title { margin: 0; } .site-footer.footer3 .gp-footer-block .newsletter-wrapper .content h6 { margin: 0 0 22px; } .site-footer.footer3 .gp-footer-block .newsletter-wrapper .content p { line-height: 1.75; } .site-footer.footer3 .gp-footer-block .text-column-with-image-wrapper .footer-socials-wrapper .footer-socials { margin-top: 0; } @media (min-width: 768px) and (max-width: 1024px) { .site-footer.footer3 .type-text-column-with-image, .site-footer.footer3 .type-vertical-link-list, .site-footer.footer3 .type-newsletter { margin-bottom: 30px; } .site-footer.footer3 .type-text-column-with-image { order: 1; } .site-footer.footer3 .type-newsletter { order: 2; margin-top: 17px; } .site-footer.footer3 .type-vertical-link-list { order: 3; } .site-footer.footer3 .type-text .text-wrapper .content { padding: 0 15px; } .site-footer.footer3 .type-text-column-with-image .type-newsletter { order: -1; } } @media (max-width: 767px) { .site-footer.footer3 .type-vertical-link-list { margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper .title-content { display: block; font-weight: 500; position: relative; letter-spacing: 0.015em; padding: 15px 0px; cursor: pointer; margin: 0; margin-top: -1px; border-bottom: 1px solid #dbdbdb; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper .title-content h6, .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper .title-content h5 { font-size: 22px; line-height: 30px; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper .title-content:after { content: "\e904"; font-family: lusion; font-weight: 600; font-size: 11px; transition: all 0.5s; position: absolute; top: 50%; right: 0; text-align: center; cursor: pointer; transform: translateY(-50%); color: #949494; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper .title-content.active:after { content: "\e900"; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper .title-content.active { border-bottom: 1px solid #dbdbdb; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper ul { display: none; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper ul.active { display: block; margin: 0 0 20px 0; } .site-footer.footer3 .type-vertical-link-list .vertical-link-list-wrapper ul.active p { font-size: 16px; } .site-footer.footer3 .type-newsletter { margin: 30px 0 0; } .site-footer.footer3 .type-newsletter .newsletter-wrapper .content h6, .site-footer.footer3 .type-newsletter .newsletter-wrapper .content h5 { font-size: 20px; } .site-footer.footer3 .type-newsletter .newsletter-wrapper .content p { font-size: 16px; } .site-footer.footer3 .type-newsletter .newsletter-wrapper.newsletter-style-4 .content { padding-bottom: 13px; } .site-footer.footer3 .type-text .text-wrapper { padding: 5px 0; } .site-footer.footer3 .type-text-column-with-image .content .content-wrapper { margin-bottom: 28px; } } /* END FOOTER 3 */ /* FOOTER 4 */ .footer4 .newsletter-wrapper h2 { font-size: 24px; margin-bottom: 18px; } .footer4 .newsletter-wrapper.newsletter-style-1 .footer-socials { margin-top: 30px; } .footer4 .newsletter-wrapper.newsletter-style-1 form { margin-top: 14px; } .footer4 .newsletter-wrapper.newsletter-style-1 form .newsletter__input { padding-bottom: 0; } .footer4.site-footer .gp-footer-block .horizontal-link-list-wrapper.align-center ul li { margin: 0 11px 10px; } @media (min-width: 767px) { .footer4 .site-footer .gp-footer-block .horizontal-link-list-wrapper ul li { margin: 0 12px !important; } } @media (min-width: 768px) { .footer4 .horizontal-link-list-wrapper li a { text-transform: uppercase; } .footer4 .newsletter-wrapper h2 { font-size: 40px; margin-bottom: 9px; } .footer4.newsletter-style-1 .footer-socials { margin-top: 26px; } .footer4.newsletter-style-1 form { margin-top: 19px; } } /* END FOOTER 4 */ @media (max-width: 320px) { .site-header .header-cart .cart-slideout { max-width: 100%; } } @media (max-width: 420px) { .site-header .header-cart .minicart-content .summary .subtotal .subtotal-price { font-size: 18px; } #shopify-section-toolbar-mobile { display: none; } }