.intl-tel-input { position: relative; display: block }

.intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box }

.intl-tel-input .hide { display: none }

.intl-tel-input .v-hide { visibility: hidden }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 48px; margin-left: 0; transition: background-color 100ms ease-out }
[dir="rtl"] .intl-tel-input input, [dir="rtl"] .intl-tel-input input[type=text], [dir="rtl"] .intl-tel-input input[type=tel] {padding-left: 6px; padding-right: 48px;}

.intl-tel-input input.iti-invalid-key { transition: background-color 0; background-color: #ffc7c7 }

.intl-tel-input .flag-dropdown { position: absolute; top: 0; bottom: 0; padding: 1px }

.intl-tel-input .flag-dropdown:hover { cursor: pointer }

.intl-tel-input .flag-dropdown:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05) }

.intl-tel-input input[disabled] + .flag-dropdown:hover, .intl-tel-input input[readonly] + .flag-dropdown:hover { cursor: default }

.intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag, .intl-tel-input input[readonly] + .flag-dropdown:hover .selected-flag { background-color: transparent }

.intl-tel-input .selected-flag { z-index: 1; position: relative; width: 42px; height: 100%; padding: 0 0 0 8px }
[dir="rtl"] .intl-tel-input .selected-flag {padding: 0 8px 0 0 }

.intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto }

.intl-tel-input .selected-flag .arrow { position: absolute; top: 50%; margin-top: -2px; right: 4px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555 }
[dir="rtl"] .intl-tel-input .selected-flag .arrow {left: 4px; right:auto;}

.intl-tel-input .selected-flag .arrow.up { border-top: none; border-bottom: 4px solid #555 }

.intl-tel-input .country-list { list-style: none; position: absolute; z-index: 2; 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 }

.intl-tel-input .country-list .flag { display: inline-block; width: 20px }

@media (max-width: 500px) {
	.intl-tel-input .country-list { white-space: normal }
}

.intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc }

.intl-tel-input .country-list .country { padding: 5px 10px }

.intl-tel-input .country-list .country .dial-code { color: #999 }

.intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05) }

.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle }

.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name { margin-right: 6px }

.intl-tel-input select { position: absolute; top: 0; left: 0; z-index: 1; width: 42px; height: 100%; opacity: 0 }

.iti-flag { width: 20px }

.iti-flag.be { width: 17px }

.iti-flag.ch { width: 15px }

.iti-flag.mc { width: 19px }

.iti-flag.ne { width: 17px }

.iti-flag.np { width: 12px }

.iti-flag.va { width: 15px }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.iti-flag { background-size: 288px 266px }
}

.iti-flag.ac { height: 10px; background-position: -189px -223px }

.iti-flag.ad { height: 14px; background-position: -63px -32px }

.iti-flag.ae { height: 10px; background-position: -247px -77px }

.iti-flag.af { height: 13px; background-position: -147px -150px }

.iti-flag.ag { height: 13px; background-position: -63px -136px }

.iti-flag.ai { height: 10px; background-position: -247px -132px }

.iti-flag.al { height: 14px; background-position: -42px -32px }

.iti-flag.am { height: 10px; background-position: -210px -234px }

.iti-flag.ao { height: 13px; background-position: -84px -44px }

.iti-flag.aq { height: 13px; background-position: -21px -78px }

.iti-flag.ar { height: 12px; background-position: -100px -194px }

.iti-flag.as { height: 10px; background-position: -84px -234px }

.iti-flag.at { height: 13px; background-position: -126px -87px }

.iti-flag.au { height: 10px; background-position: -247px -33px }

.iti-flag.aw { height: 13px; background-position: 0px -121px }

.iti-flag.ax { height: 13px; background-position: -37px -194px }

.iti-flag.az { height: 10px; background-position: -42px -245px }

.iti-flag.ba { height: 10px; background-position: -268px -33px }

.iti-flag.bb { height: 13px; background-position: -147px -136px }

.iti-flag.bd { height: 12px; background-position: -210px -118px }

.iti-flag.be { height: 15px; background-position: 0px -194px }

.iti-flag.bf { height: 13px; background-position: -168px -102px }

