.flagstrap {
    display: inline-block;
    position: relative;
    width: 100%
}

.flagstrap-icon {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(../image/flagstrap-flags.png) no-repeat
}

.flagstrap-placeholder,
.flagstrap-placeholder i {
    display: none
}

.flagstrap-icon[class$="ad"] {
    background-position: -16px 0
}

.flagstrap-icon[class$="ae"] {
    background-position: -32px 0
}

.flagstrap-icon[class$="af"] {
    background-position: -48px 0
}

.flagstrap-icon[class$="ag"] {
    background-position: -64px 0
}

.flagstrap-icon[class$="ai"] {
    background-position: -80px 0
}

.flagstrap-icon[class$="al"] {
    background-position: -96px 0
}

.flagstrap-icon[class$="am"] {
    background-position: -112px 0
}

.flagstrap-icon[class$="an"] {
    background-position: -128px 0
}

.flagstrap-icon[class$="ao"] {
    background-position: -144px 0
}

.flagstrap-icon[class$="ar"] {
    background-position: -160px 0
}

.flagstrap-icon[class$="as"] {
    background-position: -176px 0
}

.flagstrap-icon[class$="at"] {
    background-position: -192px 0
}

.flagstrap-icon[class$="au"] {
    background-position: -208px 0
}

.flagstrap-icon[class$="aw"] {
    background-position: -224px 0
}

.flagstrap-icon[class$="az"] {
    background-position: -240px 0
}

.flagstrap-icon[class$="ba"] {
    background-position: 0 -11px
}

.flagstrap-icon[class$="bb"] {
    background-position: -16px -11px
}

.flagstrap-icon[class$="bd"] {
    background-position: -32px -11px
}

.flagstrap-icon[class$="be"] {
    background-position: -48px -11px
}

.flagstrap-icon[class$="bf"] {
    background-position: -64px -11px
}

.flagstrap-icon[class$="bg"] {
    background-position: -80px -11px
}

.flagstrap-icon[class$="bh"] {
    background-position: -96px -11px
}

.flagstrap-icon[class$="bi"] {
    background-position: -112px -11px
}

.flagstrap-icon[class$="bj"] {
    background-position: -128px -11px
}

.flagstrap-icon[class$="bm"] {
    background-position: -144px -11px
}

.flagstrap-icon[class$="bn"] {
    background-position: -160px -11px
}

.flagstrap-icon[class$="bo"] {
    background-position: -176px -11px
}

.flagstrap-icon[class$="br"] {
    background-position: -192px -11px
}

.flagstrap-icon[class$="bs"] {
    background-position: -208px -11px
}

.flagstrap-icon[class$="bt"] {
    background-position: -224px -11px
}

.flagstrap-icon[class$="bv"] {
    background-position: -240px -11px
}

.flagstrap-icon[class$="bw"] {
    background-position: 0 -22px
}

.flagstrap-icon[class$="by"] {
    background-position: -16px -22px
}

.flagstrap-icon[class$="bz"] {
    background-position: -32px -22px
}

.flagstrap-icon[class$="ca"] {
    background-position: -48px -22px
}

.flagstrap-icon[class$="catalonia"] {
    background-position: -64px -22px
}

.flagstrap-icon[class$="cd"] {
    background-position: -80px -22px
}

.flagstrap-icon[class$="cf"] {
    background-position: -96px -22px
}

.flagstrap-icon[class$="cg"] {
    background-position: -112px -22px
}

.flagstrap-icon[class$="ch"] {
    background-position: -128px -22px
}

.flagstrap-icon[class$="ci"] {
    background-position: -144px -22px
}

.flagstrap-icon[class$="ck"] {
    background-position: -160px -22px
}

.flagstrap-icon[class$="cl"] {
    background-position: -176px -22px
}

.flagstrap-icon[class$="cm"] {
    background-position: -192px -22px
}

.flagstrap-icon[class$="cn"] {
    background-position: -208px -22px
}

.flagstrap-icon[class$="co"] {
    background-position: -224px -22px
}

.flagstrap-icon[class$="cr"] {
    background-position: -240px -22px
}

.flagstrap-icon[class$="cu"] {
    background-position: 0 -33px
}

