.grdetails{
  padding: 70px 0;
}

.grdetails__container{
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 37px;
  box-sizing: content-box;
}


.grdetails__content{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0 32px;
} 


.grdetails__lt{
  display: none;
}

.grdetails__adv{
  display: block;
  width: 100%;
}

.grdetails__mdl{
  
}

.grdetails__rt{
  display: none;
}


.grdetails__box{
  position: relative;
  -webkit-box-shadow: 2px 2px 4px #BC8B08;
  -webkit-appearance: none;
  box-shadow: 2px 2px 4px #BC8B08;
  border-radius: 10px;
  padding: 50px 28px 110px 28px;
}


.grdetails__boxtop{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 28px 28px;
  margin: 0 0 40px 0;
}


.grdetails__boxtop-lt{

}

.grdetails__avwr{
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  align-items: center;
  height: 377px;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  -webkit-appearance: none;
  border-radius: 22px;
  max-width: 400px;
  margin: 0 auto;
}


.grdetails__av{
  width: 150px;
}

.grdetails__avtt{
  display: block;
  font-size: 16px !important;
}

.grdetails__avage{
  display: block;
  font-size: 14px;
}

.grdetails__boxtop-rt{

}

.grdetails__dets{
  text-align: center;
}

.grdetails__name{
  font-size: 32px !important;
  margin: 0 0 20px 0;
  display: none;
}



.grdetails__age{
  display: none;
  font-size: 20px;
  margin: 0 0 50px 0;
  color: #393232;
}


.grdetails__about{
  font-size: 20px  !important;
}

.grdetails__txt{
  font-size: 18px;
  line-height: 27px;
  color: rgba(0,0,0,0.39)
}


.grdetails__boxbtm{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 28px 28px;

}


.grdetails__boxbtm_lt{
  text-align: center;
}

.grdetails__expt{
  font-size: 20px !important;
  margin: 0 0 20px 0;
}


.grdetails__exp-ls{

}

.grdetails__exp-it{
  color: rgba(0,0,0,0.39);
  font-size: 18px;
  margin: 0 0 20px 0;
}

.grdetails__exp-company{
  position: relative;
  padding: 0 0 0 20px;
  margin-right: 15px;
}

.grdetails__exp-company::after{
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #EEB61E;
}

.grdetails__exp-duration{
  position: relative;
  padding: 0 0 0 25px;
  margin-right: 10px;
  white-space: nowrap;
}

.grdetails__exp-duration::after{
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #000000;
}

.grdetails__boxbtm_rt{
  text-align: center;
}


.grdetails__pospt{
  font-size: 20px !important;
  margin: 0 0 20px 0;
}


.grdetails__pos-ls{

}


.grdetails__pos-it{
  margin: 0 0 20px 0;
  font-size: 18px;
}


.grdetails__pos-it span {
  position: relative;
  color: rgba(0,0,0,0.39);
  padding: 0 0 0 20px;
}


.grdetails__pos-it span::after{
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #EEB61E;
}

