/** 

Table of Contents 
01 - General
02 - Button
03 - Sidebar Theme
05 - Flags

**/

/** 01 - General **/
#google_translate_element {
    display: none;
}
.ml-wrap {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ml-wrap ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ml-wrap ol > li {
    font-size: 14px;
}
.ml-wrap ol > li > * {
    vertical-align: middle;
}
.ml-wrap ol > li > span {
    width: 22px;
    height: 16px;
    background: url(../images/flags.png) no-repeat;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    background-position: top left;
}

/** 02 - Button **/
.ml-wrap #ml-lang-btn {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    padding: 0 10px;
    font-size: 14px;
    color: #eee;
    background: transparent;
    cursor: pointer;
    line-height: 28px;
}

/** 03 - Sidebar Theme **/
.ml-wrap.sidebar ol {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 200px;
    left: -100%;
    transition: left 0.5s;
    border-right: solid 1px #ccc;
    z-index: 9999;
    background-color: inherit;
    top: 0;
}
.ml-wrap.sidebar ol.open {
    left: 0;
}
.ml-wrap.sidebar ol > li {
    border-bottom: solid 1px #ccc;
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    box-sizing: border-box;
    line-height: 18px;
}
.ml-wrap.sidebar ol > li:last-child {
    border-bottom: none;
}

/** 04 - Slide Theme **/
.ml-wrap.slide ol {
    position: absolute;
    max-height: 0;
    overflow: auto;
    left: 0;
    top: 28px;
    background-color: #222222;
    border: solid 1px #333333;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.ml-wrap.slide ol.open {
    max-height: 200px;
    opacity: 1;
    visibility: visible;
}
.ml-wrap.slide ol > li {
    border-bottom: solid 1px #222222;
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    box-sizing: border-box;
    line-height: 18px;
}
.ml-wrap.slide ol > li:last-child {
    border-bottom: none;
}

