/* micro clearfix*/
.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* ~micro clearfix*/

/**
 * --------------------------------------------------------------------------------
 *	Reset
 * --------------------------------------------------------------------------------
 **/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

.clear-both {
    clear: both;
}

a:focus, a:active, a:visited, a img:focus, a img:active, a img:visited, button:focus, button:active, button:visited {
    /*border: none;*/
    outline: none;
}

body {
    margin: 0;
    padding: 0;
}

/**
 * --------------------------------------------------------------------------------
 *  Body
 * --------------------------------------------------------------------------------
 **/

body {
    /*font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: 16px;
    color: #5e5e5e;*/
}

.rf-main-wrapper label, .rf-main-wrapper .terms-and-conds {
    color: #424242;
}

.rf-main-wrapper {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: 16px;
    color: #5e5e5e;

    max-width: 1024px;
    width: 100%;
    background: #ffffff;
    margin: 0 auto;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sc .rf-main-wrapper,
.ch .rf-main-wrapper {
    font-family: "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, sans-serif !important;
}
.kr .rf-main-wrapper {
    font-family: "Malgun Gothic", "MyriadPro", Arial, sans-serif !important;
}
.th .rf-main-wrapper {
    font-family: Tahoma, Arial, sans-serif !important;
}
.vn .rf-main-wrapper {
    font-family: Calibri, "Times New Roman", serif !important;
}

.registration-form {
    padding: 15px 20px 30px;
    width: 100%;
}

.regform-div-header {
    margin: 0 0 15px 15px;
}

.regform-div-header.div-header-2 {
    margin: 20px 0 15px 15px;
}

.regform-div-header h3 {
    color: #424242;
    font-size: 20px;
    font-weight: 600;
}

.regform-item {
    padding: 0 15px;
    position: relative;
}

.regform-item > * {
    display: inline-block;
    vertical-align: top;
}

.regform-item .item-label {
    /*width: 30%;*/
    text-align: right;
    padding-right: 15px;
    padding-top: 7px;
    margin-bottom: 10px;
    /*text-transform: uppercase;*/
    font-size: 18px;
    position: absolute;
    color: #d3d3d3;
    top: 0px;
    z-index: 2;
    cursor: text;
    line-height: 26px;

    transition: top .1s ease-out,font-size .1s ease-out;
    -moz-transition: top .1s ease-out,font-size .1s ease-out;
    -webkit-transition: top .1s ease-out,font-size .1s ease-out;
    -o-transition: top .1s ease-out,font-size .1s ease-out;
    -ms-transition: top .1s ease-out,font-size .1s ease-out;
}

.regform-item.focused .item-label,
.regform-item.filled .item-label,
.regform-item .focused .item-label,
.regform-item .filled .item-label {
    top: -20px;
    font-size: 12px;
}

.regform-item.hidden {
    display: none;
    visibility: hidden;
}

.regform-item > label[for="regForm_currency"],
.regform-item > label[for="regForm_country"] {
    display: none;
}

.regform-item > .item-element-wrapper {
    width: 97%;
    margin-bottom: 15px;
    position: relative;
}

.regform-item > .item-element-wrapper input,
.regform-item > .item-element-wrapper select {
    width: 100%;
    padding: 0;
    font-size: 18px;
    height: 40px;
    /*border: 1px solid #999;*/
    border: none;
    border-bottom: 1px solid #999;
    color: #373737;
    outline: none;
}

.regform-item span.required, 
.regform-item span.item-error {
    color: #FF0000;
}

.regform-item span.item-error {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
}

.regform-item span.item-error a {
    color: #FF0000;
    text-decoration: underline;
}

.regform-item.regform-bday .item-element-wrapper > select {
    display: inline-block;
}

.regform-item.regform-bday .item-element-wrapper > select#regForm_birthdate_day {
    width: 65px;
}

.regform-item.regform-bday .item-element-wrapper > select#regForm_birthdate_month {
    width: 65px;
}

.regform-item.regform-bday .item-element-wrapper > select#regForm_birthdate_year {
    width: 80px;
}

.rf-main-wrapper .item-element-wrapper input:focus,
.rf-main-wrapper .item-element-wrapper select:focus {
    border-color: #129fea;
}

.regform-item.has-error input,
.regform-item.has-error select {
    border-color: #FF0000;
}

