.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}

.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti--allow-dropdown {
  width: 100%
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
  margin-right: 15px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 80%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 30px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}

.iti__flag.iti__ac {
  height: 15px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 21px;
  background-position: calc(1.5 * -22px) 0px;
}

.iti__flag.iti__ae {
  height: 15px;
  background-position: calc(1.5 * -44px) 0px;
}

.iti__flag.iti__af {
  height: 21px;
  background-position: calc(1.5 * -66px) 0px;
}

.iti__flag.iti__ag {
  height: 21px;
  background-position: calc(1.5 * -88px) 0px;
}

.iti__flag.iti__ai {
  height: 15px;
  background-position: calc(1.5 * -110px) 0px;
}

.iti__flag.iti__al {
  height: 22.5px;
  background-position: calc(1.5 * -132px) 0px;
}

.iti__flag.iti__am {
  height: 15px;
  background-position: calc(1.5 * -154px) 0px;
}

.iti__flag.iti__ao {
  height: 21px;
  background-position: calc(1.5 * -176px) 0px;
}

.iti__flag.iti__aq {
  height: 21px;
  background-position: calc(1.5 * -198px) 0px;
}

.iti__flag.iti__ar {
  height: 19.5px;
  background-position: calc(1.5 * -220px) 0px;
}

.iti__flag.iti__as {
  height: 15px;
  background-position: calc(1.5 * -242px) 0px;
}

.iti__flag.iti__at {
  height: 21px;
  background-position: calc(1.5 * -264px) 0px;
}

.iti__flag.iti__au {
  height: 15px;
  background-position: calc(1.5 * -286px) 0px;
}

.iti__flag.iti__aw {
  height: 21px;
  background-position: calc(1.5 * -308px) 0px;
}

.iti__flag.iti__ax {
  height: 19.5px;
  background-position: calc(1.5 * -330px) 0px;
}

.iti__flag.iti__az {
  height: 15px;
  background-position: calc(1.5 * -352px) 0px;
}

.iti__flag.iti__ba {
  height: 15px;
  background-position: calc(1.5 * -374px) 0px;
}

.iti__flag.iti__bb {
  height: 21px;
  background-position: calc(1.5 * -396px) 0px;
}

.iti__flag.iti__bd {
  height: 18px;
  background-position: calc(1.5 * -418px) 0px;
}

.iti__flag.iti__be {
  height: 22.5px;
  background-position: calc(1.5 * -440px) 0px;
}

.iti__flag.iti__bf {
  height: 21px;
  background-position: calc(1.5 * -460px) 0px;
}

.iti__flag.iti__bg {
  height: 18px;
  background-position: calc(1.5 * -482px) 0px;
}

.iti__flag.iti__bh {
  height: 18px;
  background-position: calc(1.5 * -504px) 0px;
}

.iti__flag.iti__bi {
  height: 18px;
  background-position: calc(1.5 * -526px) 0px;
}

.iti__flag.iti__bj {
  height: 21px;
  background-position: calc(1.5 * -548px) 0px;
}

.iti__flag.iti__bl {
  height: 21px;
  background-position: calc(1.5 * -570px) 0px;
}

.iti__flag.iti__bm {
  height: 15px;
  background-position: calc(1.5 * -592px) 0px;
}

.iti__flag.iti__bn {
  height: 15px;
  background-position: calc(1.5 * -614px) 0px;
}

.iti__flag.iti__bo {
  height: 21px;
  background-position: calc(1.5 * -636px) 0px;
}

.iti__flag.iti__bq {
  height: 21px;
  background-position: calc(1.5 * -658px) 0px;
}

.iti__flag.iti__br {
  height: 21px;
  background-position: calc(1.5 * -680px) 0px;
}

.iti__flag.iti__bs {
  height: 15px;
  background-position: calc(1.5 * -702px) 0px;
}

.iti__flag.iti__bt {
  height: 21px;
  background-position: calc(1.5 * -724px) 0px;
}

.iti__flag.iti__bv {
  height: 22.5px;
  background-position: calc(1.5 * -746px) 0px;
}

.iti__flag.iti__bw {
  height: 21px;
  background-position: calc(1.5 * -768px) 0px;
}

.iti__flag.iti__by {
  height: 15px;
  background-position: calc(1.5 * -790px) 0px;
}

