/* Start:/local/templates/.default/components/bitrix/news.list/projects/style.css?17120645009790*/
*, :before, :after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .projects {
    background: url('/local/templates/.default/components/bitrix/news.list/projects/./images/projects_back.jpg') no-repeat center/cover transparent;
    max-width: 100vw;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    padding-top: 72px;
  }
  
  .projects h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #027A7A;
    margin-bottom: 30px;
  }
  
  .projects_description {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #027A7A;
    margin: 0 auto;
    max-width: 1210px;
  }
  
  .projects_slider {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  
    padding-top: 56px;
    min-height: 700px;
    max-height: 900px;
    overflow: hidden;  
    position: relative;
  }

  .projects_slider_bottom {
    max-height: 1040px;
  }
  
  .circular-slider {
    width: 100%;
    height: 100%;  
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .circular-slider .wrapper {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .circular-slider .wrapper .controls__left,
  .circular-slider .wrapper .controls__right {
    width: 186px;
    height: 186px;
    top: 35%;
    background: url('/local/templates/.default/components/bitrix/news.list/projects/./images/arrow.png') no-repeat center/contain transparent;
    z-index: 0;
    position: absolute;
    -webkit-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
    cursor: pointer;
  }
  
  .circular-slider .wrapper .controls__left {
    left: 50%;
    transform: translateX(-470px);
  }
  
  .circular-slider .wrapper .controls__right {
    right: 50%;
    transform: rotate(180deg) translateX(-470px);
  }
  
  .circular-slider .wrapper .slides-holder {
    border-radius: 50%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0;
  }
  
  .circular-slider .wrapper .slides-holder__item {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    width: 100%;
    max-width: 700px;
    border-radius: 50px;
    background-color: #D9EEED;
    color: #009999;
    text-align: center;
  }
  
  .slide-item__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
  
  .circular-slider .wrapper .slides-holder__item img {
    display: block;
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    border-radius: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .circular-slider .wrapper .slides-holder__item h4 {
    max-width: 82%;
    margin: 16px auto 8px;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  
  .circular-slider .wrapper .slides-holder__item p {
    max-width: 90%;
    margin: 0 auto 8px;
    font-size: 16px;
  }
  
  .slide-item__more {
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    border-radius: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #D9EEED;
    display: block;
    padding: 15px;
    margin: 10px 27px 20px;
    text-decoration: none;
    position: relative;
  }
  
  .mobile_slider-container {
    padding-top: 18px;
    padding-bottom: 0px;
    position: relative;
    display: none;
  }
  
  .mobile_slider {
    position: relative;
    z-index: 1;
  }
  
  .mobile_slider-item {
    background: #D9EEED;
    border-radius: 30px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 17px;
    z-index: 1;
  }
  
  .mobile_slider-content img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 170px;
    object-fit: cover;
    object-position: top;
    border-radius: 30px 0 0;
  }
  
  .mobile_slider-content h4 {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    max-width: 80%;
    margin: 20px auto 15px;
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  
  .mobile_slider-content p {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #009999;
    padding: 0 17px;
    margin-bottom: 15px;
  }
  
  .mobile_slider-more {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #D9EEED;
    text-decoration: none;
    padding: 10px;
    display: block;
    margin: 0 17px;
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    border-radius: 10px;
  }
  
  .mobile_slider-controls button {
    display: block;
    width: 93px;
    height: 93px;
    border: 0;
    background-image: url('/local/templates/.default/components/bitrix/news.list/projects/./images/arrow_mobile.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    position: absolute;
    bottom: 17px;
    left: -22px;
    z-index: 1;
  }
  
  .mobile_slider-controls button[data-controls="next"] {
    transform: rotate(180deg);
    left: auto;
    right: -22px;
  }

  .tns-item {
    transition: all .3s linear;
  }

  .tns-slide-active + .tns-slide-active + .tns-slide-active {
    transform: scaleY(0.8);
  }

  .tns-slide-active:not(.tns-slide-active + .tns-slide-active) {
    transform: scaleY(0.8);
   
  }

  .hero button.hero-slide__button.white-btn-hero, a.hero-slide__button.white-btn-hero {
    margin-top: 2rem;
  }

  .circular-slider .wrapper .slides-holder__item p br,
  .mobile_slider-container .mobile_slider-content p br {
    display: none;
  }

  /* active */

  .circular-slider .wrapper .slides-holder__item:not(.slides-holder__item_active) {
    height: auto !important;
  }
  .circular-slider .wrapper .slides-holder__item:not(.slides-holder__item_active) .slide-item__text-wrap {
    max-height: 0px;
    overflow: hidden; 
    transition: all .3s ease;   
  }

  .circular-slider .wrapper .slides-holder__item .slide-item__text-wrap {
    height: auto;
    max-height: 200px;
    
  }
  /* active */
  
  @media (max-width: 968px) {
    .projects {
      background: url('/local/templates/.default/components/bitrix/news.list/projects/./images/project_back-mob.jpg') no-repeat center/cover transparent;
      padding-top: 40px;
      padding-bottom: 40px;
      position: relative;
      z-index: 2000;
    }
  
    .projects h2 {
      font-size: 20px;
      line-height: 23px;
      margin-bottom: 18px;
    }
  
    .projects_description {
      font-size: 13px;
      line-height: 15px;
      padding: 0 27px;
    }
  
    .mobile_slider-container {
      display: block;
    }

    .mobile_slider-container .tns-outer {
        z-index: 2;
        position: relative;
    }
}

@media (max-width: 767px) {
  .mobile_slider-controls button {
    --size: 61px;
    --top: calc(170px + 18px);
    width: var(--size);
    height: var(--size);
    aspect-ratio: 1;
    bottom: unset;
    top: calc(var(--top) - var(--size) / 2);
    z-index: 2;
    filter: drop-shadow(0px 8px 34px rgba(15, 90, 90, 0.10));
    background-image: url("data:image/svg+xml,%3Csvg width='69' height='69' viewBox='0 0 69 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='34.5' cy='34.5' r='34.5' transform='matrix(-1 0 0 1 69 0)' fill='white'/%3E%3Cpath d='M38 26.5L30 34.5L38 42.5' stroke='%23027A7A' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-size: contain;
  }
  .mobile_slider-controls button[data-controls="prev"] {
    left: 0px;
  }
  .mobile_slider-controls button[data-controls="next"] {
    right: 0px;
  }
}
.technology-progrees__line {
  display: none;
}
@media (min-width: 1280px) {
  .projects_slider_bottom {
    min-height: clamp(1100px, 70vw, 75vw);
    margin-bottom: -200px;
  }
  .technology--b2b div.technology-card__text {
    margin-bottom: 10px;
  }
}

@media (min-width: 1600px) {
  .projects_slider_bottom {
    min-height: 65vw;
  }
}
@media (min-width: 2000px) {
  .projects_slider_bottom {
    min-height: 55vw;
  }
}

/* year */
.slide-item__content,
.mobile_slider-content {
  position: relative;
}
.slide-item__year {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.year {
  border-radius: 30px 0px;
  background: linear-gradient(71deg, #099 7.56%, #64C72A 88.29%);
  display: inline-flex;
  color: #FFF;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  padding: 13px 57px 13px;
}
@media (max-width: 767px) {
  .year {
    font-size: 16px;
    padding: 5px 18px;
  }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/projects/styles/tiny-slider.css?17120645012633*/
.tns-outer {
	padding: 0 !important
}

.tns-outer [hidden] {
	display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto !important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	transition: opacity 0.6s;
	opacity: 0.6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333%;
	width: -webkit-calc(100% * 70 / 3);
	width: -moz-calc(100% * 70 / 3);
	width: calc(100% * 70 / 3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: '';
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714%;
	width: -webkit-calc(100% / 70);
	width: -moz-calc(100% / 70);
	width: calc(100% / 70);
	height: 10px;
	float: left
}
/* End */
/* /local/templates/.default/components/bitrix/news.list/projects/style.css?17120645009790 */
/* /local/templates/.default/components/bitrix/news.list/projects/styles/tiny-slider.css?17120645012633 */