.cf:after,
.clear-both {
    clear: both;
}
*,
body {
    margin: 0;
    padding: 0;
}
.cf:after,
.cf:before {
    content: " ";
    display: table;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
a img:active,
a img:focus,
a img:visited,
a:active,
a:focus,
a:visited,
button:active,
button:focus,
button:visited {
    border: none;
    outline: 0;
}
.rf-main-wrapper .terms-and-conds,
.rf-main-wrapper label {
    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: #d3d3d3;
    margin: 0 auto;
}
.ch .rf-main-wrapper,
.sc .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: 25px 70px 30px;
    width: 100%;
}
.regform-item {
    padding: 0 15px;
}
.regform-item > * {
    display: inline-block;
    vertical-align: top;
}
.regform-item > .item-label {
    width: 30%;
    text-align: right;
    padding-right: 20px;
    padding-top: 7px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.regform-item > .item-element-wrapper {
    width: 50%;
    margin-bottom: 15px;
    position: relative;
}
.regform-item > .item-element-wrapper input,
.regform-item > .item-element-wrapper select {
    width: 100%;
    padding: 5px 7px;
    font-size: 16px;
    height: 40px;
    border: 1px solid #999;
    color: #373737;
    outline: 0;
}
.rf-main-wrapper .password-visibility-icon,
.rf-main-wrapper .validation-icon {
    background-image: url(../images/registration-icons.png);
    background-repeat: no-repeat;
    height: 23px;
    top: 8px;
    position: absolute;
}
.regform-item span.item-error,
.regform-item span.required {
    color: red;
}
.regform-item span.item-error {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
}
.regform-item span.item-error a {
    color: red;
    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,
.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: red;
}
.rf-main-wrapper .validation-icon {
    right: -33px;
    display: none;
    width: 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 {
    width: 30px;
    right: 9px;
    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-average,
.password-strength-strong,
.password-strength-weak {
    display: block;
}
.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 .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 .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 .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 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 li {
    display: inline;
}
.country-area-code .trigger,
.country-area-code li span {
    position: relative;
    display: block;
    padding: 7px 6px 4px;
    cursor: pointer;
    color: #373737;
}
.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;
}
.country-area-code span.trigger:before {
    position: relative;
    top: -2px;
    margin-right: 25px;
}
.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;
}
::-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, 0.4);
    background: #373737;
    color: #fff;
    font-size: 14px;
}
.pika-single .pika-label:before,
.rf-main-wrapper .form-input-tip:before {
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    display: block;
}
.rf-main-wrapper .form-input-tip:before {
    border-right: 8px solid transparent;
    border-bottom: 8px solid #373737;
    border-left: 8px solid transparent;
    top: -9px;
    left: 50%;
    margin-left: -5px;
    border-bottom-width: 9px;
}
.pika-title {
    background: #d3d3d3;
    background: -webkit-linear-gradient(top, #e6e7e8, #d3d3d3);
    background: linear-gradient(180deg, #e6e7e8 0, #d3d3d3);
    padding: 7px 0;
}
.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 {
    border-top: 4px solid #373737;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    border-bottom-width: 6px;
}
.registration-form hr {
    border: 0;
    border-top: 1px solid #a8a8a8;
    margin: 15px 0 25px;
}
.rf-main-wrapper .action-container {
    font-size: 0;
    margin: 0 auto;
}
.rf-main-wrapper .action-container > div {
    display: block;
    vertical-align: top;
}
.rf-main-wrapper .action-container > .terms-and-conds {
    width: 50%;
    padding: 0 15px;
    text-align: center;
    font-size: 16px;
    margin: 20px auto 0;
    text-transform: uppercase;
}
.rf-main-wrapper .action-container > .terms-and-conds a {
    color: red;
    text-decoration: underline;
    font-weight: 700;
}
.rf-main-wrapper .action-container > .button-wrapper {
    width: 100%;
    text-align: center;
}
.rf-main-wrapper button.rf-submit-button {
    font-size: 29px;
    border: 2px solid #ffe000;
    background: #ffe000;
    color: #373737;
    padding: 8px 30px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    transition:
        color 0.3s,
        background 0.3s,
        border-color 0.3s;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.rf-submit-icon,
.rf-submit-success-icon {
    background-position: -41px -1px;
}
.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: #000;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
}
.rf-submit-icon {
    background-image: url(../images/registration-icons.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.rf-submit-failed-icon {
    background-position: -1px -1px;
}
.rf-notification span a {
    color: red;
    text-decoration: underline;
}
.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;
}

.password-strength-requirements{
	padding:12px;
	border-radius:5px;
	border:1px solid #d9d9d9;
	background: #fff;
	color: #5e5e5e;
	text-align:left;
}

.rf-main-wrapper .regform-item:nth-child(3) {
    display: block;
}

body.es .rf-main-wrapper .regform-item:nth-child(3) ,
body.pt .rf-main-wrapper .regform-item:nth-child(3) {
    display: none;
}

.password-strength-requirements .password-strength-bar-wrapper {
    background: #d9d9d9;
    border-radius: 5px;
    border: none;
    overflow: hidden;
}
.password-strength-requirements .password-strength-bar{
	border-radius: 5px;
}
.password-strength-requirements .password-strength-msg{
	margin:7px 0px;
}
.password-strength-requirements ul{
	padding-left:15px;
}
.password-strength-requirements ul li{
	margin:2px 0px;
	font-size:11px;
}
#password-1 .password-strength-msg span ,
#password-2 .password-strength-msg span ,
#password-3 .password-strength-msg span {
    color: #f20000;
}
#password-1 .password-strength-bar {
    width: 15%;
    background-color: #f20000;
}
#password-2 .password-strength-bar {
    width: 30%;
    background-color: #f20000;
}
#password-3 .password-strength-bar {
    width: 55%;
    background-color: #f20000;
}

#password-4 .password-strength-msg span {
    color: #FFBF00;
}
#password-4 .password-strength-bar {
    width: 75%;
    background-color: #FFBF00;
}

#password-5 .password-strength-msg span {
    color: #41A145;
}
#password-5 .password-strength-bar {
    width: 100%;
    background-color: #41A145;
}
.password-validation-list li#validation-success{
	color: #41A145;
	font-weight:600;
}
.password-validation-list li#validation-failed{
	color: #f20000;
	font-weight:600;
}
.password-strength-requirements#password-1,
.password-strength-requirements#password-2,
.password-strength-requirements#password-3{
	border-color:#f20000;
}
.password-strength-requirements#password-4{
	border-color:#FFBF00;
}
.password-strength-requirements#password-5{
	border-color:#41A145;
	background:#f0fff0;
}

#otp-block {
    text-align: center;
    margin-top: 10px;
    color: #373737;
}

.otp-message {
    color: green;
    font-size: 12px;
    display: block;
}

.resend-message {
    font-size: 12px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #373737;
}

.resend-link {
    font-size: 12px;
    display: block;
    color: #0f62fe;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.countdown-message {
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.countdown-timer {
    color: #af0000;
    font-weight: bold;
}