#header { background: #414042; padding: 2px 0; } #header .header-inner{ background:#414042;} #header.sticky .header-inner{ position: fixed; z-index: 455; width: 100%; border-radius: 0; padding:5px 0; top: 0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #header.sticky .search-form{ top:60px; } /*----- Logo -----*/ #header .logo { padding-top: 4px; } #header .logo a { color: #fff; text-transform: capitalize; font-size: 25px; font-weight: 400; } #header .logo span { font-size: 40px; font-weight: 500; } /*----- Main Menu -----*/ #header .nav-area{ position:relative; } #header .mainmenu { float: left; width: 100%; padding-right: 30px; } #header .navbar-collapse { padding-right: 0; padding-left: 0; position: relative; border-top: 0px solid; box-shadow: none; } #header .mobile-nav { display: none; } #header .nav{ float:right; } #header .nav li { font-family: 'Open Sans', sans-serif; position:relative; margin-right:5px; } #header .nav li:last-child{ border:0px; } #header .nav li a { color: #fff; letter-spacing: .5px; text-transform: uppercase; font-size: 14px; font-weight: 700; padding: 14px 20px; position: relative; display: block; } #header .nav li:hover a, #header .nav li.active a { color: #fff; /* border-radius: 25px 0px 25px 0px; */ border-radius: 0px 0px 0px 0px; } #header .nav li .sub-menu { position: absolute; left: 0; z-index: 8; width: 220px; top: 150%; opacity: 0; background: #414042; visibility: hidden; border-top: 3px solid; } li .sub-menu { position: absolute; left: 0; z-index: 8; width: 220px; top: 150%; opacity: 0; background: #414042; visibility: hidden; border-top: 3px solid; } li:hover .sub-menu{ opacity:1; visibility:visible; top:100%; } #header .nav li:hover .sub-menu{ opacity:1; visibility:visible; top:100%; } #header .nav li .sub-menu li { border-right: none; } #header .nav li .sub-menu li:last-child{ border-bottom:0px solid; } li .sub-menu li:last-child{ border-bottom:0px solid; } #header .nav li .sub-menu li a { padding: 8px 20px; text-align: left; border-radius: 0px; background: transparent; font-size: 14px; text-transform: capitalize; } li .sub-menu li a { padding: 8px 20px; text-align: left; border-radius: 0px; background: transparent; font-size: 14px; text-transform: capitalize; } #header .nav li .sub-menu li i{ margin-right:5px; } li .sub-menu li i{ margin-right:5px; } /*----- Search -----*/ #header .search { position: absolute; right: 0; top: 13px; } #header .search li a { background: transparent; text-align: right; padding-right: 0px; } #header .search-form { width: 350px; background: #fff; position: absolute; top: 60px; right: 0; z-index: 4; opacity: 0; visibility: hidden; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); transform: scale(1,0); } #header .search-form.active{ opacity:1; visibility:visible; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); transform:scale(1,1); } #header .form { position: relative; } #header .form input { height: 44px; border: 0px; text-align: center; width: 100%; } #header .form i { top:0; left: 0; width: 40px; height: 44px; text-align: center; line-height: 44px; position: absolute; color: #fff; cursor:pointer; font-size: 16px; } #header .form button { border: 0px solid; position: absolute; right: 0; top:0; padding: 0; background: transparent; } #header .form button i{ position:relative; } .navbar-nav{ list-style: none; } /*======================= End Header =========================*/