@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Syne:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Обнуление */
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    /* border: 0.5px solid #f00; */
}

a {
  text-decoration: none;
  color: #ffffff;
}


ul,
ol,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

html,
body {
    display: flex;
    min-height: 100vh;
    height: 100%;
    font-size: 14px;
    background-color: #E5E5E5;
    color: #000000;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.wrapper {
  /* max-width: 1728px; */
  width: 100%;
  /* margin: 0 auto; */
  /* max-width: 100%; */
  /* overflow-x: scroll; */
  /* max-width: 1728px; */
  /* height: 100vw; */
}
/* обнуление завершено */

.Общий_блок {
  display: flex;
  background-color: #eeeeee;
  padding: 50px 0px 0px 0px;
}
  .блок60 {
    display: flex;
    width: 79.86%;
    position: relative;
    justify-content: space-between;
    margin: 0px 15% 50px 20%;
  }
    .плнета_кнопка_текст {
    }
    .блок {
      width: 235px;
      display: flex;
      flex-direction: column;
      margin: 0px 80px 0px 0px;
    }
      .блок_планета {
      }
        .картинка_планета {
          width: 100%;
          height: auto;
          object-fit: cover;
          position: relative;
          bottom: 12px;
        }
      .блок_синяя_кнопка {
        display: flex;
        flex-direction: column;
        background-color: #00a07b;
        position: relative;
        /* margin: 25px 2px 0px 0px; */
      }
        .текст_синей_кнопки {
          display: flex;
          justify-content: center;
          font: 600 27px/1.2 "Syne", Helvetica, Arial, serif;
          color: black;
          text-align: center;
          letter-spacing: 0px;
          /* width: 142px; */
          position: relative;
          flex-grow: 1;
          min-width: 150px;
          margin: 17px auto 15px;
        }

      .текст_нижний {
        font: 400 17px/1.47 "Raleway", Helvetica, Arial, serif;
        color: black;
        letter-spacing: 0px;
        position: relative;
        min-height: 77px;
        margin: 26px 4px 0px 0px;
      }
      .текст_нижний_coin {
        font: 400 17px/1.47 "Raleway", Helvetica, Arial, serif;
        color: black;
        letter-spacing: 0px;
        position: relative;
        min-height: 77px;
        margin: 26px 4px 0px 0px;
      }

    .монета_кнопка_текст {
    }
      .блок_монета {
      }
        .картинка_монета {
          width: 100%;
          /* height: 245px; */
          margin-left: 7%;
          /* object-fit: none; */

        }
        .mobil_coins {
          display: none;
        }
      .button_blue {
        background-color:  #0DCAC5;
      }
        .текст_синей_кнопки2 {
        }
      .текст_нижний2 {
      }

    .скутер_текст {
      padding-top: 27px;
      /* display: grid;
      grid-template: repeat(3, 1fr) / repeat(1, 1fr); */
    }
    .scooter_text {
      font: 400 17px/1.47 "Raleway", Helvetica, Arial, serif;
      margin-top: 0px;
    }
      .блок_скутер {
        z-index: 1;
      }
        .картинка_скутер {
          /* width: 155%; */
          height: 305px;
        }

        .картинка_скутер_mobile {
          display: none;
        }
      .secret_block {
        background-color: #eac749b0
        ;
      }
        .secret_text {

        }

        .footer_block {
          display: flex;
        }

        .footer_block .item {
          margin-right: 10px;
        }

        .grid__body {
          margin: 0px 0px 0px 0px;
          width: 100%;
        }
        .gallery__items {
          display: grid;
          /* gap: 3px; */
          /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
          /* overflow: hidden; */
          grid-template-columns: 2.15fr 1.006fr 0.7fr;
          grid-auto-flow: column;
        }
        .gallery_item {
          position: relative;
          /* padding: 0px 0px 80% 0px; */
          width: 100%;
          height: 100%;
          padding: 0;
        }

          .gallery_item img {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }

          .img_1 {
            grid-column: 1 / 2;
            grid-row: 1 / 3;
            padding: 0px 3px 0px 0px;
            margin: 0 0px 0 0;
            background: white;
            z-index: 3;
          }
          .video_grid {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
          /* .album_grid-mob {
            display: none;
          } */
          .album_grid {
            grid-column: 2 / 4;
            grid-row: 1 / 3 ;
            display: grid;
            gap: 3px;
            grid-template-columns:1.006fr 0.7fr 1.006fr 0.7fr;
            grid-auto-flow: column;
            overflow: hidden;
            position: relative;
            transition: 1s;
            width: 200%;
            height: 100%;
            left: 0%;
          }

          .img_2 {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            
          }
          .img_3 {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
          }
          .img_yes {
            display: none;
          }
          
          .img_4 {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
          }

          .img_5, .img_6 {
            display: none;
          }
          .gallery_item {
          }
          .img_7 {
            grid-column: 3 / 4;
            grid-row: 1 / 2;

          }
          .img_8 {
            grid-column: 3 / 4;
            grid-row: 2 / 3;
          }
          .img_10 {
            grid-column: 4 / 5;
            grid-row: 1 / 3;
          }
          .img_9, .img_11, .img_12  {
            display: none;
          }

          /* .img_6 {
            height: 79.5%;
          } */
          .how_it_work {
            font: 400 28px/1.5 "Raleway", Helvetica, Arial, serif;
            display: none;
            color: black;

          }
          .how_it_work h2 {
            font-weight: 400;
          }

.root {
  display: flex;
  flex-direction: column;
  background-color: white;
  position: relative;
  overflow: hidden;

}
.new_content {
  padding: 0px 0px 0px 0px;
  /* border: 20px solid #fffb00a2; */
  margin-bottom: 50px;
  background-color: #eeeeee;

}
.conten_box {
  display: flex;
  margin: 0px 0px 0px 20.14%;
  /* border: 20px solid #7a11b8d3; */
  align-items: flex-end;
  line-height: 40px;
}

.box_join {
  margin: 0px 21px 0px 0px;
  background-color: #010201;
  padding: 10px;

}
.box_insta {
  margin: 0px 16.8px 0px 0px;
  transition: all 0.3s ease;
  height: 60px;
}

.box_insta:hover {
  transform: scale(1.1);
}

/* .insta:hover {
  display: flex;
  width: 115%;
} */

/* .tik_tok:hover {
  display: flex;
  width: 115%;
} */

.box_tik {
margin: 0px 0px 0px 0px;
transition: all 0.3s ease;
height: 60px;
}
.box_tik:hover {
  transform: scale(1.1);
}
.mobile_block_image {
  display: none;
}
.mobile_image {
}

.block_image {
  display: block;
  position: relative;
  margin: 0px 0px 0px -111px;
  right: 9%;
}


.image {
  margin: -57px 0px 0px 0px;

}


.image1 {
  width: 115px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: absolute;
  top: 794px;
  left: 119px;
}

.decorator {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-position: center top;
  /* position: absolute; */
  top: 0px;
  right: 0px;
  /* display: none; */
}
.mobile_decorator {
  display: none;
}

.col {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  /* margin: 520px 0px 0px; */
}

.box {
  display: flex;
  flex-direction: column;
  background: var(--src) center center/cover no-repeat;
  /* width: 1377px; */
  /* width: 100%; */
  /* height: 88px; */
  position: relative;
  margin: 0px 0px 78px 20.4%;
}
.row {
  display: flex;
  position: relative;
  flex-grow: 1;
  background: #EAC649;
  /* width: 1377px; */
  /* width: 100%; */
  align-items: center;
}

.row_box {
  display: flex;
  background: #eac7497c;
  /* width: 375px; */
  align-items: center;
  flex-direction: column;
}
.box_yelow {
  padding: -5px;
}

.row > .item {
  display: flex;
  position: relative;
  flex: 1 1 422.5px;
  align-items: center;
  margin: 16px 65px 16px 32px;
}
.ecology__economy {
  font: 600 35px/1.41 "Syne", Helvetica, Arial, serif;
  color: #161717;
  letter-spacing: 0px;
  position: relative;
  flex: 1 1 0px;
  margin: 0px 0px 0px -2px;
}
.plus {
  font: 600 50px/1.41 "Raleway", Helvetica, Arial, serif;
  color: #E6CA45;
  ;
  letter-spacing: 0px;
  position: relative;
  flex: 1 1 0px;
  margin: -13px 0px 0px 0px;
}


.col1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

.subtitle {
  text-transform:uppercase;
  margin: 0px 0px 0px 0px;
  font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 600;
    font-stretch: normal;
    font-size: 1.33vw;
    line-height: 30px;
    font-family: Raleway, Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
}

.subtle_text {
  text-transform:uppercase;
  font: 400 1.33vw/30px "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
}

.culture_mobil {
  display: none;
}

.subtitle_span1 {
  font: 600 0.8em/1.1 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.subtitle_span2 {
  font: 600 1.0434782609em/1.1 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.subtitle_span3 {
  font: 600 1em/1.1 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.medium_title {
  display: flex;
  align-items: center;
  font: 600 24px/1.33 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  margin: 7px 0px 0px 0.5px;
}


.row > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 523px;
}


.col2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 1px;
}

.medium_title1 {
  display: flex;
  align-items: center;
  font: 24px/1.33 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
}

.medium_title2 {
  display: flex;
  align-items: center;
  font: 600 24px/1.33 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  margin: 6px 1px 0px;
}


.button_support {
  display: flex;
  flex-direction: column;
  position: relative;
}

.box1 {
  display: flex;
  background-color: #010201;
  border-radius: 6px 6px 6px 6px;
  position: relative;
  padding: 0px;
  justify-content: center;
  transition: all 0.3s ease;
  animation: pulse 2s infinite;
  overflow: hidden;
}
  /* CSS анимация */
  @keyframes pulse {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
    50% {
      transform: scale(1.05);
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
  }
  .box1:before {
    position: absolute;
    content:'';
    width: 40%;
    height: 300%;
    top: 0px; 
    left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
/* transform: translate(-100%, -25%) rotate(0deg); */
    animation: blick 5s infinite;
    /* animation-delay: -5s; задержка старта аннимации*/
    transform-origin:center;
  }
  
@keyframes blick {
  0% {
    transform: translate(-200%, -25%) rotate(-30deg);
  }
  70% {
    transform: translate(350%, -25%) rotate(-30deg);
  }
  100% {
    transform: translate(350%, -25%) rotate(-30deg);
  }
}
.box1:hover {
  transform: scale(1.07);
}
.medium_title3 {
  display: flex;
  justify-content: center;
  font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 100;
    font-stretch: normal;
    font-size: 1.5vw;
    line-height: 1.04;
    font-family: Syne, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  flex-grow: 1;
  align-items: center;
  padding: 6px 15px;
  white-space: nowrap;
  transition: all 0.3s ease;
  }

.medium_title3:hover,
.medium_title3:focus {
  transform-origin: center;
}

.row1 {
  display: flex;
  /* width: 79.86%; */
  position: relative;
  margin: 0px 0% 56px 20%;
}

.row1 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  /* flex: 1 1 763px; */
  padding: 0px 79px 0px 0px;
}

.col3 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  margin: 1px 0px 10px;
}

.title {
  font: 400 27px/33px "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: -0.1px;
  position: relative;
  margin: 0px 28px 0px 0px;
}

.highlights {
  font: 400 15px/25px "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  min-height: 130px;
  margin: 15px 0px 0px;
}

.highlights_span0 {
  font: 17px/1.47 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}


.row1 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.box2 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.col4 {
  display: flex;
  flex-direction: column;
  width: 81.14%;
  position: relative;
  flex-grow: 1;
  margin: 18px 8.57% 28px 10.29%;
  margin-right: 25px;
}

.row2 {
  display: flex;
  position: relative;
  margin: 0px 0px 0px 1px;
}

.row2 > .item {
  flex-direction: column;
  position: relative;
  flex: 0 1 183px;
}

.image2 {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
}

.row2 > .spacer {
  flex: 0 1 9px;
}

.row2 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 20px;
}

