.personal-menu {
    padding: 0 46px 0 0;
    margin: 0 50px 0 0;
    border-right: 1px solid #000;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.personal-menu a{
    margin-bottom: 20px;
    color: #808080;
}
.personal-menu .active,.personal-menu a:hover{
    color: #ffffff;
}
.personal-hData{
    margin: 0 0 30px;
}
.personal-label{
    margin: -8px 0 -6px;
    display: block;
}
.personal-welcome{
    font-size: 16px;
    line-height: 137%;
    text-transform: none;
}
.personal-name_input{
    margin-right: auto;
}
.personal-line{
    margin-bottom: 20px;
}
.personal-userName{
    font-size: 24px;
    margin: 6px 0 73px;
}
.personal-userData{
    width: 338px;
    margin-top: 38px;
}
.personal-avatar{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 26px auto 10px 0;
    background: rgba(255, 255, 255, 0.1) center center / cover no-repeat;
    position: relative;
}
.js-personal-camera{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    visibility: hidden;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26.667 8.533h-3.454a1.6 1.6 0 0 1-1.574-1.317l-.215-1.193a2.133 2.133 0 0 0-2.1-1.756h-6.648c-1.032 0-1.916.739-2.099 1.755l-.214 1.194a1.6 1.6 0 0 1-1.575 1.317H5.334A2.133 2.133 0 0 0 3.2 10.667v13.866c0 1.179.955 2.134 2.134 2.134h21.333a2.133 2.133 0 0 0 2.133-2.134V10.667a2.133 2.133 0 0 0-2.133-2.134ZM16 23.467a6.4 6.4 0 1 1 0-12.8 6.4 6.4 0 1 1 0 12.8Zm0-2.134a4.267 4.267 0 1 1 0-8.533 4.267 4.267 0 0 1 0 8.533Z' fill='%23fff'/%3e%3c/svg%3e") center center / auto no-repeat;
}
.personal-approval::before{
    position: absolute;
    top:0;
    right:0;
    content: '';
    width: 32px;
    z-index: 2;
    height: 32px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='16.5' cy='16.5' r='9.5' fill='%23E10000'/%3e%3cpath d='m29.12 14.69-.97-.59a1.85 1.85 0 0 1-.82-1.14c-.13-.47-.1-.97.14-1.4l.55-.98a1.53 1.53 0 0 0-1.31-2.28l-1.14-.02c-.49 0-.93-.22-1.28-.56V7.7a1.84 1.84 0 0 1-.57-1.27l-.02-1.15a1.53 1.53 0 0 0-2.28-1.31l-.98.55a1.85 1.85 0 0 1-1.42.14c-.47-.13-.88-.41-1.12-.82l-.58-.97c-.6-1-2.04-1-2.63 0l-.58.96c-.25.42-.66.7-1.13.83h-.01c-.48.13-.98.1-1.4-.14l-1-.55A1.53 1.53 0 0 0 8.3 5.29l-.02 1.14c0 .49-.22.93-.56 1.28H7.7c-.34.35-.8.56-1.28.57L5.3 8.3a1.53 1.53 0 0 0-1.31 2.28l.55.98c.23.43.27.93.14 1.4v.02c-.13.47-.41.88-.82 1.12l-.97.58c-1 .6-1 2.04 0 2.63l.97.58a1.85 1.85 0 0 1 .82 1.15c.13.47.1.97-.14 1.4l-.55.98a1.53 1.53 0 0 0 1.31 2.28l1.14.02c.49 0 .94.22 1.28.56v.01c.35.34.56.8.57 1.28l.02 1.14a1.53 1.53 0 0 0 2.28 1.31l.98-.55a1.85 1.85 0 0 1 1.42-.14c.47.13.88.4 1.12.82l.58.97c.6 1 2.04 1 2.63 0l.58-.97c.25-.41.66-.7 1.12-.82h.03c.47-.13.97-.1 1.4.14l.98.55a1.53 1.53 0 0 0 2.28-1.31l.02-1.14c0-.49.22-.94.56-1.28h.01c.34-.35.79-.56 1.27-.57l1.14-.02a1.53 1.53 0 0 0 1.32-2.28l-.55-.98a1.85 1.85 0 0 1-.14-1.42c.13-.47.4-.88.82-1.12l.97-.59c1-.6 1-2.03 0-2.62Zm-7.03-1.14-7 7a1.07 1.07 0 0 1-1.5 0l-3.7-3.68a1.07 1.07 0 1 1 1.52-1.51l2.93 2.93 6.24-6.24a1.07 1.07 0 1 1 1.5 1.5Z' fill='%23fff'/%3e%3c/svg%3e") center center / cover no-repeat;
}
.personal-avatar:hover .js-personal-camera{
    visibility: visible;
    background-color: rgba(0,0,0,.3);
}
.personal-birthday_margin{
    margin-left: 1em;
}
.personal-btn_logout {
    margin: auto auto auto 0;
}
#login_phone{
    max-width: 300px;
}
.agreement{
    color:#808080;
}
.agreement a{
    text-decoration: underline;
}
.personal-btn_change_number{
    margin: 50px 0 0;
    padding: 0;
    font-weight: 300;
    font-size: 15px;
    line-height: 40px;
}
.breadcrumbs{
    display: none;
}

.personal-left_col,.personal-main_col,.personal-right_col,.personal-menu{
    width: 100%;
}
.personal-second_txt > p{
    margin: 0;
}
.personal-second_txt > p:last-child {
    margin: 0 0 -28px;
}
.personal-second_txt{
    display: block;
}
.personal-btn_repeat{
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 15px;
    line-height: 18px;
    padding: 0;
    text-decoration: underline;
}








