/* Start:/local/templates/aspro_next/components/aspro/social.info.next/with-dzen/style.css?1776105761251*/
.social-icons li.dzen a {
	background: url(/upload/medialibrary/de9/g8xi18crvcrd1kvtx9hf7jx00v5iug19/dzen.png) no-repeat;
}
.social-icons li.rutube a {
	background: url(/upload/medialibrary/6d1/27drj5r3xa7dv0eqcfpf429zkz7i2ph9/rutube.png) no-repeat;
}
/* End */


/* Start:/local/templates/aspro_next/components/bitrix/form.result.new/quiz_new/style.css?17761057624238*/
.container {
  position: relative;
  display: block;
  border-radius: 10px;
}
#quiz-form {
	display: flex;
	width: auto;
    justify-content: center;
    align-items: center;
}
.quiz-form {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #007bc2;
  border: 1px solid #007bc2;
  border-radius: 10px;
  display: flex;
  margin: 0;
  overflow: hidden;
}
.quiz-form__img {
  border-radius: 10px 0 0 10px;
  max-height: 525px;
  width: 50%;
}
.quiz-form__body {
  width: 100%;
}
.quiz-form__item {
  min-width: 320px;
  width: 50%;
  padding: 25px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.quiz-form__item:last-child {
  align-items: flex-start;
}
.quiz-form__block {
  display: none;
  flex-direction: column;
  gap: 12px;
}
.quiz-form__block.active {
  display: flex;
}

.quiz-form__header, .quiz-form__body {
   margin-bottom: 25px;
}

.quiz-form__title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.quiz-form__progress-bar {
  position: absolute;
  bottom: 15px;
  left: 20px;
  margin: 0 auto;
  width: 95%;
  height: 3px;
  background: #D6EDFC;
}
.quiz-form__progress {
  height: 100%;
  background: #094E7D;
  width: 0;
  transition: 0.3s ease-in-out;
}
.quiz-form__question {
  font-size: 15px;
  color: #fff;
  line-height: 24px;
  font-weight: 500;
  margin: 0px 0px 5px 0px;
}
.quiz-form__labels {
	display: flex;
	flex-direction: column;
}
.quiz-form__answer {
  /*display: flex;
  gap: 5px;
  align-items: center;*/
  color: #fff;
  cursor: pointer;
}
.quiz-form__answer label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
.quiz-form__answer input[type=radio], input[type=checkbox] {
  height: 1.4em;
  width: 1.4em;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
}

.quiz-form__answer input[type=radio] {
  margin-right: 8px;
}

.quiz-form__answer > input[type=radio], 
.quiz-form__answer > input[type=checkbox] {
   margin-right: 8px;
 }

.quiz-form__answer > input[type=checkbox] {
  margin-top: 0px;
}

.quiz-form__answer input[type=text], .quiz-form__answer input[type=email], .quiz-form__answer input[type=phone] {
  width: 100%;
  height: 35px;
  font-size: 14px;
  border-radius: 2px;
  outline: none;
  padding: 22px;
}
.quiz-form__answer input[type=text].req:invalid, .quiz-form__answer input[type=email].req:invalid {
  border: 2px solid red;
}
.quiz-form__answer textarea {
	border-radius: 10px;
}
.quiz-form__answer_personal {
  flex-direction: column;
  align-items: flex-start;
}
.quiz-form__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.quiz-form__btn {
  cursor: pointer;
  padding: 10px;
  border: 2px solid #008ee1;
  border-radius: 5px;
  color: #007bc2;
  text-transform: uppercase;
  font-weight: 700;
  transition: 0.3s ease-out;
  font-size: 13px;
  line-height: 18px;
}
.quiz-form__btn:hover {
  background-color: #008ee1;
  border-color: #008ee1;
  transition: 0.3s ease-out;
  color: #fff;
}

.btnSubmit {
    padding: 10px 25px;
    text-transform: uppercase;
}

input.quiz-form__btn.btnSubmit {
    padding: 15px 45px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 3px;
    background-color: #fff;
}

input.quiz-form__btn.btnSubmit:hover {
    background-color: #007bc2;
    color: #fff;
}

.fancybox-content {
  padding: 0;
}
.fancybox-inner {
	width: auto!important;
}

.fancybox-opened .fancybox-skin {
	padding: 0!important;
	box-shadow: none!important;
}
.fancybox-slide--html .fancybox-close-small {
  color: #fff;
}

@media(max-width: 829px) {
	.quiz-form__img {
    	border-radius: 10px 0 0 10px;
    	height: 400px;
	}
}

@media(max-width: 720px) {
	.quiz-form__img {
    	display: none;
	}
	.quiz-form__item {
		padding: 30px;
		width: 100%;
	}

	.quiz-form__progress-bar {
		width: 90%;
	}
}

@media(max-width: 400px) {
	.fancybox-inner {
		min-height: 530px;
	}
	.quiz-form__answer label {
		font-size: 12px;
	}
}


.form-required 
{
	color: #fff;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/aspro_next/components/bitrix/form.result.new/quiz_new/images/icon_warn.gif);
}
/* End */
/* /local/templates/aspro_next/components/aspro/social.info.next/with-dzen/style.css?1776105761251 */
/* /local/templates/aspro_next/components/bitrix/form.result.new/quiz_new/style.css?17761057624238 */