/* Start:/local/templates/aspro_main/components/bitrix/news.detail/services/style.css?17893740452141*/
.staff .staff__list{
  flex-wrap: nowrap;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 1202px) {
  .staff .staff__list {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
  }
  #block-aspro_drag_benefits .teasers .teasers__item {
    min-width: 360px;
  }
  .staff .staff__list::-webkit-scrollbar {
    display: none;
  }
  .staff .staff__list article{
    max-width: 392px;
    min-width: 288px;
  }
  .gallery-block{
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .staff .staff__card {
    flex-basis: calc((100% - 48px) / 3);;
  }
}
@media (max-width: 991px) {
  .staff .staff__list article{
    max-width: 288px;
  }
  .staff .staff__card {
    flex-basis: unset;
  }
}
@media (max-width: 768px) {
  .staff .staff__list article{
    max-width: 280px;
    min-width: 288px;
  }
  .content-block__head.grid-row,
  .content-block .content-block__side-layout{
    --gr-2: 1;
    --gr-3: 1;
    --gr-4: 1;
    --gr-5: 2;
    --gr-6: 2;
  }

  .content-block__side-layout .content-block__side-layout-info{
    padding: 0;
  }
}
.block__wrap-inner .wide-video{
  min-height: 400px;
}
.tizers-effect{
  backdrop-filter: blur(50.599998474121094px);
  padding: 20px;
  border: 1px solid #E7EBF41F;
  border-radius: 12px;
  justify-content: space-between;
}
.tizers-effect .teasers__title,
.tizers-effect .teasers__text{
  color:#FFF;
}

.heading-section {
  position: relative;
  padding-right: 100px;
}
.content-block__image {
  width: 100%;
}

.content-block__image--wide {
  max-height: 600px;
}

.content-block__image--regular {
  max-height: 400px;
}
.block.watch.bg-light-grey .teasers__item{
  background-color: #FFF;
}
@media (min-width: 991px) {
  .mainscreen__inner{
    height: 688px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }

}
.content-block__side-layout .content-block__content{
  position: sticky;
  top: var(--top, 0);
  --top: 80px;
}
.banner-inner.sticky-visible-mobile ~ main .content-block__content{
  --top: 128px;
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/main.css?17893740454338*/

/* mainscreen */
.mainscreen {
  padding-top: var(--h-header);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  --h-header-with-submenu: 158px;
}
.mainscreen--with-submenu {
  padding-top: var(--h-header-with-submenu);
}

.mainscreen__inner--to-bottom {
  height: 655px;
  padding-bottom: 122px;
}

.mainscreen__body {
  height: 100%;
}

.lineclamp-7 {
  -webkit-line-clamp: 7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-line-clamp: 5;
  overflow: hidden;
}

.mainscreen {
  margin-top: calc(-1 * var(--h-header));
}
.solutions .mainscreen,
.mainscreen--with-submenu {
  margin-top: calc(-1 * var(--h-header-with-submenu));
}

.mainscreen__navigation-wrap {
  padding-top: 8px;
}

.mainscreen__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

.mainscreen__info {
  flex: 0 0 46.4%;
}

.mainscreen__caption {
  color: var(--muted);
}

.mainscreen__title {
  display: inline-block;
  margin-top: 0;
}

.mainscreen__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.detail h1,
.detail h2,
.detail h3 {
  margin: 0;
}
.mainscreen__img--to-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
}