.grdetails__contact{
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #EEB61E;
  color: #fff;
  padding: 15px 66px;
  border-radius: 10px 0 10px 0;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

.grdetails__contact.show-phone{
  padding: 16px 66px 14px 66px;
}



.regsuccess{
  padding: 100px 0;
}


.regsuccess__container{
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 37px;
  box-sizing: content-box;
}




.regsuccess__sides{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
}




.regsuccess__lt{
  display: none;
}

.regsuccess__banner-lnk{
  display: block;
}

.regsuccess__banner{
  display: block;
  width: 100%;
}

.regsuccess__md{

}

.regsuccess__content{
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.regsuccess__title{
  font-size: 24px !important;
  color: #EEB61E;
  margin: 0 0 20px 0;
}


.regsuccess__desc{
  font-size: 18px;
}

.regsuccess__instruction{
  font-size: 16px;
  color: rgba(0,0,0,0.48);
  margin: 0 0 30px 0;
}

.regsuccess__profile-lnk{
  display: block;
  font-size: 16px;
  background-color: #BB2025;
  color: #fff;
  max-width: 350px;
  margin: 0 auto 20px auto;
  padding: 15px 0;
  border-radius: 10px;
}


.regsuccess__goback-lnk{
  display: inline-block;
  color: rgba(0,0,0,0.48);
  font-size: 16px;
  padding: 15px 10px;
  border-bottom: 3px solid #EEB61E;
}

.regsuccess__rt{
  display: none;
}



.bbreg{
  padding: 100px 0;
}


.bbreg__container{
  max-width: 1640px;
  padding: 0 37px;
  margin: 0 auto;
  box-sizing: content-box;
}

.bbreg__sides{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
}

.bbreg__lt{
  display: none;
}

.bbreg__rt{
  display: none;
}

.bbreg__banner-lnk{
  display: block;
}

.bbreg__banner {
  display: block;
  width: 100%;
}


.bbreg__md{

}


.bbreg__content{
  -webkit-box-shadow: 4px 5px 19px rgba(188, 139, 8, 0.18);
  -webkit-appearance: none;
  box-shadow: 4px 5px 19px rgba(188, 139, 8, 0.18);
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 15px 105px 15px;
}


.bbreg__form{
  max-width: 670px;
  margin: 0 auto;
}

.bbreg__title{
  text-align: center;
  font-size: 25px !important;
  margin: 30px 0 45px 0;
}

.bbreg__submit-wr {
  max-width: 405px;
  margin: 0 auto;
  user-select: none;
}



.bbreg__submit{
  width: 100%;
  font-size: 17px;
  color: #fff;
  background-color: #EEB61E;
  padding: 20px 50px;
  outline: none;
  border: none;
  border-radius: 10px;
}


.bbreg__rules-sides{
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 7px;
  margin: 0 auto 15px auto;
  max-width: 240px;
}

.bbreg__rules-sides.invalid .bbreg__rules-box{
  border-color: #BB2025;
}

.bbreg__rules-lt{

}

.bbreg__rules-inpwr{

}


.bbreg__rules-inp{
  display: none;
}

.bbreg__rules-inp:checked + .bbreg__rules-box{
  background-color: #EEB61E;
  border-color: #EEB61E;
}

.bbreg__rules-box{
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #000;
  cursor: pointer;
  transition: all 300ms;
}






.bbreg__rules-box svg{
  position: absolute;
  fill: #fff;
  top: 4px;
  left: 3px;
  width: 12px;
}
 
.bbreg__rules-rt{

}

.bbreg__rules-desc{
  display: block;
  font-size: 12px;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 1px 3px 2px 3px;
  user-select: none;
}


.bbreg__inprows{
  margin: 0 0 80px 0;
}

.bbreg__inprow{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px 40px;
  margin: 0 0 15px 0;
  font-weight: normal;
}


.bbreg__inprow_lt{

}



.bbreg__inprow_rt{

}

.bbreg__inp-wr{
  background-color: var(--color);
}


.bbreg__inp-wr.invalid .bbreg__inp{
  -webkit-box-shadow: 1px 3px 3px rgba(187, 32, 37, 1);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgba(187, 32, 37, 1);
}

.bbreg__inp-wr.invalid .bbreg__sel-wr .nice-select{
  -webkit-box-shadow: 1px 3px 3px rgba(187, 32, 37, 1);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgba(187, 32, 37, 1);
}

.bbreg__inp-wr.invalid.bbreg__inprow-ph-wr{
  -webkit-box-shadow: 1px 3px 3px rgba(187, 32, 37, 1);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgba(187, 32, 37, 1);
}

.bbreg__inp-wr.invalid .bbreg__avwr{
  animation: avatarAnim 500ms infinite
}


@keyframes avatarAnim {
  0% {
    border-color: #BB2025
  }

  100% {
    border-color: #fff
  }
}



.bbreg__sel-wr{
  height: 100%;
}

.bbreg__sel-wr select{
  display: none;
}

.bbreg__sel-wr .nice-select {
  float: none;
  width: 100%;
  border: none;
  -webkit-box-shadow: 1px 3px 6px rgba(0,0,0,0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0,0,0,0.16);
  line-height: 56px;
  height: 100%;
  transition: none;
}

.bbreg__sel-wr .nice-select .option.disabled{
  display: none;
}

.bbreg__sel-wr .nice-select.open::after {
  transform: rotate(-180deg);
}

.bbreg__sel-wr .nice-select::after {
  content: url('../images/icon/arrow-down.svg');
  border: none;
  height: auto;
  width: auto;
  margin: 0;
  transform: none;
  top: 0;
  transform-origin: initial;
}


.bbreg__sel-wr .current {
  font-size: 15px;
}

.bbreg__sel-wr .list {
  width: 100%;
  max-height: 200px;
  overflow: auto;
}

.bbreg__sel-wr .list li {

}



.bbreg__inp{
  display: block;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 1px 3px 6px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 6px rgba(0,0,0,0.16);
  -webkit-appearance: none;
  font-size: 15px !important;
  padding: 18px 17px 18px 17px;
}



.bbreg__inp#sms-code-input:read-only::placeholder{
  color: rgba(0, 0, 0, .3)
}



.bbreg__inp::placeholder{
  color: #000;
}


.bbreg__inp:hover {
  outline: none;
}


.bbreg__inp-birthwr{
  position: relative;
  /* border: 1px solid red; */
  cursor: pointer;
}


.bbreg__inp-birthwr input {
  cursor: pointer;
}


.bbreg__inp-birthwr svg {
  position: absolute;
  top: 11px;
  right: 7px;
  pointer-events: none;
  background-color: #fff;
}


.bbreg__avtt{
  text-align: center;
  margin: 77px 0 40px 0;
  font-size: 22px !important;
}

.bbreg__avs{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 50px;
}

.bbreg__avs_lt{
  overflow: hidden;
}

.bbreg__avs_rt {
  overflow: hidden;
}

.bbreg__avcat{
  text-align: center;
  font-size: 19px !important;
  margin: 0 0 30px 0;
}


.bbreg__avls{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}


.bbreg__avit{
  margin: 0 10px 10px 0;
}

.bbreg__avit:last-child{
  margin: 0;
}

.bbreg__avlb{
  cursor: pointer;
}

.bbreg__avlb input {
  display: none;
}

.bbreg__avlb input:checked + .bbreg__avwr {
  border-color: #BB2025;
}


.bbreg__avwr{
  width: 54px;
  height: 54px;
  background-color: #E5DDD2;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
}

.bbreg__avwr img {
  width: 100%;
  height: 100%;
}

.bbreg__inprow-ph{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px 22px;
  margin: 0 0 15px 0;
  position: relative;
}

.bbreg__inprow-ph_lt{
  position: relative;

}

.bbreg__inprow-ph-wr{
  position: relative;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 10px 4px 10px 15px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
}

.bbreg__smsbtn-txt{
  display: inline-block;
}

.bbreg__smsbtn-icon{
  padding: 4px 0 0 0;
  display: none;
}

.bbreg__pending-block{
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 15px !important;
  background-color: #fff;
  padding: 18px 17px 18px 17px;
  border-radius: 5px;
  overflow: hidden;
  color: #EEB61E;
  z-index: 0;
  user-select: none;
}

.bbreg__pending-block::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFF7E1;
  z-index: -1;
}

.bbreg__inprow-ph.pending {
 
}

.bbreg__inprow-ph.pending .bbreg__pending-block{
  visibility: visible;
}

.bbreg__inprow-ph.pending .bbreg__pending-block::before{
  transition: width 5s linear;
  width: 100%;
}

.bbreg__inprow-ph.pending .bbreg__smsbtn{
  opacity: 0.5;
  pointer-events: none;
}

.bbreg__inprow-ph.pending .bbreg__smsbtn-txt{
  display: none;
}


.bbreg__inprow-ph.pending .bbreg__smsbtn-icon{
  display: inline-block
}


.bbreg__inprow-ph-wr img {
  margin: 0 15px 0 0;
}

.bbreg__inprow-ph-wr span {
  font-size: 15px;
}

.bbreg__inp-phwr{
  flex-grow: 1;
  position: relative;
  margin: 0 0 0 15px;
}

.bbreg__inp-phwr::after {
  content: '';
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  width: 1px;
  height: 30px;
  background-color:#707070;
}

.bbreg__inp-ph{
  outline: none;
  border: none;
  font-size: 15px !important;
  padding: 8px 8px 8px 17px;
  box-sizing: border-box;
  width: 100%;
}

.bbreg__inp-ph::placeholder{
  color: #000;
}

/* .bbreg__inprow-ph-btn{
  position: absolute;
  right: 3px;
  top: 3px;
  width: 49px;
  height: 40px;
  background-color: #BB2025;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: none;
} */

.bbreg__smswr{
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 24px;
}


.bbreg__smswr.show-succ-icon .bbreg__sms-status-succ{
  display: block;
}

