.language {
    position: absolute;
    right: 5%;
    top: 35%;
    color: white;
    width: 95px;
}

.langu-dis {
    display: none;
    background: #ffffff;
    text-align: center;
}
.language .fa:before{
    font-size: unset;
    color: #ffffff !important;
}
.language .iconfont {
    font-size: 23px;

}

.language .langu-dis ul li {
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    line-height: 20px;
    padding-right: 10px;
}

.language .langu {
    display: flex;
    align-items: center;
}

.language .con {
    position: relative;
    top: -2px;
}

.language:hover > .langu-dis {
    display: block;
    position: relative;
    z-index:1001 ;
}

/*.langu:hover .fa-angle-down {
    transform: rotate(180deg);
    transition: transform 0.5s ease-in-out;
    position: relative;
}*/

.language-flag .country-flag {
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    background-repeat: no-repeat;
    width: 22px;
    height: 16px;
    margin: -8px 5px 0
}

li.language-flag a {
    position: relative
}

.language-flag span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
    /* padding: 0 0 0 33px;*/
    overflow: hidden;
    color: #231815;
}

.country-flag {
    background-position: 0 16px !important
}

.language-flag-af .country-flag {
    background-position: 0 0 !important
}

.language-flag-am .country-flag {
    background-position: 0 -16px !important
}

.language-flag-ar .country-flag {
    background-position: 0 -32px !important
}

.language-flag-az .country-flag {
    background-position: 0 -48px !important
}

.language-flag-be .country-flag {
    background-position: 0 -64px !important
}

.language-flag-bg .country-flag {
    background-position: 0 -80px !important
}

.language-flag-bn .country-flag {
    background-position: 0 -96px !important
}

.language-flag-bs .country-flag {
    background-position: 0 -112px !important
}

.language-flag-ca .country-flag {
    background-position: 0 -128px !important
}

.language-flag-ceb .country-flag {
    background-position: 0 -144px !important
}

.language-flag-co .country-flag {
    background-position: 0 -160px !important
}

.language-flag-cs .country-flag {
    background-position: 0 -176px !important
}

.language-flag-cy .country-flag {
    background-position: 0 -192px !important
}

.language-flag-da .country-flag {
    background-position: 0 -208px !important
}

.language-flag-de .country-flag {
    background-position: 0 -224px !important
}

.language-flag-el .country-flag {
    background-position: 0 -240px !important
}

.language-flag-en .country-flag {
    background-position: 0 -256px !important
}

.language-flag-eo .country-flag {
    background-position: 0 -272px !important
}

.language-flag-es .country-flag {
    background-position: 0 -288px !important
}

.language-flag-et .country-flag {
    background-position: 0 -304px !important
}

.language-flag-eu .country-flag {
    background-position: 0 -320px !important
}

.language-flag-fa .country-flag {
    background-position: 0 -336px !important
}

.language-flag-fi .country-flag {
    background-position: 0 -352px !important
}

.language-flag-fr .country-flag {
    background-position: 0 -368px !important
}

.language-flag-fy .country-flag {
    background-position: 0 -384px !important
}

.language-flag-ga .country-flag {
    background-position: 0 -400px !important
}

.language-flag-gd .country-flag {
    background-position: 0 -416px !important
}

.language-flag-gl .country-flag {
    background-position: 0 -432px !important
}

.language-flag-gu .country-flag {
    background-position: 0 -448px !important
}

.language-flag-ha .country-flag {
    background-position: 0 -464px !important
}

.language-flag-haw .country-flag {
    background-position: 0 -480px !important
}

.language-flag-hi .country-flag {
    background-position: 0 -496px !important
}

.language-flag-hmn .country-flag {
    background-position: 0 -512px !important
}

.language-flag-hr .country-flag {
    background-position: 0 -528px !important
}

.language-flag-ht .country-flag {
    background-position: 0 -544px !important
}

.language-flag-hu .country-flag {
    background-position: 0 -560px !important
}

.language-flag-hy .country-flag {
    background-position: 0 -576px !important
}

.language-flag-id .country-flag {
    background-position: 0 -592px !important
}

.language-flag-ig .country-flag {
    background-position: 0 -608px !important
}

.language-flag-is .country-flag {
    background-position: 0 -624px !important
}

.language-flag-it .country-flag {
    background-position: 0 -640px !important
}

.language-flag-iw .country-flag {
    background-position: 0 -656px !important
}

.language-flag-ja .country-flag {
    background-position: 0 -672px !important
}

.language-flag-jw .country-flag {
    background-position: 0 -688px !important
}

.language-flag-ka .country-flag {
    background-position: 0 -704px !important
}

.language-flag-kk .country-flag {
    background-position: 0 -720px !important
}