@media (max-width: 1200px) {
.mainscreen__img--to-bottom {
    width: 60%;
}
  .mainscreen__inner--to-bottom {
    height: auto;
  }
}
  .mainscreen:has(.mainscreen__body.big-img-mobile){
    overflow: hidden;
  }
  .mainscreen__container .mainscreen__inner{
    height: auto;
    min-height: 688px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .mainscreen__container .mainscreen__inner:not(:has(.mainscreen__image--to-bottom)):not(:has(.teasers)) {
    padding-bottom: 0;
    align-items: start;
  }
  .mainscreen__container .mainscreen__inner:not(:has(.mainscreen__image--to-bottom)):not(:has(.teasers)) .mainscreen__body{
    margin-top: clamp(var(--g14-mobile),10vw,var(--g14-desktop));
    margin-bottom: clamp(var(--g14-mobile),10vw,var(--g14-desktop));
    flex: 1;
  }
  .mainscreen__body.big-img-mobile{
    display: grid;
    grid-template-columns: minmax(0, 50%) minmax(0, 50%);
    align-items: center;
    position: relative;
    flex: 1;
  }
  .mainscreen__body:not(.big-img-mobile) + .teasers {
      margin-top: 0;
  }
  .mainscreen__body.big-img-mobile .mainscreen__info{
    width: 100%;
    min-width: 0;
    margin: 48px 0;
  }
  .mainscreen__body.big-img-mobile .mainscreen__image{
    position: relative;
    height: 100%;
    width: auto;
  }
  .mainscreen__body.big-img-mobile .mainscreen__image .mainscreen__img{
    position: absolute;
    top: 0%;
    left: 0;
    height: 100%;
    max-width: none;
    object-fit: contain;
    width: auto;
  }
  @media (max-width: 1024px) {
    .mainscreen__body {
      gap: 24px;
    }
    .mainscreen__body .mainscreen__title.h1{
      font-size: 32px;
    }
  }
@media (max-width: 991px) {
  /* .mainscreen {
    padding-top: 85px;
  } */
  .mainscreen__img--to-bottom {
    right: -40px;
  }
  .mainscreen__info{
    flex: 0 0 60%;
  }
  .mainscreen__container .mainscreen__inner{
    min-height: 488px;
  }
}

@media (max-width: 767px) {
  .mainscreen--blur-mobile {
    position: relative;
  }

  .mainscreen--blur-mobile::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.32);
    pointer-events: none;
  }

  .mainscreen--blur-mobile > .mainscreen__container {
    position: relative;
    z-index: 1;
  }
  .mainscreen__body,
  .mainscreen__body.big-img-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
  }
  .mainscreen__body.big-img-mobile .mainscreen__info{
    margin: 32px 0;
  }
  .mainscreen__body.big-img-mobile .mainscreen__image .mainscreen__img{
    position: relative;
    max-width: auto;
    width: 100%;
  }
  .mainscreen__inner--to-bottom {
	padding-bottom:0px;
  }
  .mainscreen__info {
    max-width: none;
    justify-content: center;
    text-align: center;
  }
  .mainscreen__info span{
    margin: auto;
  }
  .mainscreen__buttons {
    justify-content: center;
  }
  .mainscreen__image--to-bottom {
    display:flex;
    justify-content:center;
  }
  .mainscreen__img--to-bottom {
   position:static;
   margin-right:-60px;
  }
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/card_info.css?17126593721229*/

/* card-teasers */
.card-teasers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 2vw, 1.5rem);
}
@media (max-width: 991px) {
  .card-teasers {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .card-teasers {
    grid-template-columns: 1fr;
  }
}
.card-teasers__item {
  border-radius: 12px;
  padding: clamp(1rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 3vw, 2rem);
}
.card-teasers__item.card-teasers__item--theme-1 {
  background-color: var(--grey-shade-1);
}
.card-teasers__item.card-teasers__item--theme-2 {
  background-color: var(--faded-rose);
}
.card-teasers__item.card-teasers__item--theme-3 {
  background-color: var(--grey-shade-2);
}
.card-teasers__image {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
}

.card-teasers--img-bottom .card-teasers__item {
  flex-direction: column;
  align-items: flex-start;
}

.card-teasers--img-top .card-teasers__item{
  flex-direction: column-reverse;
  text-align: center;
  padding: clamp(1.4rem, 3.7vw, 2.5rem) clamp(1rem, 3vw, 2rem);
  justify-content: flex-end;
  gap:clamp(1rem, 2vw, 1.25rem);
}
/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/stages.css?17893740452086*/
.stages__heading {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
}

.stages__heading-title {
  margin: 0;
}

.stages__heading-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.stages__heading-text {
  max-width: 600px;
}

.stages__list {
  gap: 24px;
}

.stages__item {
  min-width: 0;
  padding-top: 24px;
}

.stages__marker {
  display: flex;
  align-items: center;
  width: 100%;
}

.stages__number {
  display: flex;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(67, 111, 255, 0.12);
  color: var(--blue-shade-1);
  font-size: var(--fs-18);
  line-height: var(--fs-18-line-height);
  font-weight: 500;
}

.stages__line {
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--stroke);
}

