diff --git a/README.txt b/README.txt
index ed932d8..b91e5c6 100644
--- a/README.txt
+++ b/README.txt
@@ -12,9 +12,12 @@ CONTENTS OF THIS FILE
 INTRODUCTION
 ------------
 
-Superslides Caption Slider is a Caption Slider integrated with views using two powerful libraries Superslides and Animate.css
+Superslides Caption Slider is a Caption Slider integrated with views using two
+powerful libraries Superslides and Animate.css
 
-Superslides is a full screen, hardware accelerated slider for jQuery. animate.css is a bunch of cool, fun, and cross-browser animations can be applied on captions
+Superslides is a full screen, hardware accelerated slider for jQuery.
+animate.css is a bunch of cool, fun, and cross-browser animations can be
+applied on captions
 
 
 DEMO
@@ -26,12 +29,17 @@ http://burblex8gjpcnsbh.devcloud.acquia-sites.com/
 INSTALLATION
 ------------
 
-First you create new folder either in the sites/all/modules folder or just directly in the modules folder at the Drupal root. 
-The good news is that you can move the folder even after, enabled. No more need to rebuild the registry. You can thanks the clever autoloading capability of Drupal 8.
+First you create new folder either in the sites/all/modules folder or just
+directly in the modules folder at the Drupal root. The good news is that you can
+move the folder even after, enabled. No more need to rebuild the registry. You
+can thanks the clever autoloading capability of Drupal 8.
 
 1.	Download Module and Enable it.
-2.	Dowload superslides library from  ‘ https://github.com/nicinabox/superslides ‘ and place it in libraries folder. 
-3.	Rename the folder as ‘superslides’ , So your file structure should look like this: [drupal_root]/libraries/superslides/dist/jquery.superslides.min.js. Animate.css is already included in modules folder.
+2.	Dowload superslides library from  ‘https://github.com/nicinabox/superslides‘
+    and place it in libraries folder.
+3.	Rename the folder as ‘superslides’ , So your file structure should look like
+    this: [drupal_root]/libraries/superslides/dist/jquery.superslides.min.js.
+    Animate.css is already included in modules folder.
 
 
 Configuration
@@ -40,7 +48,8 @@ Configuration
 •	Add new view (block preferred) of fields
 •	Choose style format as ‘superslides’
 •	Add Image field. Title field, or body field.
-•	You can choose options from style options like autoplay, authoplay duration, field animation etc
+•	You can choose options from style options like autoplay, authoplay duration,
+    field animation etc
 
 Features
 ----------------
@@ -58,4 +67,5 @@ Features
 •	Firefox 2+
 •	Safari 3.1+
 •	Opera 10+
-•	Mobile browsers( iOS, Android, Windows, Windows Surface and Mac are all supported)
+•	Mobile browsers( iOS, Android, Windows, Windows Surface and Mac are all
+    supported)
diff --git a/js/superslides-custom.js b/js/superslides-custom.js
index d656f00..c2ee520 100644
--- a/js/superslides-custom.js
+++ b/js/superslides-custom.js
@@ -1,3 +1,7 @@
+/**
+ * @file
+ */
+
 (function ($) {
     Drupal.behaviors.themeExample = {
         attach: function (context, settings) {
@@ -7,49 +11,49 @@
 
                     var superslidesView = settings.views.superslidesViews;
 
-                    for (var i in superslidesView) {
-
-                        if (!superslidesView.hasOwnProperty(i)) {
-                            continue;
-                        }
-
-                        var obj = superslidesView[i];
+                  for (var i in superslidesView) {
 
-                        for (var prop in obj) {
-                            if (obj.hasOwnProperty(prop)) {
+                    if (!superslidesView.hasOwnProperty(i)) {
+                        continue;
+                    }
 
-                                var selector = '#slider-dom-id-' + obj.view_dom_id.trim();
+                      var obj = superslidesView[i];
 
-                                var autoplay = obj.autoplay;
+                    for (var prop in obj) {
+                      if (obj.hasOwnProperty(prop)) {
 
-                                var autoplayInterval = parseInt(obj.autoplayinterval);
+                          var selector = '#slider-dom-id-' + obj.view_dom_id.trim();
 
-                                if (autoplay === 1) {
+                          var autoplay = obj.autoplay;
 
-                                    var autoplaySelector = selector + ' .slides-navigation .next';
+                          var autoplayInterval = parseInt(obj.autoplayinterval);
 
-                                    function do_slide() {
-                                        interval = setInterval(
-                                            function () {
-                                                jQuery(autoplaySelector).click();
-                                            }, autoplayInterval
-                                        );
-                                    }
+                        if (autoplay === 1) {
 
-                                    do_slide();
-                                }
+                            var autoplaySelector = selector + ' .slides-navigation .next';
 
-                                $(selector).superslides(
-                                    {
-                                        hashchange: false
-                                    }
+                          function do_slide() {
+                              interval = setInterval(
+                                  function () {
+                                      jQuery(autoplaySelector).click();
+                                  }, autoplayInterval
                                 );
+                          }
 
-                            };
+                              do_slide();
                         }
+
+                            $(selector).superslides(
+                                {
+                                    hashchange: false
+                                  }
+                            );
+
+                      };
                     }
+                  }
                 }
             );
         }
-    };
+  };
 })(jQuery);
