.modal--auth  {
    position:  relative;
}
.modal--auth *  {
    padding:  0;
    margin:  0;
    outline:  none;
    border:  none;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box;
    /* -webkit-transition:  all 0.2s ease-in-out;
    -moz-transition:  all 0.2s ease-in-out;
    -ms-transition:  all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    transition:  all 0.2s ease-in-out; */
}
.modal--auth__background  {
    position:  fixed;
    content:  "";
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    background:  rgba(0,  0,  0,  0.8);
    z-index:  6000;
    opacity:  0;
    visibility:  hidden;
}
.modal--auth__window  {
    width:  375px;
    min-height:  270px;
    height:  auto;
    background:  linear-gradient(330deg,  #fff,  #48bcfd);
    padding:  30px;
    -webkit-border-radius:  15px;
    border-radius:  15px;
    z-index:  7000;
    opacity:  0;
    visibility:  hidden;
    position:  fixed;
    left:  50%;
    top:  50%;
    -webkit-transform:  translate(-50%,  -50%);
    -moz-transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
    -o-transform:  translate(-50%,  -50%);
    transform:  translate(-50%,  -50%);
    -webkit-transition:  min-height 0.5s;
    -moz-transition:  min-height 0.5s;
    -ms-transition:  min-height 0.5s;
    -o-transition:  min-height 0.5s;
    transition:  min-height 0.5s;
}
@media screen and (max-width: 420px)  {
    .modal--auth__window  {
    width:  90%;
}
}
.modal--auth__close  {
    width:  13px;
    height:  13px;
    background:  url("../../img/close-modal.svg") no-repeat center center;
    position:  absolute;
    right:  30px;
    top:  30px;
    cursor:  pointer;
    transition: all .2s ease-in-out;
}
.modal--auth__close:hover  {
    -webkit-transform:  rotate(180deg);
    -moz-transform:  rotate(180deg);
    -ms-transform:  rotate(180deg);
    -o-transform:  rotate(180deg);
    transform:  rotate(180deg);
}
.modal--auth__content  {
    width:  289px;
    margin:  0 auto;
}
@media screen and (max-width: 420px)  {
    .modal--auth__content  {
        width:  100%;
    }
}
.modal--auth__content .reg  {
    position:  relative;
    display:  none;
}
.modal--auth__content .reg > .tabs  {
    bottom:  -55px;
}
.modal--auth__content .forgot_pw  {
    display:  none;
}
.modal--auth__content .vkreg, .modal--auth__content .tgreg,
.modal--auth__content .googlereg, .modal--auth__content .yareg,
.modal--auth__content .wmreg, .modal--auth__content .okreg,
.modal--auth__content .mailrureg, .modal--auth__content .wmrec {
    display:  none;
}
.modal--auth__content .tabs  {
    position:  absolute;
    bottom:  -25px;
    left:  0;
    width:  100%;
    display:  flex;
    -webkit-justify-content:  center;
    justify-content:  center;
    -webkit-align-items:  center;
    align-items:  center;
}
.modal--auth__content .tabs > .modal-tab  {
    color:  #FFF;
    cursor:  pointer;
    font-size:  14px;
}
.modal--auth__content .tabs > .modal-tab:hover  {
    color:  aliceblue;
}
.modal--auth__content .tabs > .modal-tab.reg_tab  {
    padding-left:  18px;
    margin-left:  35px;
    position:  relative;
}
.modal--auth__content .tabs > .modal-tab.reg_tab:before  {
    position:  absolute;
    content:  "";
    left:  0;
    top:  3px;
    width:  12px;
    height:  12px;
    background:  url("../../img/profile-white.svg") no-repeat center center;
    -webkit-background-size:  contain;
    -o-background-size:  contain;
    background-size:  contain;
}
.modal--auth .modal-head  {
    text-align:  center;
    font-weight:  300;
    font-size:  16px;
    margin-bottom:  30px;
    color:  #172b4d;
}
.modal--auth .modal-form {
    position: relative;
}
.modal--auth .modal-form p  {
    margin-bottom:  10px;
    text-align:  center;
    font-size:  14px;
    color:  #172b4d;
    font-weight:  400;
}
.modal--auth .modal-form .input-wrapper  {
    position:  relative;
    height:  38px;
    margin-bottom:  20px;
}
.modal--auth .modal-form .input-wrapper.email {
    /*margin-top:  30px;*/
}
.modal--auth .modal-form .input-wrapper:before  {
    position:  absolute;
    content:  "";
    width:  20px;
    height:  20px;
    background:  url("../../img/profile.svg") no-repeat center center;
    left:  22px;
    top:  50%;
    -webkit-transform:  translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
@media screen and (max-width: 420px) {
    .modal--auth .modal-form .input-wrapper: before {
    left:  12px;
}
}
.modal--auth .modal-form .input-wrapper.email:before  {
    background:  url("../../img/email.svg") no-repeat center center;
}
.modal--auth .modal-form .input-wrapper.phone:before  {
    background:  url("../../img/phone.svg") no-repeat center center;
}
.modal--auth .modal-form .input-wrapper.pw:before  {
    background:  url("../../img/pw.svg") no-repeat center center;
}
.modal--auth .modal-form .input-wrapper .check_link  {
    cursor:  pointer;
    /*font-size:  14px;*/
    text-decoration:  underline;
    color:  #172b4d;
    font-weight:  300;
    text-align:  right;
    display:  block;
    position:  absolute;
    /*right:  0px;
    top:  -20px;*/
	right: 4px;
    top: 1px;
	font-size:  10px;
    transition:  all 0.2s ease-in-out;
}
.modal--auth .modal-form .input-wrapper .check_link:hover  {
    text-decoration:  none;
}
.modal--auth .modal-form input {
    width:  100%;
    height:  38px;
	padding: 18px 45px 14px 50px;
    box-shadow:  0px 3px 20px rgba(0,  0,  0,  0.11);
    border:  0.3px solid rgba(0,  0,  0,  0.2);
    background-color:  #FFF;
    -webkit-border-radius:  8px;
    border-radius:  8px;
    color:  #172B4D;
    font-size:  16px;
}
@media screen and (max-width: 420px) {
    .modal--auth .modal-form input {
    padding:  14px 20px 14px 38px;
}
}
.modal--auth .modal-form input::-webkit-input-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .modal-form input::-moz-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .modal-form input:-moz-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .modal-form input:-ms-input-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .modal-form input[type=checkbox]  {
    width:  16px;
    height:  16px;
    cursor:  pointer;
    margin-right:  8px;
    margin-top:  1px;
}
.modal--auth .modal-form label  {
    display:  flex;
    flex-wrap:  wrap;
    margin-bottom:  10px;
    -webkit-align-items:  flex-start;
    align-items:  flex-start;
    cursor:  pointer;
    -webkit-user-select:  none;
    -moz-user-select:  none;
    -ms-user-select:  none;
    user-select:  none;
    font-size:  14px;
    color:  #172b4d;
    font-weight:  400;
}
.modal--auth .modal-form label + div  {
    -webkit-user-select:  none;
    -moz-user-select:  none;
    -ms-user-select:  none;
    user-select:  none;
    font-size:  14px;
    color:  #172b4d;
    font-weight:  400;
}
.modal--auth .modal-form button  {
    margin-top:  20px;
    background-color:  #FD8D68;
    color:  #fff;
    -webkit-border-radius:  30px;
    border-radius:  30px;
    cursor:  pointer;
    box-shadow:  0px 3px 20px rgba(0,  0,  0,  0.11);
    padding:  8px 40px;
    height:  38px;
    font-size:  16px;
    position:  relative;
    left:  50%;
    -webkit-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    -o-transform:  translateX(-50%);
    transform:  translateX(-50%);
}
.modal--auth .modal-form button:hover  {
    box-shadow:  5px 5px 30px 0px #fd8d68;
}
@media screen and (max-width: 420px)  {
    .modal--auth .modal-form button  {
    margin-top:  10px;
}
}
.modal--auth .check_email  {
    width:  100%;
    height:  0;
    opacity:  0;
    transition:  all 0.2s ease-in-out;
    position:  absolute;
    top:  116px;
    left:  0;
	z-index: -1;
}
.modal--auth .check_email .input-wrapper  {
    width:  100%;
    height:  38px;
    position:  relative;
}
.modal--auth .check_email .input-wrapper input  {
    height:  38px;
    width:  100%;
    padding:  14px 20px;
    box-shadow:  0px 3px 20px rgba(0,  0,  0,  0.11);
    border:  0.3px solid rgba(0,  0,  0,  0.2);
    background-color:  #FFF;
    -webkit-border-radius:  8px;
    border-radius:  8px;
    color:  #172B4D;
    font-size:  16px;
    ;
}
.modal--auth .check_email .input-wrapper input: :-webkit-input-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .check_email .input-wrapper input::-moz-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .check_email .input-wrapper input:-moz-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .check_email .input-wrapper input:-ms-input-placeholder  {
    color:  rgba(23,  43,  77,  0.6);
}
.modal--auth .check_email .input-wrapper input[type=checkbox]  {
    width:  16px;
    height:  16px;
    cursor:  pointer;
    margin-right:  8px;
    margin-top:  1px;
}
.modal--auth .check_email .input-wrapper button  {
    position:  absolute;
    right:  0;
    top:  0;
    -webkit-border-radius:  8px;
    border-radius:  8px;
    background-color:  #FD8D68;
    color:  #fff;
    cursor:  pointer;
    box-shadow:  0px 3px 20px rgba(0,  0,  0,  0.11);
    padding:  8px 10px;
    height:  38px;
    font-size:  16px;
    display:  block;
}
.modal--auth .check_email .input-wrapper button:hover  {
    box-shadow:  5px 5px 30px 0px #fd8d68;
}
.modal--auth .check_email.show  {
    opacity:  1;
    height:  auto;
	z-index: 100;
}
.modal--auth .social_icons  {
    display:  flex;
    justify-content:  space-around;
    align-items:  center;
    margin-top:  35px;
    height:  30px;
}
@media screen and (max-width: 420px)  {
    .modal--auth .social_icons  {
    margin-top:  25px;
}
}
.modal--auth .social_icons > .icon  {
    display:  block;
    background-size:  contain;
    width:  28px;
    height:  28px;
    transition:  all 0.2s ease-in-out;
    cursor:  pointer;
}
.modal--auth .social_icons > .icon:hover  {
    opacity:  .7;
}
.modal--auth .social_icons > .icon.tg  {
    background:  url('../../img/social_icons/telegram.svg') no-repeat center center;
}
.modal--auth .social_icons > .icon.vk  {
    background:  url('../../img/social_icons/vk.svg') no-repeat center center;
    width:  55px;
    height:  55px;
}
.modal--auth .social_icons > .icon.ya,  .social_icons > .icon.ya  {
    background:  url('../../img/social_icons/ya.svg') no-repeat center center;
    margin-right:  7px;
    width:  32px;
    height:  32px;
}
.modal--auth .social_icons > .icon.google  {
    background:  url('../../img/social_icons/google.svg') no-repeat center center;
    width:  50px;
    height:  50px;
}
.modal--auth .social_icons > .icon.ok  {
    background:  url('../../img/social_icons/ok.svg') no-repeat center center;
    margin-right:  7px;
    margin-left:  7px;
}
.modal--auth .social_icons > .icon.wm  {
    background:  url('../../img/social_icons/wm.svg') no-repeat center center;
}
.modal--auth .social_icons > .icon.mailru  {
    background:  url('../../img/social_icons/mailru.svg') no-repeat center center;
    width:  25px;
    height:  25px;
}
.modal--auth.show .modal--auth__background  {
    opacity:  1;
    visibility:  visible;
}
.modal--auth.show .modal--auth__window  {
    opacity:  1;
    visibility:  visible;
}
@media screen and (max-width: 330px)  {
    .modal--auth .modal-form button  {
    height:  48px;
    font-size:  15px;
}
}
.password-control, .repeat-password-control {
    position:  absolute;
    cursor:  pointer;
    top:  11px;
    right:  22px;
    width:  16px;
    height:  16px;
    background:  url('../../img/view.svg') no-repeat center center;
}
.password-control.view,  .repeat-password-control.view  {
    background:  url('../../img/no-view.svg') no-repeat center center;
}
@media screen and (max-width: 420px)  {
    .password-control,  .repeat-password-control {
    right:  12px;
}
}
.person_agreement, .tgbot, .rec_wm, .rec_email {
    cursor:  pointer;
    text-decoration:  underline;
    font-weight:  300;
}
.person_agreement:hover, .tgbot:hover, .rec_wm:hover, .rec_email:hover {
    text-decoration:  none;
}
.modal--auth .social_icons > .icon.regtg  {
    background:  url('../../img/social_icons/telegram.svg') no-repeat center center;
}
.modal--auth .social_icons > .icon.regvk  {
    background:  url('../../img/social_icons/vk.svg') no-repeat center center;
    width:  55px;
    height:  55px;
}
.modal--auth .social_icons > .icon.regya  {
    background:  url('../../img/social_icons/ya.svg') no-repeat center center;
    margin-right:  7px;
    width:  32px;
    height:  32px;
}
.modal--auth .social_icons > .icon.reggoogle  {
    background:  url('../../img/social_icons/google.svg') no-repeat center center;
    width:  50px;
    height:  50px;
}
.modal--auth .social_icons > .icon.regok  {
    background:  url('../../img/social_icons/ok.svg') no-repeat center center;
    margin-right:  7px;
    margin-left:  7px;
}
.modal--auth .social_icons > .icon.regwm  {
    background:  url('../../img/social_icons/wm.svg') no-repeat center center;
}
.modal--auth .social_icons > .icon.regmailru  {
    background:  url('../../img/social_icons/mailru.svg') no-repeat center center;
    width:  25px;
    height:  25px;
}
.check_mark  {
    position:  absolute;
    top:  11px;
    right:  22px;
    width:  16px;
    height:  16px;
     background:  url('../../img/check_mark.png') no-repeat center center;
}
.modal--auth .modal-form .check_userpin  {
    width:  100%;
    height:  0;
    opacity:  0;
    visibility: hidden;
    transition:  all 0.2s ease-in-out;
    position:  absolute;
    /* top:  166px; */
    /* left:  0; */
}

.modal--auth .modal-form .check_userpin:before {
    background:  url("../../img/pin.svg") no-repeat center center;
    width: 20px;
    height: 20px;
}

.modal--auth .modal-form .input-wrapper.pin:before  {
    background:  url("../../img/pin.svg") no-repeat center center;
}

.modal--auth .modal-form .input-wrapper.wmid:before  {
    background:  url("../../img/social_icons/wm.svg") no-repeat center center;
}

.modal--auth .modal-form .check_userpin.show {
    visibility: visible;
    opacity: 1;
    position: relative;
    margin-bottom: 20px;
    height: auto;
}

#info-msg-auth, #info-msg-reg {
    margin-bottom: 20px;
}