/* =========================
   HEADER V2
========================= */

#header{

background:#fff;

box-shadow:0 2px 10px rgba(0,0,0,.08);

position:sticky;

top:0;

z-index:9999;

padding:12px 0;

transition:.3s;

}

#header .container{

display:flex;

align-items:center;

justify-content:space-between;

}

#header .logo{

display:flex;

align-items:center;

}

#header .logo img{

max-height:62px;

height:auto;

width:auto;

position:static;

transition:.3s;

}

.nav-menu{

display:flex;

align-items:center;

}

.nav-menu>ul{

display:flex;

align-items:center;

margin: 6px 0;

padding:0;

}

.nav-menu>ul>li{

list-style:none;

position:relative;

}

.nav-menu>ul>li>a{

padding:14px 10px;

font-size:15px;

font-weight:600;

color:#222;

transition:.3s;

}

.nav-menu .drop-down ul{

top:100%;

left:0;

opacity:0;

visibility:hidden;

transform:translateY(10px);

transition:.3s;

}

.nav-menu .drop-down:hover>ul{

opacity:1;

visibility:visible;

transform:translateY(0);

}

.nav-menu a:focus{

outline:3px solid #005FCC;

outline-offset:2px;

}

@media(max-width:1366px){

.nav-menu>ul>li>a{

padding:14px 8px;

font-size:14px;

}

}

@media(max-width:991px){

#header{

padding:10px 0;

}

.logo img{

max-height:60px;

}

}

@media(max-width:767px){

.logo img{

max-height:50px;

}

}