@font-face {
  font-family: 'NEXA Light';
  src: url("../fonts/Nexa-Light.woff2") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NEXA Bold';
  src: url("../fonts/Nexa-Bold.woff2") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'NEXA Bold cyr';
  src: url("../fonts/Nexa-Bold5.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Noah Regular Italic';
  src: url("../fonts/Noah-RegularItalic.otf") format("opentype"), url("../fonts/Noah-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Noah Bold Italic';
  src: url("../fonts/Noah-BoldItalic.otf") format("opentype"), url("../fonts/Noah-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Noah Regular';
  src: url("../fonts/Noah-Regular.otf") format("opentype"), url("../fonts/Noah-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noah Bold';
  src: url("../fonts/Noah-Bold.otf") format("opentype"), url("../fonts/Noah-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* line 3, ../sass/projects.scss */
.Projects {
  position: relative;
}

/* line 7, ../sass/projects.scss */
.ProjectRow {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #2c3c4c;
  margin-bottom: 80px;
}
/* line 21, ../sass/projects.scss */
.ProjectRow .info {
  position: relative;
  width: 300px;
}
/* line 26, ../sass/projects.scss */
.ProjectRow .fz20 {
  font-family: 'NEXA Light';
}
/* line 30, ../sass/projects.scss */
.ProjectRow .gal {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  overflow: hidden;
  gap: 0 30px;
  width: calc(100% - 300px - 15px);
}
/* line 44, ../sass/projects.scss */
.ProjectRow .link {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  z-index: 10;
  min-width: 150px;
}
/* line 54, ../sass/projects.scss */
.ProjectRow .link img {
  display: block;
  width: 100%;
  transition: 0.5s ease all;
}
/* line 61, ../sass/projects.scss */
.ProjectRow .link.notactive img {
  filter: grayscale(1);
}

@media only screen and (min-width: 1300px) and (max-width: 1479px) {
  /* line 70, ../sass/projects.scss */
  .ProjectRow {
    padding-bottom: 25px;
    margin-bottom: 70px;
  }
  /* line 74, ../sass/projects.scss */
  .ProjectRow .info {
    width: 300px;
  }
  /* line 78, ../sass/projects.scss */
  .ProjectRow .gal {
    gap: 0 25px;
    width: calc(100% - 300px - 15px);
  }
  /* line 83, ../sass/projects.scss */
  .ProjectRow .link {
    min-width: 130px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /* line 92, ../sass/projects.scss */
  .ProjectRow {
    padding-bottom: 20px;
    margin-bottom: 55px;
  }
  /* line 96, ../sass/projects.scss */
  .ProjectRow .info {
    width: 250px;
  }
  /* line 100, ../sass/projects.scss */
  .ProjectRow .gal {
    gap: 0 20px;
    width: calc(100% - 250px - 15px);
  }
  /* line 105, ../sass/projects.scss */
  .ProjectRow .link {
    min-width: 105px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 114, ../sass/projects.scss */
  .ProjectRow {
    padding-bottom: 15px;
    margin-bottom: 40px;
  }
  /* line 118, ../sass/projects.scss */
  .ProjectRow .info {
    width: 250px;
  }
  /* line 122, ../sass/projects.scss */
  .ProjectRow .gal {
    gap: 0 15px;
    width: calc(100% - 250px - 15px);
  }
  /* line 127, ../sass/projects.scss */
  .ProjectRow .link {
    min-width: 105px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 136, ../sass/projects.scss */
  .ProjectRow {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
  }
  /* line 144, ../sass/projects.scss */
  .ProjectRow .info {
    width: 100%;
  }
  /* line 148, ../sass/projects.scss */
  .ProjectRow .gal {
    gap: 0 15px;
    width: 100%;
    overflow: scroll;
    margin-top: 15px;
  }
}