/* 
 *  Scrolling Pack
 *  v1.2
 */

/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/

.d-animate{
  transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  -webkit-transition:all 1s;
  visibility:hidden; /* lt-ie9 */
}

/* lt-ie9 */
.d-animate.inviewport.d-animate{
  visibility:visible;
}

.d-from-left{
  position:relative;
  left:-150px;
  overflow-x: hidden;
}

.d-animate.inviewport.d-from-left{
  left:0;
}

.d-from-right{
  position:relative;
  right:-150px;
  overflow-x: hidden; 
}

.d-animate.inviewport.d-from-right{
  right:0;
}

.d-from-top{
  position:relative;
  top:-50px;
}

.d-animate.inviewport.d-from-top{
  top:0;
}

.d-from-bottom{
  position:relative;
  bottom:-50px;
}

.d-animate.inviewport.d-from-bottom{
  bottom:0;
}

.d-scale{
  position:relative;
  transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  -webkit-transform:scale(0);
}

.d-animate.inviewport.d-scale{
  transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transform:scale(1);
}

.d-opacity{
  opacity:0;
  text-align: center;
}

.d-animate.inviewport.d-opacity{
  opacity:1;
}

.d-animate.inviewport.d-cw-90,
.d-animate.inviewport.d-cw-180,
.d-animate.inviewport.d-ccw-90,
.d-animate.inviewport.d-ccw-180 {
  transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  -o-transform:rotate(0);
  -webkit-transform:rotate(0);
}

.d-animate.d-cw-90 {
  transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}

.d-animate.d-cw-180{
  transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
}

.d-animate.d-ccw-90{
  transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
}

.d-animate.d-ccw-180{
  transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  -o-transform:rotate(-180deg);
  -webkit-transform:rotate(-180deg);
}

/*-----------------------------------------------------------------------------------*/
/*  Delay
/*-----------------------------------------------------------------------------------*/
.d-delay01{
  transition-delay:0.1s !important;
  -moz-transition-delay:0.1s !important;
  -ms-transition-delay:0.1s !important;
  -o-transition-delay:0.1s !important;
  -webkit-transition-delay:0.1s !important;
}

.d-delay02{
  transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -ms-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  -webkit-transition-delay:0.2s !important;
}

.d-delay03{
  transition-delay:0.3s !important;
  -moz-transition-delay:0.3s !important;
  -ms-transition-delay:0.3s !important;
  -o-transition-delay:0.3s !important;
  -webkit-transition-delay:0.3s !important;
}

.d-delay04{
  transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -ms-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  -webkit-transition-delay:0.4s !important;
}

.d-delay05{
  transition-delay:0.5s !important;
  -moz-transition-delay:0.5s !important;
  -ms-transition-delay:0.5s !important;
  -o-transition-delay:0.5s !important;
  -webkit-transition-delay:0.5s !important;
}

.d-delay06{
  transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -ms-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  -webkit-transition-delay:0.6s !important;
}

.d-delay07{
  transition-delay:0.7s !important;
  -moz-transition-delay:0.7s !important;
  -ms-transition-delay:0.7s !important;
  -o-transition-delay:0.7s !important;
  -webkit-transition-delay:0.7s !important;
}

.d-delay08{
  transition-delay:0.8s !important;
  -moz-transition-delay:0.8s !important;
  -ms-transition-delay:0.8s !important;
  -o-transition-delay:0.8s !important;
  -webkit-transition-delay:0.8s !important;
}

.d-delay09{
  transition-delay:0.9s !important;
  -moz-transition-delay:0.9s !important;
  -ms-transition-delay:0.9s !important;
  -o-transition-delay:0.9s !important;
  -webkit-transition-delay:0.9s !important;
}

.d-delay10{
  transition-delay:1.0s !important;
  -moz-transition-delay:1.0s !important;
  -ms-transition-delay:1.0s !important;
  -o-transition-delay:1.0s !important;
  -webkit-transition-delay:1.0s !important;
}