.nav-scroll,
.menu-scroll {
    -webkit-transform: translateY(111px);
    -ms-transform: translateY(111px);
    -o-transform: translateY(111px);
    -moz-transform: translateY(111px);
    transform: translateY(111px);
    -webkit-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s;
}

.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: translate(10px);
	-ms-transform: translate(10px);
	-moz-transform: translate(10px);
	-o-transform: translate(10px);
	transform: translate(10px);
}

.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 {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.personal_video a,
.loader {
    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;
    top: 79px;
    float: right;
    display: inline-block;
    left: -26px;
}

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