.image3 {
  width: 20px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 20px;
  margin: 2px 0px 7px;
}

.row2 > .spacer1 {
  flex: 0 1 14px;
}

.row2 > .item2 {
  flex-direction: column;
  position: relative;
  flex: 0 1 199px;
}

.image4 {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
}

.row3 {
  display: flex;
  background-color: #0dcac5;
  position: relative;
  padding: 30px 40px;
  gap: 5px;
}

.highlights1 {
  font: 500 16px/1.41 "Raleway", Helvetica, Arial, serif;
  color: #161717;
  letter-spacing: 0px;
  position: relative;
  width: 100%;
}

.container_row4 {
  background-color: #ffffff;
  padding: 0px 0px;

}
.block_row4 {
  background-color: #eeeeee;
}
.row4 {
  display: flex;
  position: relative;
  margin: 0px 0px 0px 327px;
}

.row4 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 237px;
  margin: 0px 120px 0px 0px;
}


.col5 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

.col5 > .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  align-content: center;
  flex-wrap: wrap;
}

.image5 {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
}

.box3 {
  display: flex;
  flex-direction: column;
  background-color: #00a07b;
  position: relative;
  margin: 25px 2px 0px 0px;
}

.medium_title4 {
  display: flex;
  justify-content: center;
  font: 600 25px/1.2 "Syne", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: 0px;
  width: 142px;
  position: relative;
  flex-grow: 1;
  min-width: 142px;
  margin: 17px auto 15px;
}