.iti-flag.bg { height: 12px; background-position: -210px -66px }

.iti-flag.bh { height: 12px; background-position: -210px -79px }

.iti-flag.bi { height: 12px; background-position: -210px -144px }

.iti-flag.bj { height: 13px; background-position: -21px -63px }

.iti-flag.bl { height: 13px; background-position: -42px -63px }

.iti-flag.bm { height: 10px; background-position: -210px -223px }

.iti-flag.bn { height: 10px; background-position: -21px -234px }

.iti-flag.bo { height: 13px; background-position: -63px -63px }

.iti-flag.bq { height: 13px; background-position: -84px 0px }

.iti-flag.br { height: 14px; background-position: -63px -47px }

.iti-flag.bs { height: 10px; background-position: -247px -55px }

.iti-flag.bt { height: 13px; background-position: -84px -29px }

.iti-flag.bv { height: 14px; background-position: 0px -32px }

.iti-flag.bw { height: 13px; background-position: -84px -58px }

.iti-flag.by { height: 10px; background-position: -84px -256px }

.iti-flag.bz { height: 13px; background-position: 0px -78px }

.iti-flag.ca { height: 10px; background-position: -268px -55px }

.iti-flag.cc { height: 10px; background-position: -268px -121px }

.iti-flag.cd { height: 15px; background-position: -42px 0px }

.iti-flag.cf { height: 13px; background-position: -42px -78px }

.iti-flag.cg { height: 13px; background-position: -63px -78px }

.iti-flag.ch { height: 15px; background-position: -231px 0px }

.iti-flag.ci { height: 13px; background-position: -105px 0px }

.iti-flag.ck { height: 10px; background-position: -247px -22px }

.iti-flag.cl { height: 13px; background-position: -105px -15px }

.iti-flag.cm { height: 13px; background-position: -105px -29px }

.iti-flag.cn { height: 13px; background-position: -105px -44px }

.iti-flag.co { height: 13px; background-position: -105px -58px }

.iti-flag.cp { height: 13px; background-position: -105px -73px }

.iti-flag.cr { height: 12px; background-position: -84px -210px }

.iti-flag.cu { height: 10px; background-position: -126px -256px }

.iti-flag.cv { height: 12px; background-position: -63px -210px }

.iti-flag.cw { height: 13px; background-position: -42px -92px }

.iti-flag.cx { height: 10px; background-position: -268px -77px }

.iti-flag.cy { height: 13px; background-position: -63px -92px }

.iti-flag.cz { height: 13px; background-position: -84px -92px }

.iti-flag.de { height: 12px; background-position: -42px -210px }

.iti-flag.dg { height: 10px; background-position: 0px -234px }

.iti-flag.dj { height: 13px; background-position: 0px -107px }

.iti-flag.dk { height: 15px; background-position: -21px -16px }

.iti-flag.dm { height: 10px; background-position: -189px -234px }

.iti-flag.do { height: 12px; background-position: -210px -14px }

.iti-flag.dz { height: 13px; background-position: -63px -107px }

.iti-flag.ea { height: 13px; background-position: -84px -107px }

.iti-flag.ec { height: 13px; background-position: -105px -107px }

.iti-flag.ee { height: 12px; background-position: -210px 0px }

.iti-flag.eg { height: 13px; background-position: -126px -15px }

.iti-flag.eh { height: 10px; background-position: -247px -165px }

.iti-flag.er { height: 10px; background-position: -247px -209px }

.iti-flag.es { height: 13px; background-position: -126px -29px }

.iti-flag.et { height: 10px; background-position: -189px -245px }

.iti-flag.eu { height: 13px; background-position: -126px -44px }

.iti-flag.fi { height: 12px; background-position: -210px -183px }

.iti-flag.fj { height: 10px; background-position: -210px -256px }

.iti-flag.fk { height: 10px; background-position: -268px 0px }

.iti-flag.fm { height: 10px; background-position: -21px -223px }

.iti-flag.fo { height: 14px; background-position: -21px -32px }

.iti-flag.fr { height: 13px; background-position: -126px -102px }

.iti-flag.ga { height: 15px; background-position: 0px 0px }

.iti-flag.gb { height: 10px; background-position: -268px -132px }

