/*** Colors ***/
/* line 3, content.scss */
.breadcrumb {
  list-style: none;
  margin: 0; }
  /* line 7, content.scss */
  .breadcrumb-item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 10px 0 0;
    color: #9E9E9E;
    font-size: 14px;
    line-height: 24px; }
    /* line 17, content.scss */
    .breadcrumb-item + .breadcrumb-item {
      padding-left: 0;
      margin-left: 0; }
      /* line 21, content.scss */
      .breadcrumb-item + .breadcrumb-item::before {
        content: '';
        position: relative;
        top: 0;
        padding: 0;
        width: 3px;
        height: 3px;
        margin: 0 10px 0 0;
        background: #9E9E9E;
        border-radius: 50%; }
    /* line 34, content.scss */
    .breadcrumb-item:first-child {
      margin-left: 0;
      padding-left: 0; }
      /* line 38, content.scss */
      .breadcrumb-item:first-child::before {
        display: none; }
    /* line 43, content.scss */
    .breadcrumb-item a {
      color: #9E9E9E; }
    /* line 47, content.scss */
    .breadcrumb-item span {
      color: #1A1A1A; }

/*** Banner ***/
/* line 56, content.scss */
.main-banner {
  padding: 0 0 34px; }

/* line 60, content.scss */
.main-slider .swiper-slide {
  overflow: hidden; }

/* line 64, content.scss */
.banner {
  display: flex;
  align-items: flex-end; }
  /* line 68, content.scss */
  .banner .image-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1; }
    /* line 77, content.scss */
    .banner .image-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  /* line 84, content.scss */
  .banner .image {
    height: 550px;
    margin: 0 -80px; }
    /* line 88, content.scss */
    .banner .image img {
      width: auto;
      max-height: 100%; }
      /* line 92, content.scss */
      .banner .image img.bottom {
        object-position: bottom; }
      /* line 96, content.scss */
      .banner .image img.top {
        object-position: top; }
      /* line 100, content.scss */
      .banner .image img.left {
        object-position: left; }
      /* line 104, content.scss */
      .banner .image img.right {
        object-position: right; }
      /* line 108, content.scss */
      .banner .image img.center {
        object-position: center; }
  /* line 114, content.scss */
  .banner .info {
    position: relative;
    padding: 40px 0 64px;
    z-index: 5; }
  /* line 120, content.scss */
  .banner .title {
    font-weight: 500;
    font-size: 42px;
    line-height: 48px; }
  /* line 126, content.scss */
  .banner .description {
    margin-top: 25px;
    font-size: 16px;
    line-height: 24px; }
  /* line 132, content.scss */
  .banner .link {
    display: inline-block;
    margin-top: 22px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-transform: uppercase; }
    /* line 140, content.scss */
    .banner .link .icon {
      margin-left: 14px; }
  /* line 147, content.scss */
  .banner.mobile-image .mobile-image {
    display: none;
    width: 100%;
    right: 0; }

/*** End Banner ***/
/* line 160, content.scss */
.stock-list-slider img {
  width: 100%; }
/* line 164, content.scss */
.stock-list-slider .title {
  font-weight: 500; }

/* line 171, content.scss */
.stock-list-slider--item .description {
  font-size: 14px;
  line-height: 20px; }

/*** Rating ***/
/* line 180, content.scss */
.star-rating-wrapper {
  display: flex;
  align-items: center; }
  /* line 184, content.scss */
  .star-rating-wrapper .text {
    margin: 0 0 0 20px;
    font-size: 14px;
    line-height: 18px;
    color: #9E9E9E; }

/* line 192, content.scss */
.star-rating {
  display: flex;
  flex-direction: row-reverse;
  margin: -2px 0 0 -6px; }
  /* line 197, content.scss */
  .star-rating input {
    display: none; }
  /* line 201, content.scss */
  .star-rating label {
    display: flex;
    width: 15px;
    height: 15px;
    margin: 0 0 0 7px;
    cursor: pointer; }
    /* line 208, content.scss */
    .star-rating label svg {
      width: 100%;
      height: 100%;
      fill: #9E9E9E; }
  /* line 215, content.scss */
  .star-rating .star-item {
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 6px; }
    /* line 221, content.scss */
    .star-rating .star-item svg {
      width: 100%;
      height: 100%;
      fill: #9E9E9E; }
    /* line 227, content.scss */
    .star-rating .star-item.active svg, .star-rating .star-item.active ~ .star-item svg {
      fill: #DE0F07; }
  /* line 233, content.scss */
  .star-rating .star-radio:checked ~ .star-label svg {
    fill: #DE0F07; }
  /* line 237, content.scss */
  .star-rating .star-radio:hover ~ .star-label svg {
    fill: #616161; }
  /* line 241, content.scss */
  .star-rating .star-radio:checked ~ .star-label svg {
    fill: #DE0F07; }

/*** End Rating ***/
/*** Page content ***/
/* line 253, content.scss */
.info-page--text a {
  text-decoration: underline; }
/* line 257, content.scss */
.info-page--text .btn {
  max-width: 312px;
  text-decoration: none; }

/* line 263, content.scss */
.menu-list-wrap {
  position: sticky;
  top: 110px;
  max-height: calc(100vh - 120px); }
  /* line 268, content.scss */
  .menu-list-wrap .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  /* line 272, content.scss */
  .menu-list-wrap .mCSB_scrollTools {
    right: -6px; }

/* line 277, content.scss */
.menu-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  /* line 282, content.scss */
  .menu-list--item {
    font-size: 14px;
    line-height: 24px;
    color: #000000; }
    /* line 287, content.scss */
    .menu-list--item.active {
      font-weight: 500; }

/* line 293, content.scss */
.vacancies-list {
  display: flex;
  flex-direction: column; }
  /* line 297, content.scss */
  .vacancies-list--item {
    margin-top: 20px;
    font-weight: 500; }
    /* line 301, content.scss */
    .vacancies-list--item:first-child {
      margin-top: 0; }

/* line 309, content.scss */
.completed-projects-list--item {
  display: flex;
  justify-content: flex-end;
  margin-top: 128px; }
  /* line 314, content.scss */
  .completed-projects-list--item:first-child {
    margin-top: 0; }
  /* line 318, content.scss */
  .completed-projects-list--item:nth-child(even) {
    justify-content: flex-start;
    flex-direction: row-reverse; }
    /* line 322, content.scss */
    .completed-projects-list--item:nth-child(even) .info {
      padding: 0 60px 0 32px;
      text-align: left; }
/* line 329, content.scss */
.completed-projects-list .info {
  position: sticky;
  top: 125px;
  flex: 1;
  max-width: 458px;
  padding: 0 32px 0 60px;
  text-align: right; }
/* line 338, content.scss */
.completed-projects-list .images {
  flex: 1; }
  /* line 341, content.scss */
  .completed-projects-list .images img {
    width: 100%;
    margin-top: 20px; }
    /* line 345, content.scss */
    .completed-projects-list .images img:first-child {
      margin-top: 0; }
    /* line 349, content.scss */
    .completed-projects-list .images img:nth-child(n + 3) {
      display: none; }
  /* line 354, content.scss */
  .completed-projects-list .images.show img:nth-child(n + 3) {
    display: block; }
/* line 359, content.scss */
.completed-projects-list .title {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 28px;
  line-height: 33px; }
/* line 366, content.scss */
.completed-projects-list p {
  font-size: 14px;
  line-height: 24px; }
/* line 371, content.scss */
.completed-projects-list .more-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-decoration-line: underline;
  cursor: pointer; }

/*** End Page content ***/
/*** Compares ***/
/* line 385, content.scss */
.count-compare {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #9E9E9E; }

/* line 394, content.scss */
.compare-table-wrapper .tabs-head {
  display: flex;
  flex-wrap: wrap;
  margin: -24px 0 0 -46px; }
  /* line 399, content.scss */
  .compare-table-wrapper .tabs-head--item {
    margin: 24px 0 0 46px;
    padding-bottom: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #9E9E9E;
    border-bottom: 2px solid transparent;
    cursor: pointer; }
    /* line 409, content.scss */
    .compare-table-wrapper .tabs-head--item.active {
      color: #1A1A1A;
      border-color: #1A1A1A; }
/* line 416, content.scss */
.compare-table-wrapper .compare-row {
  display: grid;
  grid-auto-flow: column;
  align-items: end;
  gap: 32px;
  grid-auto-columns: minmax(305px, 305px);
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #DADADA; }
  /* line 426, content.scss */
  .compare-table-wrapper .compare-row .product--item {
    margin: 0 -32px;
    padding: 0 32px; }
    /* line 430, content.scss */
    .compare-table-wrapper .compare-row .product--item .icons-list {
      right: 49px; }
  @media screen and (max-width: 768px) {
    /* line 416, content.scss */
    .compare-table-wrapper .compare-row {
      grid-auto-columns: minmax(200px, 305px); } }
  @media screen and (max-width: 321px) {
    /* line 416, content.scss */
    .compare-table-wrapper .compare-row {
      grid-auto-columns: minmax(200px, 305px); } }
/* line 444, content.scss */
.compare-table-wrapper .compare-param:first-child .param-title {
  display: block; }
/* line 448, content.scss */
.compare-table-wrapper .compare-products-list {
  padding-bottom: 58px; }
/* line 452, content.scss */
.compare-table-wrapper .compare-image {
  width: 100%; }
/* line 456, content.scss */
.compare-table-wrapper .table-compare {
  display: grid;
  overflow-x: auto;
  margin-right: -48px; }
/* line 462, content.scss */
.compare-table-wrapper .compare-product {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
  grid-auto-rows: auto;
  padding-right: 10px; }
  /* line 469, content.scss */
  .compare-table-wrapper .compare-product img {
    height: 270px;
    max-height: 270px;
    object-fit: contain; }
  /* line 475, content.scss */
  .compare-table-wrapper .compare-product .title-link {
    display: block;
    flex: 60%;
    height: 44px;
    padding-right: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase; }
  /* line 487, content.scss */
  .compare-table-wrapper .compare-product .compare-delete {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 14px;
    outline: none;
    cursor: pointer; }
  /* line 496, content.scss */
  .compare-table-wrapper .compare-product .product-price-cur {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    transition: .3s;
    white-space: nowrap; }
  /* line 503, content.scss */
  .compare-table-wrapper .compare-product .product-price-old {
    font-size: 1.1rem;
    color: #1A1A1A;
    text-decoration: line-through;
    white-space: nowrap; }
/* line 511, content.scss */
.compare-table-wrapper .param-title {
  display: none;
  max-width: 100%;
  padding: 0 0 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #9E9E9E;
  overflow: hidden;
  text-overflow: ellipsis; }
/* line 523, content.scss */
.compare-table-wrapper .param-value {
  max-width: 100%;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }
/* line 530, content.scss */
.compare-table-wrapper .compare-toolbar {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    /* line 530, content.scss */
    .compare-table-wrapper .compare-toolbar {
      grid-auto-flow: row;
      gap: 1rem; } }
/* line 545, content.scss */
.compare-table-wrapper .product--item .icons-list {
  opacity: 1; }

/*** End Compares ***/
/*** FAQ ***/
/* line 556, content.scss */
.faq-nav {
  position: sticky;
  top: 125px; }
  /* line 560, content.scss */
  .faq-nav--item {
    margin-top: 20px;
    cursor: pointer; }
    /* line 564, content.scss */
    .faq-nav--item:first-child {
      margin-top: 0; }
    /* line 568, content.scss */
    .faq-nav--item.active {
      font-weight: 500; }

/* line 576, content.scss */
.faq-list--item {
  border-bottom: 1px solid #DADADA; }
  /* line 579, content.scss */
  .faq-list--item:first-child .head {
    padding-top: 0; }
  /* line 585, content.scss */
  .faq-list--item.active .head svg {
    transform: rotate(180deg); }
  /* line 589, content.scss */
  .faq-list--item.active .body {
    display: block; }
/* line 595, content.scss */
.faq-list .head {
  padding: 16px 0;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer; }
  /* line 601, content.scss */
  .faq-list .head svg {
    width: 14px;
    height: 8px; }
/* line 607, content.scss */
.faq-list .body {
  display: none;
  padding-bottom: 16px;
  font-size: 14px;
  line-height: 20px; }

/*** End FAQ ***/
/*** 404 ***/
/* line 620, content.scss */
.block-404 {
  max-width: 312px; }
  /* line 623, content.scss */
  .block-404 .code-number {
    font-weight: 500;
    font-size: 160px;
    line-height: 128px; }

/*** End 404 ***/
/*** Catalog list ***/
/* line 635, content.scss */
.catalog-list {
  overflow: hidden; }
  /* line 638, content.scss */
  .catalog-list--item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 100%;
    max-width: 364px;
    min-height: 200px;
    padding: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right; }
  /* line 651, content.scss */
  .catalog-list .title {
    font-weight: 500; }
  /* line 655, content.scss */
  .catalog-list .arrow {
    width: 24px;
    height: 16px; }
    /* line 659, content.scss */
    .catalog-list .arrow svg {
      width: 100%;
      height: 100%; }

/*** End Catalog list ***/
/*** Advantages list ***/
/* line 671, content.scss */
.advantages-list {
  display: flex;
  flex-wrap: wrap;
  margin: -32px 0 0 -32px; }
  /* line 676, content.scss */
  .advantages-list--item {
    flex: 100%;
    max-width: calc(25% - 32px);
    margin: 32px 0 0 32px; }
  /* line 682, content.scss */
  .advantages-list .description {
    color: #9E9E9E; }

/*** End Advantages list ***/