.highlights2 {
  font: 400 17px/1.41 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  min-height: 63px;
  margin: 26px 9px 0px 0px;
}

.row4 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 235px;
  margin: 0px 120px 0px 0px;
}

.col6 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

.col6 > .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  align-content: center;
  flex-wrap: wrap;
}

.image6 {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
}

.box4 {
  display: flex;
  flex-direction: column;
  background-color: #00a07b;
  /* position: relative; */
  margin: 25px 2px 0px 0px;
}

.medium_title41 {
  display: flex;
  justify-content: center;
  font: 600 25px/1.2 "Syne", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: 0px;
  width: 134px;
  position: relative;
  flex-grow: 1;
  min-width: 134px;
  margin: 17px auto 15px;
}

.highlights3 {
  font: 400 17px/1.47 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  min-height: 77px;
  margin: 26px 4px 0px 0px;
}

.row4 > .spacer1 {
  flex: 0 1 152px;
}

.row4 > .item2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 235px;
}

.col7 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

.col7 > .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  align-content: center;
  flex-wrap: wrap;
}

.image7 {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
}
.item_box {
  display: flex;
  background-color: #0dcac5;
  position: relative;
}

.highlights4 {
  font: 400 17px/1.47 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  min-height: 77px;
  margin: 26px 4px 0px 0px;
}