.iti__flag.iti__bz {
  height: 21px;
  background-position: calc(1.5 * -812px) 0px;
}

.iti__flag.iti__ca {
  height: 15px;
  background-position: calc(1.5 * -834px) 0px;
}

.iti__flag.iti__cc {
  height: 15px;
  background-position: calc(1.5 * -856px) 0px;
}

.iti__flag.iti__cd {
  height: 22.5px;
  background-position: calc(1.5 * -878px) 0px;
}

.iti__flag.iti__cf {
  height: 21px;
  background-position: calc(1.5 * -900px) 0px;
}

.iti__flag.iti__cg {
  height: 21px;
  background-position: calc(1.5 * -922px) 0px;
}

.iti__flag.iti__ch {
  height: 22.5px;
  background-position: calc(1.5 * -944px) 0px;
}

.iti__flag.iti__ci {
  height: 21px;
  background-position: calc(1.5 * -961px) 0px;
}

.iti__flag.iti__ck {
  height: 15px;
  background-position: calc(1.5 * -983px) 0px;
}

.iti__flag.iti__cl {
  height: 21px;
  background-position: calc(1.5 * -1005px) 0px;
}

.iti__flag.iti__cm {
  height: 21px;
  background-position: calc(1.5 * -1027px) 0px;
}

.iti__flag.iti__cn {
  height: 21px;
  background-position: calc(1.5 * -1049px) 0px;
}

.iti__flag.iti__co {
  height: 21px;
  background-position: calc(1.5 * -1071px) 0px;
}

.iti__flag.iti__cp {
  height: 21px;
  background-position: calc(1.5 * -1093px) 0px;
}

.iti__flag.iti__cr {
  height: 18px;
  background-position: calc(1.5 * -1115px) 0px;
}

.iti__flag.iti__cu {
  height: 15px;
  background-position: calc(1.5 * -1137px) 0px;
}

.iti__flag.iti__cv {
  height: 18px;
  background-position: calc(1.5 * -1159px) 0px;
}

.iti__flag.iti__cw {
  height: 21px;
  background-position: calc(1.5 * -1181px) 0px;
}

.iti__flag.iti__cx {
  height: 15px;
  background-position: calc(1.5 * -1203px) 0px;
}

.iti__flag.iti__cy {
  height: 21px;
  background-position: calc(1.5 * -1225px) 0px;
}

.iti__flag.iti__cz {
  height: 21px;
  background-position: calc(1.5 * -1247px) 0px;
}

.iti__flag.iti__de {
  height: 18px;
  background-position: calc(1.5 * -1269px) 0px;
}

.iti__flag.iti__dg {
  height: 15px;
  background-position: calc(1.5 * -1291px) 0px;
}

.iti__flag.iti__dj {
  height: 21px;
  background-position: calc(1.5 * -1313px) 0px;
}

.iti__flag.iti__dk {
  height: 22.5px;
  background-position: calc(1.5 * -1335px) 0px;
}

.iti__flag.iti__dm {
  height: 15px;
  background-position: calc(1.5 * -1357px) 0px;
}

.iti__flag.iti__do {
  height: 21px;
  background-position: calc(1.5 * -1379px) 0px;
}

.iti__flag.iti__dz {
  height: 21px;
  background-position: calc(1.5 * -1401px) 0px;
}

.iti__flag.iti__ea {
  height: 21px;
  background-position: calc(1.5 * -1423px) 0px;
}

.iti__flag.iti__ec {
  height: 21px;
  background-position: calc(1.5 * -1445px) 0px;
}

.iti__flag.iti__ee {
  height: 19.5px;
  background-position: calc(1.5 * -1467px) 0px;
}

.iti__flag.iti__eg {
  height: 21px;
  background-position: calc(1.5 * -1489px) 0px;
}

.iti__flag.iti__eh {
  height: 15px;
  background-position: calc(1.5 * -1511px) 0px;
}

.iti__flag.iti__er {
  height: 15px;
  background-position: calc(1.5 * -1533px) 0px;
}

.iti__flag.iti__es {
  height: 21px;
  background-position: calc(1.5 * -1555px) 0px;
}

.iti__flag.iti__et {
  height: 15px;
  background-position: calc(1.5 * -1577px) 0px;
}

.iti__flag.iti__eu {
  height: 21px;
  background-position: calc(1.5 * -1599px) 0px;
}

