﻿.dropdown {
  position: relative;
}


ul.top-menu > li {
    position: relative;
    float: right;
    display: inline-block;
    padding: 3px;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 11px;
}

.is-iphone ul.top-menu > li a > span {
    font-size: 10px;
}

ul.top-menu > li > a {
    display: block;
    color: #d7d7d7;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
}

ul.top-menu > li.dropdown > a:after {
    /*	content: "\f107";
	margin-left: 6px;
	font-family: "FontAwesome";
	position: relative;
	float: right */
}

ul.top-menu > li ul.sub-menu {
    display: none;
    min-width: 160px;
    position: absolute;
    right: -1px;
    z-index: 1500;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

ul.top-menu > li:hover ul.sub-menu {
    opacity: 1;
    display: block;
    text-decoration: none;
}

ul.top-menu > li ul.sub-menu > li {
    border-bottom: 1px solid #e0eded;
}

    ul.top-menu > li ul.sub-menu > li > a {
        display: block;
        padding: 4px 15px;
        color: #333;
        font-size: 12px;
    }

    ul.top-menu > li ul.sub-menu > li:last-child {
        border: 0;
    }

    ul.top-menu > li ul.sub-menu > li > a:hover {
        background: #01122b;
        color: #ffffff;
        text-decoration: none;
    }

    ul.top-menu > li ul.sub-menu > li > .language-active {
        display: block;
        padding: 6px 15px;
        background: #f2f2f2;
        color: #333;
        cursor: default;
        font-size: 12px;
    }

.language::before {
    content: '';
    position: relative;
    width: 22px;
    height: 18px;
    margin: 0 auto;
    /*background-image: url(../assets/images/v2/icon-ui_languages.png?v2);*/
    background-image: url('../Images/icon-languages.png');
    background-size: 100% auto;
    bottom: -4px;
    display: inline-block;
}

.aux-languages .language.en-gb::before {
  background-position: 0 0; }

.aux-languages .language.zh-cn::before {
  background-position: 0 -20px; }

.aux-languages .language.zh-tw::before {
  background-position: 0 -20px; }

.aux-languages .language.th-th::before {
  background-position: 0 -39px; }

.aux-languages .language.ko-kr::before {
  background-position: 0 -58px; }

.aux-languages .language.id-id::before {
  background-position: 0 -78px; }

.aux-languages .language.vi-vn::before {
  background-position: 0 -98px; }

.aux-languages .language.ja-jp::before {
  background-position: 0 118px; }

.aux-languages .language.my-mm::before {
  background-position: 0 -158px; }

.aux-languages .language.km-kh::before {
  background-position: 0 -215px; }

.aux-languages .language.es-es::before {
  background-position: 0 -235px; }