.searchBox,.searchBox.active{right:15px;position:absolute}.header{width:100%;padding:20px 0;background:linear-gradient(0,transparent 0,#0c0e2a 100%);position:fixed;z-index:123}.header .container{justify-content:flex-start;position:relative}.header-logo{width:15%;line-height:0}.searchBox,.sidebar-togle-wraper{width:40px;border-radius:50%;height:40px}.header-nav{text-align:center;padding:0}.header nav{width:75%}.nav-item{display:inline-block;position:relative;padding:0 20px}.nav-dropdowen-link,.nav-link{font-size:14px;color:var(--white-color);font-weight:500;text-transform:capitalize}.sidebar-togle-wraper{background:#fff;display:none;padding-left:15px}.searchBox{background-color:var(--white-color);display:flex;justify-content:space-between;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.3);margin-left:auto;transition:.3s}.searchBox.active{transition:.2s;width:270px;border-radius:50px;justify-content:flex-start}.searchBox.active .close{transition:.5s;scale:1}.searchBox .close,.searchBox .search{position:relative;min-width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.searchBox .close{scale:0;cursor:pointer}.searchBox .close img{opacity:.5}.searchBox .searchInput{width:100%;position:relative}.searchBox .searchInput input{border:0;outline:0;width:100%;height:40px;font-size:14px;color:var(--black-color);font-weight:500;padding:5px 10px;opacity:.5}.layer-bg,.nav-right-arrow{display:none}.menu-logo-light{position:absolute;bottom:-10px;right:0;display:none}@media(min-width:1024px){.nav-dropdowen-link,.nav-link{padding-bottom:10px;border:2px solid transparent;transition:.5s ease-in-out;-webkit-transition:.6s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}.nav-item.active .nav-link,.nav-item:hover .nav-link{border-bottom:2px solid var(--white-color)}}@media(max-width:1399px){.nav-item{padding:0 15px}}@media(max-width:1299px){.nav-item{padding:0 10px}}@media(max-width:1199px){.searchBox,.searchBox.active{right:75px}.searchBox{margin-left:auto}.sidebar-togle-wraper{position:relative;order:1;display:block;display:flex;align-items:center;justify-content:center;padding:12px;margin-left:auto}.header nav,.layer-bg{position:fixed;bottom:0}.header nav{top:0;width:320px;left:-1000px;background:var(--blue-color);padding:20px;transition:.3s;z-index:12}.header-nav{max-height:81%;margin-top:40px;overflow:auto}.nav-item:first-child{border-top:1px solid rgba(255,255,255,.15)}.nav-item{display:flex;align-items:center;text-align:left;margin:0;border-bottom:1px solid rgba(255,255,255,.15);padding:15px 0}.nav-link{width:100%;display:inline-block;padding-right:15px;color:var(--white-color)}.header nav.active{left:0}.cross-icon{text-align:right;display:block}.sidebar-toggle{display:inline-block;margin-left:15px;background:var(--white-color);height:35px;width:35px;border-radius:50%;padding:3px}.sidebar-toggle .line{width:18px;height:2px;background-color:var(--blue-color);margin:6px auto;display:block;position:relative;border-radius:2px}.sidebar-toggle .line:first-of-type{transform:rotate(45deg);top:8px}.sidebar-toggle .line:nth-of-type(2){transform:rotate(134deg);top:0}.layer-bg{left:0;top:0;right:0;background:var(--black-color);opacity:.3;display:none}.layer-bg.active{display:block;z-index:1}.menu-logo-light,.nav-right-arrow{display:block}}@media(max-width:767px){.header{position:fixed;z-index:123}.header nav{width:100%}.header-logo{width:auto;line-height:0}.searchBox.active{width:100%;height:80px;top:-20px;left:0;right:0;position:absolute;border-radius:0;z-index:1}.searchBox.active .close,.searchBox.active .search,.searchBox.active .searchInput input{height:80px}.nav-link{font-size:13px;color:var(--white-color);width:100%;display:inline-block}.sidebar-toggle .line{width:16px;height:2px;margin:5px auto 5px 7px}.sidebar-toggle .line:first-of-type{top:9px}.sidebar-toggle .line:nth-of-type(2){transform:rotate(134deg);top:2px}}