@charset "utf-8";
/* CSS Document */

/*onload animation*/
body {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

body.load {
    opacity: 1;
}


#nav {
	top: -100px;
	-webkit-transition: top 0.4s ease-in-out;
	transition: top 0.4s ease-in-out;
}

#nav.load {
    top: 0px;
}
/*onload animation*/



/* scroll animations */

.fadeIn
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fadeOut
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0,0px);
	opacity: 0.0;
}

@media screen and (max-width:767px){
.fromLeftIn
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0px,25px);
	opacity: 0.0;
}
}

@media screen and (min-width:768px){
.fromLeftIn
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(-100px,0px);
	opacity: 0.0;
}
}

@media screen and (max-width:767px){
.fromRightIn
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0px,25px);
	opacity: 0.0;
}
}

@media screen and (min-width:768px){
.fromRightIn
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(100px,0px);
	opacity: 0.0;
}
}

.fromBottomIn
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	
	transform: translate(0px,100px);
	opacity: 0.0;
}