.iti-flag.gd { height: 12px; background-position: -210px -157px }

.iti-flag.ge { height: 13px; background-position: -42px -121px }

.iti-flag.gf { height: 13px; background-position: -63px -121px }

.iti-flag.gg { height: 13px; background-position: -84px -121px }

.iti-flag.gh { height: 13px; background-position: -105px -121px }

.iti-flag.gi { height: 10px; background-position: -105px -234px }

.iti-flag.gl { height: 13px; background-position: -126px -121px }

.iti-flag.gm { height: 13px; background-position: -147px 0px }

.iti-flag.gn { height: 13px; background-position: -147px -15px }

.iti-flag.gp { height: 13px; background-position: -147px -29px }

.iti-flag.gq { height: 13px; background-position: -147px -44px }

.iti-flag.gr { height: 13px; background-position: -147px -58px }

.iti-flag.gs { height: 10px; background-position: -247px -121px }

.iti-flag.gt { height: 12px; background-position: -163px -194px }

.iti-flag.gu { height: 10px; background-position: -42px -223px }

.iti-flag.gw { height: 10px; background-position: -247px -198px }

.iti-flag.gy { height: 12px; background-position: -105px -210px }

.iti-flag.hk { height: 13px; background-position: -147px -116px }

.iti-flag.hm { height: 10px; background-position: -63px -245px }

.iti-flag.hn { height: 10px; background-position: -84px -245px }

.iti-flag.hr { height: 10px; background-position: -168px -245px }

.iti-flag.ht { height: 12px; background-position: -210px -92px }

.iti-flag.hu { height: 10px; background-position: -231px -245px }

.iti-flag.ic { height: 13px; background-position: -21px -136px }

.iti-flag.id { height: 13px; background-position: -42px -136px }

.iti-flag.ie { height: 10px; background-position: -189px -256px }

.iti-flag.il { height: 14px; background-position: 0px -48px }

.iti-flag.im { height: 10px; background-position: -231px -256px }

.iti-flag.in { height: 13px; background-position: -84px -136px }

.iti-flag.io { height: 10px; background-position: -268px -11px }

.iti-flag.iq { height: 13px; background-position: -105px -136px }

.iti-flag.ir { height: 11px; background-position: -126px -210px }

.iti-flag.is { height: 14px; background-position: -21px -48px }

.iti-flag.it { height: 13px; background-position: 0px -150px }

.iti-flag.je { height: 12px; background-position: -210px -53px }

.iti-flag.jm { height: 10px; background-position: -268px -154px }

.iti-flag.jo { height: 10px; background-position: -268px -165px }

.iti-flag.jp { height: 13px; background-position: -42px -150px }

.iti-flag.ke { height: 13px; background-position: -63px -150px }

.iti-flag.kg { height: 12px; background-position: -210px -40px }

.iti-flag.kh { height: 13px; background-position: -58px -194px }

.iti-flag.ki { height: 10px; background-position: -63px -234px }

.iti-flag.km { height: 12px; background-position: -21px -210px }

.iti-flag.kn { height: 13px; background-position: 0px -63px }

.iti-flag.kp { height: 10px; background-position: -147px -234px }

.iti-flag.kr { height: 13px; background-position: -168px 0px }

.iti-flag.kw { height: 10px; background-position: -105px -223px }

.iti-flag.ky { height: 10px; background-position: -247px 0px }

.iti-flag.kz { height: 10px; background-position: -247px -11px }

.iti-flag.la { height: 13px; background-position: -168px -29px }

.iti-flag.lb { height: 13px; background-position: -168px -44px }

.iti-flag.lc { height: 10px; background-position: -247px -44px }

.iti-flag.li { height: 12px; background-position: -210px -196px }

.iti-flag.lk { height: 10px; background-position: -247px -66px }

.iti-flag.lr { height: 10px; background-position: -63px -223px }

.iti-flag.ls { height: 13px; background-position: -168px -87px }

.iti-flag.lt { height: 12px; background-position: -210px -131px }

.iti-flag.lu { height: 12px; background-position: -210px -105px }

.iti-flag.lv { height: 10px; background-position: -247px -176px }

