/**
 * Types slider Miquel
 */


 .mobile-style {
    width: 233px;
    margin:  0 auto;
    height: auto;
    display: block;
    overflow:  visible;
    position:  relative;
}
 .swiper-container {
   width: 100%;
   height: 300px;
   margin-left: auto;
   margin-right: auto;
 }
 .swiper-slide {
   background-size: cover;
   background-position: center;
   width: 100%;
 }
 .gallery-top {
   height: 80%;
   width: 100%;
 }
 .gallery-thumbs {
   height: 20%;
   box-sizing: border-box;
   padding: 10px 0;
 }
 .gallery-thumbs .swiper-slide {
   height: 100%;
   opacity: 0.4;
 }
 .gallery-thumbs .swiper-slide-active {
   opacity: 1;
 }

 .gallery-top {
     height: 100%;
     /* width: 400px; */
     /* height: 500px; */
     width: 100%;
 }


 .mobile-style .bg-mobile:before {
    position:  absolute;
    content: "";
    top: 0;
    left: 50%;
    right:  0;
    bottom:  0;
    background-color: #fff;
    height:  120%;
    width: 120%;
    margin: auto;
    border-radius: 40px;
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 0px 94px 0px rgba(0,0,0,0.06);
  -moz-box-shadow: 0px 0px 94px 0px rgba(0,0,0,0.06);
  box-shadow: 0px 0px 94px 0px rgba(0,0,0,0.06);
}

.gallery-top {
    /* overflow:  visible; */
}

.swiper-wrapper {
    /* overflow:  hidden; */
}

.mobile-style .swiper-button-next{
    right: -90px;
}

.mobile-style .swiper-button-prev {
    left: -90px;
}

.mobile-style .swiper-button-next, .mobile-style .swiper-button-prev{
-moz-filter: brightness(0);
-webkit-filter: brightness(0);
-o-filter: brightness(0);
filter: brightness(0);
}
.swiper-slide {
    height: 0;
}
.swiper-slide.swiper-slide-active {
    height: 100%;
}

@media screen and (max-width: 480px) {
.mobile-style {
    width: 70%;
        margin-top: 10vh;
}
.mobile-style .swiper-button-prev {
    left: -30px;
}
.mobile-style .swiper-button-next {
    right: -30px;
}




}