.flagstrap-icon[class$="cv"] {
    background-position: -16px -33px
}

.flagstrap-icon[class$="cw"] {
    background-position: -32px -33px
}

.flagstrap-icon[class$="cy"] {
    background-position: -48px -33px
}

.flagstrap-icon[class$="cz"] {
    background-position: -64px -33px
}

.flagstrap-icon[class$="de"] {
    background-position: -80px -33px
}

.flagstrap-icon[class$="dj"] {
    background-position: -96px -33px
}

.flagstrap-icon[class$="dk"] {
    background-position: -112px -33px
}

.flagstrap-icon[class$="dm"] {
    background-position: -128px -33px
}

.flagstrap-icon[class$="do"] {
    background-position: -144px -33px
}

.flagstrap-icon[class$="dz"] {
    background-position: -160px -33px
}

.flagstrap-icon[class$="ec"] {
    background-position: -176px -33px
}

.flagstrap-icon[class$="ee"] {
    background-position: -192px -33px
}

.flagstrap-icon[class$="eg"] {
    background-position: -208px -33px
}

.flagstrap-icon[class$="eh"] {
    background-position: -224px -33px
}

.flagstrap-icon[class$="england"] {
    background-position: -240px -33px
}

.flagstrap-icon[class$="er"] {
    background-position: 0 -44px
}

.flagstrap-icon[class$="es"] {
    background-position: -16px -44px
}

.flagstrap-icon[class$="et"] {
    background-position: -32px -44px
}

.flagstrap-icon[class$="eu"] {
    background-position: -48px -44px
}

.flagstrap-icon[class$="fi"] {
    background-position: -64px -44px
}

.flagstrap-icon[class$="fj"] {
    background-position: -80px -44px
}

.flagstrap-icon[class$="fk"] {
    background-position: -96px -44px
}

.flagstrap-icon[class$="fm"] {
    background-position: -112px -44px
}

.flagstrap-icon[class$="fo"] {
    background-position: -128px -44px
}

.flagstrap-icon[class$="fr"] {
    background-position: -144px -44px
}

.flagstrap-icon[class$="ga"] {
    background-position: -160px -44px
}

.flagstrap-icon[class$="gb"] {
    background-position: -176px -44px
}

.flagstrap-icon[class$="gd"] {
    background-position: -192px -44px
}

.flagstrap-icon[class$="ge"] {
    background-position: -208px -44px
}

.flagstrap-icon[class$="gf"] {
    background-position: -224px -44px
}

.flagstrap-icon[class$="gg"] {
    background-position: -240px -44px
}

.flagstrap-icon[class$="gh"] {
    background-position: 0 -55px
}

.flagstrap-icon[class$="gi"] {
    background-position: -16px -55px
}

.flagstrap-icon[class$="gl"] {
    background-position: -32px -55px
}

.flagstrap-icon[class$="gm"] {
    background-position: -48px -55px
}

.flagstrap-icon[class$="gn"] {
    background-position: -64px -55px
}

.flagstrap-icon[class$="gp"] {
    background-position: -80px -55px
}

.flagstrap-icon[class$="gq"] {
    background-position: -96px -55px
}

.flagstrap-icon[class$="gr"] {
    background-position: -112px -55px
}

.flagstrap-icon[class$="gs"] {
    background-position: -128px -55px
}

.flagstrap-icon[class$="gt"] {
    background-position: -144px -55px
}

.flagstrap-icon[class$="gu"] {
    background-position: -160px -55px
}

.flagstrap-icon[class$="gw"] {
    background-position: -176px -55px
}

.flagstrap-icon[class$="gy"] {
    background-position: -192px -55px
}

.flagstrap-icon[class$="hk"] {
    background-position: -208px -55px
}

.flagstrap-icon[class$="hm"] {
    background-position: -224px -55px
}

.flagstrap-icon[class$="hn"] {
    background-position: -240px -55px
}

.flagstrap-icon[class$="hr"] {
    background-position: 0 -66px
}

.flagstrap-icon[class$="ht"] {
    background-position: -16px -66px
}

.flagstrap-icon[class$="hu"] {
    background-position: -32px -66px
}

.flagstrap-icon[class$="ic"] {
    background-position: -48px -66px
}

