/* 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
 * --------------------------------------------------------------------------------
 **/
.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: #fff;
    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: 0;
    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: #f00;
}
.regform-item span.item-error
{
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
}
.regform-item span.item-error a
{
    color: #f00;
    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: #f00;
}
.rf-main-wrapper .validation-icon
{
    position: absolute;
    top: 8px;
    right: -33px;
    display: none;
    background-image: url(../../bcgamebettingde/image/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(../../bcgamebettingde/image/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 #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 .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('../../bcgamebettingde/image/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: 0;
    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: #f00;
    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: 0 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('../../bcgamebettingde/image/loader1.gif');
    background-size: 100%;
}
.rf-notification
{
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}
.rf-submit-icon
{
    background-image: url(../../bcgamebettingde/image/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: #f00;
    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;
}