.bbreg__smswr.show-fail-icon .bbreg__sms-status-fail{
  display: block;
}

.bbreg__sms-status{
  position: absolute;
  right: 97px;
  top: 15px;
  display: none;
}

.bbreg__sms-status svg {
  display: block;
}

.bbreg__sms-status-succ{
  
}

.bbreg__sms-status-fail{
}

.bbreg__smsbtn{
  background-color: #BB2025;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 15px;
  width: 58px;
}

.bbreg__smsbtn:disabled {
  background-color: #393232;
  cursor: not-allowed;
}



.bbreg__inprow-ph_rt{

}

.bbreg__exswr{
  position: relative;
  /* background-color: #ccc; */
}

.bbreg__addex{
  position: absolute;
  top: 75px;
  right: 0;
  width: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  background: none;
  z-index: 1;
}

.bbreg__exrow{
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px 40px;
  margin: 0 0 10px 0;
}

.bbreg__remex{
  position: absolute;
  top: 75px;
  right: 0;
  width: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  background: none;
  transform: rotate(45deg);
}



.bbreg__exrow_lt{

}

.bbreg__exinpwr{

}

.bbreg__expsel{

}

.bbreg__exrow_rt{
  padding: 0 80px 0 0;
}

.bbreg__durinpwr{

}

.bbreg__inp-birthwr{
  
}



.addpr {
  padding: 70px 0;
}

.addpr__container{
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 37px;
  box-sizing: content-box;
}

.addpr__content{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0 32px;
}

.addpr__lt{
  display: none;
}

.addpr__adv{
  margin: 80px 0 0 0;
}

.addpr__mdl{

}

.addpr__rt{
  display: none;
}

.addpr__mdl-container{
  max-width: 1088px;
  margin: 0 auto;
}

.addpr__person-ls{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  margin: 0 0  60px 0;
}

.addpr__person-ls-it{
  
}

.addpr__person{
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 223px;
  grid-gap: 0 20px;
  padding: 20px 20px 50px 20px;
  max-width: 536px;
  margin: 0 auto;
}

.addpr__avwr{
  display: block;
  padding: 20px 0 0 0;
}


.addpr__av{
  display: block;
  width: 100%;
  border-radius: 50%;
}


.addpr__details{

}

.addpr__fname{
  font-size: 22px !important;
  margin: 0 0 15px 0;
}


.addpr__detail{
  font-size: 17px;
  color: #828282;
  margin: 0 0 10px 0;
}


.addpr__detail-value{
  color: #000;
}

.addpr__pos-tt{
  margin: 0 0 8px 0;
  font-family: 'bodyfont';
  font-weight: normal;
  font-size: 17px !important;
  color: #828282;
}

.addpr__poss{
  
}

.addpr__pos{
  position: relative;
  font-size: 16px;
  display: block;
  margin: 0 0 6px 0;
  padding: 0 0 0 20px;
  line-height: 1.4;
}

.addpr__pos::after{
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 9px;
  height: 9px;
  background-color: #EEB61E;
  border-radius: 50%;
}

.addpr__link{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 15px;
  background-color: #EEB61E;
  border-radius: 10px 0 10px 0;
  color: #fff;
  padding: 10px 11px 10px 11px;
}


.addpr__addprofilewr {
  text-align: center;
  margin: 0 0 37px 0;
}

.addpr__addprofile{
  padding: 23px 50px;
  -webkit-box-shadow: 0px 0px 5px #BC8B08;
  -webkit-appearance: none;
  box-shadow: 0px 0px 5px #BC8B08;
  border-radius: 7px;
  font-size: 18px;
  color: #424242;
  font-weight: bold;
  display: inline-block;
  background: #EEB61E;
}

.addpr__filters{
  display: flex;
  flex-flow: column nowrap;
  margin: 0 auto 50px auto;
  max-width: 536px;
}

.addpr__filter{
  margin: 0 0 10px 0;
}

.addpr__filter:last-child{
  margin: 0;
}

.addpr__filter-wr{
  min-width: 184px;
}

.addpr__filter-wr .nice-select{
  width: 100%;
  border: 1px solid rgba(112,112,112,.7);
  border-radius: 5px;
  transition: none;
  padding-right: 35px;
}

.addpr__filter-wr .nice-select.open{
  border-radius: 5px 5px 0 0;
}


.addpr__filter-wr .nice-select::after{
  content: url(../images/icon/arrow-down.svg);
  border: none;
  height: auto;
  width: auto;
  margin: 0;
  transform: none;
  top: 0;
  transform-origin: initial;
}


.addpr__filter-wr .nice-select.open::after{
  transform: rotate(-180deg);
}

.addpr__filter-wr .nice-select.open .list {
  display: block
}

.addpr__filter-wr .nice-select .current{
  color:rgba(0, 0, 0, 0.5)
}

.addpr__filter-wr .nice-select .list{
  width: calc(100% + 2px);
  transition: none;
  box-shadow: none;
  border: 1px solid rgba(112,112,112,.7);
  border-top: none;
  border-radius: 0 0 5px 5px;
  left: -1px;
  margin: 0;
  display: none;
  max-height: 240px;
  overflow: auto;
}

.addpr__filter-wr .nice-select .option{
  color: rgba(173, 137, 39, 0.8);
  padding: 0 10px;
  line-height: normal;
  white-space: normal;
  min-height: auto;
  padding: 10px 10px 10px 18px;
}

.addpr__filter-wr .nice-select .option.disabled{
  display: none;
}

.addpr__filter-wr select{
  display: none;
}



.addpr__paging{
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}


.addpr__paging-content{
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  background-color: #fff;
}

.addpr__paging-prev{
  padding: 22px 10px 0 20px;
}

.addpr__paging-prev svg {
  display: block;
  width: 100%;
  height: auto;
  transform: rotate(-90deg);
}

.addpr__paging-next{
  padding: 22px 20px 0 10px;
}

.addpr__paging-next svg {
  display: block;
  width: 100%;
  height: auto;
  transform: rotate(90deg);
}

.addpr__paging-ls{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}


.addpr__paging-it{

}

.addpr__paging-it.active{
  pointer-events: none;
}

.addpr__paging-it.active .addpr__paging-lnk{
  color: #000;
}

.addpr__paging-lnk{
  display: block; 
  font-size: 23px;
  padding: 14px 16px;
  color: rgba(38,38,38,.45);
  transition: color 300ms;
}

