.fib, .fi {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    height: 1em; /* or a fixed pixel value, e.g., 20px */
    line-height: 1em;
}

    .fi:before {
        content: " ";
    }

    .fi.fis {
        width: 1em;
    }

.fi-xxx { /* General rule for 3-letter codes */
    /* This is a placeholder; specific country codes will override this. */
}

    .fi-xxx.fis { /* General rule for 3-letter codes with .fis */
        /* This is a placeholder; specific country codes will override this. */
    }

/* Country specific flag styles (now using 3-letter ISO codes for the class) */

.fi-xxc { /* Placeholder for a generic 3-letter code */
    background-image: url(../flags/4x3/xx.svg); /* File name remains 2-letter */
}

    .fi-xxc.fis {
        background-image: url(../flags/1x1/xx.svg); /* File name remains 2-letter */
    }

/* Below are the actual conversions */

.fi-ala {
    background-image: url(../flags/4x3/ax.svg);
}

    .fi-ala.fis {
        background-image: url(../flags/1x1/ax.svg);
    }

.fi-alb {
    background-image: url(../flags/4x3/al.svg);
}

    .fi-alb.fis {
        background-image: url(../flags/1x1/al.svg);
    }

.fi-dza {
    background-image: url(../flags/4x3/dz.svg);
}

    .fi-dza.fis {
        background-image: url(../flags/1x1/dz.svg);
    }

.fi-asm {
    background-image: url(../flags/4x3/as.svg);
}

    .fi-asm.fis {
        background-image: url(../flags/1x1/as.svg);
    }

.fi-and {
    background-image: url(../flags/4x3/ad.svg);
}

    .fi-and.fis {
        background-image: url(../flags/1x1/ad.svg);
    }

.fi-ago {
    background-image: url(../flags/4x3/ao.svg);
}

    .fi-ago.fis {
        background-image: url(../flags/1x1/ao.svg);
    }

.fi-aia {
    background-image: url(../flags/4x3/ai.svg);
}

    .fi-aia.fis {
        background-image: url(../flags/1x1/ai.svg);
    }

.fi-ata {
    background-image: url(../flags/4x3/aq.svg);
}

    .fi-ata.fis {
        background-image: url(../flags/1x1/aq.svg);
    }

.fi-atg {
    background-image: url(../flags/4x3/ag.svg);
}

    .fi-atg.fis {
        background-image: url(../flags/1x1/ag.svg);
    }

.fi-arg {
    background-image: url(../flags/4x3/ar.svg);
}

    .fi-arg.fis {
        background-image: url(../flags/1x1/ar.svg);
    }

.fi-arm {
    background-image: url(../flags/4x3/am.svg);
}

    .fi-arm.fis {
        background-image: url(../flags/1x1/am.svg);
    }

.fi-abw {
    background-image: url(../flags/4x3/aw.svg);
}

    .fi-abw.fis {
        background-image: url(../flags/1x1/aw.svg);
    }

.fi-aus {
    background-image: url(../flags/4x3/au.svg);
}

    .fi-aus.fis {
        background-image: url(../flags/1x1/au.svg);
    }

.fi-aut {
    background-image: url(../flags/4x3/at.svg);
}

    .fi-aut.fis {
        background-image: url(../flags/1x1/at.svg);
    }

.fi-aze {
    background-image: url(../flags/4x3/az.svg);
}

    .fi-aze.fis {
        background-image: url(../flags/1x1/az.svg);
    }

.fi-bhs {
    background-image: url(../flags/4x3/bs.svg);
}

    .fi-bhs.fis {
        background-image: url(../flags/1x1/bs.svg);
    }

.fi-bhr {
    background-image: url(../flags/4x3/bh.svg);
}

    .fi-bhr.fis {
        background-image: url(../flags/1x1/bh.svg);
    }

.fi-bgd {
    background-image: url(../flags/4x3/bd.svg);
}

    .fi-bgd.fis {
        background-image: url(../flags/1x1/bd.svg);
    }

.fi-brb {
    background-image: url(../flags/4x3/bb.svg);
}

    .fi-brb.fis {
        background-image: url(../flags/1x1/bb.svg);
    }

.fi-blr {
    background-image: url(../flags/4x3/by.svg);
}

    .fi-blr.fis {
        background-image: url(../flags/1x1/by.svg);
    }

.fi-bel {
    background-image: url(../flags/4x3/be.svg);
}

    .fi-bel.fis {
        background-image: url(../flags/1x1/be.svg);
    }

.fi-blz {
    background-image: url(../flags/4x3/bz.svg);
}

    .fi-blz.fis {
        background-image: url(../flags/1x1/bz.svg);
    }

.fi-ben {
    background-image: url(../flags/4x3/bj.svg);
}

    .fi-ben.fis {
        background-image: url(../flags/1x1/bj.svg);
    }

.fi-bmu {
    background-image: url(../flags/4x3/bm.svg);
}

    .fi-bmu.fis {
        background-image: url(../flags/1x1/bm.svg);
    }

.fi-btn {
    background-image: url(../flags/4x3/bt.svg);
}

    .fi-btn.fis {
        background-image: url(../flags/1x1/bt.svg);
    }

.fi-bol {
    background-image: url(../flags/4x3/bo.svg);
}

    .fi-bol.fis {
        background-image: url(../flags/1x1/bo.svg);
    }

.fi-bes {
    background-image: url(../flags/4x3/bq.svg);
}

    .fi-bes.fis {
        background-image: url(../flags/1x1/bq.svg);
    }

.fi-bih {
    background-image: url(../flags/4x3/ba.svg);
}

    .fi-bih.fis {
        background-image: url(../flags/1x1/ba.svg);
    }

.fi-bwa {
    background-image: url(../flags/4x3/bw.svg);
}

    .fi-bwa.fis {
        background-image: url(../flags/1x1/bw.svg);
    }

.fi-bvt {
    background-image: url(../flags/4x3/bv.svg);
}

    .fi-bvt.fis {
        background-image: url(../flags/1x1/bv.svg);
    }