.row5 {
  display: block;
  width: 59.38%;
  position: relative;
  margin: -27px 390px -30px;
  padding: 0px 298px 0px 0px;
}

.row5_block {
  display: flex;
}

.row5 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 630px;
}

.box5 {
  background-color: #010201;
  position: relative;
  flex-grow: 1;
  margin: 18px -55px -104px;
  height: 51px;
}

.medium_title5 {
  font: 700 20px/1.12 "Syne", Helvetica, Arial, serif;
  color: white;
  position: relative;
  flex-grow: 1;
  padding: 0px;
  }


.row5 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 71px;
}

.image8 {
  width: 71px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 71px;
}


.col8 {
  display: flex;
  flex-direction: column;
  width: 54.55%;
  position: relative;
  margin: 0px 0px 42px 20.14%;
}
.general_row {
  display: flex;
  width: 100%;
  margin: 0px 0px 10px 0px;
}
.row6 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 0;
}

.row6 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
  min-width: 71px;
}

.image9 {
  background: var(--src) center center/100% 100% no-repeat;
  position: relative;
  padding-right: 10px;
  bottom: 5px;
}

.row6 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 0 auto;
  min-width: 394px;
}

.title1 {
  font: 400 28px/1.5 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: -0.1px;
  position: relative;
  flex-grow: 1;
}

.highlights5 {
  font: 400 17px/25px "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
}

.row7 {
  display: flex;
  position: relative;
  margin: 59px 0px 0px;
}


.row7 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 960px;
}


.row8 {
  display: flex;
  width: 82.52%;
  position: relative;
  /* margin: 0px auto 0px;
  margin-top: 74px; */
  margin: 75px 180.55px 54px 188px;
}

.row8 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 865px;
}

.col9 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

.title11 {
  font: 500 26px/1.2 "Syne", Helvetica, Arial, serif;
  color: #010201;
  letter-spacing: -0.2px;
  /* width: 36.18%; */
  position: relative;
  margin: 0px auto;
}

