/* cssreset loadcss pageanimationcss */
@import url("cssreset.css");

/*loadingcss*/
.loadingclass{width:150px; height:150px; position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px;}
.loadingclass p{text-align: center;font-size: 18px;font-weight: bolder;color: #00f;}
.spinner {width: 100px;height: 100px;margin: auto;position: relative;}
.double-bounce1, .double-bounce2 {
	width: 100%;height: 100%;border-radius: 50%;background-color: #00f;opacity: 0.6;position: absolute;top: 0;left: 0; 
	animation: bounce 2.0s infinite ease-in-out;-webkit-animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {animation-delay: -1.0s;-webkit-animation-delay: -1.0s;}
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0);transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0);transform: scale(1.0) }
}
@keyframes bounce {
  0%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);}
  50% { transform: scale(1.0);-webkit-transform: scale(1.0);}
}
.contentclass{width: 100%;display: none;}


/*movement css*/
.page-movetotop {animation: page-movetotop 0.6s linear both;-webkit-animation: page-movetotop 0.6s linear both;}
@keyframes page-movetotop {
	from {}
	to {transform: translateY(-100%);-webkit-transform: translateY(-100%);}
}
@-webkit-keyframes page-movetotop {
	from {}
	to {transform: translateY(-100%);-webkit-transform: translateY(-100%);}
}

.page-movefromtop {animation: page-movefromtop 0.6s linear both;-webkit-animation: page-movefromtop 0.6s linear both;}
@keyframes page-movefromtop {
	from {transform: translateY(-100%);-webkit-transform: translateY(-100%);}
	to {}
}
@-webkit-keyframes page-movefromtop {
	from {transform: translateY(-100%);-webkit-transform: translateY(-100%);}
	to {}
}

.page-movetobottom {animation: page-movetobottom 0.6s linear both;-webkit-animation: page-movetobottom 0.6s linear both;}
@keyframes page-movetobottom {
	from {}
	to {transform: translateY(100%);-webkit-transform: translateY(100%);}
}
@-webkit-keyframes page-movetobottom {
	from {}
	to {transform: translateY(100%);-webkit-transform: translateY(100%);}
}

.page-movefrombottom {animation: page-movefrombottom 0.6s linear both;-webkit-animation: page-movefrombottom 0.6s linear both;}
@keyframes page-movefrombottom {
	from {transform: translateY(100%);-webkit-transform: translateY(100%);}
	to {}
}
@-webkit-keyframes page-movefrombottom {
	from {transform: translateY(100%);-webkit-transform: translateY(100%);}
	to {}
}