.addpr__paging-dots{
  display: flex;
  align-items: center;
}

.addpr__paging-lnk:hover {
  color: #000;
}



.updpr{
  padding: 100px 0;
}

.updpr__container{
  max-width: 1640px;
  padding: 0 37px;
  margin: 0 auto;
  box-sizing: content-box;
}


.updpr__sides{
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 0 32px;
}

.updpr__lt{
  display: none;
}

.updpr__lt a {
  display: block;
}

.updpr__adv{
  display: block;
  width: 100%;
}


.updpr__mdl{

}


.updpr__mdl-container{

}

.updpr__tt-des{
  display: none;
  text-align: center;
  font-size: 32px !important;
  margin: 0 0 50px 0;
}

.updpr__tt-des-sm{
  text-align: center;
  font-size: 20px !important;
  margin: 0 0 30px 0;
}

.updpr__form{

}


.updpr__mdl-content{
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 4px 5px 19px rgba(188,139,8,0.18);
  -webkit-appearance: none;
  box-shadow: 4px 5px 19px rgba(188,139,8,0.18);
  min-height: 200px;
  margin: 0 0 30px 0;
  padding: 30px 14px 50px 14px;
}


.updpr__bottom{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}


.updpr__check{
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px 0;
  cursor: pointer;
  user-select: none;
}


.updpr__check input {
  display: none;
}


.updpr__check input:checked + .updr__check-box{
  background-color: #EEB61E;
  border-color: #EEB61E;
}


.updpr__rt{
  display: none;
}

.updpr__rt a {
  display: block;
}

.updr__check-box{
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #000;
  margin: 5px 10px 0 0;
  box-sizing: border-box;
  background-color: #fff;
  transition: all 300ms;
  cursor: pointer;
}


.updr__check-box svg {
  position: absolute;
  fill: #fff;
  top: 4px;
  left: 3px;
  width: 12px;
}

.updpr__submit-btn{
  font-size: 24px !important;
  background: #EEB61E;
  color: #fff;
  border: none;
  padding: 15px 40px;
  border-radius: 10px 0 10px 0;
  margin: 0 0 14px 0;
}

.updpr__remove-op{
  font-size: 18px;
  background: #BB2025;
  color: #fff;
  border: none;
  padding: 10px 30px 10px 30px;
  border-radius:  0 10px 0 10px;
}

.updpr__rt a {

}

.updr__textarea-wr{
  margin: 0 0 15px 0;
}

.updpr__inpmwr{
  margin: 0 0 15px 0;
}



.updpr__inpwr{

}

.updpr__inpwr.invalid .updpr__inp{
  -webkit-box-shadow: 1px 3px 3px rgb(187, 32, 37);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgb(187, 32, 37);
}

.updpr__inpwr.invalid.updpr__inprow-ph-wr{
  -webkit-box-shadow: 1px 3px 3px rgb(187, 32, 37);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgb(187, 32, 37);
}

.updpr__inpwr.invalid .updpr__sel-wr .nice-select{
  -webkit-box-shadow: 1px 3px 3px rgb(187, 32, 37);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgb(187, 32, 37);
}

.updpr__inpwr.invalid .updpr__prf-dur{
  -webkit-box-shadow: 1px 3px 3px rgb(187, 32, 37);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgb(187, 32, 37);
}

.updpr__inpwr.invalid .updpr__textarea{
  -webkit-box-shadow: 1px 3px 3px rgb(187, 32, 37);
  -webkit-appearance: none;
  box-shadow: 1px 3px 3px rgb(187, 32, 37);
}


.updpr__datewr{
  position: relative;
  margin: 0 0 15px 0;
}



.updpr__datewr svg {
  position: absolute;
  top: 11px;
  right: 10px;
  pointer-events: none;
  background-color: #fff;
}

.updpr__dateinp{
  display: block;
  width: 100%;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 5px;
  font-size: 15px !important;
  padding: 18px 17px 18px 17px;
  cursor: pointer;
  user-select: none;
}

.updpr__dateinp::placeholder {
  color: #000;
}


.updpr__textarea{
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  display: block;
  width: 100%;
  height: 285px;
  border-radius: 10px;
  border: none;
  padding: 38px 39px;
  font-size: 15px !important;
}

.updpr__textarea::placeholder {
  color: #000;
}

.updr__inprow{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px 100px;
}

.updr__inpwr{

}

.updr__inp{
  display: block;
  width: 100%;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 5px;
  font-size: 15px !important;
  padding: 18px 17px 18px 17px;
}


.updr__inp::placeholder {
  color: #000;
}

.updpr__top{
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 34px 76px;
  /*margin: 0 0 15px 0;*/
}


.updpr__top-lt{
  
}

.updpr__avatars-wr{
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  background-color: #fff;
}

.updpr__avatar-top{
  height: 307px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(112,112,112,.32);
}


/* .updpr__avatar-top.hide-avatar-txt .change-avatar-txt{
  transform: scale(0);
  transition: all 300ms;
} */



.updpr__selected-avatar{
  position: relative;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  transition: margin 300ms;
}

/* .change-avatar-txt{
  font-size: 15px;
} */


.updpr__top-rt{
  /* overflow: hidden; */
} 



.updpr__avatar-bottom{
  position: relative;
}


.updpr__avatar-ls{
  padding: 12px 39px 12px 39px;
}


.updpr__avatar-ls .swiper-slide{
  width: 50px;
}

.updpr__avatar-wr{
  display: block;
  cursor: pointer;
}

.updpr__avatar-wr input{
  display: none;
}

.updpr__avatar-wr input:checked + img{
  border-color: #BB2025; 
}

.updpr__avatar-wr img {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: border 300ms;
}

.updpr__avatar-ls .swiper-container{
  margin-top: 0;
}


.updpr__slarrow-lt{
  position: absolute;
  left: 0; 
  top: calc(50% - 19px);
  border: none;
  cursor: pointer;
  height: 40px;
  background: none;
}

.updpr__slarrow-lt svg{
  transform: rotate(-90deg);
}


.updpr__slarrow-rt {
  position: absolute;
  right: 0; 
  top: calc(50% - 19px);
  border: none;
  cursor: pointer;
  height: 40px;
  background: none;
}

.updpr__slarrow-rt svg{
  transform: rotate(90deg);
}


.updpr__inp{
  display: block;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 15px !important;
  padding: 18px 17px 18px 17px;
}

.updpr__inp:read-only::placeholder{
    color: rgba(0, 0, 0, .3)
}

