

/* Start:/local/templates/.default/components/bitrix/menu/header_menu/style.css?17637189912034*/
.big-menu .big-menu-left {
	background: linear-gradient(241.4deg, #1BC2FF -45.92%, #6661F4 3.84%, #06051F 66.6%);
	width: 300px;
}
.big-menu .big-menu-title {
	letter-spacing: 1.5px;
}
.big-menu-left .big-menu-title {
	color: #FFFFFF;
}
.big-menu .big-menu-left a {
  border: 1px solid #fff;
  background: none;
  color: #FFFFFF;
  font-weight: 300;
  letter-spacing: 0.6px;
}
.big-menu .big-menu-left a:hover {
  background: #DADFFF;
  color: #080A33;
}

.big-menu-left .big-menu-left-top {
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 40px;
	margin-bottom: 30px;
}
.big-menu-left .big-menu-left-top ul {
	gap: 10px;
}
.big-menu .big-menu-left .big-menu-left-top a {
	border-radius: 13px;
	width: 100%;
padding: 8px 10px;
  line-height: 1.3;
}
.big-menu .big-menu-left a.big-menu-left-top-first {
font-weight: 500;
font-size: 13px;
color: #18191E;
	background: #FFF;
	line-height: 1;
  padding: 10px 10px;
}
.big-menu .big-menu-left a.big-menu-left-top-first img {
  width: 32px;
  height: auto;
  margin-right: 8px;
}
.big-menu .big-menu-left-top a img {
  width: 26px;
  height: auto;
  margin-right: 8px;
  float: left;
}
.big-menu .big-menu-left-top a {
font-weight: 400;
color: #EFF2FF;
	font-size: 12px;
	display: inline-block;
}
.big-menu .big-menu-left-top a span {
	display: block;
 font-size: 8px;
 font-weight: 300;
}

@media (max-width: 1540px) {
  .big-menu .big-menu-left ul {
    flex-direction: column;
  }
}
@media (max-width: 1185px) {
.big-menu-left .big-menu-left-top {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.big-menu .big-menu-left .big-menu-left-top a {
	border-radius: 13px;
	width: 100%;
padding: 10px 10px;
display: flex;
}
	.big-menu .big-menu-left {
	width: 100%;
}
	.big-menu .big-menu-left ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .big-menu .big-menu-left ul {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
/* End */


/* Start:/local/components/friendly/megaform/templates/.default/style.css?177315344616775*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea {
	font-size: 16px !important;
}
.office_form {
	font-family: "Manrope", sans-serif;
	padding: 48px;
	border-radius: 32px;
	background: #fff;
	box-shadow:
		0 0 4px 0 rgba(0, 0, 0, 0.04),
		0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.office_form-title {
	color: #111927;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.42px;
	margin-bottom: 12px;
}
.office_form-text {
	color: #6c737f;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 135%;
	margin-bottom: 32px;
}
.office_form input:not([type="checkbox"]):not([type="radio"]),
.office_form form textarea,
.office_form-input input {
	/* display: flex; */
	padding: 16px 20px;
	/* align-items: center;
	align-self: stretch; */
	border-radius: 12px;
	border: 1px solid #a5afdd;
	color: #111927;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 142.857%;
	letter-spacing: -0.21px;
	background: white;
	background-clip: padding-box;
	transition: all 0.2s ease-in-out;
}
.office_form input:not([type="checkbox"]):not([type="radio"])::placeholder,
.office_form form textarea::placeholder,
.office_form form input::placeholder {
	color: #93a1c4;
	font-size: 14px !important;
}
.office_form input:not([type="checkbox"]):not([type="radio"]),
.office_form-input input {
	height: 56px;
}
.office_form form input[aria-invalid="true"] {
	border-color: #fca5ac !important;
}
.form-group,
.office_form-flex.form-group {
	margin-bottom: 16px;
}
.mt-2 { margin-top: 2.5rem; }
.form-group small {
	color: #93a1c4;
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
	letter-spacing: -0.18px;
}
.raduga {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
	letter-spacing: -0.24px;
	margin-top: 32px;
	min-height: 52px;
	width: 100%;
	border-radius: 9999px;
	background: linear-gradient(90deg, #13bcfe 0%, #a274db 100%);
	transition: all 0.2s ease-in-out;
}
.raduga:disabled {
	color: #111927;
	background: #e3ebfe;
	opacity: 1;
}
.office-select {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.clip {
	position: relative;
}
.clip::before {
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	right: 20px;
	display: block;
	width: 24px;
	height: 24px;
	background: url("/local/components/friendly/megaform/templates/.default/../form-img/clip.svg");
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.2s ease-in-out;
}
.office-select__title {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 20px;
	border-radius: 12px;
	border: 1px solid #a5afdd;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	color: #93a1c4;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 142.857%;
	letter-spacing: -0.21px;
	height: 56px;
	background: #fff;
	background-clip: padding-box;
	position: relative;
}
.visited .office-select__title {
	color: #111927;
}
.office-select__title::before,
.office-select__title::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 10px;
	height: 2px;
	transition: all 0.2s ease-in-out;
	background-color: #333333;
	transform: translate(-4px, -50%) rotate(45deg);
}
.office-select__title::after {
	top: unset;
}
.office-select__title::after {
	transform: translate(3px, -50%) rotate(-45deg);
}
.office-select.active .office-select__title::after {
	transform: translate(3px, -50%) rotate(45deg);
}
.office-select.active .office-select__title::before {
	transform: translate(-4px, -50%) rotate(-45deg);
}
.office-select.active .office-select__title {
	border: 1px solid #a5afdd;
}
.office-select__title:hover,
.office_form form textarea:hover,
.office_form input:not([type="checkbox"]):not([type="radio"]):hover,
.office_form form input:hover {
	background:
		linear-gradient(white, white) padding-box,
		linear-gradient(90deg, rgba(19, 188, 254, 0.5) 0%, rgba(162, 116, 219, 0.5) 100%) border-box;
	border: 2px solid transparent;
	transition: all 0.2s ease-in-out;
}
.office-select.active .office-select__title,
.office-select__title:focus,
.office_form form textarea:focus,
.office_form form input:focus,
.office_form input:not([type="checkbox"]):not([type="radio"]):focus {
	background:
		linear-gradient(white, white) padding-box,
		linear-gradient(90deg, #13bcfe 0%, #a274db 100%) border-box;
	border: 2px solid transparent;
	transition: all 0.2s ease-in-out;
}
.office_form form textarea:valid,
/* .office_form input:not([type="checkbox"]):not([type="radio"]):valid,
.office_form form input:valid, */
.clip input:not([type="checkbox"]):not([type="radio"]),
.clip input:focus:not([type="checkbox"]):not([type="radio"]),
.clip input:hover:not([type="checkbox"]):not([type="radio"]) {
	border: 0 solid var(--border-default-tertiary, #d2d6db);
	background: #eff4ff;
}
.office-select__content {
	position: absolute;
	top: 64px;
	left: 3px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: calc(100% - 6px);
	background-color: #ffffff;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	background: #fff;
	box-shadow:
		0 0 4px 0 rgba(0, 0, 0, 0.04),
		0 4px 8px 0 rgba(0, 0, 0, 0.06);
	padding: 12px;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 4;
}
.office-select.active .office-select__content {
	opacity: 1;
	visibility: visible;
	z-index: 6;
}
.office-select__input {
	display: none;
}
.office-select__label {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	max-height: 0;
	padding: 0 16px;
	transition: all 0.2s ease-out;
	cursor: pointer;
	overflow: hidden;
	font-size: 13px;
	letter-spacing: -0.05rem;
	border-radius: 8px;
	white-space: nowrap;
	position: relative;
}
.office-select__label img {
	min-width: 20px;
	margin-right: 8px;
}
.office-select.active .office-select__label + .office-select__input + .office-select__label {
	max-height: 40px;
}
.office-select__input:checked + label {
	background-color: #dedede;
	background: #e5edff;
}
.office-select__input:checked + label::before {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 10px;
	display: block;
	width: 11px;
	height: 8px;
	background: url("/local/components/friendly/megaform/templates/.default/../form-img/Vector.svg");
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.2s ease-in-out;
}
.office-select__label:hover {
	background-color: #eff4ff;
}
.office_form-label {
	color: #111927;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.24px;
	margin-bottom: 12px;
	display: block;
}
.office_form-label .required-star {
	color: #00a2ff;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: -0.24px;
}
.error {
	color: #eb1033;
	font-size: 12px;
}
.hidden {
	display: none;
}
.office_form-flex {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-bottom: 32px;
}
.office-radio-flex {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	position: relative;
	width: max-content;
}
.office-label {
	color: #111927;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
	letter-spacing: -0.18px;
	padding-left: 30px;
	position: relative;
	cursor: pointer;
	z-index: 3;
}
.check {
	display: block;
	border: 1px solid #a5afdd;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 0;
	transition: border 0.25s linear;
	-webkit-transition: border 0.25s linear;
}
.check::before {
	display: block;
	position: absolute;
	content: "";
	border-radius: 100%;
	background: url("/local/components/friendly/megaform/templates/.default/img/radio.svg");
	background-repeat: no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
	top: 0px;
	left: 0px;
	margin: auto;
	opacity: 0;
	z-index: 2;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.office-radio-flex input[type="radio"]:checked ~ .check {
	border-color: transparent;
}
.office-radio-flex input[type="radio"]:checked ~ .check::before {
	opacity: 1;
}
.office-radio-flex input[type="radio"] {
	position: absolute;
	visibility: hidden;
}
.new-checkbox input:checked + .checkmark {
	background: linear-gradient(315deg, #13bcfe 0%, #a274db 100%);
	border-color: transparent;
}
.new-checkbox input:checked + .checkmark::before {
	content: "✓";
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.new-checkbox {
	display: flex;
	gap: 10px;
	cursor: pointer;
}
.new-checkbox input {
	opacity: 0;
}
.new-checkbox label {
	color: #111927;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 142.857%;
	letter-spacing: -0.21px;
	cursor: pointer;
	display: block;
}
.new-checkbox label a {
	color: #146ce1;
	letter-spacing: -0.21px;
	/* text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 7%;
	text-underline-offset: 12.5%;
	text-underline-position: from-font; */
}
.new-checkbox input {
	min-width: 20px;
}
.new-checkbox + label a,
.new-checkbox + label a:link,
.new-checkbox + label a:hover,
.new-checkbox + label a:visited,
.new-checkbox + label a:active,
.new-checkbox + label a:focus,
.new-checkbox + label button {
	color: #1a8cff;
	/* text-decoration: underline; */
}
.checkmark {
	width: 20px;
	height: 20px;
	border-radius: 6px;
	border: 1px solid #a5afdd;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease-in-out;
	position: absolute;
}
.check-icon {
	width: 12px;
	height: 10px;
	opacity: 0;
	transition: opacity 0.2s ease;
}
/* Активное состояние */
.new-checkbox input:checked ~ .checkmark {
	background: linear-gradient(315deg, #13bcfe 0%, #a274db 100%);
	border-color: transparent;
}
.new-checkbox input:checked Z .checkmark .check-icon {
	opacity: 1;
}
.check-icon {
	width: 12px;
	height: 10px;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.2s ease;
}
.new-checkbox input:checked ~ .checkmark .check-icon {
	opacity: 1;
	transform: scale(1);
}
.modal-accepted {
	max-width: 620px;
	max-height: 522px;
	padding: 0;
	border-radius: 32px;
	background: #fff;
}
.modal-accepted-content {
	padding: 20px 48px 48px;
}
.modal-accepted__title {
	color: #111927;
	text-align: center;
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.27px;
	margin: 0px 0 10px;
}
.modal-accepted__text {
	color: #6c737f;
	text-align: center;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 135%;
	max-width: 500px;
	margin: 0 auto 24px;
}
.modal-accepted__btn-wrap {
	display: flex;
	justify-content: center;
}
.modal-accepted__btn {
	display: inline-block;
	padding: 10px 16px;
	text-align: center;
	border-radius: 9999px;
	background: linear-gradient(90deg, #13bcfe 0%, #a274db 100%);
	color: #fff;
	font-family: "Manrope", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
	letter-spacing: -0.225px;
	max-height: 40px;
	transition: all 0.2s ease-in-out;
}
.fancybox-slide--html .fancybox-close-small {
	padding: 7px;
	top: 20px;
	right: 20px;
	color: #111927;
}
.modal-accepted__btn:hover,
.raduga:hover {
	background: linear-gradient(90deg, #008ed3 0%, #8953ca 100%);
	transition: all 0.2s ease-in-out;
}
@media (max-width: 1170px) {
	.modal-accepted {
		max-width: 544px;
		border-radius: 20px;
	}
	.modal-accepted__title {
		font-size: 17px;
	}
	.modal-accepted-content {
		padding: 48px;
	}
	.modal-accepted__text {
		font-size: 13px;
	}
	.fancybox-slide--html .fancybox-close-small {
		top: 10px;
		right: 10px;
	}
	.office_form {
		padding: 40px 28px;
		border-radius: 28px;
		max-width: 544px;
	}
	.office_form-title {
		font-size: 24px;
		letter-spacing: -0.36px;
		margin-bottom: 8px;
	}
	.office_form-text {
		font-size: 13px;
		margin-bottom: 24px;
	}
	.office-label {
		font-size: 12px;
		padding-left: 28px;
	}
	.office_form-flex {
		gap: 20px;
		margin-bottom: 24px;
	}
	.office-select__title {
		height: 48px;
		padding: 14px 16px;
		font-size: 12px;
		border-radius: 8px;
	}
	.office_form-label {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.office-select__title::before,
	.office-select__title::after {
		width: 6px;
		height: 1px;
		transform: translate(-3px, -50%) rotate(45deg);
	}
	.office-select__title::after {
		transform: translate(1px, -50%) rotate(-45deg);
	}
	.office-select.active .office-select__title::before {
		transform: translate(-1px, -50%) rotate(-45deg);
	}
	.office-select__label {
		font-size: 12px;
		border-radius: 4px;
		height: 36px;
		padding: 0 10px;
	}
	.office-select__content {
		padding: 8px;
		top: 54px;
		border-radius: 8px;
	}
	.office_form input:not([type="checkbox"]):not([type="radio"]),
	.office_form-input input {
		height: 48px;
		padding: 15px 16px;
		border-radius: 8px;
	}
	.office_form form textarea {
		min-height: 148px;
		border-radius: 8px;
		padding: 16px;
	}
	.new-checkbox label {
		font-size: 12px;
	}
	.raduga {
		font-size: 15px;
		margin-top: 8px;
		min-height: 48px;
	}
}
.fancybox-content {
	overflow-x: unset;
}
.fancybox-container {
	transition: none !important;
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	transition: none;
}
.fancybox-slide {
	transition-property: none;
}
body.fancybox-active {
	overflow: hidden;
}
.fancybox-is-grabbing .fancybox-slide {
	transform: translate(0) !important;
}
@media (max-width: 767px) {
	.office_form form {
		max-width: calc(100vw - 60px);
		overflow: hidden;
	}
	.office_form {
		max-width: calc(100vw - 12px);
		overflow: hidden;
	}
	.office_form {
		padding: 24px;
		border-radius: 20px;
	}
	.office_form-title {
		font-size: 20px;
	}
	.office_form-text {
		font-size: 12px;
	}
	.modal-accepted-content {
		padding: 20px 24px 24px;
	}
	.modal-accepted__title {
		font-size: 16px;
	}
	.modal-accepted__text {
		font-size: 12px;
		margin-bottom: 24px;
	}
	.modal-accepted__btn {
		width: 100%;
		font-size: 14px;
		padding: 11px 16px;
	}
	.fancybox-slide--html .fancybox-close-small {
		padding: 9px;
	}
	.fancybox-slide,
	.fancybox-is-open .fancybox-stage,
	.fancybox-inner,
	.fancybox-container {
		overflow: auto;
	}
	.office_form input:not([type="checkbox"]):not([type="radio"])::placeholder,
	.office_form form textarea::placeholder,
	.office_form form input::placeholder {
		font-size: 14px !important;
	}
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	textarea {
		font-size: 14px !important;
	}
}
/* 3. Отключаем масштабирование для iOS */
@supports (-webkit-touch-callout: none) {
	input,
	textarea,
	select {
		font-size: 14px;
		transform: scale(1);
	}
}
.office_form-input {
	/* overflow: hidden; */
	position: relative;
}
.form-group small,
.form-validate .error {
	line-height: 1.5;
	word-break: break-all;
}
.fancybox-slide,
.fancybox-is-open .fancybox-stage,
.fancybox-inner,
.fancybox-container {
	max-width: 100dvw !important;
	width: 100dvw !important;
}
.company_suggessions {
	transform: translateY(calc(100% + 16px))!important;
}
.office_form-choose-file {
	position: absolute;
	cursor: pointer;
	top: 0;
	bottom: 0;
	right: 20px;
	background: transparent;
}
.office_form-input.clip input[type="file"] {
	opacity: 0;
	width: 100%;
	height: 0;
	padding: 0;
}

.office_form #error {
	margin-top: 15px;
	text-align: center;
	color: red;
}

#form-request-buy-ur .__select__title.active {
	color: #1b212f
}

#form-request-buy-ur input.is-invalid,
#form-request-buy-ur .__select__title.is-invalid {
	border: 1px solid red !important;
}

#office_form-success {
	padding: 0;
	overflow: hidden;
}

.office_form.sending::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(219, 234, 254);
	z-index: 9;
	left: 0;
	top: 0;
	opacity: .5;
	border-radius: 32px;
}
.suggession {list-style-type: none;}
.office_form.fancybox-content {
	padding: 40px;
}
.form-validate .error,
.invalidemail_errortext,
.office_form .dadata__error {
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
	top: unset !important;
	line-height: 1.5;
}
.office_form-input { margin-bottom: 20px; }
.office_form .f-checkbox { margin-top: 30px; }
.office_form .f-checkbox~.f-checkbox { margin-top: 0; }
.office_form.fancybox-content { overflow: unset; }

.new-products-main .office_form-title {
	color: #fff;
	margin-bottom: 40px;
}
/* End */
/* /local/templates/.default/components/bitrix/menu/header_menu/style.css?17637189912034 */
/* /local/components/friendly/megaform/templates/.default/style.css?177315344616775 */