.iti__flag.iti__fi {
  height: 18px;
  background-position: calc(1.5 * -1621px) 0px;
}

.iti__flag.iti__fj {
  height: 15px;
  background-position: calc(1.5 * -1643px) 0px;
}

.iti__flag.iti__fk {
  height: 15px;
  background-position: calc(1.5 * -1665px) 0px;
}

.iti__flag.iti__fm {
  height: 16.5px;
  background-position: calc(1.5 * -1687px) 0px;
}

.iti__flag.iti__fo {
  height: 22.5px;
  background-position: calc(1.5 * -1709px) 0px;
}

.iti__flag.iti__fr {
  height: 21px;
  background-position: calc(1.5 * -1731px) 0px;
}

.iti__flag.iti__ga {
  height: 22.5px;
  background-position: calc(1.5 * -1753px) 0px;
}

.iti__flag.iti__gb {
  height: 15px;
  background-position: calc(1.5 * -1775px) 0px;
}

.iti__flag.iti__gd {
  height: 18px;
  background-position: calc(1.5 * -1797px) 0px;
}

.iti__flag.iti__ge {
  height: 21px;
  background-position: calc(1.5 * -1819px) 0px;
}

.iti__flag.iti__gf {
  height: 21px;
  background-position: calc(1.5 * -1841px) 0px;
}

.iti__flag.iti__gg {
  height: 21px;
  background-position: calc(1.5 * -1863px) 0px;
}

.iti__flag.iti__gh {
  height: 21px;
  background-position: calc(1.5 * -1885px) 0px;
}

.iti__flag.iti__gi {
  height: 15px;
  background-position: calc(1.5 * -1907px) 0px;
}

.iti__flag.iti__gl {
  height: 21px;
  background-position: calc(1.5 * -1929px) 0px;
}

.iti__flag.iti__gm {
  height: 21px;
  background-position: calc(1.5 * -1951px) 0px;
}

.iti__flag.iti__gn {
  height: 21px;
  background-position: calc(1.5 * -1973px) 0px;
}

.iti__flag.iti__gp {
  height: 21px;
  background-position: calc(1.5 * -1995px) 0px;
}

.iti__flag.iti__gq {
  height: 21px;
  background-position: calc(1.5 * -2017px) 0px;
}

.iti__flag.iti__gr {
  height: 21px;
  background-position: calc(1.5 * -2039px) 0px;
}

.iti__flag.iti__gs {
  height: 21px;
  background-position: calc(1.5 * -2061px) 0px;
}

.iti__flag.iti__gt {
  height: 19.5px;
  background-position: calc(1.5 * -2083px) 0px;
}

.iti__flag.iti__gu {
  height: 16.5px;
  background-position: calc(1.5 * -2105px) 0px;
}

.iti__flag.iti__gw {
  height: 15px;
  background-position: calc(1.5 * -2127px) 0px;
}

.iti__flag.iti__gy {
  height: 18px;
  background-position: calc(1.5 * -2149px) 0px;
}

.iti__flag.iti__hk {
  height: 21px;
  background-position: calc(1.5 * -2171px) 0px;
}

.iti__flag.iti__hm {
  height: 15px;
  background-position: calc(1.5 * -2193px) 0px;
}

.iti__flag.iti__hn {
  height: 15px;
  background-position: calc(1.5 * -2215px) 0px;
}

.iti__flag.iti__hr {
  height: 15px;
  background-position: calc(1.5 * -2237px) 0px;
}

.iti__flag.iti__ht {
  height: 18px;
  background-position: calc(1.5 * -2259px) 0px;
}

.iti__flag.iti__hu {
  height: 15px;
  background-position: calc(1.5 * -2281px) 0px;
}

.iti__flag.iti__ic {
  height: 21px;
  background-position: calc(1.5 * -2303px) 0px;
}

.iti__flag.iti__id {
  height: 21px;
  background-position: calc(1.5 * -2325px) 0px;
}

.iti__flag.iti__ie {
  height: 15px;
  background-position: calc(1.5 * -2347px) 0px;
}

.iti__flag.iti__il {
  height: 22.5px;
  background-position: calc(1.5 * -2369px) 0px;
}

.iti__flag.iti__im {
  height: 15px;
  background-position: calc(1.5 * -2391px) 0px;
}

.iti__flag.iti__in {
  height: 21px;
  background-position: calc(1.5 * -2413px) 0px;
}