.language-flag-km .country-flag {
    background-position: 0 -736px !important
}

.language-flag-kn .country-flag {
    background-position: 0 -752px !important
}

.language-flag-ko .country-flag {
    background-position: 0 -768px !important
}

.language-flag-ku .country-flag {
    background-position: 0 -784px !important
}

.language-flag-ky .country-flag {
    background-position: 0 -800px !important
}

.language-flag-la .country-flag {
    background-position: 0 -816px !important
}

.language-flag-lb .country-flag {
    background-position: 0 -832px !important
}

.language-flag-lo .country-flag {
    background-position: 0 -848px !important
}

.language-flag-lt .country-flag {
    background-position: 0 -864px !important
}

.language-flag-lv .country-flag {
    background-position: 0 -880px !important
}

.language-flag-mg .country-flag {
    background-position: 0 -896px !important
}

.language-flag-mi .country-flag {
    background-position: 0 -912px !important
}

.language-flag-mk .country-flag {
    background-position: 0 -928px !important
}

.language-flag-ml .country-flag {
    background-position: 0 -944px !important
}

.language-flag-mn .country-flag {
    background-position: 0 -960px !important
}

.language-flag-mr .country-flag {
    background-position: 0 -976px !important
}

.language-flag-ms .country-flag {
    background-position: 0 -992px !important
}

.language-flag-mt .country-flag {
    background-position: 0 -1008px !important
}

.language-flag-my .country-flag {
    background-position: 0 -1024px !important
}

.language-flag-ne .country-flag {
    background-position: 0 -1040px !important
}

.language-flag-nl .country-flag {
    background-position: 0 -1056px !important
}

.language-flag-no .country-flag {
    background-position: 0 -1072px !important
}

.language-flag-ny .country-flag {
    background-position: 0 -1088px !important
}

.language-flag-pa .country-flag {
    background-position: 0 -1104px !important
}

.language-flag-pl .country-flag {
    background-position: 0 -1120px !important
}

.language-flag-ps .country-flag {
    background-position: 0 -1136px !important
}

.language-flag-pt .country-flag {
    background-position: 0 -1152px !important
}

.language-flag-ro .country-flag {
    background-position: 0 -1168px !important
}

.language-flag-ru .country-flag {
    background-position: 0 -1184px !important
}

.language-flag-sd .country-flag {
    background-position: 0 -1200px !important
}

.language-flag-si .country-flag {
    background-position: 0 -1216px !important
}

.language-flag-sk .country-flag {
    background-position: 0 -1232px !important
}

.language-flag-sl .country-flag {
    background-position: 0 -1248px !important
}

.language-flag-sm .country-flag {
    background-position: 0 -1264px !important
}

.language-flag-sn .country-flag {
    background-position: 0 -1280px !important
}

.language-flag-so .country-flag {
    background-position: 0 -1296px !important
}

.language-flag-sq .country-flag {
    background-position: 0 -1312px !important
}

.language-flag-sr .country-flag {
    background-position: 0 -1328px !important
}

.language-flag-st .country-flag {
    background-position: 0 -1344px !important
}

.language-flag-su .country-flag {
    background-position: 0 -1360px !important
}

.language-flag-sv .country-flag {
    background-position: 0 -1376px !important
}

.language-flag-sw .country-flag {
    background-position: 0 -1392px !important
}

.language-flag-ta .country-flag {
    background-position: 0 -1408px !important
}

.language-flag-te .country-flag {
    background-position: 0 -1424px !important
}

.language-flag-tg .country-flag {
    background-position: 0 -1440px !important
}

.language-flag-th .country-flag {
    background-position: 0 -1456px !important
}

.language-flag-tl .country-flag {
    background-position: 0 -1472px !important
}

.language-flag-tr .country-flag {
    background-position: 0 -1488px !important
}

.language-flag-uk .country-flag {
    background-position: 0 -1504px !important
}

.language-flag-ur .country-flag {
    background-position: 0 -1520px !important
}

.language-flag-uz .country-flag {
    background-position: 0 -1536px !important
}

.language-flag-vi .country-flag {
    background-position: 0 -1552px !important
}

.language-flag-xh .country-flag {
    background-position: 0 -1568px !important
}

.language-flag-yi .country-flag {
    background-position: 0 -1584px !important
}

.language-flag-yo .country-flag {
    background-position: 0 -1600px !important
}

.language-flag-zh-CN .country-flag {
    background-position: 0 -1616px !important
}

.language-flag-zh-TW .country-flag {
    background-position: 0 -1632px !important
}

.language-flag-zu .country-flag {
    background-position: 0 -1648px !important
}

@media (max-width: 768px) {
    .language {
        right: 15%;
        top: 20%;
    }
    .language .langu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}