.gradient-header{
    position:absolute; z-index: 2;
    height:37vh;
    width:100%;
    background: #000000;
    background: -webkit-linear-gradient(180deg,rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 60%);
    background: -moz-linear-gradient(180deg,rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(180deg,rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr="#000000",
        endColorstr="#000000",
        GradientType=0
    );
}
ul.nav.navbar-nav > li {
    margin-left: 10px;
}

ul.nav.navbar-nav.navbar-header{
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.nav.navbar-nav.navbar-header > li.active > a {
    color: #FFF;
    font-weight:bold;
}

.a-login.pull-left {
    color: #999;
    text-align: center;
    padding: 4px 18px;
    border-right: 1px #EEE solid;
    margin: 0;
    width: auto;
    font-size: 12px;
}

.login-top-right{
    color:#999;font-size:12px;margin-top:15px;
}
.lang{
    font-size:10px; color:#000; margin-top:2x; margin-left:10px;
    border:none; border-radius: 4px; padding:2px 2px; background-color: #000; color: #FFF;
}
.en-on{
    cursor: pointer;
    font-size:11px;  padding: 2px 18px;
    border:none; border-radius: 25px; background-color: #f5911e; color: #FFF;
}
.en-off{
     cursor: pointer;
    font-size:11px;  padding:1px 17px;
    border:2px solid #f5911e; border-radius: 25px; background-color: rgba(0,0,0,0.4); color: #FFF;
}
.id-on{
     cursor: pointer;
    font-size:11px;  padding: 2px 18px;
    border:none; border-radius: 25px; background-color: #f5911e; color: #FFF;
}
.id-off{
     cursor: pointer;
    font-size:11px;  padding: 1px 17px;
    border:2px solid #f5911e; border-radius: 25px; background-color: rgba(0,0,0,0.4); color: #FFF;
}
.lang-title{
    font-size:10px; color:#FFF;
}

/* Mobile */
@media (max-width: 767px){

    ul.nav.navbar-nav.navbar-header{        
        width:100%;
        margin: 0px;
        padding: 0px;
        display: block;
        align-items: center;        
    }
    .login-top-right {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
        width: auto;
        text-align: center;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 10px;
        margin-right: 10px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #999; 
    }

    .navbar-collapse{
        padding-top:30px;
    }
}