html.touch .legendsGridBlock .image {
  pointer-events: none;
}
.legendsGridBlock {
  margin: 10vw 0;
  position: relative;
  z-index: 1;
}
.legendsGridBlock .contentWrapper {
  margin-bottom: 5vw;
  text-align: center;
}
.legendsGridBlock .contentWrapper .subTitle,
.legendsGridBlock .contentWrapper .normalSmallTitle {
  display: block;
  margin: auto;
}
.legendsGridBlock .contentWrapper .subTitle {
  margin-bottom: 0.625vw;
  max-width: 14.5vw;
}
.legendsGridBlock .contentWrapper .normalSmallTitle {
  max-width: 22.25vw;
}
.legendsGridBlock .contentWrapper .text {
  display: block;
  margin: auto;
  margin-top: 1.25vw;
  max-width: 50%;
}
.legendsGridBlock .grid {
  position: relative;
  height: 51.313vw;
}
.legendsGridBlock .grid .image:first-child {
  bottom: 0;
}
.legendsGridBlock .grid .image:first-child .innerImage {
  padding-bottom: 137.12121212%;
}
.legendsGridBlock .grid .image:nth-child(2) {
  height: auto;
  left: 20.875vw;
  position: absolute;
  top: auto;
  width: 16vw;
  bottom: 2.5vw;
}
.legendsGridBlock .grid .image:nth-child(2) .innerImage {
  padding-bottom: 102.734375%;
}
.legendsGridBlock .grid .image:nth-child(2) .smallTitle {
  height: auto;
  left: auto;
  position: absolute;
  top: auto;
  width: 7.75vw;
  bottom: 1vw;
  right: 1vw;
  text-align: right;
}
.legendsGridBlock .grid .image:nth-child(3) {
  height: auto;
  left: 29.375vw;
  position: absolute;
  top: 3.75vw;
  width: 16vw;
}
.legendsGridBlock .grid .image:nth-child(3) .innerImage {
  padding-bottom: 102.734375%;
}
.legendsGridBlock .grid .image:nth-child(4) {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 14.438vw;
  margin: auto;
  right: 0;
}
.legendsGridBlock .grid .image:nth-child(4) .innerImage {
  padding-bottom: 234.63203463%;
}
.legendsGridBlock .grid .image:nth-child(5) {
  height: auto;
  left: auto;
  position: absolute;
  top: 7.5vw;
  width: 33vw;
  right: 12.063vw;
}
.legendsGridBlock .grid .image:nth-child(5) .innerImage {
  padding-bottom: 102.65151515%;
}
.legendsGridBlock .grid .image:nth-child(6) {
  border-radius: 0.625vw 0 0 0.625vw;
  height: auto;
  left: auto;
  position: absolute;
  top: 50%;
  width: 8.188vw;
  right: 0;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.legendsGridBlock .grid .image:nth-child(6) .innerImage {
  padding-bottom: 204.65116279%;
}
.legendsGridBlock .grid .image:nth-child(6) .smallTitle {
  width: 6.75vw;
}
.legendsGridBlock .grid .image {
  height: auto;
  left: 0;
  position: absolute;
  top: auto;
  width: 24.75vw;
  -webkit-border-top-right-radius: 0.625vw;
  -webkit-border-bottom-right-radius: 0.625vw;
  -webkit-border-bottom-left-radius: 0.625vw;
  -webkit-border-top-left-radius: 0.625vw;
  -moz-border-radius-topright: 0.625vw;
  -moz-border-radius-bottomright: 0.625vw;
  -moz-border-radius-bottomleft: 0.625vw;
  -moz-border-radius-topleft: 0.625vw;
  border-top-right-radius: 0.625vw;
  border-bottom-right-radius: 0.625vw;
  border-bottom-left-radius: 0.625vw;
  border-top-left-radius: 0.625vw;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  mix-blend-mode: multiply;
}
.legendsGridBlock .grid .image .number {
  height: auto;
  left: 1.25vw;
  position: absolute;
  top: 1.25vw;
  width: auto;
  color: #F7F7F7;
}
.legendsGridBlock .grid .image .smallTitle {
  height: auto;
  left: 1vw;
  position: absolute;
  top: auto;
  width: 7.75vw;
  bottom: 1vw;
  color: #F7F7F7;
}
.legendsGridBlock .grid .image .innerImage {
  height: 0;
  position: relative;
}
.legendsGridBlock .grid .image .innerImage:after {
  content: '';
  background: #231D16;
  opacity: 0.2;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.legendsGridBlock .grid .image .innerImage img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  pointer-events: none;
}
@media all and (max-width: 1080px) {
  .legendsGridBlock {
    margin: 14.814vw 0;
  }
  .legendsGridBlock .contentWrapper {
    margin-bottom: 7.407vw;
  }
  .legendsGridBlock .contentWrapper .subTitle {
    margin-bottom: 0.926vw;
    max-width: 21.481vw;
  }
  .legendsGridBlock .contentWrapper .normalSmallTitle {
    max-width: 32.962vw;
  }
  .legendsGridBlock .contentWrapper .text {
    margin-top: 1.852vw;
  }
  .legendsGridBlock .grid {
    height: 72.037vw;
    /*            .image{ 
                .absolute(auto, (@vw108-1080 * 4) + (@vw16-1080 * 1), @vw80-1080, 0);
                border-radius:@vw10-1080;
                &:nth-child(2){
                    .absolute(auto, (@vw108-1080 * 3) + (@vw16-1080 * 1), 0, (@vw108-1080 * 4) + (@vw16-1080 *4));
                }
                &:nth-child(3){
                    .absolute(auto, (@vw108-1080 * 2) + (@vw16-1080 * 1) + @vw44-1080, (@vw100-1080 * 2), auto);
                }
                &:nth-child(4){
                    .absolute(auto, (@vw108-1080 * 2) + (@vw16-1080 * 1), (@vw100-1080 * 5) + @vw30-1080, auto);
                    right:(@vw108-1080 * 2) + (@vw16-1080 * 2) + @vw44-1080;
                }
                &:nth-child(5){
                    .absolute(auto, (@vw108-1080 * 1) + @vw16-1080, auto, (@vw108-1080 * 2) + (@vw16-1080 * 2) + @vw44-1080);
                    right:@vw44-1080;
                }
                &:nth-child(6){
                    display: none;
                }
            }*/
  }
  .legendsGridBlock .grid .image {
    height: auto;
    left: 0;
    position: absolute;
    top: auto;
    width: 36.667vw;
    bottom: 3.704vw;
    -webkit-border-top-right-radius: 0.926vw;
    -webkit-border-bottom-right-radius: 0.926vw;
    -webkit-border-bottom-left-radius: 0.926vw;
    -webkit-border-top-left-radius: 0.926vw;
    -moz-border-radius-topright: 0.926vw;
    -moz-border-radius-bottomright: 0.926vw;
    -moz-border-radius-bottomleft: 0.926vw;
    -moz-border-radius-topleft: 0.926vw;
    border-top-right-radius: 0.926vw;
    border-bottom-right-radius: 0.926vw;
    border-bottom-left-radius: 0.926vw;
    border-top-left-radius: 0.926vw;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .legendsGridBlock .grid .image:first-child .innerImage {
    padding-bottom: 137.12121212%;
  }
  .legendsGridBlock .grid .image:nth-child(2) {
    height: auto;
    left: auto;
    position: absolute;
    top: auto;
    width: 22.037vw;
    right: 2.037vw;
    bottom: 0;
  }
  .legendsGridBlock .grid .image:nth-child(2) .innerImage {
    padding-bottom: 102.734375%;
  }
  .legendsGridBlock .grid .image:nth-child(2) .smallTitle {
    text-align: left;
    height: auto;
    left: 1.481vw;
    position: absolute;
    top: auto;
    width: 11.481vw;
    bottom: 1.481vw;
  }
  .legendsGridBlock .grid .image:nth-child(3) {
    height: auto;
    left: 50%;
    position: absolute;
    top: 0;
    width: 22.037vw;
    bottom: auto;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .legendsGridBlock .grid .image:nth-child(3) .innerImage {
    padding-bottom: 234.63203463%;
  }
  .legendsGridBlock .grid .image:nth-child(4) {
    height: auto;
    left: auto;
    position: absolute;
    top: 12.037vw;
    width: 34.074vw;
    right: 10vw;
    bottom: auto;
  }
  .legendsGridBlock .grid .image:nth-child(4) .innerImage {
    padding-bottom: 102.65151515%;
  }
  .legendsGridBlock .grid .image:nth-child(4) .smallTitle {
    text-align: right;
    height: auto;
    left: auto;
    position: absolute;
    top: auto;
    width: 11.481vw;
    right: 1.481vw;
    bottom: 1.481vw;
  }
  .legendsGridBlock .grid .image:nth-child(5) {
    display: none;
  }
  .legendsGridBlock .grid .image:nth-child(6) {
    display: none;
  }
  .legendsGridBlock .grid .image .smallTitle {
    height: auto;
    left: 1.481vw;
    position: absolute;
    top: auto;
    width: 11.481vw;
    bottom: 1.481vw;
  }
  .legendsGridBlock .grid .circleButton {
    right: 14.444vw;
  }
}
@media all and (max-width: 580px) {
  .legendsGridBlock {
    margin: 22.586vw 0;
  }
  .legendsGridBlock .contentWrapper {
    text-align: left;
    margin-bottom: 13.793vw;
  }
  .legendsGridBlock .contentWrapper .subTitle,
  .legendsGridBlock .contentWrapper .normalSmallTitle {
    margin: 0;
  }
  .legendsGridBlock .contentWrapper .subTitle {
    margin-bottom: 1.724vw;
    max-width: 37.241vw;
  }
  .legendsGridBlock .contentWrapper .normalSmallTitle {
    max-width: 57.241vw;
  }
  .legendsGridBlock .contentWrapper .text {
    margin-top: 3.448vw;
    width: 100%;
  }
  .legendsGridBlock .grid {
    height: 158.962vw;
    /*            .image{ 
                .absolute(auto, (@vw108-580 * 4) + (@vw16-580 * 1), @vw80-580, 0);
                .border-radius(@vw10-580, @vw10-580, @vw10-580, @vw10-580);
                &:nth-child(2){
                    .absolute(auto, (@vw108-580 * 3) + (@vw16-580 * 1), 0, (@vw108-580 * 4) + (@vw16-580 *4));
                }
                &:nth-child(3){
                    .absolute(auto, (@vw108-580 * 2) + (@vw16-580 * 1) + @vw44-580, (@vw100-580 * 3) + @vw22-580, auto);
                }
                &:nth-child(4){
                    .absolute(auto, (@vw108-580 * 2) + (@vw16-580 * 1), (@vw100-580 * 5) + @vw30-580, auto);
                    right:(@vw108-580 * 2) + (@vw16-580 * 2) + @vw44-580;
                }
                &:nth-child(5){
                    display: none;
                }
                &:nth-child(6){
                    display: none;
                }
            }*/
  }
  .legendsGridBlock .grid .image {
    height: auto;
    left: 0;
    position: absolute;
    top: auto;
    width: 68.276vw;
    bottom: 6.897vw;
  }
  .legendsGridBlock .grid .image:first-child {
    bottom: 0;
  }
  .legendsGridBlock .grid .image:nth-child(2) {
    text-align: left;
    height: auto;
    left: 3.793vw;
    position: absolute;
    top: 0;
    width: 38.275vw;
    bottom: auto;
    right: auto;
  }
  .legendsGridBlock .grid .image:nth-child(2) .smallTitle {
    height: auto;
    left: 2.759vw;
    position: absolute;
    top: auto;
    width: 20vw;
    bottom: 2.759vw;
  }
  .legendsGridBlock .grid .image:nth-child(3) {
    height: auto;
    left: auto;
    position: absolute;
    top: 3.793vw;
    width: 38.275vw;
    right: 0;
    -webkit-transform: translate(0, 0) translate3d(0, 0, 0);
    -moz-transform: translate(0, 0) translate3d(0, 0, 0);
    -o-transform: translate(0, 0) translate3d(0, 0, 0);
    -ms-transform: translate(0, 0) translate3d(0, 0, 0);
    transform: translate(0, 0) translate3d(0, 0, 0);
    bottom: auto;
  }
  .legendsGridBlock .grid .image:nth-child(3) .smallTitle {
    text-align: right;
    height: auto;
    left: auto;
    position: absolute;
    top: auto;
    width: 20vw;
    right: 2.759vw;
    bottom: 2.759vw;
  }
  .legendsGridBlock .grid .image:nth-child(4) {
    display: none;
  }
  .legendsGridBlock .grid .image:nth-child(5) {
    display: none;
  }
  .legendsGridBlock .grid .image:nth-child(6) {
    display: none;
  }
  .legendsGridBlock .grid .image .smallTitle {
    height: auto;
    left: 2.759vw;
    position: absolute;
    top: auto;
    width: 20vw;
    bottom: 2.759vw;
  }
  .legendsGridBlock .grid .circleButton {
    right: 17.241vw;
  }
}