.fi {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.333em;
  height: 1em;
  vertical-align: middle;
  border-radius: 2px;
  overflow: hidden;
}
.fi-ua { background-image: url(flags/ua.svg); }
.fi-pl { background-image: url(flags/pl.svg); }
.fi-de { background-image: url(flags/de.svg); }
.fi-cz { background-image: url(flags/cz.svg); }
.fi-sk { background-image: url(flags/sk.svg); }
.fi-at { background-image: url(flags/at.svg); }
.fi-it { background-image: url(flags/it.svg); }
.fi-es { background-image: url(flags/es.svg); }
.fi-fr { background-image: url(flags/fr.svg); }
.fi-nl { background-image: url(flags/nl.svg); }
.fi-be { background-image: url(flags/be.svg); }
.fi-gb { background-image: url(flags/gb.svg); }
.fi-us { background-image: url(flags/us.svg); }
.fi-ca { background-image: url(flags/ca.svg); }
.fi-ro { background-image: url(flags/ro.svg); }
.fi-md { background-image: url(flags/md.svg); }
.fi-hu { background-image: url(flags/hu.svg); }
.fi-pt { background-image: url(flags/pt.svg); }
.fi-lv { background-image: url(flags/lv.svg); }
.fi-lt { background-image: url(flags/lt.svg); }
.fi-ee { background-image: url(flags/ee.svg); }
.fi-no { background-image: url(flags/no.svg); }
.fi-se { background-image: url(flags/se.svg); }
.fi-ch { background-image: url(flags/ch.svg); }
.fi-il { background-image: url(flags/il.svg); }
.fi-ae { background-image: url(flags/ae.svg); }
.fi-tr { background-image: url(flags/tr.svg); }