/** 

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

**/

/*@import url(https://fonts.googleapis.com/css?family=Lato);*/

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

/** 02 - Button **/
.ml-wrap .ml-lang-btn {
    /*position: fixed;*/
    /*right: 25px;*/
    /*top: 0;*/
    /*border: solid 1px #ccc;*/
    /*border-top: none;*/
    padding: 17px 19px;
    text-transform: uppercase;
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
    color: #777;
    background: #fff;
    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;*/
    right: -30px;
    top: 50px;
    width: 150px;
    background-color: inherit;
    border: solid 1px #ccc;
    z-index: 1049;
    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 #ccc;
    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 */
}