.rf-main-wrapper .validation-icon {
    position: absolute;
    top: 8px;
    right: -33px;
    display: none;
    background-image: url(../images/registration-icons.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}

.rf-main-wrapper .has-error .validation-icon, 
.rf-main-wrapper .has-success .validation-icon {
    display: inline-block;
}

.rf-main-wrapper .has-error .validation-icon {
    background-position: -1px -1px;
}

.rf-main-wrapper .has-success .validation-icon {
    background-position: -41px -1px;
}

.rf-main-wrapper .password-visibility-icon {
    background-image: url(../images/registration-icons.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 23px;
    right: 9px;
    top: 8px;
    cursor: pointer;
}

.registration-form .password-visibility-icon.icon-hide {
    background-position: -42px -34px;
}

.registration-form .password-visibility-icon.icon-show {
    background-position: -2px -36px;
    top: 10px;
}

.password-strength-hidden {
    display:none;
}

.password-strength-wrapper .password-strength-msg {
    font-size: 12px;
}

.password-strength-wrapper .password-strength-msg span {
    text-transform: capitalize;
    margin-left: 5px;
}

.password-strength-wrapper .password-strength-bar-wrapper {
    height: 8px;
    border: 1px solid;
}

.password-strength-wrapper .password-strength-bar {
    height: 100%;
}

.password-strength-weak {
    display:block;
}

.password-strength-weak .password-strength-msg span {
    color: #f20000;
}

.password-strength-weak .password-strength-bar-wrapper {
    border-color: #f20000;
}

.password-strength-weak .password-strength-bar {
    width: 33.3333333%;
    background-color: #f20000;
}

.password-strength-average {
    display:block;
}

.password-strength-average .password-strength-msg span {
    color: #f43e06;
}

.password-strength-average .password-strength-bar-wrapper {
    border-color: #f43e06;
}

.password-strength-average .password-strength-bar {
    width: 66.6666666%;
    background-color: #f43e06;
}

.password-strength-strong {
    display:block;
}

.password-strength-strong .password-strength-msg span {
    color: #0b840b;
}

.password-strength-strong .password-strength-bar-wrapper {
    border-color: #0b840b;
}

.password-strength-strong .password-strength-bar {
    width: 100%;
    background-color: #0b840b;
}

.country-area-code {
    display: table;
    margin-bottom: 0!important;
}

.country-area-code input {
    /*padding-left: 150px!important;*/
}

.country-area-code ul {
    /*position: absolute;
    top: 40px;
    left: 0;
    z-index: 2;
    max-height: 300px;
    padding: 0;
    overflow: auto!important;
    list-style-type: none;
    background: #fff;
    height: 0;
    transition: height 0.2s;*/
}

.country-area-code ul.active {
    /*height: 300px;*/
}

.country-area-code #country-search {
    border: 1px solid #129fea;
}

.mobile-country-dd-wrapper {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 3;
    max-height: 300px;
    padding: 0;
    overflow: auto!important;
    list-style-type: none;
    background: #fff;
    height: 0;
    transition: height 0.2s;
}

.mobile-country-dd-wrapper.active {
    height: 300px;
    padding: 10px;
    border: 1px solid #999;
}

.country-area-code li {
    display: inline;
}

.country-area-code .trigger,
.country-area-code li span {
    position: relative;
    display: block;
    padding: 0 6px 4px;
    line-height: 35px;
    cursor: pointer;
    color: #373737;
    font-size: 18px;
}

.country-area-code.pre-filled .trigger {
    cursor: default;
}

.country-area-code .trigger em,
.country-area-code li span em {
    font-style: normal;
}

.country-area-code .trigger .country-num,
.country-area-code li span .country-num {
    margin-left: 6px;
    color: #999;
}

.country-area-code .trigger:before,
.country-area-code li span:before {
    width: 50px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-image: url('../images/sprite-flags.png');
    background-repeat: no-repeat;
    background-position: 40px 40px;
    text-indent: -9999px;
    display: inline-block;
    margin-right: 5px;
    content: "";
}

.country-area-code span.trigger {
    /*position: absolute;
    top: 0;
    left: 0;*/
    position: relative;
    display: table-cell;
    background-color: #fff;
    border-bottom: 1px solid #999;
    white-space: nowrap;
}

.country-area-code span.trigger:before {
    position: relative;
    top: 0px;
    margin-right: 20px;
}

.country-area-code span.trigger:after {
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid #5e5e5e;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: 15px;
    left: 60px;
    border-top-width: 10px;
    content: "";
}

.country-area-code.pre-filled span.trigger:after {
    display: none;
}

.mobile-item-wrapper {
    padding-left: 20px;
    position: relative;
    display: table-cell;
}

::-webkit-input-placeholder {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    color: #999;
}

:-moz-placeholder,
::-moz-placeholder {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    color: #999;
}

:-ms-input-placeholder {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    color: #999;
}

.rf-main-wrapper .form-input-tip {
    position: relative;
    display: block;
    margin-top: 11px;
    padding: 10px 12px;
    border-radius: 4px;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
    background: #373737;
    color: #fff;
    font-size: 14px
}

.rf-main-wrapper .form-input-tip:before {
    display: block;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #373737;
    border-left: 8px solid transparent;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -5px;
    border-bottom-width: 9px;
    content: ""
}

.pika-title {
    background: #d3d3d3;
    background: -webkit-linear-gradient(top,#e6e7e8,#d3d3d3);
    background: linear-gradient(180deg,#e6e7e8 0,#d3d3d3);
    padding: 7px 0 7px;
}

.pika-single {
    z-index: 999999 !important;
}

.pika-single .pika-label {
    margin: 0 2px;
    padding: 5px 20px 5px 8px;
    line-height: normal;
}

.pika-single .pika-label:before {
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid #373737;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    border-bottom-width: 6px;
    content: ""
}

.registration-form hr {
    border: 0;
    border-top: 1px solid #A8A8A8;
    margin: 15px 0 25px;
}

.rf-main-wrapper .action-container {
    font-size: 0;
    /*width: 80%;*/
    margin: 10px auto 0;
    /*display: table;*/
}

.rf-main-wrapper .action-container > div {
    display: table-cell;
    vertical-align: top;
}

.rf-main-wrapper .action-container > .terms-and-conds {
    width: auto;
    padding: 0 15px;
    text-align: right;
    font-size: 16px;
    margin: 20px auto 0;
    /*text-transform: uppercase;*/
}

.rf-main-wrapper .action-container > .terms-and-conds a {
    color: #FF0000;
    text-decoration: underline;
    font-weight: 700;
}

.rf-main-wrapper .action-container > .button-wrapper {
    width: 140px;
    text-align: center;
}

.rf-main-wrapper button.rf-submit-button {
    font-size: 24px;
    height: 60px;
    border: 2px solid #FFE000;
    background: #FFE000;
    color: #373737;
    padding: 0px 30px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    transition: color .3s,background .3s,border-color .3s;
    white-space: nowrap;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.rf-main-wrapper button.rf-submit-button:hover {
    background-color: #FBE470;
}

.rf-main-wrapper button.rf-submit-button.disabled {
    cursor: not-allowed;
}

.rf-main-wrapper .submit-loading {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url('../images/loader.gif');
    background-size: 100%
}

.rf-notification {
    color: #000000;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

.rf-submit-icon {
    background-image: url(../images/registration-icons.png);
    background-repeat: no-repeat;
    background-position: -41px -1px;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.rf-submit-success-icon {
    background-position: -41px -1px;
}

.rf-submit-failed-icon {
    background-position: -1px -1px;
}

.rf-notification span a {
    color: #FF0000;
    text-decoration: underline;
}

/* COUNTRY CODE FLAGS */

.country-area-code .af span:before,
.country-area-code span.af:before {
    background-position: -420px -360px
}

.country-area-code .al span:before,
.country-area-code span.al:before {
    background-position: -480px -240px
}

.country-area-code .dz span:before,
.country-area-code span.dz:before {
    background-position: -480px -400px
}

.country-area-code .as span:before,
.country-area-code span.as:before {
    background-position: -360px -520px
}

.country-area-code .ad span:before,
.country-area-code span.ad:before {
    background-position: -480px -160px
}

.country-area-code .ao span:before,
.country-area-code span.ao:before {
    background-position: -420px -400px
}

.country-area-code .ai span:before,
.country-area-code span.ai:before {
    background-position: -420px -520px
}

.country-area-code .aq span:before,
.country-area-code span.aq:before {
    background-position: -480px -520px
}

.country-area-code .ag span:before,
.country-area-code span.ag:before {
    background-position: -240px -120px
}

.country-area-code .ar span:before,
.country-area-code span.ar:before {
    background-position: -600px 0
}

.country-area-code .am span:before,
.country-area-code span.am:before {
    background-position: -360px -240px
}

.country-area-code .aw span:before,
.country-area-code span.aw:before {
    background-position: -540px -520px
}

.country-area-code .au span:before,
.country-area-code span.au:before {
    background-position: -600px -40px
}

.country-area-code .at span:before,
.country-area-code span.at:before {
    background-position: -300px -240px
}

.country-area-code .ax span:before,
.country-area-code span.ax:before {
    background-position: -180px -720px
}

.country-area-code .az span:before,
.country-area-code span.az:before {
    background-position: -240px -240px
}

.country-area-code .bs span:before,
.country-area-code span.bs:before {
    background-position: -180px -120px
}

.country-area-code .bh span:before,
.country-area-code span.bh:before {
    background-position: -360px -360px
}

.country-area-code .bd span:before,
.country-area-code span.bd:before {
    background-position: -300px -360px
}

.country-area-code .bb span:before,
.country-area-code span.bb:before {
    background-position: -120px -120px
}

.country-area-code .by span:before,
.country-area-code span.by:before {
    background-position: -180px -240px
}

.country-area-code .be span:before,
.country-area-code span.be:before {
    background-position: -120px -240px
}

.country-area-code .bz span:before,
.country-area-code span.bz:before {
    background-position: -60px -120px
}

.country-area-code .bj span:before,
.country-area-code span.bj:before {
    background-position: -360px -400px
}

.country-area-code .bm span:before,
.country-area-code span.bm:before {
    background-position: -600px -520px
}

.country-area-code .bt span:before,
.country-area-code span.bt:before {
    background-position: -240px -360px
}

.country-area-code .bo span:before,
.country-area-code span.bo:before {
    background-position: -540px 0
}

.country-area-code .ba span:before,
.country-area-code span.ba:before {
    background-position: -60px -240px
}

.country-area-code .bw span:before,
.country-area-code span.bw:before {
    background-position: -300px -400px
}

.country-area-code .br span:before,
.country-area-code span.br:before {
    background-position: -480px 0
}

.country-area-code .io span:before,
.country-area-code span.io:before {
    background-position: -660px -520px
}

.country-area-code .vg span:before,
.country-area-code span.vg:before {
    background-position: -720px -520px
}

.country-area-code .bn span:before,
.country-area-code span.bn:before {
    background-position: -180px -360px
}

.country-area-code .bg span:before,
.country-area-code span.bg:before {
    background-position: 0 -240px
}

.country-area-code .bf span:before,
.country-area-code span.bf:before {
    background-position: -240px -400px
}

.country-area-code .bi span:before,
.country-area-code span.bi:before {
    background-position: -180px -400px
}

.country-area-code .kh span:before,
.country-area-code span.kh:before {
    background-position: -120px -360px
}

.country-area-code .cm span:before,
.country-area-code span.cm:before {
    background-position: -120px -400px
}

.country-area-code .ca span:before,
.country-area-code span.ca:before {
    background-position: 0 -120px
}

.country-area-code .cv span:before,
.country-area-code span.cv:before {
    background-position: -60px -400px
}

.country-area-code .ky span:before,
.country-area-code span.ky:before {
    background-position: -780px -520px
}

.country-area-code .cf span:before,
.country-area-code span.cf:before {
    background-position: 0 -400px
}

.country-area-code .td span:before,
.country-area-code span.td:before {
    background-position: -60px -160px
}

.country-area-code .cl span:before,
.country-area-code span.cl:before {
    background-position: -420px 0
}

.country-area-code .cn span:before,
.country-area-code span.cn:before {
    background-position: -60px -360px
}

.country-area-code .cx span:before,
.country-area-code span.cx:before {
    background-position: 0 -560px
}

.country-area-code .cc span:before,
.country-area-code span.cc:before {
    background-position: -60px -560px
}

.country-area-code .co span:before,
.country-area-code span.co:before {
    background-position: -360px 0
}

.country-area-code .km span:before,
.country-area-code span.km:before {
    background-position: -780px -360px
}

.country-area-code .ck span:before,
.country-area-code span.ck:before {
    background-position: -120px -560px
}

.country-area-code .cr span:before,
.country-area-code span.cr:before {
    background-position: -780px -80px
}

.country-area-code .hr span:before,
.country-area-code span.hr:before {
    background-position: -780px -200px
}

.country-area-code .cu span:before,
.country-area-code span.cu:before {
    background-position: -720px -80px
}

.country-area-code .cw span:before,
.country-area-code span.cw:before {
    background-position: -180px -560px
}

.country-area-code .cy span:before,
.country-area-code span.cy:before {
    background-position: -720px -200px
}

.country-area-code .cz span:before,
.country-area-code span.cz:before {
    background-position: -660px -200px
}

.country-area-code .cd span:before,
.country-area-code span.cd:before {
    background-position: -240px -560px
}

.country-area-code .dk span:before,
.country-area-code span.dk:before {
    background-position: -600px -200px
}

.country-area-code .dj span:before,
.country-area-code span.dj:before {
    background-position: -600px -360px
}

.country-area-code .dm span:before,
.country-area-code span.dm:before {
    background-position: -660px -80px
}

.country-area-code .do span:before,
.country-area-code span.do:before {
    background-position: -600px -80px
}

.country-area-code .tl span:before,
.country-area-code span.tl:before {
    background-position: 0 -360px
}

.country-area-code .ec span:before,
.country-area-code span.ec:before {
    background-position: -360px -560px
}

.country-area-code .eg span:before,
.country-area-code span.eg:before {
    background-position: -480px -360px
}

.country-area-code .sv span:before,
.country-area-code span.sv:before {
    background-position: -600px 0
}

.country-area-code .gq span:before,
.country-area-code span.gq:before {
    background-position: -540px -360px
}

.country-area-code .er span:before,
.country-area-code span.er:before {
    background-position: -180px -520px
}

.country-area-code .ee span:before,
.country-area-code span.ee:before {
    background-position: -300px -560px
}

.country-area-code .et span:before,
.country-area-code span.et:before {
    background-position: -120px -520px
}

.country-area-code .fk span:before,
.country-area-code span.fk:before {
    background-position: -420px -560px
}

.country-area-code .fo span:before,
.country-area-code span.fo:before {
    background-position: -480px -560px
}

.country-area-code .fj span:before,
.country-area-code span.fj:before {
    background-position: -720px 0
}

.country-area-code .fi span:before,
.country-area-code span.fi:before {
    background-position: -540px -200px
}

.country-area-code .fr span:before,
.country-area-code span.fr:before {
    background-position: -540px -560px
}

.country-area-code .pf span:before,
.country-area-code span.pf:before {
    background-position: -600px -560px
}

.country-area-code .ga span:before,
.country-area-code span.ga:before {
    background-position: -60px -520px
}

.country-area-code .gm span:before,
.country-area-code span.gm:before {
    background-position: 0 -520px
}

.country-area-code .ge span:before,
.country-area-code span.ge:before {
    background-position: -660px -560px
}

.country-area-code .de span:before,
.country-area-code span.de:before {
    background-position: -720px -560px
}

.country-area-code .gh span:before,
.country-area-code span.gh:before {
    background-position: -780px -480px
}

.country-area-code .gi span:before,
.country-area-code span.gi:before {
    background-position: -780px -560px
}

.country-area-code .gr span:before,
.country-area-code span.gr:before {
    background-position: -300px -200px
}

.country-area-code .gl span:before,
.country-area-code span.gl:before {
    background-position: 0 -600px
}

.country-area-code .gd span:before,
.country-area-code span.gd:before {
    background-position: -480px -80px
}

.country-area-code .gu span:before,
.country-area-code span.gu:before {
    background-position: -60px -600px
}

.country-area-code .gt span:before,
.country-area-code span.gt:before {
    background-position: -420px -80px
}

.country-area-code .gg span:before,
.country-area-code span.gg:before {
    background-position: -120px -600px
}

.country-area-code .gn span:before,
.country-area-code span.gn:before {
    background-position: -660px -480px
}

.country-area-code .gw span:before,
.country-area-code span.gw:before {
    background-position: -720px -480px
}

.country-area-code .gy span:before,
.country-area-code span.gy:before {
    background-position: -300px 0
}

.country-area-code .ht span:before,
.country-area-code span.ht:before {
    background-position: -360px -80px
}

.country-area-code .hn span:before,
.country-area-code span.hn:before {
    background-position: -300px -80px
}

.country-area-code .hk span:before,
.country-area-code span.hk:before {
    background-position: -180px -600px
}

.country-area-code .hu span:before,
.country-area-code span.hu:before {
    background-position: -240px -200px
}

.country-area-code .is span:before,
.country-area-code span.is:before {
    background-position: -180px -200px
}

.country-area-code .in span:before,
.country-area-code span.in:before {
    background-position: -780px -320px
}

.country-area-code .id span:before,
.country-area-code span.id:before {
    background-position: -420px -160px
}

.country-area-code .ir span:before,
.country-area-code span.ir:before {
    background-position: -660px -320px
}

.country-area-code .iq span:before,
.country-area-code span.iq:before {
    background-position: -600px -320px
}

.country-area-code .ie span:before,
.country-area-code span.ie:before {
    background-position: -120px -200px
}

.country-area-code .im span:before,
.country-area-code span.im:before {
    background-position: -240px -600px
}

.country-area-code .il span:before,
.country-area-code span.il:before {
    background-position: -300px -600px
}

.country-area-code .it span:before,
.country-area-code span.it:before {
    background-position: -360px -600px
}

.country-area-code .ci span:before,
.country-area-code span.ci:before {
    background-position: -240px -520px
}

.country-area-code .jm span:before,
.country-area-code span.jm:before {
    background-position: -240px -80px
}

.country-area-code .jp span:before,
.country-area-code span.jp:before {
    background-position: -540px -320px
}

.country-area-code .je span:before,
.country-area-code span.je:before {
    background-position: -420px -600px
}

.country-area-code .jo span:before,
.country-area-code span.jo:before {
    background-position: -480px -320px
}

.country-area-code .kz span:before,
.country-area-code span.kz:before {
    background-position: -180px -40px
}

.country-area-code .ke span:before,
.country-area-code span.ke:before {
    background-position: -600px -480px
}

.country-area-code .ki span:before,
.country-area-code span.ki:before {
    background-position: -480px -600px
}

.country-area-code .xk span:before,
.country-area-code span.xk:before {
    background-position: -60px -720px
}

.country-area-code .kw span:before,
.country-area-code span.kw:before {
    background-position: -540px -600px
}

.country-area-code .kg span:before,
.country-area-code span.kg:before {
    background-position: -180px -320px
}

.country-area-code .la span:before,
.country-area-code span.la:before {
    background-position: -120px -320px
}

.country-area-code .lv span:before,
.country-area-code span.lv:before {
    background-position: 0 -200px
}

.country-area-code .lb span:before,
.country-area-code span.lb:before {
    background-position: -60px -320px
}

.country-area-code .ls span:before,
.country-area-code span.ls:before {
    background-position: -600px -600px
}

.country-area-code .lr span:before,
.country-area-code span.lr:before {
    background-position: -480px -480px
}

.country-area-code .ly span:before,
.country-area-code span.ly:before {
    background-position: -660px -600px
}

.country-area-code .li span:before,
.country-area-code span.li:before {
    background-position: -720px -600px
}

.country-area-code .lt span:before,
.country-area-code span.lt:before {
    background-position: -720px -160px
}

.country-area-code .lu span:before,
.country-area-code span.lu:before {
    background-position: -660px -160px
}

.country-area-code .mo span:before,
.country-area-code span.mo:before {
    background-position: -780px -600px
}

.country-area-code .mk span:before,
.country-area-code span.mk:before {
    background-position: -600px -160px
}

.country-area-code .mg span:before,
.country-area-code span.mg:before {
    background-position: -360px -480px
}

.country-area-code .mw span:before,
.country-area-code span.mw:before {
    background-position: -300px -480px
}

.country-area-code .my span:before,
.country-area-code span.my:before {
    background-position: 0 -320px
}

.country-area-code .mv span:before,
.country-area-code span.mv:before {
    background-position: -780px -280px
}

.country-area-code .ml span:before,
.country-area-code span.ml:before {
    background-position: -240px -480px
}

.country-area-code .mt span:before,
.country-area-code span.mt:before {
    background-position: -540px -160px
}

.country-area-code .mh span:before,
.country-area-code span.mh:before {
    background-position: -420px -40px
}

.country-area-code .mr span:before,
.country-area-code span.mr:before {
    background-position: -180px -480px
}

.country-area-code .mu span:before,
.country-area-code span.mu:before {
    background-position: -120px -480px
}

.country-area-code .yt span:before,
.country-area-code span.yt:before {
    background-position: -540px -560px
}

.country-area-code .mx span:before,
.country-area-code span.mx:before {
    background-position: -180px -80px
}

.country-area-code .fm span:before,
.country-area-code span.fm:before {
    background-position: -360px -40px
}

.country-area-code .md span:before,
.country-area-code span.md:before {
    background-position: -420px -240px
}

.country-area-code .mc span:before,
.country-area-code span.mc:before {
    background-position: -720px -320px
}

.country-area-code .mn span:before,
.country-area-code span.mn:before {
    background-position: -720px -280px
}

.country-area-code .me span:before,
.country-area-code span.me:before {
    background-position: -360px -160px
}

.country-area-code .ms span:before,
.country-area-code span.ms:before {
    background-position: -60px -640px
}

.country-area-code .ma span:before,
.country-area-code span.ma:before {
    background-position: -60px -480px
}

.country-area-code .mz span:before,
.country-area-code span.mz:before {
    background-position: -120px -640px
}

.country-area-code .mm span:before,
.country-area-code span.mm:before {
    background-position: -180px -640px
}

.country-area-code .na span:before,
.country-area-code span.na:before {
    background-position: -780px -440px
}

.country-area-code .nr span:before,
.country-area-code span.nr:before {
    background-position: -300px -40px
}

.country-area-code .np span:before,
.country-area-code span.np:before {
    background-position: -300px -520px
}

.country-area-code .nl span:before,
.country-area-code span.nl:before {
    background-position: -300px -160px
}

.country-area-code .an span:before,
.country-area-code span.an:before {
    background-position: -240px -640px
}

.country-area-code .nc span:before,
.country-area-code span.nc:before {
    background-position: -300px -640px
}

.country-area-code .nz span:before,
.country-area-code span.nz:before {
    background-position: -240px -40px
}

.country-area-code .ni span:before,
.country-area-code span.ni:before {
    background-position: -120px -80px
}

.country-area-code .ne span:before,
.country-area-code span.ne:before {
    background-position: -720px -440px
}

.country-area-code .ng span:before,
.country-area-code span.ng:before {
    background-position: -660px -440px
}

.country-area-code .nu span:before,
.country-area-code span.nu:before {
    background-position: -360px -640px
}

.country-area-code .kp span:before,
.country-area-code span.kp:before {
    background-position: -360px -320px
}

.country-area-code .mp span:before,
.country-area-code span.mp:before {
    background-position: -420px -640px
}

.country-area-code .no span:before,
.country-area-code span.no:before {
    background-position: -480px -640px
}

.country-area-code .om span:before,
.country-area-code span.om:before {
    background-position: -660px -280px
}

.country-area-code .pk span:before,
.country-area-code span.pk:before {
    background-position: -600px -280px
}

.country-area-code .pw span:before,
.country-area-code span.pw:before {
    background-position: -540px -640px
}

.country-area-code .ps span:before,
.country-area-code span.ps:before {
    background-position: -660px -640px
}

.country-area-code .pa span:before,
.country-area-code span.pa:before {
    background-position: -600px -640px
}

.country-area-code .pg span:before,
.country-area-code span.pg:before {
    background-position: -120px -40px
}

.country-area-code .py span:before,
.country-area-code span.py:before {
    background-position: -240px 0
}

.country-area-code .pe span:before,
.country-area-code span.pe:before {
    background-position: -60px 0
}

.country-area-code .ph span:before,
.country-area-code span.ph:before {
    background-position: -540px -280px
}

.country-area-code .pn span:before,
.country-area-code span.pn:before {
    background-position: -720px -640px
}

.country-area-code .pl span:before,
.country-area-code span.pl:before {
    background-position: -180px -160px
}

.country-area-code .pt span:before,
.country-area-code span.pt:before {
    background-position: -120px -160px
}

.country-area-code .pr span:before,
.country-area-code span.pr:before {
    background-position: -780px -640px
}

.country-area-code .qa span:before,
.country-area-code span.qa:before {
    background-position: -480px -280px
}

.country-area-code .cg span:before,
.country-area-code span.cg:before {
    background-position: -660px -360px
}

.country-area-code .re span:before,
.country-area-code span.re:before {
    background-position: 0 -680px
}

.country-area-code .ro span:before,
.country-area-code span.ro:before {
    background-position: -60px -680px
}

.country-area-code .ru span:before,
.country-area-code span.ru:before {
    background-position: -420px -280px
}

.country-area-code .rw span:before,
.country-area-code span.rw:before {
    background-position: -600px -440px
}

.country-area-code .bl span:before,
.country-area-code span.bl:before {
    background-position: -180px -680px
}

.country-area-code .sh span:before,
.country-area-code span.sh:before {
    background-position: -120px -680px
}

.country-area-code .kn span:before,
.country-area-code span.kn:before {
    background-position: -60px -80px
}

.country-area-code .lc span:before,
.country-area-code span.lc:before {
    background-position: 0 -80px
}

.country-area-code .mf span:before,
.country-area-code span.mf:before {
    background-position: -240px -680px
}

.country-area-code .pm span:before,
.country-area-code span.pm:before {
    background-position: -300px -680px
}

.country-area-code .vc span:before,
.country-area-code span.vc:before {
    background-position: -780px -40px
}

.country-area-code .ws span:before,
.country-area-code span.ws:before {
    background-position: -360px -680px
}

.country-area-code .sm span:before,
.country-area-code span.sm:before {
    background-position: 0 -160px
}

.country-area-code .st span:before,
.country-area-code span.st:before {
    background-position: -540px -440px
}

.country-area-code .sa span:before,
.country-area-code span.sa:before {
    background-position: -360px -280px
}

.country-area-code .sn span:before,
.country-area-code span.sn:before {
    background-position: -480px -440px
}

.country-area-code .rs span:before,
.country-area-code span.rs:before {
    background-position: -780px -120px
}

.country-area-code .sc span:before,
.country-area-code span.sc:before {
    background-position: -420px -440px
}

.country-area-code .sl span:before,
.country-area-code span.sl:before {
    background-position: -360px -440px
}

.country-area-code .sg span:before,
.country-area-code span.sg:before {
    background-position: -300px -280px
}

.country-area-code .sx span:before,
.country-area-code span.sx:before {
    background-position: -120px -720px
}

.country-area-code .sk span:before,
.country-area-code span.sk:before {
    background-position: -720px -120px
}

.country-area-code .si span:before,
.country-area-code span.si:before {
    background-position: -660px -120px
}

.country-area-code .sb span:before,
.country-area-code span.sb:before {
    background-position: 0 -40px
}

.country-area-code .so span:before,
.country-area-code span.so:before {
    background-position: -300px -440px
}

.country-area-code .za span:before,
.country-area-code span.za:before {
    background-position: -240px -440px
}

.country-area-code .kr span:before,
.country-area-code span.kr:before {
    background-position: -300px -320px
}

.country-area-code .ss span:before,
.country-area-code span.ss:before {
    background-position: -420px -680px
}

.country-area-code .es span:before,
.country-area-code span.es:before {
    background-position: -600px -120px
}

.country-area-code .lk span:before,
.country-area-code span.lk:before {
    background-position: -240px -280px
}

.country-area-code .sd span:before,
.country-area-code span.sd:before {
    background-position: -120px -440px
}

.country-area-code .sr span:before,
.country-area-code span.sr:before {
    background-position: -540px -680px
}

.country-area-code .sj span:before,
.country-area-code span.sj:before {
    background-position: -240px -160px
}

.country-area-code .sz span:before,
.country-area-code span.sz:before {
    background-position: -60px -440px
}

.country-area-code .se span:before,
.country-area-code span.se:before {
    background-position: -540px -120px
}

.country-area-code .ch span:before,
.country-area-code span.ch:before {
    background-position: -480px -120px
}

.country-area-code .sy span:before,
.country-area-code span.sy:before {
    background-position: -180px -280px
}

.country-area-code .tw span:before,
.country-area-code span.tw:before {
    background-position: -60px -40px
}

.country-area-code .tj span:before,
.country-area-code span.tj:before {
    background-position: -120px -280px
}

.country-area-code .tz span:before,
.country-area-code span.tz:before {
    background-position: 0 -440px
}

.country-area-code .th span:before,
.country-area-code span.th:before {
    background-position: -60px -280px
}

.country-area-code .tg span:before,
.country-area-code span.tg:before {
    background-position: -480px -680px
}

.country-area-code .tk span:before,
.country-area-code span.tk:before {
    background-position: -600px -680px
}

.country-area-code .to span:before,
.country-area-code span.to:before {
    background-position: -780px 0
}

.country-area-code .tt span:before,
.country-area-code span.tt:before {
    background-position: -720px -40px
}

.country-area-code .tn span:before,
.country-area-code span.tn:before {
    background-position: -720px -400px
}

.country-area-code .tr span:before,
.country-area-code span.tr:before {
    background-position: 0 -280px
}

.country-area-code .tm span:before,
.country-area-code span.tm:before {
    background-position: -780px -240px
}

.country-area-code .tc span:before,
.country-area-code span.tc:before {
    background-position: -660px -680px
}

.country-area-code .tv span:before,
.country-area-code span.tv:before {
    background-position: -720px -680px
}

.country-area-code .vi span:before,
.country-area-code span.vi:before {
    background-position: -780px -680px
}

.country-area-code .ug span:before,
.country-area-code span.ug:before {
    background-position: -660px -400px
}

.country-area-code .ua span:before,
.country-area-code span.ua:before {
    background-position: -420px -120px
}

.country-area-code .ae span:before,
.country-area-code span.ae:before {
    background-position: -720px -240px
}

.country-area-code .gb span:before,
.country-area-code span.gb:before {
    background-position: -360px -120px
}

.country-area-code .us span:before,
.country-area-code span.us:before {
    background-position: -660px -40px
}

.country-area-code .uy span:before,
.country-area-code span.uy:before {
    background-position: -120px 0
}

.country-area-code .uz span:before,
.country-area-code span.uz:before {
    background-position: -660px -240px
}

.country-area-code .vu span:before,
.country-area-code span.vu:before {
    background-position: -660px 0
}

.country-area-code .va span:before,
.country-area-code span.va:before {
    background-position: -300px -120px
}

.country-area-code .ve span:before,
.country-area-code span.ve:before {
    background-position: -180px 0
}

.country-area-code .vn span:before,
.country-area-code span.vn:before {
    background-position: -600px -240px
}

.country-area-code .wf span:before,
.country-area-code span.wf:before {
    background-position: -480px -200px
}

.country-area-code .eh span:before,
.country-area-code span.eh:before {
    background-position: 0 -720px
}

.country-area-code .ye span:before,
.country-area-code span.ye:before {
    background-position: -540px -240px
}

.country-area-code .zm span:before,
.country-area-code span.zm:before {
    background-position: -600px -400px
}

.country-area-code .zw span:before,
.country-area-code span.zw:before {
    background-position: -540px -400px
}

.country-area-code .gs span:before,
.country-area-code span.gs:before {
    background-position: -240px -720px
}

.country-area-code .bv span:before,
.country-area-code span.bv:before {
    background-position: -300px -720px
}

.country-area-code .gf span:before,
.country-area-code span.gf:before {
    background-position: -540px -560px
}

.country-area-code .tf span:before,
.country-area-code span.tf:before {
    background-position: -420px -720px
}

.country-area-code .gp span:before,
.country-area-code span.gp:before {
    background-position: -480px -720px
}

.country-area-code .hm span:before,
.country-area-code span.hm:before {
    background-position: -600px -40px
}

.country-area-code .mq span:before,
.country-area-code span.mq:before {
    background-position: -540px -560px
}

.country-area-code .nf span:before,
.country-area-code span.nf:before {
    background-position: -660px -720px
}