.fi-bra {
    background-image: url(../flags/4x3/br.svg);
}

    .fi-bra.fis {
        background-image: url(../flags/1x1/br.svg);
    }

.fi-iot {
    background-image: url(../flags/4x3/io.svg);
}

    .fi-iot.fis {
        background-image: url(../flags/1x1/io.svg);
    }

.fi-brn {
    background-image: url(../flags/4x3/bn.svg);
}

    .fi-brn.fis {
        background-image: url(../flags/1x1/bn.svg);
    }

.fi-bfa {
    background-image: url(../flags/4x3/bf.svg);
}

    .fi-bfa.fis {
        background-image: url(../flags/1x1/bf.svg);
    }

.fi-bdi {
    background-image: url(../flags/4x3/bi.svg);
}

    .fi-bdi.fis {
        background-image: url(../flags/1x1/bi.svg);
    }

.fi-cpv {
    background-image: url(../flags/4x3/cv.svg);
}

    .fi-cpv.fis {
        background-image: url(../flags/1x1/cv.svg);
    }

.fi-khm {
    background-image: url(../flags/4x3/kh.svg);
}

    .fi-khm.fis {
        background-image: url(../flags/1x1/kh.svg);
    }

.fi-cmr {
    background-image: url(../flags/4x3/cm.svg);
}

    .fi-cmr.fis {
        background-image: url(../flags/1x1/cm.svg);
    }

.fi-can {
    background-image: url(../flags/4x3/ca.svg);
}

    .fi-can.fis {
        background-image: url(../flags/1x1/ca.svg);
    }

.fi-cym {
    background-image: url(../flags/4x3/ky.svg);
}

    .fi-cym.fis {
        background-image: url(../flags/1x1/ky.svg);
    }

.fi-caf {
    background-image: url(../flags/4x3/cf.svg);
}

    .fi-caf.fis {
        background-image: url(../flags/1x1/cf.svg);
    }

.fi-tcd {
    background-image: url(../flags/4x3/td.svg);
}

    .fi-tcd.fis {
        background-image: url(../flags/1x1/td.svg);
    }

.fi-chl {
    background-image: url(../flags/4x3/cl.svg);
}

    .fi-chl.fis {
        background-image: url(../flags/1x1/cl.svg);
    }

.fi-chn {
    background-image: url(../flags/4x3/cn.svg);
}

    .fi-chn.fis {
        background-image: url(../flags/1x1/cn.svg);
    }

.fi-cxr {
    background-image: url(../flags/4x3/cx.svg);
}

    .fi-cxr.fis {
        background-image: url(../flags/1x1/cx.svg);
    }

.fi-cck {
    background-image: url(../flags/4x3/cc.svg);
}

    .fi-cck.fis {
        background-image: url(../flags/1x1/cc.svg);
    }

.fi-col {
    background-image: url(../flags/4x3/co.svg);
}

    .fi-col.fis {
        background-image: url(../flags/1x1/co.svg);
    }

.fi-com {
    background-image: url(../flags/4x3/km.svg);
}

    .fi-com.fis {
        background-image: url(../flags/1x1/km.svg);
    }

.fi-cog {
    background-image: url(../flags/4x3/cg.svg);
}

    .fi-cog.fis {
        background-image: url(../flags/1x1/cg.svg);
    }

.fi-cod {
    background-image: url(../flags/4x3/cd.svg);
}

    .fi-cod.fis {
        background-image: url(../flags/1x1/cd.svg);
    }

.fi-cok {
    background-image: url(../flags/4x3/ck.svg);
}

    .fi-cok.fis {
        background-image: url(../flags/1x1/ck.svg);
    }

.fi-cri {
    background-image: url(../flags/4x3/cr.svg);
}

    .fi-cri.fis {
        background-image: url(../flags/1x1/cr.svg);
    }

.fi-hrv {
    background-image: url(../flags/4x3/hr.svg);
}

    .fi-hrv.fis {
        background-image: url(../flags/1x1/hr.svg);
    }

.fi-cub {
    background-image: url(../flags/4x3/cu.svg);
}

    .fi-cub.fis {
        background-image: url(../flags/1x1/cu.svg);
    }

.fi-cuw {
    background-image: url(../flags/4x3/cw.svg);
}

    .fi-cuw.fis {
        background-image: url(../flags/1x1/cw.svg);
    }

.fi-cyp {
    background-image: url(../flags/4x3/cy.svg);
}

    .fi-cyp.fis {
        background-image: url(../flags/1x1/cy.svg);
    }

.fi-cze {
    background-image: url(../flags/4x3/cz.svg);
}

    .fi-cze.fis {
        background-image: url(../flags/1x1/cz.svg);
    }

.fi-dnk {
    background-image: url(../flags/4x3/dk.svg);
}

    .fi-dnk.fis {
        background-image: url(../flags/1x1/dk.svg);
    }

.fi-dji {
    background-image: url(../flags/4x3/dj.svg);
}

    .fi-dji.fis {
        background-image: url(../flags/1x1/dj.svg);
    }

.fi-dma {
    background-image: url(../flags/4x3/dm.svg);
}

    .fi-dma.fis {
        background-image: url(../flags/1x1/dm.svg);
    }

.fi-dom {
    background-image: url(../flags/4x3/do.svg);
}

    .fi-dom.fis {
        background-image: url(../flags/1x1/do.svg);
    }

.fi-ecu {
    background-image: url(../flags/4x3/ec.svg);
}

    .fi-ecu.fis {
        background-image: url(../flags/1x1/ec.svg);
    }

.fi-egy {
    background-image: url(../flags/4x3/eg.svg);
}

    .fi-egy.fis {
        background-image: url(../flags/1x1/eg.svg);
    }

.fi-slv {
    background-image: url(../flags/4x3/sv.svg);
}

    .fi-slv.fis {
        background-image: url(../flags/1x1/sv.svg);
    }

.fi-gnq {
    background-image: url(../flags/4x3/gq.svg);
}

    .fi-gnq.fis {
        background-image: url(../flags/1x1/gq.svg);
    }

