/* Start:/local/components/coddy/phone.code.list/templates/main/style.css?17630736053227*/
.countries_list {
    position: absolute;
    z-index: 1;
}

.countries_list.none {
    display: none;
}

.countries_list ul {
    list-style: none;
    height: 200px;
    overflow-y: auto;
    width: max-content;
    background-color: #fff;
    padding-left: 0px;
    padding-top: 7px;
}

.countries_list ul li {
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    padding-left: 5px;
    padding: 4px 8px;
}

.countries_list ul li img {
    width: 25px;
    padding-bottom: 2px;
    margin-left: 5px;
}

.countries_list ul li span {
    float: right;
    margin-left: 5px;
}

.flag_img, .country_arrow, .country_code, .country_mask {
    display: inline-block;
}

.flag_img {
    margin-bottom: 5px;
    width: 28px;
}

#regiFormBlock .country_code {
        font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.country_mask {
    max-width: 52% !important;
}

.registration .form-area .field.field-mask-phone {
    border-bottom: 1px solid #a7a7a8;
    max-width: calc(100% - 100px) !important;
}

.registration .form-area .field.field-mask-phone.err {
    border-bottom: 1px solid #FF0000 !important;
}

.registration .form-area .field-tel-column .field.field-mask-phone {
    max-width: calc(100% - 30px) !important;
}

.registration .form-area .field-mail-column .field-error {
    max-width: none;
}

.country_arrow {
    color: grey;
}
#regiFormBlock  .country_arrow img{
    margin-top: -5px;
}

.change_country {
    cursor: pointer;
}

.registration .form-area .field input.country_mask {
    border-bottom: none;
}

.registration .form-area .field input.country_mask:focus {
    border-bottom: none;
}

.registration .form-area .field input.promocode {
    max-width: calc(100% - 20px) !important;
}

.promo-apply-btn {
    margin-top: 46px !important;
}
#regiFormBlock input[name="user_phone"]{
    border: none;
    padding: 0px;
}
#regiFormBlock input[name="user_phone"]:focus{
    border: none;
}
#regiFormBlock .field-mask-phone{
    padding: 10px 14px 10px 14px;
    border-radius: 12px;
}

#regiFormBlock .form-block .close.main{
    background: url(/upload/images/registration/close.svg) no-repeat center center;
    bottom: 10px !important;
}

@media only screen and (max-width: 1480px) {
    .country_code {
        font-size: 14px;
    }

    .flag_img {
        width: 20px;
    }

    .country_mask {
        margin-left: 0px;
    }

    .promo-apply-btn {
        margin-top: 39px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .country_mask {
        max-width: 55% !important;
    }

    .registration .form-area .field-tel-column .field.field-mask-phone {
        max-width: calc(100% - 0px) !important;
    }

    #regiFormBlock .field-tel-column {
        width: 100% !important;
        float: left !important;
        max-width: calc(100% - 30px) !important;
        overflow: hidden;
    }

    .field-mail-column {
        width: 100% !important;
        float: left !important;
    }

    #regiFormBlock .field-mail-column .req_email {
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
}

@media only screen and (max-width: 648px) {
    .promo-apply-btn {
        margin-top: 33px !important;
    }
}
/* End */


/* Start:/local/components/coddy/phone.code.list/templates/main_trial/style.min.css?17304180391992*/
.countries_list{position:absolute;z-index:1}.countries_list.none{display:none}.countries_list ul{list-style:none;height:200px;overflow-y:auto;width:max-content;background-color:#fff}.countries_list ul li{margin-bottom:12px;cursor:pointer;font-size:13px;padding:4px 8px}.countries_list ul li img{width:25px;padding-bottom:2px;margin-left:5px}.countries_list ul li span{float:right;margin-left:5px}.country_arrow,.country_code,.country_mask,.flag_img{display:inline-block}.flag_img{margin-bottom:5px;width:28px}.country_code{font-size:18px}.country_mask{max-width:52%!important}.registration .form-area .field.field-mask-phone{border-bottom:1px solid #a7a7a8;max-width:calc(100% - 100px)!important}.registration .form-area .field.field-mask-phone.err{border-bottom:1px solid red!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 30px)!important}.registration .form-area .field-mail-column .field-error{max-width:none}.country_arrow{color:gray}.change_country{cursor:pointer}.registration .form-area .field input.country_mask{border-bottom:none}.registration .form-area .field input.country_mask:focus{border-bottom:none}.registration .form-area .field input.promocode{max-width:calc(100% - 20px)!important}.promo-apply-btn{margin-top:46px!important}@media only screen and (max-width:1480px){.country_code{font-size:14px}.flag_img{width:20px}.country_mask{margin-left:0}.promo-apply-btn{margin-top:39px!important}}@media only screen and (max-width:1024px){.country_mask{max-width:55%!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 0px)!important}#trialLesson .field-tel-column{float:left!important;overflow:hidden}.field-mail-column{width:100%!important;float:left!important}#trialLesson .field-mail-column .req_email,#trialLesson .field-tel-column{width:100%!important;max-width:calc(100% - 30px)!important}}@media only screen and (max-width:648px){.promo-apply-btn{margin-top:33px!important}}
/* End */


/* Start:/local/components/coddy/phone.code.list/templates/callback/style.min.css?17304180392157*/
.countries_list{position:absolute;z-index:10}.countries_list.none{display:none}.countries_list ul{list-style:none;height:200px;overflow-y:auto;width:max-content;background-color:#fff}.countries_list ul li{margin-bottom:12px;cursor:pointer;font-size:13px;padding:4px 8px}.countries_list ul li img{width:25px;padding-bottom:2px;margin-left:5px}.countries_list ul li span{float:right;margin-left:5px}.country_arrow,.country_code,.country_mask,.flag_img{display:inline-block}.flag_img{margin-bottom:5px;width:28px}.country_code{font-size:18px}.country_mask{max-width:52%!important}#callbackFormBlock .registration .form-area .field.field-mask-phone{border-bottom:1px solid #a7a7a8;max-width:calc(100% - 130px)!important}.registration .form-area .field.field-mask-phone.err{border-bottom:1px solid red!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 30px)!important}.registration .form-area .field-mail-column .field-error{max-width:none}.country_arrow{color:gray}.change_country{cursor:pointer}.registration .form-area .field input.country_mask{border-bottom:none}.registration .form-area .field input.country_mask:focus{border-bottom:none}.registration .form-area .field input.promocode{max-width:calc(100% - 20px)!important}.promo-apply-btn{margin-top:46px!important}@media only screen and (max-width:1480px){.country_code{font-size:14px}.flag_img{width:20px}.country_mask{margin-left:0}.promo-apply-btn{margin-top:39px!important}}@media only screen and (max-width:1024px){.country_mask{max-width:55%!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 0px)!important}.field-tel-column{max-width:calc(100% - 60px)!important;overflow:hidden}.field-mail-column,.field-tel-column{width:100%!important;float:left!important}#callbackFormBlock .field-mail-column .req_email{width:100%!important;max-width:calc(100% - 60px)!important}}@media only screen and (max-width:648px){.promo-apply-btn{margin-top:33px!important}}@media only screen and (max-width:620px){#callbackFormBlock .registration .form-area .field.field-mask-phone{max-width:calc(100% - 62px)!important}}
/* End */
/* /local/components/coddy/phone.code.list/templates/main/style.css?17630736053227 */
/* /local/components/coddy/phone.code.list/templates/main_trial/style.min.css?17304180391992 */
/* /local/components/coddy/phone.code.list/templates/callback/style.min.css?17304180392157 */