/* Start:/bitrix/templates/aspro-landscape/components/bitrix/news.detail/services2/style.css?178645111027414*/
.video_main {
	position:relative;
	padding-top:112px;
	background:url("/nd/main/img/clouds_video.png") no-repeat center;
}

.video_main:before {
	position:absolute;
	top:-123px;
	left:0;
	width:100%;
	content:"";
	display:block;
	height:157px;
	background:url("/nd/main/img/cloud_slider2.png") no-repeat center;
	background-size: cover;
}


.video_main .c {
	margin:auto;
	text-align:center;
	width: 882px;
}

.video_main .c .name {
	font-size:33px;
	text-align:center;
	line-height:1.2;
}

.video_main .c .name span {
	color:#0FA8AE;
}

.video_main .c .laptop {
	width: 882px;
	height: 524px;
	background:url("/nd/main/img/mac.png") no-repeat center;
	padding-top: 8px;
	margin-top:40px;
}

.video_main .c .laptop .video {
	width: 658px;
	height: 413px;
	overflow:hidden;
	margin:20px auto;
	border-radius:5px;
}

.video_main .c .laptop .video > div {
    max-height: 100%;
	height: 100%;
}

.video_main .c .laptop .video .introVid span {
    font-size: 0;
    width: 90px;
    height: 90px;
    background: url(/nd/main/img/play.svg) no-repeat center;
    border: #ffffff42 1px solid;
    border-radius: 50%;
}

.video_main .c .laptop .video .introVid img {
	width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: left;
}


.form_podbor {
    background: url(/nd/main/img/podbor_bg.jpg) no-repeat!important;
	background-size: cover !important;
	position:relative;
}

.form_podbor:after {
	position:absolute;
	bottom:-28px;
	left:0;
	width:100%;
	content:"";
	display:block;
	height:157px;
	background:url("/nd/main/img/cloud_slider2.png") no-repeat center;
	background-size: cover;
}

.form_podbor:before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    display: block;
    height: 561px;
    background: url(/nd/main/img/cloud_top.png) no-repeat center bottom;
    background-size: cover;
}