.fi-eri {
    background-image: url(../flags/4x3/er.svg);
}

    .fi-eri.fis {
        background-image: url(../flags/1x1/er.svg);
    }

.fi-est {
    background-image: url(../flags/4x3/ee.svg);
}

    .fi-est.fis {
        background-image: url(../flags/1x1/ee.svg);
    }

.fi-swz {
    background-image: url(../flags/4x3/sz.svg);
}

    .fi-swz.fis {
        background-image: url(../flags/1x1/sz.svg);
    }

.fi-eth {
    background-image: url(../flags/4x3/et.svg);
}

    .fi-eth.fis {
        background-image: url(../flags/1x1/et.svg);
    }

.fi-flk {
    background-image: url(../flags/4x3/fk.svg);
}

    .fi-flk.fis {
        background-image: url(../flags/1x1/fk.svg);
    }

.fi-fro {
    background-image: url(../flags/4x3/fo.svg);
}

    .fi-fro.fis {
        background-image: url(../flags/1x1/fo.svg);
    }

.fi-fji {
    background-image: url(../flags/4x3/fj.svg);
}

    .fi-fji.fis {
        background-image: url(../flags/1x1/fj.svg);
    }

.fi-fin {
    background-image: url(../flags/4x3/fi.svg);
}

    .fi-fin.fis {
        background-image: url(../flags/1x1/fi.svg);
    }

.fi-fra {
    background-image: url(../flags/4x3/fr.svg);
}

    .fi-fra.fis {
        background-image: url(../flags/1x1/fr.svg);
    }

.fi-guf {
    background-image: url(../flags/4x3/gf.svg);
}

    .fi-guf.fis {
        background-image: url(../flags/1x1/gf.svg);
    }

.fi-gab {
    background-image: url(../flags/4x3/ga.svg);
}

    .fi-gab.fis {
        background-image: url(../flags/1x1/ga.svg);
    }

.fi-gmb {
    background-image: url(../flags/4x3/gm.svg);
}

    .fi-gmb.fis {
        background-image: url(../flags/1x1/gm.svg);
    }

.fi-geo {
    background-image: url(../flags/4x3/ge.svg);
}

    .fi-geo.fis {
        background-image: url(../flags/1x1/ge.svg);
    }

.fi-deu {
    background-image: url(../flags/4x3/de.svg);
}

    .fi-deu.fis {
        background-image: url(../flags/1x1/de.svg);
    }

.fi-gha {
    background-image: url(../flags/4x3/gh.svg);
}

    .fi-gha.fis {
        background-image: url(../flags/1x1/gh.svg);
    }

.fi-gib {
    background-image: url(../flags/4x3/gi.svg);
}

    .fi-gib.fis {
        background-image: url(../flags/1x1/gi.svg);
    }

.fi-grc {
    background-image: url(../flags/4x3/gr.svg);
}

    .fi-grc.fis {
        background-image: url(../flags/1x1/gr.svg);
    }

.fi-grl {
    background-image: url(../flags/4x3/gl.svg);
}

    .fi-grl.fis {
        background-image: url(../flags/1x1/gl.svg);
    }

.fi-grd {
    background-image: url(../flags/4x3/gd.svg);
}

    .fi-grd.fis {
        background-image: url(../flags/1x1/gd.svg);
    }

.fi-glp {
    background-image: url(../flags/4x3/gp.svg);
}

    .fi-glp.fis {
        background-image: url(../flags/1x1/gp.svg);
    }

.fi-gum {
    background-image: url(../flags/4x3/gu.svg);
}

    .fi-gum.fis {
        background-image: url(../flags/1x1/gu.svg);
    }

.fi-gtm {
    background-image: url(../flags/4x3/gt.svg);
}

    .fi-gtm.fis {
        background-image: url(../flags/1x1/gt.svg);
    }

.fi-ggy {
    background-image: url(../flags/4x3/gg.svg);
}

    .fi-ggy.fis {
        background-image: url(../flags/1x1/gg.svg);
    }

.fi-gnb {
    background-image: url(../flags/4x3/gw.svg);
}

    .fi-gnb.fis {
        background-image: url(../flags/1x1/gw.svg);
    }

.fi-gyn {
    background-image: url(../flags/4x3/gy.svg);
}

    .fi-gyn.fis {
        background-image: url(../flags/1x1/gy.svg);
    }

.fi-hti {
    background-image: url(../flags/4x3/ht.svg);
}

    .fi-hti.fis {
        background-image: url(../flags/1x1/ht.svg);
    }

.fi-hmd {
    background-image: url(../flags/4x3/hm.svg);
}

    .fi-hmd.fis {
        background-image: url(../flags/1x1/hm.svg);
    }

.fi-hnd {
    background-image: url(../flags/4x3/hn.svg);
}

    .fi-hnd.fis {
        background-image: url(../flags/1x1/hn.svg);
    }

.fi-hkg {
    background-image: url(../flags/4x3/hk.svg);
}

    .fi-hkg.fis {
        background-image: url(../flags/1x1/hk.svg);
    }

.fi-hun {
    background-image: url(../flags/4x3/hu.svg);
}

    .fi-hun.fis {
        background-image: url(../flags/1x1/hu.svg);
    }

.fi-isl {
    background-image: url(../flags/4x3/is.svg);
}

    .fi-isl.fis {
        background-image: url(../flags/1x1/is.svg);
    }

.fi-ind {
    background-image: url(../flags/4x3/in.svg);
}

    .fi-ind.fis {
        background-image: url(../flags/1x1/in.svg);
    }

.fi-idn {
    background-image: url(../flags/4x3/id.svg);
}

    .fi-idn.fis {
        background-image: url(../flags/1x1/id.svg);
    }

.fi-irn {
    background-image: url(../flags/4x3/ir.svg);
}

    .fi-irn.fis {
        background-image: url(../flags/1x1/ir.svg);
    }

.fi-irq {
    background-image: url(../flags/4x3/iq.svg);
}

    .fi-irq.fis {
        background-image: url(../flags/1x1/iq.svg);
    }