.iti__flag.iti__io {
  height: 15px;
  background-position: calc(1.5 * -2435px) 0px;
}

.iti__flag.iti__iq {
  height: 21px;
  background-position: calc(1.5 * -2457px) 0px;
}

.iti__flag.iti__ir {
  height: 18px;
  background-position: calc(1.5 * -2479px) 0px;
}

.iti__flag.iti__is {
  height: 22.5px;
  background-position: calc(1.5 * -2501px) 0px;
}

.iti__flag.iti__it {
  height: 21px;
  background-position: calc(1.5 * -2523px) 0px;
}

.iti__flag.iti__je {
  height: 18px;
  background-position: calc(1.5 * -2545px) 0px;
}

.iti__flag.iti__jm {
  height: 15px;
  background-position: calc(1.5 * -2567px) 0px;
}

.iti__flag.iti__jo {
  height: 15px;
  background-position: calc(1.5 * -2589px) 0px;
}

.iti__flag.iti__jp {
  height: 21px;
  background-position: calc(1.5 * -2611px) 0px;
}

.iti__flag.iti__ke {
  height: 21px;
  background-position: calc(1.5 * -2633px) 0px;
}

.iti__flag.iti__kg {
  height: 18px;
  background-position: calc(1.5 * -2655px) 0px;
}

.iti__flag.iti__kh {
  height: 19.5px;
  background-position: calc(1.5 * -2677px) 0px;
}

.iti__flag.iti__ki {
  height: 15px;
  background-position: calc(1.5 * -2699px) 0px;
}

.iti__flag.iti__km {
  height: 18px;
  background-position: calc(1.5 * -2721px) 0px;
}

.iti__flag.iti__kn {
  height: 21px;
  background-position: calc(1.5 * -2743px) 0px;
}

.iti__flag.iti__kp {
  height: 15px;
  background-position: calc(1.5 * -2765px) 0px;
}

.iti__flag.iti__kr {
  height: 21px;
  background-position: calc(1.5 * -2787px) 0px;
}

.iti__flag.iti__kw {
  height: 15px;
  background-position: calc(1.5 * -2809px) 0px;
}

.iti__flag.iti__ky {
  height: 15px;
  background-position: calc(1.5 * -2831px) 0px;
}

.iti__flag.iti__kz {
  height: 15px;
  background-position: calc(1.5 * -2853px) 0px;
}

.iti__flag.iti__la {
  height: 21px;
  background-position: calc(1.5 * -2875px) 0px;
}

.iti__flag.iti__lb {
  height: 21px;
  background-position: calc(1.5 * -2897px) 0px;
}

.iti__flag.iti__lc {
  height: 15px;
  background-position: calc(1.5 * -2919px) 0px;
}

.iti__flag.iti__li {
  height: 18px;
  background-position: calc(1.5 * -2941px) 0px;
}

.iti__flag.iti__lk {
  height: 15px;
  background-position: calc(1.5 * -2963px) 0px;
}

.iti__flag.iti__lr {
  height: 16.5px;
  background-position: calc(1.5 * -2985px) 0px;
}

.iti__flag.iti__ls {
  height: 21px;
  background-position: calc(1.5 * -3007px) 0px;
}

.iti__flag.iti__lt {
  height: 18px;
  background-position: calc(1.5 * -3029px) 0px;
}

.iti__flag.iti__lu {
  height: 18px;
  background-position: calc(1.5 * -3051px) 0px;
}

.iti__flag.iti__lv {
  height: 15px;
  background-position: calc(1.5 * -3073px) 0px;
}

.iti__flag.iti__ly {
  height: 15px;
  background-position: calc(1.5 * -3095px) 0px;
}

.iti__flag.iti__ma {
  height: 21px;
  background-position: calc(1.5 * -3117px) 0px;
}

.iti__flag.iti__mc {
  height: 22.5px;
  background-position: calc(1.5 * -3139px) 0px;
}

.iti__flag.iti__md {
  height: 15px;
  background-position: calc(1.5 * -3160px) 0px;
}

.iti__flag.iti__me {
  height: 15px;
  background-position: calc(1.5 * -3182px) 0px;
}

.iti__flag.iti__mf {
  height: 21px;
  background-position: calc(1.5 * -3204px) 0px;
}

.iti__flag.iti__mg {
  height: 21px;
  background-position: calc(1.5 * -3226px) 0px;
}

