a, .btn, .service_item, .service_item i, 
.project-title, .project-category, .controls .control{
	-webkit-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
} 
#scroll, .nav-pills .nav-link {
	-webkit-transition:all 700ms ease-out;
	-ms-transition:all 700ms ease-out;
	-o-transition:all 700ms ease-out;
	-moz-transition:all 700ms ease-out;
	transition:all 700ms ease-out;
}
.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 .8s;
	 -ms-transition: transform .8s;
	 -o-transition: transform .8s;
	 -moz-transition: transform .8s;
    transition: transform .8s;
}
[class*="section_title_"] span {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
.xy-center{
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%)
}
.service_item{
	transform: rotateY(20deg)
}
.service_item:hover{
	transform: rotateY(0deg)
}

/*  Gallery Animation
-------------------------------------*/
.project-title,
.project:hover figure,
.project-category{
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.project figure:after,
.project-zoom{
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.project img{
    -moz-transition: all 8s linear 0s;
    -webkit-transition: all 8s linear 0s;
    -ms-transition: all 8s linear 0s;
    -o-transition: all 8s linear 0s;
    transition: all 8s linear 0s;
}
.project figure:hover .project-zoom{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.project:hover img{
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.project-zoom{
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.project-zoom:after{
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}