.fi-irl {
    background-image: url(../flags/4x3/ie.svg);
}

    .fi-irl.fis {
        background-image: url(../flags/1x1/ie.svg);
    }

.fi-imn {
    background-image: url(../flags/4x3/im.svg);
}

    .fi-imn.fis {
        background-image: url(../flags/1x1/im.svg);
    }

.fi-isr {
    background-image: url(../flags/4x3/il.svg);
}

    .fi-isr.fis {
        background-image: url(../flags/1x1/il.svg);
    }

.fi-ita {
    background-image: url(../flags/4x3/it.svg);
}

    .fi-ita.fis {
        background-image: url(../flags/1x1/it.svg);
    }

.fi-civ {
    background-image: url(../flags/4x3/ci.svg);
}

    .fi-civ.fis {
        background-image: url(../flags/1x1/ci.svg);
    }

.fi-jam {
    background-image: url(../flags/4x3/jm.svg);
}

    .fi-jam.fis {
        background-image: url(../flags/1x1/jm.svg);
    }

.fi-jpn {
    background-image: url(../flags/4x3/jp.svg);
}

    .fi-jpn.fis {
        background-image: url(../flags/1x1/jp.svg);
    }

.fi-jey {
    background-image: url(../flags/4x3/je.svg);
}

    .fi-jey.fis {
        background-image: url(../flags/1x1/je.svg);
    }

.fi-jor {
    background-image: url(../flags/4x3/jo.svg);
}

    .fi-jor.fis {
        background-image: url(../flags/1x1/jo.svg);
    }

.fi-kaz {
    background-image: url(../flags/4x3/kz.svg);
}

    .fi-kaz.fis {
        background-image: url(../flags/1x1/kz.svg);
    }

.fi-ken {
    background-image: url(../flags/4x3/ke.svg);
}

    .fi-ken.fis {
        background-image: url(../flags/1x1/ke.svg);
    }

.fi-kir {
    background-image: url(../flags/4x3/ki.svg);
}

    .fi-kir.fis {
        background-image: url(../flags/1x1/ki.svg);
    }

.fi-kwt {
    background-image: url(../flags/4x3/kw.svg);
}

    .fi-kwt.fis {
        background-image: url(../flags/1x1/kw.svg);
    }

.fi-kgz {
    background-image: url(../flags/4x3/kg.svg);
}

    .fi-kgz.fis {
        background-image: url(../flags/1x1/kg.svg);
    }

.fi-lao {
    background-image: url(../flags/4x3/la.svg);
}

    .fi-lao.fis {
        background-image: url(../flags/1x1/la.svg);
    }

.fi-lva {
    background-image: url(../flags/4x3/lv.svg);
}

    .fi-lva.fis {
        background-image: url(../flags/1x1/lv.svg);
    }

.fi-lbn {
    background-image: url(../flags/4x3/lb.svg);
}

    .fi-lbn.fis {
        background-image: url(../flags/1x1/lb.svg);
    }

.fi-lso {
    background-image: url(../flags/4x3/ls.svg);
}

    .fi-lso.fis {
        background-image: url(../flags/1x1/ls.svg);
    }

.fi-lbr {
    background-image: url(../flags/4x3/lr.svg);
}

    .fi-lbr.fis {
        background-image: url(../flags/1x1/lr.svg);
    }

.fi-lby {
    background-image: url(../flags/4x3/ly.svg);
}

    .fi-lby.fis {
        background-image: url(../flags/1x1/ly.svg);
    }

.fi-lie {
    background-image: url(../flags/4x3/li.svg);
}

    .fi-lie.fis {
        background-image: url(../flags/1x1/li.svg);
    }

.fi-ltu {
    background-image: url(../flags/4x3/lt.svg);
}

    .fi-ltu.fis {
        background-image: url(../flags/1x1/lt.svg);
    }

.fi-lux {
    background-image: url(../flags/4x3/lu.svg);
}

    .fi-lux.fis {
        background-image: url(../flags/1x1/lu.svg);
    }

.fi-mac {
    background-image: url(../flags/4x3/mo.svg);
}

    .fi-mac.fis {
        background-image: url(../flags/1x1/mo.svg);
    }

.fi-mdg {
    background-image: url(../flags/4x3/mg.svg);
}

    .fi-mdg.fis {
        background-image: url(../flags/1x1/mg.svg);
    }

.fi-mwi {
    background-image: url(../flags/4x3/mw.svg);
}

    .fi-mwi.fis {
        background-image: url(../flags/1x1/mw.svg);
    }

.fi-mys {
    background-image: url(../flags/4x3/my.svg);
}

    .fi-mys.fis {
        background-image: url(../flags/1x1/my.svg);
    }

.fi-mdv {
    background-image: url(../flags/4x3/mv.svg);
}

    .fi-mdv.fis {
        background-image: url(../flags/1x1/mv.svg);
    }

.fi-mli {
    background-image: url(../flags/4x3/ml.svg);
}

    .fi-mli.fis {
        background-image: url(../flags/1x1/ml.svg);
    }

.fi-mlt {
    background-image: url(../flags/4x3/mt.svg);
}

    .fi-mlt.fis {
        background-image: url(../flags/1x1/mt.svg);
    }

.fi-mhl {
    background-image: url(../flags/4x3/mh.svg);
}

    .fi-mhl.fis {
        background-image: url(../flags/1x1/mh.svg);
    }

.fi-mtq {
    background-image: url(../flags/4x3/mq.svg);
}

    .fi-mtq.fis {
        background-image: url(../flags/1x1/mq.svg);
    }

.fi-mrt {
    background-image: url(../flags/4x3/mr.svg);
}

    .fi-mrt.fis {
        background-image: url(../flags/1x1/mr.svg);
    }

.fi-mus {
    background-image: url(../flags/4x3/mu.svg);
}

    .fi-mus.fis {
        background-image: url(../flags/1x1/mu.svg);
    }

