/*SIZE HEAD*/
.sizeHeadDown{
	animation: sizeD 1s forwards;
}
.sizeHeadUp{
	animation: sizeU 1s forwards;
}
@keyframes sizeD {
    0%{opacity: 1;padding-top:30px;padding-bottom:32px;}
	100%{opacity: 1;padding-top:30px;padding-bottom:32px;}
}
@keyframes sizeU {
    0%{opacity: 1;padding-top:30px;padding-bottom:32px;}
	100%{opacity: 1;padding-top:30px;padding-bottom:32px;}
}
/*SIZE Li*/
.sizeLiDown{
	animation: sizeLiD 1s forwards;
}
.sizeLiUp{
	animation: sizeLiU 1s forwards;
}
@keyframes sizeLiD {
    0%{opacity: 1;padding-top:32px;padding-bottom:32px;}
	100%{opacity: 1;padding-top:32px;padding-bottom:32px;}
}
@keyframes sizeLiU {
    0%{opacity: 1;padding-top:32px;padding-bottom:32px;}
	100%{opacity: 1;padding-top:32px;padding-bottom:32px;}
}
/* SIZE Logo */
.sizeLogoDown{
	animation: sizeLogoD 1s forwards;
}
.sizeLogoUp{
	animation: sizeLogoU 1s forwards;
}
@keyframes sizeLogoD {
    0%{width:100%;}
	100%{width:100%;}
}
@keyframes sizeLogoU {
    0%{width:100%;}
	100%{width:100%;}
}
/*SIZE LogoCorrection*/
.logoDown{
	animation: logoD 1s forwards;
}
.logoUp{
	animation: logoU 1s forwards;
}
@keyframes logoD {
    0%{padding-top:22px;}
	100%{padding-top:22px;}
}
@keyframes logoU {
    0%{padding-top:22px;}
	100%{padding-top:22px;}
}
/*SIZE TOGGLE BUTTON*/
.sizeToggleDown{
	animation: sizeTD 1s forwards;
}
.sizeToggleUp{
	animation: sizeTU 1s forwards;
}
@keyframes sizeTD {
    0%{opacity: 1;margin-top:15px;margin-bottom:15px;}
	100%{opacity: 1;margin-top:15px;margin-bottom:15px;}
}
@keyframes sizeTU {
    0%{opacity: 1;margin-top:15px;margin-bottom:15px;}
	100%{opacity: 1;margin-top:15px;margin-top:15px;}
}
/*OPACITY ALL*/
.opDown{
	animation: opD 1s forwards;
}
.opUp{
	animation: opU 1s forwards;
}
@keyframes opD {
    0%{opacity: 1}
	100%{opacity: 1;}
}
@keyframes opU {
    0%{opacity: 1;}
	100%{opacity: 1;}
}
.animate-left{
	animation: animL 1s forwards;
}
.animate-right{
	animation: animR 1s forwards;
}
.animate-up{
	animation: animU 1s forwards;
}
.animate-left-bounce{
	animation: animL 1s forwards;
	animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}
.animate-right-bounce{
	animation: animR 1s forwards;
	animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}
.animate-up-bounce{
	animation: animU 1s forwards;
	animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}
@keyframes animL {
    0%{opacity: 0; left:40%}
	100%{opacity: 1; left:0%}
}
@keyframes animR {
    0%{opacity: 0; left:-40%}
	100%{opacity: 1; left:0%}
}
@keyframes animU {
    0%{opacity: 0; top:50px}
	100%{opacity: 1; top:0px}
}

.animate-left-soft{
	animation: animL-soft 1.5s forwards;
}
.animate-right-soft{
	animation: animR-soft 1.5s forwards;
}
.animate-up-soft{
	animation: animU-soft 1.5s forwards;
}
.animate-left-bounce-soft{
	animation: animL-soft 1.6s forwards;
	animation-timing-function: cubic-bezier(0.8, -0.55, 0.665, 1.55); 
}
.animate-right-bounce-soft{
	animation: animR-soft 1.6s forwards;
	animation-timing-function: cubic-bezier(0.8, -0.55, 0.665, 1.55); 
}
.animate-up-bounce-soft{
	animation: animU-soft 1.6s forwards;
	animation-timing-function: cubic-bezier(0.8, -0.55, 0.665, 1.55); 
}
@keyframes animL-soft {
    0%{opacity: 0; left:20%}
	100%{opacity: 1; left:0%}
}
@keyframes animR-soft {
    0%{opacity: 0; left:-20%}
	100%{opacity: 1; left:0%}
}
@keyframes animU-soft {
    0%{opacity: 0; top:20px}
	100%{opacity: 1; top:0px}
}