.iti__flag.iti__mh {
  height: 16.5px;
  background-position: calc(1.5 * -3248px) 0px;
}

.iti__flag.iti__mk {
  height: 15px;
  background-position: calc(1.5 * -3270px) 0px;
}

.iti__flag.iti__ml {
  height: 21px;
  background-position: calc(1.5 * -3292px) 0px;
}

.iti__flag.iti__mm {
  height: 21px;
  background-position: calc(1.5 * -3314px) 0px;
}

.iti__flag.iti__mn {
  height: 15px;
  background-position: calc(1.5 * -3336px) 0px;
}

.iti__flag.iti__mo {
  height: 21px;
  background-position: calc(1.5 * -3358px) 0px;
}

.iti__flag.iti__mp {
  height: 15px;
  background-position: calc(1.5 * -3380px) 0px;
}

.iti__flag.iti__mq {
  height: 21px;
  background-position: calc(1.5 * -3402px) 0px;
}

.iti__flag.iti__mr {
  height: 21px;
  background-position: calc(1.5 * -3424px) 0px;
}

.iti__flag.iti__ms {
  height: 15px;
  background-position: calc(1.5 * -3446px) 0px;
}

.iti__flag.iti__mt {
  height: 21px;
  background-position: calc(1.5 * -3468px) 0px;
}

.iti__flag.iti__mu {
  height: 21px;
  background-position: calc(1.5 * -3490px) 0px;
}

.iti__flag.iti__mv {
  height: 21px;
  background-position: calc(1.5 * -3512px) 0px;
}

.iti__flag.iti__mw {
  height: 21px;
  background-position: calc(1.5 * -3534px) 0px;
}

.iti__flag.iti__mx {
  height: 18px;
  background-position: calc(1.5 * -3556px) 0px;
}

.iti__flag.iti__my {
  height: 15px;
  background-position: calc(1.5 * -3578px) 0px;
}

.iti__flag.iti__mz {
  height: 21px;
  background-position: calc(1.5 * -3600px) 0px;
}

.iti__flag.iti__na {
  height: 21px;
  background-position: calc(1.5 * -3622px) 0px;
}

.iti__flag.iti__nc {
  height: 15px;
  background-position: calc(1.5 * -3644px) 0px;
}

.iti__flag.iti__ne {
  height: 22.5px;
  background-position: calc(1.5 * -3666px) 0px;
}

.iti__flag.iti__nf {
  height: 15px;
  background-position: calc(1.5 * -3686px) 0px;
}

.iti__flag.iti__ng {
  height: 15px;
  background-position: calc(1.5 * -3708px) 0px;
}

.iti__flag.iti__ni {
  height: 18px;
  background-position: calc(1.5 * -3730px) 0px;
}

.iti__flag.iti__nl {
  height: 21px;
  background-position: calc(1.5 * -3752px) 0px;
}

.iti__flag.iti__no {
  height: 22.5px;
  background-position: calc(1.5 * -3774px) 0px;
}

.iti__flag.iti__np {
  height: 22.5px;
  background-position: calc(1.5 * -3796px) 0px;
}

.iti__flag.iti__nr {
  height: 15px;
  background-position: calc(1.5 * -3811px) 0px;
}

.iti__flag.iti__nu {
  height: 15px;
  background-position: calc(1.5 * -3833px) 0px;
}

.iti__flag.iti__nz {
  height: 15px;
  background-position: calc(1.5 * -3855px) 0px;
}

.iti__flag.iti__om {
  height: 15px;
  background-position: calc(1.5 * -3877px) 0px;
}

.iti__flag.iti__pa {
  height: 21px;
  background-position: calc(1.5 * -3899px) 0px;
}

.iti__flag.iti__pe {
  height: 21px;
  background-position: calc(1.5 * -3921px) 0px;
}

.iti__flag.iti__pf {
  height: 21px;
  background-position: calc(1.5 * -3943px) 0px;
}

.iti__flag.iti__pg {
  height: 22.5px;
  background-position: calc(1.5 * -3965px) 0px;
}

.iti__flag.iti__ph {
  height: 15px;
  background-position: calc(1.5 * -3987px) 0px;
}

.iti__flag.iti__pk {
  height: 21px;
  background-position: calc(1.5 * -4009px) 0px;
}

