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

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

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

.d-from-left{
  position:relative;
  left:-100%;
  overflow-x: hidden;
}

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

.d-from-right{
  position:relative;
  right:-100%;
  overflow-x: hidden; 
}

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

.d-from-top{
  position:relative;
  top:-100%;
}

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

.d-from-bottom{
  position:relative;
  bottom:-100%;
}

.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;
}

.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.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-delay02{
  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-delay03{
  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-delay04{
  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-delay05{
  transition-delay:0.7s !important;
  -moz-transition-delay:0.7s !important;
  -ms-transition-delay:0.7s !important;
  -o-transition-delay:0.7 !important;
  -webkit-transition-delay:0.7s !important;
}

.d-delay06{
  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-delay07{
  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-delay08{
  transition-delay:1s !important;
  -moz-transition-delay:1s !important;
  -ms-transition-delay:1s !important;
  -o-transition-delay:1s !important;
  -webkit-transition-delay:1s !important;
}

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

.d-delay10{
  transition-delay:1.2s !important;
  -moz-transition-delay:1.2s !important;
  -ms-transition-delay:1.2s !important;
  -o-transition-delay:1.2s !important;
  -webkit-transition-delay:1.2s !important;
}
.d-delay11{
  transition-delay:1.3s !important;
  -moz-transition-delay:1.3s !important;
  -ms-transition-delay:1.3s !important;
  -o-transition-delay:1.3s !important;
  -webkit-transition-delay:1.3s !important;
}
.d-delay12{
  transition-delay:1.4s !important;
  -moz-transition-delay:1.4s !important;
  -ms-transition-delay:1.4s !important;
  -o-transition-delay:1.4s !important;
  -webkit-transition-delay:1.4s !important;
}
.d-delay13{
  transition-delay:1.5s !important;
  -moz-transition-delay:1.5s !important;
  -ms-transition-delay:1.5s !important;
  -o-transition-delay:1.5s !important;
  -webkit-transition-delay:1.5s !important;
}
.d-delay14{
  transition-delay:1.6s !important;
  -moz-transition-delay:1.6s !important;
  -ms-transition-delay:1.6s !important;
  -o-transition-delay:1.6s !important;
  -webkit-transition-delay:1.6s !important;
}
.d-delay15{
  transition-delay:1.7s !important;
  -moz-transition-delay:1.7s !important;
  -ms-transition-delay:1.7s !important;
  -o-transition-delay:1.7s !important;
  -webkit-transition-delay:1.7s !important;
}
.d-delay18{
  transition-delay:1.8s !important;
  -moz-transition-delay:1.8s !important;
  -ms-transition-delay:1.8s !important;
  -o-transition-delay:1.8 !important;
  -webkit-transition-delay:1.8s !important;
}

.d-delay19{
  transition-delay:1.9s !important;
  -moz-transition-delay:1.9s !important;
  -ms-transition-delay:1.9s !important;
  -o-transition-delay:1.9s !important;
  -webkit-transition-delay:1.9s !important;
}
.d-delay20{
  transition-delay:2.0s !important;
  -moz-transition-delay:2.0s !important;
  -ms-transition-delay:2.0s !important;
  -o-transition-delay:2.0s !important;
  -webkit-transition-delay:2.0s !important;
}
.d-delay30{
  transition-delay:3.0s !important;
  -moz-transition-delay:3.0s !important;
  -ms-transition-delay:3.0s !important;
  -o-transition-delay:3.0s !important;
  -webkit-transition-delay:3.0s !important;
}