diff --git a/src/Plugin/views/style/SuperSlides.php b/src/Plugin/views/style/SuperSlides.php
index 6e97bec..85546f4 100644
--- a/src/Plugin/views/style/SuperSlides.php
+++ b/src/Plugin/views/style/SuperSlides.php
@@ -16,53 +16,50 @@ use Drupal\Core\Form\FormStateInterface;
  *   display_types = {"normal"}
  * )
  */
-class SuperSlides extends StylePluginBase
-{
-
-    /**
-     * Does the style plugin for itself support to add fields to it's output.
-     *
-     * @var bool
-     */
-    protected $usesFields = true;
-
-    /**
-     * Denotes whether the plugin has an additional options form.
-     *
-     * @var bool
-     */
-    protected $usesOptions = true;
-
-    /**
-     * Does the style plugin allows to use style plugins.
-     *
-     * @var bool
-     */
-    protected $usesRowPlugin = true;
-
-    /**
-     * Does the style plugin support custom css class for the rows.
-     *
-     * @var bool
-     */
-    protected $usesRowClass = false;
-
-    /**
-     * Does the style plugin support grouping.
-     *
-     * @var bool
-     */
-    protected $usesGrouping = false;
-
-	/**
-     * {@inheritdoc}
-     */
+class SuperSlides extends StylePluginBase {
+
+  /**
+   * Does the style plugin for itself support to add fields to it's output.
+   *
+   * @var bool
+   */
+  protected $usesFields = TRUE;
+
+  /**
+   * Denotes whether the plugin has an additional options form.
+   *
+   * @var bool
+   */
+  protected $usesOptions = TRUE;
+
+  /**
+   * Does the style plugin allows to use style plugins.
+   *
+   * @var bool
+   */
+  protected $usesRowPlugin = TRUE;
+
+  /**
+   * Does the style plugin support custom css class for the rows.
+   *
+   * @var bool
+   */
+  protected $usesRowClass = FALSE;
+
+  /**
+   * Does the style plugin support grouping.
+   *
+   * @var bool
+   */
+  protected $usesGrouping = FALSE;
+
+  /**
+   * {@inheritdoc}
+   */
   protected function defineOptions() {
     $options = parent::defineOptions();
 
-	
-	//dsm($this,'from defoptions');
-		
+    // dsm($this,'from defoptions');.
     $options['autoplay'] = array('default' => TRUE);
     $options['autoplayinterval'] = array('default' => 1000);
     $options['show_animation'] = array('default' => 'fadeIn');
@@ -71,178 +68,175 @@ class SuperSlides extends StylePluginBase
 
     return $options;
   }
-	
-	
-    /**
-     * {@inheritdoc}
-     */
-    public function buildOptionsForm(&$form, FormStateInterface $form_state) 
-    {
-        parent::buildOptionsForm($form, $form_state);
-
-		
-		
-        $field_labels = array_keys($this->displayHandler->getFieldLabels(true));
-
-        $form['global'] = array(
-            '#type' => 'fieldset',
-            '#title' => 'Global',
-        );
-       
-        $form['global']['autoplay'] = array(
-            '#type' => 'checkbox',
-            '#title' => $this->t('Autoplay'),
-            '#default_value' => (isset($this->options['global']['autoplay'])) ?
-        $this->options['global']['autoplay'] : $this->options['autoplay'],
-            '#description' => t('Enable to auto play.'),
-        );
-
-        $form['global']['autoplayinterval'] = array(
-            '#type' => 'number',
-            '#title' => $this->t('Autoplay interval'),
-            '#attributes' => array(
-                'min' => 1000,
-                'step' => 1000,
-                'value' => $this->options['global']['autoplayinterval'],
-            ),
-			'#default_value' => (isset($this->options['global']['autoplayinterval'])) ?
-        $this->options['global']['autoplayinterval'] : $this->options['autoplayinterval'],
-            '#description' => t('Interval (in milliseconds) to go for next slide since the previous stopped.'),
-        );
 
-        for ($i = 0; $i < count($field_labels); $i++) {
-
-
-            $form[$field_labels[$i]] = array(
-                '#type' => 'fieldset',
-                '#title' => $field_labels[$i],
-            );
-
-            $form[$field_labels[$i]]['show_animation'] = [
-                '#type' => 'select',
-                '#title' => $this->t('Animation'),
-                '#description' => t('Animation'),
-                '#default_value' => (isset($this->options[$field_labels[$i]]['show_animation'])) ?
-                        $this->options[$field_labels[$i]]['show_animation'] : $this->options['show_animation'],
-                '#options' => [
-                    '' => $this->t('- NONE -'),
-                    'Sliding Entrances' => [
-                        'slideInDown' => $this->t('slideInDown'),
-                        'slideInLeft' => $this->t('slideInLeft'),
-                        'slideInRight' => $this->t('slideInRight'),
-                        'slideInUp' => $this->t('slideInUp'),
-                    ],
-                    'Fading Entrances' => [
-                        'fadeIn' => $this->t('fadeIn'),
-                        'fadeInDown' => $this->t('fadeInDown'),
-                        'fadeInDownBig' => $this->t('fadeInDownBig'),
-                        'fadeInLeft' => $this->t('fadeInLeft'),
-                        'fadeInLeftBig' => $this->t('fadeInLeftBig'),
-                        'fadeInRight' => $this->t('fadeInRight'),
-                        'fadeInRightBig' => $this->t('fadeInRightBig'),
-                        'fadeInUp' => $this->t('fadeInUp'),
-                        'fadeInUpBig' => $this->t('fadeInUpBig'),
-                    ],
-                    'Flippers' => [
-                        'flip' => $this->t('flip'),
-                        'flipInX' => $this->t('flipInX'),
-                        'flipInY' => $this->t('flipInY'),
-                    ],
-                    'Bouncing Entrances' => [
-                        'bounce' => $this->t('bounce'),
-                        'bounceIn' => $this->t('bounceIn'),
-                        'bounceInDown' => $this->t('bounceInDown'),
-                        'bounceInRight' => $this->t('bounceInRight'),
-                        'bounceInUp' => $this->t('bounceInUp'),
-                        'bounceInLeft' => $this->t('bounceInLeft'),
-                    ],
-                    'Rotating Entrances' => [
-                        'rotateIn' => $this->t('rotateIn'),
-                        'rotateInDownLeft' => $this->t('rotateInDownLeft'),
-                        'rotateInDownRight' => $this->t('rotateInDownRight'),
-                        'rotateInUpLeft' => $this->t('rotateInUpLeft'),
-                        'rotateInUpRight' => $this->t('rotateInUpRight'),
-                    ],
-                    'Zoom Entrances' => [
-                        'zoomIn' => $this->t('zoomIn'),
-                        'zoomInUp' => $this->t('zoomInUp'),
-                        'zoomInDown' => $this->t('zoomInDown'),
-                        'zoomInLeft' => $this->t('zoomInLeft'),
-                        'zoomInRight' => $this->t('zoomInRight'),
-                    ],
-                    'Attention Seeker' => [
-                        'hinge' => $this->t('hinge'),
-                        'rollIn' => $this->t('rollIn'),
-                        'shake' => $this->t('shake'),
-                        'flash' => $this->t('flash'),
-                        'pulse' => $this->t('pulse'),
-                        'rubberBand' => $this->t('rubberBand'),
-                        'swing' => $this->t('swing'),
-                        'tada' => $this->t('tada'),
-                        'jello' => $this->t('jello'),
-                    ],
-                ],
-            ];
-
-            $form[$field_labels[$i]]['delay'] = array(
-                '#type' => 'number',
-                '#title' => $this->t('Delay'),
-                '#attributes' => array(
-                    'min' => 0,
-                    'step' => 1,
-                    'value' => (isset($this->options[$field_labels[$i]]['delay'])) ?
-                            $this->options[$field_labels[$i]]['delay'] : $this->options['delay'],
-                ),
-                '#description' => t('Specifies delay in seconds.'),
-            );
-
-            $form[$field_labels[$i]]['duration'] = array(
-                '#type' => 'number',
-                '#title' => $this->t('Duration'),
-                '#attributes' => array(
-                    'min' => 0,
-                    'step' => 1,
-                    'value' => (isset($this->options[$field_labels[$i]]['duration'])) ?
-                            $this->options[$field_labels[$i]]['duration'] : $this->options['duration'],
-                ),
-                '#description' => t('Specifies delay in seconds.'),
-            );
-        }
+  /**
+   * {@inheritdoc}
+   */
+  public function buildOptionsForm(&$form, FormStateInterface $form_state) {
+
+    parent::buildOptionsForm($form, $form_state);
+
+    $field_labels = array_keys($this->displayHandler->getFieldLabels(TRUE));
+
+    $form['global'] = array(
+      '#type' => 'fieldset',
+      '#title' => 'Global',
+    );
+
+    $form['global']['autoplay'] = array(
+      '#type' => 'checkbox',
+      '#title' => $this->t('Autoplay'),
+      '#default_value' => (isset($this->options['global']['autoplay'])) ?
+      $this->options['global']['autoplay'] : $this->options['autoplay'],
+      '#description' => t('Enable to auto play.'),
+    );
+
+    $form['global']['autoplayinterval'] = array(
+      '#type' => 'number',
+      '#title' => $this->t('Autoplay interval'),
+      '#attributes' => array(
+        'min' => 1000,
+        'step' => 1000,
+        'value' => $this->options['global']['autoplayinterval'],
+      ),
+      '#default_value' => (isset($this->options['global']['autoplayinterval'])) ?
+      $this->options['global']['autoplayinterval'] : $this->options['autoplayinterval'],
+      '#description' => t('Interval (in milliseconds) to go for next slide since the previous stopped.'),
+    );
+
+    for ($i = 0; $i < count($field_labels); $i++) {
+
+      $form[$field_labels[$i]] = array(
+        '#type' => 'fieldset',
+        '#title' => $field_labels[$i],
+      );
+
+      $form[$field_labels[$i]]['show_animation'] = [
+        '#type' => 'select',
+        '#title' => $this->t('Animation'),
+        '#description' => t('Animation'),
+        '#default_value' => (isset($this->options[$field_labels[$i]]['show_animation'])) ?
+        $this->options[$field_labels[$i]]['show_animation'] : $this->options['show_animation'],
+        '#options' => [
+          '' => $this->t('- NONE -'),
+          'Sliding Entrances' => [
+            'slideInDown' => $this->t('slideInDown'),
+            'slideInLeft' => $this->t('slideInLeft'),
+            'slideInRight' => $this->t('slideInRight'),
+            'slideInUp' => $this->t('slideInUp'),
+          ],
+          'Fading Entrances' => [
+            'fadeIn' => $this->t('fadeIn'),
+            'fadeInDown' => $this->t('fadeInDown'),
+            'fadeInDownBig' => $this->t('fadeInDownBig'),
+            'fadeInLeft' => $this->t('fadeInLeft'),
+            'fadeInLeftBig' => $this->t('fadeInLeftBig'),
+            'fadeInRight' => $this->t('fadeInRight'),
+            'fadeInRightBig' => $this->t('fadeInRightBig'),
+            'fadeInUp' => $this->t('fadeInUp'),
+            'fadeInUpBig' => $this->t('fadeInUpBig'),
+          ],
+          'Flippers' => [
+            'flip' => $this->t('flip'),
+            'flipInX' => $this->t('flipInX'),
+            'flipInY' => $this->t('flipInY'),
+          ],
+          'Bouncing Entrances' => [
+            'bounce' => $this->t('bounce'),
+            'bounceIn' => $this->t('bounceIn'),
+            'bounceInDown' => $this->t('bounceInDown'),
+            'bounceInRight' => $this->t('bounceInRight'),
+            'bounceInUp' => $this->t('bounceInUp'),
+            'bounceInLeft' => $this->t('bounceInLeft'),
+          ],
+          'Rotating Entrances' => [
+            'rotateIn' => $this->t('rotateIn'),
+            'rotateInDownLeft' => $this->t('rotateInDownLeft'),
+            'rotateInDownRight' => $this->t('rotateInDownRight'),
+            'rotateInUpLeft' => $this->t('rotateInUpLeft'),
+            'rotateInUpRight' => $this->t('rotateInUpRight'),
+          ],
+          'Zoom Entrances' => [
+            'zoomIn' => $this->t('zoomIn'),
+            'zoomInUp' => $this->t('zoomInUp'),
+            'zoomInDown' => $this->t('zoomInDown'),
+            'zoomInLeft' => $this->t('zoomInLeft'),
+            'zoomInRight' => $this->t('zoomInRight'),
+          ],
+          'Attention Seeker' => [
+            'hinge' => $this->t('hinge'),
+            'rollIn' => $this->t('rollIn'),
+            'shake' => $this->t('shake'),
+            'flash' => $this->t('flash'),
+            'pulse' => $this->t('pulse'),
+            'rubberBand' => $this->t('rubberBand'),
+            'swing' => $this->t('swing'),
+            'tada' => $this->t('tada'),
+            'jello' => $this->t('jello'),
+          ],
+        ],
+      ];
+
+      $form[$field_labels[$i]]['delay'] = array(
+        '#type' => 'number',
+        '#title' => $this->t('Delay'),
+        '#attributes' => array(
+          'min' => 0,
+          'step' => 1,
+          'value' => (isset($this->options[$field_labels[$i]]['delay'])) ?
+          $this->options[$field_labels[$i]]['delay'] : $this->options['delay'],
+        ),
+        '#description' => t('Specifies delay in seconds.'),
+      );
+
+      $form[$field_labels[$i]]['duration'] = array(
+        '#type' => 'number',
+        '#title' => $this->t('Duration'),
+        '#attributes' => array(
+          'min' => 0,
+          'step' => 1,
+          'value' => (isset($this->options[$field_labels[$i]]['duration'])) ?
+          $this->options[$field_labels[$i]]['duration'] : $this->options['duration'],
+        ),
+        '#description' => t('Specifies delay in seconds.'),
+      );
     }
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function render() {
+
+    $field_labels = array_keys($this->displayHandler->getFieldLabels(TRUE));
 
-    /**
-     * {@inheritdoc}
-     */
-    public function render() 
-    {
-
-        $field_labels = array_keys($this->displayHandler->getFieldLabels(true));
-
-        for ($i = 0; $i < count($this->view->result); $i++) {
-            for ($j = 0; $j < count($field_labels); $j++) {
-                $field_item_list = $this->view->result[$i]->_entity->get($field_labels[$j]);
-                $field_type = $field_item_list->getFieldDefinition()->getType();
-
-                $renderdata[$i][$field_type] = array('value' => $this->view->style_plugin->getField($i, $field_labels[$j]), 
-                                                     'label' => $field_labels[$j], 
-                                                     'options' => $this->options[$field_labels[$j]]);
-            }
-        }
-  
-        $item = new \stdClass();
-
-        if (isset($renderdata)) {
-            $item->renderData = $renderdata;
-        }
-
-        $build = array(
-            '#theme' => $this->themeFunctions(),
-            '#view' => $this->view,
-            '#options' => $this->options,
-            '#rows' => $item,
+    for ($i = 0; $i < count($this->view->result); $i++) {
+      for ($j = 0; $j < count($field_labels); $j++) {
+        $field_item_list = $this->view->result[$i]->_entity->get($field_labels[$j]);
+        $field_type = $field_item_list->getFieldDefinition()->getType();
+
+        $renderdata[$i][$field_type] = array(
+          'value' => $this->view->style_plugin->getField($i, $field_labels[$j]),
+          'label' => $field_labels[$j],
+          'options' => $this->options[$field_labels[$j]],
         );
+      }
+    }
+
+    $item = new \stdClass();
 
-        return $build;
+    if (isset($renderdata)) {
+      $item->renderData = $renderdata;
     }
 
+    $build = array(
+      '#theme' => $this->themeFunctions(),
+      '#view' => $this->view,
+      '#options' => $this->options,
+      '#rows' => $item,
+    );
+
+    return $build;
+  }
+
 }
diff --git a/style/animate.css b/style/animate.css
index 5117c84..ee429d3 100644
--- a/style/animate.css
+++ b/style/animate.css
@@ -34,14 +34,19 @@
 }
 
 @-webkit-keyframes bounce {
-  from, 20%, 53%, 80%, to {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
   }
 
-  40%, 43% {
+  40%,
+  43% {
     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     -webkit-transform: translate3d(0, -30px, 0);
@@ -62,14 +67,19 @@
 }
 
 @keyframes bounce {
-  from, 20%, 53%, 80%, to {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
   }
 
-  40%, 43% {
+  40%,
+  43% {
     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     -webkit-transform: translate3d(0, -30px, 0);
@@ -97,21 +107,27 @@
 }
 
 @-webkit-keyframes flash {
-  from, 50%, to {
+  from,
+  50%,
+  to {
     opacity: 1;
   }
 
-  25%, 75% {
+  25%,
+  75% {
     opacity: 0;
   }
 }
 
 @keyframes flash {
-  from, 50%, to {
+  from,
+  50%,
+  to {
     opacity: 1;
   }
 
-  25%, 75% {
+  25%,
+  75% {
     opacity: 0;
   }
 }
@@ -242,34 +258,50 @@
 }
 
 @-webkit-keyframes shake {
-  from, to {
+  from,
+  to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 
-  10%, 30%, 50%, 70%, 90% {
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
     -webkit-transform: translate3d(-10px, 0, 0);
     transform: translate3d(-10px, 0, 0);
   }
 
-  20%, 40%, 60%, 80% {
+  20%,
+  40%,
+  60%,
+  80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
 }
 
 @keyframes shake {
-  from, to {
+  from,
+  to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 
-  10%, 30%, 50%, 70%, 90% {
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
     -webkit-transform: translate3d(-10px, 0, 0);
     transform: translate3d(-10px, 0, 0);
   }
 
-  20%, 40%, 60%, 80% {
+  20%,
+  40%,
+  60%,
+  80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
@@ -418,17 +450,23 @@
     transform: scale3d(1, 1, 1);
   }
 
-  10%, 20% {
+  10%,
+  20% {
     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
   }
 
-  30%, 50%, 70%, 90% {
+  30%,
+  50%,
+  70%,
+  90% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
 
-  40%, 60%, 80% {
+  40%,
+  60%,
+  80% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
@@ -445,17 +483,23 @@
     transform: scale3d(1, 1, 1);
   }
 
-  10%, 20% {
+  10%,
+  20% {
     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
   }
 
-  30%, 50%, 70%, 90% {
+  30%,
+  50%,
+  70%,
+  90% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
 
-  40%, 60%, 80% {
+  40%,
+  60%,
+  80% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
@@ -553,7 +597,9 @@
 }
 
 @-webkit-keyframes jello {
-  from, 11.1%, to {
+  from,
+  11.1%,
+  to {
     -webkit-transform: none;
     transform: none;
   }
@@ -595,7 +641,9 @@
 }
 
 @keyframes jello {
-  from, 11.1%, to {
+  from,
+  11.1%,
+  to {
     -webkit-transform: none;
     transform: none;
   }
@@ -644,7 +692,12 @@
 }
 
 @-webkit-keyframes bounceIn {
-  from, 20%, 40%, 60%, 80%, to {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -684,7 +737,12 @@
 }
 
 @keyframes bounceIn {
-  from, 20%, 40%, 60%, 80%, to {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -729,7 +787,11 @@
 }
 
 @-webkit-keyframes bounceInDown {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -763,7 +825,11 @@
 }
 
 @keyframes bounceInDown {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -802,7 +868,11 @@
 }
 
 @-webkit-keyframes bounceInLeft {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -836,7 +906,11 @@
 }
 
 @keyframes bounceInLeft {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -875,7 +949,11 @@
 }
 
 @-webkit-keyframes bounceInRight {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -909,7 +987,11 @@
 }
 
 @keyframes bounceInRight {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -948,7 +1030,11 @@
 }
 
 @-webkit-keyframes bounceInUp {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -982,7 +1068,11 @@
 }
 
 @keyframes bounceInUp {
-  from, 60%, 75%, 90%, to {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
@@ -1026,7 +1116,8 @@
     transform: scale3d(.9, .9, .9);
   }
 
-  50%, 55% {
+  50%,
+  55% {
     opacity: 1;
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
@@ -1045,7 +1136,8 @@
     transform: scale3d(.9, .9, .9);
   }
 
-  50%, 55% {
+  50%,
+  55% {
     opacity: 1;
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
@@ -1069,7 +1161,8 @@
     transform: translate3d(0, 10px, 0);
   }
 
-  40%, 45% {
+  40%,
+  45% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
@@ -1088,7 +1181,8 @@
     transform: translate3d(0, 10px, 0);
   }
 
-  40%, 45% {
+  40%,
+  45% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
@@ -1178,7 +1272,8 @@
     transform: translate3d(0, -10px, 0);
   }
 
-  40%, 45% {
+  40%,
+  45% {
     opacity: 1;
     -webkit-transform: translate3d(0, 20px, 0);
     transform: translate3d(0, 20px, 0);
@@ -1197,7 +1292,8 @@
     transform: translate3d(0, -10px, 0);
   }
 
-  40%, 45% {
+  40%,
+  45% {
     opacity: 1;
     -webkit-transform: translate3d(0, 20px, 0);
     transform: translate3d(0, 20px, 0);
@@ -2566,7 +2662,8 @@
     animation-timing-function: ease-in-out;
   }
 
-  20%, 60% {
+  20%,
+  60% {
     -webkit-transform: rotate3d(0, 0, 1, 80deg);
     transform: rotate3d(0, 0, 1, 80deg);
     -webkit-transform-origin: top left;
@@ -2575,7 +2672,8 @@
     animation-timing-function: ease-in-out;
   }
 
-  40%, 80% {
+  40%,
+  80% {
     -webkit-transform: rotate3d(0, 0, 1, 60deg);
     transform: rotate3d(0, 0, 1, 60deg);
     -webkit-transform-origin: top left;
@@ -2600,7 +2698,8 @@
     animation-timing-function: ease-in-out;
   }
 
-  20%, 60% {
+  20%,
+  60% {
     -webkit-transform: rotate3d(0, 0, 1, 80deg);
     transform: rotate3d(0, 0, 1, 80deg);
     -webkit-transform-origin: top left;
@@ -2609,7 +2708,8 @@
     animation-timing-function: ease-in-out;
   }
 
-  40%, 80% {
+  40%,
+  80% {
     -webkit-transform: rotate3d(0, 0, 1, 60deg);
     transform: rotate3d(0, 0, 1, 60deg);
     -webkit-transform-origin: top left;
@@ -3338,4 +3438,3 @@
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
 }
-
diff --git a/style/superslides_custom.css b/style/superslides_custom.css
index 4c37fcf..e87dcbe 100644
--- a/style/superslides_custom.css
+++ b/style/superslides_custom.css
@@ -1,87 +1,86 @@
 .layout-container {
-    max-width: 100% !important;
+  max-width: 100% !important;
 }
 .superslide-caption {
-    position: relative;
-    top: 13%;
-    left: 10%;
-    width: 50%;
+  position: relative;
+  top: 13%;
+  left: 10%;
+  width: 50%;
 }
 .superslide-caption-title {
-    font-size: 40px;
-    color: #fff;
-    font-weight: 600;
-    margin-bottom: 30px;
+  font-size: 40px;
+  color: #fff;
+  font-weight: 600;
+  margin-bottom: 30px;
 }
 .superslide-caption-body {
-    font-size: 32px;
-    color: #fff;
-    margin-bottom: 30px;
+  font-size: 32px;
+  color: #fff;
+  margin-bottom: 30px;
 }
 .superslide-caption-link {
-    position: relative;
-    margin-top: 50px;
+  position: relative;
+  margin-top: 50px;
 }
 .superslide-caption-link a {
-    font-size: 28px;
-    color: black;
-    background: #c5ff54;
-    border-radius: 1px;
-    border: 0px;
-    padding: 5px;
+  font-size: 28px;
+  color: black;
+  background: #c5ff54;
+  border-radius: 1px;
+  border: 0px;
+  padding: 5px;
 }
 .slides-navigation .prev {
-    position: absolute;
-    left: -7%;
-    top: 111px;
-    height: 35px;
-    width: 35px;
-    background: none;
-    pointer-events: auto;
-    border: 3px solid #fff;
-    border-radius: 50%;
-    font-size: 0;
-    transform: translateY(-50%);
-    text-align: center;
-    padding-top: 3px;
+  position: absolute;
+  left: -7%;
+  top: 111px;
+  height: 35px;
+  width: 35px;
+  background: none;
+  pointer-events: auto;
+  border: 3px solid #fff;
+  border-radius: 50%;
+  font-size: 0;
+  transform: translateY(-50%);
+  text-align: center;
+  padding-top: 3px;
 }
 .slides-navigation .prev::before {
-    color: #fff;
-    font-family: monospace;
-    content: '<';
-    opacity: 1;
-    font-size: 23px;
-    cursor: pointer;
+  color: #fff;
+  font-family: monospace;
+  content: '<';
+  opacity: 1;
+  font-size: 23px;
+  cursor: pointer;
 }
 .slides-navigation .next {
-    position: absolute;
-    right: -7%;
-    top: 111px;
-    height: 35px;
-    width: 35px;
-    background: none;
-    pointer-events: auto;
-    border: 3px solid #fff;
-    border-radius: 50%;
-    font-size: 0;
-    transform: translateY(-50%);
-    text-align: center;
-    padding-top: 3px;
+  position: absolute;
+  right: -7%;
+  top: 111px;
+  height: 35px;
+  width: 35px;
+  background: none;
+  pointer-events: auto;
+  border: 3px solid #fff;
+  border-radius: 50%;
+  font-size: 0;
+  transform: translateY(-50%);
+  text-align: center;
+  padding-top: 3px;
 }
 .slides-navigation .next::before {
-    color: #fff;
-    font-family: monospace;
-    content: '>';
-    opacity: 1;
-    font-size: 23px;
-    cursor: pointer;
+  color: #fff;
+  font-family: monospace;
+  content: '>';
+  opacity: 1;
+  font-size: 23px;
+  cursor: pointer;
 }
 .slides-pagination {
-    position: absolute;
-    z-index: 3;
-    bottom: 25%;
-    text-align: center;
-    width: 100%;
-    right: 40%;
+  position: absolute;
+  z-index: 3;
+  bottom: 25%;
+  text-align: center;
+  width: 100%;
+  right: 40%;
 }
-
diff --git a/superslides.module b/superslides.module
index a52f04c..4de5a5a 100644
--- a/superslides.module
+++ b/superslides.module
@@ -7,36 +7,31 @@
 
 /**
  * Implements hook_preprocess_HOOK() for theme_animate_slider_style().
- *
- * @param $variables
  */
+function template_preprocess_superslides_style(&$variables) {
 
-function template_preprocess_superslides_style(&$variables) 
-{
-    /**
-* 
-     *
- * @var \Drupal\views\ViewExecutable $view 
-*/
-    
-    $view = $variables['view'];
-    $item = $variables['rows'];
-   
-    $style = $view->style_plugin;
-    $options = $style->options;
-  
-    $view->element['#attached']['library'][] = 'superslides/superslides';
-  
-    $settings = [];
-  
-    $settings['view_dom_id'] = $view->dom_id;
-    
-    $settings['autoplay'] = $options['global']['autoplay'];
-    $settings['autoplayinterval'] = $options['global']['autoplayinterval'];
- 
-    $view->element['#attached']['drupalSettings']['views']['superslidesViews']['views_dom_id:' . $view->dom_id] = $settings;
-  
-    $variables['data'] = $item->renderData;
-  
-    $variables['slider_id'] = 'slider-dom-id-' . $view->dom_id;
+  /*
+   * @var \Drupal\views\ViewExecutable $view
+   */
+
+  $view = $variables['view'];
+  $item = $variables['rows'];
+
+  $style = $view->style_plugin;
+  $options = $style->options;
+
+  $view->element['#attached']['library'][] = 'superslides/superslides';
+
+  $settings = [];
+
+  $settings['view_dom_id'] = $view->dom_id;
+
+  $settings['autoplay'] = $options['global']['autoplay'];
+  $settings['autoplayinterval'] = $options['global']['autoplayinterval'];
+
+  $view->element['#attached']['drupalSettings']['views']['superslidesViews']['views_dom_id:' . $view->dom_id] = $settings;
+
+  $variables['data'] = $item->renderData;
+
+  $variables['slider_id'] = 'slider-dom-id-' . $view->dom_id;
 }