/* Start:/local/templates/safe/css/configurators-hero.css?17932592729349*/
/* Шапка страницы /configurators/: темный «технологичный» фон в стиле баннера «Конфигураторы и калькуляторы».
   Все правила — внутри .cfg-hero. Декоративная разметка (SVG) — в /configurators/hero-decor.php.
   Анимируются только transform, opacity и stroke-dashoffset. */

.cfg-hero{
  --cfg-hero-deep:#031029;
  --cfg-hero-base:#061C45;
  --cfg-hero-mid:#0B2F73;
  --cfg-hero-light:#1A55C4;
  --cfg-hero-line:#3CC8FF;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:28px 0 0;
  color:#fff;
  background:linear-gradient(180deg,var(--cfg-hero-base) 0%,var(--cfg-hero-deep) 100%);
}
.cfg-hero .cfg-wrap{position:relative;z-index:1;}
.cfg-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(640px,54%));gap:48px;}

/* текст */
.cfg-hero__content{align-self:center;padding:8px 0 56px;}
.cfg-hero__accent{display:block;width:70px;height:8px;margin:0 0 22px;border-radius:4px;background:linear-gradient(90deg,#0A5AD8,#2FDCFD);box-shadow:0 0 14px rgba(47,220,253,.45);}
.cfg-hero__eyebrow{margin:0 0 14px;font-family:var(--font-display);font-size:13px;font-weight:500;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:#5FD0FF;}
.cfg-hero__title{margin:0;font-family:var(--font-display);font-size:52px;font-weight:500;line-height:1.05;text-transform:uppercase;color:#fff;text-wrap:balance;}
.cfg-hero__title-accent{color:#3FD8FB;}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .cfg-hero__title-accent{background:linear-gradient(90deg,#80ECFA 0%,#3FD8FB 50%,#1AB9F8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
}
.cfg-hero__sub{margin:20px 0 0;max-width:46ch;font-size:17px;line-height:1.6;color:#DEE3EB;}
.cfg-hero__content>*{animation:cfg-hero-in .6s cubic-bezier(.2,.7,.2,1) both;}
.cfg-hero__content>:nth-child(2){animation-delay:.06s;}
.cfg-hero__content>:nth-child(3){animation-delay:.12s;}
.cfg-hero__content>:nth-child(4){animation-delay:.18s;}

/* картинка стоит на «полу» у нижнего края блока */
.cfg-hero__media{position:relative;align-self:end;}
.cfg-hero__img{position:relative;z-index:1;aspect-ratio:685/480;}
.cfg-hero__img img{display:block;width:100%;height:100%;object-fit:contain;}
.cfg-hero__img--empty{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;margin-bottom:28px;padding:16px;border:1px dashed rgba(95,208,255,.35);border-radius:8px;background:rgba(6,28,69,.6);}
.cfg-hero__note{padding:8px 14px;border-radius:30px;background:rgba(255,255,255,.9);color:#2b3540;font-size:12px;font-weight:500;line-height:1.3;text-align:center;}

/* «энергия» от ноутбука к шкафу: по потокам, нарисованным на картинке, бегут световые импульсы и искры;
   координаты в SVG совпадают с пикселями картинки (685×480) */
.cfg-hero__energy{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;mix-blend-mode:screen;}
.cfg-hero__pulse,.cfg-hero__spark{fill:none;stroke-linecap:round;}
.cfg-hero__pulse{stroke:#BFF3FF;stroke-width:2;stroke-dasharray:16 84;stroke-dashoffset:100;animation:cfg-hero-pulse 3s linear infinite;}
.cfg-hero__pulse:nth-child(2){animation-duration:2.6s;animation-delay:-1.1s;}
.cfg-hero__pulse:nth-child(3){animation-duration:3.4s;animation-delay:-2.3s;}
.cfg-hero__pulse:nth-child(4){animation-duration:2.8s;animation-delay:-.6s;}
.cfg-hero__pulse:nth-child(5){animation-duration:3.8s;animation-delay:-1.7s;}
.cfg-hero__pulse:nth-child(6){animation-duration:2.4s;animation-delay:-.2s;}
.cfg-hero__pulse:nth-child(7){animation-duration:3.2s;animation-delay:-2.8s;}
.cfg-hero__spark{stroke:#E8FCFF;stroke-width:2.4;stroke-dasharray:.1 9.9;opacity:.75;animation:cfg-hero-spark 7s linear infinite;}
.cfg-hero__spark:nth-child(9){animation-duration:9s;}
.cfg-hero__spark:nth-child(10){animation-duration:6s;}
.cfg-hero__spark:nth-child(11){animation-duration:8s;}
.cfg-hero__source{opacity:.5;animation:cfg-hero-source 1.8s ease-in-out infinite alternate;}

/* световые потоки к картинке */
.cfg-hero__flows{position:absolute;z-index:0;left:-6%;top:30%;width:48%;height:44%;overflow:visible;pointer-events:none;}
.cfg-hero__flows path{fill:none;stroke:var(--cfg-hero-line);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:4 16;vector-effect:non-scaling-stroke;animation:cfg-hero-flow 16s linear infinite;}
.cfg-hero__flows path:nth-child(1){stroke-opacity:.5;animation-duration:12s;}
.cfg-hero__flows path:nth-child(2){stroke-opacity:.35;animation-duration:17s;}
.cfg-hero__flows path:nth-child(3){stroke-opacity:.3;animation-duration:14s;}
.cfg-hero__flows path:nth-child(4){stroke-opacity:.25;animation-duration:20s;}
.cfg-hero__flows path:nth-child(5){stroke-opacity:.4;animation-duration:15s;}

/* фон: свечение, «пол», стеклянные панели, зерно, частицы */
.cfg-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;}
.cfg-hero__bg>*{position:absolute;}
.cfg-hero__bg::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.cfg-hero__glow{z-index:0;top:-12%;bottom:-12%;right:2%;width:62%;background:radial-gradient(closest-side,rgba(26,85,196,.45),rgba(26,85,196,0));opacity:.75;animation:cfg-hero-breathe 8s ease-in-out infinite alternate;}
.cfg-hero__floor{z-index:0;left:0;right:0;bottom:0;height:22%;background:radial-gradient(48% 90% at 68% 100%,rgba(60,200,255,.18),rgba(60,200,255,0) 70%),linear-gradient(180deg,rgba(11,47,115,0),rgba(11,47,115,.55));}
.cfg-hero__floor::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(60,200,255,0) 45%,rgba(60,200,255,.22) 70%,rgba(60,200,255,0));}
.cfg-hero__panels{z-index:0;overflow:visible;}
/* размер панелей растет вместе с полем слева от текста, чтобы они не заходили под текст */
.cfg-hero__panels--left{top:0;left:0;width:clamp(140px,calc((100vw - 1152px) * .5 + 115px),330px);aspect-ratio:300/420;}
.cfg-hero__panels--right{top:0;right:0;width:clamp(200px,calc((100vw - 1152px) * .5 + 230px),420px);aspect-ratio:340/520;}
.cfg-hero__edge{fill:none;stroke:var(--cfg-hero-line);stroke-width:2;}
.cfg-hero__glint{fill:none;stroke:#E8FBFF;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:70 930;stroke-dashoffset:1000;animation:cfg-hero-glint 8s linear infinite;}
.cfg-hero__line{fill:none;stroke:url(#cfgHeroLineFade);stroke-width:1.6;}
.cfg-hero__particles{z-index:2;top:0;right:0;bottom:0;left:0;}
.cfg-hero__particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s,2px);height:var(--s,2px);border-radius:50%;background:#A8ECFF;box-shadow:0 0 6px 1px rgba(60,200,255,.75);opacity:0;animation:cfg-hero-particle var(--d,9s) ease-in-out var(--t,0s) infinite;}

@keyframes cfg-hero-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@keyframes cfg-hero-breathe{from{opacity:.6;}to{opacity:.9;}}
@keyframes cfg-hero-glint{to{stroke-dashoffset:0;}}
@keyframes cfg-hero-flow{to{stroke-dashoffset:-400;}}
@keyframes cfg-hero-pulse{to{stroke-dashoffset:0;}}
@keyframes cfg-hero-spark{to{stroke-dashoffset:-100;}}
@keyframes cfg-hero-source{from{opacity:.35;}to{opacity:.9;}}
@keyframes cfg-hero-particle{0%{opacity:0;transform:translate3d(0,0,0);}45%{opacity:.8;}100%{opacity:0;transform:translate3d(0,var(--h,-30px),0);}}

/* шапка вне экрана — анимации на паузе (класс ставит скрипт на странице) */
.cfg-hero--paused *,.cfg-hero--paused *::before,.cfg-hero--paused *::after{animation-play-state:paused!important;}

@media (max-width:1199px){
  .cfg-hero__title{font-size:46px;}
}
@media (max-width:1023px){
  /* текст опускается ниже панели в левом верхнем углу */
  .cfg-hero{padding-top:104px;}
  .cfg-hero__grid{grid-template-columns:minmax(0,1fr);gap:28px;}
  .cfg-hero__content{padding-bottom:0;}
  .cfg-hero__media{justify-self:center;width:100%;max-width:560px;}
  .cfg-hero__particles{top:45%;}
}
@media (max-width:767px){
  .cfg-hero{padding-top:84px;}
  .cfg-hero__title{font-size:32px;}
  .cfg-hero__sub{margin-top:16px;font-size:16px;}
  .cfg-hero__media{max-width:420px;}
  .cfg-hero__panels--left{width:120px;opacity:.55;}
  .cfg-hero__panels--right{width:150px;opacity:.45;}
  .cfg-hero__flows{display:none;}
  .cfg-hero__particles i:nth-child(n+9){display:none;}
}
@media (prefers-reduced-motion:reduce){
  .cfg-hero *,.cfg-hero *::before,.cfg-hero *::after{animation:none!important;}
  .cfg-hero__glint,.cfg-hero__energy{display:none;}
  .cfg-hero__particles i{opacity:.45;}
}

/* End */


/* Start:/local/templates/safe/components/bitrix/form.result.new/corporate_consultation/style.css?1555598456666*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/safe/components/bitrix/form.result.new/corporate_consultation/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/safe/components/bitrix/form.result.new/corporate_consultation/images/icon_warn.gif);
}
/* End */
/* /local/templates/safe/css/configurators-hero.css?17932592729349 */
/* /local/templates/safe/components/bitrix/form.result.new/corporate_consultation/style.css?1555598456666 */