gulp ge

@@ -9772,10 +9772,35 @@ $(function() {
     reasonSwiper = new Swiper('.box-main', {
         paginationClickable: true,
         direction: 'vertical',
-        slidesPerView: 4,
-        effect: 'coverflow',
+        slidesPerView: 6,
+        height: 200,
         centeredSlides: true,
-        initialSlide: 2
+        initialSlide: 3,
+        onSlideChangeStart: function(reasonSwiper) {
+            var activeIndex = reasonSwiper.activeIndex,
+                slides = reasonSwiper.slides,
+                i = 0;
+
+            if (slides.length !== 1) {
+                if (activeIndex === 0) {
+                    for (i = 1; i < slides.length; i++) {
+                        $(slides[i]).css('transform', '');
+                    }
+                } else if (activeIndex === slides.length - 1) {
+                    for (i = 0; i < activeIndex; i++) {
+                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
+                    }
+                } else {
+                    for (i = 0; i < activeIndex; i++) {
+                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
+                    }
+                    for (i = activeIndex + 1; i < slides.length; i++) {
+                        $(slides[i]).css('transform', '');
+                    }
+                }
+            }
+            $(slides[activeIndex]).css('transform', '');
+        }
     });
 });
 
@@ -9943,10 +9968,35 @@ $(function() {
     reasonSwiper = new Swiper('.box-main', {
         paginationClickable: true,
         direction: 'vertical',
-        slidesPerView: 4,
-        effect: 'coverflow',
+        slidesPerView: 6,
+        height: 200,
         centeredSlides: true,
-        initialSlide: 2
+        initialSlide: 3,
+        onSlideChangeStart: function(reasonSwiper) {
+            var activeIndex = reasonSwiper.activeIndex,
+                slides = reasonSwiper.slides,
+                i = 0;
+
+            if (slides.length !== 1) {
+                if (activeIndex === 0) {
+                    for (i = 1; i < slides.length; i++) {
+                        $(slides[i]).css('transform', '');
+                    }
+                } else if (activeIndex === slides.length - 1) {
+                    for (i = 0; i < activeIndex; i++) {
+                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
+                    }
+                } else {
+                    for (i = 0; i < activeIndex; i++) {
+                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
+                    }
+                    for (i = activeIndex + 1; i < slides.length; i++) {
+                        $(slides[i]).css('transform', '');
+                    }
+                }
+            }
+            $(slides[activeIndex]).css('transform', '');
+        }
     });
 });