.fi-mex {
    background-image: url(../flags/4x3/mx.svg);
}

    .fi-mex.fis {
        background-image: url(../flags/1x1/mx.svg);
    }

.fi-fsm {
    background-image: url(../flags/4x3/fm.svg);
}

    .fi-fsm.fis {
        background-image: url(../flags/1x1/fm.svg);
    }

.fi-mda {
    background-image: url(../flags/4x3/md.svg);
}

    .fi-mda.fis {
        background-image: url(../flags/1x1/md.svg);
    }

.fi-mco {
    background-image: url(../flags/4x3/mc.svg);
}

    .fi-mco.fis {
        background-image: url(../flags/1x1/mc.svg);
    }

.fi-mng {
    background-image: url(../flags/4x3/mn.svg);
}

    .fi-mng.fis {
        background-image: url(../flags/1x1/mn.svg);
    }

.fi-mne {
    background-image: url(../flags/4x3/me.svg);
}

    .fi-mne.fis {
        background-image: url(../flags/1x1/me.svg);
    }

.fi-msr {
    background-image: url(../flags/4x3/ms.svg);
}

    .fi-msr.fis {
        background-image: url(../flags/1x1/ms.svg);
    }

.fi-mar {
    background-image: url(../flags/4x3/ma.svg);
}

    .fi-mar.fis {
        background-image: url(../flags/1x1/ma.svg);
    }

.fi-moz {
    background-image: url(../flags/4x3/mz.svg);
}

    .fi-moz.fis {
        background-image: url(../flags/1x1/mz.svg);
    }

.fi-mmr {
    background-image: url(../flags/4x3/mm.svg);
}

    .fi-mmr.fis {
        background-image: url(../flags/1x1/mm.svg);
    }

.fi-nam {
    background-image: url(../flags/4x3/na.svg);
}

    .fi-nam.fis {
        background-image: url(../flags/1x1/na.svg);
    }

.fi-nru {
    background-image: url(../flags/4x3/nr.svg);
}

    .fi-nru.fis {
        background-image: url(../flags/1x1/nr.svg);
    }

.fi-npl {
    background-image: url(../flags/4x3/np.svg);
}

    .fi-npl.fis {
        background-image: url(../flags/1x1/np.svg);
    }

.fi-nld {
    background-image: url(../flags/4x3/nl.svg);
}

    .fi-nld.fis {
        background-image: url(../flags/1x1/nl.svg);
    }

.fi-ncl {
    background-image: url(../flags/4x3/nc.svg);
}

    .fi-ncl.fis {
        background-image: url(../flags/1x1/nc.svg);
    }

.fi-nzl {
    background-image: url(../flags/4x3/nz.svg);
}

    .fi-nzl.fis {
        background-image: url(../flags/1x1/nz.svg);
    }

.fi-nic {
    background-image: url(../flags/4x3/ni.svg);
}

    .fi-nic.fis {
        background-image: url(../flags/1x1/ni.svg);
    }

.fi-ner {
    background-image: url(../flags/4x3/ne.svg);
}

    .fi-ner.fis {
        background-image: url(../flags/1x1/ne.svg);
    }

.fi-nga {
    background-image: url(../flags/4x3/ng.svg);
}

    .fi-nga.fis {
        background-image: url(../flags/1x1/ng.svg);
    }

.fi-niu {
    background-image: url(../flags/4x3/nu.svg);
}

    .fi-niu.fis {
        background-image: url(../flags/1x1/nu.svg);
    }

.fi-nfk {
    background-image: url(../flags/4x3/nf.svg);
}

    .fi-nfk.fis {
        background-image: url(../flags/1x1/nf.svg);
    }

.fi-prk {
    background-image: url(../flags/4x3/kp.svg);
}

    .fi-prk.fis {
        background-image: url(../flags/1x1/kp.svg);
    }

.fi-nor {
    background-image: url(../flags/4x3/no.svg);
}

    .fi-nor.fis {
        background-image: url(../flags/1x1/no.svg);
    }

.fi-omn {
    background-image: url(../flags/4x3/om.svg);
}

    .fi-omn.fis {
        background-image: url(../flags/1x1/om.svg);
    }

.fi-pak {
    background-image: url(../flags/4x3/pk.svg);
}

    .fi-pak.fis {
        background-image: url(../flags/1x1/pk.svg);
    }

.fi-pse {
    background-image: url(../flags/4x3/ps.svg);
}

    .fi-pse.fis {
        background-image: url(../flags/1x1/ps.svg);
    }

.fi-pan {
    background-image: url(../flags/4x3/pa.svg);
}

    .fi-pan.fis {
        background-image: url(../flags/1x1/pa.svg);
    }

.fi-png {
    background-image: url(../flags/4x3/pg.svg);
}

    .fi-png.fis {
        background-image: url(../flags/1x1/pg.svg);
    }

.fi-pry {
    background-image: url(../flags/4x3/py.svg);
}

    .fi-pry.fis {
        background-image: url(../flags/1x1/py.svg);
    }

.fi-per {
    background-image: url(../flags/4x3/pe.svg);
}

    .fi-per.fis {
        background-image: url(../flags/1x1/pe.svg);
    }

.fi-phl {
    background-image: url(../flags/4x3/ph.svg);
}

    .fi-phl.fis {
        background-image: url(../flags/1x1/ph.svg);
    }

.fi-pcn {
    background-image: url(../flags/4x3/pn.svg);
}

    .fi-pcn.fis {
        background-image: url(../flags/1x1/pn.svg);
    }

.fi-pol {
    background-image: url(../flags/4x3/pl.svg);
}

    .fi-pol.fis {
        background-image: url(../flags/1x1/pl.svg);
    }

.fi-prt {
    background-image: url(../flags/4x3/pt.svg);
}

    .fi-prt.fis {
        background-image: url(../flags/1x1/pt.svg);
    }

.fi-pri {
    background-image: url(../flags/4x3/pr.svg);
}

    .fi-pri.fis {
        background-image: url(../flags/1x1/pr.svg);
    }