.row9 {
  display: flex;
  position: relative;
}

.row9 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 346px;
  margin-right: 7vw;
}

.col10 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

.col11 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.col11 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}

.image12 {
  width: 93.5%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  top: 15px;
  left: 5%;
}

.box6 {
  display: flex;
  flex-direction: column;
  background-color: #eace49;
  width: 100%;
  position: relative;
  /* margin: 0px 15.09% 0px 6.91%; */
}

.col12 {
  display: flex;

  position: relative;
  flex-grow: 1;
  align-items: center;
  margin: 7px 0px;
  flex-direction: column;
}

.subtitle1 {
  display: flex;
  justify-content: center;
  font: 600 22px/23px "Syne", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: 0;
  position: relative;
}

.highlights21 {
  font: 500 18px/1.22 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  margin: 3px 0px 0px;
  text-align: center;
}

.highlights6 {
  margin: 31px 0px 0px 0%;
  color: black;
  letter-spacing: 0px;
  position: relative;
  /* padding: 0px 2.5vw 0px 0px; */
}

.highlights6_span0 {
  font: 17px/1.4 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.highlights6_span1 {
  font: 0.9411764706em/1.43 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.highlights6_span2 {
  font: 0.9411764706em/1.12 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.highlights6_span3 {
  font: 600 15px/23px "Syne";
  color: black;
  font-style: normal;
  letter-spacing: 0px;
  margin: 16px 0px 0px 0px;
}

.highlights6_span4 {
  font: 0.8352941064em/1.26 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.highlights6_span5 {
  font: 17px/1.4 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.highlights6_span6 {
  font: 0.9411764706em/1.37 "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}

.highlights6_span7 {
  font: 16px/18px "Raleway", Helvetica, Arial, serif;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}


.row9 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 346px;
}

.col13 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  /* margin: 0px 0px 112px; */
  /* top: 17px; */
}

.col14 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.col14 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
}

.image13 {
  width: 100%;
  /* height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  right: 25px; */
}

.box7 {
  display: flex;
  flex-direction: column;
  background-color: #0dcac5;
  position: relative;
  width: 100%;
  /* margin: 0px 27.5px 0px 26.5px; */
}

.col15 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  padding: 7px 0;
}

.highlights7 {
  display: flex;
  justify-content: center;
  font: 400 17px/25px "Raleway", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: 0px;
  position: relative;
}

.highlights8 {
  font: 400 17px/1.4 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  margin: 31px 0px 0px 0px;
  /* padding: 0px 3vw 0px 0px; */
  /* min-width: 310px; */
}



.row8 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 365px;
  margin-left: 135px;
}

.col16 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  /* margin: 0px 0px 238px; */
}

.title12 {
  font: 500 26px/33px "Syne", Helvetica, Arial, serif;
  color: #010201;
  letter-spacing: 0px;
  position: relative;
  margin: 0px 1px 0px 0px;
}

.highlights9 {
  font: 400 17px/1.47 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  width: 100%;
  position: relative;
  margin: 10px 12.05% 0px 0%;
}

.col17 {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 25px 0px 0px;
}

.row10 {
  display: flex;
  position: relative;
  margin: 36px 0px 0px;
}

.box8 {
  display: flex;
  flex-direction: column;
  outline-style: solid;
  outline-width: 0.6999999881px;
  /* outline-offset: -0.6999999881px; */
  position: relative;
  flex: 0 1 50%;
  justify-content: center;
  margin-right: 30px;
}

.image14 {
  width: calc(100% - 2px);
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
}

.row10 > .spacer {
  flex: 0 1 33px;
}

.box9 {
  display: flex;
  flex-direction: column;
  background-color: white;
  outline-style: solid;
  outline: 0.6999999881px solid black;
  outline-offset: -0.6999999881px;
  position: relative;
  flex: 0 1 50%;
}

.image15 {
  width: calc(100% - 10px);
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  margin: 6px 3px 7px 7px;
}

.row11 {
  display: flex;
  position: relative;
  margin: 36px 0px 0px;
  align-items: center;
}

.box10 {
  display: flex;
  flex-direction: column;
  outline-style: solid;
  outline-width: 0.6999999881px;
  outline-offset: -0.6999999881px;
  position: relative;
  flex: 0 1 50%;
  margin-right: 30px;
}

