:root{
	--bradius:5px;
	--red:#910000;
	--redo:#9100000f;
	--colorgrey:#EAEAEA;
	--content-width: 1170px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --black:#000000;
  --white:#ffffff;
  --gray80: rgba(30,30,30,0.8);
    --gray70: rgba(30,30,30,0.7);
    --gray60: rgba(30,30,30,0.6);
    --gray50: rgba(30,30,30,0.5);
    --gray40: rgba(30,30,30,0.4);
    --gray30: rgba(30,30,30,0.3);
    --gray20: rgba(30,30,30,0.2);
    --gray10: rgba(30,30,30,0.1);
    --gray00: #ececec;
}
html {
  --refRes: 1920;
  font-size: calc(100vw / var(--refRes) * 10);
}
@media (max-width: 1200px) {
  html {
    --refRes: 1200;
    font-size: calc(100vw / var(--refRes) * 10);
  }
}
@media (max-width: 744px) {
  html {
    --refRes: 744;
    font-size: calc(100vw / var(--refRes) * 10);
  }
}
@media (max-width: 480px) {
  html {
    --refRes: 375;
    font-size: calc(100vw / var(--refRes) * 10);
  }
}
.popup.popup-fixright{
	position: absolute;
  top: 0;
  transform: none;
  right: 0;
  width: 100%;
  max-width: 65.8rem;
  height: 100%;
  padding:5.6rem 5.8rem;
  text-align: left;
}

.auth_25{}
.auth_25 .shap{
	background: transparent;
	color: #000;	
	margin-bottom: 2.4rem;	
	border: none;
	position:relative;
}
.auth_25 .ogranich450{
	max-width:450px;
	margin: 0 auto;
	position:relative;
}
@media (max-width: 480px) {
	.auth_25 .ogranich450{margin-left: 15px;
margin-right: 15px;}
}
.auth_25 .shap .title-callback{
	border: none;
	padding:0;
	margin:0;
	font-size: 3.8rem;
	font-weight: 500;
  letter-spacing: -0.01vw;
  line-height: 1;
}
@media (max-width: 1920px) {
	
}
@media (max-width: 480px) {
	.auth_25 .shap .title-callback{font-size:18px;}
}
.auth_25 .remodal-close{
	top:0;
	right: 0;
	transform: translate(100%, -100%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2.4rem' height='2.4rem' viewBox='0 0 30 30'%3E%3Cpath fill='%23000' d='M15.707 15l5.646 5.646-.707.707L15 15.707l-5.647 5.647-.707-.707L14.293 15 8.646 9.354l.707-.707L15 14.293l5.646-5.647.707.707L15.707 15z'/%3E%3C/svg%3E");
	border: 0.1rem solid rgba(30, 30, 30, 0.1);
	border-radius: 0.6rem;
}

.auth_25 .checkradio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-bottom:20px;
}
.auth_25 .checkradio__input {
    display: none;
}
.auth_25 .checkradio__mask {
    position: relative;
    cursor: pointer;
    width: 5.1rem;
    height: 3.1rem;
    border-radius: 10rem;
    background: var(--gray30);
    padding: 0.3rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.auth_25 .checkradio__mask::after {
    content: "";
    position: absolute;
    left: 0.3rem;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-shadow: 0 0.3rem 0.1rem 0 rgba(0, 0, 0, 0.06), 0 0.3rem 0.7rem 0 rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.04);
    box-shadow: 0 0.3rem 0.1rem 0 rgba(0, 0, 0, 0.06), 0 0.3rem 0.7rem 0 rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.04);
    background: #fff;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.auth_25 .checkradio__text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--gray50);
    cursor: pointer;
}
@media (max-width: 1200px) {
    .auth_25 .checkradio__text {
        font-size: 1.4rem;
    }
}
@media (max-width: 744px) {
    .auth_25 .checkradio__text {
        font-size: 1.2rem;
    }
}
.auth_25 .checkradio__input:checked ~ .checkradio__mask {
    background: var(--black);
}
.auth_25 .checkradio__input:checked ~ .checkradio__mask::after {
    left: 2.3rem;
}
.auth_25 .checkradio__input:checked ~ .checkradio__text {
    color: var(--black);
}