.fi-qat {
    background-image: url(../flags/4x3/qa.svg);
}

    .fi-qat.fis {
        background-image: url(../flags/1x1/qa.svg);
    }

.fi-reu {
    background-image: url(../flags/4x3/re.svg);
}

    .fi-reu.fis {
        background-image: url(../flags/1x1/re.svg);
    }

.fi-rou {
    background-image: url(../flags/4x3/ro.svg);
}

    .fi-rou.fis {
        background-image: url(../flags/1x1/ro.svg);
    }

.fi-rus {
    background-image: url(../flags/4x3/ru.svg);
}

    .fi-rus.fis {
        background-image: url(../flags/1x1/ru.svg);
    }

.fi-rwa {
    background-image: url(../flags/4x3/rw.svg);
}

    .fi-rwa.fis {
        background-image: url(../flags/1x1/rw.svg);
    }

.fi-shn {
    background-image: url(../flags/4x3/sh.svg);
}

    .fi-shn.fis {
        background-image: url(../flags/1x1/sh.svg);
    }

.fi-kna {
    background-image: url(../flags/4x3/kn.svg);
}

    .fi-kna.fis {
        background-image: url(../flags/1x1/kn.svg);
    }

.fi-lca {
    background-image: url(../flags/4x3/lc.svg);
}

    .fi-lca.fis {
        background-image: url(../flags/1x1/lc.svg);
    }

.fi-spm {
    background-image: url(../flags/4x3/pm.svg);
}

    .fi-spm.fis {
        background-image: url(../flags/1x1/pm.svg);
    }

.fi-vct {
    background-image: url(../flags/4x3/vc.svg);
}

    .fi-vct.fis {
        background-image: url(../flags/1x1/vc.svg);
    }

.fi-wsm {
    background-image: url(../flags/4x3/ws.svg);
}

    .fi-wsm.fis {
        background-image: url(../flags/1x1/ws.svg);
    }

.fi-smr {
    background-image: url(../flags/4x3/sm.svg);
}

    .fi-smr.fis {
        background-image: url(../flags/1x1/sm.svg);
    }

.fi-stp {
    background-image: url(../flags/4x3/st.svg);
}

    .fi-stp.fis {
        background-image: url(../flags/1x1/st.svg);
    }

.fi-sau {
    background-image: url(../flags/4x3/sa.svg);
}

    .fi-sau.fis {
        background-image: url(../flags/1x1/sa.svg);
    }

.fi-sen {
    background-image: url(../flags/4x3/sn.svg);
}

    .fi-sen.fis {
        background-image: url(../flags/1x1/sn.svg);
    }

.fi-srb {
    background-image: url(../flags/4x3/rs.svg);
}

    .fi-srb.fis {
        background-image: url(../flags/1x1/rs.svg);
    }

.fi-syc {
    background-image: url(../flags/4x3/sc.svg);
}

    .fi-syc.fis {
        background-image: url(../flags/1x1/sc.svg);
    }

.fi-sle {
    background-image: url(../flags/4x3/sl.svg);
}

    .fi-sle.fis {
        background-image: url(../flags/1x1/sl.svg);
    }

.fi-sgp {
    background-image: url(../flags/4x3/sg.svg);
}

    .fi-sgp.fis {
        background-image: url(../flags/1x1/sg.svg);
    }

.fi-sxm {
    background-image: url(../flags/4x3/sx.svg);
}

    .fi-sxm.fis {
        background-image: url(../flags/1x1/sx.svg);
    }

.fi-svk {
    background-image: url(../flags/4x3/sk.svg);
}

    .fi-svk.fis {
        background-image: url(../flags/1x1/sk.svg);
    }

.fi-svn {
    background-image: url(../flags/4x3/si.svg);
}

    .fi-svn.fis {
        background-image: url(../flags/1x1/si.svg);
    }

.fi-slb {
    background-image: url(../flags/4x3/sb.svg);
}

    .fi-slb.fis {
        background-image: url(../flags/1x1/sb.svg);
    }

.fi-som {
    background-image: url(../flags/4x3/so.svg);
}

    .fi-som.fis {
        background-image: url(../flags/1x1/so.svg);
    }

.fi-zaf {
    background-image: url(../flags/4x3/za.svg);
}

    .fi-zaf.fis {
        background-image: url(../flags/1x1/za.svg);
    }

.fi-kor {
    background-image: url(../flags/4x3/kr.svg);
}

    .fi-kor.fis {
        background-image: url(../flags/1x1/kr.svg);
    }

.fi-ssd {
    background-image: url(../flags/4x3/ss.svg);
}

    .fi-ssd.fis {
        background-image: url(../flags/1x1/ss.svg);
    }

.fi-esp {
    background-image: url(../flags/4x3/es.svg);
}

    .fi-esp.fis {
        background-image: url(../flags/1x1/es.svg);
    }

.fi-sjm {
    background-image: url(../flags/4x3/sj.svg);
}

    .fi-sjm.fis {
        background-image: url(../flags/1x1/sj.svg);
    }

.fi-lka {
    background-image: url(../flags/4x3/lk.svg);
}

    .fi-lka.fis {
        background-image: url(../flags/1x1/lk.svg);
    }

.fi-sdn {
    background-image: url(../flags/4x3/sd.svg);
}

    .fi-sdn.fis {
        background-image: url(../flags/1x1/sd.svg);
    }

.fi-sur {
    background-image: url(../flags/4x3/sr.svg);
}

    .fi-sur.fis {
        background-image: url(../flags/1x1/sr.svg);
    }

.fi-swe {
    background-image: url(../flags/4x3/se.svg);
}

    .fi-swe.fis {
        background-image: url(../flags/1x1/se.svg);
    }

.fi-che {
    background-image: url(../flags/4x3/ch.svg);
}

    .fi-che.fis {
        background-image: url(../flags/1x1/ch.svg);
    }

.fi-syr {
    background-image: url(../flags/4x3/sy.svg);
}

    .fi-syr.fis {
        background-image: url(../flags/1x1/sy.svg);
    }

