

/* Start:/local/templates/czebra_fresh_service/components/bitrix/system.auth.authorize/.default/style.css?173685072911344*/
.wrap-form-registration  {

    padding:  60px 0;

}
.wrap-form-registration .error-block  {

    margin:  27px 0 22px 0;

    padding:  12px 22px;

    background:  rgba(214,  40,  40,  .2);

    border-radius:  5px;

}
.wrap-form-registration .form-registration-static  {

    padding:  40px 43px;

    max-width:  442px;

    margin:  0 auto;



    -webkit-box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    border-radius:  20px;

}
.wrap-form-registration .form-registration-static .title  {

    margin-bottom:  22px;

}
.wrap-form-registration .form-registration-static .wrap-field  {

    margin-top:  22px;

    position:  relative;

}
.wrap-form-registration .form-registration-static .wrap-field input  {

    width:  100%}
.wrap-form-registration .form-registration-static input[type=submit]  {

    width:  100%;

    margin-top:  31px;

}
.wrap-form-registration .form-registration-static .social-entry  {

    margin-top:  28px;

}
.wrap-form-registration .form-registration-static .social-entry .name-block  {

    font-family:  Aeroport;

    font-size:  15px;

    color:  rgba(17,  21,  44,  .3);

    line-height:  20px;

    letter-spacing:  -0.01em;

    font-weight:  400;

}
.wrap-form-registration .form-registration-static .social-entry .list-social-entry  {

    margin-top:  20px;

    display:  -webkit-box;

    display:  -ms-flexbox;

    display:  flex;

    -ms-flex-wrap:  wrap;

    flex-wrap:  wrap;

}
.wrap-form-registration .form-registration-static .social-entry .list-social-entry a  {

    margin-right:  18px;

    display:  -ms-inline-flexbox;

    display:  inline-flex;

    -webkit-box-align:  center;

    -ms-flex-align:  center;

    align-items:  center;

    -webkit-box-pack:  center;

    -ms-flex-pack:  center;

    justify-content:  center;

    width:  60px;

    height:  60px;

    background:  #f2f2f2;

    border-radius:  16px;

    text-decoration:  none;

    -webkit-transition:  .3s;

    -o-transition:  .3s;

    transition:  .3s;

}
.wrap-form-registration .form-registration-static .social-entry .list-social-entry a:hover  {

    background:  #e4e4e4;

}
.wrap-form-registration .form-registration-static .social-entry .list-social-entry a:last-child  {

    margin-right:  0;

}
.wrap-form-registration .form-registration-static .text-bottom  {

    margin-top:  15px;

    color:  #b8b9c0;

}
.wrap-form-registration .form-registration-static .text-bottom a  {

    color:  #b8b9c0;

    text-decoration:  underline;

}
.wrap-form-registration .form-registration-static .text-bottom a:hover  {

    text-decoration:  none;

}
.wrap-form-registration .form-registration-static .link-registration  {

    text-align:  center;

    margin-top:  21px;

}
.wrap-form-registration .form-registration-static .link-registration a  {

    color:  #003dff;

    text-decoration:  none;

}
.wrap-form-registration .form-registration-static .link-entry  {

    text-align:  center;

    margin-top:  21px;

}
.wrap-form-registration .form-registration-static .link-entry a  {

    color:  #003dff;

    text-decoration:  none;

}
.wrap-form-registration .form-registration-static .link-forgot-password  {

    margin-top:  9px;

    display:  -webkit-box;

    display:  -ms-flexbox;

    display:  flex;

}
.wrap-form-registration .form-registration-static .link-forgot-password a  {

    padding:  0;

    font-family:  Aeroport;

    font-size:  12px;

    color:  #003dff;

    line-height:  16px;

    font-weight:  400;

    text-decoration:  none;

    background:  none;

    border:  none;

}
.wrap-form-registration .password-recovery  {

    padding:  40px 43px;

    max-width:  442px;

    margin:  0 auto;

    background:  #fff;

    -webkit-box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    border-radius:  20px;

}
.wrap-form-registration .password-recovery .title  {

    margin-bottom:  22px;

}
.wrap-form-registration .password-recovery .wrap-field  {

    position:  relative;

}
.wrap-form-registration .password-recovery .wrap-field input  {

    width:  100%}
.wrap-form-registration .password-recovery input[type=submit]  {

    width:  100%}
.wrap-form-registration .password-recovery-text  {

    padding:  40px 43px;

    max-width:  442px;

    margin:  0 auto;

    background:  #fff;

    -webkit-box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    border-radius:  20px;

}
.wrap-form-registration .password-recovery-text .title  {

    margin-bottom:  12px;

}
.wrap-form-registration .password-recovery-new-password  {

    padding:  40px 43px;

    max-width:  442px;

    margin:  0 auto;

    background:  #fff;

    -webkit-box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    border-radius:  20px;

}
.wrap-form-registration .password-recovery-new-password .title  {

    margin-bottom:  22px;

}
.wrap-form-registration .password-recovery-new-password .wrap-field  {

    position:  relative;

}
.wrap-form-registration .password-recovery-new-password .wrap-field input  {

    width:  100%}
.wrap-form-registration .password-recovery-new-password input[type=submit]  {

    width:  100%}
