@import url("https://fonts.googleapis.com/css?family=Exo+2:300,400,500,600,700,800,900&display=swap&subset=cyrillic");
body {
  font-family: 'Exo 2', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000; }

* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5 {
  margin: 0; }

h1 {
  font-weight: bold;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 32px; }

a {
  text-decoration: none;
  color: #000; }
  a:hover {
    text-decoration: none; }

p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px; }

header, main, footer {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%; }

main {
  position: relative;
  height: 100%;
  padding: 0 40px;
  min-height: 100vh;
  overflow: hidden; }
  main .lines {
    position: absolute;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    width: calc(100% - 80px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    main .lines div {
      width: calc(100% / 6);
      border-left: 1px solid #F2F2F2;
      position: relative; }
      main .lines div:last-child {
        border-right: 1px solid #F2F2F2; }
      main .lines div .item_rel_1 {
        left: 0;
        position: absolute;
        top: 40px;
        margin: 0;
        width: auto;
        border: none;
        z-index: -1; }
      main .lines div .item_rel_2 {
        left: 0;
        position: absolute;
        bottom: 40px;
        margin: 0;
        width: auto;
        border: none;
        z-index: -1; }

.hidden {
  display: none; }

#fullpage * {
  outline: none; }

.main_wrapper {
  width: calc(100% - (100%/6));
  margin-left: calc(100%/6);
  outline: none; }

header {
  position: fixed;
  height: 100vh;
  width: calc(100%/6);
  display: -ms-flexbox;
  display: flex;
  z-index: 10; }
  header .site_header {
    padding: 32px 0;
    padding-right: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    header .site_header a.phone_mob {
      display: none; }
    header .site_header a.mail_mob {
      display: none; }
    header .site_header nav.main_nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start; }
      header .site_header nav.main_nav a {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        display: -ms-flexbox;
        display: flex;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 12px 0;
        transition: 0.2s ease-in-out;
        position: relative; }
        header .site_header nav.main_nav a:before {
          width: 200%;
          content: '';
          height: 100%;
          border-bottom: 2px solid #A2CE39;
          left: -500%;
          opacity: 0;
          position: absolute;
          bottom: 0;
          transition: 0.3s ease-in-out; }
        header .site_header nav.main_nav a:hover {
          color: #A5A5A5; }
          header .site_header nav.main_nav a:hover:before {
            content: '';
            left: -103%;
            opacity: 1; }
        header .site_header nav.main_nav a:focus {
          color: #A5A5A5; }
          header .site_header nav.main_nav a:focus:before {
            content: '';
            left: -103%;
            opacity: 1; }
        header .site_header nav.main_nav a.active {
          color: #A5A5A5; }
          header .site_header nav.main_nav a.active:before {
            content: '';
            left: -103%;
            opacity: 1; }
    header .site_header .head_actions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start; }
      header .site_header .head_actions > a {
        font-weight: bold;
        font-size: 12px;
        line-height: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #A5A5A5;
        transition: 0.2s ease-in-out;
        height: 56px;
        position: relative;
        overflow: hidden;
        margin-bottom: 16px; }
        header .site_header .head_actions > a:before {
          content: "";
          position: absolute;
          z-index: 9999;
          right: 0;
          width: 0;
          bottom: 0px;
          background: #A2CE39;
          height: 2px;
          transition-property: width;
          transition-duration: 0.3s;
          transition-timing-function: ease-out; }
        header .site_header .head_actions > a:hover:before, header .site_header .head_actions > a:focus:before, header .site_header .head_actions > a:active:before {
          left: 0;
          right: auto;
          width: 100%; }
      header .site_header .head_actions .head_phone {
        font-weight: bold;
        font-size: 12px;
        line-height: 24px;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        header .site_header .head_actions .head_phone img {
          margin-right: 16px; }
        header .site_header .head_actions .head_phone a {
          font-size: 12px;
          line-height: 24px;
          letter-spacing: 1px;
          color: #A5A5A5;
          transition: 0.2s ease-in-out;
          overflow: hidden;
          height: 32px;
          position: relative; }
          header .site_header .head_actions .head_phone a:before {
            content: "";
            position: absolute;
            z-index: 9999;
            right: 0;
            width: 0;
            bottom: 0px;
            background: #A2CE39;
            height: 2px;
            transition-property: width;
            transition-duration: 0.3s;
            transition-timing-function: ease-out; }
          header .site_header .head_actions .head_phone a:hover:before, header .site_header .head_actions .head_phone a:focus:before, header .site_header .head_actions .head_phone a:active:before {
            left: 0;
            right: auto;
            width: 100%; }

section.slide:before {
  width: 0%;
  height: 1px;
  content: '';
  border-bottom: 1px solid #F2F2F2;
  position: absolute;
  left: -50%;
  top: 32px;
  z-index: -1;
  transition: 2s ease-in-out; }

section.slide:after {
  width: 0%;
  height: 1px;
  content: '';
  border-bottom: 1px solid #F2F2F2;
  position: absolute;
  left: -50%;
  bottom: 32px;
  z-index: -1;
  transition: 2s ease-in-out; }

section.slide.loaded:before {
  width: 200%; }

section.slide.loaded:after {
  width: 200%; }

.accent_btn {
  min-width: 185px;
  height: 56px;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000000;
  display: flex;
  align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 2px solid #A2CE39;
  position: relative;
  margin: 32px 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
  padding: 0 30px; }
  .accent_btn img {
    margin-right: 15px; }
  .accent_btn:before {
    position: absolute;
    content: '';
    width: 20px;
    top: -3px;
    right: calc(100% - 20px);
    height: 4px;
    background: #fff;
    transition: 0.3s ease; }
  .accent_btn:after {
    position: absolute;
    content: '';
    width: 20px;
    bottom: -3px;
    right: 0;
    height: 4px;
    background: #fff;
    transition: 0.3s ease; }
  .accent_btn:hover:before {
    right: 0px; }
  .accent_btn:hover:after {
    right: calc(100% - 20px); }
  .accent_btn:focus:before {
    left: calc(100% - 20px); }
  .accent_btn:focus:after {
    right: calc(100% - 20px); }
  .accent_btn.disabled {
    border-color: #D8D8D8;
    pointer-events: none;
    color: #D8D8D8; }
    .accent_btn.disabled:hover:before {
      left: 0; }
    .accent_btn.disabled:hover:after {
      right: 0; }
    .accent_btn.disabled:focus:before {
      left: 0; }
    .accent_btn.disabled:focus:after {
      right: 0; }

.simple_dft {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: none;
  background: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000;
  outline: none;
  display: inline;
  position: relative;
  z-index: 1;
  cursor: pointer;
  padding: 0 30px;
  display: flex;
  align-items: center;
  height: 56px; }
  .simple_dft:before {
    content: "";
    position: absolute;
    z-index: 9999;
    right: 0;
    width: 0;
    bottom: 0px;
    background: #A2CE39;
    height: 2px;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out; }
  .simple_dft:hover:before, .simple_dft:focus:before, .simple_dft:active:before {
    left: 0;
    right: auto;
    width: 100%; }
  .simple_dft img {
    margin-right: 20px; }

.main_block {
  display: -ms-flexbox;
  display: flex; }
  .main_block .main_slider {
    z-index: 4; }
    .main_block .main_slider .text {
      max-width: 430px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start; }
      .main_block .main_slider .text p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        margin: 0; }
      .main_block .main_slider .text p.up_text {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #A5A5A5;
        margin-bottom: 16px; }
      .main_block .main_slider .text .title h3 {
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        color: #000000;
        margin-bottom: 32px;
        line-height: 38px; }
        .main_block .main_slider .text .title h3 strong {
          color: #A2CE39;
          font-weight: bold;
           }
    .main_block .main_slider .image img {
      display: none; }
    .main_block .main_slider .owl-item {
      opacity: 0;
      z-index: -1;
      pointer-events: none;
      transition: 0.3s ease; }
      .main_block .main_slider .owl-item.active {
        opacity: 1;
        pointer-events: auto;
         }
    .main_block .main_slider .owl-nav {
      position: absolute;
      bottom: 40px; }
  .main_block .custom-nav {
    position: absolute;
    bottom: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    left: calc( (100% / 5) * 2);
    height: 56px;
    width: 175px;
    -ms-flex-pack: center;
        justify-content: center;
    z-index: 4; }
    .main_block .custom-nav button {
      background: none;
      border: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      outline: none;
      padding: 0;
      cursor: pointer;
      width: 56px;
      height: 56px;
      overflow: hidden;
      position: relative; }
      .main_block .custom-nav button:before {
        content: "";
        position: absolute;
        z-index: 9999;
        right: 0;
        width: 0;
        bottom: 0px;
        background: #A2CE39;
        height: 2px;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out; }
      .main_block .custom-nav button:hover:before, .main_block .custom-nav button:focus:before, .main_block .custom-nav button:active:before {
        left: 0;
        right: auto;
        width: 100%; }
  .main_block .ms_counter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #A5A5A5; }
    .main_block .ms_counter:before {
      content: '';
      width: 16px;
      height: 2px;
      background: #000;
      position: absolute;
      bottom: 0;
      left: 40%;
      -webkit-transform: translate(-40%, 0);
              transform: translate(-40%, 0); }
  .main_block .shadow {
    width: 210vh;
    height: 190vh;
    position: absolute;
    right: -105vh;
    z-index: 2;
    top: -95vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden;
    -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
            clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    -webkit-clip-path: url("#polygon-clip-hexagon");
            clip-path: url("#polygon-clip-hexagon");
    background: #F2F2F2;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  .main_block .slide_images {
    width: 210vh;
    height: 190vh;
    position: absolute;
    z-index: 10;
    right: -105vh;
    z-index: 2;
    top: -95vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden;
    -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
            clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    -webkit-clip-path: url("#polygon-clip-hexagon");
            clip-path: url("#polygon-clip-hexagon");
    background: #A2CE39;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
    .main_block .slide_images .hexagon {
      display: none; }
    .main_block .slide_images .image {
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 120%;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: start;
          justify-content: flex-start;
      left: 0%;
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg);
      overflow: hidden; }
      .main_block .slide_images .image .overlay {
        position: absolute;
        height: 100%;
        background: #A2CE39;
        top: 0;
        left: 0;
        width: 0%;
        transition: 0.2s ease; }
    .main_block .slide_images img {
      width: auto;
      min-width: 60%;
      max-width: 60%;
      max-height: 60%;
      height: 100%;
      object-position: center;
      object-fit: cover;
      transition: 0.1s ease; }

.fancybox-slide--html {
  padding: 0; }

.custom_modal {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  background: #fff; }
  .custom_modal .fancybox-close-small {
    width: 80px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .custom_modal .fancybox-close-small svg {
      width: 28px;
      height: 28px; }
  .custom_modal .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
    background: #fff;
    position: relative; }
    .custom_modal .inner .title h4 {
      font-weight: bold;
      font-size: 32px;
      line-height: 38px;
      text-align: center;
      color: #000;
      margin-bottom: 32px; }
    .custom_modal .inner form {
      max-width: 430px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      width: 100%; }
      .custom_modal .inner form fieldset {
        padding: 0;
        margin: 0;
        border: none;
        width: 100%; }
      .custom_modal .inner form p {
        text-align: center;
        font-size: 12px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #A5A5A5; }
        .custom_modal .inner form p a {
          text-align: center;
          font-size: 12px;
          line-height: 24px;
          text-align: center;
          letter-spacing: 0.2px;
          color: #A5A5A5;
          text-decoration: underline; }
      .custom_modal .inner form label {
        height: 40px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        position: relative;
        margin-bottom: 32px; }
        .custom_modal .inner form label .placeholder {
          position: absolute;
          left: 15px;
          z-index: 0;
          font-size: 16px;
          line-height: 24px;
          color: #A5A5A5;
          transition: 0.2s ease-in-out;
          bottom: 8px; }
        .custom_modal .inner form label input.valid .placeholder {
          position: absolute;
          left: 15px;
          z-index: 0;
          font-size: 16px;
          line-height: 24px;
          color: #A5A5A5;
          transition: 0.2s ease-in-out;
          bottom: 8px; }
        .custom_modal .inner form label input.valid {
          border-color: #A2CE39; }
          .custom_modal .inner form label input.valid ~ .placeholder {
            font-size: 12px;
            line-height: 24px;
            color: #000;
            letter-spacing: 0.2px;
            bottom: 100%;
            left: 0; }
            .custom_modal .inner form label input.error .placeholder {
          position: absolute;
          left: 15px;
          z-index: 0;
          font-size: 16px;
          line-height: 24px;
          color: #A5A5A5;
          transition: 0.2s ease-in-out;
          bottom: 8px; }
        .custom_modal .inner form label input.error {
          border-color: #A2CE39; }
          .custom_modal .inner form label input.error ~ .placeholder {
            font-size: 12px;
            line-height: 24px;
            color: #000;
            letter-spacing: 0.2px;
            bottom: 100%;
            left: 0; }
        .custom_modal .inner form label input {
          width: 100%;
          height: 100%;
          border: none;
          border-bottom: 2px solid #000000;
          outline: none;
          background: transparent;
          z-index: 1;
          padding-left: 15px;
          font-size: 16px;
          line-height: 24px;
          color: #000; }
          .custom_modal .inner form label input:focus {
            border-color: #A2CE39; }
            .custom_modal .inner form label input:focus ~ .placeholder {
              font-size: 12px;
              line-height: 24px;
              color: #000;
              letter-spacing: 0.2px;
              bottom: 100%;
              left: 0; }
        .custom_modal .inner form label.textarea {
          height: auto;
          -ms-flex-align: start;
              align-items: flex-start; }
          .custom_modal .inner form label.textarea .placeholder {
            position: absolute;
            top: 8px;
            bottom: auto;
            left: 15px;
            transition: 0.2s ease-in-out;
            z-index: 0; }
          .custom_modal .inner form label.textarea textarea {
            width: 100%;
            border: 2px solid #000000;
            min-height: 100px;
            outline: none;
            z-index: 1;
            background: transparent;
            padding: 10px 15px;
            font-size: 16px;
            line-height: 24px;
            color: #000; }
            .custom_modal .inner form label.textarea textarea.valid .placeholder {
              position: absolute;
              top: 8px;
              bottom: auto;
              left: 15px;
              transition: 0.2s ease-in-out;
              z-index: 0; }
            .custom_modal .inner form label.textarea textarea.valid {
              border-color: #A2CE39; }
              .custom_modal .inner form label.textarea textarea.valid ~ .placeholder {
                top: -28px;
                left: 0;
                font-size: 12px;
                line-height: 24px;
                color: #000;
                letter-spacing: 0.2px; }
            .custom_modal .inner form label.textarea textarea:focus {
              border-color: #A2CE39; }
              .custom_modal .inner form label.textarea textarea:focus ~ .placeholder {
                top: -28px;
                left: 0;
                font-size: 12px;
                line-height: 24px;
                color: #000;
                letter-spacing: 0.2px; }
  .custom_modal.thanx .inner .title h4 span {
    color: #A2CE39; }
  .custom_modal.thanx .inner p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
  text-decoration: none; }

.owl-theme .owl-nav {
  margin: 0; }
  .owl-theme .owl-nav button {
    outline: none; }

.fancybox-container {
  left: 100%;
  top: 0;
  transition: 0.4s ease;
  opacity: 1;
  z-index: 20; }
  .fancybox-container.fancybox-is-open {
    left: 0;
    top: 0; }

section.slide {
  position: relative; }

#canvas {
  position: absolute;
  width: 110%;
  height: 400px;
  top: 0px;
  z-index: -1;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.3; }

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 2300; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash {
  from {
    stroke-dashoffset: 2300; }
  to {
    stroke-dashoffset: 0; } }

.sine_line {
  position: absolute;
  top: auto;
  bottom: 25px;
  z-index: -1;
  width: 110%; }
  .sine_line svg {
    width: 100%; }
    .sine_line svg path {
      width: 100%;
      stroke-dasharray: 5000;
      stroke-dashoffset: 0;
      -webkit-transform: scale(1.5, 1);
              transform: scale(1.5, 1); }
  .sine_line.animated svg {
    width: 100%; }
    .sine_line.animated svg path {
      width: 100%;
      -webkit-animation: draw 8s linear forwards;
              animation: draw 8s linear forwards; }

@-webkit-keyframes draw {
  from {
    stroke-dashoffset: 5000; }
  to {
    stroke-dashoffset: 0; } }

@keyframes draw {
  from {
    stroke-dashoffset: 5000; }
  to {
    stroke-dashoffset: 0; } }

.overlay_popup {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  transition: 0.5s ease;
  top: -100%;
  background: #A2CE39;
  left: 100%; }
  .overlay_popup.active {
    left: -100%;
    top: 100%; }

.news_inner {
  height: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  .news_inner .cards_slider {
    position: absolute;
    width: auto; }
    .news_inner .cards_slider .card {
      width: 397px; }

.inner-about {
  padding-left: calc(100%/5);
  z-index: 4; }
  .inner-about p.sub_title {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #A5A5A5;
    margin-bottom: 16px; }
  .inner-about .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .inner-about .buttons .accent_btn {
      margin-right: 24px; }
  .inner-about .dft_text {
    max-width: 640px; }
    .inner-about .dft_text p {
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      color: #000;
      margin: 0;
      margin-bottom: 20px; }
      .inner-about .dft_text p:last-child {
        margin-bottom: 0; }

.block_title h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: #000000;
  margin-bottom: 32px;
  line-height: 38px; }
  .block_title h3 strong {
    color: #A2CE39;
    font-weight: bold;
     }

.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #fff;
  z-index: 999;
  top: 0;
  left: 0; }
  .preloader.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 1s ease; }
  .preloader.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s ease; }

@-webkit-keyframes sweep {
  0% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sweep {
  0% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

.zx-load-animation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.zx-load-col {
  background: #A5A5A5;
  display: inline-block;
  height: 50px;
  width: 1px;
  margin: 0 4px;
  display: inline-block;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-animation: sweep 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both alternate;
          animation: sweep 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite both alternate; }
  .zx-load-col:nth-child(5) {
    -webkit-animation-delay: -0.1875s;
            animation-delay: -0.1875s; }
  .zx-load-col:nth-child(4) {
    -webkit-animation-delay: -0.375s;
            animation-delay: -0.375s; }
  .zx-load-col:nth-child(3) {
    -webkit-animation-delay: -0.5625s;
            animation-delay: -0.5625s; }
  .zx-load-col:nth-child(2) {
    -webkit-animation-delay: -0.75s;
            animation-delay: -0.75s; }
  .zx-load-col:nth-child(1) {
    -webkit-animation-delay: -0.9375s;
            animation-delay: -0.9375s; }
  .zx-load-col:nth-child(0) {
    -webkit-animation-delay: -1.125s;
            animation-delay: -1.125s; }

.card_counter {
  width: 100px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #A5A5A5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.cs_nav {
  position: absolute;
  bottom: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  left: calc( (100% / 5) * 2);
  height: 56px;
  width: 175px;
  -ms-flex-pack: center;
      justify-content: center; }
  .cs_nav button {
    background: none;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    outline: none;
    padding: 0;
    overflow: hidden;
    position: relative;
    width: 56px;
    height: 56px;
    cursor: pointer; }
    .cs_nav button:before {
      content: "";
      position: absolute;
      z-index: 9999;
      right: 0;
      width: 0;
      bottom: 0px;
      background: #A2CE39;
      height: 2px;
      transition-property: width;
      transition-duration: 0.3s;
      transition-timing-function: ease-out; }
    .cs_nav button:hover:before, .cs_nav button:focus:before, .cs_nav button:active:before {
      left: 0;
      right: auto;
      width: 100%; }

.card {
  width: calc(100%/5*2 - 32px);
  margin-right: 32px; }
  .card p.date {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #A5A5A5;
    margin-bottom: 16px; }
  .card a.image_link {
    width: 100%;
    height: 280px;
    position: relative;
    margin-bottom: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .card a.image_link .image {
      width: 100%;
      height: 100%;
      position: absolute;
      overflow: hidden; }
      .card a.image_link .image img {
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .card a.image_link .badge {
      z-index: 2;
      width: 24px;
      height: 0;
      background: #A2CE39;
      bottom: 100%;
      left: 16px;
      position: absolute;
      transition: 0.3s ease-in-out; }
    .card a.image_link:before {
      content: '';
      z-index: 1;
      width: 100%;
      height: 0%;
      position: absolute;
      background: #000;
      opacity: 0.5;
      top: 100%;
      left: 0;
      transition: 0.3s ease-in-out; }
    .card a.image_link p {
      z-index: 2;
      font-weight: bold;
      font-size: 12px;
      line-height: 24px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #fff;
      position: absolute;
      left: -50%;
      transition: 0.3s ease-in-out;
      bottom: 16px;
      margin: 0; }
    .card a.image_link:hover:before {
      top: 0;
      height: 100%; }
    .card a.image_link:hover .badge {
      height: 64px;
      bottom: -16px; }
    .card a.image_link:hover p {
      left: 32px; }
  .card .card_title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    cursor: pointer; }
    .card .card_title a:hover {
      color: #A2CE39; }

.mob_clip {
  display: none; }

.footer_wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100vh;
  padding: 34px 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow: hidden; }

.copyright .logo {
  display: none; }

.site_footer {
  margin-bottom: 20px;
  background-color: #F5F5F5;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  background-repeat: no-repeat;
  overflow: hidden;
  min-height: calc(100% - 52px);
  top: 200px;
  transition: 1s ease 0.5s;
  opacity: 0; }
  .site_footer.animated {
    top: 0;
    opacity: 1; }
    .site_footer.animated:before {
      opacity: 1; }
    .site_footer.animated .inner {
      opacity: 1; }
  .site_footer a.phone_mob {
    display: none; }
  .site_footer a.mail_mob {
    display: none; }
  .site_footer .decor_footer {
    width: 120%;
    height: 140%;
    position: absolute;
    left: -10%;
    top: auto;
    bottom: -20%;
    z-index: 0;
    background-image: url(../img/foot_decor.svg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat; }
  .site_footer .inner {
    max-width: 640px;
    opacity: 0;
    transition: 0.5s ease-in-out 2s;
    z-index: 1; }
    .site_footer .inner p.sub_title {
      font-weight: normal;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #A5A5A5; }
    .site_footer .inner a.phone {
      font-style: normal;
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;
      color: #000;
      transition: 0.3s ease-in-out; }
      .site_footer .inner a.phone:hover {
        color: #A2CE39; }
    .site_footer .inner .buttons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .site_footer .inner .buttons .accent_btn {
        margin-right: 24px; }
        .site_footer .inner .buttons .accent_btn:before {
          background: #f5f5f5; }
        .site_footer .inner .buttons .accent_btn:after {
          background: #f5f5f5; }

.copyright {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
  position: relative; }
  .copyright p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #a5a5a5;
    margin: 0;
    margin-right: 32px; }
  .copyright a {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.2px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #a5a5a5; }
    .copyright a:last-child {
      margin-left: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      text-decoration: none; }

.waves {
  position: absolute;
  bottom: 20px;
  height: auto;
  width: 120%; }

#waves {
  position: relative;
  width: 100%;
  bottom: 100%;
  z-index: -1; }

.more_btn {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #A5A5A5;
  position: absolute;
  bottom: 32px;
  height: 56px; }
  .more_btn:before {
    content: "";
    position: absolute;
    z-index: 9999;
    right: 0;
    width: 0;
    bottom: 0px;
    background: #A2CE39;
    height: 2px;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out; }
  .more_btn:hover:before, .more_btn:focus:before, .more_btn:active:before {
    left: 0;
    right: auto;
    width: 100%; }

.page_wrapper {
  min-height: 100vh;
  padding: 32px 0;
  width: calc(100% - (100%/6));
  margin-left: calc(100%/6);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .page_wrapper:before {
    width: 0%;
    height: 1px;
    content: '';
    border-bottom: 1px solid #F2F2F2;
    position: absolute;
    left: -50%;
    top: 32px;
    z-index: -1;
    transition: 2s ease-in-out; }
  .page_wrapper:after {
    width: 0%;
    height: 1px;
    content: '';
    border-bottom: 1px solid #F2F2F2;
    position: absolute;
    left: -50%;
    bottom: 32px;
    z-index: -1;
    transition: 2s ease-in-out; }
  .page_wrapper.loaded:before {
    width: 200%; }
  .page_wrapper.loaded:after {
    width: 200%; }
  .page_wrapper .pnf_inner {
    position: relative;
    min-height: calc(100% - 32px);
    background-image: url(../img/triangles.svg);
    background-position: left;
    background-size: auto;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: auto;
        flex: auto; }
    .page_wrapper .pnf_inner .text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      padding-left: calc(100%/5);
      padding-right: calc(100%/5); }
      .page_wrapper .pnf_inner .text p a {
        text-decoration: underline;
        color: #30A4DB; }

.about_inner {
  position: relative;
  padding-top: 90px; }
  .about_inner .block_title {
    padding-left: calc(100%/5); }
  .about_inner .big_image {
    width: auto;
    margin-right: -40px;
    margin-bottom: 40px; }
    .about_inner .big_image img {
      width: 100%; }
  .about_inner .inner_text {
    padding-left: calc(100%/5);
    padding-right: calc(100%/5);
    margin-bottom: 60px; }
    .about_inner .inner_text p {
      max-width: none; }
  .about_inner .advantages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 100px; }

.advantage_item {
  width: calc(100%/3 - 15px);
  background: #fff;
  box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.1);
  padding: 32px; }
  .advantage_item p.title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin: 0;
    margin-bottom: 16px; }
  .advantage_item p {
    margin-bottom: 32px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #A5A5A5; }
  .advantage_item ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .advantage_item ul li {
      position: relative;
      margin-bottom: 16px;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      color: #000000;
      padding-left: 24px; }
      .advantage_item ul li:last-child {
        margin-bottom: 0; }
      .advantage_item ul li:before {
        content: '';
        left: 0;
        position: absolute;
        height: 100%;
        width: 2px;
        background: #30A4DB; }

.product {
  margin-bottom: 80px;
  display: -ms-flexbox;
  display: flex;
  max-width: calc(100%/5 * 4);
  -ms-flex-align: center;
      align-items: center; }
  .product .image {
    background-image: url(../img/prod_bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 340px;
    height: 340px;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 40px; }
    .product .image img {
      object-fit: contain;
      max-width: 100%;
      max-height: 100%;
      object-position: center; }
  .product .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
    .product .info p {
      margin-bottom: 0; }
    .product .info p.title {
      font-style: normal;
      font-weight: bold;
      font-size: 26px;
      line-height: 32px;
      margin-bottom: 32px; }

.products_inner {
  width: 100%;
  padding-top: 90px; }
  .products_inner .cat_nav {
    position: absolute;
    right: 0;
    top: 80px; }
    .products_inner .cat_nav .toggle_mob {
      display: none;
      background: none;
      border: none;
      padding: 0;
      font-style: normal;
      font-weight: bold;
      font-size: 12px;
      line-height: 24px;
      -ms-flex-align: center;
          align-items: center;
      text-align: right;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #A5A5A5; }
      .products_inner .cat_nav .toggle_mob img {
        margin-left: 16px; }
    .products_inner .cat_nav ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .products_inner .cat_nav ul li {
        text-align: right; }
        .products_inner .cat_nav ul li a {
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 24px;
          display: inline-block;
          letter-spacing: 2px;
          text-transform: uppercase;
          padding: 4px 0;
          transition: 0.2s ease-in-out;
          position: relative;
          text-align: right;
          color: #A5A5A5;
          margin-bottom: 15px; }
          .products_inner .cat_nav ul li a:before {
            width: 200%;
            content: '';
            height: 100%;
            border-bottom: 2px solid #A2CE39;
            left: 500%;
            position: absolute;
            bottom: 0;
            transition: 0.3s ease-in-out; }
          .products_inner .cat_nav ul li a:hover {
            color: #000; }
            .products_inner .cat_nav ul li a:hover:before {
              left: 0; }
          .products_inner .cat_nav ul li a.active {
            color: #000; }
            .products_inner .cat_nav ul li a.active:before {
              left: 0; }
          .products_inner .cat_nav ul li a:focus {
            color: #000; }
            .products_inner .cat_nav ul li a:focus:before {
              left: 0; }

.masonry_items {
  -webkit-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 32px;
          column-gap: 32px; }

.masonry_item {
  display: inline-block;
  margin: 0 0 32px;
  width: 100%;
  box-sizing: border-box; }
  .masonry_item img {
    width: 100%; }

.product_inner {
  padding-top: 90px; }
  .product_inner a.back_to {
    position: absolute;
    top: 110px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 56px;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #A5A5A5; }
    .product_inner a.back_to img {
      margin-right: 16px; }
  .product_inner .block_title {
    padding-left: calc(100%/5);
    padding-right: calc(100%/5); }
  .product_inner .inner_text {
    padding-left: calc(100%/5);
    padding-right: calc(100%/5); }
    .product_inner .inner_text > img {
      max-width: 100%; }
    .product_inner .inner_text .video_block {
      margin: 40px 0;
      height: 360px; }
    .product_inner .inner_text .desc {
      margin: 60px 0; }
    .product_inner .inner_text ul {
      padding: 0;
      margin: 20px 0;
      list-style: none;
    }
    .product_inner .inner_text ul li {
      position: relative;
      margin-bottom: 16px;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      color: #000000;
      padding-left: 24px;
    }
    .product_inner .inner_text ul li:before {
      content: '';
      left: 0;
      position: absolute;
      height: 100%;
      width: 2px;
      background: #30A4DB;
    }
    .product_inner .inner_text img {
      max-width: 100%;
      margin: 20px 0;
    }
      .product_inner .inner_text .desc ul {
        padding: 0;
        margin: 0; }
        .product_inner .inner_text .desc ul li {
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: end;
              align-items: flex-end;
          -ms-flex-pack: justify;
              justify-content: space-between;
          margin-bottom: 16px;
          padding-left: 0; }
          .product_inner .inner_text .desc ul li:before {
            display: none;
          }
          .product_inner .inner_text .desc ul li span:first-child {
            font-style: normal;
            font-weight: bold;
            font-size: 16px;
            line-height: 18px;
            letter-spacing: 0.5px;
            color: #000000; }
          .product_inner .inner_text .desc ul li span:last-child {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 18px;
            text-align: right;
            color: #000000; }
          .product_inner .inner_text .desc ul li .dots {
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
            border-bottom: 1px dashed #30A4DB; }
    }
    }
    }
    .product_inner .inner_text .advantage_item {
      padding-left: calc(100%/5);
      padding-right: calc(100%/5);
      max-width: none;
      width: 100%;
      padding: 0;
      margin-bottom: 60px;
      background: none;
      box-shadow: none; }
    .product_inner .inner_text .download_btn {
      width: 100%;
      box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.1);
      padding: 32px 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      font-style: normal;
      font-weight: bold;
      font-size: 22px;
      line-height: 24px;
      color: #30A4DB;
      margin: 80px 0;
      transition: 0.3s ease;
      background: #fff; }
      .product_inner .inner_text .download_btn:hover {
        box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.3); }
      .product_inner .inner_text .download_btn img {
        margin-right: 32px; }
  .product_inner .masonry_items {
    margin: 80px 0; }
  .product_inner h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #000000; }
  .product_inner .table_description {
    padding-left: calc(100%/5);
    padding-right: calc(100%/5); }
footer {
  margin-top: auto;
}
.table {
  margin-bottom: 80px; }
  table {
    border-collapse: collapse;
    width: 100%; }
    table tr {
      border: 1px solid #E0E0E0;
      box-sizing: border-box;
      background: #fff; }
      table tr th {
        font-weight: bold;
        width: 100%;
        background: #F5F5F5;
        padding: 12px 16px;
        text-align: left; }
      table tr td {
        padding: 12px 16px;
        text-align: left;
        box-sizing: border-box;
        width: calc(100%/3);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px; }
    table thead {
      border: none;
      background: transparent; }
      table thead tr {
        border: none;
        background: none; }
      table thead td {
        padding: 16px;
        text-align: left;
        box-sizing: border-box;
        width: calc(100%/3);
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        background: transparent;
        border: none; }

.news_page_inner .news_items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 80px; }
  .news_page_inner .news_items .card:nth-of-type(2n) {
    margin-top: 80px; }

.article_inner {
  padding-bottom: 80px; }
  .article_inner p.article_date {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #A5A5A5;
    position: absolute;
    top: 110px;
    height: 56px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0; }
  .article_inner .article_nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%; }
  .article_inner a.previous_page {
    height: 56px;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #A5A5A5; }
    .article_inner a.previous_page img {
      margin-right: 16px; }
  .article_inner a.next_page {
    height: 56px;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #A5A5A5; }
    .article_inner a.next_page img {
      margin-left: 16px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.contacts_inner {
  position: relative;
  min-height: calc(100% - 32px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex: auto;
      flex: auto;
  max-height: 100%;
  margin-bottom: auto; }
  .contacts_inner #map {
    -ms-flex: 100%;
        flex: 100%;
    width: 100%;
    border: 1px solid transparent;
    position: relative; }
  .contacts_inner .contacts_info {
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.2);
    background: #fff;
    position: absolute;
    right: 24px;
    bottom: 24px;
    padding: 32px;
    max-width: 370px;
    z-index: 2; }
    .contacts_inner .contacts_info p.title {
      font-style: normal;
      font-weight: bold;
      font-size: 32px;
      line-height: 38px;
      margin-bottom: 16px; }
    .contacts_inner .contacts_info a.tel {
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 24px;
      display: -ms-flexbox;
      display: flex;
      transition: 0.3s ease; }
      .contacts_inner .contacts_info a.tel:hover {
        color: #A2CE39; }
    .contacts_inner .contacts_info p {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      margin: 0; }
    .contacts_inner .contacts_info a.accent_btn {
      margin-bottom: 0; }

.triangles {
  position: absolute;
  width: 60px;
  top: 40px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .triangles span {
    width: 0;
    height: 0;
    border-top: 6px solid #E7E7E7;
    border-right: 6px solid transparent;
    margin-right: 6px;
    margin-bottom: 4px; }
  .triangles.triangles_1 span:nth-child(3) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(4) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(5) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(6) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(7) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(8) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(11) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(12) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(18) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(19) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_1 span:nth-child(20) {
    -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
            animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_2 {
    left: calc(100%/5);
    top: auto;
    bottom: 40px;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
    .triangles.triangles_2 span:nth-child(1) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(2) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(3) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(6) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(7) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(8) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(11) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(12) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(18) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(19) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_2 span:nth-child(20) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_3 {
    left: calc(100%/5*3); }
    .triangles.triangles_3 span:nth-child(3) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(4) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(5) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(7) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(8) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(9) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(15) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(16) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(17) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(18) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_3 span:nth-child(19) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_4 {
    left: calc(100%/5 * 4);
    top: auto;
    bottom: 40px; }
    .triangles.triangles_4 span:nth-child(1) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(3) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(4) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(5) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(8) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(9) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(11) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(12) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(13) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(19) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_4 span:nth-child(20) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
  .triangles.triangles_5 {
    left: 0;
    top: 40px;
    z-index: 9; }
    .triangles.triangles_5 span:nth-child(1) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(3) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(4) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(5) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(8) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(9) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(11) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(12) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(13) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(19) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }
    .triangles.triangles_5 span:nth-child(20) {
      -webkit-animation: triangleSwitch 2s ease-in-out 0.1s infinite;
              animation: triangleSwitch 2s ease-in-out 0.1s infinite; }

@-webkit-keyframes triangleSwitch {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    border-top-color: #e7e7e7; }
  50% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    border-top-color: #A2CE39; }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    border-top-color: #e7e7e7; } }

@keyframes triangleSwitch {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    border-top-color: #e7e7e7; }
  50% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    border-top-color: #A2CE39; }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    border-top-color: #e7e7e7; } }

@-webkit-keyframes triangColor {
  0% {
    fill: #e7e7e7; }
  50% {
    fill: #A2CE39; }
  100% {
    fill: #e7e7e7; } }

@keyframes triangColor {
  0% {
    fill: #e7e7e7; }
  50% {
    fill: #A2CE39; }
  100% {
    fill: #e7e7e7; } }

.product_inner .inner_text iframe {
  margin: 20px 0;
  width: 100%;
  height: 360px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #canvas {
    z-index: 3 !important; }
  .main_block .hexagon {
    display: block;
    z-index: 3;
    width: 222vh;
    height: 202vh;
    top: -101vh;
    right: -111vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-image: url(../img/FakeMask.svg);
    background-size: cover;
    background-position: center; }
  .main_block .main_slider .text {
    display: block; }
    .main_block .main_slider .text .accent_btn {
      width: auto;
      display: -ms-inline-flexbox;
      display: inline-flex; }
  .main_block .slide_images {
    z-index: 2;
    width: 220vh;
    height: 200vh;
    top: -100vh;
    right: -110vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .main_block .slide_images .image {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      height: 100%;
      max-height: 100%;
      left: 0;
      width: 100%;
      top: 0px; }
  .main_block .shadow {
    z-index: 2;
    width: 200vh;
    height: 200vh;
    top: -100vh;
    right: -100vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    background: transparent; }
    .main_block .shadow::after {
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      background-image: url(../img/FakeMask.svg);
      background-position: center;
      background-size: cover;
      z-index: 2;
      -webkit-filter: contrast(1.5);
              filter: contrast(1.5); }
  .news_inner .cards_slider {
    position: relative; }
  .card a.image_link {
    display: block; }
  .custom_modal.thanx .inner p {
    width: 100%; } }

@supports (-ms-ime-align: auto) {
  #canvas {
    z-index: 3 !important; }
  .main_block .hexagon {
    display: block;
    z-index: 3;
    width: 222vh;
    height: 202vh;
    top: -101vh;
    right: -111vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-image: url(../img/FakeMask.svg);
    background-size: cover;
    background-position: center; }
  .main_block .slide_images {
    z-index: 2;
    width: 220vh;
    height: 200vh;
    top: -100vh;
    right: -110vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .main_block .slide_images .image {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      height: 120%;
      max-height: none;
      left: 0;
      width: 100%; }
  .main_block .shadow {
    z-index: 2;
    width: 200vh;
    height: 200vh;
    top: -100vh;
    right: -100vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    background: transparent; }
    .main_block .shadow::after {
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      background-image: url(../img/FakeMask.svg);
      background-position: center;
      background-size: cover;
      z-index: 2;
      -webkit-filter: contrast(1.5);
              filter: contrast(1.5); } }

@media only screen and (max-width: 1260px) {
  header .site_header .head_actions .head_phone {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .waves {
    height: auto; }
  .card {
    width: 362px; } }

@media only screen and (max-width: 1024px) {
  main {
    width: 100%;
    padding-top: 115px; }
  header {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    background: #fff; }
    header .site_header {
      padding: 0;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center; }
      header .site_header nav.main_nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex: 100%;
            flex: 100%;
        -ms-flex-order: 1;
            order: 1;
        -ms-flex-pack: center;
            justify-content: center;
        border: 1px solid #F2F2F2; }
      header .site_header nav.main_nav ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex: 100%;
            flex: 100%;
        -ms-flex-order: 1;
            order: 1;
        -ms-flex-pack: center;
            justify-content: center;
          }
        header .site_header nav.main_nav a {
          padding: 16px; }
          header .site_header nav.main_nav a:before {
            display: none; }
          header .site_header nav.main_nav a:hover {
            color: inherit;
            border-bottom: 2px solid #A2CE39; }
          header .site_header nav.main_nav a:focus {
            color: inherit;
            border-bottom: 2px solid #A2CE39; }
          header .site_header nav.main_nav a.active {
            color: inherit;
            border-bottom: 2px solid #A2CE39; }
      header .site_header .head_actions {
        display: none; }
      header .site_header a.mail_mob {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        padding: 20px; }
        header .site_header a.mail_mob img {
          width: 24px; }
      header .site_header a.phone_mob {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        padding: 20px; }
        header .site_header a.phone_mob img {
          width: 24px; }
  .main_wrapper {
    width: 100%;
    margin-left: 0; }
  main .lines {
    width: calc(100% - 48px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  section.slide:before {
    display: none; }
  section.slide:after {
    display: none; }
  .main_block .slide_images {
    width: 100%;
    height: 300px;
    right: auto;
    top: 0;
    position: relative;
    -ms-flex-order: 0;
        order: 0;
    -webkit-clip-path: polygon(100% 90%, 30% 100%, 0 90%, 0 0, 100% 0);
            clip-path: polygon(100% 90%, 30% 100%, 0 90%, 0 0, 100% 0);
    -webkit-clip-path: url(#polygon-clip-mob);
            clip-path: url(#polygon-clip-mob);
    margin-bottom: 40px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
    .main_block .slide_images .image {
      width: 100%;
      height: 100%;
      left: 0;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
      .main_block .slide_images .image img {
        width: auto;
        max-width: 100%;
        min-width: auto;
        max-height: none; }
  .main_block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 130px; }
    .main_block .main_slider {
      -ms-flex-order: 1;
          order: 1; }
      .main_block .main_slider .text {
        max-width: calc(100% - 32px - (100%/3));
        margin: 0 auto; }
    .main_block .custom-nav {
      width: calc(100% - 48px);
      left: 24px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 0;
      z-index: 2;
      bottom: 35%; }
      .main_block .custom-nav .ms_counter {
        display: none; }
  .mob_clip {
    display: block;
    position: absolute; }
  .desktop_clip {
    display: none; }
  main {
    overflow: hidden; }
  .inner-about {
    padding-left: 0;
    max-width: calc(100% - 32px - (100%/3));
    margin: 0 auto;
    padding-bottom: 60px;
    margin-bottom: 0px; }
  .ted_line {
    display: none; }
  .waves {
    bottom: 0;
    width: calc(100% - 48px);
    left: 24px;
    overflow: hidden; }
  .news_inner {
    padding-left: 24px; }
  .cs_nav {
    display: none; }
  .more_btn {
    position: relative;
    margin-left: 50%; }
  .cards_slider {
    margin-bottom: 60px; }
  .footer_wrap {
    padding: 0 24px;
    width: auto;
    height: auto; }
  .site_footer {
    margin-bottom: 0;
    min-height: 540px; }
  .copyright {
    padding: 20px 0;
    height: auto; }
    .copyright a:last-child {
      margin-left: 24px; }
    .copyright .logo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-left: auto; }
  .page_wrapper {
    margin-left: 0;
    width: 100%;
    padding: 0;
    min-height: calc(100vh - 116px); }
    .page_wrapper .pnf_inner {
      min-height: calc(100% - 72px); }
    .page_wrapper .copyright {
      padding: 20px 24px;
      position: relative; }
  main {
    padding: 0;
    padding-top: 115px; }
  .news_inner .cards_slider {
    position: relative; }
  .page_wrapper:before {
    display: none; }
  .page_wrapper:after {
    display: none; }
  .about_inner {
    padding-top: 40px; }
    .about_inner .big_image {
      margin-right: 0;
      width: 100%;
      height: 300px; }
      .about_inner .big_image img {
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .about_inner .block_title {
      max-width: calc(100% - 32px - (100%/3));
      margin: 0 auto;
      padding-left: 0; }
    .about_inner .inner_text {
      max-width: calc(100% - 32px - (100%/3));
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 20px; }
    .about_inner .advantages {
      max-width: calc(100% - 32px - (100%/3));
      margin: 0 auto;
      padding-left: 0;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-bottom: 60px; }
      .about_inner .advantages .advantage_item {
        width: 100%;
        margin-bottom: 24px;
        box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.1); }
  .products_inner {
    padding-top: 40px; }
  .products_inner .cat_nav {
    position: relative;
    top: auto;
    right: auto;
    margin-left: auto;
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding-right: 24px; }
    .products_inner .cat_nav ul {
      display: none;
      position: absolute;
      background: #fff;
      top: 100%;
      padding: 20px 30px;
      right: 0;
      z-index: 1; }
    .products_inner .cat_nav .toggle_mob {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 56px;
      width: auto;
      outline: none;
      transition: 0.3s ease-in-out; }
      .products_inner .cat_nav .toggle_mob img {
        transition: 0.3s ease-in-out; }
      .products_inner .cat_nav .toggle_mob.active {
        color: #A2CE39; }
        .products_inner .cat_nav .toggle_mob.active img {
          -webkit-transform: rotateX(180deg);
                  transform: rotateX(180deg); }
  .product {
    max-width: none;}
  .product_inner {
    padding: 0 24px;
    padding-top: 40px; }
    .product_inner .block_title {
      max-width: calc(100% - (100%/3));
      padding: 0;
      margin: 0 auto; }
    .product_inner .inner_text {
      padding: 0;
      max-width: calc(100% - (100%/3));
      margin: 0 auto; }
      .product_inner .inner_text .video_block {
        height: 270px; }
    .product_inner .table_description {
      padding: 0;
      max-width: none; }
    .product_inner a.back_to {
      display: none; }
  .news_page_inner {
    padding: 0 24px; }
    .news_page_inner .card {
      width: calc(50% - 32px);
      margin-right: 32px; }
  .article_inner p.article_date {
    position: relative;
    top: 0; }
  .article_inner a.back_to {
    display: -ms-flexbox;
    display: flex;
    top: 40px;
    right: 24px; }
  .contacts_inner {
    max-height: 100%;
    padding: 0 24px; }
    .contacts_inner #map {
      -ms-flex: auto;
          flex: auto;
      max-height: none;
      height: 100%; }
    .contacts_inner .contacts_info {
      right: 48px; }
  .main_block .shadow {
    display: none; }
  .main_block {
    margin-bottom: 0px;
    padding-bottom: 130px; }
  .triangles span {
    -webkit-animation: none !important;
            animation: none !important; }
  .triangles.triangles_1 {
    top: 300px;
    left: calc(100%/3 *2); }
  .triangles.triangles_2 {
    left: calc(100%/6 *5);
    bottom: 40px; }
  .triangles.triangles_3 {
    left: 30px;
    top: 60px; }
  .triangles.triangles_4 {
    left: calc(100%/5 *1);
    top: auto;
    bottom: -60px; }
  .triangles.triangles_5 {
    left: calc(100%/6 * 4);
    top: -5px;
    z-index: 9; }
  .animated_line {
    display: none; }
  .sine_line {
    position: relative; }
    .sine_line svg path {
      -webkit-animation: draw 8s linear forwards;
              animation: draw 8s linear forwards; }
  .news_inner {
    margin-bottom: 150px; }
  .site_footer {
    top: 0;
    opacity: 1; }
    .site_footer .decor_footer {
      display: none; }
    .site_footer .inner {
      opacity: 1; }
    .site_footer:before {
      height: 100%;
      content: '';
      position: absolute;
      width: 100%;
      background: url(../img/foot_decor.svg);
      background-size: contain;
      background-position: bottom right;
      background-repeat: no-repeat;
      bottom: -15%; }
  .product_inner .inner_text iframe {
    height: 270px; } }

@media only screen and (max-width: 768px) {
  .inner-about .buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .card {
    margin-right: 16px;
    width: 348px; }
  .site_footer:before {
    content: '';
    bottom: -8px;
    left: -5px;
    position: absolute;
    background: url(../img/foot_decor.svg);
    width: calc(100% + 30px);
    background-position: bottom;
    background-size: 100%;
    height: 100%;
    background-repeat: no-repeat; }
  .site_footer .inner {
    max-width: 480px; }
  .product_inner .masonry_items {
    -webkit-column-count: 2;
            column-count: 2;
    margin-bottom: 0;
    -webkit-column-gap: 24px;
            column-gap: 24px; }
    .product_inner .masonry_items .masonry_item {
      margin-bottom: 24px; }
  .product_inner .table_description {
    width: 100%;
    overflow: auto;
    position: relative; }
    .product_inner .table_description table {
      width: 720px; } }

@media only screen and (max-width: 640px) {
  .main_block {
    margin-bottom: 70px; }
  .inner-about {
    padding-bottom: 140px;
    margin-bottom: 0px; }
  .card {
    margin-right: 16px;
    width: 300px; }
    .card .card_title p {
      max-width: 250px; }
  .page_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .page_wrapper .pnf_inner {
      min-height: auto;
      height: 100%;
      background: none; }
  .contacts_inner {
    padding: 0;
    height: calc(100vh - 110px); }
    .contacts_inner .contacts_info {
      position: relative;
      max-width: 100%;
      right: 0; } }

@media only screen and (max-width: 568px) {
  .main_block .slide_images {
    height: 200px; }
    .main_block .slide_images .image img {
      max-width: 90%; }
  .main_block .main_slider .text p.up_text {
    display: none; }
  main .lines {
    width: calc(100% - 32px); }
    main .lines div {
      width: calc(100% / 3); }
      main .lines div:nth-child(2) {
        display: none; }
      main .lines div:nth-child(3) {
        display: none; }
      main .lines div:nth-child(4) {
        display: none; }
  .main_block .main_slider .text {
    max-width: 100%;
    padding: 0 16px;
    text-align: center; }
    .main_block .main_slider .text p {
      display: none; }
    .main_block .main_slider .text .title {
      width: 100%; }
      .main_block .main_slider .text .title h3 {
        margin-bottom: 0;
        text-align: center; }
    .main_block .main_slider .text .accent_btn {
      margin: 24px auto; }
  .main_block .custom-nav {
    display: none; }
  .owl-theme .owl-dots .owl-dot.active {
    outline: none; }
    .owl-theme .owl-dots .owl-dot.active span {
      background: #000; }
  .inner-about {
    max-width: 100%;
    padding: 0 16px;
    padding-bottom: 140px; }
  .news_inner {
    padding-left: 16px; }
    .news_inner .card {
      width: 292px; }
  .cards_slider {
    margin-bottom: 170px; }
  .more_btn {
    position: absolute;
    bottom: -80px;
    right: 16px;
    margin-left: auto; }
  .site_footer {
    padding: 40px 32px;
    min-height: auto;
    padding-bottom: 80px;
    box-shadow: none; }
    .site_footer:before {
      background-position: right;
      height: 100%;
      background: url(../img/foot_3.svg);
      background-position: bottom right;
      background-size: contain;
      width: 100%;
      bottom: 0;
      background-repeat: no-repeat;
      z-index: 1; }
    .site_footer:after {
      background-position: right;
      height: 100%;
      background: url(../img/foot_4.svg);
      background-position: 200% 100%;
      background-size: 85%;
      width: 100%;
      bottom: 0;
      background-repeat: no-repeat;
      content: '';
      position: absolute;
      z-index: 0; }
  .site_footer .inner .buttons {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
  .copyright {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center; }
    .copyright a:first-of-type {
      -ms-flex-order: 0;
          order: 0;
      margin: 0;
      width: 100%;
      margin-bottom: 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
    .copyright a:last-child {
      -ms-flex-order: 3;
          order: 3;
      margin-left: 0;
      margin: 0 8px; }
    .copyright a.logo {
      -ms-flex-order: 2;
          order: 2;
      width: auto;
      margin: 0 8px; }
    .copyright p {
      margin: 0;
      width: 100%;
      margin-bottom: 16px;
      -ms-flex-order: 1;
          order: 1; }
  .site_footer {
    margin-bottom: 0;
    min-height: auto;
    padding: 40px 32px;
    padding-bottom: 100px; }
  .footer_wrap {
    padding: 0; }
  .main_block .slide_images .image img {
    height: 100%; }
  .page_wrapper .pnf_inner .text {
    text-align: center; }
  .page_wrapper .pnf_inner {
    padding: 0 16px; }
    .page_wrapper .pnf_inner .text {
      padding: 0; }
  .about_inner .block_title {
    max-width: 100%;
    padding: 0 16px; }
  .about_inner .inner_text {
    max-width: 100%;
    padding: 0 16px; }
  .about_inner .advantages {
    max-width: 100%;
    padding: 0 16px; }
  .products_inner .cat_nav {
    padding-right: 16px;
    margin-bottom: 40px; }
  .product {
    margin-left: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
    .product .image {
      margin: 0;
      margin-bottom: 24px;
      width: 100%;
      max-width: 308px;
      height: 308px; }
    .product .info {
      -ms-flex-align: center;
          align-items: center;
      text-align: center; }
      .product .info p {
        display: none; }
        .product .info p.title {
          display: inline-block;
          margin-bottom: 0; }
      .product .info .accent_btn {
        max-width: 308px;
        width: 100%; }
  .product_inner {
    padding: 0 16px;
    padding-top: 24px; }
    .product_inner .block_title {
      max-width: 100%; }
      .product_inner .block_title h1 {
        font-size: 22px;
        line-height: 28px; }
    .product_inner .inner_text {
      max-width: 100%; }
    .product_inner .masonry_items {
      margin: 0 auto;
      margin-bottom: 40px;
      -webkit-column-count: unset;
              column-count: unset;
      -webkit-column-gap: unset;
              column-gap: unset;
      width: 100%; }
      .product_inner .masonry_items .masonry_item {
        height: 300px; }
        .product_inner .masonry_items .masonry_item img {
          height: 100%;
          width: auto;
          margin: 0 auto;
          max-width: 100%; }
  .product_inner .inner_text .download_btn {
    padding: 16px;
    font-size: 18px;
    line-height: 24px;
    margin: 40px 0; }
  .product_inner .table_description {
    margin-bottom: 40px; }
  .news_page_inner {
    padding: 0 16px; }
  .news_page_inner .news_items .card {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }
    .news_page_inner .news_items .card:nth-of-type(2n) {
      margin-top: 0; }
  .news_page_inner .news_items {
    padding-bottom: 20px;
    -ms-flex-direction: column;
        flex-direction: column; }
  .article_inner a.back_to {
    display: none; }
  .triangles {
    display: none; }
  .main_block {
    padding-bottom: 0; }
  .cards_slider {
    margin-bottom: 0; }
  .news_inner .cards_slider .card {
    width: 292px; } }

@media only screen and (max-width: 480px) {
  header .site_header nav.main_nav {
    font-weight: normal;
    -ms-flex-pack: start;
        justify-content: flex-start;
    overflow: auto; }
    header .site_header nav.main_nav:after {
      width: 30px;
      position: absolute;
      height: 100%;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
      content: '';
      right: 0;
      top: 0;
      z-index: 0; }
    header .site_header nav.main_nav a {
      padding: 12px;
      white-space: nowrap; }
  header .site_header a.mail_mob {
    z-index: 1; }
  .site_footer .inner .buttons .accent_btn {
    margin-top: 0; }
  .site_footer:before {
    left: 0; }
  .custom_modal .inner {
    padding: 16px; }
    .custom_modal .inner .title h4 {
      font-size: 22px;
      line-height: 28px; }
    .custom_modal .inner form {
      max-width: 100%; }
  .block_title h3 {
    font-size: 20px;
    line-height: 24px; }
  .site_footer .inner a.phone {
    font-size: 16px;
    line-height: 24px; }
  .about_inner .big_image {
    height: 200px; }
  .about_inner .advantages .advantage_item {
    padding: 24px; }
  .product_inner .inner_text .desc ul li {
    -ms-flex-direction: column;
        flex-direction: column;
    border-bottom: 1px dashed #30A4DB;
    text-align: left;
    -ms-flex-align: start;
        align-items: flex-start; }
    .product_inner .inner_text .desc ul li .dots {
      display: none; }
    .product_inner .inner_text .desc ul li span {
      margin-bottom: 15px; }
  .product_inner .inner_text .video_block {
    height: 200px; }
  .product_inner .masonry_items .masonry_item img {
    object-position: center;
    object-fit: contain; }
  .card a.image_link {
    height: 200px; }
  .contacts_inner .contacts_info {
    padding: 16px;
    box-shadow: none; }
    .contacts_inner .contacts_info p.title {
      display: none; }
    .contacts_inner .contacts_info a.tel {
      display: none; }
    .contacts_inner .contacts_info a.accent_btn {
      display: none; }
    .contacts_inner .contacts_info p {
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      line-height: 24px; }
  .product_inner .inner_text iframe {
    height: 200px; } }

@media screen and (min-width: 1400px) and (-ms-high-contrast: active) {
  .main_block .hexagon {
    display: block;
    z-index: 3;
    width: 222vh;
    height: 202vh;
    top: -101vh;
    right: -111vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-image: url(../img/FakeMask.svg);
    background-size: cover;
    background-position: center; }
  .main_block .main_slider .text {
    display: block; }
    .main_block .main_slider .text .accent_btn {
      width: auto;
      display: -ms-inline-flexbox;
      display: inline-flex; }
  .main_block .slide_images {
    z-index: 2;
    width: 220vh;
    height: 200vh;
    top: -100vh;
    right: -110vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .main_block .slide_images .image {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      height: 100%;
      max-height: 100%;
      left: 0;
      width: 100%;
      top: 0px; }
  .main_block .shadow {
    z-index: 2;
    width: 200vh;
    height: 200vh;
    top: -100vh;
    right: -100vh;
    -webkit-clip-path: none;
            clip-path: none;
    position: absolute;
    background: transparent; }
    .main_block .shadow::after {
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      background-image: url(../img/FakeMask.svg);
      background-position: center;
      background-size: cover;
      z-index: 2;
      -webkit-filter: contrast(1.5);
              filter: contrast(1.5); } }

@media screen and (min-width: 1400px) {
  @supports (-ms-ime-align: auto) {
    .main_block .hexagon {
      display: block;
      z-index: 3;
      width: 222vh;
      height: 202vh;
      top: -101vh;
      right: -111vh;
      -webkit-clip-path: none;
              clip-path: none;
      position: absolute;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      background-image: url(../img/FakeMask.svg);
      background-size: cover;
      background-position: center; }
    .main_block .slide_images {
      z-index: 2;
      width: 220vh;
      height: 200vh;
      top: -100vh;
      right: -110vh;
      -webkit-clip-path: none;
              clip-path: none;
      position: absolute;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      .main_block .slide_images .image {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        height: 100%;
        max-height: none;
        left: 0;
        width: 100%; }
    .main_block .shadow {
      z-index: 2;
      width: 200vh;
      height: 200vh;
      top: -100vh;
      right: -100vh;
      -webkit-clip-path: none;
              clip-path: none;
      position: absolute;
      background: transparent; }
      .main_block .shadow::after {
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background-image: url(../img/FakeMask.svg);
        background-position: center;
        background-size: cover;
        z-index: 2;
        -webkit-filter: contrast(1.5);
                filter: contrast(1.5); } }
  .main_block .slide_images {
    width: 220vh;
    height: 190vh;
    top: -95vh;
    right: -110vh; }
  .main_block .shadow {
    width: 220vh;
    height: 190vh;
    top: -95vh;
    right: -110vh; } }

header .site_header nav.main_nav ul {
  list-style: none;
  padding-left: 0;
}
input.error {
  border-bottom-color: #f00 !important;
}
label.error {
  display: none !important;
}
.hide_text {
  cursor: default;
  opacity: 0;
  pointer-events: none;
}
.product_inner {
  padding-bottom: 50px;
}