.lang-tab:hover,nav.lang-tab.expanded {
    width: 13vw;
    overflow:hidden;
}

.lang-tab {
    background: white;
    border-right:1px solid var(--mercury);
    border-radius: .78vw 0 0 .78vw; /* Rounded corners on the top right and bottom right side */
    position:absolute;
    top:13vh;
    bottom:0;
    height: 4.3vw;
    right:0;
    width: 3.3vw;
    overflow:hidden;
    -webkit-transition:width .3s linear;
    transition:width .3s linear;
    -webkit-transform:translateZ(0) scale(1,1);
    vertical-align: middle;
    z-index:0;
    display: flex;
    padding: 1.218vw 1.04vw 1.4vw 1.04vw;
}

.lang-tab>ul {
    margin:0px 0;
}

.lang-tab li {
    position:relative;
    display:block;
    width: 13vw;;
    height: 1.82vw;
}

.lang-tab img {
    position: relative;
    top: .182vw;
    width: 1.46vw;
    height: 1.46vw;
}


.lang-tab li>a {
    position:relative;
    display:table;
    border-collapse:collapse;
    border-spacing:0;
    color:black;
    text-decoration:none;
    -webkit-transform:translateZ(0) scale(1,1);
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    float: right;
    vertical-align: middle;
    height: 100%;
}

.lang-tab .nav-text {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    width: 9.9vw;
    height: 100%;
    color: var(--universal--black--000000);
    font-family: var(--font-family-mreaves_xl_mod_ot-reg);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

a:hover,a:focus {
    text-decoration:none;
}

.lang-tab li:hover>a,nav.lang-tab li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
    color:black;
}

.area {
    float: left;
    background: #e2e2e2;
    width: 100%;
    height: 100%;
}