.header-container { background: #fff; position: relative; width: 100%; top: 0; left: 0; z-index: 99; text-align: center; border-bottom: 1px solid #ebebeb } .fixed { position: fixed } .header-container.p-fix { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999 } .header-container .top-link-container { position: relative; display: block; width: 100%; max-width: 1920px; padding: 0 } .header-container a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s } .header-container .header-email p { margin: 10px 0; color: #999; line-height: 22px } .header-container .header-email p:before { content: ""; width: 21px; height: 16px; float: left; margin-top: 3px; margin-right: 10px; background: url(blank-theme-icons.png) -5px -79px no-repeat } .header-container .switcher { float: left; position: relative } .header-container .switcher.language .switcher-options strong span { padding-left: 25px } .header-container .switcher.language .switcher-options .switcher-dropdown li a { padding-left: 25px } .header-container .switcher:hover .label { color: #d60d46 } .header-container .switcher:hover .switcher-options { display: block } .header-container .switcher .label { padding: 10px 20px; display: block; border-top: 1px solid #eee; font-size: 14px; font-weight: 500 } .header-container .switcher .switcher-options { position: absolute; right: 100%; top: 0; background: #fff; text-transform: capitalize; display: none; text-align: left } .header-container .switcher .switcher-options strong { color: #d60d46; display: block; padding: 10px 20px; line-height: 1; border-top: 1px solid #eee } .header-container .switcher .switcher-options strong span { background-position: 0 45%; background-repeat: no-repeat; display: block } .header-container .switcher .switcher-options .fa { margin-left: 5px; vertical-align: middle; display: none } .header-container .switcher .switcher-options .switcher-dropdown li { margin-bottom: 0; padding: 0 20px; border-bottom: 1px solid #eee } .header-container .switcher .switcher-options .switcher-dropdown li a { padding: 10px 0; line-height: 1; display: block; text-transform: capitalize; background-repeat: no-repeat; background-position: 0 50% } .header-container .switcher .switcher-options .switcher-dropdown li a:hover { color: #d60d46 } .header-container .switcher .switcher-options .switcher-dropdown li:last-child a { border-bottom: 0 } .header-container .links-account { float: left; position: relative; border-left: 1px solid #ebebeb; padding: 23px 35px } .header-container .links-account .link-top { padding: 0; text-transform: capitalize; display: block; width: 28px; height: 28px; font-size: 24px } .header-container .links-account:hover .link-top { background-position: -71px -41px } .header-container .links-account .links { position: absolute; top: 100%; min-width: 160px; padding: 5px 15px 15px; right: 50%; margin-right: -80px; z-index: 9999; text-align: left; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -o-transform: translate(0, 10px); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background: #fff } .header-container .links-account .links li { list-style: none; clear: both } .category .subchildmenu { display: none; } .header-container .links-account .links li:before { content: ""; background: url(blank-theme-icons.png) -234px -126px no-repeat; width: 14px; height: 14px; float: left; margin-right: 7px; margin-top: 5px } .header-container .links-account .links li.compare:before { background: url(blank-theme-icons.png) -286px -125px no-repeat } .header-container .links-account .links li.compare span { color: #d60d46 } .header-container .links-account .links li.compare span:before { content: "("; margin-right: 1px } .header-container .links-account .links li.compare span:after { content: ")"; margin-left: 1px } .header-container .links-account .links li.authorization-link:before { background: url(blank-theme-icons.png) -210px -125px no-repeat } .header-container .links-account .links li.wishlist:before { background: url(blank-theme-icons.png) -261px -125px no-repeat } .header-container .links-account .links li.wishlist span { color: #d60d46 } .header-container .links-account .links li.wishlist span:before { content: "("; margin-right: 1px } .header-container .links-account .links li.wishlist span:after { content: ")"; margin-left: 1px } .header-container .links-account .links li a { white-space: nowrap; text-transform: capitalize; font-size: 13px; display: block } .header-container .links-account:hover .links { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible } .header-container .logo-menu { position: absolute; left: 50%; top: 50% } .header-container .logo-menu .logo { max-width: 100%; margin: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%) } .block-search { float: left; width: auto; padding: 23px 35px; z-index: 999; border-right: 1px solid #ebebeb } .block-search .block-title { display: none } .top-search { width: 28px; height: 28px; position: relative; cursor: pointer; font-size: 24px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s } .top-search:before, .top-search:after { content: ""; width: 30px; height: 0; background: #d60d46; position: absolute; top: 50%; left: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s } .top-search .fa { font-size: 24px; padding-top: 2px } .top-search.btn-close i:before { content: none } .top-search.btn-close:hover:before, .top-search.btn-close:hover:after { background: #d60d46 } .top-search.btn-close:before { height: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg) } .top-search.btn-close:after { height: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg) } .top-search.btn-close .fa { display: none } .block-search .block-content .label { display: none } .block-search .block-content .box-form-search { position: fixed; top: 133px; left: 0; right: 0; z-index: 9999; display: none } .block-search .block-content .dropdown-menu { position: static; width: 100%; left: auto; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; background: #f6f6f6; padding: 15px 0; box-shadow: none !important; border-bottom: 1px solid #dadada } .block-search .block-content .control { margin: 0; padding: 0; border: none; position: relative } .block-search .block-content .seclect-cat { float: left } .block-search .block-content .input-text { padding: 0; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; color: #333; background: none; float: left; font-size: 20px; position: static; height: 50px; border: 0 } .block-search .block-content .action.search { padding: 0; width: 53px; height: 53px; right: 0; font-size: 24px; top: -2px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; position: absolute; display: block; background: none; line-height: 0; border: 0; z-index: 99; background: url(blank-theme-icons.png) -5px -149px no-repeat } .block-search .block-content .action.search:before { display: none } .block-search .block-content .action.search span { font-size: 0 } .block-search .block-content .action.search:hover { background-position: -71px -151px } .block-search .block-content .search-autocomplete { position: static !important } .block-search .block-content .search-autocomplete ul li { background: none; border: 0; padding: 10px 0 } .block-search .block-content .search-autocomplete ul li:hover { color: #d60d46 } .block-search .nested { position: static; margin-top: 18px; display: none !important } .block-search .nested a { color: #666 } .menu-overlay.active { position: fixed; top: 75px; background: #f6f6f6; left: 0; bottom: 0; right: 0; z-index: 1 } .header-container .minicart-wrapper { padding: 24px 35px; margin: 2px 0 0 0; border-left: 1px solid #ebebeb; float: left } .header-container .minicart-wrapper:hover .cart-title:before { background-position: -208px -40px } .header-container .minicart-wrapper:hover .cart-title span.title { color: #fff } .header-container .minicart-wrapper:hover .count-total .label { color: #fff } .header-container .minicart-wrapper .action.showcart { position: relative; padding: 0 } .header-container .minicart-wrapper .cart-title:before { font-family: 'Flaticon'; content: "\f116"; font-size: 24px; width: 23px; height: 28px; margin-top: -5px; margin-right: 8px; float: left; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s } .header-container .minicart-wrapper .cart-title span.title { text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #d60d46; display: none } .header-container .minicart-wrapper .cart-title .count-total { font-size: 18px; float: left; position: absolute; text-align: center; width: 24px; height: 24px; top: -15px; left: 8px; background: #d60d46; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% } .header-container .minicart-wrapper .cart-title .count-total .counter.qty { background: none; color: #fff; height: auto; margin: 0; padding: 0; font-weight: bold; font-size: 12px } .header-container .minicart-wrapper .cart-title .count-total .counter.qty.empty { display: inline-block } .header-container .minicart-wrapper .cart-title .count-total .counter.qty .label { display: none } .header-container .minicart-wrapper .block-minicart:after, .header-container .minicart-wrapper .block-minicart:before { display: none } .header-container .minicart-wrapper .block-minicart .block-content { border: 0; padding: 0 } .header-container .minicart-wrapper .block-minicart .items-total { float: left } .header-container .minicart-wrapper .block-minicart .subtotal { clear: both; margin-bottom: 20px } .header-container .minicart-wrapper .block-minicart .subtotal .label { float: left; line-height: 1 } .header-container .minicart-wrapper .block-minicart .subtotal .price-container { line-height: 1 } .header-container .minicart-wrapper .block-minicart .block-content > .actions .checkout, .header-container .minicart-wrapper .block-minicart .block-content > .actions .viewcart { display: block; border: 1px solid #ddd; padding: 11px 15px; font-weight: bold; letter-spacing: 1px; background: #fff; color: #333; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s } .header-container .minicart-wrapper .block-minicart .block-content > .actions .checkout:hover, .header-container .minicart-wrapper .block-minicart .block-content > .actions .viewcart:hover { background: #83a979; color: #fff; border-color: transparent } .header-container .minicart-wrapper .product { position: relative } .header-container .minicart-wrapper .product .actions { margin: 0; top: 0; position: absolute; right: 0 } .header-container .minicart-wrapper .minicart-items .product-item-name { line-height: 1.5; padding-right: 70px } .header-container .minicart-wrapper .minicart-items .product-item-name a { color: #333 } .header-container .minicart-wrapper .minicart-items .product-item-name a:hover { color: #d60d46 } .header-container .minicart-wrapper .minicart-items .product-item-photo { margin-right: 15px } .header-container .minicart-wrapper .minicart-items .product-item-details { position: relative; padding-left: 100px; text-align: left } .header-container .minicart-wrapper .minicart-items .product-item-details .details-qty { line-height: 1 } .header-container .minicart-wrapper .minicart-items .product-item-details .price { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #333 } .header-container .minicart-wrapper .minicart-items .product-item-pricing label { width: auto } .header-container .minicart-wrapper .icon-cart-header { display: inline-block; position: relative; margin-right: 15px } .header-container .minicart-wrapper .icon-cart-header .fa { font-size: 24px; color: #333 } .header-container .minicart-wrapper .icon-cart-header .counter.qty { position: absolute; min-width: 18px; height: 18px; border-radius: 100%; background: #d60d46; line-height: 18px; padding: 0; margin: 0; text-align: center; top: -10px; right: -10px; font-size: 10px; font-family: 'Source Sans Pro', sans-serif; color: #fff; display: block } .header-container .minicart-wrapper .cart-total .price { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666 } .header-container .minicart-wrapper .action.showcart:before { display: none } .box-setting { position: relative; float: left; padding: 23px 35px; border-left: 1px solid #ebebeb } .box-setting .icon { width: 28px; height: 28px; font-size: 24px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s } .box-setting .setting { position: absolute; top: 100%; right: 50%; white-space: nowrap; background: #fff; z-index: 2; opacity: 0; visibility: hidden; -webkit-transform: translate(50%, 10px); -moz-transform: translate(50%, 10px); -ms-transform: translate(50%, 10px); -o-transform: translate(50%, 10px) } .box-setting:hover .icon { background-position: -139px -42px } .box-setting:hover .setting { z-index: 9999; opacity: 1; visibility: visible; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0) } @media (min-width: 768px) { .custommenu.navigation > ul { position: static } .custommenu.navigation > ul:after { disaply: table; content: ''; clear: both } .custommenu.navigation .open-children-toggle { display: none } .custommenu.navigation span.cat-label { position: absolute; text-transform: uppercase; font: inherit; font-size: 9px; padding: 2px; border-radius: 2px; line-height: 1; color: #fff } .custommenu.navigation span.cat-label:before { content: ""; position: absolute; width: 3px; height: 3px; border: 3px solid transparent } .custommenu.navigation span.cat-label.cat-label-label1 { background-color: #0cc485 } .custommenu.navigation span.cat-label.cat-label-label2 { background-color: #83a979 } .custommenu.navigation span.cat-label.cat-label-label3 { background-color: #0ae3eb } .custommenu.navigation a:hover > span > span.cat-label { text-decoration: none } .custommenu.navigation li > a > span { position: relative } .custommenu.navigation li.level0 > .level-top { transition-delay: 0s !important } .custommenu.navigation li.level0 > a > span.cat-label { top: -18px; right: 14px } .custommenu.navigation li.level0 > a > span.cat-label:before { left: 3px; bottom: -6px } .custommenu.navigation li.level0 > a > span.cat-label.cat-label-label1:before { border-top-color: #0cc485 } .custommenu.navigation li.level0 > a > span.cat-label.cat-label-label2:before { border-top-color: #83a979 } .custommenu.navigation li.level0 > a > span.cat-label.cat-label-label3:before { border-top-color: #0ae3eb } .custommenu.navigation li .subchildmenu li > a > span > span.cat-label { top: 3px; right: -35px } .custommenu.navigation li .subchildmenu li > a > span > span.cat-label:before { left: -6px; bottom: 3px } .custommenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label1:before { border-right-color: #0cc485 } .custommenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label2:before { border-right-color: #83a979 } .custommenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label3:before { border-right-color: #0ae3eb } .custommenu.navigation .subchildmenu.mega-columns > li { float: left; padding: 0 5px } .custommenu.navigation .subchildmenu.mega-columns.columns1 > li { float: none } .custommenu.navigation .subchildmenu.mega-columns.columns2 > li { width: 50% } .custommenu.navigation .subchildmenu.mega-columns.columns2 > li:nth-child(2n+1) { clear: both } .custommenu.navigation .subchildmenu.mega-columns.columns3 > li { width: 33.33% } .custommenu.navigation .subchildmenu.mega-columns.columns3 > li:nth-child(3n+1) { clear: both } .custommenu.navigation .subchildmenu.mega-columns.columns4 > li { width: 25% } .custommenu.navigation .subchildmenu.mega-columns.columns4 > li:nth-child(4n+1) { clear: both } .custommenu.navigation .subchildmenu.mega-columns.columns5 > li { width: 20% } .custommenu.navigation .subchildmenu.mega-columns.columns5 > li:nth-child(5n+1) { clear: both } .custommenu.navigation .subchildmenu.mega-columns.columns6 > li { width: 16.66% } .custommenu.navigation .subchildmenu.mega-columns.columns6 > li:nth-child(6n+1) { clear: both } .custommenu.navigation li.level0 { transition-delay: 0s; transition: .2s opacity } .custommenu.navigation li.level0.fl-left { float: left } .custommenu.navigation li.level0.fl-right { float: right } .custommenu.navigation li.level0.fl-right.staticwidth .submenu { left: auto; right: 0; border-radius: 6px 0 6px 6px } .custommenu.navigation li.level0 .submenu { display: block; visibility: hidden; opacity: 0; transition: .2s opacity; color: #777 } .custommenu.navigation li.level0 .submenu > ul { margin-top: 0 } .custommenu.navigation li.level0 .submenu > ul:before, .custommenu.navigation li.level0 .submenu > ul:after { display: none } .custommenu.navigation li.level0.parent > .submenu.popup-left { left: auto; right: 0; border-radius: 6px 0 6px 6px } .custommenu.navigation li.level0 .row { margin-left: -5px; margin-right: -5px } .custommenu.navigation li.level0 .col-sm-1, .custommenu.navigation li.level0 .col-sm-2, .custommenu.navigation li.level0 .col-sm-3, .custommenu.navigation li.level0 .col-sm-4, .custommenu.navigation li.level0 .col-sm-5, .custommenu.navigation li.level0 .col-sm-6, .custommenu.navigation li.level0 .col-sm-7, .custommenu.navigation li.level0 .col-sm-8, .custommenu.navigation li.level0 .col-sm-9, .custommenu.navigation li.level0 .col-sm-10, .custommenu.navigation li.level0 .col-sm-11, .custommenu.navigation li.level0 .col-sm-12 { padding-left: 5px; padding-right: 5px } .custommenu.navigation li.level0.fullwidth { position: static } .custommenu.navigation li.level0.fullwidth > .submenu { width: 1140px; left: -142px !important } .custommenu.navigation li.level0.fullwidth > .submenu, .custommenu.navigation li.level0.staticwidth > .submenu { padding: 5px 8px 15px; left: 0 } .custommenu.navigation li.level0.fullwidth:hover > .submenu, .custommenu.navigation li.level0.staticwidth:hover > .submenu { visibility: visible; opacity: 1 } .custommenu.navigation li.level0.fullwidth .submenu li.parent > a:after, .custommenu.navigation li.level0.staticwidth .submenu li.parent > a:after { display: none } .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a, .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-top: 10px; padding-left: 0; letter-spacing: 1px; color: #3a3838 } .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a:before, .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a:before { display: none } .custommenu.navigation li.level0.fullwidth .submenu li.level1 .subchildmenu .subchildmenu, .custommenu.navigation li.level0.staticwidth .submenu li.level1 .subchildmenu .subchildmenu { padding-left: 10px } .custommenu.navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img, .custommenu.navigation li.level0.staticwidth .submenu li.level1 > .menu-thumb-img { margin: 10px 0 -5px } .custommenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu, .custommenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu { padding: 5px 0 } .custommenu.navigation li.level0.fullwidth .submenu a, .custommenu.navigation li.level0.staticwidth .submenu a { line-height: 1; font-size: 14px; color: #848484 } .custommenu.navigation li.level0.fullwidth .submenu a:hover, .custommenu.navigation li.level0.staticwidth .submenu a:hover { background: none } .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block .images-effect img, .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block .images-effect img, .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block .images-effect img, .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block .images-effect img, .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block .images-effect img, .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block .images-effect img, .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block .images-effect img, .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block .images-effect img { width: 100% } .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a:hover, .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a:hover, .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a:hover, .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a:hover { color: #83a979 } .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default, .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default, .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default, .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default, .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default, .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default, .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default, .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default { background-color: #08c; color: #fff } .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus { background-color: #08c; color: #fff; text-decoration: none; opacity: 0.8 } .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block img, .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block img, .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block img, .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block img, .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block img, .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block img, .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block img, .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block img { width: 100% } .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block, .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block { margin-top: 30px } .custommenu.navigation li.level0.classic .submenu > .row { margin: 0 } .custommenu.navigation li.level0.classic .subchildmenu { min-width: 230px; padding: 25px 0 10px 30px } .custommenu.navigation li.level0.classic .subchildmenu .subchildmenu { visibility: hidden; opacity: 0; transition: .2s opacity; position: absolute; left: 0; top: 0; background: #fff; z-index: 1; border-radius: 0 !important } .custommenu.navigation li.level0.classic .subchildmenu li.ui-menu-item a { padding-bottom: 13px; color: #848484 } .custommenu.navigation li.level0.classic .subchildmenu > li:hover > a { color: #83a979 } .custommenu.navigation li.level0.classic .subchildmenu > li:hover > .subchildmenu { visibility: visible; opacity: 1 } .custommenu.navigation li.level0.classic li.parent > .subchildmenu.popup-left { left: auto; right: 100%; border-radius: 6px 0 6px 6px } .custommenu.navigation li.level0.classic .subchildmenu.popup-left .subchildmenu { left: auto; right: 100%; border-radius: 6px 0 6px 6px } .custommenu.navigation li.level0.classic:hover > .submenu { visibility: visible; opacity: 1 } .custommenu.navigation li.level0.classic li:hover > .submenu { visibility: visible; opacity: 1 } .custommenu.navigation li.level0.classic .submenu, .custommenu.navigation li.level0.classic .subchildmenu .subchildmenu { left: 0; border-radius: 0 !important } .custommenu.navigation li.level0.staticwidth .submenu { left: 0 } .custommenu.navigation.side-custommenu li { margin: 0; position: relative } .custommenu.navigation.side-custommenu li.level0 { display: block; position: relative; border-radius: 0; margin: 0 } .custommenu.navigation.side-custommenu li.level0.parent > a:after { content: '\f801'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; line-height: 41px; float: right } .custommenu.navigation.side-custommenu li.level0.classic .submenu li.parent > a:after { content: '\f801'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; margin-right: 5px; line-height: 15px; float: right } .custommenu.navigation.side-custommenu li.level0.fullwidth > .submenu, .custommenu.navigation.side-custommenu li.level0.staticwidth > .submenu { left: 100% !important; top: 0; padding-bottom: 15px } .custommenu.navigation.side-custommenu li.level0.classic > .submenu { left: 100% !important; top: 0 } .custommenu.navigation.side-custommenu li.level0.fullwidth > .submenu { width: 871px } .custommenu.navigation.side-custommenu li.level0 > a { display: block; padding: 0 5px; margin: 0 10px; border-top: 1px solid #ddd; line-height: 41px; font-weight: 400; font-size: 14px } .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label { position: relative; margin-left: 10px; padding: 0 2px; top: 0; right: 0 } .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label:before { left: -6px; top: 3px; bottom: auto; border-top-color: transparent } .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label.cat-label-label1:before { border-right-color: #0cc485 } .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label.cat-label-label2:before { border-right-color: #83a979 } .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label.cat-label-label3:before { border-right-color: #0ae3eb } .custommenu.navigation.side-custommenu li.level0:first-child > a { border-top: 0 } .custommenu.navigation.side-custommenu li.level0:hover { background-color: #08c } .custommenu.navigation.side-custommenu li.level0:hover > a { color: #fff; border-top-color: #08c } .custommenu.navigation.side-custommenu li.level0 > .submenu { border-left-width: 5px; padding: 5px 8px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 0 6px 6px 6px } } @media (max-width: 767px) { .custommenu.navigation.side-custommenu { display: none } .custommenu.navigation .submenu.level0 { height: 0; visibility: hidden } .custommenu.navigation .submenu.level0.opened { visibility: visible; height: auto } .custommenu.navigation li.level0.staticwidth > .submenu { width: auto !important } .custommenu.navigation li.level0.fullwidth .menu-top-block, .custommenu.navigation li.level0.staticwidth .menu-top-block, .custommenu.navigation li.level0.fullwidth .menu-right-block, .custommenu.navigation li.level0.staticwidth .menu-right-block, .custommenu.navigation li.level0.fullwidth .menu-left-block, .custommenu.navigation li.level0.staticwidth .menu-left-block, .custommenu.navigation li.level0.fullwidth .menu-bottom-block, .custommenu.navigation li.level0.staticwidth .menu-bottom-block { display: none } .custommenu.navigation li.level0 .menu-thumb-img { display: none } .custommenu.navigation li.ui-menu-item { position: relative } .custommenu.navigation li.ui-menu-item > a { position: relative } .custommenu.navigation li.ui-menu-item > .open-children-toggle { display: block; position: absolute; width: 42px; height: 42px; right: 0; top: 0; z-index: 1; cursor: pointer } .custommenu.navigation span.cat-label { top: 50%; right: 36px; margin-top: -7px; position: absolute; text-transform: uppercase; font: inherit; font-size: 10px; padding: 4px 8px; border-radius: 0; line-height: 1; color: #fff } .custommenu.navigation span.cat-label:before { content: ""; position: absolute; width: 3px; height: 3px; border: 3px solid transparent; left: -6px; bottom: 3px } .custommenu.navigation span.cat-label.cat-label-label1 { background-color: #0cc485 } .custommenu.navigation span.cat-label.cat-label-label1:before { border-right-color: #0cc485 } .custommenu.navigation span.cat-label.cat-label-label2 { background-color: #83a979 } .custommenu.navigation span.cat-label.cat-label-label2:before { border-right-color: #83a979 } .custommenu.navigation span.cat-label.cat-label-label3 { background-color: #0ae3eb } .custommenu.navigation span.cat-label.cat-label-label3:before { border-right-color: #0ae3eb } } @media (min-width: 767px) { .nav-sections { background: none; margin: 0; display: none } .navigation { position: relative; z-index: 9999; background: transparent; text-align: left } } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.5); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1 } .navigation .level-0.reverse > .submenu { right: 1px } .navigation > ul { position: relative; padding: 0 } .navigation .level0 > .menu-home.level-top:first-child { padding-left: 0; margin-left: 0 } .navigation .level-0 > .submenu { display: none; position: absolute; top: 100%; padding: 19px 13px } .navigation li.level0 { margin: 0 } .navigation .level0 > .level-top { color: #3a3838; line-height: inherit; padding: 5px 20px 5px 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; text-transform: uppercase; text-decoration: none; box-sizing: border-box; display: inline-block; font-weight: 600; border: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s } .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.actived { border: 0; color: #d60d46 } .navigation .level0:hover > .level-top { border: 0; color: #d60d46 } .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top, .navigation .level0 > .level-top:hover, .navigation .level0:hover > .level-top { border: 0; color: #d60d46 } .navigation .level0.parent > .level-top:before { content: "\f107"; font-family: 'FontAwesome'; font-size: 13px; float: right; margin-left: 7px; font-weight: normal } .navigation .level-0 > .submenu a { display: block; color: #676056; font-size: 13px; font-weight: 400; line-height: 1.385; padding: 3px 12px 3px; text-decoration: none } .navigation .level-0 > .submenu a:focus, .navigation .level-0 > .submenu a:hover { text-decoration: underline } .navigation .level-0 > .submenu a:hover { color: #ffffff; background: #989287; text-decoration: none } .navigation .level-0 > .submenu li { margin-bottom: 1px } .navigation .level-0 > .submenu a[href="#"] { cursor: default; display: block; color: #676056; font-size: 14px; font-weight: 700; line-height: 1; margin: 7px 0 6px; padding: 0 12px } .navigation .level-0 > .submenu a[href="#"]:focus, .navigation .level-0 > .submenu a[href="#"]:hover { color: #676056; font-size: 14px; font-weight: 700; background: none; text-decoration: none } .navigation .level-0 { display: inline-block; float: left; text-align: left; transition: display 0.15s ease-out } .navigation .level-0 > a { background: none; display: block; padding: 12px 13px 0; color: #f2ebde; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; transition: background 0.15s ease-out } .navigation .level-0 > a:after { content: ""; display: block; margin-top: 10px; height: 3px; font-size: 0 } .navigation .level-0.active > a { font-weight: 700 } .navigation .level-0.active > a:after { background: #ef672f } .navigation .level-0.hover.recent > a { background: #fff; color: #676056; font-size: 13px; font-weight: 600 } .navigation .level-0.hover.recent > a:after { background: none } .navigation .level-0.hover.recent.active > a { font-weight: 700 } .navigation .level-0 > .submenu { opacity: 0; visibility: hidden } .navigation .level-0.recent.hover > .submenu { opacity: 1; visibility: visible } .navigation .level-0 > .submenu { background: #fff; box-shadow: 0 3px 3px rgba(50, 50, 50, 0.15) } .navigation .level-0 > .submenu li { max-width: 200px } .navigation .level-0 > .submenu > ul { white-space: nowrap } .navigation .level-0 > .submenu .column { display: inline-block; margin-left: 40px; vertical-align: top } .navigation .level-0 > .submenu .column:first-child { margin-left: 0 } .navigation .level-0 .submenu .level-1 { white-space: normal } .navigation .level-0.parent .submenu .level-1.parent { margin: 17px 0 25px } .navigation .level-0.parent .level-1.parent:first-child { margin-top: 0 } .navigation .level-2 .submenu { margin-left: 7px } .navigation .level-0 > .submenu .level-2 > a[href="#"] { font-size: 13px; margin-top: 10px; margin-left: 7px } .navigation .level-2 > .submenu a { font-size: 12px; line-height: 1.231 } .navigation .level-0 > .submenu .level-3 > a[href="#"], .navigation .level-3 .submenu { margin-left: 15px } .navigation .level-0.item-system, .navigation .level-0.item-stores { float: none } .navigation .level-0.item-system > .submenu, .navigation .level-0.item-stores > .submenu { left: auto; right: 1px } .navigation .level0 .submenu { box-shadow: none; padding: 0; border: 0; text-align: left } .navigation .level0.parent:hover > .submenu { display: block } .navigation .level0 .submenu li { position: relative } .navigation .level0 .submenu li.ui-menu-item > a { padding: 0 0 20px 20px; position: relative } .navigation .level0 .submenu li.ui-menu-item > a:before { content: "\f0da"; font-family: 'FontAwesome'; position: absolute; left: 0; font-size: 16px } .navigation .level0 .submenu li.ui-menu-item > a:hover { color: #83a979; background: transparent; text-decoration: none } .navigation .level0 .submenu a { font-family: 'Open Sans', sans-serif; font-weight: normal; color: #333; line-height: 22px; display: block; font-size: 14px } .navigation .level0 .submenu .level1.parent .level2.parent a:after, .navigation .level0 .submenu .level1.parent a:after { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-top: 5px; margin-right: 30px; float: right } .navigation .level0 .submenu .level1.parent .level2.parent .level3 a:after, .navigation .level0 .submenu .level1.parent .level2 a:after { display: none } .navigation .level0 .submenu a:after .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus { color: #d60d46; background: transparent } .custommenu.navigation li.level0.staticwidth .submenu { left: -280px !important; margin: 0 auto !important; border-radius: 0 !important; padding: 40px 30px; font-weight: 400; border-top: 2px solid #d60d46 } .custommenu.navigation li.level0.fullwidth > .submenu { padding: 25px 30px 30px; font-weight: normal; top: 100%; border-top: 1px solid #eee; -webkit-box-shadow: 0px 4px 5px 2px #c5c5c5; -moz-box-shadow: 0px 4px 5px 2px #c5c5c5; box-shadow: 0px 4px 5px 2px #c5c5c5 } .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a, .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a { font-family: 'Source Sans Pro', sans-serif; position: relative; margin-bottom: 5px } .custommenu.navigation li.level0.fullwidth .submenu li.level1:hover > a, .custommenu.navigation li.level0.staticwidth .submenu li.level1:hover > a { color: #d60d46 } .menu-top-block { margin-bottom: 40px } @media (max-width: 1199px) { .custommenu.navigation li.level0.staticwidth .submenu { max-width: 768px !important } } @media (max-width: 992px) { .custommenu.navigation li.level0.staticwidth .submenu { max-width: 690px !important } } @media (max-width: 768px) { .custommenu.navigation li.level0.staticwidth .submenu { left: auto !important; padding: 0 !important } .custommenu.navigation li.level0.fullwidth .submenu a, .custommenu.navigation li.level0.staticwidth .submenu a { padding: 8px 30px } .navigation .level0:first-child > .level-top { padding-left: 14px } .custommenu.navigation li.level0 .submenu, .custommenu.navigation li.level0 .submenu { border-radius: 0 !important } } .nav-toggle { display: block; position: static; float: left; padding: 19px 30px; border-right: 1px solid #ebebeb } .nav-toggle a { display: inline-block; margin-right: 5px } .nav-toggle a span { display: block; height: 2px; width: 30px; margin-bottom: 8px } .nav-toggle:before { margin-right: 10px; color: #333; font-size: 40px } .nav-toggle span { height: auto; margin: 0; position: static; font-size: 16px; overflow: visible; width: auto; text-transform: uppercase; font-weight: bold } .nav-toggle:hover:before { color: #ff7f00 } .nav-toggle:hover span { color: #ff7f00 } .nav-open .menu-responsive { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0) } .menu-responsive { width: 235px; position: fixed; top: 0; z-index: 9999; background: #fff; overflow-x: scroll; text-align: left; bottom: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); } .menu-responsive .sections.nav-sections { position: static; height: auto; width: 100% } .menu-responsive .sections.nav-sections .level0 > .level-top { color: #222 } .menu-responsive .menu-mobile h3 { height: 50px; line-height: 50px; padding: 0 10px; background: #d60d46; text-transform: uppercase; font-size: 15px; color: #fff; margin: 0 } .menu-responsive .menu-mobile .menu-item { border: 1px solid #ededed; border-bottom: 0 } .menu-responsive ul { list-style: none; width: 100%; padding: 0; margin: 0 } .menu-responsive ul li { padding: 0; display: block } .menu-responsive ul li a { padding: 0 10px; line-height: 50px; display: block; border-bottom: 1px solid #ededed; font-size: 12px; } .menu-responsive ul li a li a{ font-weight: bold; } .menu-responsive ul li a ul li a ul li a{ background: #ccc; } .level1 a { font-weight: bold; font-size: 12px !important; } .level2 a { background: #333; color: #fff; font-weight: 400; font-size: 11px !important; } .menu-responsive ul li a.actived { background: #d60d46; color: #fff } .menu-responsive ul li a.actived em { color: #fff } .menu-responsive ul li a.actived:hover em { color: #fff } .menu-responsive ul li a em { position: relative; top: 8px; right: 0; height: 40px; width: 40px; float: right; text-align: center; line-height: 30px; color: #333; border: 1px solid transparent; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; font-size: 17px; } .menu-responsive ul li a:hover em { color: #c77322; } .category ul li a em { position: absolute; top: 8px; right: 0; height: 20px; width: 40px; float: right; text-align: center; line-height: 30px; color: #fff; border: 1px solid transparent; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; font-size: 17px; } .category ul li ul li a em { color: #333; } .category ul li ul li ul li a em { color: #333; } .category ul li a:hover em { color: #060606; } .category ul li.active > a em { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); color: #fff; height: 20px; top: 17px; width: 23px; } .menu-responsive ul li img { margin-right: 10px } .menu-responsive ul li ul { display: none; } .menu-responsive ul li.active { background: #eee; } .menu-responsive ul li.active > a { color: #fff; background: #333; text-decoration: none } .menu-responsive ul li.active > a em { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); color: #fff; } .nav-open .page-wrapper { left: 0 } @media (max-width: 1680px) { .header-container .header .minicart-wrapper .action.showcart { padding: 0 10px } .custommenu.navigation li.level0.fullwidth > .submenu { width: 970px; -webkit-transform: translate(-200px, 0); -moz-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); -o-transform: translate(-200px, 0) } } @media (max-width: 1680px) and (min-width: 1200px) { .verticalmenu .menu-item li.level0 > a { line-height: 36px } } @media (max-width: 1366px) { .header-container .header .header-toplinks .links li a { font-size: 14px } .header-container .header .header-toplinks p { font-size: 14px } .verticalmenu { width: 250px } .menu-top-links li a { font-size: 16px } .top-menu-ads li a { font-size: 16px } } @media (max-width: 1199px) { .header-container .logo-menu, .nav-sections { margin-bottom: 10px; margin-right: 10px } .navigation .level0 > .level-top { padding: 5px 10px 10px 10px; font-size: 14px } .header-container .header .logo-menu { width: 100% } .header-container .header .logo-menu .logo { max-width: 100%; margin: 0 } .header-container .header .minicart-wrapper .cart-title span.title { display: none } .header-payment { display: none } .header-container .top-link-container .header-contacts { text-align: center } .header-container .top-link-container .header-contacts li { float: none; display: inline-block } .header-container .top-link-container .link-wishlist, .header-container .top-link-container .link-blog { float: none; display: inline-block } .header-container .top-link-container .link-wishlist { border-right: 0; border-left: 1px solid #fff } .top-menu-ads { display: none } } @media (max-width: 992px) { .nav-sections { display: none } .custommenu.navigation li.level0.fullwidth > .submenu { width: 750px; left: 0 !important; -webkit-transform: translate(-126px, 0); -moz-transform: translate(-126px, 0); -ms-transform: translate(-126px, 0); -o-transform: translate(-126px, 0) } .header-container .header .minicart-wrapper { margin: 0 } .header-container .header .header-toplinks { float: right; margin: 0 10px 0 0 } .header-container .header .logo-menu { text-align: center; background: none; margin-bottom: 15px; padding-bottom: 22px; border-bottom: 1px solid #eee } .header-container .top-link-container .header-contacts { text-align: center; padding-bottom: 0 } .header-container .top-link-container .link-follow { float: left; border: 0 } .header-container .header { padding-bottom: 20px } .container-inner { padding: 0 15px } .header-container .header .header-right { margin-top: 20px } } @media (max-width: 992px) and (min-width: 768px) { .verticalmenu .menu-item li.level0 > a { font-size: 14px; line-height: 35px } .verticalmenu .menu-item li.level0 > a .icon-thumb { display: none } } @media (max-width: 767px) { .block-search, .header-container .links-account, .box-setting { padding: 15px; margin: 0 } .header-container .minicart-wrapper { padding: 18px 10px 15px 17px } .nav-toggle { padding: 18px 10px } .nav-toggle:before { margin: 0 } .nav-toggle span { display: none } .header-container .logo-menu { padding: 14px } .menu-overlay.active { top: 59px } .header-container .minicart-wrapper { margin: 2px 0 0 } .header-container { position: fixed; top: 0; left: 0; right: 0 } .header-container .minicart-wrapper .cart-title .count-total .label { display: none } .navigation .level0 .submenu li.ui-menu-item > a:before { display: none } .header-container .logo-menu { margin-right: 20px; position: static; float: left; margin: 0 } .header-container .logo-menu .logo { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0) } .header-container .header .block-search .block-content .dropdown { position: static } .header-container .header .block-search .block-content .dropdown-menu { width: 100%; padding: 15px } .navigation { text-align: left; background: #fff } .nav-open .nav-sections { display: none; background: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(204, 203, 203, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(204, 203, 203, 0.75); box-shadow: 0 0 5px 0 rgba(204, 203, 203, 0.75) } .navigation .level0 > .level-top { display: block; color: #333; padding: 10px 20px; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.05); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size: 14px; font-weight: 700; text-transform: capitalize; text-align: left; border: 0 } .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.actived, .navigation .level0:hover > .level-top { color: #d60d46 } .navigation .level0:first-child > .level-top { padding-left: 20px } .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top, .navigation .level0 > .level-top:hover { border: 0 } .navigation li.level0:last-child { border: 0 } .nav-sections { width: 250px } .navigation li.level0 { margin-right: 0; border: 0 } .navigation { padding: 0 } .navigation .parent .level-top:after { display: none } .navigation .parent .level-top.ui-state-active:after { content: "\f105" } .custommenu.navigation li.level0.fullwidth > .submenu { padding: 0 } .navigation .level0 .submenu { box-shadow: none; padding-top: 0 } .navigation .level0 .submenu a { font-size: 13px; text-transform: capitalize; font-family: 'Source Sans Pro', sans-serif; padding-top: 5px; padding-bottom: 5px; color: #333 } .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a, .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a { text-transform: capitalize } .custommenu.navigation li.level0.fullwidth .submenu a, .custommenu.navigation li.level0.staticwidth .submenu a { text-transform: capitalize } .custommenu.navigation li.level0.fullwidth .submenu a, .custommenu.navigation li.level0.staticwidth .submenu a:hover { color: #d60d46 } .navigation .submenu:not(:first-child) ul > li a { color: #333; font-size: 14px; text-transform: capitalize; font-family: 'Open Sans', sans-serif } .nav-toggle:before { color: #3a3838 } .nav-toggle:hover:before { color: #d60d46 } .navigation .level0 .submenu .level1.parent .level2.parent a:after, .navigation .level0 .submenu .level1.parent a:after { margin-right: 10px } } @media (max-width: 680px) { .header-container .top-link-container .top-bar { float: left; width: auto } .header-container .top-link-container .link-follow { display: none } .header-container .top-link-container .link-blog, .header-container .top-link-container .link-wishlist { border: 0 } .header-container .top-link-container .link-blog a, .header-container .top-link-container .link-wishlist a { padding: 5px 10px } .header-container .top-link-container .header-contacts li { display: inline-block; margin: 0; position: relative; cursor: pointer } .header-container .top-link-container .header-contacts li > span { position: absolute; top: 25px; left: 0; width: 360px; text-align: left; display: none } .header-container .top-link-container .header-contacts li .color { color: inherit !important } .header-container .top-link-container .header-contacts li:hover > span { display: block } .header-container .top-link-container .end-top-bar { float: right; width: auto } .header-container .top-link-container .end-top-bar .header-toplinks { float: right; position: relative; z-index: 99 } .header-container .top-link-container .end-top-bar .header-toplinks .fa-user { display: block; font-size: 24px; cursor: pointer } .header-container .top-link-container .end-top-bar .header-toplinks .links { position: absolute; right: 0; width: 180px; background: #fff; padding: 20px 15px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); display: none } .header-container .top-link-container .end-top-bar .header-toplinks .links li { display: block; border: 0; margin: 0; padding: 0 } .minicart-wrapper .block-minicart { right: 0 !important } } @media (max-width: 480px) { .block-search, .header-container .links-account, .box-setting { padding: 10px; border: 0 } .header-container .minicart-wrapper { padding: 4px 5px 0 5px; border: 0 } .nav-toggle { padding: 14px 5px 0px; border: 0 } .menu-overlay.active { top: 51px } .header-container .logo-menu { width: 80px; padding: 14px 5px } .header-container .header .block-search .block-content .seclect-cat { display: none } .header-container .header .block-search .block-content .input-text { padding-left: 10px } .minicart-wrapper .block-minicart { right: -25px } } .cartlink .cart-text { display: none } .block-minicart { box-shadow: none; margin: 0px } .cart-icon { margin-left: 0px } .style10 .header-container { border-bottom: 0 } .style10 .top-link-container { padding: 26px 50px 15px } @media (max-width: 767px) { .style10 .top-link-container { padding: 26px 15px 15px } .style10 .top-link-container .logo-menu { padding: 0px } } .style10 .top-link-container .nav-toggle, .style10 .top-link-container .links-account, .style10 .top-link-container .box-setting, .style10 .top-link-container .minicart-wrapper, .style10 .top-link-container .block-search { padding: 0px; border: 0px; margin-right: 30px } @media (max-width: 767px) { .style10 .top-link-container .nav-toggle, .style10 .top-link-container .links-account, .style10 .top-link-container .box-setting, .style10 .top-link-container .minicart-wrapper, .style10 .top-link-container .block-search { margin-right: 5px } } .style10 .top-link-container minicart-wrapper { margin-right: 20px } @media (max-width: 767px) { .style10 .top-link-container minicart-wrapper { margin-right: 0px } } .style10 .header-container.fixed { border-bottom: 1px solid #ebebeb }