/* Start:/franchise/anketa/style.css?178606075511295*/
.page-franchise-anketa { margin-top:64px; margin-bottom: 100px; }

.franchise-anketa { margin-bottom:40px; }
.franchise-anketa .text { font-size:1.05rem; line-height:1.55; color:#444;  }

.franchise-anketa .btn {  margin:0; }

.franchise-anketa__done { display:flex; align-items:flex-start; gap:10px; color:#2a8a3e; }
.franchise-anketa__done .fa { color:#2a8a3e; margin-top:2px; }
.franchise-anketa--auth .franchise-anketa__auth-form { }




.bxmaker-logo { display:none; }
.bxmaker-authuserphone-enter { width:auto; }
.bitrix-default-auth-bxmaker-authuserphone__wrap { max-width: 320px !important; }
.bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-login, .bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-call, .bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-enter, .bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-simple { border-radius: 6px !important; }

.bxmaker-authuserphone-consent-button { display: inline-block; font-size: 11px !important; line-height:1.2 !important;}
.bxmaker-authuserphone-consent-button input { -webkit-appearance:auto !important; appearance:auto !important; display:inline-block; width: 16px !important; height: 16px !important; line-height:16px !important; border: 1px solid #FFFFFF; border-radius: 3px; }
.bxmaker-authuserphone-consent-button input:checked { background-repeat:no-repeat; background-position:center; background-size:14px 12px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 7.97674L5.66667 13L15 1' stroke='white'/%3E %3C/svg%3E "); }



.franchise-anketa .content { display:-webkit-box;display:-ms-flexbox;display:flex;  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap:wrap;flex-wrap:wrap; gap:24px; }
.franchise-anketa .col-1 { -webkit-box-flex:1;-ms-flex:1;flex:1;}
.franchise-anketa .col-2 { -webkit-box-flex:1;-ms-flex:1;flex:1; 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; }
.franchise-anketa img.img { width: 240px; height: 222px; display:block;  }

.franchise-anketa.franchise-anketa--auth img.img { width: 260px; height: 200px; padding-left:30px; margin:0 auto;}


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

	.franchise-anketa .content { max-width:1180px; margin:0 auto; }
	.franchise-anketa .text {  max-width:720px; margin-bottom:32px;}
	.franchise-anketa h1 { margin-bottom:32px; }


}
@media screen and (min-width: 1280px) and (max-width: 1919px) {

	.franchise-anketa .text {  max-width:720px; margin-bottom:32px;}
	.franchise-anketa h1 { margin-bottom:32px; }

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

	.page-franchise-anketa { margin-bottom:72px; }
	.franchise-anketa .text {  max-width:720px; margin-bottom:32px;}
	.franchise-anketa h1 { margin-bottom:32px; }

	.franchise-anketa .col-2 { max-width:300px; }
	.franchise-anketa.franchise-anketa--auth .col-2 { max-width:unset; }
	.franchise-anketa img.img { width: 176px; height: 164px;  }

}
@media screen and (min-width: 768px) and (max-width: 1023px) {

	.page-franchise-anketa { margin-top:40px; margin-bottom:60px;}
	.franchise-anketa .text {  margin-bottom:32px; }
	.franchise-anketa h1 { margin-bottom:24px; }

	.franchise-anketa .col-2 { max-width:200px; }
	.franchise-anketa img.img { width: 176px; height: 164px;  }

	.franchise-anketa.franchise-anketa--auth .col-2 { max-width:unset; }
	.franchise-anketa.franchise-anketa--auth img.img { width: 220px;  padding-left:20px;}

}

@media screen and (max-width: 767px) {

	.page-franchise-anketa { margin-top:24px; margin-bottom:40px;}
	.franchise-anketa .text {  margin-bottom:32px; }
	.franchise-anketa h1 { margin-bottom:24px; }

	.franchise-anketa .col-1 { width:100%; -webkit-box-flex:unset;-ms-flex:unset;flex:unset;}
	.franchise-anketa .col-2 { width:100%; -webkit-box-flex:unset;-ms-flex:unset;flex:unset; }
	.franchise-anketa img.img {  width: 176px; height: 164px;   }

	.franchise-anketa.franchise-anketa--auth img.img { width: 180px;  height: 150px; padding-left:10px; margin-top: -20px;}


}



/**
 * Автономные стили движка опросов (quiz-job) для страниц ВНЕ CRM-шаблона —
 * кабинет франчайзи /franchise/anketa/ (шаблон vysotsky-index).
 * В CRM-шаблоне эти же правила живут в template_styles.css; здесь они собраны
 * отдельно и не зависят от Foundation-классов (.button/.width_full), которых
 * на публичном шаблоне нет. Ключевое: .content скрыт, показывается только у
 * активного вопроса — это и даёт пошаговый мастер.
 */

.quiz-job { width:100%; max-width:720px; margin:0 auto; box-sizing:border-box; }
.quiz-job * { box-sizing:border-box; }
.quiz-job h3 { font-size: 1.4rem; margin:0 0 10px; }

.quiz-job .fancybox-close-small {  text-align:right; padding: 10px !important;  right: 10px !important;  top: 10px !important;  width: 50px !important;  height: 50px !important;}
.quiz-job .fancybox-close-small svg { display:inline-block; vertical-align:middle; width: 30px; }
.quiz-job .fancybox-close-small span { /*display:inline-block; vertical-align:middle; font-size: 11px; text-transform: uppercase;*/ display:none; }

/* CSS грузится только в кабинете /franchise/anketa/, где единственный fancybox — анкета,
   поэтому ограничиваем ширину его контента (иначе форма растягивается на весь экран).
   Селектор без модификатора слайда — ajax-fancybox v3 использует свой класс слайда. */
.fancybox-content { width:auto !important; max-width:760px !important; margin:0 auto !important; padding:24px 24px 30px !important; border-radius: 6px !important; }
.quiz-job .quiz-desc { font-size:14px; color:#555; margin-bottom:-20px; }


.quiz-job .question { padding:0; margin:10px 0; position:relative; border: 2px solid #f0eef4; border-radius: 6px; }
.quiz-job .question.hidden { display:none; }
.quiz-job .qtext { padding:10px 30px 10px 20px; background:#F0EEF4; font-weight:600; }
.quiz-job .question .num { font-size:14px; line-height:25px; position:absolute; top:8px; right:20px; font-weight:normal; color:#aaa; display:none; }

/* пошаговость: контент виден только у активного вопроса */
.quiz-job .question .content { display:none; margin:0px; padding:10px 20px; }
.quiz-job .question.active .content { display:block; }

.quiz-job .answers { margin-bottom:10px; }
.quiz-job .answers > div { margin:0; padding:5px 0px; }

.quiz-job .answers_radio > div:hover, .quiz-job .answers_checkbox > div:hover { /*background-color:#effaff;*/ }
/* Публичный шаблон использует jcf (jQuery Custom Forms): он прячет нативные
   радио/чекбоксы правилом .jcf-hidden с !important (position:absolute; left:-9999px;
   width:1px; appearance:none). Наши инпуты грузятся ajax'ом позже и jcf их не
   оформляет, поэтому возвращаем нативный вид принудительно (специфичность выше .jcf-hidden). */
.quiz-job .answers input[type=checkbox],
.quiz-job .answers input[type=radio] {
	-webkit-appearance:auto !important; -moz-appearance:auto !important; appearance:auto !important;
	display:inline-block !important; position:static !important; left:auto !important;
	opacity:1 !important; visibility:visible !important; pointer-events:auto !important; clip:auto !important;
	width:18px !important; height:18px !important; min-width:18px !important; margin:0 !important; padding:0 !important;
	vertical-align:middle; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;
}
.quiz-job .answers [type=checkbox]+label, .quiz-job .answers [type=radio]+label { font-size:1rem; margin-left:.75rem; cursor:pointer; }
.quiz-job .answers_radio > div, .quiz-job .answers_checkbox > div { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.quiz-job .answers.error, .quiz-job .answers .error { border:1px dotted red; }

/* поля ввода (text/textarea/geo) */
.quiz-job .quiz-input,
.quiz-job .quiz-textarea { display:block; /*width:calc(100% - 40px);*/ width:100%; box-sizing:border-box; margin:0; padding:9px 12px; border:1px solid #ccc; border-radius:4px; font-size:1rem; line-height:1.3; }
.quiz-job .quiz-textarea { min-height:90px; resize:vertical; }
/* гео-саджест города: выпадающий список привязан к ширине поля и «висит» под ним */
.quiz-job .answers_text { position:relative; }
.quiz-job .quiz-geo-suggest-list { display:none; position:absolute; left:0px; right:0px; top:calc(100% + 3px); z-index:20; background:#fff; border:1px solid #ccc; border-radius:6px; max-height:230px; overflow-y:auto; box-shadow:0 6px 18px rgba(0,0,0,.12); padding: 0 !important; }
.quiz-job .quiz-geo-suggest-item { padding:10px 14px; cursor:pointer; font-size:1rem; line-height:1.2; border-bottom:1px solid #f0f0f0; }
.quiz-job .quiz-geo-suggest-item:last-child { border-bottom:0; }
.quiz-job .quiz-geo-suggest-item:hover { background:#F0EEF4; }
.quiz-job .quiz-geo-suggest-item small { color:#999; font-size:.85rem; }

/* навигация */
.quiz-job .question .btns { margin-top: 10px; padding:0; display:flex; justify-content:flex-end; }
.quiz-job .button { display:inline-block; background: #E06437; color: #FFFFFF;  padding:10px 24px; border:0; border-radius:4px; cursor:pointer; font-size:1rem; line-height:1.2; text-decoration:none; transition:background .15s; }
.quiz-job .button:hover { background: #F56E3D; color:#fff; }
.quiz-job .button.disabled { background: #C25D38; color: #F0EEF4; pointer-events: none;  -webkit-touch-callout: none; cursor: not-allowed !important;  }
.quiz-job .button.button-prev { background: #fff; color: #777; border:1px solid #ccc; margin:0 auto 0 0; }
.quiz-job .button.button-prev:hover { background: #fff; color: #777; border:1px solid #E06437; }

.quiz-job .question .errors { padding:10px 10px; background:#ffd1d1; font-size:14px; margin-bottom:10px; }
.quiz-job .question .note { padding:5px 20px; font-size:14px; color:#999; }



/* результат / экран благодарности */
.quiz-job .qj-results { padding:36px 24px 28px; text-align:center; }
.quiz-job .qj-results h3 { font-size:1.75rem; font-weight:700; line-height:1.25; margin:0 0 16px; color:#222; }
.quiz-job .qj-prefix-text { font-size:1.05rem; line-height:1.55; color:#666; max-width:520px; margin:0 auto 28px; }
.quiz-job .qj-result-text, .quiz-job .qj-postfix-text { max-width:520px; margin:0 auto 18px; }
.quiz-job .qj-close { margin-top:4px; }
.quiz-job .qj-close br { display:none; }
.quiz-job .qj-close .button { padding:13px 44px; font-size:1.05rem; }

/* End */


/* Start:/local/templates/vysotsky-index/components/bxmaker/authuserphone.enter/.default/style.css?17860446079993*/
.login_form_wrap { width:100%; height:100%; min-width:100%; min-height:100%; 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; }

.bitrix-default-auth-bxmaker-authuserphone {  width:100%; height:100%; min-width:100%; min-height:100%; 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; max-width:unset; margin:0; }

.bitrix-default-auth-bxmaker-authuserphone__wrap  { max-width: 300px !important;}



.bxmaker-logo { border-bottom: 1px solid #d8e0e5;    padding: 20px;    margin: 0;   background-color: #d8e0e5; border-radius: 6px 6px 0 0; }
.bxmaker-logo img { display:block; margin: 0 auto; max-height:30px;}


.bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-login, .bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-call, .bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-enter, .bitrix-default-auth-bxmaker-authuserphone .bxmaker-authuserphone-simple { padding:20px; border-radius: 0 0 6px 6px; }


.bxmaker-authuserphone-header { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #444444; margin-bottom:32px;  }


.bxmaker-authuserphone-button__inner { background-color: #E06437; }
.bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner { background-color: #F56E3D; }
.bxmaker-authuserphone-button__title { font-size: 15px; font-weight: bold; }


.bxmaker-authuserphone-input-phone input[type=text] { box-shadow: none !important;}

a.bxmaker-authuserphone-link, a.bxmaker-authuserphone-link:visited { color:#E06437; border: none; border-bottom: 1px dashed #E06437; text-decoration: none; color: #E06437; cursor: pointer; line-height: 1.1; color:#E06437; }
a.bxmaker-authuserphone-link:hover, a.bxmaker-authuserphone-link:active { color:#E06437; border-color: transparent;}

.bxmaker-authuserphone-enter-auth__toregistration a.bxmaker-authuserphone-link, .bxmaker-authuserphone-enter-reg__toauth a.bxmaker-authuserphone-link{ font-size: 16px; }


.bxmaker-authuserphone-consent-button { font-size:11px; }
.bxmaker-authuserphone-consent-button span {vertical-align:text-top;  }


.bxmaker-authuserphone-input:hover .bxmaker-authuserphone-input__field,
.bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__field,
.bxmaker-authuserphone-input--hover .bxmaker-authuserphone-input__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input--invalid .bxmaker-authuserphone-input__field {
  border-color: #d9dcde;
}

.bxmaker-authuserphone-input:hover .bxmaker-authuserphone-input__field,
.bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__field,
.bxmaker-authuserphone-input--hover .bxmaker-authuserphone-input__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input--invalid .bxmaker-authuserphone-input__field {
  border-color: #d9dcde;
}

.bxmaker-authuserphone-input-fio:hover .bxmaker-authuserphone-input-fio__field,
.bxmaker-authuserphone-input-fio--focus .bxmaker-authuserphone-input-fio__field,
.bxmaker-authuserphone-input-fio--hover .bxmaker-authuserphone-input-fio__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input-fio--invalid .bxmaker-authuserphone-input-fio__field {
  border-color: #d9dcde;
}

.bxmaker-authuserphone-input-phone:hover .bxmaker-authuserphone-input-phone__field,
.bxmaker-authuserphone-input-phone--focus .bxmaker-authuserphone-input-phone__field,
.bxmaker-authuserphone-input-phone--hover .bxmaker-authuserphone-input-phone__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input-phone--invalid .bxmaker-authuserphone-input-phone__field {
  border-color: #d9dcde;
}

.bxmaker-authuserphone-input-code:hover .bxmaker-authuserphone-input-code__field,
.bxmaker-authuserphone-input-code--focus .bxmaker-authuserphone-input-code__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input-code--invalid .bxmaker-authuserphone-input-code__field,
.bxmaker-authuserphone-input-code--invalid:hover .bxmaker-authuserphone-input-code__field {
  border-color: #d9dcde;
}

.bxmaker-authuserphone-input-otp:hover .bxmaker-authuserphone-input-otp__field,
.bxmaker-authuserphone-input-otp--focus .bxmaker-authuserphone-input-otp__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input-otp--invalid .bxmaker-authuserphone-input-otp__field,
.bxmaker-authuserphone-input-otp--invalid:hover .bxmaker-authuserphone-input-otp__field {
  border-color: #d9dcde;
}

.bxmaker-authuserphone-input-password:hover .bxmaker-authuserphone-input-password__field,
.bxmaker-authuserphone-input-password--focus .bxmaker-authuserphone-input-password__field,
.bxmaker-authuserphone-input-password--hover .bxmaker-authuserphone-input-password__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input-password--invalid .bxmaker-authuserphone-input-password__field {
  border-color: #d9dcde;
}

.bxmaker-authuserphone-input-location:hover .bxmaker-authuserphone-input-location__field,
.bxmaker-authuserphone-input-location--focus .bxmaker-authuserphone-input-location__field,
.bxmaker-authuserphone-input-location--hover .bxmaker-authuserphone-input-location__field {
  border-color: #d9dcde;
}
.bxmaker-authuserphone-input-location--invalid .bxmaker-authuserphone-input-location__field {
  border-color: #d9dcde;
}



.bxmaker-authuserphone-input input[type=otp], .bxmaker-authuserphone-input input[type=phone], .bxmaker-authuserphone-input input[type=password], .bxmaker-authuserphone-input input[type=text], .bxmaker-authuserphone-input input[type=tel], .bxmaker-authuserphone-input input[type=email] { padding:12px; }
.bxmaker-authuserphone-input-phone input[type=text] { padding:12px; }

.bxmaker-authuserphone-input-password input[type=password], .bxmaker-authuserphone-input-password input[type=text] {  padding:12px 40px 12px 12px; }

.bxmaker-authuserphone-input-phone--flag.bxmaker-authuserphone-input-phone--hover .bxmaker-authuserphone-input-phone__flag, .bxmaker-authuserphone-input-phone--flag.bxmaker-authuserphone-input-phone--focus .bxmaker-authuserphone-input-phone__flag { padding-top: 0px; }

.bxmaker-authuserphone-input-phone__title, .bxmaker-authuserphone-input__title, .bxmaker-authuserphone-input-password__title { color:#222; top: 10px; }

.bxmaker-authuserphone-input-phone--focus .bxmaker-authuserphone-input-phone__title,
.bxmaker-authuserphone-input-phone--hover .bxmaker-authuserphone-input-phone__title {
  left: 8px;
  -webkit-transform: translateY(-30px) scale(0.8);
      -ms-transform: translateY(-30px) scale(0.8);
          transform: translateY(-30px) scale(0.8);
}
.bxmaker-authuserphone-input-code--focus .bxmaker-authuserphone-input-code__title {
  -webkit-transform: translateY(-30px) scale(0.8);
      -ms-transform: translateY(-30px) scale(0.8);
          transform: translateY(-30px) scale(0.8);
}
.bxmaker-authuserphone-input-password--focus .bxmaker-authuserphone-input-password__title,
.bxmaker-authuserphone-input-password--hover .bxmaker-authuserphone-input-password__title {
  -webkit-transform: translateY(-30px) scale(0.8);
      -ms-transform: translateY(-30px) scale(0.8);
          transform: translateY(-30px) scale(0.8);
}
.bxmaker-authuserphone-input-location--focus .bxmaker-authuserphone-input-location__title,
.bxmaker-authuserphone-input-location--hover .bxmaker-authuserphone-input-location__title {
  -webkit-transform: translateY(-30px) scale(0.8);
      -ms-transform: translateY(-30px) scale(0.8);
          transform: translateY(-30px) scale(0.8);
}
.bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__title,
.bxmaker-authuserphone-input--hover .bxmaker-authuserphone-input__title {
  -webkit-transform: translateY(-30px) scale(0.8);
      -ms-transform: translateY(-30px) scale(0.8);
          transform: translateY(-30px) scale(0.8);
}
.bxmaker-authuserphone-input-fio--focus .bxmaker-authuserphone-input-fio__title,
.bxmaker-authuserphone-input-fio--hover .bxmaker-authuserphone-input-fio__title {
  -webkit-transform: translateY(-30px) scale(0.8);
      -ms-transform: translateY(-30px) scale(0.8);
          transform: translateY(-30px) scale(0.8);
}
.bxmaker-authuserphone-input-inn--focus .bxmaker-authuserphone-input-inn__title,
.bxmaker-authuserphone-input-inn--hover .bxmaker-authuserphone-input-inn__title {
  -webkit-transform: translateY(-30px) scale(0.8);
      -ms-transform: translateY(-30px) scale(0.8);
          transform: translateY(-30px) scale(0.8);
}


.bxmaker-authuserphone-enter-auth-by-password-form__back { display:none !important; }


.bxmaker-authuserphone-button { margin-top: 12px; }

.bxmaker-authuserphone-button--white .bxmaker-authuserphone-button__inner {	    border: 1px solid #E06437 !important; }
.bxmaker-authuserphone-button--white:hover .bxmaker-authuserphone-button__inner {   border-color: #F56E3D !important;}
.bxmaker-authuserphone-button--white .bxmaker-authuserphone-button__title { color: #E06437 !important; }
.bxmaker-authuserphone-button--white:hover .bxmaker-authuserphone-button__title {color: #fff !important; }

.main-user-consent-request-popup-text a {  color: #E06437 !important;  text-decoration: underline;}
.main-user-consent-request-popup-text a:hover {  color: #E06437;  text-decoration: none;}

.bxmaker-authuserphone-consent-popup__text { font-size: 0.9rem; }
.bxmaker-authuserphone-consent-popup__title { font-size: 1.2rem; }


.bxmaker-authuserphone-enter-reg-form .bxmaker-authuserphone-message { margin-bottom:32px; }

.bxmaker-authuserphone-message--error { display: block; background: rgba(221, 32, 2, 0.07); color:#222; border: 1px solid rgba(221, 32, 2, 0.2);;  padding: 15px; border-radius: 6px; font-size: 0.9rem; } 

.bxmaker-authuserphone-enter-reg__change-confirm { display:none !important;}
.bxmaker-authuserphone-enter-auth__change-confirm { display:none !important;}
/* End */
/* /franchise/anketa/style.css?178606075511295 */
/* /local/templates/vysotsky-index/components/bxmaker/authuserphone.enter/.default/style.css?17860446079993 */