.updpr__inp::placeholder{
  color: #000;
}

.updpr__inp::placeholder{
  color: #000;
}

.updpr__sel-wr .nice-select{
  float: none;
  width: 100%;
  border: none;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, .16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, .16);
  line-height: 56px;
  height: 100%;
  transition: none;
}

.updpr__sel-wr .nice-select:after {
  content: url(../images/icon/arrow-down.svg);
  border: none;
  height: auto;
  width: auto;
  margin: 0;
  transform: none;
  top: 0;
  transform-origin: initial;
}

.updpr__sel-wr .nice-select.open:after{
  transform: rotate(-180deg);
}

.updpr__sel-wr .current {
  font-size: 15px;
}

.updpr__sel-wr select {
  display: none;
}

.updpr__sel-wr .list {
  width: 100%;
  max-height: 250px;
  overflow: auto;
}

.updpr__sel-wr .list .option.disabled{
  display: none;
}



.updpr__inprow-ph{
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px 22px;
  margin: 15px 0 15px 0;
}

.updpr__inprow-ph.pending .updpr__pending-block{
  visibility: visible;
}

.updpr__inprow-ph.pending .updpr__pending-block::before{
  width: 100%;
  transition: width 5s linear;
}

.updpr__inprow-ph.pending .updpr__smsbtn{
    opacity: 0.5;
    pointer-events: none;
}

.updpr__inprow-ph.pending .updpr__smsbtn-txt{
    display: none;
}

.updpr__inprow-ph.pending .updpr__smsbtn-icon{
    display: inline-block;
}



.updpr__inprow-ph_lt{
    position: relative;
}

.updpr__inprow-ph-wr{
  position: relative;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 10px 4px 10px 15px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
}

.updpr__inprow-ph-wr img {
  margin: 0 15px 0 0;
}

.updpr__inprow-ph-wr span {
  font-size: 15px;
}

.updpr__inp-phwr{
  flex-grow: 1;
  position: relative;
  margin: 0 0 0 15px;
  border-left: 1px solid #707070;
}

.updpr__pending-block{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 15px !important;
    background-color: #fff;
    padding: 20px 17px 0 17px;
    border-radius: 5px;
    overflow: hidden;
    color: #EEB61E;
    z-index: 0;
    user-select: none;
}

.updpr__pending-block::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #FFF7E1;
    z-index: -1;
}

.updpr__inp-ph{
  outline: none;
  border: none;
  font-size: 15px !important;
  padding: 8px 8px 8px 17px;
  box-sizing: border-box;
  width: 100%;
}

.updpr__inp-ph::placeholder{
  color: #000;
}


.updpr__inprow-ph_rt{

}

.updpr__inpwr{

}

.updpr__smswr{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 24px;
}

.updpr__smswr.show-fail-icon .updpr__sms-status-fail{
    display: block;
}

.updpr__smswr.show-succ-icon .updpr__sms-status-succ{
    display: block;
}

.updpr__sms-status{
    position: absolute;
    right: 92px;
    top: 86px;
    display: none;
}


.updpr__smsbtn{
    display: block;
    padding: 0 15px;
    background-color: #BB2025;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    width: 58px;
}

.updpr__smsbtn:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}

.updpr__smsbtn-icon{
    padding: 4px 0 0 0;
    display: none;
}
.updpr__smsbtn-txt{
    display: inline-block;
}
.updr__prfs{
  margin: 0 0 15px 0;
}

.updr__prf{
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px 22px;
  margin: 0 0 15px 0;
}

.updr__prf:last-child {
  margin: 0;
}

.updr__prf-rem{
  position: absolute;
  top: 7px;
  right: 0;
  width: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  background: none;
  transform: rotate(45deg);
}

.updr__prf-col{

}

.updr__prf-selwr{
  padding: 0 80px 0 0;
}

.updr__prf-add{
  position: absolute;
  top: 7px;
  right: 0;
  width: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  background: #fff;
  z-index: 1;
}



.updr__prf-durwr{
  position: relative;
}

.updr__prf-durwr svg {
  position: absolute;
  top: 11px;
  right: 10px;
  pointer-events: none;
  background-color: #fff;
}

.updpr__prf-dur{
  display: block;
  width: 100%;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 5px;
  font-size: 15px !important;
  padding: 18px 17px 18px 17px;
  cursor: pointer;
  user-select: none;
}

.updpr__prf-dur::placeholder {
  color: #000;
}

.updr__prf-compwr{

}


.updpr__poss{
  position: relative;
  margin: 0 0 15px 0;
}

.updr__poss-add{
  position: absolute;
  top: 7px;
  right: 0;
  width: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  background: #fff;
  z-index: 1;
}

.bbreg__pos{
  position: relative;
  margin: 0 0 15px 0;
}

.updpr__pos{
  position: relative;
  margin: 0 0 15px 0;
}

.updpr__pos:last-child{
  margin: 0;
}


.updpr__poswr{
  padding: 0 80px 0 0;
}

.updpr__sel-wr{

}

.updr__pos-rem{
  position: absolute;
  top: 7px;
  right: 0;
  width: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  border-radius: 50%; 
  padding: 0;
  background: none;
  transform: rotate(45deg);
}




/* sub */
.sub{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: auto;
}

.sub.show {
  display: flex;
}

.sub.show-fully {
  
}

.sub.show-fully .sub__block{
  transform: translateY(0);
}





.sub__block{
  margin: auto;
  width: 100%;
  padding: 40px 30px 90px 30px;
  max-width: 582px;
  box-sizing: content-box;
  transform: translateY(calc((100vh - 580px) / 2 + 270px));
  transition: transform 500ms;
}


.sub__content{
  position: relative;
  background-color: #EAEAEA;
  border-radius: 10px;
  /* border: 2px solid red; */
}

.sub__front{
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}

.sub__front-top{
  padding: 8px 0 0 0;
}

.sub__front-top svg{
  display: block;
  width: 100%;
  height: auto;
}

.sub__form-wr{
  flex-grow: 1;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 10px 30px 20px 30px;
}



.sub__form{
  height: 100%;
}

.sub__steps{
  height: 100%;
}

.sub__steps.show-one .sub__stepone{
  display: flex;
}

.sub__steps.show-two .sub__steptwo{
  display: flex;
}

.sub__steps.show-three .sub__stepthree{
  display: flex;
}

.sub__steps.show-four .sub__stepfour{
  display: flex;
}

