@charset "utf-8";
/* transformer */
.slider-area {
  position: relative;
  }
  .slider-area > div {
    display: none;
    position: absolute;
    }
  .slider-area > div:first-child {
    display: block;
    position: relative;
    }
  .transformer-loaded > div,
  .transformer-loaded > div:first-child {
    display: block;
    position: absolute;
    top: 0;
    }
  .transformer-loaded .transformer-item {
    -ms-touch-action: none;
    touch-action: none;
    }
  
  .transformer-loaded .transformer-item {
   -webkit-transition:
          z-index 0s,
          opacity .8s ease-in-out,
          -webkit-transform .8s ease-in-out;
   -moz-transition:
          z-index 0s,
          opacity .8s ease-in-out,
          -moz-transform .8s ease-in-out;
   -o-transition:
          z-index 0s,
          opacity .8s ease-in-out,
          -o-transform .8s ease-in-out;
   transition:
          z-index 0s,
          opacity .8s ease-in-out,
          transform .8s ease-in-out;

    z-index: 30;
    opacity: 0;
   -webkit-transform: translateX(-10%);
      -moz-transform: translateX(-10%);
        -o-transform: translateX(-10%);
           transform: translateX(-10%);

    }
  .transformer-loaded .transformer-current {
    z-index: 20;
    opacity: 1.0;
   -webkit-transform: translateX(0);   
      -moz-transform: translateX(0);
        -o-transform: translateX(0);
           transform: translateX(0);
        
    }
  .transformer-loaded .transformer-out {
    z-index: 10;
    opacity: 0;
   -webkit-transform: translateX(10%);
      -moz-transform: translateX(10%);
        -o-transform: translateX(10%);
           transform: translateX(10%);        
    }
  .transformer-loaded .transformer-direct {
    /* last! */
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;    
    }