/** 05 - Flags **/
.ml-wrap ol > li.sq > span {
    background-position: 0 0; /* Albania */
}
.ml-wrap ol > li.eu > span {
    background-position: -22px 0; /* Argentina */
}
.ml-wrap ol > li.hy > span {
    background-position: -44px 0; /* Armenia */
}
.ml-wrap ol > li.az > span {
    background-position: -66px 0; /* Azerbaijan */
}
.ml-wrap ol > li.be > span {
    background-position: -88px 0; /* Belarus */
}
.ml-wrap ol > li.bn > span {
    background-position: -110px 0; /* Bengal */
}
.ml-wrap ol > li.bs > span,
.ml-wrap ol > li.yi > span {
    background-position: -132px 0; /* Bosnia */
}
.ml-wrap ol > li.bg > span {
    background-position: -154px 0; /* Bulgaria */
}
.ml-wrap ol > li.km > span {
    background-position: -176px 0; /* Cambodia */
}
.ml-wrap ol > li.ca > span {
    background-position: 0 -16px; /* Catalonia */
}
.ml-wrap ol > li.zh-CN > span,
.ml-wrap ol > li.hmn > span {
    background-position: -22px -16px; /* China */
}
.ml-wrap ol > li.hr > span {
    background-position: -44px -16px; /* Croatia */
}
.ml-wrap ol > li.cs > span {
    background-position: -66px -16px; /* Czech Republic */
}
.ml-wrap ol > li.da > span {
    background-position: -88px -16px; /* Denmark */
}
.ml-wrap ol > li.eo > span {
    background-position: -110px -16px; /* Esperanto */
}
.ml-wrap ol > li.etn > span {
    background-position: -132px -16px; /* Estonia */
}
.ml-wrap ol > li.fi > span {
    background-position: -154px -16px; /* Finland */
}
.ml-wrap ol > li.fr > span {
    background-position: -176px -16px; /* France */
}
.ml-wrap ol > li.gl > span {
    background-position: 0 -32px; /* Galacia */
}
.ml-wrap ol > li.ka > span {
    background-position: -22px -32px; /* Georgian */
}
.ml-wrap ol > li.de > span {
    background-position: -44px -32px; /* Germany */
}
.ml-wrap ol > li.el > span {
    background-position: -66px -32px; /* Greece */
}
.ml-wrap ol > li.ht > span {
    background-position: -88px -32px; /* Haiti */
}
.ml-wrap ol > li.hu > span {
    background-position: -110px -32px; /* Hungary */
}
.ml-wrap ol > li.is > span {
    background-position: -132px -32px; /* Iceland */
}
.ml-wrap ol > li.gu > span,
.ml-wrap ol > li.hi > span,
.ml-wrap ol > li.kn > span,
.ml-wrap ol > li.ml > span,
.ml-wrap ol > li.mr > span,
.ml-wrap ol > li.te > span {
    background-position: -154px -32px; /* India */
}
.ml-wrap ol > li.id > span {
    background-position: -176px -32px; /* Indonesia */
}
.ml-wrap ol > li.fa > span {
    background-position: 0 -48px; /* Iran */
}
.ml-wrap ol > li.ga > span {
    background-position: -22px -48px; /* Ireland */
}
.ml-wrap ol > li.iw > span {
    background-position: -44px -48px; /* Israel */
}
.ml-wrap ol > li.it > span {
    background-position: -66px -48px; /* Italy */
}
.ml-wrap ol > li.ja > span {
    background-position: -88px -48px; /* Japan */
}
.ml-wrap ol > li.jw > span {
    background-position: -110px -48px; /* Java */
}
.ml-wrap ol > li.kk > span {
    background-position: -132px -48px; /* Kazakhstan */
}
.ml-wrap ol > li.lo > span {
    background-position: -154px -48px; /* Laos */
}
.ml-wrap ol > li.lv > span {
    background-position: -176px -48px; /* Latvia */
}
.ml-wrap ol > li.st > span {
    background-position: 0 -64px; /* Lesotho */
}
.ml-wrap ol > li.lt > span {
    background-position: -22px -64px; /* Lithuania */
}
.ml-wrap ol > li.mk > span {
    background-position: -44px -64px; /* Macedonia */
}
.ml-wrap ol > li.mg > span {
    background-position: -66px -64px; /* Madagascar */
}
.ml-wrap ol > li.ms > span {
    background-position: -88px -64px; /* Malaysia */
}
.ml-wrap ol > li.mt > span {
    background-position: -110px -64px; /* Malta */
}
.ml-wrap ol > li.mn > span {
    background-position: -132px -64px; /* Mongolia */
}
.ml-wrap ol > li.my > span {
    background-position: -154px -64px; /* Myanmar */
}
.ml-wrap ol > li.ne > span {
    background-position: -176px -64px; /* Nepal */
}
.ml-wrap ol > li.nl > span {
    background-position: 0 -80px; /* Netherlands */
}
.ml-wrap ol > li.mi > span {
    background-position: -22px -80px; /* New Zealand */
}
.ml-wrap ol > li.ha > span {
    background-position: -44px -80px; /* Niger */
}
.ml-wrap ol > li.ig > span,
.ml-wrap ol > li.yo > span {
    background-position: -66px -80px; /* Nigeria */
}
.ml-wrap ol > li.no > span {
    background-position: -88px -80px; /* Norway */
}
.ml-wrap ol > li.pa > span,
.ml-wrap ol > li.ur > span {
    background-position: -110px -80px; /* Pakistan */
}
.ml-wrap ol > li.pl > span {
    background-position: -154px -80px; /* Poland */
}
.ml-wrap ol > li.pt > span {
    background-position: -176px -80px; /* Portugal */
}
.ml-wrap ol > li.ceb > span,
.ml-wrap ol > li.tl > span {
    background-position: -132px -80px; /* Philippines */
}
.ml-wrap ol > li.ro > span {
    background-position: 0 -96px; /* Romania */
}
.ml-wrap ol > li.ru > span {
    background-position: -22px -96px; /* Russia */
}
.ml-wrap ol > li.ar > span {
    background-position: -44px -96px; /* Saudi Arabia */
}
.ml-wrap ol > li.sr > span {
    background-position: -66px -96px; /* Serbia */
}
.ml-wrap ol > li.sk > span {
    background-position: -88px -96px; /* Slovakia */
}
.ml-wrap ol > li.sl > span {
    background-position: -110px -96px; /* Slovenia */
}
.ml-wrap ol > li.so > span {
    background-position: -132px -96px; /* Somalia */
}
.ml-wrap ol > li.af > span,
.ml-wrap ol > li.zu > span {
    background-position: -154px -96px; /* South Africa */
}
.ml-wrap ol > li.ko > span {
    background-position: -176px -96px; /* South Korea */
}
.ml-wrap ol > li.es > span {
    background-position: 0 -112px; /* Spain */
}
.ml-wrap ol > li.si > span,
.ml-wrap ol > li.ta > span {
    background-position: -22px -112px; /* Sri Lanka */
}
.ml-wrap ol > li.su > span {
    background-position: -44px -112px; /* Sudan */
}
.ml-wrap ol > li.sv > span {
    background-position: -66px -112px; /* Sweden */
}
.ml-wrap ol > li.zh-TW > span {
    background-position: -132px -128px; /* Taiwan */
}
.ml-wrap ol > li.tg > span {
    background-position: -88px -112px; /* Tajikistan */
}
.ml-wrap ol > li.sw > span {
    background-position: -110px -128px; /* Tanzania */
}
.ml-wrap ol > li.th > span {
    background-position: -132px -112px; /* Thailand */
}
.ml-wrap ol > li.tr > span {
    background-position: -154px -112px; /* Turkey */
}
.ml-wrap ol > li.uk > span {
    background-position: -176px -112px; /* Ukaraine */
}
.ml-wrap ol > li.en > span {
    background-position: 0 -128px; /* United States */
}
.ml-wrap ol > li.uz > span {
    background-position: -22px -128px; /* Uzbekistan */
}
.ml-wrap ol > li.la > span {
    background-position: -44px -128px; /* Vatican City */
}
.ml-wrap ol > li.vi > span {
    background-position: -66px -128px; /* Vietnam */
}
.ml-wrap ol > li.cy > span {
    background-position: -88px -128px; /* Wales */
}
.ml-wrap ol > li.ny > span {
    background-position: -110px -128px; /* Zimbabwe */
}