.sub__letter{
  position: absolute;
  left: 24px;
  top: -15px;
  height: 300px;
  padding: 17px 0 0 0;
  width: calc(100% - 48px);
  background-color: #FFF3D4;
  border-radius: 10px;
}


.sub__letter svg {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: auto;
}

.sub__inv-wr{

}

.sub__inv-wr.isinvalid .sub__stepone-inp{
  border-color: #BB2025 !important;
}

.sub__inv-wr.isinvalid .sub__steptwo-inp{
  border-color: #BB2025 !important;
}


.sub__inv-wr.isinvalid .sub__checks-select-tt{
  border-color: #BB2025 !important;
}


.sub__step{
  height: 100%;
  display: none;
  flex-flow: column nowrap;
}

.sub__stepone{

}

.sub__stepone-txt{
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
  margin: 16px 0 25px 0;
  text-align: center;
}

.sub__stepone-btm{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}

.sub__stepone-inp{
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding: 18px 0 18px 20px;
  font-size: 15px;
}


.sub__stepone-inp:hover {
  border: 1px solid #E0E0E0 !important;
}


.sub__stepone-btn {
  background: #BB2025;
  color: #fff;
  border: none;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  padding: 18px 0;
  cursor: pointer;
  transition: background 300ms;
}

.sub__stepone-btn:hover {
  background: #AC191E;
}





.sub__steptwo {
}

.sub__steptwo-inprow{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  margin: 0 0 15px 0;
}

.sub__steptwo-inpwr{

}

.sub__steptwo-inp{
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding: 13px 20px 13px 20px;
  font-size: 15px;
  width: 100%;
}


.sub__steptwo-inp:hover {
  border: 1px solid #E0E0E0 !important;
}





.sub__checksmwr{
  margin: 0 0 15px 0;
}


.sub__checks-tt{
  display: block;
  font-size: 15px;
  font-family: 'BodyFont';
  font-weight: bold;
  margin: 0 0 9px 0;
  user-select: none;
}


.sub__checks-wr{
  position: relative;
}


.sub__checks-select-tt{
  position: relative;
  font-size: 15px !important;
  margin: 0;
  font-family: 'BodyFont';
  font-weight: normal;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding: 13px 20px 13px 20px;
  cursor: pointer;
  user-select: none;
}

.sub__checks-select-tt.disabled{
  pointer-events: none;
  background-color: #f7f7f7;
}

.sub__checks-select-tt span {
  pointer-events: none;
}

.sub__checks-select-tt svg {
  position: absolute;
  right: 20px;
  top: 20px;
  transform: rotateX(180deg);
  pointer-events: none;
}

.sub__checks-select-tt.show {
  border-radius: 5px 5px 0 0;
}

.sub__checks-select-tt.show + .sub__checks-list-wr{
  display: block;
  z-index: 1;
}

.sub__checks-select-tt.show + .sub__checks-list-upwr{
  display: block;
  z-index: 1;
}

.sub__checks-select-tt.show svg{
  transform: rotateX(0);
}

.sub__checks-list-wr{
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 0 0 5px 5px;
  padding: 7px 5px 7px 0;
  background-color: #fff;
}



.sub__checks-list-upwr{
  display: none;
  position: absolute;
  left: 0; 
  bottom: calc(100% + 2px);
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 0 0 5px 5px;
  padding: 5px 0;
  background-color: #fff;
} 



.sub__checks-list{
  max-height: 170px;
  overflow: auto;
}

.sub__checks-list::-webkit-scrollbar-track {
  background: #fff;
}

.sub__checks-list::-webkit-scrollbar {
  width: 4px;
}

.sub__checks-list::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #707070;
}

.sub__checks-list::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

.sub__checks-item{
  padding: 0px 0 0px 20px;
}

.sub__checks-item_act.hide{
  display: none;
}


.sub__check-label{
  position: relative;
  display: block;
  font-size: 15px !important;
  font-family: 'BodyFont';
  font-weight: normal;
  cursor: pointer;
  padding: 12px 0px 12px 0px;
  border-bottom: 1px solid #F7F7F7;
  user-select: none;
}

.sub__check-label:hover {
  border-color: #F7F7F7 !important;
}


.sub__check-label input {
  display: none;
}

.sub__check-label input:checked +  .sub__check-box{
  background: #BB2025;
  border-color: #BB2025;
}


.sub__check-box{
  position: absolute;
  right: 15px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 2px solid #E0E0E0;
  transition: background 200ms, border 200ms;
}


.sub__check-box:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 0px;
  width: 2px;
  height: 5px;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: 2px; 
  transform: rotate(45deg);
}


.sub__secstep-btnwr{
  text-align: center;
  margin: auto 0 0 0;
}

.sub__secstep-btn{
  width: 100%;
  background: #BB2025;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 18px 0 19px 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
}


.sub__thirdstep-btnswr{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 17px;
  margin: auto 0 0 0;
}

.sub__thirdstep-btn{
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 18px 0 19px 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}


.sub__thirdstep-btn_back{
  background: #707070;
}

.sub__thirdstep-btn_next{
  background: #BB2025;
}


.sub__fourthstep-btnswr{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 17px;
  padding: 70px 0 0 0;
  margin: auto 0 0 0;
}


.sub__fourthstep-btn{
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 18px 0 19px 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}

.sub__fourthstep-btn_back{
  background: #707070;
}

.sub__fourthstep-btn_save{
  background: #BB2025;
}


.sub__stepfour{

}

.sub__freq-wr{
  flex-grow: 1;
}

.sub__freg-label{
  display: block;
  font-size: 17px;
  font-family: 'BodyFont';
  font-weight: bold;
  margin: 0 0 10px 0;
}

.sub__freg-select-wr{

}

.sub__freg-select-wr select{
  display: none;
}

.sub__freg-select-wr .nice-select {
  float: none;
  padding: 3px 0 3px 20px;
  height: auto;
  font-size: 16px;
  border-color: #E0E0E0;
  transition: none;
}

.sub__freg-select-wr .nice-select .option{
  min-height: auto;
  line-height: normal;
  padding: 13px 0 13px 20px;
}

.sub__freg-select-wr .nice-select.open {
  border-radius: 5px 5px 0 0;
}

.sub__freg-select-wr .nice-select::after {
  transition: none;
  right: 20px;
  border-bottom: 2px solid #707070;
  border-right: 2px solid #707070;
}

