/* --------------- Works --------------- */
.works-ma {
  position: relative;
  overflow: hidden !important; }
  .works-ma .gallery-img .swiper-container {
    overflow: visible; }
  .works-ma .gallery-img .bg-img {
    height: 480px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    background-position: center; }
    .works-ma .gallery-img .bg-img a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .works-ma .gallery-text {
    text-align: center;
    margin: 60px auto 0;
    z-index: 9; }
    .works-ma .gallery-text .swiper-container,
    .works-ma .gallery-text .swiper-slide {
      height: 100px !important; }
    .works-ma .gallery-text .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .works-ma .gallery-text .text {
      width: 100%;
      text-align: center; }
      .works-ma .gallery-text .text h4 {
        font-size: 50px;
        line-height: 1; }
      .works-ma .gallery-text .text h6 {
        margin-top: 15px;
        overflow: hidden;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 2px; }
        .works-ma .gallery-text .text h6 span {
          -webkit-transform: translateY(50px);
          -ms-transform: translateY(50px);
          transform: translateY(50px);
          -webkit-transition: all .8s;
          -o-transition: all .8s;
          transition: all .8s; }
    .works-ma .gallery-text .swiper-slide-active .text h6 span {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-delay: .5s;
      -o-transition-delay: .5s;
      transition-delay: .5s; }
  .works-ma .swiper-controls {
    position: absolute;
    bottom: 140px;
    left: 0;
    width: 100%;
    z-index: 9; }
    .works-ma .swiper-controls .swiper-button-prev,
    .works-ma .swiper-controls .swiper-button-next {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      top: auto;
      color: #fff;
      z-index: 9; }
      .works-ma .swiper-controls .swiper-button-prev:after,
      .works-ma .swiper-controls .swiper-button-next:after {
        display: none; }
      .works-ma .swiper-controls .swiper-button-prev span,
      .works-ma .swiper-controls .swiper-button-next span {
        white-space: nowrap; }
    .works-ma .swiper-controls .swiper-button-prev {
      left: 120px; }
      .works-ma .swiper-controls .swiper-button-prev i {
        margin-right: 25px; }
    .works-ma .swiper-controls .swiper-button-next {
      right: 120px; }
      .works-ma .swiper-controls .swiper-button-next i {
        margin-left: 25px; }
  .works-ma .swiper-pagination {
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    display: none; }
  .works-ma .swiper-pagination-bullet {
    background: transparent;
    margin: 0 10px !important; }
  .works-ma .swiper-pagination-bullet-active .path {
    display: inline-block !important;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: dash linear 10s;
    animation: dash linear 10s;
    -webkit-animation-iteration-count: unset;
    animation-iteration-count: unset; }
  .works-ma .path {
    display: none; }

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

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