.swiper-container {
    height: 23em;
    margin: 60px;
  }
  
  
  .swiper-slide {
    width: 20em;
    overflow: hidden;
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin: 1em 0.5em;
    /* transform: rotate(-90deg); */
    -webkit-backface-visibility: hidden; 
  -webkit-transform: translate3d(0, 0, 0);
  }
  
  .swiper-wrapper {
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important; 
  }

  .infiniteswipers-bg{
    transform: rotate(45deg)translate(-10vw, -15vw)scale(1.5);
  }

  
  .infiniteswiper-section{
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    z-index: -3;
    position: fixed;
    top: 0;
    left: 0;
  }

  .infiniteswiper-section::after{
    content: '';
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  #sslide1{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/1.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide2{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/2.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide3{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/3.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide4{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/4.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide5{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/5.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide6{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/6.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide7{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/7.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide8{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/8.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide9{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/9.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide10{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/10.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide11{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/11.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide12{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/12.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide13{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/13.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide14{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/14.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide15{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/15.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide16{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/16.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide17{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/17.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide18{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/18.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide19{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/19.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide20{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/20.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide21{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/21.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide22{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/22.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide23{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/23.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide24{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/24.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide25{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/25.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide26{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/26.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide27{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/27.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide28{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/28.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide29{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/29.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide30{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/30.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide31{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/31.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide32{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/32.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide33{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/1.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide34{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/2.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #sslide35{
    background:linear-gradient(0deg, rgba(23, 87, 88, 0.5), rgba(23, 87, 88, 0.5)), url('../images/foto/infinite-swiper/3.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  /*  */

  @media only screen and (max-width: 1280px){
    .infiniteswipers-bg > .swiper-container > .swiper-wrapper > .swiper-slide{
      width: 10em!important;
      max-width: 10em!important;
      min-width: 10em!important;
      height: 10em!important;
      max-height: 10em!important;
      min-width: 10em!important;
    }

    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-15vw, -15vw)scale(1.5)!important;
    }
  }

  @media only screen and (max-width: 1200px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-20vw, -15vw)scale(1.5)!important;
    }
  }

  @media only screen and (max-width: 1200px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-25vw, -15vw)scale(1.5)!important;
    }
  }

  @media only screen and (max-width: 990px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-30vw, -20vw)scale(1.5)!important;
    }
  }

  @media only screen and (max-width: 900px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-50vw, -20vw)scale(1.5)!important;
    }
  }

  @media only screen and (max-width: 710px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-64vw, -20vw)scale(1.5)!important;
    }
  }

  @media only screen and (max-width: 610px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-67vw, -15vw)scale(1.7)!important;
    }
  }

  @media only screen and (max-width: 550px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-70vw, -10vw)scale(1.7)!important;
    }

    .infiniteswiper-second-section > a{
      border-radius: 25px;
    }

    .infiniteswiper-second-section{
      width: 90vw;
      height: 75vh;
      justify-content: center;
    }
  }

  @media only screen and (max-width: 500px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-80vw, -10vw)scale(1.7)!important;
    }
  }

  @media only screen and (max-width: 450px){
    .infiniteswipers-bg{
      transform: rotate(45deg)translate(-100vw, -0vh)scale(1.8)!important;
    }
  }