.fi-twn {
    background-image: url(../flags/4x3/tw.svg);
}

    .fi-twn.fis {
        background-image: url(../flags/1x1/tw.svg);
    }

.fi-tjk {
    background-image: url(../flags/4x3/tj.svg);
}

    .fi-tjk.fis {
        background-image: url(../flags/1x1/tj.svg);
    }

.fi-tza {
    background-image: url(../flags/4x3/tz.svg);
}

    .fi-tza.fis {
        background-image: url(../flags/1x1/tz.svg);
    }

.fi-tha {
    background-image: url(../flags/4x3/th.svg);
}

    .fi-tha.fis {
        background-image: url(../flags/1x1/th.svg);
    }

.fi-tls {
    background-image: url(../flags/4x3/tl.svg);
}

    .fi-tls.fis {
        background-image: url(../flags/1x1/tl.svg);
    }

.fi-tgo {
    background-image: url(../flags/4x3/tg.svg);
}

    .fi-tgo.fis {
        background-image: url(../flags/1x1/tg.svg);
    }

.fi-tkl {
    background-image: url(../flags/4x3/tk.svg);
}

    .fi-tkl.fis {
        background-image: url(../flags/1x1/tk.svg);
    }

.fi-ton {
    background-image: url(../flags/4x3/to.svg);
}

    .fi-ton.fis {
        background-image: url(../flags/1x1/to.svg);
    }

.fi-tto {
    background-image: url(../flags/4x3/tt.svg);
}

    .fi-tto.fis {
        background-image: url(../flags/1x1/tt.svg);
    }

.fi-tun {
    background-image: url(../flags/4x3/tn.svg);
}

    .fi-tun.fis {
        background-image: url(../flags/1x1/tn.svg);
    }

.fi-tur {
    background-image: url(../flags/4x3/tr.svg);
}

    .fi-tur.fis {
        background-image: url(../flags/1x1/tr.svg);
    }

.fi-tkm {
    background-image: url(../flags/4x3/tm.svg);
}

    .fi-tkm.fis {
        background-image: url(../flags/1x1/tm.svg);
    }

.fi-tca {
    background-image: url(../flags/4x3/tc.svg);
}

    .fi-tca.fis {
        background-image: url(../flags/1x1/tc.svg);
    }

.fi-tuv {
    background-image: url(../flags/4x3/tv.svg);
}

    .fi-tuv.fis {
        background-image: url(../flags/1x1/tv.svg);
    }

.fi-uga {
    background-image: url(../flags/4x3/ug.svg);
}

    .fi-uga.fis {
        background-image: url(../flags/1x1/ug.svg);
    }

.fi-ukr {
    background-image: url(../flags/4x3/ua.svg);
}

    .fi-ukr.fis {
        background-image: url(../flags/1x1/ua.svg);
    }

.fi-are {
    background-image: url(../flags/4x3/ae.svg);
}

    .fi-are.fis {
        background-image: url(../flags/1x1/ae.svg);
    }

.fi-gbr {
    background-image: url(../flags/4x3/gb.svg);
}

    .fi-gbr.fis {
        background-image: url(../flags/1x1/gb.svg);
    }

.fi-umi {
    background-image: url(../flags/4x3/um.svg);
}

    .fi-umi.fis {
        background-image: url(../flags/1x1/um.svg);
    }

.fi-usa {
    background-image: url(../flags/4x3/us.svg);
}

    .fi-usa.fis {
        background-image: url(../flags/1x1/us.svg);
    }

.fi-ury {
    background-image: url(../flags/4x3/uy.svg);
}

    .fi-ury.fis {
        background-image: url(../flags/1x1/uy.svg);
    }

.fi-uzb {
    background-image: url(../flags/4x3/uz.svg);
}

    .fi-uzb.fis {
        background-image: url(../flags/1x1/uz.svg);
    }

.fi-vut {
    background-image: url(../flags/4x3/vu.svg);
}

    .fi-vut.fis {
        background-image: url(../flags/1x1/vu.svg);
    }

.fi-ven {
    background-image: url(../flags/4x3/ve.svg);
}

    .fi-ven.fis {
        background-image: url(../flags/1x1/ve.svg);
    }

.fi-vnm {
    background-image: url(../flags/4x3/vn.svg);
}

    .fi-vnm.fis {
        background-image: url(../flags/1x1/vn.svg);
    }

.fi-vgb {
    background-image: url(../flags/4x3/vg.svg);
}

    .fi-vgb.fis {
        background-image: url(../flags/1x1/vg.svg);
    }

.fi-vir {
    background-image: url(../flags/4x3/vi.svg);
}

    .fi-vir.fis {
        background-image: url(../flags/1x1/vi.svg);
    }

.fi-wlf {
    background-image: url(../flags/4x3/wf.svg);
}

    .fi-wlf.fis {
        background-image: url(../flags/1x1/wf.svg);
    }

.fi-esh {
    background-image: url(../flags/4x3/eh.svg);
}

    .fi-esh.fis {
        background-image: url(../flags/1x1/eh.svg);
    }

.fi-yem {
    background-image: url(../flags/4x3/ye.svg);
}

    .fi-yem.fis {
        background-image: url(../flags/1x1/ye.svg);
    }

.fi-zmb {
    background-image: url(../flags/4x3/zm.svg);
}

    .fi-zmb.fis {
        background-image: url(../flags/1x1/zm.svg);
    }

.fi-zwe {
    background-image: url(../flags/4x3/zw.svg);
}

    .fi-zwe.fis {
        background-image: url(../flags/1x1/zw.svg);
    }

.fi-afg {
    background-image: url(../flags/4x3/af.svg);
}

    .fi-afg.fis {
        background-image: url(../flags/1x1/af.svg);
    }

.fi-jpn { /* Duplicate due to initial fi-jp being used as a placeholder */
    background-image: url(../flags/4x3/jp.svg);
}

    .fi-jpn.fis {
        background-image: url(../flags/1x1/jp.svg);
    }

