.projectsHomeBlock .projects {
  margin-left: -4.03125vw;
  width: calc(100% + 8.0625vw);
}
.projectsHomeBlock .projects .projectWrapper {
  position: relative;
  height: auto;
  width: 100%;
}
.projectsHomeBlock .projects .projectWrapper .project[data-project] {
  width: calc(100% - 8.0625vw);
}
.projectsHomeBlock .projects .projectWrapper .project[data-project]:nth-child(1) {
  margin-top: 10vw;
  width: calc(100% - 8.0625vw);
}
.projectsHomeBlock .projects .projectWrapper .project[data-project]:nth-child(1).inview {
  -webkit-transition: transform 0.45s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  -moz-transition: transform 0.45s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  -ms-transition: transform 0.45s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  -o-transition: transform 0.45s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  transition: transform 0.45s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
}
.projectsHomeBlock .projects .projectWrapper .project[data-project]:nth-child(1) .imageWrapper {
  padding-bottom: 67.76315789%;
}
.projectsHomeBlock .projects .project[data-project] {
  height: auto;
  vertical-align: top;
  margin: 0 4.03125vw;
}
.projectsHomeBlock .projects .project[data-project].inview {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.projectsHomeBlock .projects .project[data-project].inview:nth-child(1),
.projectsHomeBlock .projects .project[data-project].inview:nth-child(5) {
  -webkit-transition: transform 0.75s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  -moz-transition: transform 0.75s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  -ms-transition: transform 0.75s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  -o-transition: transform 0.75s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
  transition: transform 0.75s 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.15s ease-in-out;
}
.projectsHomeBlock .projects .project[data-project].inview:nth-child(2),
.projectsHomeBlock .projects .project[data-project].inview:nth-child(4) {
  -webkit-transition: transform 0.75s 0.45s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.45s ease-in-out;
  -moz-transition: transform 0.75s 0.45s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.45s ease-in-out;
  -ms-transition: transform 0.75s 0.45s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.45s ease-in-out;
  -o-transition: transform 0.75s 0.45s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.45s ease-in-out;
  transition: transform 0.75s 0.45s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.45s 0.45s ease-in-out;
}
.projectsHomeBlock .projects .project[data-project]:nth-child(1),
.projectsHomeBlock .projects .project[data-project]:nth-child(5) {
  width: calc(70% - 8.0625vw);
}
.projectsHomeBlock .projects .project[data-project]:nth-child(1) .imageWrapper,
.projectsHomeBlock .projects .project[data-project]:nth-child(5) .imageWrapper {
  padding-bottom: 67.78230616%;
}
.projectsHomeBlock .projects .project[data-project]:nth-child(2),
.projectsHomeBlock .projects .project[data-project]:nth-child(4) {
  width: calc(30% - 8.0625vw);
}
.projectsHomeBlock .projects .project[data-project]:nth-child(2) .imageWrapper,
.projectsHomeBlock .projects .project[data-project]:nth-child(4) .imageWrapper {
  padding-bottom: 138.03677604%;
}
.projectsHomeBlock .projects .lightbarWrapper {
  height: auto;
  margin: 9.375vw 0 3.125vw 0;
  display: block;
  width: calc(100% - 8.0625vw);
  text-align: right;
}
.projectsHomeBlock .buttonWrapper {
  display: block;
  margin-top: 8.125vw;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(3.125vw);
  -moz-transform: translateY(3.125vw);
  -o-transform: translateY(3.125vw);
  -ms-transform: translateY(3.125vw);
  transform: translateY(3.125vw);
}
.projectsHomeBlock .buttonWrapper.inview {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: transform 1.2s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 1.2s 0.15s ease-in-out;
  -moz-transition: transform 1.2s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 1.2s 0.15s ease-in-out;
  -ms-transition: transform 1.2s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 1.2s 0.15s ease-in-out;
  -o-transition: transform 1.2s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 1.2s 0.15s ease-in-out;
  transition: transform 1.2s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 1.2s 0.15s ease-in-out;
}
@media all and (max-width: 1080px) {
  .projectsHomeBlock .projects {
    margin-left: -1.852vw;
    width: calc(100% + 3.704vw);
  }
  .projectsHomeBlock .projects .projectWrapper {
    margin: 0 1.852vw;
    width: calc(100% - 3.704vw);
  }
  .projectsHomeBlock .projects .projectWrapper .project[data-project] {
    width: 100%;
    margin: 0;
  }
  .projectsHomeBlock .projects .projectWrapper .project[data-project]:nth-child(1) {
    margin-top: 6.481vw;
  }
  .projectsHomeBlock .projects .projectWrapper .project[data-project]:nth-child(1) .imageWrapper {
    padding-bottom: 89.84375%;
  }
  .projectsHomeBlock .projects .projectWrapper .buttonWrapper {
    right: 1.481vw;
    bottom: 1.852vw;
  }
  .projectsHomeBlock .projects .project[data-project] {
    margin: 0 1.852vw;
    -webkit-transform: translateY(18.518vw);
    -moz-transform: translateY(18.518vw);
    -o-transform: translateY(18.518vw);
    -ms-transform: translateY(18.518vw);
    transform: translateY(18.518vw);
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(1),
  .projectsHomeBlock .projects .project[data-project]:nth-child(5) {
    width: calc(66.6666% - 3.704vw);
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(1) .imageWrapper,
  .projectsHomeBlock .projects .project[data-project]:nth-child(5) .imageWrapper {
    padding-bottom: 100%;
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(2),
  .projectsHomeBlock .projects .project[data-project]:nth-child(4) {
    width: calc(33.3333% - 3.704vw);
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(2) .imageWrapper,
  .projectsHomeBlock .projects .project[data-project]:nth-child(4) .imageWrapper {
    padding-bottom: 177.77777778%;
  }
  .projectsHomeBlock .projects .project[data-project] .innerContent {
    max-width: calc(100% - 3.704vw);
  }
  .projectsHomeBlock .projects .project[data-project] .innerContent .normalTitle {
    margin-bottom: 0.926vw;
    padding-bottom: 0.926vw;
  }
  .projectsHomeBlock .projects .lightbarWrapper {
    margin: 6.481vw 1.852vw;
    width: calc(100% - 3.704vw);
  }
  .projectsHomeBlock .buttonWrapper {
    margin-top: 7.407vw;
    -webkit-transform: translateY(4.63vw);
    -moz-transform: translateY(4.63vw);
    -o-transform: translateY(4.63vw);
    -ms-transform: translateY(4.63vw);
    transform: translateY(4.63vw);
  }
}
@media all and (max-width: 580px) {
  .projectsHomeBlock .projects {
    margin-left: -1.724vw;
    width: calc(100% + 3.448vw);
  }
  .projectsHomeBlock .projects .projectWrapper {
    width: calc(100% - 3.448vw);
  }
  .projectsHomeBlock .projects .projectWrapper:last-child .project {
    width: 100% !important;
  }
  .projectsHomeBlock .projects .projectWrapper:last-child .project .imageWrapper {
    padding-bottom: 100%;
  }
  .projectsHomeBlock .projects .projectWrapper .project[data-project]:nth-child(1) {
    margin-top: 17.241vw;
  }
  .projectsHomeBlock .projects .projectWrapper .project[data-project]:nth-child(1) .imageWrapper {
    padding-bottom: 100%;
  }
  .projectsHomeBlock .projects .projectWrapper .buttonWrapper {
    right: 1.724vw;
    bottom: 3.448vw;
  }
  .projectsHomeBlock .projects .project[data-project] {
    display: none;
    margin: 0 1.724vw;
    -webkit-transform: translateY(34.482vw);
    -moz-transform: translateY(34.482vw);
    -o-transform: translateY(34.482vw);
    -ms-transform: translateY(34.482vw);
    transform: translateY(34.482vw);
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(1),
  .projectsHomeBlock .projects .project[data-project]:nth-child(2),
  .projectsHomeBlock .projects .project[data-project]:nth-child(4),
  .projectsHomeBlock .projects .project[data-project]:nth-child(5) {
    width: calc(100% - 3.448vw);
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(1) .imageWrapper,
  .projectsHomeBlock .projects .project[data-project]:nth-child(2) .imageWrapper,
  .projectsHomeBlock .projects .project[data-project]:nth-child(4) .imageWrapper,
  .projectsHomeBlock .projects .project[data-project]:nth-child(5) .imageWrapper {
    padding-bottom: 100%;
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(1) {
    margin-bottom: 6.897vw;
  }
  .projectsHomeBlock .projects .project[data-project]:nth-child(1),
  .projectsHomeBlock .projects .project[data-project]:nth-child(2),
  .projectsHomeBlock .projects .project[data-project]:nth-child(3) {
    display: block;
  }
  .projectsHomeBlock .projects .project[data-project] .innerContent {
    max-width: calc(100% - 3.448vw);
    width: calc(100% - 3.448vw);
  }
  .projectsHomeBlock .projects .project[data-project] .innerContent .normalTitle {
    margin-bottom: 3.448vw;
    padding-bottom: 0;
  }
  .projectsHomeBlock .projects .project[data-project] .imageWrapper .innerImage:after {
    opacity: 0.6;
  }
  .projectsHomeBlock .projects .lightbarWrapper {
    margin: 25.863vw 0 10.345vw 0;
    width: calc(100% - 22.241vw);
  }
  .projectsHomeBlock .buttonWrapper {
    margin-top: 13.793vw;
    -webkit-transform: translateY(8.621vw);
    -moz-transform: translateY(8.621vw);
    -o-transform: translateY(8.621vw);
    -ms-transform: translateY(8.621vw);
    transform: translateY(8.621vw);
  }
}