/* content loading animation--------*/

.animate.left{
	visibility:hidden;
	opacity:0;
	transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	-ms-transform:translateX(-20px);
	-o-transform:translateX(-20px);
	-webkit-transform:translateX(-20px)
}
.animate.right{
	visibility:hidden;
	opacity:0;
	transform:translateX(50px);
	-moz-transform:translateX(20px);
	-ms-transform:translateX(20px);
	-o-transform:translateX(20px);
	-webkit-transform:translateX(20px)
}
.animate.top{
	visibility:hidden;
	opacity:0;
	transform:translateY(-50px);
	-moz-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	-o-transform:translateY(-20px);
	-webkit-transform:translateY(-20px)
}
.animate.bottom{
	visibility:hidden;
	opacity:0;
	transform:translateY(20px);
	-moz-transform:translateY(20px);
	-ms-transform:translateY(20px);
	-o-transform:translateY(20px);
	-webkit-transform:translateY(20px)
}
.animate.center{
	visibility:hidden;
	opacity:0;
	transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-transform: scale(0.8)
}
.left, .right, .top, .bottom, .center{
	visibility:visible;
	opacity:1;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1)
}


/* navigation fixed animation */
@media(min-width:767px) {
    .navbar-main {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out
    }

    .top-nav-collapse {
        padding: 0;
		box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35)
    }
}