.sub__freg-select-wr .nice-select .list {
  width: calc(100% + 2px);
  border-radius: 0 0 5px 5px;
  transition: none;
  box-shadow: none;
  left: -1px;
  border: 1px solid #E0E0E0;
}

.sub__mpaper{
  padding: 13px 0 0 0;
}

.sub__mpaper label {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}

.sub__mpaper label input {
  display: none;
}

.sub__mpaper label input:checked + .sub__mpapaer-box {
  background: #BB2025;
  border-color: #BB2025;
}

.sub__mpapaer-box {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 1px solid #000;
  transition: background 300ms, border 300ms;
  margin: 0 5px 0 0;
  flex-shrink: 0;
}

.sub__mpapaer-box:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 2px;
  height: 5px;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: 2px;
  transform: rotate(45deg);
}


.sub__closebtn{
  position: absolute;
  right: calc(50% - 18px);
  top: auto;
  bottom: -62px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}


.sub__closebtn:hover line{
  transition: stroke 300ms;
}

.sub__closebtn:hover line{
  stroke: #BB2025;
}



.subs{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 40px;
}

.subs.show {
  display: flex;
}

.subs__content{
  margin: auto;
  width: 100%;
  max-width: 536px;
  background-color: #FFF3D4;
  border-radius: 10px;
  text-align: center;
  padding: 20px 25px 50px 25px;
  box-sizing: border-box;
}


.subs__top{
  margin: 0 0 90px 0;
}

.subs__top svg{
  width: 70px;
  height: auto;
}

.subs__message{
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 90px 0;
  line-height: 1.4;
  padding: 0 10px;
}

.subs__endbtn{
  width: 100%;
  max-width: 260px;
  background: #BB2025;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 18px 0 19px 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  transition: background 300ms;
}

.subs__endbtn:hover {
  background: #AC191E;
}




























@media screen and (min-width: 830px){
  .updpr__avatar-ls{
    padding: 12px 48px 12px 48px;
  }
  .updpr__slarrow-rt{
    right: 6px;
  }
  .updpr__slarrow-lt{
    left: 6px; 
  }
  .bbreg__sides{
    grid-template-columns: 160px 1fr 160px;
  }

  .bbreg__lt{
    display: block;
  }

  .bbreg__rt{
    display: block;
  }

  .updpr__sides{
    grid-template-columns: 160px calc(100% - 384px) 160px;
  }

  .updpr__lt{
    display: block;
  }

  .updpr__rt{
    display: block;
  }

}


@media screen and (min-width: 834px){
  .addpr__content{
    grid-template-columns: 160px 1fr 160px;
  }

  .addpr__lt{
    display: block;
  }

  .addpr__rt{
    display: block;
  }

  .addpr__person{
    padding: 20px 20px 50px 25px;
  }

}

@media screen and (min-width: 996px){
  .sub{
    overflow: hidden;
  }
  .sub__letter{
    padding: 25px 0 0 0;
  }
  .sub__block{
    padding: 0 30px;
  }
  .sub__letter svg {
    width: 72px;
  }
  .sub__stepone-btm{
    grid-template-columns: 1fr 180px;
  }

  .sub__form-wr{
    padding: 10px 40px 20px 40px;
  }

  .sub__content{
    height: 519px;
  }

  .sub__stepone-txt{
    text-align: left;
    margin: 16px 0;
  }

  .sub__closebtn{
    position: absolute;
    right: -46px;
    top: 0;
    bottom: auto;
  }

  .sub__steptwo-inprow{
    grid-template-columns: 1fr 1fr;
  }

  .addpr {
    padding: 100px 0 100px 0;
  }

  .grdetails{
    padding: 100px 0;
  }

  .grdetails__content{
    grid-template-columns: 160px 1fr 160px;
  }

  .addpr__person{
    grid-gap: 0 45px;
  }

  .grdetails__lt{
    display: block;
  }

  .grdetails__rt{
    display: block;
  }

  .regsuccess__title {
    font-size: 42px !important;
    margin: 0 0 30px 0;
  }

  .regsuccess__desc{
    font-size: 32px;
  }

  .regsuccess__instruction{
    font-size: 22px;
  }

  .regsuccess__profile-lnk{
    font-size: 25px;
    border-radius: 10px 0 10px 0;
    max-width: 477px;
  }

  .regsuccess__goback-lnk{
    font-size: 23px;
  }


}


@media screen and (min-width: 1024px){
  

  

  
}



@media screen and (min-width: 1200px){
  .regsuccess__sides{
    grid-template-columns: 250px 1fr 250px;
  }

  .regsuccess__lt {
    display: block;
  }

  .regsuccess__rt {
    display: block;
  }

}



