slidePager.css

body, html{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family:OpenSansCondensed;
}
.active{
  z-index:3;
  opacity: 1 !important;
}
.pages{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity:0;
  -webkit-transition: -webkit-transform 0.6s ease;
    -moz-transition: -moz-transform 0.6s ease;
    -ms-transition: -ms-transform 0.6s ease;
    -o-transition: -o-transform 0.6s ease;
  height: 100%;
  width: 100%;
  color: rgb(48, 36, 36);
  background-color: white;
}

.black-cover{
  position:absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}
.pages__content{
  font-size: 34px;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  color: white;
  position: relative;
  z-index: 3;
}

.content__title{
  position: relative;
  top: 42%;
}
.content__description{
  position: relative;
  top: 45%;
  color: grey;
  font-size: 15px;
}
.content__bread-right{
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  width: 31px;
  font-size: 16px;
}
.content__bread-left{
  position: absolute;
  left: 0;
  transform: rotate(270deg);
  font-size: 16px;
}
.content__bread-top{
  transform: rotate(0deg);
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  font-size: 16px;
}
.content__bread-bottom{
  transform: rotate(0deg);
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  font-size: 16px;
}

.pages1{
  background-size: cover;
  background-position: center;
  background-image: url("bg1.jpg");

}
.moveRight{
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  z-index: 5;
}
.moveLeft{
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  z-index: 5;
}
.moveUp{
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  z-index: 5;
}
.moveDown{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  z-index: 5;
}