/* Start:/local/components/noda/page.about-us.advantages/templates/.default/style.css?17429036346304*/
:root {
    --shadow: 0 4px 10px 0 rgb(0 0 0 / 15%);
    --font-family: 'Mont';
    --dark-gray-2: #5B6263;
    --gray-1: #EBECEC;
}

.wr-advantage-top {
  background: #fff;
}
.wr-advantage-top h2 {
  text-align:center;
  font-size:18px;
}

.advantage-desc {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--dark-gray-2);
    width: 1000px;
    max-width: 100%;
    margin: 25px auto;
}

.advantage-img {
    margin-top: 45px;
    position: relative;
}
.advantage-img img {
    width:100%;
    position: relative;
    z-index: 2;
}

.about_vid_btn {
    background: rgb(60 60 60 / 55%);
    box-shadow: 0 5px 25px 0px rgb(0 0 0 / 35%);
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    bottom: 20%;
    left: 50%;
    margin-left: -40px;
    line-height: 1;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .5s;
    animation: pulse 2.5s infinite;
}
.about_vid_btn svg {
    width: 70px;
    height: 70px;
    transition: all .3s;
}
.about_vid_btn:hover {
    background: transparent;
}

@keyframes pulse {
    0% {
        transform: scale(1); /* Исходный размер */
    }
    50% {
        transform: scale(1.15); /* Увеличение на 10% */
    }
    100% {
        transform: scale(1); /* Возвращаемся к исходному размеру */
    }
}

.item-advantage-img {
  display: flex;
  justify-content: center;
}

.item-advantage-name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 110%;
    text-align: center;
    color: var(--dark-gray-1);
    margin-top: 35px;
}

.item-advantage-img img {
  width:50px !important;
}

.advantage-list-item {
  background: #F8F8F8;
  padding: 30px;
}

.advantage-list {
  margin-top:15px;
}

.about-as-breadcrums {
  width: 100%;
  padding-top: 30px;
  background:#fff;
}

.about-as-breadcrums ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  margin: 0;
}

.ico-breadcrum {
  background: url('/local/images/ico-breadcrum.svg') no-repeat;
  display: block;
  width: 17px;
  height: 1px;
}

.about-as-breadcrums li a {
  color: #848A8A;
  text-decoration: none;
  transition: .3s;
}

.about-as-breadcrums li {
  color: #848A8A;
}

.production-stages-title h3 {
  font-size:26px;
  margin:0;
  padding-bottom:15px;
}

.wr-advantage-about-us {
  background: #fff;
}

.advantage-about-us-left {
  width:50%;
  float:left;
}

.advantage-about-us-right {
  width:50%;
  float:left;
}

.advantage-about-us-right img {
  width:100%;
}

.friendly-team-left-img img {
  width:100%;
}

.btn-go-catalog {
  display: inline-block;
  margin-top: 15px;
  padding: 15px;
  background: #323B3D;
  color: #fff;
  transition: .3s;
  text-decoration: none;
  border-radius:2px;
}

.btn-go-catalog:hover {
  cursor: pointer;
  background: #9CCC65;
}

.advantage-owl-desc {
  width:70%;
}

.advantage-owl-desc .owl-dots {
  display:flex;
  gap: 3px;
  margin-top: 15px;
}

.advantage-owl-desc .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: #cecece;
  border-radius: 50%;
}

.advantage-owl-desc .owl-dots .owl-dot.active {
  background: #323B3D;
}



/*  */
/* NEW */
/*  */



.advantage-about-us-title h1 {
    font-size: 44px !important;
    font-weight: 700;
}
.advantage-about-us {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.advantage-about-us-left {
    width: 40%;
    float: none;
}
.advantage-owl-desc {
    width: 430px !important;
    max-width: 100%;
    font-size: 18px;
}
.advantage-owl-desc .owl-dots {
    gap: 0 10px;
    margin-top: 20px;
}
.advantage-owl-desc .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    transition: width .2s;
}
.advantage-owl-desc .owl-dots .owl-dot.active {
    width: 20px;
    border-radius: 50px;
}
.wr-btn-go-catalog .btn-go-catalog {
    margin-top: 25px;
    width: 200px;
    max-width: 100%;
    font-size: 16px;
    text-align: center;
}
.advantage-about-us-right {
    width: 57%;
}
.wr-advantage-top {
    padding: 120px 0 0;
    position: relative;
}
.wr-advantage-top::before {

}
.wr-advantage-top h2 {
    font-size: 36px;
}
.stage-item-wrap {
    display: flex;
    gap: 5px 10px;
    justify-content: space-between;
}
.stage-item-wrap .item {
    width: 50%;
    height: 320px;
}
.stage-item-wrap .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.production-stages-title h3 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 36px;
    line-height: 110%;
    color: var(--dark-gray-1);
}
.about_page_stages {
    padding-top: 120px;
    background: #fff;
}
.stage-item-left .stage-item-left-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 110%;
    color: var(--dark-gray-1);
}
.stage-item-left .stage-item-left-previewtext {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    color: var(--dark-gray-2);
    margin-top: 16px;
}
.friendly-team-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 38px;
    line-height: 110%;
    color: var(--dark-gray-1);
}
.friendly-team-desc {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    color: var(--dark-gray-2);
    margin: 20px 0 40px;
}
.friendly-team-left-img {
    margin-top: 60px;
}
.wr-friendly-team .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
}
.friendly-team-left {
    margin-top: 30px;
}

