.select-flags {
    @mixin pos($x, $y: $x){
        background-position: $x $y;
    }

    .select-flag {
        &:before {
            content: "";
            width: 16px;
            height: 11px;
            display: inline-block;
            margin-right: 5px;
            font-size: 0;
            background: url("./fonts/flags.png") no-repeat;
        }
    }

    .select-flag-ad:before {@include pos(-16px, 0)}
    .select-flag-ae:before {@include pos(-32px, 0)}
    .select-flag-af:before {@include pos(-48px, 0)}
    .select-flag-ag:before {@include pos(-64px, 0)}
    .select-flag-ai:before {@include pos(-80px, 0)}
    .select-flag-al:before {@include pos(-96px, 0)}
    .select-flag-am:before {@include pos(-112px, 0)}
    .select-flag-an:before {@include pos(-128px, 0)}
    .select-flag-ao:before {@include pos(-144px, 0)}
    .select-flag-ar:before {@include pos(-160px, 0)}
    .select-flag-as:before {@include pos(-176px, 0)}
    .select-flag-at:before {@include pos(-192px, 0)}
    .select-flag-au:before {@include pos(-208px, 0)}
    .select-flag-aw:before {@include pos(-224px, 0)}
    .select-flag-az:before {@include pos(-240px, 0)}
    .select-flag-ba:before {@include pos(0, -11px)}
    .select-flag-bb:before {@include pos(-16px, -11px)}
    .select-flag-bd:before {@include pos(-32px, -11px)}
    .select-flag-be:before {@include pos(-48px, -11px)}
    .select-flag-bf:before {@include pos(-64px, -11px)}
    .select-flag-bg:before {@include pos(-80px, -11px)}
    .select-flag-bh:before {@include pos(-96px, -11px)}
    .select-flag-bi:before {@include pos(-112px, -11px)}
    .select-flag-bj:before {@include pos(-128px, -11px)}
    .select-flag-bm:before {@include pos(-144px, -11px)}
    .select-flag-bn:before {@include pos(-160px, -11px)}
    .select-flag-bo:before {@include pos(-176px, -11px)}
    .select-flag-br:before {@include pos(-192px, -11px)}
    .select-flag-bs:before {@include pos(-208px, -11px)}
    .select-flag-bt:before {@include pos(-224px, -11px)}
    .select-flag-bv:before {@include pos(-240px, -11px)}
    .select-flag-bw:before {@include pos(0, -22px)}
    .select-flag-by:before {@include pos(-16px, -22px)}
    .select-flag-bz:before {@include pos(-32px, -22px)}
    .select-flag-ca:before {@include pos(-48px, -22px)}
    .select-flag-catalonia:before {@include pos(-64px, -22px)}
    .select-flag-cd:before {@include pos(-80px, -22px)}
    .select-flag-cf:before {@include pos(-96px, -22px)}
    .select-flag-cg:before {@include pos(-112px, -22px)}
    .select-flag-ch:before {@include pos(-128px, -22px)}
    .select-flag-ci:before {@include pos(-144px, -22px)}
    .select-flag-ck:before {@include pos(-160px, -22px)}
    .select-flag-cl:before {@include pos(-176px, -22px)}
    .select-flag-cm:before {@include pos(-192px, -22px)}
    .select-flag-cn:before {@include pos(-208px, -22px)}
    .select-flag-co:before {@include pos(-224px, -22px)}
    .select-flag-cr:before {@include pos(-240px, -22px)}
    .select-flag-cu:before {@include pos(0, -33px)}
    .select-flag-cv:before {@include pos(-16px, -33px)}
    .select-flag-cw:before {@include pos(-32px, -33px)}
    .select-flag-cy:before {@include pos(-48px, -33px)}
    .select-flag-cz:before {@include pos(-64px, -33px)}
    .select-flag-de:before {@include pos(-80px, -33px)}
    .select-flag-dj:before {@include pos(-96px, -33px)}
    .select-flag-dk:before {@include pos(-112px, -33px)}
    .select-flag-dm:before {@include pos(-128px, -33px)}
    .select-flag-do:before {@include pos(-144px, -33px)}
    .select-flag-dz:before {@include pos(-160px, -33px)}
    .select-flag-ec:before {@include pos(-176px, -33px)}
    .select-flag-ee:before {@include pos(-192px, -33px)}
    .select-flag-eg:before {@include pos(-208px, -33px)}
    .select-flag-eh:before {@include pos(-224px, -33px)}
    .select-flag-england:before {@include pos(-240px, -33px)}
    .select-flag-er:before {@include pos(0, -44px)}
    .select-flag-es:before {@include pos(-16px, -44px)}
    .select-flag-et:before {@include pos(-32px, -44px)}
    .select-flag-eu:before {@include pos(-48px, -44px)}
    .select-flag-fi:before {@include pos(-64px, -44px)}
    .select-flag-fj:before {@include pos(-80px, -44px)}
    .select-flag-fk:before {@include pos(-96px, -44px)}
    .select-flag-fm:before {@include pos(-112px, -44px)}
    .select-flag-fo:before {@include pos(-128px, -44px)}
    .select-flag-fr:before {@include pos(-144px, -44px)}
    .select-flag-ga:before {@include pos(-160px, -44px)}
    .select-flag-gb:before {@include pos(-176px, -44px)}
    .select-flag-gd:before {@include pos(-192px, -44px)}
    .select-flag-ge:before {@include pos(-208px, -44px)}
    .select-flag-gf:before {@include pos(-224px, -44px)}
    .select-flag-gg:before {@include pos(-240px, -44px)}
    .select-flag-gh:before {@include pos(0, -55px)}
    .select-flag-gi:before {@include pos(-16px, -55px)}
    .select-flag-gl:before {@include pos(-32px, -55px)}
    .select-flag-gm:before {@include pos(-48px, -55px)}
    .select-flag-gn:before {@include pos(-64px, -55px)}
    .select-flag-gp:before {@include pos(-80px, -55px)}
    .select-flag-gq:before {@include pos(-96px, -55px)}
    .select-flag-gr:before {@include pos(-112px, -55px)}
    .select-flag-gs:before {@include pos(-128px, -55px)}
    .select-flag-gt:before {@include pos(-144px, -55px)}
    .select-flag-gu:before {@include pos(-160px, -55px)}
    .select-flag-gw:before {@include pos(-176px, -55px)}
    .select-flag-gy:before {@include pos(-192px, -55px)}
    .select-flag-hk:before {@include pos(-208px, -55px)}
    .select-flag-hm:before {@include pos(-224px, -55px)}
    .select-flag-hn:before {@include pos(-240px, -55px)}
    .select-flag-hr:before {@include pos(0, -66px)}
    .select-flag-ht:before {@include pos(-16px, -66px)}
    .select-flag-hu:before {@include pos(-32px, -66px)}
    .select-flag-ic:before {@include pos(-48px, -66px)}
    .select-flag-id:before {@include pos(-64px, -66px)}
    .select-flag-ie:before {@include pos(-80px, -66px)}
    .select-flag-il:before {@include pos(-96px, -66px)}
    .select-flag-im:before {@include pos(-112px, -66px)}
    .select-flag-in:before {@include pos(-128px, -66px)}
    .select-flag-io:before {@include pos(-144px, -66px)}
    .select-flag-iq:before {@include pos(-160px, -66px)}
    .select-flag-ir:before {@include pos(-176px, -66px)}
    .select-flag-is:before {@include pos(-192px, -66px)}
    .select-flag-it:before {@include pos(-208px, -66px)}
    .select-flag-je:before {@include pos(-224px, -66px)}
    .select-flag-jm:before {@include pos(-240px, -66px)}
    .select-flag-jo:before {@include pos(0, -77px)}
    .select-flag-jp:before {@include pos(-16px, -77px)}
    .select-flag-ke:before {@include pos(-32px, -77px)}
    .select-flag-kg:before {@include pos(-48px, -77px)}
    .select-flag-kh:before {@include pos(-64px, -77px)}
    .select-flag-ki:before {@include pos(-80px, -77px)}
    .select-flag-km:before {@include pos(-96px, -77px)}
    .select-flag-kn:before {@include pos(-112px, -77px)}
    .select-flag-kp:before {@include pos(-128px, -77px)}
    .select-flag-kr:before {@include pos(-144px, -77px)}
    .select-flag-kurdistan:before {@include pos(-160px, -77px)}
    .select-flag-kw:before {@include pos(-176px, -77px)}
    .select-flag-ky:before {@include pos(-192px, -77px)}
    .select-flag-kz:before {@include pos(-208px, -77px)}
    .select-flag-la:before {@include pos(-224px, -77px)}
    .select-flag-lb:before {@include pos(-240px, -77px)}
    .select-flag-lc:before {@include pos(0, -88px)}
    .select-flag-li:before {@include pos(-16px, -88px)}
    .select-flag-lk:before {@include pos(-32px, -88px)}
    .select-flag-lr:before {@include pos(-48px, -88px)}
    .select-flag-ls:before {@include pos(-64px, -88px)}
    .select-flag-lt:before {@include pos(-80px, -88px)}
    .select-flag-lu:before {@include pos(-96px, -88px)}
    .select-flag-lv:before {@include pos(-112px, -88px)}
    .select-flag-ly:before {@include pos(-128px, -88px)}
    .select-flag-ma:before {@include pos(-144px, -88px)}
    .select-flag-mc:before {@include pos(-160px, -88px)}
    .select-flag-md:before {@include pos(-176px, -88px)}
    .select-flag-me:before {@include pos(-192px, -88px)}
    .select-flag-mg:before {@include pos(-208px, -88px)}
    .select-flag-mh:before {@include pos(-224px, -88px)}
    .select-flag-mk:before {@include pos(-240px, -88px)}
    .select-flag-ml:before {@include pos(0, -99px)}
    .select-flag-mm:before {@include pos(-16px, -99px)}
    .select-flag-mn:before {@include pos(-32px, -99px)}
    .select-flag-mo:before {@include pos(-48px, -99px)}
    .select-flag-mp:before {@include pos(-64px, -99px)}
    .select-flag-mq:before {@include pos(-80px, -99px)}
    .select-flag-mr:before {@include pos(-96px, -99px)}
    .select-flag-ms:before {@include pos(-112px, -99px)}
    .select-flag-mt:before {@include pos(-128px, -99px)}
    .select-flag-mu:before {@include pos(-144px, -99px)}
    .select-flag-mv:before {@include pos(-160px, -99px)}
    .select-flag-mw:before {@include pos(-176px, -99px)}
    .select-flag-mx:before {@include pos(-192px, -99px)}
    .select-flag-my:before {@include pos(-208px, -99px)}
    .select-flag-mz:before {@include pos(-224px, -99px)}
    .select-flag-na:before {@include pos(-240px, -99px)}
    .select-flag-nc:before {@include pos(0, -110px)}
    .select-flag-ne:before {@include pos(-16px, -110px)}
    .select-flag-nf:before {@include pos(-32px, -110px)}
    .select-flag-ng:before {@include pos(-48px, -110px)}
    .select-flag-ni:before {@include pos(-64px, -110px)}
    .select-flag-nl:before {@include pos(-80px, -110px)}
    .select-flag-no:before {@include pos(-96px, -110px)}
    .select-flag-np:before {@include pos(-112px, -110px)}
    .select-flag-nr:before {@include pos(-128px, -110px)}
    .select-flag-nu:before {@include pos(-144px, -110px)}
    .select-flag-nz:before {@include pos(-160px, -110px)}
    .select-flag-om:before {@include pos(-176px, -110px)}
    .select-flag-pa:before {@include pos(-192px, -110px)}
    .select-flag-pe:before {@include pos(-208px, -110px)}
    .select-flag-pf:before {@include pos(-224px, -110px)}
    .select-flag-pg:before {@include pos(-240px, -110px)}
    .select-flag-ph:before {@include pos(0, -121px)}
    .select-flag-pk:before {@include pos(-16px, -121px)}
    .select-flag-pl:before {@include pos(-32px, -121px)}
    .select-flag-pm:before {@include pos(-48px, -121px)}
    .select-flag-pn:before {@include pos(-64px, -121px)}
    .select-flag-pr:before {@include pos(-80px, -121px)}
    .select-flag-ps:before {@include pos(-96px, -121px)}
    .select-flag-pt:before {@include pos(-112px, -121px)}
    .select-flag-pw:before {@include pos(-128px, -121px)}
    .select-flag-py:before {@include pos(-144px, -121px)}
    .select-flag-qa:before {@include pos(-160px, -121px)}
    .select-flag-re:before {@include pos(-176px, -121px)}
    .select-flag-ro:before {@include pos(-192px, -121px)}
    .select-flag-rs:before {@include pos(-208px, -121px)}
    .select-flag-ru:before {@include pos(-224px, -121px)}
    .select-flag-rw:before {@include pos(-240px, -121px)}
    .select-flag-sa:before {@include pos(0, -132px)}
    .select-flag-sb:before {@include pos(-16px, -132px)}
    .select-flag-sc:before {@include pos(-32px, -132px)}
    .select-flag-scotland:before {@include pos(-48px, -132px)}
    .select-flag-sd:before {@include pos(-64px, -132px)}
    .select-flag-se:before {@include pos(-80px, -132px)}
    .select-flag-sg:before {@include pos(-96px, -132px)}
    .select-flag-sh:before {@include pos(-112px, -132px)}
    .select-flag-si:before {@include pos(-128px, -132px)}
    .select-flag-sk:before {@include pos(-144px, -132px)}
    .select-flag-sl:before {@include pos(-160px, -132px)}
    .select-flag-sm:before {@include pos(-176px, -132px)}
    .select-flag-sn:before {@include pos(-192px, -132px)}
    .select-flag-so:before {@include pos(-208px, -132px)}
    .select-flag-somaliland:before {@include pos(-224px, -132px)}
    .select-flag-sr:before {@include pos(-240px, -132px)}
    .select-flag-ss:before {@include pos(0, -143px)}
    .select-flag-st:before {@include pos(-16px, -143px)}
    .select-flag-sv:before {@include pos(-32px, -143px)}
    .select-flag-sx:before {@include pos(-48px, -143px)}
    .select-flag-sy:before {@include pos(-64px, -143px)}
    .select-flag-sz:before {@include pos(-80px, -143px)}
    .select-flag-tc:before {@include pos(-96px, -143px)}
    .select-flag-td:before {@include pos(-112px, -143px)}
    .select-flag-tf:before {@include pos(-128px, -143px)}
    .select-flag-tg:before {@include pos(-144px, -143px)}
    .select-flag-th:before {@include pos(-160px, -143px)}
    .select-flag-tj:before {@include pos(-176px, -143px)}
    .select-flag-tk:before {@include pos(-192px, -143px)}
    .select-flag-tl:before {@include pos(-208px, -143px)}
    .select-flag-tm:before {@include pos(-224px, -143px)}
    .select-flag-tn:before {@include pos(-240px, -143px)}
    .select-flag-to:before {@include pos(0, -154px)}
    .select-flag-tr:before {@include pos(-16px, -154px)}
    .select-flag-tt:before {@include pos(-32px, -154px)}
    .select-flag-tv:before {@include pos(-48px, -154px)}
    .select-flag-tw:before {@include pos(-64px, -154px)}
    .select-flag-tz:before {@include pos(-80px, -154px)}
    .select-flag-ua:before {@include pos(-96px, -154px)}
    .select-flag-ug:before {@include pos(-112px, -154px)}
    .select-flag-um:before {@include pos(-128px, -154px)}
    .select-flag-us:before {@include pos(-144px, -154px)}
    .select-flag-uy:before {@include pos(-160px, -154px)}
    .select-flag-uz:before {@include pos(-176px, -154px)}
    .select-flag-va:before {@include pos(-192px, -154px)}
    .select-flag-vc:before {@include pos(-208px, -154px)}
    .select-flag-ve:before {@include pos(-224px, -154px)}
    .select-flag-vg:before {@include pos(-240px, -154px)}
    .select-flag-vi:before {@include pos(0, -165px)}
    .select-flag-vn:before {@include pos(-16px, -165px)}
    .select-flag-vu:before {@include pos(-32px, -165px)}
    .select-flag-wales:before {@include pos(-48px, -165px)}
    .select-flag-wf:before {@include pos(-64px, -165px)}
    .select-flag-ws:before {@include pos(-80px, -165px)}
    .select-flag-ye:before {@include pos(-96px, -165px)}
    // .select-flag-yt:before {@include pos(-112px, -165px)}
    .select-flag-yt:before {@include pos(-144px, -44px)}
    .select-flag-za:before {@include pos(-128px, -165px)}
    .select-flag-zanzibar:before {@include pos(-144px, -165px)}
    .select-flag-zm:before {@include pos(-160px, -165px)}
    .select-flag-zw:before {@include pos(-176px, -165px)}

    .select-flag-bl:before {@include pos(-144px, -44px)}
    .select-flag-ax:before {@include pos(-0px, -198px)}
    .select-flag-cx:before {@include pos(-16px, -198px)}
    .select-flag-cc:before {@include pos(-32px, -198px)}
    // .select-flag-mf:before {@include pos(-48px, -198px)}
    .select-flag-mf:before {@include pos(-144px, -44px)}
    .select-flag-zr:before {@include pos(-80px, -22px)}
    .select-flag-sj:before {@include pos(-96px, -110px)}
    .select-flag-tw:before {@include pos(-64px, -198px)}

}