#code_box .lines{
    display: block;
    justify-content: space-between;
    width:100%;
    max-width: 234px;
    position:relative;
    top:-18px;
}
#code_box .lines .line_el {
    display: inline-block;
    width: 2.5ch;
    height: 1px;
    background-color: #8b8b8b;
    margin: 0 0 0 1.84ch;
}
#code_box .lines .line_el:first-child{
    margin: 0;
}
.lot_cont {
  width: 100%;
}
.lottery_banner {
  padding: 0 165px 0 15px;
  width: 100%;
  max-width: 390px;
  background: url("/imgs/airpods.png") 95% 10px no-repeat;
  margin: 32px auto 0;
}
.lottery_banner span {
  font-size: 18px;
  line-height: 22px;
  display: block;
  margin: 0 0 8px;
}
.lottery_banner span + p {
    margin: 0 0 22px;
}
.lottery_banner p {
  color: #808080;
  font-size: 15px;
  line-height: 18px;
  margin: 0;
}



@media (min-width:992px) {
    .personal-btn_save {
        font-size: 15px;
        line-height: 18px;
        margin: 10px 0 0 0;
    }
    .personal-container > div{
        max-width: 330px;
    }
    .personal-btn_continue {
        font-weight: 300;
        font-size: 15px;
        line-height: 18px;
    }
    .personal-right_col,.personal-main_col{
        max-width: 600px;
        margin: 0 auto;
    }
    .personal-right_col{
        margin-left: 0;
    }
    .lottery_banner{
        margin-left: 550px;
    }
    .personal-container{
        padding: 50px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(60px);
        border-radius: 10px;
        margin: 24px 0;
    }
    .personal-userData{
        border-radius: 20px;
        padding: 50px 30px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(100px);
    }
    .agreement {
        margin: 24px 0;
    }
    .agreement p{
        margin: 0 0 0 14px;
    }
    .personal-input_code {
        /*border-bottom: 1px solid !important;*/
        /* -webkit-border-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='1' viewBox='0 0 42 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='0.5' x2='27' y2='0.5' stroke='white' stroke-opacity='0.5'/%3e%3c/svg%3e") 1 round round !important;
        -moz-border-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='1' viewBox='0 0 42 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='0.5' x2='27' y2='0.5' stroke='white' stroke-opacity='0.5'/%3e%3c/svg%3e") 1 round round !important;
        -o-border-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='1' viewBox='0 0 42 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='0.5' x2='27' y2='0.5' stroke='white' stroke-opacity='0.5'/%3e%3c/svg%3e") 1 round round !important;
        border-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='1' viewBox='0 0 42 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='0.5' x2='27' y2='0.5' stroke='white' stroke-opacity='0.5'/%3e%3c/svg%3e") 1 round round !important; */
        max-width: 234px;
        letter-spacing: 31px;
        padding: 0 6px;
        margin: 24px 0 14px;
    }
    .personal-second_txt{
        color: #808080;
        margin: 10px 0 0;
        display: inline-block;
    }
    .personal-menu{
        max-width: 420px;
        padding: 0 0 0 30px;
    }
}
@media (min-width:991px) and (max-width:1200px) {
    .personal-menu {
      max-width: 220px;
    }
    .lottery_banner{
        margin: 32px auto 0 300px;
    }
}
@media (max-width:991px) {

    .personal-user {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .personal-menu{
        margin: 0;
        padding: 0 14px 0;
    }
    .personal-welcome {
        margin-top: 36px;
    }
    .personal-avatar {
        margin: 10px 14px 0 0;
    }
    .personal-menu .btn.personal-btn_logout {
        display: none;
    }
    .personal-menu a {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        -moz-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        margin: 0 15px 0 0;
    }
    .personal-userName {
        font-size: 26px;
        margin: 6px 0 54px;
    }
    .personal-right_col{
        padding: 0 15px;
    }
    .js-custom_select, .custom_placeholder{
        margin: 0 0 26px;
    }
    .js-custom_select + .js-custom_select{
        margin: 0 0 26px 15px;
    }
    .personal-container{
        padding: 30px 15px 72px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(60px);
        border-radius: 10px;
    }
    .personal-menu::after {
        content: '';
        display: block;
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 10px 0;
    }
    .personal-btn_logout{
        margin: 80px 0 80px 15px;
    }
/* }
@media (max-width:420px) { */
    .personal-main_col {
        padding: 15px;
        margin: 40px 0 80px;
    }
    .personal-agreement{
        margin: 0 0 0 14px;
    }
    .personal-date_input_h,#login_phone,.agreement{
        margin: 0 0 24px;
    }
    .personal-descr{
        margin: 9px 0 24px;
    }
    .personal-second_txt:first-child{
        color: #808080;
    }
    .personal-second_txt{
        margin: 8px 0;
    }
    .personal-container > .personal-second_txt{
        color:#808080;
    }
    .personal-input_code{
        margin: 18px 0;
        /* border: 0 solid transparent;
        border-bottom: 1px #808080 solid !important; */
        /* border-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='1' viewBox='0 0 42 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='0.5' x2='27' y2='0.5' stroke='white' stroke-opacity='0.5'/%3e%3c/svg%3e") 1 round round !important; */
        max-width: 220px;
        letter-spacing: 20px;
        padding: 0 8px;
    }

	#code_box .lines{
		max-width: 220px;
		top:-25px;
	}
    #code_box .lines .line_el:first-child {
        margin: 0 0 0 4px;
    }
    #code_box .lines{
        width: 100%;
        max-width: 234px;
        position: relative;
        top: -25px;
        height: 1px;
    }
	#code_box .lines .line_el{
		width:19px;
        margin: 0 0 0 1.1ch;
	}

    .personal-btn_repeat{

    }
}


.alert_green, .alert_red{
	padding:10px 0;
}
.alert_green{
	font-size:20px;
	color: #03d300;
}