#header { box-shadow: none; } #header .header_logo .header_top { height: 44px; background-color: #F9F9F9; } #header .header_logo .header_top .container { display: flex; flex-direction: row; flex-wrap: wrap; } #header .header_logo .header_top .container .content { display: flex; flex: 0 0 50%; justify-content: flex-start; align-items: center; height: 44px; } #header .header_logo .header_top .container .content .shop-phone { height: 100%; padding-right: 10px; color: #565656; line-height: 44px; font-size: 14px; } #header .header_logo .header_top .container .content .shop-phone .phone-svg { fill: #565656; margin-right: 5px; } #header .header_logo .header_top .container .content .facebook-icon { height: 100%; padding-left: 10px; padding-right: 10px; line-height: 57px; } #header .header_logo .header_top .container .content .facebook-icon svg { padding: 2px; } #header .header_logo .header_top .container .content .facebook-icon .svg-background { fill: #565656; } #header .header_logo .header_top .container .content .facebook-icon .svg-border, #header .header_logo .header_top .container .content .facebook-icon .svg-text { fill: #ffffff; } #header .header_logo .header_top .container .content .facebook-icon:hover .svg-text { fill: #ffffff; } #header .header_logo .header_top .container .content .facebook-svg:hover .svg-border, #header .header_logo .header_top .container .content .facebook-svg:hover .svg-background { fill: #3a59a4; } #header .header_logo .center { text-align: center; } #header .header_logo .center .logo img { padding: 20px 0 0; height: 70px; transition: all ease-in-out .15s; } #header .header_logo .center .logo.scrolled img { padding: 10px 0 0; height: 40px; transition: all ease-in-out .15s; } #header .header_nav .center { text-align: center; border-bottom: 3px solid #565656; margin-bottom: 20px; } #header .global-cart-count { border-radius: 50%; background: #A98760; color: #fff; font-size: 14px; height: 25px; line-height: 25.5px; text-align: center; vertical-align: middle; width: 25px; } #header .main-nav { padding: 0 10px; } #header .main-nav .link_shelf_top > li > a { position: relative; border-bottom: 2px solid rgba(0, 0, 0, 0); color: #A3A3A3; padding: 15px 10px 13px; } #header .main-nav .link_shelf_top > li > a:hover { color: #565656; background-color: transparent; } #header .main-nav .link_shelf_top > li > a:hover:after { content: ""; position: absolute; border-style: solid; border-color: transparent transparent #565656 transparent; border-width: 0 4px 9px 4px; bottom: -2px; left: calc(50% - 4px); } #header .main-nav .link_shelf_top .show > a { position: relative; border-bottom: 2px solid rgba(0, 0, 0, 0); color: #565656; background-color: transparent; padding: 15px 10px 13px; } #header .main-nav .link_shelf_top .show > a:after { content: ""; position: absolute; border-style: solid; border-color: transparent transparent #565656 transparent; border-width: 0 4px 9px 4px; bottom: -2px; left: calc(50% - 4px); } #header .main-nav .collection-all .collection { background: none; border-right: 1px solid #E2E2E2; } #header .main-nav .collection-all .collection:not(:last-child) .title { position: relative; } #header .main-nav .collection-all .collection:not(:last-child) .title:after { border-bottom: 1px solid #E2E2E2; content: ""; display: block; left: 5%; position: absolute; width: 90%; } #header .main-nav .collection-all .collection:hover .title a { background: none; } #header .main-nav .collection-all .collection:hover .products { display: block; } #header .main-nav .collection-all .collection:hover .products a:hover { background: #545253; color: #ffffff; } #header .main-nav .dropdown-menu { border: none; transform: translateY(1px) !important; box-shadow: 0 0 10px #E2E2E2; top: calc(100% + 4px) !important; } #header .main-nav .dropdown-menu a { align-items: center; display: flex; height: 44px; } #header .main-nav .dropdown-menu a span { height: auto; max-height: 36px; } #header .main-nav .dropdown-menu a:hover { background-color: #545253; color: #ffffff; } #header .main-nav .dropdown-menu .row .col-sm-2 { margin: 15px 0; border-right: none; } #header .main-nav .dropdown-menu .row .col-sm-2 .title { margin: 0 10px 10px; border-bottom: 2px solid #E2E2E2; } #header .tool-nav { display: flex; flex: 0 0 50%; justify-content: flex-end; position: relative; } #header .tool-nav .link_shelf_top { display: block; position: absolute; right: 0; } #header .tool-nav .link_shelf_top .cart .text-dander { color: #A98760 !important; } #header .tool-nav .dropdown > a { padding: 7px 10px; } @media (min-width: 992px) { #header .main-nav .dropdown-menu .row .col-sm-2 li:not(.title) a { padding: 4px 10px 4px 20px; } #header .main-nav .dropdown-menu .row .col-sm-2:hover li:not(.title) a:hover { color: #ffffff; } #header .main-nav .link_shelf_second > li.relative:hover > a { color: #ffffff; background-color: #545253; } #header .main-nav .link_shelf_second > li.relative:hover > a:hover { color: #ffffff; } #header .main-nav .link_shelf_second > li > a:after, #header .main-nav .link_shelf_third > li > a:after { border: 1px solid #E2E2E2; } #header .main-nav .link_shelf_second > li:last-child > a:after, #header .main-nav .link_shelf_third > li:last-child > a:after { border: none; } #header .main-nav .link_shelf_third { border: none; left: calc(100% + 1px); top: 0; box-shadow: 0 0 5px #e2e2e2; } } @media (max-width: 991px) { #header .mobile-nav .logo { display: flex; align-items: center; } #header .mobile-nav .logo a { height: 80%; } }