.stages__content {
  padding-right: 24px;
  margin-top: 20px;
}

.stages__title {
  color: var(--title-color);
  font-size: var(--fs-16);
  line-height: var(--fs-16-line-height);
  font-weight: 500;
}

.stages__text {
  margin-top: 8px;
  color: var(--grey);
  font-size: var(--fs-14);
  line-height: var(--fs-14-line-height);
}

.icon-element {
  display: flex;
  align-items: center;
  gap: 16px;
}

.icon-element img {
  flex: 0 0 24px;
  width: 24px;
}

@media (max-width: 991px) {
  .stages__list {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .stages__heading {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .stages__list .stages__item{
    max-width: 225px;
  }
  .stages__content {
    padding-right: 16px;
  }
}
.stages-old__list {
  display: grid;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.stages-old__item {
  padding: clamp(var(--g7-mobile), 3vw, var(--g8-desktop));
  border-radius: 12px;
  background-color: var(--white);
}

.stages-old__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--grey-shade-3);
}
.stages__item:last-child .stages__line {
	display: none;
}
/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/solution.css?17804874241218*/
/* multirow */
.multirow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(var(--g8-mobile), 3vw, var(--g8-desktop)) clamp(1rem, 2vw, 1.5rem);
}
@media (max-width: 768px) {
  .multirow {
    grid-template-columns: repeat(2, 1fr);
  }
  .solution-info .solution-price{
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .multirow {
    grid-template-columns: 1fr;
  }
  
  .block__wrap-inner .solution-info{
    flex-direction: column;
    align-items: flex-start;
  }
  .solution-info .solution-price{
    justify-content: start;
    align-items: flex-start;
    width: 100%;
  }
  .block__wrap-inner .solution-info .solution-link{
    width: 100%;
  }
}
.multirow__item {
  padding-right: clamp(0.75rem, 2vw, 1.25rem);
  display: flex;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}
.multirow__icon {
  padding-top: 6px;
  width: 32px;
  flex: 0 0 32px;
}
.solution-info .solution-title{
  margin-bottom: clamp(var(--g5-mobile),2vw,var(--g5-desktop));
}
.tabs__container {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.tabs__switcher {
  flex-wrap: nowrap;
  min-width: max-content;
}

.tabs__switcher-item {
  white-space: nowrap;
  flex: 0 0 auto;
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/form.css?17823644822661*/
.jumbotron {
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 4vw, 3rem);
  background-color: var(--white);
}
.jumbotron__top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 575px) {
  .jumbotron__top {
    flex-direction: column;
    /* text-align: center; */
  }
}
.jumbotron__title {
  flex: 0 0 60%;
}
.jumbotron__link {
  white-space: nowrap;
}
.jumbotron__link.btn{
    display: flex;
}
.jumbotron__link svg {
  width: 8px;
  flex: 0 0 8px;
  position: relative;
  top: 1px;
}
.jumbotron__link svg path {
  stroke: var(--blue);
}
@media (max-width: 575px) {
  .jumbotron__link {
    white-space: normal;
    text-align: left;
    /* width: 100%; */
    /* flex-direction: column;
    align-items: center;
    gap: 0.125rem; */
  }
}
.jumbotron__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.jumbotron__info--limit{
  max-width: 864px;
}
.jumbotron__list {
  columns: 2 400px;
  column-gap: 1.5rem;
}
.jumbotron__list li {
  list-style-type: none;
  padding-right: clamp(0.5rem, 2vw, 1rem);
  counter-increment: list-counter;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  break-inside: avoid;
}
.jumbotron__list li:not(:last-of-type) {
  margin-bottom: 0.25rem;
}
.jumbotron__list li::before {
  content: counter(list-counter) ".";
}
.jumbotron__hint {
  display: flex;
  gap: 0.75rem;
}
.jumbotron__hint em {
  font-style: normal;
  display: inline-block;
}

.request {
  display: flex;
  gap: 1.5rem;
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem) clamp(2rem, 4vw, 3rem);
  background-color: var(--white);
}
@media (max-width: 768px) {
  .request {
    flex-direction: column;
  }
}
.request__col {
  flex: 1 1 50%;
}
.request__info {
  padding-right: clamp(1rem, 2vw, 2rem);
}
@media (max-width: 768px) {
  .request__info {
    padding-right: 0;
  }
}