.auth_25 .modal__login{}
.auth_25 .modal__login .variants{
	display:flex;
	gap:10px;
	margin-bottom:20px;
}
.auth_25 .modal__login .variants label{
	flex:1 1 calc(100% / 3 - 10px);
	display:flex;
	justify-content: center;
	align-items:center;
	border:1px solid var(--gray80);
	position:relative;
	overflow:hidden;
	padding:4px 10px;
	color:var(--black);
	background-color:var(--white);
	cursor:pointer;
	font-weight:300;
}
.auth_25 .modal__login .variants label.js-tab-btn-active{
	color:var(--white);
	background-color:var(--black);
}
.auth_25 .modal__login .variants label input{
	position:absolute;
	margin-top:-150px
}
.auth_25 .modal__login-tab{display:none; margin-bottom:4rem;}
.auth_25 .modal__login-tab.tab-box-active{display:block;}
.auth_25 .modal__login-tab2{display:none; margin-bottom:4rem;}
.auth_25 .modal__login-tab2.tab-box-active{display:block;}

.auth_25 .modal__login-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
}
@media (max-width: 744px) {
    .auth_25 .modal__login-form {
        row-gap: 1.4rem;
    }
}
@media (max-width: 480px) {
    .auth_25  .modal__login-form {
        row-gap: 1.8rem;
    }
}
.auth_25 .modal__login-text{
	color:var(--black);
	text-align:left;
}
.auth_25 .modal__login-text_note{
	margin-top: -16px;
	color:var(--gray50);
}
.auth_25 .modal__login-text_note a{color:var(--gray50);}
@media (max-width: 744px) {
    .auth_25 .modal__login-text_note {
        margin-top: -0.4rem;
    }
}
@media (max-width: 480px) {
    .auth_25 .modal__login-text_note {
        margin-top: -0.2rem;
    }
}

.auth_25 .notemarg{margin-top:0;text-align:center;}
.auth_25 .input-block{}
.auth_25 .input-block .input__error{display:none;}
.auth_25 .input-block input{
	width:100%;
	border:1px solid var(--black);
}
.auth_25 .modal__login-form .modal__login-btn,.auth_25 .modal__login-form .modal__login-btn2{
	border-radius:0;
	background-color:var(--black);
	color:var(--white);
	height:50px;
	display: flex;
  align-items: center;
  justify-content: center;
}

.auth_25 .placeholder-container{position:relative;}
.auth_25 .placeholder-container label {
    color: var(--black);
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px;
    pointer-events: none;
    position: absolute;
    transition: all 200ms;
    top: 5px;
    left: 10px;
    background-color: #FFF;
	font-weight:500;
}
.auth_25 .placeholder-container input:focus + label,
.auth_25 .placeholder-container input:not(:placeholder-shown) + label{
    top: -20px;
	left: 0;
	font-size: 11px;
	color: #000;
	padding: 2px 10px;
}
.auth_25 #blockbtnsubmit{text-align:center;}

.auth_25 .form-check2{position: relative;padding-left: 3.6rem;font-weight: 500; color: var(--gray60);}
.auth_25 .form-check2 label {
  display: block;
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.auth_25 .form-check2 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.auth_25 .form-check2 label::before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/images/svg/checkbox-empty.svg) no-repeat;
  background-size: cover;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  pointer-events: none;
}
@media (max-width: 480px) {
  .auth_25 .form-check2 label::before {
    width: 2rem;
    height: 2rem;
  }
}
.auth_25 .form-check2 input:checked + label::before{
  background: url(/images/svg/checkbox-full.svg) no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  .auth_25 .form-check2{padding-left: 2.6rem;}
  .auth_25 .form-check2 label {
    width: 2rem;
    height: 2rem;

  }
}