.iti-flag.ly { height: 10px; background-position: -247px -187px }

.iti-flag.ma { height: 13px; background-position: -168px -131px }

.iti-flag.mc { height: 15px; background-position: -63px -16px }

.iti-flag.md { height: 10px; background-position: -247px -220px }

.iti-flag.me { height: 10px; background-position: -247px -231px }

.iti-flag.mf { height: 13px; background-position: 0px -165px }

.iti-flag.mg { height: 13px; background-position: -21px -165px }

.iti-flag.mh { height: 10px; background-position: -84px -223px }

.iti-flag.mk { height: 10px; background-position: -105px -245px }

.iti-flag.ml { height: 13px; background-position: -63px -165px }

.iti-flag.mm { height: 13px; background-position: -84px -165px }

.iti-flag.mn { height: 10px; background-position: -210px -245px }

.iti-flag.mo { height: 13px; background-position: -105px -165px }

.iti-flag.mp { height: 10px; background-position: -63px -256px }

.iti-flag.mq { height: 13px; background-position: -126px -165px }

.iti-flag.mr { height: 13px; background-position: -147px -165px }

.iti-flag.ms { height: 10px; background-position: -147px -256px }

.iti-flag.mt { height: 13px; background-position: -168px -165px }

.iti-flag.mu { height: 13px; background-position: -189px 0px }

.iti-flag.mv { height: 13px; background-position: -189px -15px }

.iti-flag.mw { height: 13px; background-position: -189px -29px }

.iti-flag.mx { height: 11px; background-position: -168px -210px }

.iti-flag.my { height: 10px; background-position: -268px -22px }

.iti-flag.mz { height: 13px; background-position: -189px -58px }

.iti-flag.na { height: 13px; background-position: -189px -73px }

.iti-flag.nc { height: 10px; background-position: -268px -66px }

.iti-flag.ne { height: 15px; background-position: -19px -194px }

.iti-flag.nf { height: 10px; background-position: -268px -99px }

.iti-flag.ng { height: 10px; background-position: -268px -110px }

.iti-flag.ni { height: 12px; background-position: -210px -27px }

.iti-flag.nl { height: 13px; background-position: -189px -116px }

.iti-flag.no { height: 14px; background-position: -42px -48px }

.iti-flag.np { height: 15px; background-position: -268px -198px }

.iti-flag.nr { height: 10px; background-position: -268px -176px }

.iti-flag.nu { height: 10px; background-position: -126px -223px }

.iti-flag.nz { height: 10px; background-position: -147px -223px }

.iti-flag.om { height: 10px; background-position: -168px -223px }

.iti-flag.pa { height: 13px; background-position: -189px -160px }

.iti-flag.pe { height: 13px; background-position: 0px -179px }

.iti-flag.pf { height: 13px; background-position: -21px -179px }

.iti-flag.pg { height: 15px; background-position: -21px 0px }

.iti-flag.ph { height: 10px; background-position: -42px -234px }

.iti-flag.pk { height: 13px; background-position: -63px -179px }

.iti-flag.pl { height: 12px; background-position: -142px -194px }

.iti-flag.pm { height: 13px; background-position: -105px -179px }

.iti-flag.pn { height: 10px; background-position: -126px -234px }

.iti-flag.pr { height: 13px; background-position: -126px -179px }

.iti-flag.ps { height: 10px; background-position: -168px -234px }

.iti-flag.pt { height: 13px; background-position: -147px -179px }

.iti-flag.pw { height: 12px; background-position: -184px -194px }

.iti-flag.py { height: 11px; background-position: -189px -210px }

.iti-flag.qa { height: 8px; background-position: -268px -214px }

.iti-flag.re { height: 13px; background-position: -168px -179px }

.iti-flag.ro { height: 13px; background-position: -84px -179px }

.iti-flag.rs { height: 13px; background-position: -189px -102px }

.iti-flag.ru { height: 13px; background-position: -189px -87px }

.iti-flag.rw { height: 13px; background-position: -189px -44px }

.iti-flag.sa { height: 13px; background-position: -42px -165px }

.iti-flag.sb { height: 10px; background-position: -247px -88px }