/* bar */
.bar {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (max-width: 768px) {
  .bar {
    flex-direction: column-reverse;
  }
}

.bar__wrap {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.bar__off {
  background-color: #FFE177;
  border-radius: 8px;
  padding: 0.25rem 0.75rem;
}

.bar__discount {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@media (max-width: 768px) {
  .bar__discount {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  .bar__discount {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

.bar__label {
  background-color: #FFE177;
  padding: 0.125rem 0.5rem;
  border-radius: 8px;
}

.bar__bottom {
  max-width: 864px;
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.list/faq_inner/style.css?178048742452*/
.accordion__title{
    color: var(--title-color);
}

/* End */


/* Start:/local/templates/aspro_main/css/accordion_smooth.min.css?17823644821165*/
.accordion{border-bottom:1px solid var(--grey-shade-5);}.accordion__button{align-items:center;border-top:1px solid var(--grey-shade-5);display:flex;gap:clamp(2rem,5vw,4rem);justify-content:space-between;padding:clamp(1.5rem,2vw,1.75rem) 0;text-align:left;width:100%;}.accordion__button.accordion__button--open{color:var(--blue-shade-1);}.accordion__button.accordion__button--open svg{transform:rotateZ(180deg);}.accordion__button.accordion__button--open svg path,.accordion__button.accordion__button--open svg use{stroke:var(--blue-shade-1);}@media (any-hover:hover){.accordion__button:hover{color:var(--blue-shade-1)}.accordion__button:hover svg path,.accordion__button:hover svg use{stroke:var(--blue-shade-1)}}.accordion__button svg{transition:transform .3s ease;width:14px;flex:0 0 14px;transform:rotateZ(0);}.accordion__button svg path,.accordion__button svg use{stroke:var(--title-color);}.accordion__body{overflow:hidden;transition:grid-template-rows .3s ease;display:grid;grid-template-rows:0fr;}.accordion__body--expand{grid-template-rows:1fr;}.accordion__wrap{min-height:0;}.accordion__wrap>*{padding-bottom:clamp(var(--g8-mobile),3vw,var(--g8-desktop));}
/* End */


/* Start:/local/templates/aspro_main/css/blocks.min.css?17768353202292*/
.block__body{display:flex;gap:1.5rem;}.block__body.block__body--reverse{flex-direction:row-reverse;}.block__body.block__body--reverse .block__info{padding-right:0;padding-left:clamp(1rem,2vw,2rem);}@media (max-width:991px){.block__body,.block__body.block__body--reverse{flex-direction:column-reverse}}.block__info,.block__image{flex:1 1 50%;}.block__info{padding-right:clamp(1rem,2vw,2rem);}@media (max-width:991px){.block__info,.block__body.block__body--reverse .block__info{padding:0}.block__image{text-align:center}}.block__image{overflow:hidden;}.block-delimiter{background:var(--stroke);border:0;margin:0;height:1px;}.features{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--g9-mobile),5vw,var(--g9-desktop)) clamp(var(--g6-mobile),2vw,var(--g6-desktop));}@media (max-width:767px){.features{grid-template-columns:1fr}}.features__item{padding-right:clamp(.5rem,2vw,1.25rem);display:flex;align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);}@media (max-width:425px){.features__item{padding-right:0;flex-direction:column}}.features__icon{width:88px;height:88px;flex:0 0 88px;}@media (max-width:767px){.features__icon{width:60px;height:60px;flex:0 0 60px}}.form-anchor{padding-top:75px;margin-top:-75px;}.columns{display:flex;gap:1.5rem;}@media (max-width:991px){.columns{flex-direction:column}}.columns__col{flex:1 1 50%;}.sticky-block{position:sticky;top:100px;}.counter{display:flex;align-items:center;background-color:var(--grey-shade-6);border:1px solid var(--grey-shade-5);padding:.25rem .75rem;border-radius:8px;}.counter__colon{display:inline-block;padding:0 .25rem;}.rows{display:flex;gap:clamp(2rem,5vw,3.5rem);}.rows__col:first-of-type{flex:0 0 29.4%;}@media (max-width:767px){.rows{flex-direction:column}.rows__col:first-of-type{flex:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;}.topbar--top{align-items:flex-start;}@media (max-width:767px){.topbar{gap:.5rem;flex-direction:column;align-items:flex-start}}.teasers{display:grid;gap:clamp(1.5rem,3vw,2.5rem) 1.5rem;}.teasers--bordered{gap:1.5rem;}.teasers__icon{--size:32px;width:var(--size);}.teasers__icon--md{--size:60px;}.teasers__icon--circle{--size:160px;border-radius:50%;}.teasers__icon--circle img{border-radius:50%;}.teasers__item--bordered{padding:clamp(1rem,3vw,2rem);}
/* End */


/* Start:/local/templates/aspro_main/css/extensions/popup-video.min.css?17768353202725*/
.popup-video{display:none;}.popup-video--active{display:block;}.popup-video{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10151;background-color:#fff;}.popup-video__close{position:absolute;right:0;top:0;width:60px;height:60px;opacity:.5;cursor:pointer;background:#fff;z-index:10200;}.popup-video__close:hover{opacity:1;}.popup-video__close:before,.popup-video__close:after{position:absolute;left:29px;content:" ";height:34px;width:3px;background-color:#333;top:13px;}.popup-video__close:before{transform:rotate(45deg);}.popup-video__close:after{transform:rotate(-45deg);}.popup-video__wrap{width:100%;height:100%;}.popup-video__iframe{box-sizing:border-box;width:100%;height:100%;border:none;z-index:10150;position:relative;}.popup-video-open{cursor:pointer;}.popup-video-button:before{content:"";position:absolute;top:calc(50% - 12px);left:calc(50% - 8px);transition:transform ease .3s;border:12px solid transparent;border-left:22px solid #fff;z-index:2;}.popup-video-block{display:flex;align-items:center;padding:0;}.popup-video-block--snippet{background-color:rgba(0,0,0,.32);border-radius:50px;backdrop-filter:blur(4px);}.popup-video-block__button{--size:40px;background-color:var(--blue);border-radius:50%;height:var(--size);width:var(--size);transition:scale .3s ease;position:relative;&::before{border-bottom:calc(var(--size) / 6) solid transparent;border-left:calc(var(--size) / 3.2) solid var(--white);border-top:calc(var(--size) / 6) solid transparent;left:calc(50% - var(--size) / 9);top:calc(50% - var(--size) / 7);content:"";display:block;height:0;position:absolute;width:0}}@media (any-hover:hover){.popup-video-block:hover .popup-video-block__button,.popup-video-block__button:hover{scale:1.2}}.wide-video{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:clamp(var(--g9-mobile),5vw,var(--g9-desktop));min-height:clamp(320px,30vw,400px);border-radius:12px;}@media (any-hover:hover){.wide-video:hover .wide-video__play{transform:scale3d(1.1,1.1,1.1)}}.wide-video__img{position:absolute;top:0;left:0;object-fit:cover;height:100%;width:100%;}.wide-video__cover{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.32),rgba(0,0,0,.32));}.wide-video__play{position:relative;z-index:2;width:72px;height:72px;flex:0 0 72px;border-radius:50%;background-color:var(--blue);display:flex;align-items:center;justify-content:center;transition:transform .3s ease;transform:scale3d(1,1,1);will-change:transform;position:absolute;top:calc(50% - 36px);left:calc(50% - 36px);}.wide-video__play svg{width:22px;flex:0 0 22px;position:relative;left:3px;top:1px;}.wide-video__text{position:relative;z-index:1;}
/* End */


/* Start:/local/templates/aspro_main/css/extensions/contents.css?17804874243118*/
.contents {
  position: fixed;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  z-index: 998;
  padding: 0.875rem clamp(var(--g6-mobile), 2vw, var(--g6-desktop));
  max-width: 240px;
  max-height: 70dvh;
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 0 12px 12px 0;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  font-size: var(--fs-14);
  line-height: var(--fs-14-line-height);
}

@media (max-width: 991px) {
  .contents {
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    translate: 0;
    background-color: var(--white);
    border-radius: 0;
    z-index: 998;
    padding-top: 0;
    font-size: var(--fs-16);
    line-height: var(--fs-16-line-height);
  }

  .contents--show {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 992px) {
  .contents--visible {
    opacity: 1;
    visibility: visible;
  }

  .contents:hover {
    background-color: color-mix(in oklab, var(--white) 72%, transparent);
    box-shadow: 0px 4px 24px 0px var(--box-shadow-color);
    backdrop-filter: blur(10px);
    scrollbar-color: var(--grey-shade-7) transparent;
    scrollbar-width: thin;
  }

  @supports not (backdrop-filter: blur(10px)) {
    .contents:hover {
      background-color: var(--white);
    }
  }

  .contents:hover .contents__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .contents::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .contents:hover::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  .contents:hover::-webkit-scrollbar-thumb {
    border-radius: 100vw;
    box-shadow: inset 0 0 3px 3px var(--grey-shade-7);
    border: solid 3px transparent;
  }
}

.contents__dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background-color: var(--text-color);
}

.contents__text {
  display: none;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.contents__link {
  min-height: 45px;
}

@media (max-width: 991px) {
  .contents__text {
    display: block;
  }

  .contents__link {
    min-height: 56px;
    border-bottom: 1px solid var(--grey-shade-5);
  }
}

.contents__link.watch-link--active {
  color: var(--blue);
}

.watch-link--active .contents__dot {
  background-color: var(--blue);
}

.contents-toggle {
  position: fixed;
  z-index: 998;
  bottom: 1rem;
  left: 1rem;
  width: 40px;
  height: 40px;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  background-color: var(--grey-shade-13);
}

.contents-toggle use {
  stroke: var(--white);
}

.contents-toggle--active {
  background-color: var(--light-grey-bg);
}

.contents-toggle--active use {
  stroke: var(--grey-shade-9);
}

@media (max-width: 991px) {
  .contents-toggle {
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s ease, opacity 0.3s ease;
  }

  .contents-toggle--visible {
    opacity: 1;
    visibility: visible;
  }
}

/* End */


/* Start:/local/templates/aspro_main/css/extensions/aspro-lightbox.css?17853931867509*/
html.aspro-lightbox-open {
  overflow: hidden;
}

.aspro-lightbox {
  --lightbox-accent: var(--color-base, #436fff);
  --lightbox-text: var(--title-color, #242426);
  --lightbox-muted: var(--secondary-color, #989aa0);
  --lightbox-surface: var(--white, #fff);
  --lightbox-border: var(--stroke, #e7ebf4);
  --lightbox-hover: var(--grey-shade-1, #f1f4ff);

  position: fixed;
  z-index: 10000;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  color: var(--lightbox-text);
  transition: opacity 0.18s ease, visibility 0.18s ease;
}

.aspro-lightbox--open {
  visibility: visible;
  opacity: 1;
}

.aspro-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(247, 248, 253, 0.97);
  backdrop-filter: blur(8px);
}

.aspro-lightbox__header {
  position: absolute;
  z-index: 3;
  top: max(16px, env(safe-area-inset-top));
  right: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  pointer-events: none;
}

.aspro-lightbox__counter,
.aspro-lightbox__toolbar {
  border: 1px solid var(--lightbox-border);
  border-radius: var(--round-8, 8px);
  background: var(--lightbox-surface);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  pointer-events: auto;
}

.aspro-lightbox__counter {
  min-width: 64px;
  padding: 10px 14px;
  color: var(--lightbox-muted);
  font-size: var(--fs-14, 14px);
  font-weight: 500;
  text-align: center;
}

.aspro-lightbox__toolbar {
  display: flex;
  padding: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.aspro-lightbox__toolbar::-webkit-scrollbar {
  display: none;
}

.aspro-lightbox__button {
  appearance: none;
  display: inline-flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--round-6, 6px);
  background: transparent;
  color: var(--lightbox-muted);
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.aspro-lightbox__button:hover,
.aspro-lightbox__button.is-active {
  background: var(--lightbox-hover);
  color: var(--lightbox-accent);
}

.aspro-lightbox__button:focus-visible,
.aspro-lightbox__thumb:focus-visible,
.aspro-lightbox__viewport:focus-visible {
  outline: 2px solid var(--lightbox-accent);
  outline-offset: 2px;
}

.aspro-lightbox__button svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.aspro-lightbox__button[hidden] {
  display: none;
}

.aspro-lightbox__stage {
  position: absolute;
  z-index: 2;
  top: 80px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 56px;
  align-items: center;
  gap: 16px;
  transition: bottom 0.2s ease;
}

.aspro-lightbox__stage > [data-action="previous"] {
  grid-column: 1;
}

.aspro-lightbox__figure {
  grid-column: 2;
}

.aspro-lightbox__stage > [data-action="next"] {
  grid-column: 3;
}

.aspro-lightbox__stage > .aspro-lightbox__button {
  border: 1px solid var(--lightbox-border);
  border-radius: 50%;
  background: var(--lightbox-surface);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.aspro-lightbox__stage > .aspro-lightbox__button:hover {
  background: var(--lightbox-hover);
}

.aspro-lightbox__figure {
  display: grid;
  grid-column: 2;
  grid-template-rows: minmax(0, 1fr);
  min-width: 0;
  height: 100%;
  margin: 0;
}

.aspro-lightbox__viewport {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--round-12, 12px);
  touch-action: none;
}

.aspro-lightbox__image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  user-select: none;
  transform-origin: center;
  transition: transform 0.18s ease, opacity 0.18s ease;
  cursor: zoom-in;
  will-change: transform;
}

.aspro-lightbox--zoomed .aspro-lightbox__image {
  cursor: grab;
}

.aspro-lightbox--dragging .aspro-lightbox__image {
  cursor: grabbing;
  transition: none;
}

.aspro-lightbox--loading .aspro-lightbox__image,
.aspro-lightbox--error .aspro-lightbox__image {
  opacity: 0;
}

.aspro-lightbox__status {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lightbox-muted);
  font-size: var(--fs-15, 15px);
  pointer-events: none;
}

.aspro-lightbox--loading .aspro-lightbox__status::before {
  content: "";
  width: 38px;
  height: 38px;
  border: 3px solid var(--lightbox-border);
  border-top-color: var(--lightbox-accent);
  border-radius: 50%;
  animation: aspro-lightbox-spin 0.7s linear infinite;
}

.aspro-lightbox__caption {
  justify-self: center;
  max-width: 760px;
  padding: 10px 16px;
  border: 1px solid var(--lightbox-border);
  border-radius: var(--round-8, 8px);
  background: var(--lightbox-surface);
  color: var(--lightbox-text);
  font-size: var(--fs-14, 14px);
  line-height: 1.5;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

.aspro-lightbox__caption[hidden] {
  display: none;
}

.aspro-lightbox__thumbs {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  height: 104px;
  align-items: center;
  gap: 8px;
  padding: 12px 20px max(12px, env(safe-area-inset-bottom));
  overflow-x: auto;
  border-top: 1px solid var(--lightbox-border);
  background: rgba(255, 255, 255, 0.96);
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  scrollbar-width: thin;
}

.aspro-lightbox--thumbs-open .aspro-lightbox__thumbs {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.aspro-lightbox--thumbs-open .aspro-lightbox__stage {
  bottom: 120px;
}

.aspro-lightbox__thumb {
  appearance: none;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  padding: 3px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: var(--round-8, 8px);
  background: transparent;
  opacity: 0.6;
  cursor: pointer;
  transition: opacity 0.15s ease, border-color 0.15s ease;
}

.aspro-lightbox__thumb:hover,
.aspro-lightbox__thumb.is-active {
  border-color: var(--lightbox-accent);
  opacity: 1;
}

.aspro-lightbox__thumb img {
  width: 100%;
  height: 100%;
  border-radius: var(--round-4, 4px);
  object-fit: cover;
}

@keyframes aspro-lightbox-spin {
  to {
      transform: rotate(360deg);
  }
}

@media (max-width: 767px) {
  .aspro-lightbox__header {
      top: max(8px, env(safe-area-inset-top));
      right: 8px;
      left: 8px;
      gap: 8px;
  }

  .aspro-lightbox__counter {
      min-width: 52px;
      padding: 9px 8px;
  }

  .aspro-lightbox__button {
      flex-basis: 40px;
      width: 40px;
      height: 40px;
  }

  .aspro-lightbox__stage {
      top: 66px;
      right: 8px;
      bottom: 12px;
      left: 8px;
      grid-template-columns: 40px minmax(0, 1fr) 40px;
      gap: 4px;
  }

  .aspro-lightbox__caption {
      max-width: calc(100vw - 112px);
      padding: 8px 12px;
  }

  .aspro-lightbox__thumbs {
      padding-right: 12px;
      padding-left: 12px;
  }

  .aspro-lightbox--thumbs-open .aspro-lightbox__stage {
      bottom: 116px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aspro-lightbox,
  .aspro-lightbox__stage,
  .aspro-lightbox__image,
  .aspro-lightbox__thumbs {
      transition: none;
  }

  .aspro-lightbox--loading .aspro-lightbox__status::before {
      animation-duration: 1.4s;
  }
}

/* End */
/* /local/templates/aspro_main/components/bitrix/news.detail/services/style.css?17893740452141 */
/* /local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/main.css?17893740454338 */
/* /local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/card_info.css?17126593721229 */
/* /local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/stages.css?17893740452086 */
/* /local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/solution.css?17804874241218 */
/* /local/templates/aspro_main/components/bitrix/news.detail/services/css_blocks/form.css?17823644822661 */
/* /local/templates/aspro_main/components/bitrix/news.list/faq_inner/style.css?178048742452 */
/* /local/templates/aspro_main/css/accordion_smooth.min.css?17823644821165 */
/* /local/templates/aspro_main/css/blocks.min.css?17768353202292 */
/* /local/templates/aspro_main/css/extensions/popup-video.min.css?17768353202725 */
/* /local/templates/aspro_main/css/extensions/contents.css?17804874243118 */
/* /local/templates/aspro_main/css/extensions/aspro-lightbox.css?17853931867509 */