.features
  .row
    margin: 0
  margin-top: 125px
  padding: 0
  height: auto
  padding-bottom: 1%
  .title
    z-index: 11
    position: relative
    background: -webkit-radial-gradient(top center, ellipse farthest-corner, #ffffff7a -100%, #181818 80%)
    height: 86px
    h4
      font-size: 66.67px
      text-transform: uppercase
      color: #fff
      border-bottom: 3px solid #ff0000
      margin: 0 113px
  .slide
    .flipster--infinite-carousel
      .flipster__item
        transition: all 150ms ease-in-out
        transition-timing-function: cubic-bezier(0, 0, 0, 0)
      .flipster__item--current
        img
          box-shadow: 0 0 40px 10px rgba(255, 0, 0, 0.77)
      .flipster__item--past-1
        opacity: 1
        img
          filter: brightness(40%)
        .flipster__item__content
          transform: translateX(-50%) rotateY(0deg) scale(.8) translate(10%, 10%)
      .flipster__item--future-1
        opacity: 1
        img
          filter: brightness(40%)
        .flipster__item__content
          transform: translateX(50%) rotateY(0deg) scale(.8)  translate(-10%, 10%)
      .flipster__item--past-2
        .flipster__item__content
          transform: translateX(-75%) rotateY(0deg) scale(.8)  translate(15%, 0)
      .flipster__item--future-2
        .flipster__item__content
          transform: translateX(75%) rotateY(0deg) scale(.8) translate(-15%, 0)
      .flipster__item--current
        .flipster__item__content
          transform: translateX(0) rotateY(0deg) scale(1) translate(0, 28.5%)
      .flipster__item--past-2, .flipster__item--future-2
          opacity: 1
          img
            filter: brightness(40%)
          transition: all 50ms cubic-bezier(0, 1, 0, 1)
    .flipster
      padding-bottom: 50px
    .flipster__nav
      margin: 0
      padding-top: 10%
      z-index: 1
    .flipster__nav__link::after
      background: #fff
    .text-menu
      margin-top: -6%
      font-size: 33.33px
      color: #fff

  //.slide
  //  .flipster--infinite-carousel
  //    .flipster__item
  //      transition: all 500ms ease-in-out
  //      transition-timing-function: cubic-bezier(0, 0, 0, 0)
  //    .flipster__item--past-1
  //      opacity: 1
  //      filter: brightness(50%)
  //      top: -20%
  //      left: 3%
  //      .flipster__item__content
  //        transform: translateX(-50%) rotateY(0deg) scale(.8)
  //    .flipster__item--future-1
  //      opacity: 1
  //      filter: brightness(50%)
  //      top: -20%
  //      left: -3%
  //      .flipster__item__content
  //        transform: translateX(50%) rotateY(0deg) scale(.8)
  //    .flipster__item--past-2
  //      opacity: 1
  //      filter: brightness(50%)
  //      z-index: 6
  //      top: -30%
  //      left: 7%
  //      .flipster__item__content
  //        transform: translateX(-75%) rotateY(0deg) scale(.8)
  //    .flipster__item--future-2
  //      opacity: 1
  //      filter: brightness(50%)
  //      z-index: 6
  //      top: -30%
  //      left: -7%
  //      .flipster__item__content
  //        transform: translateX(75%) rotateY(0deg) scale(.8)
  //    .flipster__item--current
  //      img
  //        box-shadow: 0px 0px 50px 10px rgba(255, 0, 0, 0.77)
  //  .flipster
  //    padding: 200px 0
  //  .flipster__nav
  //    margin: 0
  //    margin-top: 100px
  //    z-index: 1
  //  .flipster__nav__link::after
  //    background: #fff
  //  .text-menu
  //    margin-top: -300px
  //    font-size: 33.33px
  //    color: #fff
@import "responsive/desktop"
@import "responsive/tablet"
@import "responsive/mobile"