.fi-xxk {
    background-image: url(../flags/4x3/xx.svg);
}

    .fi-xxk.fis {
        background-image: url(../flags/1x1/xx.svg);
    }

.fi-pse { /* Duplicate due to initial fi-ps being used as a placeholder */
    background-image: url(../flags/4x3/ps.svg);
}

    .fi-pse.fis {
        background-image: url(../flags/1x1/ps.svg);
    }

.fi-vta {
    background-image: url(../flags/4x3/va.svg);
}

    .fi-vta.fis {
        background-image: url(../flags/1x1/va.svg);
    }

.fi-gnb { /* Duplicate from above for consistency */
    background-image: url(../flags/4x3/gn.svg);
}

    .fi-gnb.fis {
        background-image: url(../flags/1x1/gn.svg);
    }

.fi-sgs {
    background-image: url(../flags/4x3/gs.svg);
}

    .fi-sgs.fis {
        background-image: url(../flags/1x1/gs.svg);
    }

.fi-maf {
    background-image: url(../flags/4x3/mf.svg);
}

    .fi-maf.fis {
        background-image: url(../flags/1x1/mf.svg);
    }

.fi-myt {
    background-image: url(../flags/4x3/yt.svg);
}

    .fi-myt.fis {
        background-image: url(../flags/1x1/yt.svg);
    }

.fi-pau {
    background-image: url(../flags/4x3/pw.svg);
}

    .fi-pau.fis {
        background-image: url(../flags/1x1/pw.svg);
    }

.fi-atf {
    background-image: url(../flags/4x3/tf.svg);
}

    .fi-atf.fis {
        background-image: url(../flags/1x1/tf.svg);
    }

/* Special classes */
.fi-arab {
    background-image: url(../flags/4x3/arab.svg);
}

    .fi-arab.fis {
        background-image: url(../flags/1x1/arab.svg);
    }

.fi-asean {
    background-image: url(../flags/4x3/asean.svg);
}

    .fi-asean.fis {
        background-image: url(../flags/1x1/asean.svg);
    }

.fi-cefta {
    background-image: url(../flags/4x3/cefta.svg);
}

    .fi-cefta.fis {
        background-image: url(../flags/1x1/cefta.svg);
    }

.fi-cp {
    background-image: url(../flags/4x3/cp.svg);
}

    .fi-cp.fis {
        background-image: url(../flags/1x1/cp.svg);
    }

.fi-dg {
    background-image: url(../flags/4x3/dg.svg);
}

    .fi-dg.fis {
        background-image: url(../flags/1x1/dg.svg);
    }

.fi-eac {
    background-image: url(../flags/4x3/eac.svg);
}

    .fi-eac.fis {
        background-image: url(../flags/1x1/eac.svg);
    }

.fi-es-ct { /* This uses 2-letter country code plus regional code */
    background-image: url(../flags/4x3/es-ct.svg);
}

    .fi-es-ct.fis {
        background-image: url(../flags/1x1/es-ct.svg);
    }

.fi-es-ga { /* This uses 2-letter country code plus regional code */
    background-image: url(../flags/4x3/es-ga.svg);
}

    .fi-es-ga.fis {
        background-image: url(../flags/1x1/es-ga.svg);
    }

.fi-es-pv { /* This uses 2-letter country code plus regional code */
    background-image: url(../flags/4x3/es-pv.svg);
}

    .fi-es-pv.fis {
        background-image: url(../flags/1x1/es-pv.svg);
    }

.fi-eu {
    background-image: url(../flags/4x3/eu.svg);
}

    .fi-eu.fis {
        background-image: url(../flags/1x1/eu.svg);
    }

.fi-gb-eng { /* This uses 2-letter country code plus regional code */
    background-image: url(../flags/4x3/gb-eng.svg);
}

    .fi-gb-eng.fis {
        background-image: url(../flags/1x1/gb-eng.svg);
    }

.fi-gb-nir { /* This uses 2-letter country code plus regional code */
    background-image: url(../flags/4x3/gb-nir.svg);
}

    .fi-gb-nir.fis {
        background-image: url(../flags/1x1/gb-nir.svg);
    }

.fi-gb-sct { /* This uses 2-letter country code plus regional code */
    background-image: url(../flags/4x3/gb-sct.svg);
}

    .fi-gb-sct.fis {
        background-image: url(../flags/1x1/gb-sct.svg);
    }

.fi-gb-wls { /* This uses 2-letter country code plus regional code */
    background-image: url(../flags/4x3/gb-wls.svg);
}

    .fi-gb-wls.fis {
        background-image: url(../flags/1x1/gb-wls.svg);
    }

.fi-ic {
    background-image: url(../flags/4x3/ic.svg);
}

    .fi-ic.fis {
        background-image: url(../flags/1x1/ic.svg);
    }

.fi-pc {
    background-image: url(../flags/4x3/pc.svg);
}

    .fi-pc.fis {
        background-image: url(../flags/1x1/pc.svg);
    }

.fi-sh-ac {
    background-image: url(../flags/4x3/sh-ac.svg);
}

    .fi-sh-ac.fis {
        background-image: url(../flags/1x1/sh-ac.svg);
    }

.fi-sh-hl {
    background-image: url(../flags/4x3/sh-hl.svg);
}

    .fi-sh-hl.fis {
        background-image: url(../flags/1x1/sh-hl.svg);
    }

.fi-sh-ta {
    background-image: url(../flags/4x3/sh-ta.svg);
}

    .fi-sh-ta.fis {
        background-image: url(../flags/1x1/sh-ta.svg);
    }

.fi-un {
    background-image: url(../flags/4x3/un.svg);
}

    .fi-un.fis {
        background-image: url(../flags/1x1/un.svg);
    }

.fi-kos {
    background-image: url(../flags/4x3/xk.svg);
}

    .fi-kos.fis {
        background-image: url(../flags/1x1/xk.svg);
    }

.fi-mkd {
    background-image: url(../flags/4x3/mk.svg);
}

    .fi-mkd.fis {
        background-image: url(../flags/1x1/mk.svg);
    }