.iti-flag.sc { height: 10px; background-position: -247px -99px }

.iti-flag.sd { height: 10px; background-position: -247px -110px }

.iti-flag.se { height: 12px; background-position: -121px -194px }

.iti-flag.sg { height: 13px; background-position: -168px -116px }

.iti-flag.sh { height: 10px; background-position: -247px -143px }

.iti-flag.si { height: 10px; background-position: -247px -154px }

.iti-flag.sj { height: 14px; background-position: -63px 0px }

.iti-flag.sk { height: 13px; background-position: -168px -73px }

.iti-flag.sl { height: 13px; background-position: -168px -58px }

.iti-flag.sm { height: 15px; background-position: 0px -16px }

.iti-flag.sn { height: 13px; background-position: -105px -150px }

.iti-flag.so { height: 13px; background-position: -84px -150px }

.iti-flag.sr { height: 13px; background-position: -21px -150px }

.iti-flag.ss { height: 10px; background-position: 0px -245px }

.iti-flag.st { height: 10px; background-position: -21px -245px }

.iti-flag.sv { height: 11px; background-position: -147px -210px }

.iti-flag.sx { height: 13px; background-position: -126px -136px }

.iti-flag.sy { height: 13px; background-position: 0px -136px }

.iti-flag.sz { height: 13px; background-position: -147px -102px }

.iti-flag.ta { height: 10px; background-position: -126px -245px }

.iti-flag.tc { height: 10px; background-position: -147px -245px }

.iti-flag.td { height: 13px; background-position: -147px -87px }

.iti-flag.tf { height: 13px; background-position: -147px -73px }

.iti-flag.tg { height: 12px; background-position: -79px -194px }

.iti-flag.th { height: 13px; background-position: -21px -121px }

.iti-flag.tj { height: 10px; background-position: 0px -256px }

.iti-flag.tk { height: 10px; background-position: -21px -256px }

.iti-flag.tl { height: 10px; background-position: -42px -256px }

.iti-flag.tm { height: 13px; background-position: -126px -73px }

.iti-flag.tn { height: 13px; background-position: -126px -58px }

.iti-flag.to { height: 10px; background-position: -105px -256px }

.iti-flag.tr { height: 13px; background-position: -126px 0px }

.iti-flag.tt { height: 12px; background-position: 0px -210px }

.iti-flag.tv { height: 10px; background-position: -168px -256px }

.iti-flag.tw { height: 13px; background-position: -42px -107px }

.iti-flag.tz { height: 13px; background-position: -105px -92px }

.iti-flag.ua { height: 13px; background-position: -21px -92px }

.iti-flag.ug { height: 13px; background-position: 0px -92px }

.iti-flag.um { height: 10px; background-position: 0px -223px }

.iti-flag.us { height: 10px; background-position: -210px -210px }

.iti-flag.uy { height: 13px; background-position: -84px -78px }

.iti-flag.uz { height: 10px; background-position: -268px -44px }

.iti-flag.va { height: 15px; background-position: -231px -16px }

.iti-flag.vc { height: 13px; background-position: -42px -179px }

.iti-flag.ve { height: 13px; background-position: -189px -131px }

.iti-flag.vg { height: 10px; background-position: -268px -88px }

.iti-flag.vi { height: 13px; background-position: -168px -145px }

.iti-flag.vn { height: 13px; background-position: -168px -15px }

.iti-flag.vu { height: 12px; background-position: -210px -170px }

.iti-flag.wf { height: 13px; background-position: -126px -150px }

.iti-flag.ws { height: 10px; background-position: -268px -143px }

.iti-flag.xk { height: 14px; background-position: -42px -16px }

.iti-flag.ye { height: 13px; background-position: -21px -107px }

.iti-flag.yt { height: 13px; background-position: -84px -15px }

.iti-flag.za { height: 13px; background-position: -189px -179px }

.iti-flag.zm { height: 13px; background-position: -189px -145px }

.iti-flag.zw { height: 10px; background-position: -268px -187px }

.iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("img/flags.png"); background-color: #dbdbdb; background-position: 100% 100% }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.iti-flag { background-image: url("img/flags@2x.png") }
}

.iti-flag.np { background-color: transparent }
