#header { z-index: 10000; } @media (min-width: 1200px) { header[data-cattype="213"], header[data-cattype="213"] > .container:not(.animated), header[data-cattype="213"] > .container:not(.animated) *{ position: absolute; min-height: 0; height: 0; overflow: 0; } html.reached-top header[data-cattype="213"] svg path{ fill: #fff; box-shadow: 0 0 3px #000; } html.reached-top header[data-cattype="213"]{ position: absolute; top: 0; width: 100%; z-index: 1000; padding-top: 10px; } header[data-cattype="213"] > .container{ width: 100%; max-width: 100%; } header[data-cattype="213"] > .container:not(.animated){ opacity: 0; } html.reached-top [data-cattype="213"] nav#nav-wrap > ul > li > a{ color: #fff; } html.reached-top [data-cattype="213"] nav#nav-wrap > ul > li > a.active{ color: #333; } html.reached-top [data-cattype="213"] nav#nav-wrap > ul > li > a:hover{ color: #000; } html.reached-top [data-cattype="213"] nav#nav-wrap > ul > li.more:hover > a:before{ border-color: #fff transparent transparent transparent; } html:not(.reached-top) header[data-cattype="213"]{ position: sticky; top: 0; z-index: 102; background: #fff; height: auto; } html:not(.reached-top) header[data-cattype="213"] svg { width: 110px; height: 33px; } html:not(.reached-top) header[data-cattype="213"]{ border-bottom: 2px solid #fb9202; } html:not(.reached-top) #insidepage header[data-cattype="213"].wrapper_header .companyLogo { margin: 10px 0 5px 0; } html:not(.reached-top) header[data-cattype="213"] nav#nav-wrap{ margin-top: 0px; } html:not(.reached-top) header[data-cattype="213"] nav#nav-wrap > ul > li{ height: 40px; } html:not(.reached-top) header[data-cattype="213"] nav#nav-wrap > ul > li > a { padding: 10px 10px 10px 10px; } html:not(.reached-top) header[data-cattype="213"] nav#nav-wrap > ul > li.more > a::before { bottom: 3px; } } @media (max-width: 1400px) { header[data-cattype="213"] .companyLogo{ padding-left: 0; } header[data-cattype="213"]{ z-index: 1000; } } @media (min-width: 768px) and (max-width: 980px) { } @media (max-width: 767px) { header[data-cattype="213"]{ background-color: #fff; } } @media (max-width: 480px) { header[data-cattype="213"] .mobile-nav-toggler{ margin-top: 10px; } header[data-cattype="213"] .companyLogo{ text-align: center; } }