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

/**
 * Animations
 */
.fromLeftSaleIn{
	transition: all 1s ease;
	width:100%;
	height:100%;
	transform:translate(-50%,-50%);
	opacity: 1.0;
	top:50%;
	left:50%;
}

.fromLeftSaleOut{
	transition: all 1s ease;
	width:50%;
	height:50%;
	transform:translate(-50%,-50%);
	opacity: 1;
	top:100%;
	left:50%
}


.sizeIn
{
	transition: all 0.7s ease;
	width:100%;
	height:100%;
	opacity: 1.0;
    top:50%;
}

.sizeOut
{
	transition: all 0.7s ease;
	width:0;
	height:0;
	opacity: 0;
    top:100%;
}


.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-50%);
	opacity: 0.0;
}


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


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

.fromTopOut-isinout
{
	transition: transform 1.0s ease-in-out, opacity 1.0s ease;
	
	transform: translate(0,-100%);
	opacity: 1.0;
}


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

.fromBottomIn-leftCenter
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(-50%,0);
	opacity: 1.0;
}

.fromBottomOut-leftCenter
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(-50%,50%);
	opacity: 0.0;
}


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

.fromBottomOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,50%);
	opacity: 0.0;
}

.fromLeftIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(-50%,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(50%, 0);
	opacity: 0.0;
}

.scaleUpIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.3,1.3);
	opacity: 0.0;
}

.scaleDownIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(0.7,0.7);
	opacity: 0.0;
}