.fflag {
  background-image:url(/static_assets/Images/Layout_icons/flags.png);
  background-repeat:no-repeat;
  background-size: 100% 49494%;
  display: block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  box-sizing: content-box;
  text-indent: -9999px
}
.fflag-ch {box-shadow: none!important}
.fflag-us {background-position:center 0.2287%}
.fflag-en {background-position:center 0.2287%}
.fflag-at {background-position:center 0.4524%}
.fflag-be {background-position:center 0.6721%}
.fflag-fr {background-position:center 0.8958%}
.fflag-de {background-position:center 1.1162%}
.fflag-hu {background-position:center 1.3379%}
.fflag-it {background-position:center 1.5589%}
.fflag-li {background-position:left 1.7805%}
.fflag-lu {background-position:center 2.0047%}
.fflag-nl {background-position:center 2.2247%}
.fflag-pl {background-position:center 2.4467%}
.fflag-pt {background-position:center 2.6674%}
.fflag-es {background-position:left 2.8931%}
.fflag-ch {background-position:center 3.1125%}
.fflag-gb {background-position:center 3.3325%}
.fflag-be.ff-round,
.fflag-fr.ff-round,
.fflag-it.ff-round {background-size:100%  50000%}

.fflag.ff-sm {width: 18px;height: 11px}
.fflag.ff-md {width: 35px;height: 35px}
.fflag.ff-lg {width: 42px;height: 27px}
.fflag.ff-xl {width: 60px;height: 37px}

/* ff-round = circular icons */
.ff-round {
  background-size: 160%;
  background-clip: content-box;
  border-radius: 50%;
}
.ff-round.ff-sm {width: 12px; height: 12px}
.ff-round.ff-md {width: 35px; height: 35px}
.ff-round.ff-lg {width: 24px; height: 24px}
.ff-round.ff-xl {width: 32px; height: 32px}