/*Global mixins*/ /*Screen sizes*/ /*Fonts*/ /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 600; font-display: swap; src: local("Raleway SemiBold Italic"), local("Raleway-SemiBoldItalic"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptpg8zYS_SKggPNyCgwkqV_DNCb_Vo.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 600; font-display: swap; src: local("Raleway SemiBold Italic"), local("Raleway-SemiBoldItalic"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptpg8zYS_SKggPNyCgwkqV_AtCb.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; font-display: swap; src: local("Raleway Thin"), local("Raleway-Thin"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptsg8zYS_SKggPNwE44Q4FqPfE.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; font-display: swap; src: local("Raleway Thin"), local("Raleway-Thin"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptsg8zYS_SKggPNwE44TYFq.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; font-display: swap; src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwOIpWqhPAMif.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; font-display: swap; src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwOIpWqZPAA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-display: swap; src: local("Raleway Light"), local("Raleway-Light"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-display: swap; src: local("Raleway Light"), local("Raleway-Light"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; font-display: swap; src: local("Raleway Medium"), local("Raleway-Medium"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; font-display: swap; src: local("Raleway Medium"), local("Raleway-Medium"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-display: swap; src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-display: swap; src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; font-display: swap; src: local("Raleway Bold"), local("Raleway-Bold"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; font-display: swap; src: local("Raleway Bold"), local("Raleway-Bold"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*Colors*/ .flow, .breadcrumb, section, .title-sort-row, .title-sort-row h1, .title-sort-row h2, .title-sort-row h1.on-category, .title-sort-row h1.on-manufacturer, .title-sort-row h2.on-category, .title-sort-row h2.on-manufacturer, .page-title, .html-manufacturer-list-page .page-title h1, .columnsTwo-wrapper .sidebar, .columnsTwo-wrapper .columnsTwo-content, .listbox ul.list, .listbox ul.list li, .listbox ul.list li a, .bill-itmes, .selected-options-list, ul.checkbox-list li.checkbox-item, .fieldset, .form-fields .inputs, .edit-address .inputs, .form-fields .gender, .edit-address .gender, .form-fields label, .edit-address label, .form-fields input[type="text"], .form-fields input[type="tel"], .form-fields input[type="email"], .form-fields input[type="password"], .edit-address input[type="text"], .edit-address input[type="tel"], .edit-address input[type="email"], .edit-address input[type="password"], .form-fields .reversed, .edit-address .reversed, .form-fields .field-validation-error, .edit-address .field-validation-error, .form-fields .date-of-birth, .edit-address .date-of-birth, .form-fields .date-of-birth .date-picker-wrapper, .edit-address .date-of-birth .date-picker-wrapper, .captcha-box, #advanced-search-block .inputs, .content-wrapper, .product-grid, .html-search-page .product-grid, .item-grid .item-box .product-item .picture, .item-grid .item-box .product-item .picture a, .item-grid .item-box .product-item .details .product-title, .item-grid .item-box .product-item .details .product-title a, .item-grid .item-box .product-item .details .description, .item-grid .item-box .product-item .details .stock, .item-grid .item-box .product-item .details .stock .pre-order-availability-date, .item-grid .item-box .product-item .details .add-info, .columnsThree-content .item-grid, .columnsTwo-content .item-grid, .search-results, .search-results .no-result, .product-selectors .sort-size-wrapper, .showing-sort-wrapper, .login-wrapper .panel-holder, .html-account-page .section, .html-account-page.html-gdpt-tools-page .form-fields, .html-account-page.html-address-edit-page .buttons, .html-shopping-cart-page .page .order-summary-content, .cart-wrapper .table-wrapper .cart-table-item .cti-details, .cart-wrapper .table-wrapper .cart-table-item .cti-details a, .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal, .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity, .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .grand-total, .cart-footer, .cart-footer .cf-wrapper, .cart-footer .totals, .cart-footer .totals .total-info, .cart-footer .totals .total-info .cart-total, .html-checkout-page ol#checkout-steps, .html-checkout-page ol#checkout-steps li.tab-section, .html-checkout-page ol#checkout-steps li.tab-section .step-title, .html-checkout-page ol#checkout-steps li.tab-section .section, .html-checkout-page ol#checkout-steps li.tab-section #shopping-cart-form, .html-checkout-page ol#checkout-steps .bill-box, .html-checkout-page ol#checkout-steps .bill-add-new, .html-checkout-page .buttons, .html-checkout-page .terms-of-service, .html-order-details-page .buttons, .html-order-details-page .order-overview, .html-order-details-page .order-details-area, .html-order-details-page .section, .html-order-details-page .section .table-wrapper, .html-order-details-page .section .table-wrapper .data-table, .html-order-details-page .section .total-info, .html-order-details-page .section .total-info .cart-total, .html-order-details-page .section .actions, .search-input, .search-input .basic-search, .search-input .basic-search .inputs, .search-input .advanced-search, .search-input .advanced-search .inputs, .search-input .advanced-search .inputs .price-range, .html-sitemap-page .description, .pager ul, #b2b-user-nav, #b2b-user-nav .user-nav-wrapper .title, #b2b-user-nav .user-nav-wrapper .col-title, #b2b-user-nav .user-nav-wrapper ul li, #b2b-user-nav .user-nav-wrapper ul li a, .category-list-view .button-wrapper, #subscribe .subscribe-text, #subscribe #newsletter-result-block, #instagram .instagram-wrapper, #instagram .instagram-wrapper .instagram-text, #instagram .instagram-wrapper .instagram-text h4, footer, footer .footer-content, footer .footer-content .f-left, footer .footer-content .f-left .f-text, footer .footer-content .f-right, footer .footer-content .f-right .f-main-nav, footer .footer-content .f-right .f-social, footer .footer-content .f-right .f-bottom-nav, #siteHeader, #siteHeader .header-top, #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a, #siteHeader .header-bottom, #siteHeader .header-bottom .mobile-wrapper .nav ul li, #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap, #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist, #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist li, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .count, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .totals, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .buttons, #featured, #featured .nop-jcarousel, #featured .nop-jcarousel .slick-track, .nopAjaxFilters7Spikes .filtersTitleBefore, .nopAjaxFilters7Spikes .filtersTitlePanel, .nopAjaxFilters7Spikes .product-count, .nopAjaxFilters7Spikes .filtersPanel, #featured-presentation .spc-products, #featured-presentation .spc-products .spc-header, #featured-presentation .spc-products .spc-body, #featured-presentation .spc-products .spc-body .cat-picture, #featured-presentation .spc-products .spc-body .cat-picture .img-capt-wrapper, #featured-presentation .spc-products .spc-body .cat-picture .img-capt-wrapper a, .products-search, .customer-admin, .customer-admin input, .html-product-details-page .gallery, .html-product-details-page .gallery .picture, .html-product-details-page .gallery .picture-thumbs, .html-product-details-page .overview, .html-product-details-page .overview .name-desc-wrapper, .html-product-details-page .overview .name-desc-wrapper .product-name, .html-product-details-page .overview .name-desc-wrapper .product-name h1, .html-product-details-page .overview .name-desc-wrapper .product-man-sku, .html-product-details-page .overview .price-label, .html-product-details-page .overview .prices, .html-product-details-page .overview .add-to-cart, .html-product-details-page .overview .add-to-cart .add-to-cart-panel, .html-product-details-page .overview .add-to-cart .pre-order-availability-date, .html-product-details-page .overview .aditional-details, .html-product-details-page .overview .full-description, .html-product-details-page .overview .product-collateral, .html-product-details-page .overview .product-collateral .product-specs-box, .html-product-details-page .overview .product-collateral .product-specs-box .table-wrapper, .html-product-details-page .short-description, .html-product-details-page .full-description, .html-product-details-page .related-products-grid #prod-holder .slick-track, .html-category-page .sidebar, .html-search-page .sidebar, .html-manufacturer-page .sidebar, .html-category-page .columnsTwo-content, .html-search-page .columnsTwo-content, .html-manufacturer-page .columnsTwo-content, .html-category-page .columnsTwo-content .product-list, .html-search-page .columnsTwo-content .product-list, .html-manufacturer-page .columnsTwo-content .product-list, .html-category-page .sidebar-second, .html-search-page .sidebar-second, .html-manufacturer-page .sidebar-second { float: left; width: 100%; } .ul, .breadcrumb ul, .listbox ul.list, .bill-itmes, .selected-options-list, ul.checkbox-list, .method-list, .info-list, .info, .order-overview-content, .entity .entity-body ul, #b2b-user-nav .user-nav-wrapper ul, footer .footer-content .f-right .f-main-nav ul, footer .footer-content .f-right .f-bottom-nav ul, #siteHeader .header-top .h-top-right .select-languages ul.lang-list, #siteHeader .header-top .h-top-right .select-languages .lang-wrap, #siteHeader .header-top .h-top-right ul.lang-list, #siteHeader .header-bottom .mobile-wrapper .nav ul, #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist, #featured-presentation .spc-products .spc-header ul.navigation { margin: 0px; padding: 0px; } /*font-awesome*/ /*! * Font Awesome Pro 5.5.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ /*Defaults*/ ::-moz-selection { background-color: #ffdd33 !important; color: #ffffff !important; } ::selection { background-color: #ffdd33 !important; color: #ffffff !important; } *:focus { outline: none !important; } a:focus { outline: none; } html { font-size: 0.9375rem; } .master-wrapper-page{overflow: hidden;} body { font-family: "Raleway", sans-serif; font-weight: 400; font-size: 1rem; background: #ffffff; box-sizing: border-box; line-height: 1.75; color: #373839; margin: 0; padding: 0; overflow-x: hidden; } body p { font-family: "Raleway", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.75; margin: 0 0 15px 0; color: #373839; } body ul { font-size: 0.9375rem; font-family: "Raleway", sans-serif; font-weight: 400; line-height: 1.75; list-style-type: disc; } body ul li { font-size: 0.9375rem; font-family: "Raleway", sans-serif; font-weight: 400; line-height: 1.75; } b, strong { font-weight: 700 !important; } a, a:link, a:visited { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-decoration: none; color: #FFD400; font-family: "Raleway", sans-serif; font-weight: 400; } a:hover, a:active, a:focus { color: #ccaa00; text-decoration: underline; } /*breadcrumb*/ .breadcrumb { background: transparent; margin-bottom: 0px; padding: 15px 0; } .breadcrumb ul { list-style-type: none; } .breadcrumb ul li { display: inline-block; float: left; } .breadcrumb ul li a { font-size: 0.9375rem; color: #cccccc; } .breadcrumb ul li span a { font-size: 0.9375rem; color: #cccccc; } .breadcrumb ul li .delimiter { color: #cccccc; padding: 0 6px; } .breadcrumb ul li strong.current-item { font-weight: 300 !important; color: #cccccc; } /*checkboxes & radios*/ /*.checkbox-item { label { &:before {border:1px solid $prim; background:none !important; -webkit-box-shadow: 2px 2px 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.05);} &:after {background-color:$yellow !important; background:none} } } input[type="checkbox"] {position:relative; &:before {border:1px solid $prim; background:none !important; -webkit-box-shadow: 2px 2px 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.05);} &:after {background-color:$yellow !important; background:none} }*/ /*magic check radio*/ input[type=radio].magic-radio, input[type=checkbox].magic-checkbox { position: fixed; z-index: -50; top: -2000px; } .magic-radio[disabled], .magic-checkbox[disabled] { cursor: not-allowed; } .input-group-addon > .magic-radio + label, .input-group-addon > .magic-checkbox + label { vertical-align: text-top; } .input-group-addon > .magic-radio + label:before, .input-group-addon > .magic-checkbox + label:before { left: 0; } .magic-radio + label, .magic-checkbox + label { cursor: pointer; display: inline-block; margin: 0; min-width: 1.34em; padding: 0; position: relative; vertical-align: middle; } .magic-radio + label:hover:before, .magic-checkbox + label:hover:before { border-color: #25476a; transition: all 0.2s; } .magic-radio + label:before, .magic-checkbox + label:before { border: 1px solid #373839; box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.05); content: ''; display: block; height: 17px; left: 0; position: absolute; top: 50%; margin-top: -9px; width: 17px; transition: all 0.3s; } .magic-radio + label:after, .magic-checkbox + label:after { content: ''; display: none; position: absolute; } .magic-radio + label:not(:empty), .magic-checkbox + label:not(:empty) { margin: 0 5px 0 0; text-indent: 25px; } .html-category-page .sidebar-second .magic-radio + label:not(:empty), .html-category-page .sidebar-second .magic-checkbox + label:not(:empty) { margin: 0 5px 0 0; text-indent: 0px; padding: 0 0 0 25px; } .magic-checkbox + label { min-height: 17px; min-width: 17px; line-height: 2; } .btn-group .magic-radio + label, .btn-group .magic-checkbox + label { min-height: 1em; vertical-align: baseline; } .magic-radio[disabled] + label, .magic-checkbox[disabled] + label { cursor: not-allowed; opacity: .5; } .magic-radio[disabled] + label:hover, .magic-checkbox[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-checkbox[disabled] + label:before, .magic-radio[disabled] + label:after, .magic-checkbox[disabled] + label:after { cursor: not-allowed; } .magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before { animation-name: none; } .magic-radio:checked + label:before, .magic-checkbox:checked + label:before { animation-name: none; } .magic-radio:checked + label:after, .magic-checkbox:checked + label:after { display: block; } .magic-radio:focus + label:before, .magic-checkbox:focus + label:before { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 0 10px rgba(0, 0, 0, 0.1); transition: box-shadow 0.1s; } .magic-radio:checked:focus + label:before, .magic-checkbox:checked:focus + label:before { box-shadow: 0 0 0 10px rgba(37, 71, 106, 0.17), inset 0 0 0 10px rgba(22, 119, 179, 0.17); } /* Checkboxes */ .magic-checkbox + label:before { border-radius: 2px; } .magic-checkbox + label:after { border-color: #000000; border-style: solid; border-width: 0 2px 2px 0; box-sizing: border-box; height: 13px; left: 6px; top: 50%; margin-top: -9px; transform: rotate(48deg); width: 6px; } .magic-checkbox:focus + label:before { transition: all 0.3s; } .magic-checkbox:checked + label:before { background: #FFD400; border-color: #FFD400; } /* Radio */ .magic-radio + label:before { border-radius: 50%; border-color: #373839; } .magic-radio + label:after { background: #373839; border-radius: 50%; height: 9px; left: 4px; top: 4px; width: 9px; } /*delivery checkbox*/ .method-list .magic-radio + label:after { background: #373839; border-radius: 50%; height: 9px; left: 4px; top: 8px; width: 9px; } /*payment checkbox*/ /*.payment-details .magic-radio + label:after { background: #373839; border-radius: 50%; height: 9px; left: 4px; top: 7px; width: 9px; }*/ /*.shipping-method, .payment-method { .method-list { .magic-radio + label:after {background: $prim;border-radius: 50%;height: 9px;left: 4px;top: 6px;width: 9px;} } }*/ /*sections*/ section { margin: 20px 0; } section#slider { margin: 175px 0 20px 0; } section#b2b-user-nav { margin: 0px 0 0; } section#subscribe { margin: 0px 0 0; } section#instagram { margin: 15px 0 0 0; } .html-home-page .master-wrapper-content { padding-top: 0px; } .master-wrapper-content { padding-top: 190px; } /*titles*/ /*product group category*/ .title-sort-row { text-align: center; } .title-sort-row h1, .title-sort-row h2 { color: #FFD400; font-weight: bold; } .title-sort-row h1.group-category, .title-sort-row h2.group-category { font-size: 1.25rem; margin: 20px 0 30px 0; text-align: center; } .title-sort-row h1.on-category, .title-sort-row h1.on-manufacturer, .title-sort-row h2.on-category, .title-sort-row h2.on-manufacturer { font-size: 1.5rem; line-height: 29px; text-transform: uppercase; margin: 0px 0 30px 0; } h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } .html-manufacturer-list-page .page-title h1 { font-size: 1.5rem; line-height: 29px; text-transform: uppercase; margin: 0px 0 30px 0; color: #FFD400; font-weight: bold; } /*related on product page*/ .related-products-grid { float: left; } .related-products-grid .title-row { font-weight: 600; font-size: 1.5rem; margin: 20px 0; } /*general sidebar*/ /*lists*/ .listbox ul.list { list-style-type: none; margin-bottom: 30px; } .listbox ul.list li { border-bottom: 2px solid rgba(112, 112, 112, 0.41); } .listbox ul.list li a { text-transform: uppercase; padding: 10px 10px 10px 0px; color: #000000; font-weight: 300; font-size: 1rem; line-height: 19px; text-decoration: none !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .listbox ul.list li a:hover { /*color:$yellow*/ color: #000000; } .listbox ul.list li a.active { /*color:$yellow*/ color: #000000; } .listbox ul.list li.active a { color: #FFD400; } .bill-itmes { list-style-type: none; } .bill-itmes li.company { font-weight: bold; } .selected-options-list li span { color: #373839 !important; } ul.checkbox-list { list-style-type: none; } ul.checkbox-list label { /*padding: 0 0 0 30px;*/ margin-bottom: 0px; } ul.checkbox-list li.checkbox-item { margin-bottom: 15px; } ul.checkbox-list li.checkbox-item label { text-indent: 0 !important; padding-left: 25px; line-height: 1.2; margin: 0 !important; } ul.checkbox-list li.checkbox-item.checked { color: #FFD400; } ul.checkbox-list li.checkbox-item.disabled { display: none; } .method-list { list-style-type: none; } .info-list, .info, .order-overview-content { list-style-type: none; margin-bottom: 15px; } /*for sitemap*/ .entity { margin-bottom: 15px; } .entity .entity-body ul { list-style-type: none; } .entity .entity-body ul li a { color: #373839; position: relative; padding-left: 25px; } .entity .entity-body ul li a:before { font-family: "Font Awesome 5 Pro"; content: '\f054'; position: absolute; left: 0px; } /*buttons*/ .prim-cta { line-height: 40px; padding: 8px 46px; color: #ffffff !important; border: 2px solid #ffffff; width: 100%; font-size: 1rem; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .prim-cta:hover { text-transform: uppercase; border-color: #ffffff; background: #FFD400; text-decoration: none; } .register-button { line-height: 40px; padding: 8px 46px; color: #000000; background: #ffffff; border: none; width: 100%; font-size: 1rem; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .register-button:hover { text-transform: uppercase; border-color: #ffffff; background: #FFD400; text-decoration: none; } .login-button { line-height: 40px; padding: 8px 46px; color: #000000; background: #FFD400; border: none; width: 100%; font-size: 1rem; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .login-button:hover { text-transform: uppercase; border-color: #ffffff; color: #ffffff; background: #000000; text-decoration: none; } .checkout-btn, .re-order-button, .password-recovery-button, .search-button { line-height: 40px; padding: 8px 46px; background: #FFD400; color: #000000 !important; border: none !important; width: 100%; font-size: 1rem; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .checkout-btn:hover, .re-order-button:hover, .password-recovery-button:hover, .search-button:hover { text-transform: uppercase; background: #000000; color: #FFD400 !important; text-decoration: none; } .product-to-cart, .add-to-cart-button, .save-customer-info-button, .def-button, .change-password-button, .gdpr-export-data-button, .save-address-button, .btn-big-yellow, .register-next-step-button { float: left; width: 190px; background: #FFD400; border: none; font-size: 1.125rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .product-to-cart:hover, .add-to-cart-button:hover, .save-customer-info-button:hover, .def-button:hover, .change-password-button:hover, .gdpr-export-data-button:hover, .save-address-button:hover, .btn-big-yellow:hover, .register-next-step-button:hover { background: #000000; color: #FFD400; } .product-to-cart-preorder { float: left; width: 190px !important; background: #FFD400; border: none; border-radius: 0px !important; font-size: 1.125rem; text-transform: uppercase; font-weight: 600; height: 32px !important; line-height: 32px !important; margin: 0px 10px !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .product-to-cart-preorder:hover { background: #000000; color: #FFD400; } .gdpr-delete-account-button, .btn-big-black { float: left; width: 190px; background: #000000; color: #FFD400; border: none; font-size: 1.125rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .gdpr-delete-account-button:hover, .btn-big-black:hover { background: #FFD400; color: #000000; } .print-order-button, .btn-black { float: left; width: 150px; margin: 0 5px; background: #000000; color: #FFD400; border: none; font-size: 0.875rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .print-order-button:hover, .btn-black:hover { background: #FFD400; color: #000000 !important; text-decoration: none; } .pdf-invoice-button { float: left; width: 150px; margin: 0 5px; background: #FFD400; color: #000000 !important; border: none; font-size: 0.875rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .pdf-invoice-button:hover { background: #000000; color: #FFD400 !important; text-decoration: none; } /*small buttons*/ .cart-button, .delete-address-button, .btn-white { float: left; width: 150px; margin: 0 5px; color: #373839; background: #ffffff; border: 2px solid rgba(112, 112, 112, 0.41); font-size: 1rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .cart-button:hover, .delete-address-button:hover, .btn-white:hover { background: #000000; color: #FFD400; } .checkout-button, .edit-address-button, .add-address-button, .order-details-button, .btn-yellow { float: left; width: 150px; margin: 0 5px; background: #FFD400; border: 2px solid #FFD400; font-size: 1rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .checkout-button:hover, .edit-address-button:hover, .add-address-button:hover, .order-details-button:hover, .btn-yellow:hover { background: #000000; color: #FFD400; border-color: #000000; } .product-search { float: left; margin: 0 5px; padding: 0 10px; background: #FFD400; border: 2px solid #FFD400; font-size: 1rem; text-transform: uppercase; font-weight: 600; line-height: 40px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .product-search:hover { background: #000000; color: #FFD400; border-color: #000000; } #add-new-address { float: left; width: auto; background: #FFD400; border: none; padding: 0 10px; font-size: 1rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } #add-new-address:hover { background: #000000; color: #FFD400; } /*search & news input*/ .search form { border: 2px solid #373839; border-radius: 25px; height: 30px; max-height: 30px; position: relative; } .search form input { position: absolute; left: 0px; border: none; width: calc(100% - 30px); padding: auto; margin-left: 10px; height: 26px; /*font-size:0.9375rem;*/ } .search form button { /*height:26px;*/ width: 26px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border: none; background: #ffffff; float: right; cursor: pointer; margin-right: 10px; } .search form button i { color: #000000; font-size: 0.875rem; position: absolute; top: 6px; right: 8px; } /*general search recommendations drop down*/ @media (max-width: 1099px) and (min-width: 320px) { .wrap-search-results { max-width: 100%; position: absolute; /*top: 70px !important; left: -15px !important;*/ } .wrap-search-results ul.ui-autocomplete.ui-front { border:1px solid #ccc !important; z-index: 1000; /*left: 0px !important;*/ /*width: 100%;*/ } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item { line-height: normal; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a { color: #373839; font-size: 0.8125rem; padding: 0 1.5rem; height: 55px; float: left; width: 100%; display: inline-block; border-left:1px solid rgba(112, 112, 112, 0.41) !important; border-right:1px solid rgba(112, 112, 112, 0.41) !important; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a img { /*height:55px; width:55px;*/ object-fit: cover; float: left; padding: 14px 0; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a span { float: left; width: calc(100% - 40px); line-height: 1; padding: 14px 12px; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a:hover { border: none; background: #FFD400; color: #000000; margin: 0px; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item:first-child a { border-top:1px solid rgba(112, 112, 112, 0.41) !important;} .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item:last-child a { line-height: 55px !important; border-bottom:1px solid rgba(112, 112, 112, 0.41) !important; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item:hover { /*background:$dgrey;*/ border: none; } } @media (max-width: 1920px) and (min-width: 1100px) { .wrap-search-results { max-width: 320px !important; position: fixed; top: 85px !important; left: -15px !important; z-index: 9999; } .wrap-search-results.changeStyle{ top:8px !important; } .wrap-search-results ul.ui-autocomplete.ui-front { width: 320px !important; max-width: 320px !important; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item { line-height: normal; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a { color: #373839; font-size: 0.8125rem; padding: 0 1.5rem; height: 55px; float: left; width: 100%; display: inline-block; border-left:1px solid rgba(112, 112, 112, 0.41) !important; border-right:1px solid rgba(112, 112, 112, 0.41) !important; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a img { /*height:55px; width:55px;*/ object-fit: cover; float: left; padding: 14px 0; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a span { float: left; width: calc(100% - 40px); line-height: 1; padding: 14px 12px; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item a:hover { border: none; background: #FFD400; color: #000000; margin: 0px; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item:first-child a { border-top:1px solid rgba(112, 112, 112, 0.41) !important;} .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item:last-child a { line-height: 55px !important; border-bottom:1px solid rgba(112, 112, 112, 0.41) !important; } .wrap-search-results ul.ui-autocomplete.ui-front li.ui-menu-item:hover { /*background:$dgrey;*/ border: none; } .wrap-search-results.head-sticky { top: 30px !important; } } .subscribe-form { float: left; border: 2px solid #373839; border-radius: 25px; max-height: 38px; max-width: 385px; min-width: 300px; position: relative; padding-left: 10px; } .subscribe-form input { border: none; width: calc(100% - 60px); max-height: 30px; font-size: 0.9375rem; height: 26px; } .subscribe-form input::-webkit-input-placeholder { font-size: 0.9375rem; text-align: right; color: #373839; } .subscribe-form input:-ms-input-placeholder { font-size: 0.9375rem; text-align: right; color: #373839; } .subscribe-form input::placeholder { font-size: 0.9375rem; text-align: right; color: #373839; } .subscribe-form button { float: left; background: #ffffff; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border: none; cursor: pointer; } .subscribe-form button i { color: #000000; font-size: 1rem; position: absolute; top: 6px; right: 12px; } /*bootstrap select*/ .dropdown-menu li a.active { background: #000000; color: #FFD400; } /*forms*/ .fieldset { margin-bottom: 15px; } .products-search input[type="text"] { margin: 0 auto 10px; border: 1px solid #D5D5D5; color: #373839; height: 45px; line-height: 45px; padding: 0 15px; font-size: 1rem; } .products-search input[type="text"]::-webkit-input-placeholder { color: #373839; } .products-search input[type="text"]::-moz-placeholder { color: #373839; } .products-search input[type="text"]:-ms-input-placeholder { color: #373839; } .products-search input[type="text"]:-moz-placeholder { color: #373839; } .form-fields .gender .male, .form-fields .gender .female, .edit-address .gender .male, .edit-address .gender .female { width: 50%; float: left; display: inline; } .form-fields label, .edit-address label { text-align: left; font-size: 1rem; } .form-fields input[type="text"], .form-fields input[type="tel"], .form-fields input[type="email"], .form-fields input[type="password"], .edit-address input[type="text"], .edit-address input[type="tel"], .edit-address input[type="email"], .edit-address input[type="password"] { margin: 0 auto; margin-bottom: 0px; border: 1px solid #D5D5D5; color: #373839; height: 45px; line-height: 45px; padding: 0 15px; margin-bottom: 10px; font-size: 1rem; } .form-fields input[type="text"]::-webkit-input-placeholder, .form-fields input[type="tel"]::-webkit-input-placeholder, .form-fields input[type="email"]::-webkit-input-placeholder, .form-fields input[type="password"]::-webkit-input-placeholder, .edit-address input[type="text"]::-webkit-input-placeholder, .edit-address input[type="tel"]::-webkit-input-placeholder, .edit-address input[type="email"]::-webkit-input-placeholder, .edit-address input[type="password"]::-webkit-input-placeholder { color: #373839; } .form-fields input[type="text"]::-moz-placeholder, .form-fields input[type="tel"]::-moz-placeholder, .form-fields input[type="email"]::-moz-placeholder, .form-fields input[type="password"]::-moz-placeholder, .edit-address input[type="text"]::-moz-placeholder, .edit-address input[type="tel"]::-moz-placeholder, .edit-address input[type="email"]::-moz-placeholder, .edit-address input[type="password"]::-moz-placeholder { color: #373839; } .form-fields input[type="text"]:-ms-input-placeholder, .form-fields input[type="tel"]:-ms-input-placeholder, .form-fields input[type="email"]:-ms-input-placeholder, .form-fields input[type="password"]:-ms-input-placeholder, .edit-address input[type="text"]:-ms-input-placeholder, .edit-address input[type="tel"]:-ms-input-placeholder, .edit-address input[type="email"]:-ms-input-placeholder, .edit-address input[type="password"]:-ms-input-placeholder { color: #373839; } .form-fields input[type="text"]:-moz-placeholder, .form-fields input[type="tel"]:-moz-placeholder, .form-fields input[type="email"]:-moz-placeholder, .form-fields input[type="password"]:-moz-placeholder, .edit-address input[type="text"]:-moz-placeholder, .edit-address input[type="tel"]:-moz-placeholder, .edit-address input[type="email"]:-moz-placeholder, .edit-address input[type="password"]:-moz-placeholder { color: #373839; } .form-fields textarea, .edit-address textarea { height: 120px; width: 66%; border: 1px solid #D5D5D5; padding: 15px; background: #ffffff; } .form-fields .reversed, .edit-address .reversed { font-size: 0.8125rem; line-height: 0.4; margin: 10px 0; } .form-fields .reversed input, .edit-address .reversed input { width: auto; } .form-fields .reversed label, .edit-address .reversed label { width: auto; padding: 5px; } .form-fields .reversed span.forgot-password a, .edit-address .reversed span.forgot-password a { line-height: 1; font-size: 0.8125rem; } .form-fields .basic-search .inputs.reversed input, .edit-address .basic-search .inputs.reversed input { height: 40px; margin-top: 4px; } .form-fields .field-validation-error, .edit-address .field-validation-error { margin-top: -10px; margin-bottom: 10px; font-size: 0.875rem; color: #ed4337; } .form-fields .required, .edit-address .required { /*margin: -80px 0 0 0;*/ font-size: 1.25rem; font-weight: normal; color: #FFD400; float: right; position: absolute; color: #ed4337; } .form-fields .date-of-birth .date-picker-wrapper, .edit-address .date-of-birth .date-picker-wrapper { margin-bottom: 10px; } .form-fields .date-of-birth .date-picker-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .edit-address .date-of-birth .date-picker-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 32%; float: left; } .form-fields .date-of-birth .date-picker-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):nth-child(2), .form-fields .date-of-birth .date-picker-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):nth-child(3), .edit-address .date-of-birth .date-picker-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):nth-child(2), .edit-address .date-of-birth .date-picker-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):nth-child(3) { margin-left: 1.6%; } .form-fields .date-of-birth .date-picker-wrapper .dropdown-toggle, .edit-address .date-of-birth .date-picker-wrapper .dropdown-toggle { border: 1px solid #D5D5D5; border-radius: 0; } #advanced-search-block .inputs label { float: left; font-weight: bold; } #advanced-search-block .inputs input { height: 30px; } img { max-width: 100%; } @media (min-width: 768px) { /*breadcrumb*/ .breadcrumb { padding: 27px 0; } /*sections*/ section { margin: 40px 0; } section#slider { margin: 210px 0 20px 0; } } @media (min-width: 992px) { /*ul.ui-autocomplete.ui-front {border:1px solid rgba(112, 112, 112, 0.41) !important; z-index: 1000; top:162px !important; left:auto !important; width:500px !important; right:0px;}*/ .title-sort-row { text-align: left; } /*product group category*/ .html-home-page .title-sort-row { width: 55% !important; text-align: left !important; } .html-home-page .title-sort-row h2.group-category { color: #FFD400; font-weight: bold; line-height: 55px !important; margin: 0px; text-align: left; } /*general sidebar*/ .columnsTwo-wrapper .sidebar { width: 24%; float: left; } .columnsTwo-wrapper .columnsTwo-content { width: 73%; float: right; } .subscribe-form { float: inherit; } .edit-address .inputs { float: left; width: 100%; } .edit-address .inputs label { float: left; width: 25%; } .edit-address .inputs input { float: left; width: 70%; } .edit-address .inputs .field-validation-error { padding-left: 25%; } #advanced-search-block .inputs { float: left; width: 100%; } #advanced-search-block .inputs label { float: left; width: 25%; } #advanced-search-block .inputs input { height: 30px; } } @media (min-width: 1200px) { /*product group category*/ .html-home-page .title-sort-row { width: 60% !important; text-align: left; } .html-home-page .title-sort-row h2.group-category { color: #FFD400; font-weight: bold; line-height: 55px !important; margin: 0px; } .container { max-width: 1280px; } .container.big { max-width: 1550px; } } @media (min-width: 1480px) { /*product group category*/ .html-category-page .title-sort-row, .html-search-page .title-sort-row, .html-manufacturer-page .title-sort-row { width: 69% !important; text-align: left; } .html-category-page .title-sort-row h2, .html-search-page .title-sort-row h2, .html-manufacturer-page .title-sort-row h2 { color: #FFD400; font-weight: bold; line-height: 55px !important; } .html-category-page .title-sort-row h2.group-category, .html-search-page .title-sort-row h2.group-category, .html-manufacturer-page .title-sort-row h2.group-category { margin: 0px; } .edit-address { width: 70%; float: left; } .edit-address .inputs { float: left; width: 100%; } .edit-address .inputs label { float: left; width: 25%; } .edit-address .inputs input { float: left; width: 70%; } } /*product box*/ .item-grid .item-box { margin-bottom: 30px; } .item-grid .item-box .product-item .picture { margin-bottom: 20px; height: 280px; display: grid; } .item-grid .item-box .product-item .picture a { text-align: center; } .item-grid .item-box .product-item .picture a img { width: 100%; height: 100%; object-fit: contain; max-height: 280px; } .item-grid .item-box .product-item .details .product-title a { color: #000000; font-size: 1rem; font-weight: 600; line-height: 19px; } .item-grid .item-box .product-item .details .description { font-size: 1rem; line-height: 19px; height: 40px; overflow: hidden; margin: 0px 0 10px 0; } .item-grid .item-box .product-item .details .stock { border-top: 2px solid rgba(112, 112, 112, 0.41); border-bottom: 2px solid rgba(112, 112, 112, 0.41); padding: 3px 0; margin-bottom: 10px; } .item-grid .item-box .product-item .details .stock .text { float: left; width: 70%; text-align: left; font-size: 1rem; } .item-grid .item-box .product-item .details .stock .quantity { float: left; width: 30%; text-align: right; color: #FFD400; font-size: 1rem; font-weight: bold; padding: 0 5px 0 0; } .item-grid .item-box .product-item .details .stock .pre-order-availability-date { font-size: 1rem; font-weight: bold; } .item-grid .item-box .product-item .details .stock .pre-order-availability-date label { font-weight: normal; margin-bottom: 0px; } .item-grid .item-box .product-item .details .add-info .prices { float: left; width: calc(100% - 90px); padding-right: 5px; } .item-grid .item-box .product-item .details .add-info .prices .actual-price { font-size: 1.125rem; font-weight: bold; } .item-grid .item-box .product-item .details .add-info .to-cart { float: left; width: 90px; } .item-grid .item-box .product-item .details .add-info .to-cart input { float: left; width: 52px; height: 32px; font-size: 1rem; text-align: center; border: 1px dashed #000000; } .item-grid .item-box .product-item .details .add-info .to-cart .add-to-cart { float: right; background: #FFD400; border: none; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; margin: 2px 0 0 10px; padding: 0px; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .item-grid .item-box .product-item .details .add-info .to-cart .add-to-cart i { color: #000000; font-size: 0.875rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding-left: 1px; } .item-grid .item-box .product-item .details .add-info .to-cart .add-to-cart:hover { background: #000000; } .item-grid .item-box .product-item .details .add-info .to-cart .add-to-cart:hover i { color: #FFD400; background: #000000; } .item-grid .item-box .product-item.featured { /*on home page*/ } .item-grid .item-box .product-item.featured .picture { margin-bottom: 10px; height: 110px; } .item-grid .item-box .product-item.featured .picture img { max-height: 110px; } .item-grid .item-box .product-item.featured .details .product-title a { color: #ffffff !important; font-size: 0.875rem; } .html-manufacturer-page .item-grid { float: left; } .html-manufacturer-list-page .item-grid { float: left; } .columnsThree-content .item-grid, .columnsTwo-content .item-grid { margin-top: 30px; } .search-results .product-grid { float: left; margin-top: 30px; } .search-results .no-result { text-align: center; } .product-selectors { float: left; width: 100%; } .product-selectors .product-viewmode { width: 20%; float: right; text-align: right; margin: 10px 0px !important; display: none; } .product-selectors .product-viewmode a i { color: #D5D5D5; font-size: 1.5625rem; margin: -5px 5px 0px 5px; } .product-selectors .product-viewmode a.selected i { color: #FFD400; } .product-selectors .sort-size-wrapper { display: flex; justify-content: center; } .product-selectors .sort-size-wrapper .product-sorting, .product-selectors .sort-size-wrapper .product-page-size { float: left; margin: 0px 10px !important; position: relative; } .product-selectors .sort-size-wrapper .product-sorting .dropdown.bootstrap-select, .product-selectors .sort-size-wrapper .product-page-size .dropdown.bootstrap-select { background: #ffffff; max-width: 90px; border: none; } .product-selectors .sort-size-wrapper .product-sorting .dropdown.bootstrap-select .dropdown-toggle, .product-selectors .sort-size-wrapper .product-page-size .dropdown.bootstrap-select .dropdown-toggle { background: #ffffff; text-align: center; border-bottom: 2px solid #D5D5D5; border-left: 0px; border-right: 0px; border-top: 0px; } .product-selectors .sort-size-wrapper .product-sorting .dropdown.bootstrap-select .dropdown-toggle:after, .product-selectors .sort-size-wrapper .product-page-size .dropdown.bootstrap-select .dropdown-toggle:after { font-family: "Font Awesome 5 Pro"; content: '\f078'; text-align: center; position: absolute; top: 30px; left: 0px; right: 0px; font-size: 0.75rem; border-top: 0px !important; border-bottom: 0px !important; } .product-selectors .sort-size-wrapper .product-sorting .dropdown.bootstrap-select .dropdown-toggle .filter-option, .product-selectors .sort-size-wrapper .product-page-size .dropdown.bootstrap-select .dropdown-toggle .filter-option { text-align: center; font-size: 0.75rem; text-transform: uppercase; font-weight: bold; color: #000000; } .product-selectors .sort-size-wrapper .product-sorting .dropdown.bootstrap-select:hover, .product-selectors .sort-size-wrapper .product-page-size .dropdown.bootstrap-select:hover { border: 0px !important; } .showing-sort-wrapper { display: flex; justify-content: center; margin-bottom: 30px; } .showing-sort-wrapper .product-sort, .showing-sort-wrapper .showing-info { float: left; margin: 0px 10px !important; position: relative; } .showing-sort-wrapper .product-sort .dropdown.bootstrap-select, .showing-sort-wrapper .showing-info .dropdown.bootstrap-select { background: #ffffff; max-width: 90px; border: none; } .showing-sort-wrapper .product-sort .dropdown.bootstrap-select .dropdown-toggle, .showing-sort-wrapper .showing-info .dropdown.bootstrap-select .dropdown-toggle { background: #ffffff; text-align: center; border-bottom: 2px solid #D5D5D5; border-left: 0px; border-right: 0px; border-top: 0px; } .showing-sort-wrapper .product-sort .dropdown.bootstrap-select .dropdown-toggle:after, .showing-sort-wrapper .showing-info .dropdown.bootstrap-select .dropdown-toggle:after { font-family: "Font Awesome 5 Pro"; content: '\f078'; text-align: center; position: absolute; top: 30px; left: 0px; right: 0px; font-size: 0.75rem; border-top: 0px !important; border-bottom: 0px !important; } .showing-sort-wrapper .product-sort .dropdown.bootstrap-select .dropdown-toggle .filter-option, .showing-sort-wrapper .showing-info .dropdown.bootstrap-select .dropdown-toggle .filter-option { text-align: center; font-size: 0.75rem; text-transform: uppercase; font-weight: bold; color: #000000; } .showing-sort-wrapper .product-sort .dropdown.bootstrap-select:hover, .showing-sort-wrapper .showing-info .dropdown.bootstrap-select:hover { border: 0px !important; } .showing-sort-wrapper .category-sort { width: 90px; float: left; margin: 1.5px 10px 0 10px !important; position: relative; background: #ffffff !important; color: #000000; text-transform: uppercase; width: 90px; border-bottom: 2px solid #D5D5D5; border-left: 0px; border-right: 0px; border-top: 0px; text-align: center; font-size: 0.75rem; font-weight: bold; font-size: 0.75rem; } .showing-sort-wrapper .category-sort:after { font-family: "Font Awesome 5 Pro"; content: '\f078'; color: #212529; font-weight: 500; text-align: center; position: absolute; top: 30px; left: 0px; right: 0px; font-size: 0.75rem; border-top: 0px !important; border-bottom: 0px !important; } /*login*/ .login-wrapper .panel-holder { background: #D5D5D5; background-image: url("/Themes/Colby/Content/images/footer-pattern.png"); padding: 20px; margin-bottom: 20px; } .login-wrapper .panel-holder .new-wrapper.register-block .text { margin-bottom: 15px; font-size: 1rem; } .login-wrapper .panel-holder .returning-wrapper.fieldset .inputs.reversed span.forgot-password { line-height: 3; font-size: 0.875rem; } .login-wrapper .panel-holder .returning-wrapper.fieldset .inputs.reversed span.forgot-password a { color: #373839; } /*account*/ .html-account-page .section { margin-bottom: 15px; } .html-account-page .section.address-item ul.info li label { margin-bottom: 0px; } .html-account-page.html-gdpt-tools-page .form-fields { margin-bottom: 15px; } .html-account-page.html-address-edit-page .buttons { margin-bottom: 15px; } /*cart*/ .html-shopping-cart-page .page { float: left; width: 100%; } /*general for cart and checkout*/ .cart-wrapper { border-top: 2px solid rgba(112, 112, 112, 0.41); } .cart-wrapper .table-wrapper .cart-table-item { position: relative; border-bottom: 2px solid rgba(112, 112, 112, 0.41); padding: 15px; } .cart-wrapper .table-wrapper .cart-table-item .cti-details { margin-bottom: 15px; } .cart-wrapper .table-wrapper .cart-table-item .cti-details a { margin-bottom: 10px; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity { margin-bottom: 10px; position: relative; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .cti-edit { height: 32px; width: 32px; line-height: 32px; text-align: center; position: absolute; border: 1px solid rgba(112, 112, 112, 0.41); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; right: 65px; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .cti-edit .remove-from-cart i { color: #000000; font-size: 0.75rem; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .cti-edit:hover { border: 1px solid #FFD400; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .cti-edit:hover .remove-from-cart i { font-size: 0.875rem; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .product-quantity { float: right; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .product-quantity .atcp-input input { float: left; width: 52px; height: 32px; font-size: 1rem; text-align: center; border: 1px dashed #000000; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .grand-total { text-align: right; margin-bottom: 10px; } .cart-footer { background: #D5D5D5; padding: 20px; background-image: url("/Themes/Colby/Content/images/footer-pattern.png"); } .cart-footer .totals .total-info .cart-total .cart-total-left { float: left; width: 70%; } .cart-footer .totals .total-info .cart-total .cart-total-right { float: left; width: 30%; text-align: right; } /*checkout*/ .html-checkout-page { /*next step*/ } .html-checkout-page ol#checkout-steps { padding: 0px; margin: 0px; list-style-type: none; } .html-checkout-page ol#checkout-steps li.tab-section .step-title { height: 40px; line-height: 40px; background: #D5D5D5; background-image: url("/Themes/Colby/Content/images/small-pattern.png"); } .html-checkout-page ol#checkout-steps li.tab-section .step-title .number { height: 40px; width: 40px; line-height: 40px; float: left; background: #FFD400; text-align: center; } .html-checkout-page ol#checkout-steps li.tab-section .step-title h2.title { float: left; width: calc(100% - 40px); line-height: 40px; font-size: 1rem; padding: 0 10px; } .html-checkout-page ol#checkout-steps li.tab-section .section { padding: 20px; } .html-checkout-page ol#checkout-steps li.tab-section .section .order-summary-content .order-review-data .billing-info-wrap { float: left; width: 50%; padding: 15px; } .html-checkout-page ol#checkout-steps li.tab-section .section .order-summary-content .order-review-data .shipping-info-wrap { float: left; width: 50%; padding: 15px; } .html-checkout-page ol#checkout-steps li.tab-section #shopping-cart-form .cti-edit { display: none; } .html-checkout-page ol#checkout-steps li.tab-section.allow .step-title { background: #FFD400; } .html-checkout-page ol#checkout-steps .bill-box { padding: 15px; position: relative; margin-bottom: 10px; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); will-change: box-shadow,transform; } .html-checkout-page ol#checkout-steps .bill-box .check { width: 30px; height: 30px; border: 1px solid #ffffff; border-radius: 50%; position: absolute; color: #ffffff; opacity: 0; top: 15px; right: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .html-checkout-page ol#checkout-steps .bill-box .check i { color: #ffffff; padding: 7px; } .html-checkout-page ol#checkout-steps .bill-box:hover { background: #D5D5D5; background-image: url("../images/footer-pattern.png"); } .html-checkout-page ol#checkout-steps .bill-box.selected { background: #D5D5D5; background-image: url("../images/footer-pattern.png"); } .html-checkout-page ol#checkout-steps .bill-box.selected .check { opacity: 1; } .html-checkout-page ol#checkout-steps #shipping-please-wait { line-height: 37px; margin-left: 10px; } .html-checkout-page .buttons { margin-bottom: 20px; } .html-checkout-page .buttons .button-1 { float: left; width: 300px; background: #FFD400; border: none; font-size: 1rem; text-transform: uppercase; font-weight: 600; line-height: 37px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07); } .html-checkout-page .buttons .button-1:hover { background: #000000; color: #FFD400; } .html-checkout-page .terms-of-service label { float: left; } .html-checkout-page .terms-of-service a { float: left; font-size: 0.875rem; padding-top: 5px; } /*order detail*/ .html-order-details-page .page-title { text-align: center; } .html-order-details-page .buttons { display: flex; justify-content: center; margin: 15px 0; } .html-order-details-page .order-overview { text-align: center; } .html-order-details-page .order-details-area .billing-info-wrap { float: left; width: 50%; padding: 15px; } .html-order-details-page .order-details-area .shipping-info-wrap { float: left; width: 50%; padding: 15px; } .html-order-details-page .section { padding: 20px; } .html-order-details-page .section .title { margin-bottom: 15px; } .html-order-details-page .section .table-wrapper .data-table tr { border-bottom: 1px solid #707070; } .html-order-details-page .section .table-wrapper .data-table tr th, .html-order-details-page .section .table-wrapper .data-table tr td { padding: 5px; } .html-order-details-page .section .table-wrapper .data-table tr th.sku, .html-order-details-page .section .table-wrapper .data-table tr td.sku { width: 25%; } .html-order-details-page .section .table-wrapper .data-table tr th.name, .html-order-details-page .section .table-wrapper .data-table tr td.name { width: 35%; } .html-order-details-page .section .table-wrapper .data-table tr th.price, .html-order-details-page .section .table-wrapper .data-table tr td.price { width: 15%; } .html-order-details-page .section .table-wrapper .data-table tr th.quantity, .html-order-details-page .section .table-wrapper .data-table tr td.quantity { width: 10%; } .html-order-details-page .section .table-wrapper .data-table tr th.total, .html-order-details-page .section .table-wrapper .data-table tr td.total { width: 20%; } .html-order-details-page .section .table-wrapper .data-table tr.first-child { border-bottom: 2px solid #707070; } .html-order-details-page .section .total-info { background: #D5D5D5; padding: 15px; margin-bottom: 15px; } .html-order-details-page .section .total-info .cart-total .cart-total-left { float: left; width: 70%; } .html-order-details-page .section .total-info .cart-total .cart-total-right { float: left; width: 30%; text-align: right; } .html-order-details-page .section .actions { display: flex; justify-content: center; } /*search*/ .search-input { margin: 0px 0 20px; } .search-input .basic-search { background: #D5D5D5; padding: 20px 20px 30px 20px; background-image: url("../images/footer-pattern.png"); } .search-input .basic-search .inputs label { line-height: 40px; } .search-input .basic-search .inputs input { border-radius: 5px; margin-bottom: 0px; } .search-input .basic-search .inputs.reversed { float: left; } .search-input .basic-search .buttons { float: right; width: 140px; text-align: right; margin-top: 43px !important; } .search-input .advanced-search { margin: 20px 0 0 0; } .search-input .advanced-search .inputs label { line-height: 30px; } .search-input .advanced-search .inputs .price-range input.price-from { float: left; width: 90px !important; line-height: 30px; height: 30px; } .search-input .advanced-search .inputs .price-range span { float: left; padding: 0 10px; line-height: 30px; } .search-input .advanced-search .inputs .price-range span:nth-child(1) { padding: 0px 10px 0px 0px; } .search-input .advanced-search .inputs .price-range input.price-to { float: left; width: 90px !important; line-height: 30px; height: 30px; } .search-input .advanced-search .inputs.reversed { float: left; } /*sitemap*/ .html-sitemap-page .description { margin-bottom: 15px; } /*pager*/ .pager { float: right; background: #FFD400; } .pager ul { list-style-type: none; background: #FFD400; padding: 0 50px; margin: 0px; position: relative; height: 22px; } .pager ul li { float: left; display: inline-block; padding: 0 8px; line-height: 22px; } .pager ul li a, .pager ul li span { font-size: 0.9375rem; line-height: 18px; font-weight: bold; color: #373839; cursor: pointer; font-family: "Open Sans", sans-serif; } .pager ul li.current-page span { border-bottom: 1px solid #373839; } .pager ul li.next-page { padding: 0px !important; } .pager ul li.next-page a { font-size: 0px; } .pager ul li.next-page a:after { position: absolute; font-family: "Font Awesome 5 Pro"; content: "\f054"; font-size: 0.8125rem; right: 10px; top: 3px; } .pager ul li.previous-page { padding: 0px !important; } .pager ul li.previous-page a { font-size: 0px; } .pager ul li.previous-page a:after { position: absolute; font-family: "Font Awesome 5 Pro"; content: "\f053"; font-size: 0.8125rem; left: 10px; top: 3px; } .pager ul li.last-page { display: none; /*a {font-size: 0px; position:relative; &:after {position:absolute; font-family: $icon; content: "\f054"; font-size: 0.9375rem; right:0px;} }*/ } #b2b-user-nav { position: relative; } #b2b-user-nav .user-nav-wrapper { background: #D5D5D5; margin: 0px 10px; padding: 30px; position: relative; } #b2b-user-nav .user-nav-wrapper .col-md-4 { display: none; margin-top: 20px; } #b2b-user-nav .user-nav-wrapper .col-md-4.hidden { display: none; } #b2b-user-nav .user-nav-wrapper .col-md-4.visible { display: block; } #b2b-user-nav .user-nav-wrapper .title { font-size: 1.25rem; font-weight: bold; color: #000000; margin: 0 15px 0px 15px; } #b2b-user-nav .user-nav-wrapper .col-title { font-size: 0.9375rem; font-weight: bold; color: #373839; text-transform: uppercase; } #b2b-user-nav .user-nav-wrapper ul { list-style-type: none; } #b2b-user-nav .user-nav-wrapper ul li a { font-size: 0.8125rem; line-height: 2; color: #373839; } #b2b-user-nav .user-nav-wrapper:after { position: absolute; width: 50px; height: 50px; left: 0px; right: 0px; margin: 0 auto; bottom: -25px; content: ''; background: url("../images/logo-sign.png"); background-repeat: no-repeat; background-size: 44px 50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #b2b-user-nav .user-nav-wrapper.bigger:after { background-size: 52px 59px; width: 60px; height: 60px; bottom: -30px; } #b2b-user-nav .user-nav-wrapper .close { position: absolute; right: 20px; bottom: 20px; cursor: pointer; } #b2b-user-nav .user-nav-wrapper .close i { font-size: 1.875rem; color: #FFD400; } #b2b-user-nav .user-nav-wrapper .close.visible { display: block; } #b2b-user-nav .user-nav-wrapper .show { display: none; position: absolute; right: 20px; bottom: 10px; cursor: pointer; } #b2b-user-nav .user-nav-wrapper .show i { font-size: 1.875rem; color: #FFD400; } #b2b-user-nav .user-nav-wrapper .show.visible { display: block; } #b2b-user-nav .user-nav-wrapper .show.hidden { display: none; } #products .dataTables_wrapper, .category-list-view .dataTables_wrapper, .myproducts .dataTables_wrapper { overflow-x: auto; } #products table, .category-list-view table, .myproducts table { width: 100%; border-collapse: separate; } #products table thead tr, .category-list-view table thead tr, .myproducts table thead tr { border-bottom: 2px solid #707070; } #products table tr, .category-list-view table tr, .myproducts table tr { /*border-bottom:1px solid $greyLight3;*/ } #products table tr th, .category-list-view table tr th, .myproducts table tr th { text-align: center; font-size: 1rem; font-weight: bold; padding: 7px 5px; line-height: 1.4; text-transform: uppercase; } #products table tr th.add-to-cart, .category-list-view table tr th.add-to-cart, .myproducts table tr th.add-to-cart { width: 15%; } #products table tr th.sku, .category-list-view table tr th.sku, .myproducts table tr th.sku { width: 10%; } #products table tr th.name, .category-list-view table tr th.name, .myproducts table tr th.name { width: 35%; text-align: left; } #products table tr th.price, .category-list-view table tr th.price, .myproducts table tr th.price { width: 10%; } #products table tr th.discount, .category-list-view table tr th.discount, .myproducts table tr th.discount { width: 10%; } #products table tr th.customer-price, .category-list-view table tr th.customer-price, .myproducts table tr th.customer-price { width: 10%; } #products table tr th.stock, .category-list-view table tr th.stock, .myproducts table tr th.stock { width: 10%; } #products table tr td, .category-list-view table tr td, .myproducts table tr td { text-align: center; font-size: 0.875rem; padding: 10px 5px; border: 1px solid #707070; /*&.img { width:15%; a { img {max-height:55px;} } }*/ /*for my products list on account*/ } #products table tr td input, .category-list-view table tr td input, .myproducts table tr td input { width: 50px; height: 30px; border: 1px dashed #000000; text-align: center; } #products table tr td.add-to-cart, .category-list-view table tr td.add-to-cart, .myproducts table tr td.add-to-cart { width: 15%; } #products table tr td.add-to-cart a, .category-list-view table tr td.add-to-cart a, .myproducts table tr td.add-to-cart a { display: none; } #products table tr td.add-to-cart a span, .category-list-view table tr td.add-to-cart a span, .myproducts table tr td.add-to-cart a span { background: #FFD400; cursor: pointer; border-radius: 50%; height: 28px; width: 28px; display: inline-block; margin-left: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /*i {font-size: 0.875rem; @include animation(all 0.4s ease-in-out);}*/ } #products table tr td.add-to-cart a span:before, .category-list-view table tr td.add-to-cart a span:before, .myproducts table tr td.add-to-cart a span:before { font-family: "Font Awesome 5 Pro"; font-size: 1rem; content: '\f07a'; color: #000000; font-weight: bold; } #products table tr td.add-to-cart a span:hover, .category-list-view table tr td.add-to-cart a span:hover, .myproducts table tr td.add-to-cart a span:hover { background: #000000; } #products table tr td.add-to-cart a span:hover:before, .category-list-view table tr td.add-to-cart a span:hover:before, .myproducts table tr td.add-to-cart a span:hover:before { color: #FFD400; background: #000000; } #products table tr td.add-to-cart a span:hover i, .category-list-view table tr td.add-to-cart a span:hover i, .myproducts table tr td.add-to-cart a span:hover i { color: #FFD400; background: #000000; font-size: 1rem; } #products table tr td.name, .category-list-view table tr td.name, .myproducts table tr td.name { width: 35%; text-align: left; } #products table tr td.name a, .category-list-view table tr td.name a, .myproducts table tr td.name a { color: #000000; } #products table tr td.sku-my, .category-list-view table tr td.sku-my, .myproducts table tr td.sku-my { width: 10%; } #products table tr td.name-my, .category-list-view table tr td.name-my, .myproducts table tr td.name-my { width: 60%; text-align: left; } #products table tr td.name-my a, .category-list-view table tr td.name-my a, .myproducts table tr td.name-my a { color: #000000; } #products table tr td.category-my, .category-list-view table tr td.category-my, .myproducts table tr td.category-my { width: 20%; } #products table tr td.category-my a, .category-list-view table tr td.category-my a, .myproducts table tr td.category-my a { color: #000000; } #products table tr td.stock-my, .category-list-view table tr td.stock-my, .myproducts table tr td.stock-my { width: 10%; /*color:$yellow;*/ font-weight: bold; } #products table tr td.price, .category-list-view table tr td.price, .myproducts table tr td.price { width: 10%; } #products table tr td.discount, .category-list-view table tr td.discount, .myproducts table tr td.discount { width: 10%; font-weight: 600; } #products table tr td.customer-price, .category-list-view table tr td.customer-price, .myproducts table tr td.customer-price { width: 15%; font-weight: bold; } #products table tr td.stock, .category-list-view table tr td.stock, .myproducts table tr td.stock { width: 10%; /*color:$yellow;*/ font-weight: bold; } #products table tfoot, .category-list-view table tfoot, .myproducts table tfoot { border-top: 1px solid #707070; } #products table tfoot tr, .category-list-view table tfoot tr, .myproducts table tfoot tr { border-bottom: 0px !important; } #products table tfoot td, .category-list-view table tfoot td, .myproducts table tfoot td { border: 0px !important; } #products table tfoot td button, .category-list-view table tfoot td button, .myproducts table tfoot td button { float: right; } #products table tr:first-child th, .category-list-view table tr:first-child th, .myproducts table tr:first-child th { border-top: 0; } #products table tr:last-child td, .category-list-view table tr:last-child td, .myproducts table tr:last-child td { border-bottom: 0; } #products table tr td:first-child, #products table tr th:first-child, .category-list-view table tr td:first-child, .category-list-view table tr th:first-child, .myproducts table tr td:first-child, .myproducts table tr th:first-child { border-left: 0; } #products table tr td:last-child, #products table tr th:last-child, .category-list-view table tr td:last-child, .category-list-view table tr th:last-child, .myproducts table tr td:last-child, .myproducts table tr th:last-child { border-right: 0; } #products .search-wrapper, .category-list-view .search-wrapper, .myproducts .search-wrapper { display: none; } .category-list-view table thead { border-bottom: 2px solid #707070; } .category-list-view table tbody tr { border-bottom: 1px solid #707070 !important; } .category-list-view .button-wrapper .add-to-cart-button { float: right; margin: 10px 5px; } #subscribe { padding: 10px 0; } #subscribe .col-md-8 { display: flex; justify-content: center; } #subscribe .subscribe-text { margin-bottom: 0px; float: right; } #subscribe .subscribe-text h4 { font-size: 0.9375rem; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 38px; } #subscribe #newsletter-result-block { text-align: center; } #instagram { background: #D5D5D5; padding: 10px 0; } #instagram .instagram-wrapper .instagram-text { position: relative; } #instagram .instagram-wrapper .instagram-text h4 { text-align: left !important; font-size: 0.9375rem; font-weight: 600; line-height: 18px; text-transform: uppercase; margin: 13px 0; line-height: 20px; } #instagram .instagram-wrapper .instagram-text h4:nth-of-type(2) { text-align: left !important; text-transform: none; } #instagram .instagram-wrapper .instagram-text .instagram-icon { position: absolute; right: 10px; left: auto; top: 3px; text-align: center; } #instagram .instagram-wrapper .instagram-text .instagram-icon i { font-size: 35px; } @media (max-width: 340px) and (min-width: 320px) { .instagram-wrapper .instagram-text .instagram-icon { display: none; } } footer { background: #000000; min-height: 100% !important; background-image: url("../images/footer-pattern.png"); } footer .footer-content { padding: 20px; } footer .footer-content .f-left { padding: 10px 0 20px 0; } footer .footer-content .f-left .f-logo { float: left; margin: 0 auto; } footer .footer-content .f-left .f-text { margin-top: 30px; } footer .footer-content .f-left .f-text p { color: #ffffff !important; opacity: 0.5; font-size: 0.875rem; text-align: left; line-height: 1.3; } footer .footer-content .f-right { border-top: 1px solid #F7F7F7; } footer .footer-content .f-right .f-main-nav { padding: 20px 0 10px 0; } footer .footer-content .f-right .f-main-nav ul { z-index: 3; } footer .footer-content .f-right .f-main-nav ul li { float: left; display: inline-block; padding-right: 25px; line-height: 1.7; } footer .footer-content .f-right .f-main-nav ul li a { color: #ffffff; font-family: "Raleway", sans-serif; font-size: 1rem; } footer .footer-content .f-right .f-main-nav ul li a.active { color: #FFD400; } footer .footer-content .f-right .f-social { text-align: left; padding: 20px 0; } footer .footer-content .f-right .f-social i { color: #ffffff; font-size: 1.25rem; padding-right: 25px; } footer .footer-content .f-right .f-bottom-nav { padding: 20px 0; } footer .footer-content .f-right .f-bottom-nav ul li { float: left; display: inline-block; } footer .footer-content .f-right .f-bottom-nav ul li a { color: #F7F7F7; opacity: 0.5; font-family: "Raleway", sans-serif; font-size: 0.875rem; } footer .footer-content .f-right .f-bottom-nav ul li span { margin: 0px 15px; color: #F7F7F7; opacity: 0.5; font-size: 0.875rem; } footer .footer-content .f-right .f-bottom-nav ul li span:nth-child(1) { margin: 0px !important; } .eu-cookie-bar-notification { position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.8); color: #ffffff; padding: 5px 0; font-size: 0.75rem; text-align: center; z-index: 999999 !important; padding: 10px 15px 10px; } .eu-cookie-bar-notification .text { display: inline-block; text-align: center; padding: 5px 15px 8px; } .eu-cookie-bar-notification .text a { color: #FFD400; } .eu-cookie-bar-notification .text a:hover { color: #FFD400; text-decoration: underline; } .eu-cookie-bar-notification .buttons-more { display: block; width: 100%; text-align: center; } .eu-cookie-bar-notification .buttons-more button { font-family: "Raleway", sans-serif; background: #FFD400; margin: 0 10px 0 5px; border: none; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .eu-cookie-bar-notification .buttons-more button:hover { background: #000000; color: #FFD400; } @media (min-width: 768px) { .showing-sort-wrapper .product-sort .dropdown.bootstrap-select, .showing-sort-wrapper .showing-info .dropdown.bootstrap-select, .product-selectors .sort-size-wrapper .product-sorting .dropdown.bootstrap-select, .product-selectors .sort-size-wrapper .product-page-size .dropdown.bootstrap-select, .showing-sort-wrapper .category-sort { width: 110px !important; } #subscribe { padding: 10px 0; } #subscribe .col-md-8 { display: inherit; } #subscribe .subscribe-wrapper { width: 100%; } #subscribe .subscribe-text { float: left; width: 60%; margin-bottom: 0px; } #subscribe .subscribe-text h4 { padding: 0 40px; text-align: right; } #subscribe .subscribe-form { float: left; width: 40% !important; margin: 3px 0; width: 385px; min-width: auto !important; } #instagram { background: #D5D5D5; padding: 10px 0; } #instagram .instagram-wrapper .instagram-text { position: relative; } #instagram .instagram-wrapper .instagram-text h4 { float: left; width: 50%; text-align: right !important; font-size: 0.9375rem; font-weight: 600; line-height: 18px; text-transform: uppercase; margin: 13px 0; padding: 0 40px; line-height: auto; } #instagram .instagram-wrapper .instagram-text h4:nth-of-type(2) { text-align: left !important; text-transform: none; } #instagram .instagram-wrapper .instagram-text .instagram-icon { display: block !important; position: absolute; left: 0px; right: 0px; top: 3px; text-align: center; } #instagram .instagram-wrapper .instagram-text .instagram-icon i { font-size: 35px; } .html-shopping-cart-page .page { float: left; width: 100%; } /*general for cart and checkout*/ .cart-wrapper .table-wrapper .cart-table-item .cti-details { width: 70%; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal { width: 30%; } .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .cti-edit { right: 65px; } footer { max-height: 286px; } footer .footer-content { padding: 60px 0 !important; border-bottom: 1px solid #cccccc; } footer .footer-content .f-left { float: left; width: 30%; padding: 0px 30px 20px 0 !important; } footer .footer-content .f-left .f-logo { float: left; margin: 0 auto; } footer .footer-content .f-right { float: left; width: 70%; padding-left: 40px; border-top: 0px; border-left: 1px solid #F7F7F7; } footer .footer-content .f-right .f-main-nav { padding: 0px 0 25px; } footer .footer-content .f-right .f-main-nav ul li { float: left; display: inline-block; padding-right: 25px; } footer .footer-content .f-right .f-main-nav ul li a { color: #ffffff; font-family: "Raleway", sans-serif; font-size: 1rem; } footer .footer-content .f-right .f-social { text-align: left; padding: 10px 0; } footer .footer-content .f-right .f-social i { color: #ffffff; font-size: 20px; } footer .footer-content .f-right .f-bottom-nav { padding: 25px 0 0px 0 !important; } footer .footer-content .f-right .f-bottom-nav ul li { float: left; display: inline-block; } footer .footer-content .f-right .f-bottom-nav ul li a { opacity: 0.5; font-family: "Raleway", sans-serif; font-size: 0.875rem; } footer .footer-content .f-right .f-bottom-nav ul li span { margin: 0px 10px; opacity: 0.5; } } @media (min-width: 992px) { .product-selectors { float: left; width: 100%; } .product-selectors .product-viewmode { display: block; } .product-selectors .sort-size-wrapper { display: inherit; width: auto; } .html-search-page .product-selectors { float: right; max-width: 340px; margin-bottom: 30px; } .showing-sort-wrapper { display: inherit; width: auto; margin-bottom: 0px; float: right; } .html-home-page .showing-sort-wrapper { display: inherit; width: 400px !important; margin-bottom: 0px; float: right; } #subscribe { padding: 10px 0; } #subscribe .subscribe-text { float: left; width: 40%; margin-bottom: 0px; } #subscribe .subscribe-text h4 { padding: 0 40px; text-align: right; } #subscribe .subscribe-form { float: left; width: 60% !important; width: 385px; } footer .footer-content { padding: 30px 0 0 0; border-bottom: 1px solid #cccccc; } footer .footer-content .f-left { float: left; width: 30%; padding: 50px 30px !important; } footer .footer-content .f-left .f-logo { float: left; margin: 0 auto; } footer .footer-content .f-right { float: left; width: 70%; padding-left: 90px; border-top: 0px; border-left: 1px solid #F7F7F7; } footer .footer-content .f-right .f-main-nav ul li { float: left; display: inline-block; padding-right: 40px; } footer .footer-content .f-right .f-main-nav ul li a { color: #ffffff; font-family: "Raleway", sans-serif; font-size: 1rem; } footer .footer-content .f-right .f-social { text-align: left; } footer .footer-content .f-right .f-social i { color: #ffffff; font-size: 1.25rem; padding-right: 25px; } footer .footer-content .f-right .f-bottom-nav ul li { float: left; display: inline-block; } footer .footer-content .f-right .f-bottom-nav ul li a { opacity: 0.5; font-size: 0.875rem; } footer .footer-content .f-right .f-bottom-nav ul li span { margin: 0px 10px; opacity: 0.5; } .eu-cookie-bar-notification .text { display: inline-block; } .eu-cookie-bar-notification .buttons-more { display: inline-block; width: auto; padding: 5px 5px 8px; } } @media (min-width: 1200px) { #b2b-user-nav { margin-top: 180px !important; } #b2b-user-nav .user-nav-wrapper { background: #D5D5D5; margin: 0px 100px; padding: 30px 100px; position: relative; } #b2b-user-nav .user-nav-wrapper .title { font-size: 1.25rem; font-weight: bold; color: #000000; margin: 0 15px 0px 15px; } #b2b-user-nav .user-nav-wrapper .col-title { font-size: 0.9375rem; font-weight: bold; color: #373839; text-transform: uppercase; } #b2b-user-nav .user-nav-wrapper ul { list-style-type: none; } #b2b-user-nav .user-nav-wrapper ul li a { font-size: 0.8125rem; line-height: 2; color: #373839; } #b2b-user-nav .user-nav-wrapper:after { position: absolute; width: 50px; height: 50px; left: 0px; right: 0px; margin: 0 auto; bottom: -25px; content: ''; background: url("../images/logo-sign.png"); background-repeat: no-repeat; background-size: 44px 50px; } #b2b-user-nav .user-nav-wrapper .close { position: absolute; right: 20px; bottom: 20px; cursor: pointer; } #b2b-user-nav .user-nav-wrapper .close i { font-size: 50px; color: #FFD400; } #b2b-user-nav .user-nav-wrapper .show { display: none; position: absolute; right: 20px; bottom: 10px; cursor: pointer; } #b2b-user-nav .user-nav-wrapper .show i { font-size: 50px; color: #FFD400; } .item-grid .item-box .product-item.featured { /*on home page*/ } .item-grid .item-box .product-item.featured .picture { margin-bottom: 10px; height: 164px; } .item-grid .item-box .product-item.featured .picture img { max-height: 164px; } .item-grid .item-box .product-item.featured .details .product-title a { color: #ffffff !important; font-size: 0.875rem; } /*account*/ .html-account-page .edit-address { float: left; width: 100%; } } @media (min-width: 1480px) { .product-selectors { float: left; width: 31%; } .html-search-page .product-selectors { float: right; width: 23%; } .columnsThree-content .item-grid, .columnsTwo-content .item-grid { float: left; margin-top: 0px; } } /*admin header*/ .admin-header-links { background-color: #333; text-align: center; color: #eee; background-color: #333; text-align: center; color: #eee; /*display:none;*/ } .admin-header-links a { color: #ffffff; } .admin-header-links * { display: inline-block; margin: 0 10px; line-height: 35px; font-size: 0.75rem; font-weight: bold; display: inline-block; margin: 0 10px; line-height: 35px; font-size: 0.75rem; font-weight: bold; } .admin-header-links .impersonate { display: inline-block; } .admin-header-links .impersonate a { background-color: #555; padding: 0 15px; background-color: #555; padding: 0 15px; color: #ffffff; } .admin-header-links .impersonate a:hover { background-color: #666; background-color: #666; } /*notifications*/ .bar-notification-container { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; line-height: 16px; text-align: center; opacity: 0.95; z-index: 1001; } .bar-notification-container .bar-notification { position: relative; /*display: none*/ padding: 15px 25px 15px 10px; } .bar-notification-container .bar-notification .content { margin: 0 10px 0 0; } .bar-notification-container .bar-notification .content a { color: #000000; text-decoration: underline; } .bar-notification-container .bar-notification .close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 7px; background: #ffffff url("../images/close.png") center no-repeat; cursor: pointer; } .bar-notification-container .bar-notification.success { background-color: #FFD400; } .bar-notification-container .bar-notification.success p { color: #000000; } .bar-notification-container .bar-notification.error { background-color: #000000; } .bar-notification-container .bar-notification.error p { color: #FFD400; } .bar-notification-container .bar-notification.warning { background-color: #000000; } .bar-notification-container .bar-notification.warning p { color: #FFD400; } .bar-notification-container .popup-notification { border-radius: 5px; padding: 3px; margin: 5px 0; } #siteHeader { position: relative; } #siteHeader .header-top { background: #000000; color: #cccccc; font-size: 0.8125rem; max-height: 58px; z-index: 800; position: relative; } #siteHeader .header-top .h-top-left { width: 65%; float: left; display: inline-block; } #siteHeader .header-top .h-top-left span.text { display: none; text-transform: uppercase; float: left; padding: 18px 30px 18px 0; } #siteHeader .header-top .h-top-left .contact-wrapper { float: left; padding-left: 0px; } #siteHeader .header-top .h-top-left .contact-wrapper span { float: left; padding: 18px 10px 18px 0; text-transform: uppercase; } #siteHeader .header-top .h-top-left .contact-wrapper span a { color: #cccccc; display: inline-block; } #siteHeader .header-top .h-top-left .contact-wrapper span a i { color: #cccccc; float: left; padding: 4px 0 0 0; } #siteHeader .header-top .h-top-left .contact-wrapper span a span { float: left; padding: 0 0px 0 5px; } #siteHeader .header-top .h-top-left .contact-wrapper span.separator { display: none; } #siteHeader .header-top .h-top-left .contact-wrapper span:nth-child(1) { display: none; } #siteHeader .header-top .h-top-right { width: auto; float: right; display: inline-block; text-align: right; } #siteHeader .header-top .h-top-right .select-languages { display: block !important; width: 90px; float: left; padding: 14px 0px 10px 0px; margin-right: 10px; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list { list-style-type: none; width: 90px; margin: 0px; padding: 5px; background: #000000; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li { display: none; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a { color: #cccccc; position: relative; cursor: pointer; margin: 3px 0; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a img { float: left; width: 20px; line-height: 35px; padding: 0px; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a span { float: left; width: calc(100% - 45px); padding-left: 8px; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 0.8125rem; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a:after { position: absolute; font-family: "Font Awesome 5 Pro"; content: '\f078'; top: -2px; right: 2px; border-bottom: 0px; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li:hover { text-decoration: none; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li:hover span:after { border-bottom: 0px; opacity: 0; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li.selected { display: block !important; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap { list-style-type: none; float: left; width: 85px; background: #000000; display: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap li a:after { display: none; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap.visible { display: block; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap.visible li { display: block; } #siteHeader .header-top .h-top-right ul.lang-list { list-style-type: none; float: left; margin: 0px; padding: 5px 2px; background: #000000; } #siteHeader .header-top .h-top-right ul.lang-list li { display: block; float: left; width: 90px; padding: 2px 5px; } #siteHeader .header-top .h-top-right ul.lang-list li a { color: #cccccc; text-align: left; } #siteHeader .header-top .h-top-right ul.lang-list li a img { float: left; width: 20px; padding: 0px; } #siteHeader .header-top .h-top-right ul.lang-list li a span { float: left; width: calc(100% - 45px); padding-left: 8px; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 0.8125rem; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #siteHeader .header-top .h-top-right ul.lang-list li a:hover { text-decoration: none; } #siteHeader .header-top .h-top-right ul.lang-list li a:hover span:after { border-bottom: 0px; opacity: 0; } #siteHeader .header-top .h-top-right ul.lang-list li.selected { display: none !important; } #siteHeader .header-top .h-top-right ul.lang-list.visible { display: block; } #siteHeader .header-top .h-top-right .customer-links { display: none; float: left; padding: 18px 0px 18px 30px; display: none; } #siteHeader .header-top .h-top-right .customer-links span { padding: 0 0px 0 30px; } #siteHeader .header-top .h-top-right .customer-links span a { text-transform: uppercase; font-size: 0.8125rem; color: #cccccc; } #siteHeader .header-bottom { background: #ffffff; padding: 23px 0; -webkit-box-shadow: 0px 1px 10px #7a7575; -moz-box-shadow: 0px 1px 10px #7a7575; box-shadow: 0px 1px 10px #7a7575; position: relative; } #siteHeader .header-bottom .logo { float: left; width: 60%; } #siteHeader .header-bottom .mobile-wrapper { float: left; width: 40%; display: flex; justify-content: flex-end; } #siteHeader .header-bottom .mobile-wrapper .nav { position: absolute; background: #ffffff; right: -600px; top: 118px; z-index: 900; width: 320px; /*overflow: hidden;*/ float: left; padding: 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #siteHeader .header-bottom .mobile-wrapper .nav .nav-close { position: absolute; left: 20px; top: 15px; z-index: 100; cursor: pointer; } #siteHeader .header-bottom .mobile-wrapper .nav ul { display: block; list-style-type: none; border: 0px; text-align: center; margin-top: 30px; position: relative;} #siteHeader .header-bottom .mobile-wrapper .nav ul li { display: block; } #siteHeader .header-bottom .mobile-wrapper .nav ul li a { font-size: 0.9375rem; font-weight: bold; background: #ffffff; color: #373839; text-transform: uppercase; line-height: 32px; min-height: 32px; padding: 0px; } #siteHeader .header-bottom .mobile-wrapper .nav ul li a:before { display: none; } #siteHeader .header-bottom .mobile-wrapper .nav ul li a.active { color: #FFD400; } #siteHeader .header-bottom .mobile-wrapper .nav ul li a:hover { background: #FFD400; text-decoration: none; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist a.with-subcategories { padding: 0px; width: calc(100% - 30px); float: left; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist a.with-subcategories span { text-align: center; color: #373839; padding: 0 0 0 30px; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist a.with-subcategories.lastLevelCategory { text-align: center; padding: 10px !important; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap { margin: 0px; padding: 0; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist li { padding: 0px; margin: 0px; text-align: left; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist li a { padding: 0px; background: #D5D5D5; width: calc(100% - 30px); float: left; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist li a span { text-align: center; color: #373839; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist li a.lastLevelCategory { text-align: center; /*padding:15px 15px 15px 18px;*/ width: 100%; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .plus-button { width: 30px; height: 30px; top: 0px; float: left; position: relative; background: #ffffff; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .plus-button:after { position: absolute; font-family: "Font Awesome 5 Pro"; content: '\f078'; text-align: center; font-size: 0.75rem; border-top: 0px !important; top: 5px; left: 10px; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .plus-button.close:after { position: absolute; font-family: "Font Awesome 5 Pro"; content: '\f077'; text-align: center; font-size: 0.75rem; border-top: 0px !important; top: 10px; } #siteHeader .header-bottom .mobile-wrapper .nav .menu-title { display: none !important; } #siteHeader .header-bottom .mobile-wrapper .nav.visible { right: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #siteHeader .header-bottom .mobile-wrapper .mobile-nav-trigger { float: left; width: 30%; line-height: 50px; width: 50px; text-align: center; cursor: pointer; } #siteHeader .header-bottom .mobile-wrapper .mobile-search-trigger { float: left; width: 30%; line-height: 50px; width: 50px; text-align: center; cursor: pointer; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper { width: 30%; line-height: 50px; width: 50px; float: left; text-align: center; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .search { float: left; position: absolute; top: -200px; padding: 20px; opacity: 0; background: #ffffff; width: 100%; z-index: 30; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 100%; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .search.visible { position: absolute; width: 100%; right: 0px; left: 0px; top: 0px; opacity: 1; padding:30px 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .search.visible form { width: calc(100% - 40px); float: right; text-align: center; max-width: 100%; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .search.visible .search-close-mobile { float: left; position: absolute; left: -40px; line-height: 32px; width: 32px; text-align: center; cursor: pointer; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .cart { float: left; width: 100%; text-align: center; cursor: pointer; position: relative; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .cart .count { position: absolute; top: 0px; right: -8px; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; background: #FFD400; color: #000000; font-weight: 600; font-size: 0.95rem; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper { position: relative; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart { position: absolute; right: 30px; top: 20px; background: #ffffff; width: 400px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25); text-align: left; display: none; z-index: 500; padding: 20px; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .count { text-align: center; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items { margin-bottom: 15px; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first { display: inline; font-size: 0.8125rem; padding: 19px 0 14px; position: relative; border-bottom: 1px dotted #000000; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .picture, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .picture { float: left; width: 25%; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product { float: left; width: 65%; padding-left: 10px; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .name, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .name { line-height: 13px; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .name a, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .name a { font-weight: 700; font-size: 0.875rem; line-height: 13px !important; color: #373839; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .name a:hover, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .name a:hover { color: #000000; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .quantity-price, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .quantity-price { float: left; width: 80%; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .quantity-price .quantity, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .quantity-price .quantity { float: left; width: 20%; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .quantity-price .quantity span, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .quantity-price .quantity span { color: #B7B7B7; font-family: "Raleway", sans-serif !important; margin-top: 16px; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .quantity-price .price, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .quantity-price .price { float: left; width: 80%; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .quantity-price .price span, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .quantity-price .price span { color: #FFD400; margin-top: 16px; font-weight: 700; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .quantity-price .price span span, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .quantity-price .price span span { display: none; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .delete-product, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .delete-product { position: absolute; top: 50%; right: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product .delete-product a i, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product .delete-product a i { color: #373839; border: 1px solid #FFD400; padding: 8px; border-radius: 4px; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item .product:hover .delete-product, #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .items .item.first .product:hover .delete-product { opacity: 1; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .totals { text-align: center; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart .mini-shopping-cart .buttons { margin-top: 10px; display: flex; justify-content: center; /*in core > buttons*/ } @media (min-width: 1200px) { #siteHeader { width: 100%; position: fixed; display: block; background: #ffffff; z-index: 1000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #siteHeader .header-top { background: #000000; color: #cccccc; font-size: 0.8125rem; max-height: 58px; } #siteHeader .header-top .h-top-left { width: 60%; float: left; display: inline-block; } #siteHeader .header-top .h-top-left span.text { display: block; text-transform: uppercase; float: left; padding: 18px 30px 18px 0; } #siteHeader .header-top .h-top-left .contact-wrapper { float: left; padding-left: 20px; } #siteHeader .header-top .h-top-left .contact-wrapper span { padding: 18px 10px 18px 0; } #siteHeader .header-top .h-top-left .contact-wrapper span.separator { display: block; } #siteHeader .header-top .h-top-left .contact-wrapper span:nth-child(1) { display: block; } #siteHeader .header-top .h-top-right { width: 40%; float: left; display: inline-block; text-align: right; } #siteHeader .header-top .h-top-right .select-languages { display: block !important; width: 100px; float: right; padding: 10px 0px 10px 0px; margin-right: 0px; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list { float: left; width: 90px; margin: 0px; padding: 2px; background: #000000; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li { display: none; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a { color: #cccccc; position: relative; cursor: pointer; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a img { float: left; width: 20px; line-height: 35px; padding: 0px; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a span { float: left; width: calc(100% - 45px); padding-left: 8px; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 0.8125rem; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li a:after { position: absolute; font-family: "Font Awesome 5 Pro"; content: '\f078'; top: -2px; right: 2px; border-bottom: 0px; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li:hover { text-decoration: none; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li:hover span:after { border-bottom: 0px; opacity: 0; } #siteHeader .header-top .h-top-right .select-languages ul.lang-list li.selected { display: block !important; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap { float: left; width: 85px; background: #000000; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list { float: left; margin: 0px; padding: 5px 2px; background: #000000; display: none; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list li { display: block; width: 90px; padding: 3px 5px; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list li a { color: #cccccc; text-align: left; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list li a img { float: left; width: 20px; padding: 0px; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list li a span { float: left; width: calc(100% - 45px); padding-left: 8px; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 0.8125rem; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list li a:hover { text-decoration: none; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list li a:hover span:after { border-bottom: 0px; opacity: 0; } #siteHeader .header-top .h-top-right .select-languages .lang-wrap ul.lang-list li.selected { display: none !important; } #siteHeader .header-top .h-top-right .customer-links { display: block; float: right; padding: 18px 30px 18px 0px !important; } #siteHeader .header-bottom { padding: 23px 0; -webkit-box-shadow: 0px 1px 10px #7a7575; -moz-box-shadow: 0px 1px 10px #7a7575; box-shadow: 0px 1px 10px #7a7575; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #siteHeader .header-bottom .logo { width: 20%; float: left; } #siteHeader .header-bottom .logo img { transition: height 0.2s ease-in-out; } #siteHeader .header-bottom .mobile-wrapper { float: inherit; width: inherit; display: inherit; } #siteHeader .header-bottom .mobile-wrapper .nav { width: 55%; position: inherit; display: block; opacity: 1; padding: 5px 0; margin-right: inherit; } #siteHeader .header-bottom .mobile-wrapper .nav .nav-close { display: none; } #siteHeader .header-bottom .mobile-wrapper .nav ul li { display: inline-block; line-height: inherit; width: inherit; } #siteHeader .header-bottom .mobile-wrapper .nav ul li a { font-size: 0.84rem; font-weight: bold; color: #373839; padding: 16px 7px; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist { /*position: relative;*/ } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist a.with-subcategories { width: auto !important; padding: 16px 7px; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist a.with-subcategories:hover, #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist:hover a.with-subcategories { background: #FFD400; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist a.with-subcategories span { padding: inherit; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist >.sublist-wrap { position: absolute; min-width: 650px; margin: 0px 0 0 0; padding: 15px; top: 62px; left: 0; border-top: 5px solid #ffd400; min-height: 200px; overflow: hidden; background-repeat: no-repeat; background-position: bottom right; background-color: #fff; background-size: contain; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap > ul.sublist{ float: left; width: 100%; margin: 10px 0 10px 10px; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap > ul.sublist li a{} #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap > ul.sublist >li >a:hover span{color: #ffd400!important;} #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap > ul.sublist li .sublist-wrap{ float: left; width: 100%; margin: 0px; min-height: 20px; border-top: 2px solid #ffd400; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap > ul.sublist li .sublist-wrap ul.sublist{ margin: 5px 0 0 0; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap > ul.sublist li .sublist-wrap ul.sublist li a{ font-size: 0.825rem!important; line-height: 1.2; min-height: auto; padding: 5px 0!important; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap > ul.sublist li .sublist-wrap ul.sublist li a:hover{ } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist li { padding: 0px!important; margin: 0px; text-align: left; } #siteHeader .header-bottom .mobile-wrapper .nav ul li.has-sublist .sublist-wrap ul.sublist li a { background: transparent; width: inherit; padding: 0px !important; text-align: left !important; } #siteHeader .header-bottom .mobile-wrapper .mobile-nav-trigger { display: none; } #siteHeader .header-bottom .mobile-wrapper .mobile-search-trigger { display: none; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper { width: 25%; float: right; line-height: 30px !important; padding: 20px 0; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .search { float: left; line-height: 30px !important; position: inherit; opacity: 1; max-width: 230px; padding: 0 12px 0 0; display: block; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .search form { position: inerit; max-width: 230px; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .search .search-close-mobile { display: none; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .cart { float: left; line-height: 30px !important; width: auto; position: relative; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .wishlist { float: left; line-height: 30px !important; width: auto; margin-right:/*30px;*/10px; position: relative; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .wishlist a i {color:#000;} #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .cart .count { position: absolute; top: -6px; right: -22px; width: 28px; height: 28px; border-radius: 50%; background: #FFD400; color: #000000; font-weight: 600; font-size: 0.95rem; } #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .wishlist .count { position: absolute; top: -6px; right: -22px; width: 28px; height: 28px; border-radius: 50%; background: #FFD400; color: #000000; font-weight: 600; font-size: 0.95rem; } #siteHeader.sticky .header-top { display: none; } #siteHeader.sticky .header-bottom { padding: 5px; /*margin-top:-38px;*/ } #siteHeader.sticky .header-bottom .logo { padding: 12px 0; } #siteHeader.sticky .header-bottom .logo img { max-width: 70%; } #siteHeader.sticky .header-bottom .nav ul li a { font-size: 0.875rem; } #siteHeader.sticky .header-bottom .nav ul li.has-sublist .sublist-wrap { margin: 0px 0 0 0; } #siteHeader.is_admin.sticky .header-bottom { margin-top: -38px; } } @media (min-width: 1480px) { #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper { width: 20%; } #siteHeader .header-bottom .mobile-wrapper .nav { width: 60%; display: flex; justify-content: center; } } #slider .nivo-controlNav a { border-radius: 50%; width: 20px; height: 20px; } #slider .nivo-controlNav a.active { background-color: #FFD400; } #featured .nop-jcarousel { position: relative; } #featured .nop-jcarousel .slick-prev { font-size: 0; line-height: 0; position: absolute; left: -50px; top: 60%; display: block; width: 32px; height: 32px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; background: transparent; color: #B7B7B7; border: 0; z-index: 990; } #featured .nop-jcarousel .slick-prev:before { content: "\f053"; font-family: "Font Awesome 5 Pro"; color: #000000; font-size: 25px; } #featured .nop-jcarousel .slick-next { font-size: 0; line-height: 0; position: absolute; right: -50px; top: 60%; display: block; width: 32px; height: 32px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; background: transparent; color: #B7B7B7; border: 0; z-index: 990; } #featured .nop-jcarousel .slick-next:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; color: #000000; font-size: 25px; } #featured .nop-jcarousel .slick-track .slick-slide { display: inline-block; float: left; text-align: center; height: 160px; margin: 0 5px; } #featured .nop-jcarousel .slick-track .slick-slide a img { height: 160px; /*object-fit: cover;*/ } /*ajax filters*/ .nopAjaxFilters7Spikes .filtersTitleBefore { display: none; padding: 10px 0px 10px 10px; border-bottom: 2px solid rgba(112, 112, 112, 0.41); } .nopAjaxFilters7Spikes .filtersTitleBefore .filtersTitle { float: left; background: #ffffff; text-transform: uppercase; color: #373839; font-size: 1.125rem; line-height: 21px; font-weight: bold; position: relative; } .nopAjaxFilters7Spikes .filtersTitleBefore i { float: right; color: #FFD400; } .nopAjaxFilters7Spikes .filtersTitlePanel { display: block !important; cursor: pointer; background: #E6E6E6; padding: 10px 10px 10px 10px; margin-bottom: 0px; } .nopAjaxFilters7Spikes .filtersTitlePanel p { float: left; font-size: 1.125rem; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; } .nopAjaxFilters7Spikes .filtersTitlePanel .clearFilterOptionsAll { float: left; font-size: 0.8125rem; padding: 2px 5px; margin-left: 10px; border: 2px solid #FFD400; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .nopAjaxFilters7Spikes .filtersTitlePanel .clearFilterOptionsAll .close { line-height: 0.9; } .nopAjaxFilters7Spikes .filtersTitlePanel .clearFilterOptionsAll .close i { font-size: 0.8125rem; margin-left: 3px; } .nopAjaxFilters7Spikes .filtersTitlePanel .clearFilterOptionsAll:hover { background: #FFD400; color: #373839; } .nopAjaxFilters7Spikes .filtersTitlePanel i { float: right; color: #FFD400; margin-top: 5px; } .nopAjaxFilters7Spikes .product-count { padding: 10px 10px 10px 10px; border-bottom: 2px solid rgba(112, 112, 112, 0.41); margin-bottom: 5px; } .nopAjaxFilters7Spikes .product-count .num { font-size: 0.875rem; font-weight: bold; padding: 0 3px; } .nopAjaxFilters7Spikes .product-count .text { font-size: 0.875rem; padding: 0 2px; } .nopAjaxFilters7Spikes .filtersPanel { display: none; } .nopAjaxFilters7Spikes .filtersPanel .block.filter-block { border-bottom: 2px solid rgba(112, 112, 112, 0.41); } .nopAjaxFilters7Spikes .filtersPanel .block.filter-block .title { background: #ffffff; } .nopAjaxFilters7Spikes .filtersPanel .block.filter-block .title a { background: #ffffff; text-transform: uppercase; color: #373839; font-size: 1.125rem; line-height: 21px; font-weight: bold; position: relative; } .nopAjaxFilters7Spikes .filtersPanel .block.filter-block .title a:after { position: absolute !important; right: 5px !important; content: '\f077' !important; font-family: "Font Awesome 5 Pro"; color: #FFD400; background: none !important; } .nopAjaxFilters7Spikes .filtersPanel .block.filter-block.priceRangeFilterPanel7Spikes .price-range-slider.ui-slider .ui-slider-range { background: #FFD400; border-color: #FFD400; } .nopAjaxFilters7Spikes .filtersPanel.visible { display: block; } .block-category-navigation { display: none; } .block-recently-viewed-products .title { background: #ffffff; text-transform: uppercase; color: #373839; font-size: 1.125rem; line-height: 21px; font-weight: bold; position: relative; padding: 10px 10px 30px 0px; border-bottom: 2px solid rgba(112, 112, 112, 0.41); } .block-recently-viewed-products .title:after { position: absolute !important; right: 5px !important; content: '\f077' !important; font-family: "Font Awesome 5 Pro"; color: #FFD400; background: none !important; } /*custom product collections*/ #featured-presentation { background: #000000; background-image: url("../images/footer-pattern.png"); position: relative; } #featured-presentation .spc-products { margin-bottom: 18px; } #featured-presentation .spc-products .spc-header { margin: 50px 0; } #featured-presentation .spc-products .spc-header .title { display: none; } #featured-presentation .spc-products .spc-header ul.navigation { list-style-type: none; border: none; position: inherit; display: flex; justify-content: center; margin: 0 auto; flex-direction: column; } #featured-presentation .spc-products .spc-header ul.navigation li { background: transparent; border: none; border-radius: 0px; } #featured-presentation .spc-products .spc-header ul.navigation li span { color: #ffffff; font-weight: bold; font-size: 1.125rem; } #featured-presentation .spc-products .spc-header ul.navigation li.active, #featured-presentation .spc-products .spc-header ul.navigation li.hover { background: #FFD400; color: #ffffff; } #featured-presentation .spc-products .spc-header .mobile-navigation { display: none !important; } #featured-presentation .spc-products .spc-body { background: #ffffff; padding: 20px; } #featured-presentation .spc-products .spc-body .cat-picture .img-capt-wrapper { position: relative; margin-bottom: 40px; } #featured-presentation .spc-products .spc-body .cat-picture .img-capt-wrapper a img { width: 100%; } #featured-presentation .spc-products .spc-body .cat-picture .img-capt-wrapper a .caption { position: absolute; width: 100%; bottom: 0px; background: rgba(255, 255, 255, 0.7); color: #373839; font-weight: bold; text-transform: uppercase; font-size: 1.125rem; padding: 5px; } #featured-presentation:before { position: absolute; width: 50px; height: 50px; left: 0px; right: 0px; margin: 0 auto; top: -25px; content: ''; background: url("../images/logo-sign.png"); background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: 44px 50px; } .products-search { max-width: 370px; margin-bottom: 1rem; } .products-search input { float: left; width: calc(100% - 110px); } .products-search .product-search { float: left; width: 100px !important; } .customer-admin { /*button { margin-top:10px}*/ } .customer-admin input { margin-bottom: 10px; } @media (min-width: 768px) { .products-search { float: right !important; max-width: 370px; margin-bottom: 1rem; } .products-search input { float: left; width: inherit !important; } .products-search .product-search { float: left; max-width: 150px; min-width: 150px !important; width: 150px !important; } /*.block-recently-viewed-products, .block-category-navigation { .title { } }*/ } @media (min-width: 992px) { #featured .nop-jcarousel { max-width: 90%; margin: 0 auto; } #featured-presentation .spc-products .spc-header ul.navigation { flex-direction: row; } /*ajax filters*/ .nopAjaxFilters7Spikes .filtersTitleBefore { display: block; } .nopAjaxFilters7Spikes .filtersTitlePanel { display: none !important; } .nopAjaxFilters7Spikes .filtersPanel { display: block !important; } /*custom product collections*/ #featured-presentation .spc-products { /*padding:0 2%;*/ } #featured-presentation .spc-products .spc-header { margin: 70px 0; } #featured-presentation .spc-products .spc-body .cat-picture .img-capt-wrapper { position: relative; margin-bottom: 0px; } #featured-presentation .spc-products .spc-body .cat-picture .img-capt-wrapper a img { height: 500px; width: 100%; object-fit: contain; } } @media (min-width: 1200px) { /*#featured { .nop-jcarousel{ max-width: 95%;} }*/ } @media (min-width: 1480px) { #featured .nop-jcarousel { max-width: 95%; } } .html-product-details-page .gallery { margin-bottom: 40px; } .html-product-details-page .gallery .picture { height: 340px; } .html-product-details-page .gallery .picture img { width: 100%; height: 100%; object-fit: contain; max-height: 340px; } .html-product-details-page .gallery #product-gallery-holder { float: left; width: 96%; margin-left: 2%; margin-top: 10px; } .html-product-details-page .gallery #product-gallery-holder .slick-prev { font-size: 0; line-height: 0; position: absolute; left: -30px; top: 33%; display: block; width: 32px; height: 32px; padding: 0; cursor: pointer; outline: none; background: transparent; border: 0; z-index: 990; } .html-product-details-page .gallery #product-gallery-holder .slick-prev:before { content: "\f053"; font-family: "Font Awesome 5 Pro"; color: #000000; font-size: 25px; } .html-product-details-page .gallery #product-gallery-holder .slick-next { font-size: 0; line-height: 0; position: absolute; right: -30px; top: 33%; display: block; width: 32px; height: 32px; padding: 0; cursor: pointer; outline: none; background: transparent; border: 0; z-index: 990; } .html-product-details-page .gallery #product-gallery-holder .slick-next:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; color: #000000; font-size: 25px; } .html-product-details-page .gallery .picture-thumbs { margin: 3px 0; } .html-product-details-page .gallery .picture-thumbs .thumb-item { display: inline-block; float: left; text-align: center; height: 80px; padding: 0 5px; } .html-product-details-page .gallery .picture-thumbs .thumb-item img { height: 80px; } .html-product-details-page .overview { margin-bottom: 40px; /* product-to-cart in core > buttons*/ } .html-product-details-page .overview .name-desc-wrapper { border-bottom: 2px solid rgba(112, 112, 112, 0.41); margin-bottom: 40px; } .html-product-details-page .overview .name-desc-wrapper .product-name { margin-bottom: 10px; } .html-product-details-page .overview .name-desc-wrapper .product-name h1 { font-size: 1.75rem; line-height: 36px; color: #000000; font-weight: 600; } .html-product-details-page .overview .name-desc-wrapper .product-man-sku .product-manufacturer { float: left; } .html-product-details-page .overview .name-desc-wrapper .product-man-sku span { float: left; padding: 0 4px; } .html-product-details-page .overview .name-desc-wrapper .product-man-sku .product-sku { float: left; } .html-product-details-page .overview .price-label { font-size: 1rem; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .html-product-details-page .overview .prices { margin-bottom: 40px; } .html-product-details-page .overview .prices .product-price { font-size: 24px; font-weight: 600; line-height: 28px; } .html-product-details-page .overview .add-to-cart { margin-bottom: 35px; } .html-product-details-page .overview .add-to-cart .add-to-cart-panel { margin-bottom: 15px; } .html-product-details-page .overview .add-to-cart .add-to-cart-panel input { float: left; width: 52px; height: 32px; font-size: 1rem; text-align: center; border: 1px dashed #000000; } .html-product-details-page .overview .add-to-cart .add-to-cart-panel button { float: left; background: #FFD400; border: none; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; margin: 2px 10px; padding: 0px; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .html-product-details-page .overview .add-to-cart .add-to-cart-panel button i { color: #000000; font-size: 0.875rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding-left: 1px; } .html-product-details-page .overview .add-to-cart .add-to-cart-panel button:hover { background: #000000; } .html-product-details-page .overview .add-to-cart .add-to-cart-panel button:hover i { color: #FFD400; background: #000000; } .html-product-details-page .overview .add-to-cart .pre-order-availability-date { font-size: 1rem; font-weight: bold; color: #000000; text-transform: none; } .html-product-details-page .overview .add-to-cart .pre-order-availability-date label { font-weight: normal; color: #707070; text-transform: none; } .html-product-details-page .overview .full-description { margin-bottom: 35px; } .html-product-details-page .overview .full-description .title { font-size: 1rem; text-transform: uppercase; color: #707070; margin-bottom: 10px; } .html-product-details-page .overview .full-description p { font-size: 1rem; line-height: 19px; color: #707070; text-transform: none !important; } .html-product-details-page .overview .product-collateral .product-specs-box { margin-bottom: 35px; } .html-product-details-page .overview .product-collateral .product-specs-box .title { font-size: 1rem; text-transform: uppercase; color: #707070; margin-bottom: 10px; } .html-product-details-page .overview .product-collateral .product-specs-box .table-wrapper .data-table { margin-left: -5px; } .html-product-details-page .overview .product-collateral .product-specs-box .table-wrapper .data-table tr th span, .html-product-details-page .overview .product-collateral .product-specs-box .table-wrapper .data-table tr td { font-size: 1rem; line-height: 19px; text-transform: none; padding: 5px 7px; color: #707070; } .html-product-details-page .short-description, .html-product-details-page .full-description { font-size: 1rem; line-height: 19px; color: #707070; margin-bottom: 20px; } .html-product-details-page .short-description .title, .html-product-details-page .full-description .title { font-size: 1.125rem; font-weight: bold; } .html-product-details-page .related-products-grid #prod-holder .slick-prev { font-size: 0; line-height: 0; position: absolute; left: -50px; top: 40%; display: block; width: 32px; height: 32px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; background: transparent; color: #B7B7B7; border: 0; z-index: 990; } .html-product-details-page .related-products-grid #prod-holder .slick-prev:before { content: "\f053"; font-family: "Font Awesome 5 Pro"; color: #000000; font-size: 25px; } .html-product-details-page .related-products-grid #prod-holder .slick-next { font-size: 0; line-height: 0; position: absolute; right: -50px; top: 40%; display: block; width: 32px; height: 32px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; background: transparent; color: #B7B7B7; border: 0; z-index: 990; } .html-product-details-page .related-products-grid #prod-holder .slick-next:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; color: #000000; font-size: 25px; } @media (min-width: 768px) { .html-product-details-page .gallery { width: 50%; float: left; padding-right: 20px; /*.picture-thumbs { .thumb-item { img { height:auto;} } }*/ } .html-product-details-page .overview { width: 50%; float: left; } .html-product-details-page .overview .name-desc-wrapper .product-name h1 { font-size: 32px; } } @media (min-width: 992px) { .html-product-details-page .gallery { width: 50%; float: left; padding-right: 40px; /*.picture-thumbs { .thumb-item { img {} } }*/ } .html-product-details-page .gallery .picture { height: 500px; } .html-product-details-page .gallery .picture img { width: 100%; height: 100%; object-fit: contain; max-height: 500px; } .html-product-details-page .overview { width: 50%; float: left; } .html-product-details-page .overview .name-desc-wrapper .product-name h1 { font-size: 32px; } } .html-category-page .sidebar, .html-search-page .sidebar, .html-manufacturer-page .sidebar { margin: 30px 0; } .html-category-page .columnsTwo-content, .html-search-page .columnsTwo-content, .html-manufacturer-page .columnsTwo-content { margin-bottom: 20px; } .html-category-page .columnsTwo-content .product-list, .html-search-page .columnsTwo-content .product-list, .html-manufacturer-page .columnsTwo-content .product-list { margin-bottom: 20px; } @media (min-width: 992px) { .html-category-page, .html-search-page, .html-manufacturer-page { /*.sidebar-first {float:left; width:17%; margin-top:0px;} .columnsThree-content{float:left; width:66%; padding:0 3%;} .sidebar-second {float:right; width:17%; }*/ } .html-category-page .sidebar, .html-search-page .sidebar, .html-manufacturer-page .sidebar { width: 20%; float: left; } .html-category-page .columndTwo-content, .html-search-page .columndTwo-content, .html-manufacturer-page .columndTwo-content { float: left; width: 70%; padding: 0 3%; } } #siteHeader .header-bottom .mobile-wrapper .nav.visible{ border: 1px solid #B7B7B7 !important; padding-left: 0; padding-right: 0; } #siteHeader .header-bottom .mobile-wrapper > .overlay.active{ position: fixed; background: transparent; top: 0; left: 0; right: 0; bottom: 0; transition: 0.3s; z-index: -10; } #siteHeader .header-bottom .mobile-wrapper > .overlay.active{ background: rgba(0, 0, 0, 0.18); z-index: 10; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li{ background: #eee; padding: 0px 0 0px 20px; min-height: 42px; margin: 3px 0; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li .sublist-wrap{ background: #eee; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li .sublist-wrap ul{ background: #eee; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li .sublist-wrap ul li{ background: #eee; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li .sublist-wrap ul li a{ background: #eee !important; text-align: left; padding: 5px 0; text-indent: 20px; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li > .sublist-wrap ul li > a{ font-weight: 500; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li .sublist-wrap ul li > .sublist-wrap ul li a { text-indent: 40px; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li .sublist-wrap ul li a span{ padding: 0; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li>a{ text-align: left; background: #eee !important; line-height: 42px; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li>a.with-subcategories{ width: calc(100% - 42px); } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li>.plus-button{ border: 1px solid #eee; height: 42px; width: 42px; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li>.plus-button::after{ top: 50%; left: 50%; transform: translate(-50%,-50%); } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li>.plus-button.close{ opacity: 1 !important; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li>.plus-button.close::after{ top: 50%; } #siteHeader .header-bottom .mobile-wrapper .nav.visible .mega-menu-responsive >li>a>span{ text-align: left; padding: 0 !important; } @media (min-width: 1200px) { #siteHeader .header-bottom .mobile-wrapper .nav.visible{ border: none !important; } }