/* loading */
.loading{position: fixed;width: 100vw;height: 100vh; top: 0px;left: 0px;background: #7acad8;z-index: 9999;
}
.loading .animation{
		position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
fill:#ccc;
stroke-dasharray: 2000;
stroke-dashoffset: 0;
stroke-width: 1;
-webkit-animation: hello 2s infinite;
animation: hello 2s infinite;
}
.loading .animation p{text-align:center; font-weight:bold;}
@keyframes hello {
	from,to {
				opacity: .7;
	}
	50% {
				opacity: 1;
	}
}

/* animation */

a.txtZoom {
	display: inline-block;
}
a.txtZoom:hover {
	-webkit-animation: txtZoom .3s;
	animation: txtZoom .3s;
}
@-webkit-keyframes txtZoom {
	50% {
		-webkit-transform: scale(1.05);
	}
}
@keyframes txtZoom {
	50% {
		transform: scale(1.05);
	}
}

/* scroll fadein  & animation.js */
.animation_scl {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}