@media screen and (min-width: 1300px){
    
  .updpr__sms-status{
    right: 13px;
    top: 18px;
  }
  
  .updpr__tt-des{
    display: block;
  }

  .bbreg__sms-status{
    right: 10px;
    top: 11px;
  }

  .bbreg__pending-block{
    font-size: 17px !important;
    padding: 12px 17px 12px 17px;
  }

  .bbreg__smsbtn{
    position: absolute;
    right: 228px;
    top: 3px;
    height: 40px;
    width: 52px;
    padding: 0 10px;
  }

  .updpr__poss{
    margin: 0 0 60px 0;
  }

  .updpr__pos{
    margin: 0 0 30px 0;
  }

  .updpr__poswr{
    padding: 0;
  }



  .updr__prfs{
    margin: 0 0 60px 0;
  }

  .updr__poss-add{
    left: calc(100% + 16px);
    top: 7px;
    bottom: auto;
    right: auto;
  }

  .updr__pos-rem{
    left: calc(100% + 16px);
    top: 7px;
    bottom: auto;
    right: auto;
  }

  .bbreg__pos{
    margin: 0 0 60px 0;
  }
  

  .updr__prf-selwr{
    padding: 0;
  }

  .updr__prf-durwr svg {
    top: 12px;
  }

  .updr__prf{
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 0 30px 0;
  }

  .updr__prf-rem{
    left: calc(100% + 16px);
    top: 7px;
    bottom: auto;
    right: auto;
  }

  .updr__prf-add {
    left: calc(100% + 16px);
    top: 7px;
    bottom: auto;
    right: auto;
  }

  .updpr__prf-dur{
    font-size: 17px !important;
  }

  .updpr__lt{
    padding: 130px 0 0 0;
  }
  
  .updpr__rt{
    padding: 130px 0 0 0;
  }
  
  .updpr__tt-des-sm{
    display: none;
  }
  .updpr__inpmwr{
    margin: 0 0 50px 0;
  }
  .updpr__top{ 
    /*margin: 0 0 60px 0;*/
  }
  .updr__textarea-wr{
    margin: 0 0 60px 0;
  }
  .updpr__datewr{
    margin: 0 0 50px 0;
  }
  .updpr__mdl-content{
    padding: 40px 90px 50px 37px;
  }
  .updpr__top{
    grid-template-columns: calc(50% - 38px) calc(50% - 38px);
  }
  .updpr__smswr{
    grid-template-columns: 1fr;
    grid-gap: 0px;
  }
  .updpr__smsbtn{
    position: absolute;
    right: calc(33% + 3px);
    top: 3px;
    height: 51px;
    width: 52px;
    padding: 0 10px;
  }

  .updpr__inp {
    font-size: 17px !important;
    /* padding: 12px 17px 12px 17px; */
  }


  .updpr__inp-ph{
    padding: 8px 55px 8px 17px;
    font-size: 17px !important;
  }

  .updpr__inprow-ph-wr span {
    font-size: 17px;
  }

  .updpr__inprow-ph{
    grid-template-columns: 2.2fr 1fr;
    margin: 60px 0 60px 0;
  }

  .updpr__sel-wr .current {
    font-size: 17px;
  }

  .updpr__sel-wr .nice-select{
    line-height: 57px;
  }

  .updpr__datewr svg {
    top: 12px;
  }

  .updr__inprow{
    grid-template-columns: 1fr 1fr;
  }
  .bbreg__exrow_rt{
    padding: 0;
  }

  .updpr__textarea{
    font-size: 17px !important;
  }

  .updr__inp{
    font-size: 17px !important;
    /* padding: 12px 17px 12px 17px; */
  }

  .updpr__dateinp{
    font-size: 17px !important;
    /* padding: 12px 17px 12px 17px; */
    
  }
  
  .bbreg__addex{
    left: calc(100% + 16px);
    top: 0;
    bottom: auto;
    right: auto;
  }

  .bbreg__remex{
    left: calc(100% + 16px);
    top: 0;
    bottom: auto;
    right: auto;
  }

  .bbreg__exrow{
    grid-template-columns: 1fr 1fr;
    margin: 0 0 60px 0;
  }
  .bbreg__inprow-ph-wr{
    padding: 4px 4px 4px 15px;
  }
  .bbreg__submit{
    font-size: 20px;
    padding: 20px 50px;
    border-radius: 10px 0 10px 0;
  }
  .bbreg__rules-sides{
    margin: 0 0 15px 0;
    max-width: none;
  }
  .bbreg__inp-birthwr svg {
    top: 6px;
  }
  .bbreg__sel-wr .nice-select{
    line-height: 45px;
  }
  .bbreg__avls{
    justify-content: flex-start;
  }
  .bbreg__avcat{
    text-align: left;
  }
  .bbreg__avtt{
    margin: 77px 0 20px 0;
    text-align: left;
  }
  .bbreg__avs{
    grid-template-columns: 1fr 1fr;
  }
  .bbreg__title{
    font-size: 30px !important;
    margin: 0 0 70px 0;
  }
  .bbreg__inprow-ph {
    grid-template-columns: 2.2fr 1fr;
    margin: 0 0 60px 0;

  }

  .bbreg__inprow {
    grid-template-columns: 1fr 1fr;
    margin: 0 0 60px 0;
  }
/* 
  .bbreg__inprow-ph-btn{
    display: block;
  } */

  .bbreg__inp-ph{
    padding: 8px 55px 8px 17px;
    font-size: 17px !important;
  }


  .bbreg__inprow-ph-wr span{
    font-size: 17px;
  }

  .bbreg__smswr{
    grid-template-columns: 1fr;
    grid-gap: 0px;
  }



  .bbreg__inp{
    font-size: 17px !important;
    padding: 12px 17px 12px 17px;
  }

  .bbreg__sel-wr .current{
    font-size: 17px;
  }

}

@media screen and (min-width: 1366px){
  
  .addpr__addprofilewr {
    margin: 0 0 80px 0;
  }
  .addpr__filters{
    flex-flow: row nowrap;
    justify-content: center;
    max-width: none;
    margin: 0 0 110px 0;

  }
  .addpr__filter{
    margin: 0 20px 0 0;
  }
  .addpr__person-ls{
    grid-template-columns: 1fr 1fr;
    margin: 0 0 170px 0;
  }
  .bbreg__exrow{
    grid-gap: 10px 83px;
  }
  .bbreg__inprow {
    grid-gap: 10px 83px;
  }
  .bbreg__sides{
    /* grid-template-columns: 320px 1fr 320px; */
    grid-template-columns: 1fr 940px 1fr;
  }
  .regsuccess__sides{
    grid-template-columns: 320px 1fr 320px;
  }
  .grdetails__boxtop{
    grid-template-columns: 1fr 1.32fr;
  }

  .grdetails__name{
    display: block;
  }

  .grdetails__age{
    display: block;
  }
  .grdetails__dets{
    text-align: left;
  }

  .grdetails__avtt{
    display: none;
  }
  
  .grdetails__avage{
    display: none;
  }

  .grdetails__expt{
    font-size: 30px !important;
  }

  .grdetails__pospt{
    font-size: 30px !important;
  }

  .grdetails__txt{
    font-size: 20px;
  }

  .grdetails__exp-it{
    font-size: 20px;
  }

  .grdetails__pos-it{
    font-size: 20px;
  }

  .grdetails__contact{
    font-size: 20px !important;
    padding: 18px 40px;
  }

  .grdetails__contact.show-phone {
    padding: 19px 40px 17px 40px;
  }
}

@media screen and (min-width: 1500px){
  .sub__checks-list-upwr{
    bottom: auto;
    top: calc(100% + 2px);
  }
  .grdetails__boxbtm{
    grid-template-columns: 400px 1.3fr;
    grid-gap: 28px 28px;
  }

  .grdetails__content{
    grid-gap: 0 116px;
  }

  .addpr__content{
    grid-gap: 0 116px;
  }

  .grdetails__boxbtm_lt{
    text-align: left;
  }

  .grdetails__boxbtm_rt{
    text-align: left;
  }

  .grdetails__pos-it{
    margin: 0 0 9px 0;
  }
  .updpr__sides{
    grid-template-columns: 160px calc(100% - 552px) 160px;
    grid-gap: 0 116px;
  }
}