/**
 * --------------------------------------------------------------------------------
 *  Fast Reg Form
 * --------------------------------------------------------------------------------
 **/

.rf-main-wrapper {
    background: transparent;
}

.registration-form {
    /* padding: 15px 20px 30px; */
    padding: 0 20px 30px;
}

.rf-main-wrapper .action-container>.terms-and-conds {
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 14px;
    margin: 20px auto 0;
    text-transform: none;
}

.rf-main-wrapper button.rf-submit-button {
    color: #000000;
    width: 100%;
    border-radius: 25px;
}

.rf-main-wrapper button.rf-submit-button {
    background: #ffda44 !important;
}

.rf-main-wrapper button.rf-submit-button:hover {
    background-color: #ffeb3b !important;
}

.rf-main-wrapper .row {
    width: 94%;
    margin: 0 auto;
}

p.section-title-form {
    text-align: left;
    /* font-size: 20px; */
    font-weight: 600;
    /* margin-bottom: 40px; */
    color: #000000;
    font-size: 15px;
    margin-bottom: 27px;
}

span.item-error {
    text-align: right;
    width: 100%;
    position: relative;
    display: block;
    color: #FF0000;
    font-size: 12px;
}

.rf-main-wrapper button.rf-submit-button {
    font-size: 25px;
}

/**
 * --------------------------------------------------------------------------------
 *  Materialize Form
 * --------------------------------------------------------------------------------
 **/
.dropdown-content li>a, .dropdown-content li>span {
    color: #000000 !important;
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #64cbee !important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #64cbee !important;
    -webkit-box-shadow: 0 1px 0 0 #64cbee !important;
    box-shadow: 0 1px 0 0 #64cbee !important;
}

.row.has-error input, .row.has-error select {
    border-bottom: 1px solid #ff0000 !important;
    -webkit-box-shadow: 0 1px 0 0 #ff0000 !important;
    box-shadow: 0 1px 0 0 #ff0000 !important;
}

.input-field.has-error input, .input-field.has-error select {
    border-bottom: 1px solid #ff0000 !important;
    -webkit-box-shadow: 0 1px 0 0 #ff0000 !important;
    box-shadow: 0 1px 0 0 #ff0000 !important;
}

/* .row {
    margin-bottom: 0px !important;
} */

.input-field {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.input-field>label:not(.label-icon).active {
    -webkit-transform: translateY(-6px) scale(0.8) !important;
    transform: translateY(-6px) scale(0.8) !important;
}

.input-field>label {
    font-size: 15px !important;
    font-weight: unset;
}

.input-field.col label {
    left: 0 !important;
    top: -15px;
}

form#login .input-field{
	z-index:1;
}

form#login label{
	z-index: -1;
}
form#login input{
	z-index: 2;
}
/**
 * --------------------------------------------------------------------------------
 *  Country Code Field
 * --------------------------------------------------------------------------------
 **/
.country-area-code li {
    text-align: left;
}

.country-area-code ul.active {
    width: 245px;
}

.country-area-code span.trigger {
    left: 0 !important;
}

.country-area-code span.trigger {
    position: absolute;
    top: -10px;
    left: 0;
}

.country-area-code span.trigger:before {
    margin-right: 15px;
    width: 31px;
    border-radius: 100%;
}
/*
.country-area-code span.trigger:before {
    margin-right: 0;
    width: 50px;
    border-radius: 100%;
}
*/

.country-area-code ul li span:before {
    margin-right: 15px;
    width: 31px;
    border-radius: 100%;
}

.country-area-code span.trigger:after {
    left: 115px;
}

/**
 * --------------------------------------------------------------------------------
 *  Mobile Number Field
 * --------------------------------------------------------------------------------
 **/
.input-field.col .mobile-number-label {
    left: 14.75rem !important;
}

input#regForm_mobile_number {
    max-width: 992px !important;
    width: calc(100% - 150px);
    padding-left: 150px;
}

/**
 * --------------------------------------------------------------------------------
 *  Checkbox One Login All Access
 * --------------------------------------------------------------------------------
 **/
.checkbox-wrapper {
    border: 2px solid #00b185;
    border-radius: 10px;
    margin: 16px auto;
    width: 95%;
}

.checkbox-wrapper label {
    padding: 0px 15px 0px 15px;
}

.checkbox-wrapper span:not(.lever) {
	height: auto !important;
    font-size: 13px !important;
}

input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
}

.checkbox-wrapper h5 {
    margin-top: -10px;
    background: white;
    text-transform: uppercase;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: bold;
    color: #00b185;
}

span.checkbox-description, span.checkbox-description-mobile {
    color: #00b185;
}

input[type="checkbox"]:checked + .checkbox-wrapper h5 {
	color: #00b185;
}

[type="checkbox"] + span:not(.lever) {
    padding-left: 45px !important;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
  height: 40px !important;
  width: 40px !important;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
  height: 40px !important;
  width: 40px !important;
  border: 5px solid #af0000 !important;
}

[type="checkbox"].filled-in:checked + span:not(.lever):before {
  top: -4px !important;
  left: 0px !important;
  width: 16px !important;
  height: 35px !important;
  border-right: 5px solid #fff !important;
  border-bottom: 5px solid #fff !important;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
  height: 40px !important;
  width: 40px !important;
}

.rf-main-wrapper .password-visibility-icon, .rf-main-wrapper .validation-icon {
    top: 0;
}

.rf-main-wrapper .action-container>.button-wrapper {
    width: 94%;
    margin: 0 auto;
}

.registration-form .password-visibility-icon.icon-show {
    top: 0;
}

p.checkbox-description-mobile {
    display: none;
}

hr.hr-mobile {
    display: none;
    border-top: 2px solid #00b185;
}

#sc .checkbox-wrapper span:not(.lever) {
    font-size: 12px !important;
    padding-bottom: 15px;
}

/* 992px Start*/
@media only screen and (max-width: 992px) {
    .checkbox-wrapper {
        border: none !important;
        border-bottom: 2px solid #00b185;
        margin: 0 0;
    }
    .checkbox-wrapper h5 {
        top: 40px;
        position: relative;
        width: 75%;
        margin-left: 205px;
        text-align: left;
    }
    p.checkbox-description-desktop {
        display: none;
    }
    p.checkbox-description-mobile {
        display: inline-block;
        top: 45px;
        position: relative;
        margin: 20px 0;
        width: 100%;
        left: -35px;
        margin-top: 0;
        text-align: left;
        font-weight: 400;
    } 
    hr.hr-mobile {
        display: block;
    }
}
/* 992px End*/

/* 767px Start*/
@media only screen and (max-width: 767px) {
    .checkbox-wrapper h5 {
        width: 87%;
        margin-left: 75px;
        text-align: left;
    }
}
/* 767px End*/

/* 480px Start*/
@media only screen and (max-width: 480px) {
    .checkbox-wrapper h5 {
        width: 75%;
        font-size: 15px;
    }

    p.checkbox-description-mobile {
        font-size: 13px;
        width: 111%;
    }
}
/* 480px End*/

/* 397px Start*/
@media only screen and (max-width: 397px) {
    .checkbox-wrapper h5 {
        width: 70%;
        font-size: 17px;
        top: 53px;
    }
    
    p.checkbox-description-mobile {
        font-size: 13px;
        width: 125%;
    }
}
/* 397px End*/

/* COUNTRY CODE FLAGS */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.country-area-code .re span:before,
.country-area-code span.re:before {
    background-position: -10px -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: -430px -280px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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