.flagstrap-icon[class$="id"] {
    background-position: -64px -66px
}

.flagstrap-icon[class$="ie"] {
    background-position: -80px -66px
}

.flagstrap-icon[class$="il"] {
    background-position: -96px -66px
}

.flagstrap-icon[class$="im"] {
    background-position: -112px -66px
}

.flagstrap-icon[class$="in"] {
    background-position: -128px -66px
}

.flagstrap-icon[class$="io"] {
    background-position: -144px -66px
}

.flagstrap-icon[class$="iq"] {
    background-position: -160px -66px
}

.flagstrap-icon[class$="ir"] {
    background-position: -176px -66px
}

.flagstrap-icon[class$="is"] {
    background-position: -192px -66px
}

.flagstrap-icon[class$="it"] {
    background-position: -208px -66px
}

.flagstrap-icon[class$="je"] {
    background-position: -224px -66px
}

.flagstrap-icon[class$="jm"] {
    background-position: -240px -66px
}

.flagstrap-icon[class$="jo"] {
    background-position: 0 -77px
}

.flagstrap-icon[class$="jp"] {
    background-position: -16px -77px
}

.flagstrap-icon[class$="ke"] {
    background-position: -32px -77px
}

.flagstrap-icon[class$="kg"] {
    background-position: -48px -77px
}

.flagstrap-icon[class$="kh"] {
    background-position: -64px -77px
}

.flagstrap-icon[class$="ki"] {
    background-position: -80px -77px
}

.flagstrap-icon[class$="km"] {
    background-position: -96px -77px
}

.flagstrap-icon[class$="kn"] {
    background-position: -112px -77px
}

.flagstrap-icon[class$="kp"] {
    background-position: -128px -77px
}

.flagstrap-icon[class$="kr"] {
    background-position: -144px -77px
}

.flagstrap-icon[class$="kurdistan"] {
    background-position: -160px -77px
}

.flagstrap-icon[class$="kw"] {
    background-position: -176px -77px
}

.flagstrap-icon[class$="ky"] {
    background-position: -192px -77px
}

.flagstrap-icon[class$="kz"] {
    background-position: -208px -77px
}

.flagstrap-icon[class$="la"] {
    background-position: -224px -77px
}

.flagstrap-icon[class$="lb"] {
    background-position: -240px -77px
}

.flagstrap-icon[class$="lc"] {
    background-position: 0 -88px
}

.flagstrap-icon[class$="li"] {
    background-position: -16px -88px
}

.flagstrap-icon[class$="lk"] {
    background-position: -32px -88px
}

.flagstrap-icon[class$="lr"] {
    background-position: -48px -88px
}

.flagstrap-icon[class$="ls"] {
    background-position: -64px -88px
}

.flagstrap-icon[class$="lt"] {
    background-position: -80px -88px
}

.flagstrap-icon[class$="lu"] {
    background-position: -96px -88px
}

.flagstrap-icon[class$="lv"] {
    background-position: -112px -88px
}

.flagstrap-icon[class$="ly"] {
    background-position: -128px -88px
}

.flagstrap-icon[class$="ma"] {
    background-position: -144px -88px
}

.flagstrap-icon[class$="mc"] {
    background-position: -160px -88px
}

.flagstrap-icon[class$="md"] {
    background-position: -176px -88px
}

.flagstrap-icon[class$="me"] {
    background-position: -192px -88px
}

.flagstrap-icon[class$="mg"] {
    background-position: -208px -88px
}

.flagstrap-icon[class$="mh"] {
    background-position: -224px -88px
}

.flagstrap-icon[class$="mk"] {
    background-position: -240px -88px
}

.flagstrap-icon[class$="ml"] {
    background-position: 0 -99px
}

.flagstrap-icon[class$="mm"] {
    background-position: -16px -99px
}

.flagstrap-icon[class$="mn"] {
    background-position: -32px -99px
}

.flagstrap-icon[class$="mo"] {
    background-position: -48px -99px
}

.flagstrap-icon[class$="mp"] {
    background-position: -64px -99px
}

.flagstrap-icon[class$="mq"] {
    background-position: -80px -99px
}

.flagstrap-icon[class$="mr"] {
    background-position: -96px -99px
}

