/* ==========================================
   TOPBAR
========================================== */

.topbar{
    height:40px;
    background:#f5f5f5;
    border-bottom:1px solid #eee;
}

.topbar .container-1520{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.topbar-right{
    display:flex;
    align-items:center;
    gap:30px;
}

.topbar-right a{
    color:#666;
}

.topbar-right a:hover{
    color:var(--primary);
}


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

.header{
    background:#fff;
    position:relative;
    z-index:99;
}

.header-main{
    height:90px;
}

.header-main .container-1520{
    height:100%;
    display:flex;
    align-items:center;
}

.logo{
    flex-shrink:0;
}

.logo img{
    height:60px;
}


/* ==========================================
   NAV
========================================== */

.nav-menu{
    margin-left:auto;

    display:flex;
    align-items:center;

    gap:55px;
}

.nav-menu a{

    position:relative;

    font-size:15px;

    font-weight:600;

    color:#222;

    line-height:90px;

}

.nav-menu a:hover,
.nav-menu a.active{
    color:var(--primary);
}

.nav-menu a.active::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:3px;

    background:var(--primary);

}


/* ==========================================
   LANGUAGE
========================================== */

.lang-btn{

    margin-left:40px;

    width:120px;
    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--primary);

    color:#fff;

}

.lang-btn:hover{
    background:var(--primary-hover);
}