.form_podbor .maxwidth-theme:before {
	content: "";
    display: block;
    position: absolute;
    width: 757px;
    height: 557px;
    top: -55px;
    background: radial-gradient(#FFFFFFA1 60%, transparent 70%);
    border-radius: 50%;
    margin-left: calc(50% - 379px);
    z-index: 1;
}

.form_podbor h2 {
    position: relative;
    z-index: 2;
}

.form_podbor .maxwidth-theme > div {
	position:relative;
    z-index: 1;
}

[data-class="CATALOG_INDEX_drag"] {
    background: url(/nd/main/img/bg_work.jpg) no-repeat center;
    background-size: 140%;
    padding: 50px 0 120px;
}

[data-class="CATALOG_INDEX_drag"] h2 {
    font-weight: 400 !important;
}


.n_youtube_main {
	margin-bottom: 0!important;
}

[data-class="WORK_INDEX_drag"] .item-views.blocks {
	margin-top:0!important;
}

.drag-block+.drag-block[data-class=WORK_INDEX_drag] {
    margin-top: 0px!important;
}

.item-views.info.min_height2 .text, .item-views.info.min_height2 .item, .item-views.info.min_height2 .item>.maxwidth-theme {
	min-height:550px;
}




/*  PROBLEM  */

.section-problem {
  padding: 80px 0 75px 0;
  position: relative;
  z-index: 2;
  background-image: url('https://distel-russia.ru/wp-content/themes/distel/assets/img/bg_section-problem.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top 120px;
  background-color: #FBFEFF;
  margin-bottom: -50px;
}

.section-problem__title {
  text-align: center;
  margin-bottom: 30px;
}

.section-problem__subtitle {
  text-align: center;
  margin-bottom: 38px;
}

.section-problem .problem {
  width: 656px;
  height: 656px;
  position: relative;
  margin: 0 auto;
}

.section-problem .problem__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.section-problem .problem__img {
  position: relative;
  z-index: 100;
  display: block;
  z-index: 11;
  margin-top: -5px;
  margin-left: 8px;
}

.section-problem .problem__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border-width: 2px;
  border: 2px solid;
  z-index: 10;
}

.section-problem .problem__circle.circle1 {
  width: 100%;
  height: 100%;
  border-color: rgba(83, 91, 114, 0.06);
}

.section-problem .problem__circle.circle2 {
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  border-color: rgba(83, 91, 114, 0.12);
}

.section-problem .problem__circle.circle3 {
  width: calc(100% - 160px);
  height: calc(100% - 160px);
  border-color: rgba(83, 91, 114, 0.2);
}

.section-problem .problem-item {
  background-color: #fff;
  padding: 30px;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0px 16px 30px rgba(60, 138, 255, 0.1);
  position: absolute;
  max-width: 280px;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.section-problem .problem-item:hover {
  box-shadow: 0px 16px 30px rgba(60, 138, 255, 0.2);
}

.section-problem .problem-item:hover .problem-item__icon:before {
  border: 7px solid rgba(102, 110, 135, 0.2);
}

.section-problem .problem-item:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  background: #fff;
  border-radius: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section-problem .problem-item.problem-item1,
.section-problem .problem-item.problem-item2,
.section-problem .problem-item.problem-item3 {
  text-align: right;
}

.section-problem .problem-item.problem-item1:before,
.section-problem .problem-item.problem-item2:before,
.section-problem .problem-item.problem-item3:before {
  box-shadow: 30px 16px 30px rgba(60, 138, 255, 0.1);
  left: calc(100% - 18px);
}

.section-problem .problem-item.problem-item1 .problem-item__icon,
.section-problem .problem-item.problem-item2 .problem-item__icon,
.section-problem .problem-item.problem-item3 .problem-item__icon {
  left: calc(100% + 62px);
}

.section-problem .problem-item.problem-item4::before,
.section-problem .problem-item.problem-item5::before,
.section-problem .problem-item.problem-item6::before {
  box-shadow: 30px 16px 30px rgba(60, 138, 255, 0.1);
  right: calc(100% - 18px);
}

.section-problem .problem-item.problem-item4 .problem-item__icon,
.section-problem .problem-item.problem-item5 .problem-item__icon,
.section-problem .problem-item.problem-item6 .problem-item__icon {
  right: calc(100% + 52px);
}

.section-problem .problem-item.problem-item1 {
  top: 90px;
  left: -209px;
}

.section-problem .problem-item.problem-item2 {
  top: 260px;
  left: -267px;
  max-width: 300px;
}

.section-problem .problem-item.problem-item3 {
  top: 424px;
  left: -126px;
}

.section-problem .problem-item.problem-item4 {
  top: 90px;
  right: -203px;
}

.section-problem .problem-item.problem-item5 {
  top: 260px;
  right: -265px;
}

.section-problem .problem-item.problem-item6 {
  top: 425px;
  right: -126px;
}

.section-problem .problem-item__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #2A2B31;
  margin-bottom: 10px;
}

.section-problem .problem-item__discr {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  color: #4D5262;
}

.section-problem .problem-item__icon {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  width: 42px;
  height: 42px;
  background-color: #535B72;
  background: -webkit-linear-gradient(315deg, #AEB8D5 0%, #535B72 100%), #FFFFFF;
  background: linear-gradient(135deg, #AEB8D5 0%, #535B72 100%), #FFFFFF;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.section-problem .problem-item__icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.section-problem .problem-item__icon:before {
  content: '';
  display: block;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  width: 100%;
  height: 100%;
  border: 5px solid rgba(102, 110, 135, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.section-problem .problem-slider {
  display: block;
  position: relative;
}

.section-problem .problem-slider .slick-list {
  margin: 0 -15px;
  padding: 0 15px;
}

.section-problem .problem-slider .slick-track {
  padding: 20px 0;
}

.section-problem .problem-slider .slick-slide {
  margin: 0 8px;
}

.section-problem .slider-control {
  display: none;
}



@media screen and (max-width: 1300px) {
  .section-problem .problem {
    width: 500px;
    height: 500px;
  }

  .section-problem .problem__img {
    width: 250px;
  }

  .section-problem .problem__circle.circle2 {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
  }

  .section-problem .problem__circle.circle3 {
    width: calc(100% - 120px);
    height: calc(100% - 120px);
  }

  .section-problem .problem-item {
    padding: 20px;
  }

  .section-problem .problem-item.problem-item1 .problem-item__icon,
  .section-problem .problem-item.problem-item2 .problem-item__icon,
  .section-problem .problem-item.problem-item3 .problem-item__icon {
    left: calc(100% + 32px);
  }

  .section-problem .problem-item.problem-item4 .problem-item__icon,
  .section-problem .problem-item.problem-item5 .problem-item__icon,
  .section-problem .problem-item.problem-item6 .problem-item__icon {
    right: calc(100% + 32px);
  }

  .section-problem .problem-item.problem-item1 {
    top: 67px;
    left: -168px;
  }

  .section-problem .problem-item.problem-item2 {
    top: 200px;
    left: -240px;
  }

  .section-problem .problem-item.problem-item3 {
    top: 330px;
    left: -100px;
  }

  .section-problem .problem-item.problem-item4 {
    top: 67px;
    right: -164px;
  }

  .section-problem .problem-item.problem-item5 {
    top: 200px;
    right: -220px;
  }

  .section-problem .problem-item.problem-item6 {
    top: 330px;
    right: -105px;
  }

  .section-problem .problem-item__title {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .section-problem .problem-item__discr {
    font-size: 17px;
  }

  .section-problem .problem-item__icon {
    margin-top: -20px;
    width: 40px;
    height: 40px;
  }
}

.section-problem {
  padding: 80px 0 75px 0;
  position: relative;
  z-index: 2;
  background-image: url('https://distel-russia.ru/wp-content/themes/distel/assets/img/bg_section-problem.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top 120px;
  background-color: #FBFEFF;
  margin-bottom: -50px;
}

.section-problem__title {
  text-align: center;
  margin-bottom: 30px;
}

.section-problem__subtitle {
  text-align: center;
  margin-bottom: 38px;
}

.section-problem .problem {
  width: 656px;
  height: 656px;
  position: relative;
  margin: 0 auto;
}

.section-problem .problem__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.section-problem .problem__img {
  position: relative;
  z-index: 100;
  display: block;
  z-index: 11;
  margin-top: -5px;
  margin-left: 8px;
}

.section-problem .problem__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border-width: 2px;
  border: 2px solid;
  z-index: 10;
}

.section-problem .problem__circle.circle1 {
  width: 100%;
  height: 100%;
  border-color: rgba(83, 91, 114, 0.06);
}

.section-problem .problem__circle.circle2 {
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  border-color: rgba(83, 91, 114, 0.12);
}

.section-problem .problem__circle.circle3 {
  width: calc(100% - 160px);
  height: calc(100% - 160px);
  border-color: rgba(83, 91, 114, 0.2);
}

.section-problem .problem-item {
  background-color: #fff;
  padding: 30px;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0px 16px 30px rgba(60, 138, 255, 0.1);
  position: absolute;
  max-width: 280px;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.section-problem .problem-item:hover {
  box-shadow: 0px 16px 30px rgba(60, 138, 255, 0.2);
}

.section-problem .problem-item:hover .problem-item__icon:before {
  border: 7px solid rgba(102, 110, 135, 0.2);
}

.section-problem .problem-item:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  background: #fff;
  border-radius: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section-problem .problem-item.problem-item1,
.section-problem .problem-item.problem-item2,
.section-problem .problem-item.problem-item3 {
  text-align: right;
}

.section-problem .problem-item.problem-item1:before,
.section-problem .problem-item.problem-item2:before,
.section-problem .problem-item.problem-item3:before {
  box-shadow: 30px 16px 30px rgba(60, 138, 255, 0.1);
  left: calc(100% - 18px);
}

.section-problem .problem-item.problem-item1 .problem-item__icon,
.section-problem .problem-item.problem-item2 .problem-item__icon,
.section-problem .problem-item.problem-item3 .problem-item__icon {
  left: calc(100% + 62px);
}

.section-problem .problem-item.problem-item4::before,
.section-problem .problem-item.problem-item5::before,
.section-problem .problem-item.problem-item6::before {
  box-shadow: 30px 16px 30px rgba(60, 138, 255, 0.1);
  right: calc(100% - 18px);
}

.section-problem .problem-item.problem-item4 .problem-item__icon,
.section-problem .problem-item.problem-item5 .problem-item__icon,
.section-problem .problem-item.problem-item6 .problem-item__icon {
  right: calc(100% + 52px);
}

.section-problem .problem-item.problem-item1 {
  top: 90px;
  left: -209px;
}

.section-problem .problem-item.problem-item2 {
  top: 260px;
  left: -267px;
  max-width: 300px;
}

.section-problem .problem-item.problem-item3 {
  top: 424px;
  left: -126px;
}

.section-problem .problem-item.problem-item4 {
  top: 90px;
  right: -203px;
}

.section-problem .problem-item.problem-item5 {
  top: 260px;
  right: -265px;
}

.section-problem .problem-item.problem-item6 {
  top: 425px;
  right: -126px;
}

.section-problem .problem-item__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #2A2B31;
  margin-bottom: 10px;
}

.section-problem .problem-item__discr {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  color: #4D5262;
}

.section-problem .problem-item__icon {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  width: 42px;
  height: 42px;
  background-color: #535B72;
  background: -webkit-linear-gradient(315deg, #AEB8D5 0%, #535B72 100%), #FFFFFF;
  background: linear-gradient(135deg, #AEB8D5 0%, #535B72 100%), #FFFFFF;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.section-problem .problem-item__icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.section-problem .problem-item__icon:before {
  content: '';
  display: block;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  width: 100%;
  height: 100%;
  border: 5px solid rgba(102, 110, 135, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.section-problem .problem-slider {
  display: block;
  position: relative;
}

.section-problem .problem-slider .slick-list {
  margin: 0 -15px;
  padding: 0 15px;
}

.section-problem .problem-slider .slick-track {
  padding: 20px 0;
}

.section-problem .problem-slider .slick-slide {
  margin: 0 8px;
}

.section-problem .slider-control {
  display: none;
}

@media screen and (max-width: 1300px) {
  .section-problem .problem {
    width: 500px;
    height: 500px;
  }

  .section-problem .problem__img {
    width: 250px;
  }

  .section-problem .problem__circle.circle2 {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
  }

  .section-problem .problem__circle.circle3 {
    width: calc(100% - 120px);
    height: calc(100% - 120px);
  }

  .section-problem .problem-item {
    padding: 20px;
  }

  .section-problem .problem-item.problem-item1 .problem-item__icon,
  .section-problem .problem-item.problem-item2 .problem-item__icon,
  .section-problem .problem-item.problem-item3 .problem-item__icon {
    left: calc(100% + 32px);
  }

  .section-problem .problem-item.problem-item4 .problem-item__icon,
  .section-problem .problem-item.problem-item5 .problem-item__icon,
  .section-problem .problem-item.problem-item6 .problem-item__icon {
    right: calc(100% + 32px);
  }

  .section-problem .problem-item.problem-item1 {
    top: 67px;
    left: -168px;
  }

  .section-problem .problem-item.problem-item2 {
    top: 200px;
    left: -240px;
  }

  .section-problem .problem-item.problem-item3 {
    top: 330px;
    left: -100px;
  }

  .section-problem .problem-item.problem-item4 {
    top: 67px;
    right: -164px;
  }

  .section-problem .problem-item.problem-item5 {
    top: 200px;
    right: -220px;
  }

  .section-problem .problem-item.problem-item6 {
    top: 330px;
    right: -105px;
  }

  .section-problem .problem-item__title {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .section-problem .problem-item__discr {
    font-size: 17px;
  }

  .section-problem .problem-item__icon {
    margin-top: -20px;
    width: 40px;
    height: 40px;
  }
}


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


  .section-problem {
    background-size: 120%;
    background-position: center bottom 24%;
  }

  .section-problem__title .d-br {
    display: none;
  }

  .section-problem .problem {
    width: 100%;
    height: auto;
        padding: 0 15px;
  }

  .section-problem .problem__bg {
    position: relative;
    width: 70%;
    padding-top: 70%;
    height: auto;
    margin: 0 auto;
  }

  .section-problem .problem__img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -54%);
    -ms-transform: translate(-50%, -54%);
    transform: translate(-50%, -54%);
    width: 70%;
    margin-left: 0;
  }

  .section-problem .problem__circle.circle1 {
    width: 100%;
    height: 100%;
  }

  .section-problem .problem-item {
    position: static;
    width: 252px !important;
    height: 140px;
    padding: 40px 20px 20px;
    box-shadow: 0px 8px 15px rgba(60, 138, 255, 0.1);
    background-color: transparent;
    background-image: url('https://distel-russia.ru/wp-content/themes/distel/assets/img/problem-item.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .section-problem .problem-item:before {
    display: none;
  }

  .section-problem .problem-item.problem-item1,
  .section-problem .problem-item.problem-item2,
  .section-problem .problem-item.problem-item3 {
    text-align: left;
  }

  .section-problem .problem-item__inner {
    position: relative;
  }

  .section-problem .problem-item__title {
    font-size: 19px;
    margin-bottom: 10px;
  }

  .section-problem .problem-item__discr {
    font-size: 16px;
  }

  .section-problem .problem-item__icon {
    top: -55px !important;
    left: 165px !important;
    margin-top: 0;
  }

  .section-problem .slider-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }

}

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

  .section-problem {
    padding: 0px 0 30px 0;
  }


}

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

  .section-problem {
    background-size: 140%;
  }

  .section-problem__title span {
    display: block;
  }

  .section-problem .problem__bg {
    width: 100%;
    padding-top: 100%;
  }

  .section-problem .problem__circle {
    border-width: 1px;
  }

  .section-problem .problem__circle.circle2 {
    width: calc(100% - 36px);
    height: calc(100% - 36px);
  }

  .section-problem .problem__circle.circle3 {
    width: calc(100% - 72px);
    height: calc(100% - 72px);
  }

}


.section-problem .problem-item__icon {
    background: #0fa8ae;
}

.section-problem .problem-item__icon:before {
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 8px solid rgb(238 238 238);
	z-index:-1;
}

.section-problem .problem-item:hover .problem-item__icon::before {
	width: calc(100% + 20px) !important;
    height: calc(100% + 20px) !important;
    border: 12px solid rgb(238 238 238) !important;
}


.section-problem .name {
	font-size:33px;
	text-align:center;
	line-height:1.2;
}

.section-problem .name .fw-600 {
	color:#0FA8AE;
}




.slider-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.slider-control__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 20px;
}

.slider-control__current {
  font-size: 20px;
  line-height: 1;
  color: #2A2B31;
  font-weight: 400;
  width: 24px;
}

.slider-control__splitter {
  font-size: 16px;
  line-height: 1;
  color: #798A9B;
  font-weight: 400;
  padding: 0 8px;
}

.slider-control__all {
  font-size: 16px;
  line-height: 1;
  color: #798A9B;
  font-weight: 400;
}

.slider-control__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: auto;
}

.slider-control .slider-btn {
  margin-left: 20px;
}

.slider-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #0fa8ae;
  box-shadow: 0px 0px 0px 6px #D8EFFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}

.slider-btn svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.slider-btn {
	width: 32px;
	height: 32px;
	box-shadow: 0px 0px 0px 4px #D8EFFF;
}

.slider-btn img {
	width: 12px;
}

.slider-btn.next img {
	transform:rotate(180deg);
}


/*  PROBLEM  */

@media( max-width:991px){
	
	.video_main .c {
		margin: auto;
		text-align: center;
		width: 100%;
	}

	.video_main .c .laptop {
		width: 100%;
		height: unset;
		background: unset;
		padding-top: 8px;
		margin-top: 0;
	}

	.video_main .c .laptop .video {
		width: calc(100% - 10px);
		height: 300px;
		overflow: hidden;
		margin: 20px auto 50px;
		border-radius: 5px;
		border: #fff 5px solid;
		border: 6px solid #fff;
		border-radius: 12px;
		box-shadow: 0px 15px 30px rgba(60, 138, 255, 0.2);
	}
	
	.item-views.info.n_m .text {
		min-height: unset;
		display: flex;
		align-items: center;
		z-index: 2;
		padding-bottom: 0;
	}

}




.n_youtube_main:before {
    position: absolute;
	bottom: -26px;
    left: 0;
    width: 100%;
    content: "";
    display: block;
    height: 157px;
    background: url(/nd/main/img/cloud_slider2.png) no-repeat center;
    background-size: cover;
}


@media( max-width:768px ){

	.banners-big.front .slides .title {
        font-size: 28px;
        line-height: 1.4;
	}

	.banners-big.front .slides .text-block, .banners-big .slides .text-block b {
		font-size: 20px;
		line-height: 1.4;
		padding-top: 0;
		margin-top: 5px;
	}

	.banners-big.long-banner.front .slides>li {
		height: auto;
		min-height: auto;
	}

	.banners-big.front .slides>li>.maxwidth-theme>.row>div.img {
		display: block;
		position: static;
	}

	.banners-big.front .slides .img .inner {
    	position: static;
	}

    .banners-big.long-banner.front .flexslider, .banners-big.long-banner.front .slides, .banners-big.long-banner.front .slides>li {
        height: unset;
		background:none!important;
    }

	.banners-big.front .slides .img img {
		width: inherit;
		max-height: 100%;
		max-width: 100%;
	}

	.banners-big.front .maxwidth-banner .maxwidth-theme {
    	position: static;
	}

	.video_main {
    	padding-top: 35px;
	}

    .banners-big.front .btn {
        margin-top: 10px !important;
        padding: 12px 30px;
    }

	.banners-big {
		background: url(/nd/main/img/clouds_mobile.jpg) !important;

    }



}

.water_analysis{
  background: url("/images/services/water_analysis__bg.png");
  background-size: contain;
  margin-bottom: 100px;
  min-height: 450px;
  position: relative;
}
.water_analysis .title{
    font-size: 33px;
    margin: auto;
  padding-top: 40px;
  text-align: center;
    line-height: 1.2;
  max-width: 600px;
}
.water_analysis__video{
  background: url("/images/services/water_analysis__comp_1.png") no-repeat;
  width: 700px;
  position: absolute;
  top: 150px;
  height: 600px;
  background-size: contain;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 450px;
}
.water_analysis__video .video_container{
  position: relative;
}
.water_analysis__video .video_container > div{
  width: 512px;
  height: 288px;
  display: block;
  position: absolute;
  top: 18px;
  left: 93px;
}

.title_h1 {
  font-size: 33px;
  margin: auto;
  padding-top: 40px;
  text-align: center;
  line-height: 1.2;
  max-width: 600px;
}

.how_get_water{
  margin-bottom: 10px;
}
.how_get_water__list{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.how_get_water__item{
  font-size: 18px;
  width: 300px;
  background: #FFFFFF;
  box-shadow: 0px 16px 30px rgba(60, 138, 255, 0.1);
  border-radius: 14px;
  padding: 30px;
  margin-bottom: 10px;
}
.how_get_water__item .number{
  display: block;
  margin-bottom: 20px;
}
.how_get_water__item .title{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
.how_get_water__item .blue{
  color: #1C96F9;
  font-weight: bold;
}
.how_get_water__item .right{
  float: right;
}
.how_get_water .btn-learn-more{
  text-align: center;
  margin-top: 20px;
}

.indicators-section{
  margin-bottom: 100px;
}
.indicators-section__list{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  flex-wrap: wrap;
}
.indicators-section__item{
  width: 600px;
  padding: 40px;
  border-radius: 5px;
  background-color: #eef8ff;
  margin-bottom: 10px;
}

.indicators-section__item .title{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
.indicators-section__item p{
  margin: 14px 0;
}
.indicators-section__item .hidden-items{
  display: none;
}
.indicators-section__item .hidden-items.active{
  display: block;
}
.indicators-section__item .btn-show{
  color: #1C96F9;
  font-weight: bold;
  cursor: pointer;
}

/* End */


/* Start:/bitrix/components/aspro/form.landscape/templates/podbor_sistemy_services/style.css?1786451108180*/
.styled-block{margin:4px 0 -25px !important;background:#eef2f4 !important;padding: 29px 0 53px !important;border:none !important;}
*[id^=comp] > .row{margin-left:0;margin-right:0;}
/* End */
/* /bitrix/templates/aspro-landscape/components/bitrix/news.detail/services2/style.css?178645111027414 */
/* /bitrix/components/aspro/form.landscape/templates/podbor_sistemy_services/style.css?1786451108180 */