.flagstrap-icon[class$="ms"] {
    background-position: -112px -99px
}

.flagstrap-icon[class$="mt"] {
    background-position: -128px -99px
}

.flagstrap-icon[class$="mu"] {
    background-position: -144px -99px
}

.flagstrap-icon[class$="mv"] {
    background-position: -160px -99px
}

.flagstrap-icon[class$="mw"] {
    background-position: -176px -99px
}

.flagstrap-icon[class$="mx"] {
    background-position: -192px -99px
}

.flagstrap-icon[class$="my"] {
    background-position: -208px -99px
}

.flagstrap-icon[class$="mz"] {
    background-position: -224px -99px
}

.flagstrap-icon[class$="na"] {
    background-position: -240px -99px
}

.flagstrap-icon[class$="nc"] {
    background-position: 0 -110px
}

.flagstrap-icon[class$="ne"] {
    background-position: -16px -110px
}

.flagstrap-icon[class$="nf"] {
    background-position: -32px -110px
}

.flagstrap-icon[class$="ng"] {
    background-position: -48px -110px
}

.flagstrap-icon[class$="ni"] {
    background-position: -64px -110px
}

.flagstrap-icon[class$="nl"] {
    background-position: -80px -110px
}

.flagstrap-icon[class$="no"] {
    background-position: -96px -110px
}

.flagstrap-icon[class$="np"] {
    background-position: -112px -110px
}

.flagstrap-icon[class$="nr"] {
    background-position: -128px -110px
}

.flagstrap-icon[class$="nu"] {
    background-position: -144px -110px
}

.flagstrap-icon[class$="nz"] {
    background-position: -160px -110px
}

.flagstrap-icon[class$="om"] {
    background-position: -176px -110px
}

.flagstrap-icon[class$="pa"] {
    background-position: -192px -110px
}

.flagstrap-icon[class$="pe"] {
    background-position: -208px -110px
}

.flagstrap-icon[class$="pf"] {
    background-position: -224px -110px
}

.flagstrap-icon[class$="pg"] {
    background-position: -240px -110px
}

.flagstrap-icon[class$="ph"] {
    background-position: 0 -121px
}

.flagstrap-icon[class$="pk"] {
    background-position: -16px -121px
}

.flagstrap-icon[class$="pl"] {
    background-position: -32px -121px
}

.flagstrap-icon[class$="pm"] {
    background-position: -48px -121px
}

.flagstrap-icon[class$="pn"] {
    background-position: -64px -121px
}

.flagstrap-icon[class$="pr"] {
    background-position: -80px -121px
}

.flagstrap-icon[class$="ps"] {
    background-position: -96px -121px
}

.flagstrap-icon[class$="pt"] {
    background-position: -112px -121px
}

.flagstrap-icon[class$="pw"] {
    background-position: -128px -121px
}

.flagstrap-icon[class$="py"] {
    background-position: -144px -121px
}

.flagstrap-icon[class$="qa"] {
    background-position: -160px -121px
}

.flagstrap-icon[class$="re"] {
    background-position: -176px -121px
}

.flagstrap-icon[class$="ro"] {
    background-position: -192px -121px
}

.flagstrap-icon[class$="rs"] {
    background-position: -208px -121px
}

.flagstrap-icon[class$="ru"] {
    background-position: -224px -121px
}

.flagstrap-icon[class$="rw"] {
    background-position: -240px -121px
}

.flagstrap-icon[class$="sa"] {
    background-position: 0 -132px
}

.flagstrap-icon[class$="sb"] {
    background-position: -16px -132px
}

.flagstrap-icon[class$="sc"] {
    background-position: -32px -132px
}

.flagstrap-icon[class$="scotland"] {
    background-position: -48px -132px
}

.flagstrap-icon[class$="sd"] {
    background-position: -64px -132px
}

.flagstrap-icon[class$="se"] {
    background-position: -80px -132px
}

.flagstrap-icon[class$="sg"] {
    background-position: -96px -132px
}

.flagstrap-icon[class$="sh"] {
    background-position: -112px -132px
}

.flagstrap-icon[class$="si"] {
    background-position: -128px -132px
}

