.top-nav{ width: 100%; background:#139283 !important}
.top-nav-content{width: 95%; max-width: 1600px; margin:0px auto;display: flex;  justify-content: flex-end; padding: 5px 0px;}
.top-nav ul{display: flex; align-items:center ;  padding:5px 5px; background: rgba(0,0,0,0.2); padding: 5px 20px; border-radius: 10px;}
.top-nav ul li{ position: relative; font-size: 10pt;  }
.top-nav ul li > a{ display: flex; align-items: center; color: #FFF!important; opacity: 1; cursor: pointer;padding:0px 5px}
.top-nav ul li > a i{ }
.top-nav ul li > a span{ padding: 5px}
.top-nav ul li:hover > a{color: #FFFF00; opacity: 1} 

.top-nav .fa{font-size:1.2em}


.top-language{display: none; width: 100px;  position: absolute; top: 100%; left: 0px; z-index: 13; padding-top: 10px; }


.top-language a{ display: flex; align-items: center; padding:10px; background: #FFF;color: #000}
.top-language a:hover{ background:#294186; color: #FFF}

.top-nav-language{  }
.top-nav-split{ color: #FFF; opacity: 0.2;  margin: 0px 5px}

.top-nav-language:hover .top-language{ display: block}
@media screen and (max-width:768px) { 
    /* .top-nav{display: none} */

}