/** 06 - Button Flags **/
#ml-lang-btn > span {
  background: url(../images/flags.png) no-repeat;
  height: 16px;
  width: 22px;
  display: inline-block;
  margin-top: 8px;
}
#ml-lang-btn > span.sq {
  background-position: 0 0; /* Albania */
}
#ml-lang-btn > span.eu {
  background-position: -22px 0; /* Argentina */
}
#ml-lang-btn > span.hy {
  background-position: -44px 0; /* Armenia */
}
#ml-lang-btn > span.az {
  background-position: -66px 0; /* Azerbaijan */
}
#ml-lang-btn > span.be {
  background-position: -88px 0; /* Belarus */
}
#ml-lang-btn > span.bn {
  background-position: -110px 0; /* Bengal */
}
#ml-lang-btn > span.bs,
#ml-lang-btn > span.yi {
  background-position: -132px 0; /* Bosnia */
}
#ml-lang-btn > span.bg {
  background-position: -154px 0; /* Bulgaria */
}
#ml-lang-btn > span.km {
  background-position: -176px 0; /* Cambodia */
}
#ml-lang-btn > span.ca {
  background-position: 0 -16px; /* Catalonia */
}
#ml-lang-btn > span.zh-CN,
#ml-lang-btn > span.hmn {
  background-position: -22px -16px; /* China */
}
#ml-lang-btn > span.hr {
  background-position: -44px -16px; /* Croatia */
}
#ml-lang-btn > span.cs {
  background-position: -66px -16px; /* Czech Republic */
}
#ml-lang-btn > span.da {
  background-position: -88px -16px; /* Denmark */
}
#ml-lang-btn > span.eo {
  background-position: -110px -16px; /* Esperanto */
}
#ml-lang-btn > span.etn {
  background-position: -132px -16px; /* Estonia */
}
#ml-lang-btn > span.fi {
  background-position: -154px -16px; /* Finland */
}
#ml-lang-btn > span.fr {
  background-position: -176px -16px; /* France */
}
#ml-lang-btn > span.gl {
  background-position: 0 -32px; /* Galacia */
}
#ml-lang-btn > span.ka {
  background-position: -22px -32px; /* Georgian */
}
#ml-lang-btn > span.de {
  background-position: -44px -32px; /* Germany */
}
#ml-lang-btn > span.el {
  background-position: -66px -32px; /* Greece */
}
#ml-lang-btn > span.ht {
  background-position: -88px -32px; /* Haiti */
}
#ml-lang-btn > span.hu {
  background-position: -110px -32px; /* Hungary */
}
#ml-lang-btn > span.is {
  background-position: -132px -32px; /* Iceland */
}
#ml-lang-btn > span.gu,
#ml-lang-btn > span.hi,
#ml-lang-btn > span.kn,
#ml-lang-btn > span.ml,
#ml-lang-btn > span.mr,
#ml-lang-btn > span.te {
  background-position: -154px -32px; /* India */
}
#ml-lang-btn > span.id {
  background-position: -176px -32px; /* Indonesia */
}
#ml-lang-btn > span.fa {
  background-position: 0 -48px; /* Iran */
}
#ml-lang-btn > span.ga {
  background-position: -22px -48px; /* Ireland */
}
#ml-lang-btn > span.iw {
  background-position: -44px -48px; /* Israel */
}
#ml-lang-btn > span.it {
  background-position: -66px -48px; /* Italy */
}
#ml-lang-btn > span.ja {
  background-position: -88px -48px; /* Japan */
}
#ml-lang-btn > span.jw {
  background-position: -110px -48px; /* Java */
}
#ml-lang-btn > span.kk {
  background-position: -132px -48px; /* Kazakhstan */
}
#ml-lang-btn > span.lo {
  background-position: -154px -48px; /* Laos */
}
#ml-lang-btn > span.lv {
  background-position: -176px -48px; /* Latvia */
}
#ml-lang-btn > span.st {
  background-position: 0 -64px; /* Lesotho */
}
#ml-lang-btn > span.lt {
  background-position: -22px -64px; /* Lithuania */
}
#ml-lang-btn > span.mk {
  background-position: -44px -64px; /* Macedonia */
}
#ml-lang-btn > span.mg {
  background-position: -66px -64px; /* Madagascar */
}
#ml-lang-btn > span.ms {
  background-position: -88px -64px; /* Malaysia */
}
#ml-lang-btn > span.mt {
  background-position: -110px -64px; /* Malta */
}
#ml-lang-btn > span.mn {
  background-position: -132px -64px; /* Mongolia */
}
#ml-lang-btn > span.my {
  background-position: -154px -64px; /* Myanmar */
}
#ml-lang-btn > span.ne {
  background-position: -176px -64px; /* Nepal */
}
#ml-lang-btn > span.nl {
  background-position: 0 -80px; /* Netherlands */
}
#ml-lang-btn > span.mi {
  background-position: -22px -80px; /* New Zealand */
}
#ml-lang-btn > span.ha {
  background-position: -44px -80px; /* Niger */
}
#ml-lang-btn > span.ig,
#ml-lang-btn > span.yo {
  background-position: -66px -80px; /* Nigeria */
}
#ml-lang-btn > span.no {
  background-position: -88px -80px; /* Norway */
}
#ml-lang-btn > span.pa,
#ml-lang-btn > span.ur {
  background-position: -110px -80px; /* Pakistan */
}
#ml-lang-btn > span.pl {
  background-position: -154px -80px; /* Poland */
}
#ml-lang-btn > span.pt {
  background-position: -176px -80px; /* Portugal */
}
#ml-lang-btn > span.ceb,
#ml-lang-btn > span.tl {
  background-position: -132px -80px; /* Philippines */
}
#ml-lang-btn > span.ro {
  background-position: 0 -96px; /* Romania */
}
#ml-lang-btn > span.ru {
  background-position: -22px -96px; /* Russia */
}
#ml-lang-btn > span.ar {
  background-position: -44px -96px; /* Saudi Arabia */
}
#ml-lang-btn > span.sr {
  background-position: -66px -96px; /* Serbia */
}
#ml-lang-btn > span.sk {
  background-position: -88px -96px; /* Slovakia */
}
#ml-lang-btn > span.sl {
  background-position: -110px -96px; /* Slovenia */
}
#ml-lang-btn > span.so {
  background-position: -132px -96px; /* Somalia */
}
#ml-lang-btn > span.af,
#ml-lang-btn > span.zu {
  background-position: -154px -96px; /* South Africa */
}
#ml-lang-btn > span.ko {
  background-position: -176px -96px; /* South Korea */
}
#ml-lang-btn > span.es {
  background-position: 0 -112px; /* Spain */
}
#ml-lang-btn > span.si,
#ml-lang-btn > span.ta {
  background-position: -22px -112px; /* Sri Lanka */
}
#ml-lang-btn > span.su {
  background-position: -44px -112px; /* Sudan */
}
#ml-lang-btn > span.sv {
  background-position: -66px -112px; /* Sweden */
}
#ml-lang-btn > span.zh-TW {
  background-position: -132px -128px; /* Taiwan */
}
#ml-lang-btn > span.tg {
  background-position: -88px -112px; /* Tajikistan */
}
#ml-lang-btn > span.sw {
  background-position: -110px -128px; /* Tanzania */
}
#ml-lang-btn > span.th {
  background-position: -132px -112px; /* Thailand */
}
#ml-lang-btn > span.tr {
  background-position: -154px -112px; /* Turkey */
}
#ml-lang-btn > span.uk {
  background-position: -176px -112px; /* Ukaraine */
}
#ml-lang-btn > span.en {
  background-position: 0 -128px; /* United States */
}
#ml-lang-btn > span.uz {
  background-position: -22px -128px; /* Uzbekistan */
}
#ml-lang-btn > span.la {
  background-position: -44px -128px; /* Vatican City */
}
#ml-lang-btn > span.vi {
  background-position: -66px -128px; /* Vietnam */
}
#ml-lang-btn > span.cy {
  background-position: -88px -128px; /* Wales */
}
#ml-lang-btn > span.ny {
  background-position: -110px -128px; /* Zimbabwe */
}