.image16 {
  width: calc(100% - 19px);
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  margin: 5px 9px 5px 10px;
}

.box11 {
  display: flex;
  flex-direction: column;
  background-color: white;
  outline-style: solid;
  outline: 0.6999999881px solid black;
  outline-offset: -0.6999999881px;
  position: relative;
  flex: 0 1 50%;
}

.image17 {
  width: calc(66% - 19px);
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  margin: 3.5px auto 3px;
}

.row12 {
  display: flex;
  position: relative;
  margin: 36px 0px 0px;
}

.box12 {
  display: flex;
  flex-direction: column;
  background-color: white;
  outline-style: solid;
  outline: 0.6999999881px solid black;
  /* outline-offset: -0.6999999881px; */
  position: relative;
  flex: 0 1 50%;
  align-items: center;
  margin-right: 30px;
}

.image18 {
  width: 107px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 107px;
}

.box13 {
  display: flex;
  flex-direction: column;
  background-color: white;
  outline-style: solid;
  outline: 0.6999999881px solid black;
  outline-offset: -0.6999999881px;
  position: relative;
  flex: 0 1 50%;
}

.image19 {
  width: calc(100% - 8px);
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  margin: 38px 4px 36px;
}

.row13 {
  display: flex;
  position: relative;
  margin: 33px 0px 0px;
}

.box14 {
  display: flex;
  flex-direction: column;
  background-color: white;
  outline-style: solid;
  outline: 0.6999999881px solid black;
  outline-offset: -0.6999999881px;
  position: relative;
  flex: 0 1 50%;
  margin-right: 30px;
}

.image20 {
  width: calc(100% - 25px);
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  margin: 32px 12px 24px 13px;
}

.box15 {
  display: flex;
  background-color: white;
  outline-style: solid;
  outline: 0.6999999881px solid black;
  /* outline-offset: -0.6999999881px; */
  position: relative;
  flex: 0 1 50%;
  justify-content: center;
}

/* спосноры */
.colg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 35px;
  column-gap: 33px;
  margin: 71px 0px 0px 0px;
}

.colg>div {
  border: 0.7px solid #414142;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 165.72px;
  height: 104.96px;
}

.g1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.img1 {
  width: 155.17px;
  height: 70px;
  /* margin: 18px 5.56px 16p.96x 5px; */
}
.g2 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.img2 {
  width: 146.53px;
  height: 95px;
  /* margin: 5.11px 9.54px 4.85px 10px; */
}
.g3 {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.img3 {
  width: 115px;
  height: 100px;
  /* margin: 7px 29.78px 7.96px 29px; */
}
.g4 {
  grid-column: 1 / 2;
  grid-row: 4 / 5;
}
.img4 {
  width: 141.61px;
  height: 48.61px;
}
.g5 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.img5 {
  width: 154.68px;
  height: 91.7px;
}
.g6 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.img6 {
  width: 110px;
  height: 100px;
}
.g7 {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}
.img7 {
  width: 157.93px;
  height: 30.94px;
}
.g8 {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
}
.img8 {
  width: 105px;
  height: auto;
}


.image21 {
  width: 93px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 93px;
}

.col18 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.row14 {
  display: flex;
  position: relative;
}

.row14 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 825px;
}

.image22 {
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: cover;
  object-position: center top;
  position: relative;
}

.row14 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 903px;
}

.box16 {
  display: flex;
  flex-direction: column;
  background-color: #eeeeee;
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 0px;
}

.col19 {
  display: flex;
  flex-direction: column;
  /* width: 90%; */
  position: relative;
  flex-grow: 1;
  margin: 54px 12.4% 33px 7.64%;
  /* padding-right: 70px; */
  /* white-space: nowrap; */
}

.row15 {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

.col20 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 362px;
}

.title13 {
  font: 500 26px/1.2 "Syne", Helvetica, Arial, serif;
  color: #010201;
  letter-spacing: 0px;
  position: relative;
  text-transform: uppercase;
}

.highlights10 {
  font: 400 17px/1.47 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  margin: 14px 32px 0px 0px;
}

.col21 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 289px;
  margin: 57px 0px 56px;
  align-items: center;
  margin-right: 10px;
}

.col21 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
}

