/* ======================================================
Slider Animation
======================================================= */
.carousel-caption h1 {
    animation-delay: 0.2s;
    animation-duration: 1s;
    opacity:0
}
.carousel-caption p {
    animation-delay: 0.6s;
    animation-duration: 1s;
    opacity:0;
}
.carousel-caption .btn{
    animation-delay: 1.3s;
    animation-duration: 1s;
    opacity:0;
}
.carousel-item.active .carousel-caption p, 
.carousel-item.active .carousel-caption h1,
.member:hover .data{
    animation-name: fadeInUp;
}
.carousel-item.active .carousel-caption p, 
.carousel-item.active .carousel-caption h1{
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity:1
}
.carousel-item.active .carousel-caption .btn{
    animation-name: fadeInUp;
}
.carousel-item.active .carousel-caption .btn{
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity:1
}

/*  Nav Animation
==========================================================================*/

.nav-scroll, .menu-scroll{
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    -moz-transition: transform .5s;
    transition: transform .5s;
}
.navbar-nav .nav-item .nav-link:before{
     -webkit-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     transition: all 300ms linear;
    
}
.navbar-nav .nav-item .nav-link:before{
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}
.navbar-nav .nav-item .nav-link.active:before{
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

/*  Default Animation
==========================================================================*/
.default-portfolio-item .overlay-box,.table,.member:hover .data,.counter,
.blog_img img,.blog_item:hover .blog_img img,.blog_item a:hover{
    -webkit-transition:all 400ms ease-out;
    -ms-transition:all 400ms ease-out;
    -o-transition:all 400ms ease-out;
    -moz-transition:all 400ms ease-out;
    transition:all 400ms ease-out;
}
.default-portfolio-item .overlay-box .arrow span i.fa:hover,.member:hover .hover_overlay{
    transition:all 0.6s ease 0s;
    -webkit-transition:all 0.6s ease 0s;
    -moz-transition:all 0.6s ease 0s;
    -o-transition:all 0.6s ease 0s;
    -ms-transition:all 0.6s ease 0s;
}
.default-portfolio-item .overlay-box,.member .hover_overlay{
    -webkit-transform:scale(0,0);
    -ms-transform:scale(0,0);
    -moz-transform:scale(0,0);
    -o-transform:scale(0,0);
    transform:scale(0,0);
}
.default-portfolio-item:hover .overlay-box,.member:hover .hover_overlay,.blog_img img{
    -webkit-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -moz-transform:scale(1,1);
    transform:scale(1,1);
    opacity:1;
    visibility:visible; 
}
.blog_item:hover .blog_img img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
#pp-nav li .active span:before{
    -ms-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

/*  Transform
===========================================================================*/

.line_double::before, .line_double::after,
.line_double::before, .line_double::after,
.profile_img.personal_video .iconround:before,
.carousel-caption{
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.personal_video a,.lds-spinner{
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

/*  Youtube video
============================================================================*/

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative 
 }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-multiple > div {
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    margin: 0;
  left: -70px;
  top: -70px;
    width: 140px;
    height: 140px;
    -webkit-animation: ball-scale-multiple 3s 0s linear infinite;
            animation: ball-scale-multiple 3s 0s linear infinite; 
}