/* -------------- animated ------------------ */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s;-moz-animation-duration:1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.active { -webkit-animation-duration: 1.4s; animation-duration: 1.4s;-moz-animation-duration:1.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }


/* BOUNCE IN DOWN */
@-moz-keyframes bounceInDown{
    0% { opacity: 0; -moz-transform: translateY(-2000px); transform: translateY(-2000px);}
    60% { opacity: 1; -moz-transform: translateY(30px); transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}
    60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}
    60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;      -moz-animation-name:bounceInDown; }

/* FADE IN UP DELAY */
@-webkit-keyframes fadeInUpDelay {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUpDelay {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUpDelay { -webkit-animation-name: fadeInUpDelay; animation-name: fadeInUpDelay; animation-delay: 1s; -webkit-animation-delay: 1s; }

/* FADE IN UP */
@-moz-keyframes fadeInUp{
    0% { opacity: 0; -moz-transform: translateY(20px); transform: translateY(20px);}
    100% {opacity:1; -moz-transform: translateY(0px); transform: translateY(0px); }
}

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;-moz-animation-name:fadeInUp;}

/* FADE IN DOWN */
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

/* FADE IN UPD */
@-webkit-keyframes fadeInUpD {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUpD {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUpD { -webkit-animation-name: fadeInUpD; animation-name: fadeInUpD; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }

/* FADE IN LEFT */
@-moz-keyframes fadeInLeft{
    0% {  
        -moz-transform: translateX(-350px);  
        transform: translateX(-350px); 
        opacity:0; 
    }  
  
    100% {  
        -moz-transform: translateX(0px);  
        transform: translateX(0px);  
        opacity:1;
    }  
}

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-350px); transform: translateX(-350px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-350px); -ms-transform: translateX(-150px); transform: translateX(-350px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;-moz-animation-name:fadeInLeft; }

/* FADE IN LEFT RIGHT */
@-moz-keyframes fadeInLeftRight{
    0% {  
        -moz-transform: translateX(-350px);  
        transform: translateX(-350px);  
        opacity:0;
    }  
  
    80% {  
        -moz-transform: translateX(10px);  
        transform: translateX(10px);  
    }
    100% {  
        -moz-transform: translateX(0px);  
        transform: translateX(0px);  
        opacity:1;
    }  
      
}

@-webkit-keyframes fadeInLeftRight {
    0% { opacity: 0; -webkit-transform: translateX(-350px); transform: translateX(-350px); }
    80% { opacity: 0.8; -webkit-transform: translateX(10); transform: translateX(10); }    
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeftRight {
    0% { opacity: 0; -webkit-transform: translateX(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); }
    80% { opacity: 0.8; -webkit-transform: translateX(10); -ms-transform: translateX(10); transform: translateX(10); }    
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeftRight { -webkit-animation-name: fadeInLeftRight; animation-name: fadeInLeftRight;-moz-animation-name:fadeInLeftRight; }


.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11{
	visibility: hidden; 
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD { visibility: visible; }