.super-container{
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

  .super-container .sp-slide {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    display: none;
    opacity: 0.0;
  }

  .super-container .slide1 ,
  .super-container .slide2 ,
  .super-container .slide3 {
    background-image: url("../files/index/mainimage.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: cover;
  }

  .section1 .imageBox1 {
    background: url("../images/img_sub1.jpg") no-repeat fixed;
    background-size: cover;
  }

  .section1 {
    height: 250px;
    background-color: #FF9797;
  }

  .section2 {
    height: 250px;
    background-color: #8AC5B4;
  }

  .section3 {
    height: 250px;
    background-color: #FF9797;
  }

  .backgroundBox{
    height: 100%;
    background-color: #878787;
    transition:all 2s 0s ease;
    transform: translateX(100%);
    opacity: 1;
  }

  .backgroundBox2{
    height: 100%;
    background-color: #878787;
    transition:all 2s 0s ease;
    transform: translateX(-100%);
    opacity: 1;
  }

  .effect{
    overflow: hidden;
  }

  .effect div.move {
    -webkit-transform: translate(-10px, 0);
    opacity: 1;
  }