.image23 {
  width: 131px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 131px;
  margin: 0px auto;
}

.box17 {
  display: flex;
  flex-direction: column;
  background-color: #010201;
  border-radius: 6px 6px 6px 6px;
  position: relative;
  margin: 18px 0px 0px;
  /* width: 250px; */
  transition: 400ms;
  animation: pulse 2s infinite;
  overflow: hidden;
}
  /* CSS анимация */
  @keyframes pulse {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
    50% {
      transform: scale(1.05);
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
  }

  .box17:before {
    position: absolute;
    content:'';
    width: 40%;
    height: 300%;
    top: 0px; 
    left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  /* transform: translate(-100%, -25%) rotate(0deg); */
    animation: blick 5s infinite;
    /* animation-delay: -5s; задержка старта аннимации*/
    transform-origin:center;
  }
  
  @keyframes blick {
  0% {
    transform: translate(-200%, -25%) rotate(-30deg);
  }
  70% {
    transform: translate(350%, -25%) rotate(-30deg);
  }
  100% {
    transform: translate(350%, -25%) rotate(-30deg);
  }
  }

.box17:hover,
.box17:focus {
  transform: scale(1.1);
  transition: 200ms;
}

.title2 {
  display: flex;
  justify-content: center;
  font: 600 24px/0.75 "Syne", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin: 10px 27px;
  white-space: nowrap;
}

.row16 {
  display: flex;
  position: relative;
  margin: 56px 0px 0px;
  justify-content: space-between;
  padding-bottom: 15px;
}

.col22 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 304px;
  margin: 0;
}

.highlights12 {
  font: 400 17px/1.29 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: -0.1px;
  position: relative;
  margin: 0%;
}

.subtitle2 {
  font: 600 23px/1.3 "Raleway", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  position: relative;
  margin: 1px 0px 0px;
}

.subtitle2:hover {
  font-weight: 800;
}

.row17 {
  display: flex;
  position: relative;
  flex: 0 1 112px;
  margin: 0px 96px 0px;
}

.row17 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 49px;
}

.image24 {
  width: 49px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 49px;
  margin: 0px 20px 0px 0px;
  transition: all 0.3s ease;
}
.image24:hover,
.image24:focus {
  display: flex;
  transform: scale(1.1);
}


.row17 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 48px;
}

.image25 {
  width: 48px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 48px;
  transition: all 0.3s ease;
}
.image25:hover,
.image25:focus {
  display: flex;
  transform: scale(1.1);
}

.box18 {
  display: flex;
  flex-direction: column;
  background-color: #010201;
  position: relative;
  margin: 0px 0px 0px 0px;
}

.row18 {
  display: flex;
  position: relative;
  flex-grow: 1;
  margin: 9px 36px 8px;
}

.row18 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
}


.image26 {
  width: 22px;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  object-position: center top;
  position: relative;
  min-width: 22px;
  margin: 0px 0px 8px;
}

.row18 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 198px;
}

.highlights31 {
  font: 400 15px/1.13 "Raleway", Helvetica, Arial, serif;
  color: white;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  min-height: 40px;
  margin: 3px 0px 0px;
}

.m_row17 {
  display: none;
}

.e_text {
  display: none;
}

/* proba */
              .block1 {
                display: block;
                position: relative;
                z-index: 1;
              }

              .block1:target{
                display: none;
                position: relative;
                z-index: 1;
              }

              .block2 {
                display: none;
                position: relative;
                z-index: 1;
              }

              .block2:target{
                display: block;
                position: relative;
                z-index: 1;
              }

              
/* /proba */

.gallery_block {
  position: relative;
  overflow:hidden;
}

.arrow_div {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  /* margin: -61px 0px 0px 0px; */
  /* padding: 0px 0px 0px 0px; */
  z-index: 2;
  width: 100%;
  top: 88%;
  }
.arrow_back {
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: 89%;
  z-index: 3;
  right: 41.5%;
  cursor: pointer;
}
.arrow_forward {
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: 89%;
  z-index: 3;
  right: 1.5%;
  cursor: pointer;
}

.arrow_back:hover {
  scale: 1.1;
}
.arrow_forward:hover {
  scale: 1.1;
}

button {
  background: none;
  cursor: pointer;
}

.none {
  display: none;
}