.iti__flag.iti__pl {
  height: 19.5px;
  background-position: calc(1.5 * -4031px) 0px;
}

.iti__flag.iti__pm {
  height: 21px;
  background-position: calc(1.5 * -4053px) 0px;
}

.iti__flag.iti__pn {
  height: 15px;
  background-position: calc(1.5 * -4075px) 0px;
}

.iti__flag.iti__pr {
  height: 21px;
  background-position: calc(1.5 * -4097px) 0px;
}

.iti__flag.iti__ps {
  height: 15px;
  background-position: calc(1.5 * -4119px) 0px;
}

.iti__flag.iti__pt {
  height: 21px;
  background-position: calc(1.5 * -4141px) 0px;
}

.iti__flag.iti__pw {
  height: 19.5px;
  background-position: calc(1.5 * -4163px) 0px;
}

.iti__flag.iti__py {
  height: 16.5px;
  background-position: calc(1.5 * -4185px) 0px;
}

.iti__flag.iti__qa {
  height: 12px;
  background-position: calc(1.5 * -4207px) 0px;
}

.iti__flag.iti__re {
  height: 21px;
  background-position: calc(1.5 * -4229px) 0px;
}

.iti__flag.iti__ro {
  height: 21px;
  background-position: calc(1.5 * -4251px) 0px;
}

.iti__flag.iti__rs {
  height: 21px;
  background-position: calc(1.5 * -4273px) 0px;
}

.iti__flag.iti__ru {
  height: 21px;
  background-position: calc(1.5 * -4295px) 0px;
}

.iti__flag.iti__rw {
  height: 21px;
  background-position: calc(1.5 * -4317px) 0px;
}

.iti__flag.iti__sa {
  height: 21px;
  background-position: calc(1.5 * -4339px) 0px;
}

.iti__flag.iti__sb {
  height: 15px;
  background-position: calc(1.5 * -4361px) 0px;
}

.iti__flag.iti__sc {
  height: 15px;
  background-position: calc(1.5 * -4383px) 0px;
}

.iti__flag.iti__sd {
  height: 15px;
  background-position: calc(1.5 * -4405px) 0px;
}

.iti__flag.iti__se {
  height: 19.5px;
  background-position: calc(1.5 * -4427px) 0px;
}

.iti__flag.iti__sg {
  height: 21px;
  background-position: calc(1.5 * -4449px) 0px;
}

.iti__flag.iti__sh {
  height: 15px;
  background-position: calc(1.5 * -4471px) 0px;
}

.iti__flag.iti__si {
  height: 15px;
  background-position: calc(1.5 * -4493px) 0px;
}

.iti__flag.iti__sj {
  height: 22.5px;
  background-position: calc(1.5 * -4515px) 0px;
}

.iti__flag.iti__sk {
  height: 21px;
  background-position: calc(1.5 * -4537px) 0px;
}

.iti__flag.iti__sl {
  height: 21px;
  background-position: calc(1.5 * -4559px) 0px;
}

.iti__flag.iti__sm {
  height: 22.5px;
  background-position: calc(1.5 * -4581px) 0px;
}

.iti__flag.iti__so {
  height: 21px;
  background-position: calc(1.5 * -4625px) 0px;
}

.iti__flag.iti__sr {
  height: 21px;
  background-position: calc(1.5 * -4647px) 0px;
}

.iti__flag.iti__ss {
  height: 15px;
  background-position: calc(1.5 * -4669px) 0px;
}

.iti__flag.iti__st {
  height: 15px;
  background-position: calc(1.5 * -4691px) 0px;
}

.iti__flag.iti__sv {
  height: 18px;
  background-position: calc(1.5 * -4713px) 0px;
}

.iti__flag.iti__sx {
  height: 21px;
  background-position: calc(1.5 * -4735px) 0px;
}

.iti__flag.iti__sy {
  height: 21px;
  background-position: calc(1.5 * -4757px) 0px;
}

.iti__flag.iti__sz {
  height: 21px;
  background-position: calc(1.5 * -4779px) 0px;
}

.iti__flag.iti__ta {
  height: 15px;
  background-position: calc(1.5 * -4801px) 0px;
}

.iti__flag.iti__tc {
  height: 15px;
  background-position: calc(1.5 * -4823px) 0px;
}

.iti__flag.iti__td {
  height: 21px;
  background-position: calc(1.5 * -4845px) 0px;
}