.wrap-form-registration .registration-info  {

    padding:  40px 43px;

    max-width:  442px;

    margin:  0 auto;

    background:  #fff;

    -webkit-box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    box-shadow:  0 8px 24px rgba(17,  21,  44,  .15);

    border-radius:  20px;

}
.wrap-form-registration .registration-info .title  {

    margin-bottom:  20px;

}
.wrap-form-registration .registration-info .wrap-add-photo  {

    text-align:  center;

    position:  relative;

}
.wrap-form-registration .registration-info .wrap-add-photo input[type=file]  {

    display:  none;

}
.wrap-form-registration .registration-info .wrap-add-photo .block-add  {

    display:  -webkit-box;

    display:  -ms-flexbox;

    display:  flex;

    -webkit-box-align:  center;

    -ms-flex-align:  center;

    align-items:  center;

    -webkit-box-pack:  center;

    -ms-flex-pack:  center;

    justify-content:  center;

    margin:  0 auto;

    width:  94px;

    height:  94px;

    background:  #edeff3;

    border-radius:  50%;

    font-family:  Aeroport;

    font-size:  15px;

    color:  #11152c;

    line-height:  18px;

    letter-spacing:  -0.01em;

    cursor:  pointer;

}
.wrap-form-registration .registration-info .wrap-add-photo .block-add.selected-photo  {

    background:  rgba(0,  0,  0,  0);

}
.wrap-form-registration .registration-info .wrap-add-photo .block-add.selected-photo img  {

    width:  100%}
.wrap-form-registration .registration-info .wrap-add-photo .block-add img  {

    border-radius:  50%;

    -o-object-fit:  cover;

    object-fit:  cover;

}
.wrap-form-registration .registration-info .wrap-add-photo .wrap-block-add  {

    position:  relative;

}
.wrap-form-registration .registration-info .wrap-add-photo .delete-photo  {

    position:  absolute;

    top:  0;

    left:  239px;

}
.wrap-form-registration .registration-info .wrap-add-photo .delete-photo .delete  {

    width:  12px;

    height:  12px;

    background:  url("data:image/svg+xml; base64,  PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMSIgc3Ryb2tlPSIjMTMwRjI2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMSAxMUwxIDEiIHN0cm9rZT0iIzEzMEYyNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") no-repeat center center;

    background-size:  cover;

    -webkit-transition:  .2s;

    -o-transition:  .2s;

    transition:  .2s;

    position:  absolute;

    top:  0;

    right:  0;

}
.wrap-form-registration .registration-info .wrap-add-photo .delete-photo .delete:hover+.msg  {

    opacity:  1;

    visibility:  visible;

    -webkit-transition:  .2s;

    -o-transition:  .2s;

    transition:  .2s;

}
.wrap-form-registration .registration-info .wrap-add-photo .delete-photo .msg  {

    min-width:  120px;

    padding:  8.5px 11px;

    font-family:  Aeroport;

    font-size:  15px;

    color:  #fff;

    line-height:  18px;

    letter-spacing:  -0.01em;

    background:  #11152c;

    border-radius:  10px;

    position:  absolute;

    top:  25px;

    left:  -24px;

    opacity:  0;

    visibility:  hidden;

}
.wrap-form-registration .registration-info .wrap-add-photo .delete-photo .msg::after  {

    content:  "";

    width:  0;

    height:  0;

    border-style:  solid;

    border-width:  0 9px 8px 9px;

    border-color:  rgba(0,  0,  0,  0) rgba(0,  0,  0,  0) #11152c rgba(0,  0,  0,  0);

    position:  absolute;

    left:  10px;

    top:  -6px;

}
.wrap-form-registration .registration-info .wrap-field  {

    position:  relative;

}
.wrap-form-registration .registration-info .wrap-field input  {

    width:  100%}
.wrap-form-registration .registration-info input[type=submit]  {

    margin-top:  22px;

    width:  100%}

.wrap-form-registration .subtitle28 {
    font-family: "Aeroport";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.wrap-form-registration .subtitle7 {
    font-family: "Aeroport";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 215%;
}

.wrap-form-registration .buttom {
    font-family: "Aeroport";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.01em;
}

@media(max-width: 1023px)  {

    .wrap-form-registration  {

        padding:  40px 15px;

    }
    .wrap-form-registration .form-registration-static  {

        padding:  22px 15px;

    }
    .wrap-form-registration .form-registration-static .title  {

        margin-bottom:  16px;

    }
    .wrap-form-registration .form-registration-static .wrap-field  {

        margin-top:  16px;

    }
    .wrap-form-registration .form-registration-static input[type=submit]  {

        margin-top:  24px;

    }
    .wrap-form-registration .form-registration-static .social-entry  {

        margin-top:  23px;

    }
    .wrap-form-registration .form-registration-static .social-entry .list-social-entry  {

        margin-top:  17px;

    }
    .wrap-form-registration .form-registration-static .social-entry .list-social-entry a  {

        width:  50px;

        height:  50px;

        margin-right:  15px;

    }
    .wrap-form-registration .form-registration-static .text-bottom  {

        margin-top:  21px;

    }
    .wrap-form-registration .form-registration-static .link-entry  {

        margin-top:  18px;

    }
    .wrap-form-registration .password-recovery,  .wrap-form-registration .password-recovery-text,  .wrap-form-registration .password-recovery-new-password,  .wrap-form-registration .registration-info  {

        padding:  22px 15px;

    }
    .wrap-form-registration .registration-info .wrap-add-photo .delete-photo  {

        left:  calc(50% + 60px);

    }
    .wrap-form-registration .registration-info .wrap-add-photo .delete-photo .msg  {

        display:  none;

    }
}
/* End */
/* /local/templates/czebra_fresh_service/components/bitrix/system.auth.authorize/.default/style.css?173685072911344 */
