ul#langnav,ul.langnav{float:right;position:relative;margin:0 0 0 var(--main-space);z-index:1}ul#langnav li,ul.langnav li{display:inline-block;vertical-align:middle}ul#langnav li span,ul.langnav li span{display:inline-block;font-weight:700;padding-left:0}ul#langnav li span i,ul.langnav li span i{color:inherit}ul#langnav li ul,ul.langnav li ul{background-color:var(--main-color3);display:none;left:-9px;position:absolute;width:45px;margin:-10px 4px 0}ul#langnav li ul:before,ul.langnav li ul:before{margin:-5px auto 0;position:relative;content:"";display:block;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-bottom:5px solid var(--main-color3);width:0px;height:0}ul#langnav li ul li,ul.langnav li ul li{display:block;padding:0 10px;position:relative}ul#langnav li ul li:last-child a,ul.langnav li ul li:last-child a{border:0}ul#langnav li ul li .linkItem,ul.langnav li ul li .linkItem{border-bottom:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.7);display:block;padding:3px 0;text-align:center}ul#langnav li ul li.active a.linkItem,ul.langnav li ul li.active a.linkItem{font-weight:700}ul#langnav li ul li.active .linkItem,ul#langnav li ul li:hover a.linkItem,ul.langnav li ul li.active .linkItem,ul.langnav li ul li:hover a.linkItem{color:#fff}ul#langnav li:hover ul,ul.langnav li:hover ul{display:block}@media(max-width: 700px){#headerWrap{z-index:4}}