@media (max-width: 991px) {
    .stage-item-left {
        width: 100%;
        padding: 0;
    }
    .stage-item>div {
        width: 100% !important;
    }
    .stage-item-wrap .item {
        width: 50%;
        height: auto;
        aspect-ratio: 1;
    }
}
@media (max-width: 575px) {
    .about_vid_btn {
        width: 4rem;
        height: 4rem;
        margin-left: -2rem;
    }
    .about_vid_btn svg {
        width: 3.7rem;
        height: 3.7rem;
    }
}
/* End */


/* Start:/local/components/noda/production.stages/templates/.default/style.css?1742202097533*/

.stage-item {
    display:flex;
    align-items: center;
    padding: 50px 0;
    border-bottom: 2px solid #EBECEC;
    gap:30px;
}
.stage-item:nth-child(even){
    flex-direction: row-reverse;
}
.stage-item:last-child {
    border-bottom: none;
}

.stage-item>div {
  width:50%;
}

.stage-item-carousel .item img {
  /*width:100px;*/
  /*height:100px;*/
  /*max-width:150px;*/
}

.stage-item-left {
  padding-right:30px;
}



.production-stages-description {
  width:50%;
  padding-right:30px;
}

/* End */


/* Start:/local/components/noda/friendly.team/templates/.default/style.css?17422032201058*/


.wr-friendly-team {
  background:#fff;
  padding: 90px 0 0;
}

.friendly-team-right-img img {
  width: 100%;
}

.advantage-about-us-title h1 {
  font-size:18px;
}

@media(max-width:900px) {

  .wr-friendly-team .container {
      display:block;
  }

  .friendly-team-right-img {
      text-align: center;
  }

}

@media(max-width:650px) {

  .advantage-about-us-left {
      width:100%;
      float:none;
  }

  .advantage-about-us-right {
      width:100%;
      float:none;
      margin-top:15px;
  }

  .stage-item:nth-child(odd) {
      display: grid;
  }

  .stage-item:nth-child(even) {
      display: grid;
  }

  .production-stages-description {
      width:100%;
      padding-right:0;
  }

  .wr-production-stages {
      padding: 30px 0 0 0;
  }

  .advantage-owl-desc {
      width:100%;
  }

  .advantage-owl-desc .owl-dots {
      justify-content: center;
  }

  .wr-btn-go-catalog {
      text-align:center;
  }

  .item-advantage-name {
      font-size:12px;
  }

}

/* End */


/* Start:/local/templates/SonService/components/noda/section.info/opt_partners/style.css?17594905961156*/
.wr-partners {
    padding: clamp(1.875rem, 1.911vw + 1.457rem, 3.75rem) 0;
    background: #F8F8F8;
}

.partners-prev, .partners-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    color: #5B6263;
    background: #f8f8f8;
    cursor: pointer;
    transition: all 0.3s;
}

.swiper-button-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.swiper-button-lock {
    visibility: hidden;
}
.partners-prev svg, .partners-next svg {
    transition: all 0.3s;
}
.partners-prev:hover, .partners-next:hover {
    background: #A6D275;
    color: #ffffff;
}
.partners-nav {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.partners_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: clamp(1.5rem, 1.529vw + 1.166rem, 3rem);
}
.partners_slider .swiper-slide {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}
.partners_slider .swiper-slide img {
    width: 100%;
    height: 100%;

}
/* End */


/* Start:/local/css/components/section_list.css?16843101901948*/
.wr-top-section-list {
    background: linear-gradient(to right, rgba(245,245,245,1) 50%, rgba(196,224,163,1) 0%);
}

.wr-section-list-content {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.top-section-list-right img {
    width:100%;
    height: 100%;
    object-fit: cover;
}

.top-section-list-right {
    height:100%;
}

.top-section-list-left-title {
    font-weight: 800;
    font-size: 28px;
}

.top-section-list-left {
    padding-right:30px;
}

.top-section-list-left-description {
    margin-top:30px;
}

.top-section-list-left-btnName {
    margin-top:30px;
}

.top-section-list-left-btnName button {
    border:none;
    background: #323B3D;
    border-radius: 2px;
    padding:16px 48px;
    color:#fff;
    transition: .3s;
}

.top-section-list-left-btnName button:hover {
    cursor: pointer;
    background: #9CCC65;
}

.top-section-list-left-btnName button:hover {
    cursor: pointer;
}

.section-list-bottom-title h1 {
    font-weight: 800;
    font-size: 28px;
    text-align: center;
}

.wr-section-list-bottom {
    padding-top:60px;
}

.section-list-bottom-description p {
    font-weight: 500;
    font-size: 18px;
    padding: 0 30px;
    text-align: center;
}

@media (max-width: 700px) {

    .wr-section-list-content {
        display:block;
    }

    .top-section-list-right {
        margin-top:15px;
    }

    .top-section-list-left-btnName {
        text-align: center;
    }

    .top-section-list-left-title {
        padding-top: 15px;
        text-align: center;
    }

    .top-section-list-left-title {
        font-size:24px;
    }

    .top-section-list-left-description {
        margin-top:15px;
    }

    .section-list-bottom-description p {
        font-size: 14px;
        padding: 0 15px;
    }

    .wr-section-list-bottom {
        padding-top: 15px;
        margin-top:0;
    }

    .top-section-list-left-btnName {
        margin-top:15px;
    }

}

/* End */
/* /local/components/noda/page.about-us.advantages/templates/.default/style.css?17429036346304 */
/* /local/components/noda/production.stages/templates/.default/style.css?1742202097533 */
/* /local/components/noda/friendly.team/templates/.default/style.css?17422032201058 */
/* /local/templates/SonService/components/noda/section.info/opt_partners/style.css?17594905961156 */
/* /local/css/components/section_list.css?16843101901948 */