.iti__flag.iti__tf {
  height: 21px;
  background-position: calc(1.5 * -4867px) 0px;
}

.iti__flag.iti__tg {
  height: 19.5px;
  background-position: calc(1.5 * -4889px) 0px;
}

.iti__flag.iti__th {
  height: 21px;
  background-position: calc(1.5 * -4911px) 0px;
}

.iti__flag.iti__tj {
  height: 15px;
  background-position: calc(1.5 * -4933px) 0px;
}

.iti__flag.iti__tk {
  height: 15px;
  background-position: calc(1.5 * -4955px) 0px;
}

.iti__flag.iti__tl {
  height: 15px;
  background-position: calc(1.5 * -4977px) 0px;
}

.iti__flag.iti__tm {
  height: 21px;
  background-position: calc(1.5 * -4999px) 0px;
}

.iti__flag.iti__tn {
  height: 21px;
  background-position: calc(1.5 * -5021px) 0px;
}

.iti__flag.iti__to {
  height: 15px;
  background-position: calc(1.5 * -5043px) 0px;
}

.iti__flag.iti__tr {
  height: 21px;
  background-position: calc(1.5 * -5065px) 0px;
}

.iti__flag.iti__tt {
  height: 18px;
  background-position: calc(1.5 * -5087px) 0px;
}

.iti__flag.iti__tv {
  height: 15px;
  background-position: calc(1.5 * -5109px) 0px;
}

.iti__flag.iti__tw {
  height: 21px;
  background-position: calc(1.5 * -5131px) 0px;
}

.iti__flag.iti__tz {
  height: 21px;
  background-position: calc(1.5 * -5153px) 0px;
}

.iti__flag.iti__ua {
  height: 21px;
  background-position: calc(1.5 * -5175px) 0px;
}

.iti__flag.iti__ug {
  height: 21px;
  background-position: calc(1.5 * -5197px) 0px;
}

.iti__flag.iti__um {
  height: 16.5px;
  background-position: calc(1.5 * -5219px) 0px;
}

.iti__flag.iti__un {
  height: 21px;
  background-position: calc(1.5 * -5241px) 0px;
}

.iti__flag.iti__us {
  height: 16.5px;
  background-position: calc(1.5 * -5263px) 0px;
}

.iti__flag.iti__uy {
  height: 21px;
  background-position: calc(1.5 * -5285px) 0px;
}

.iti__flag.iti__uz {
  height: 15px;
  background-position: calc(1.5 * -5307px) 0px;
}

.iti__flag.iti__va {
  height: 22.5px;
  background-position: calc(1.5 * -5329px) 0px;
}

.iti__flag.iti__vc {
  height: 21px;
  background-position: calc(1.5 * -5346px) 0px;
}

.iti__flag.iti__ve {
  height: 21px;
  background-position: calc(1.5 * -5368px) 0px;
}

.iti__flag.iti__vg {
  height: 15px;
  background-position: calc(1.5 * -5390px) 0px;
}

.iti__flag.iti__vi {
  height: 21px;
  background-position: calc(1.5 * -5412px) 0px;
}

.iti__flag.iti__vn {
  height: 21px;
  background-position: calc(1.5 * -5434px) 0px;
}

.iti__flag.iti__vu {
  height: 18px;
  background-position: calc(1.5 * -5456px) 0px;
}

.iti__flag.iti__wf {
  height: 21px;
  background-position: calc(1.5 * -5478px) 0px;
}

.iti__flag.iti__ws {
  height: 15px;
  background-position: calc(1.5 * -5500px) 0px;
}

.iti__flag.iti__xk {
  height: 22.5px;
  background-position: calc(1.5 * -5522px) 0px;
}

.iti__flag.iti__ye {
  height: 21px;
  background-position: calc(1.5 * -5544px) 0px;
}

.iti__flag.iti__yt {
  height: 21px;
  background-position: calc(1.5 * -5566px) 0px;
}

.iti__flag.iti__za {
  height: 21px;
  background-position: calc(1.5 * -5588px) 0px;
}

.iti__flag.iti__zm {
  height: 21px;
  background-position: calc(1.5 * -5610px) 0px;
}

.iti__flag.iti__zw {
  height: 15px;
  background-position: calc(1.5 * -5632px) 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 30px 0;
  background-size: 8478px 22.5px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/img/flags.png");
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}