.flagstrap-icon[class$="sk"] {
    background-position: -144px -132px
}

.flagstrap-icon[class$="sl"] {
    background-position: -160px -132px
}

.flagstrap-icon[class$="sm"] {
    background-position: -176px -132px
}

.flagstrap-icon[class$="sn"] {
    background-position: -192px -132px
}

.flagstrap-icon[class$="so"] {
    background-position: -208px -132px
}

.flagstrap-icon[class$="somaliland"] {
    background-position: -224px -132px
}

.flagstrap-icon[class$="sr"] {
    background-position: -240px -132px
}

.flagstrap-icon[class$="ss"] {
    background-position: 0 -143px
}

.flagstrap-icon[class$="st"] {
    background-position: -16px -143px
}

.flagstrap-icon[class$="sv"] {
    background-position: -32px -143px
}

.flagstrap-icon[class$="sx"] {
    background-position: -48px -143px
}

.flagstrap-icon[class$="sy"] {
    background-position: -64px -143px
}

.flagstrap-icon[class$="sz"] {
    background-position: -80px -143px
}

.flagstrap-icon[class$="tc"] {
    background-position: -96px -143px
}

.flagstrap-icon[class$="td"] {
    background-position: -112px -143px
}

.flagstrap-icon[class$="tf"] {
    background-position: -128px -143px
}

.flagstrap-icon[class$="tg"] {
    background-position: -144px -143px
}

.flagstrap-icon[class$="th"] {
    background-position: -160px -143px
}

.flagstrap-icon[class$="tj"] {
    background-position: -176px -143px
}

.flagstrap-icon[class$="tk"] {
    background-position: -192px -143px
}

.flagstrap-icon[class$="tl"] {
    background-position: -208px -143px
}

.flagstrap-icon[class$="tm"] {
    background-position: -224px -143px
}

.flagstrap-icon[class$="tn"] {
    background-position: -240px -143px
}

.flagstrap-icon[class$="to"] {
    background-position: 0 -154px
}

.flagstrap-icon[class$="tr"] {
    background-position: -16px -154px
}

.flagstrap-icon[class$="tt"] {
    background-position: -32px -154px
}

.flagstrap-icon[class$="tv"] {
    background-position: -48px -154px
}

.flagstrap-icon[class$="tw"] {
    background-position: -64px -154px
}

.flagstrap-icon[class$="tz"] {
    background-position: -80px -154px
}

.flagstrap-icon[class$="ua"] {
    background-position: -96px -154px
}

.flagstrap-icon[class$="ug"] {
    background-position: -112px -154px
}

.flagstrap-icon[class$="um"] {
    background-position: -128px -154px
}

.flagstrap-icon[class$="us"] {
    background-position: -144px -154px
}

.flagstrap-icon[class$="uy"] {
    background-position: -160px -154px
}

.flagstrap-icon[class$="uz"] {
    background-position: -176px -154px
}

.flagstrap-icon[class$="va"] {
    background-position: -192px -154px
}

.flagstrap-icon[class$="vc"] {
    background-position: -208px -154px
}

.flagstrap-icon[class$="ve"] {
    background-position: -224px -154px
}

.flagstrap-icon[class$="vg"] {
    background-position: -240px -154px
}

.flagstrap-icon[class$="vi"] {
    background-position: 0 -165px
}

.flagstrap-icon[class$="vn"] {
    background-position: -16px -165px
}

.flagstrap-icon[class$="vu"] {
    background-position: -32px -165px
}

.flagstrap-icon[class$="wales"] {
    background-position: -48px -165px
}

.flagstrap-icon[class$="wf"] {
    background-position: -64px -165px
}

.flagstrap-icon[class$="ws"] {
    background-position: -80px -165px
}

.flagstrap-icon[class$="ye"] {
    background-position: -96px -165px
}

.flagstrap-icon[class$="yt"] {
    background-position: -112px -165px
}

.flagstrap-icon[class$="za"] {
    background-position: -128px -165px
}

.flagstrap-icon[class$="zanzibar"] {
    background-position: -144px -165px
}

.flagstrap-icon[class$="zm"] {
    background-position: -160px -165px
}

.flagstrap-icon[class$="zw"] {
    background-position: -176px -165px
}