/* ANIMATION */
@keyframes cycle1 {
	0%  { top:0px; }
	2%  { top:0px; } 
	8% { top:0px; opacity:1; z-index:0; } 
	10% { top:405px; opacity:0; z-index:0; } 
	11% { top:-405px; opacity:0; z-index:-1; }
	96% { top:-405px; opacity:0; z-index:0; }
	98% { top:-405px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@keyframes cycle2 {
	0%  { top:-405px; opacity:0; }
	8% { top:-405px; opacity:0; }
	10% { top:0px; opacity:1; }
	12% { top:0px; opacity:1; } 
	18% { top:0px; opacity:1; z-index:0; } 
	20% { top:405px; opacity:0; z-index:0; }
	21% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@keyframes cycle3 {
	0%  { top:-405px; opacity:0; }
	18% { top:-405px; opacity:0; }
	20% { top:0px; opacity:1; }
	22% { top:0px; opacity:1; } 
	28% { top:0px; opacity:1; } 
	30% { top:405px; opacity:0; z-index:0; }
	31% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@keyframes cycle4 {
	0%  { top:-405px; opacity:0; }
	28% { top:-405px; opacity:0; }
	30% { top:0px; opacity:1; }
	32% { top:0px; opacity:1; }
	38% { top:0px; opacity:1; z-index:0; }
	40% { top:405px; opacity:0; z-index:0; }
	41% { top:-405px; opacity:0; z-index:-1; }
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@keyframes cycle5 {
	0%  { top:-405px; opacity:0; }
	38% { top:-405px; opacity:0; }
	40% { top:0px; opacity:1; }
	42% { top:0px; opacity:1; }
	48% { top:0px; opacity:1; z-index:0; }
	50%{ top:405px; opacity:0; z-index:0; }
	51%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@keyframes cycle6 {
	0%  { top:-405px; opacity:0; }
	48% { top:-405px; opacity:0; }
	50% { top:0px; opacity:1; }
	52% { top:0px; opacity:1; }
	58% { top:0px; opacity:1; z-index:0; }
	60%{ top:405px; opacity:0; z-index:0; }
	61%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@keyframes cycle7 {
	0%  { top:-405px; opacity:0; }
	58% { top:-405px; opacity:0; }
	60% { top:0px; opacity:1; }
	62% { top:0px; opacity:1; }
	68% { top:0px; opacity:1; z-index:0; }
	70%{ top:405px; opacity:0; z-index:0; }
	71%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@keyframes cycle8 {
	0%  { top:-405px; opacity:0; }
	68% { top:-405px; opacity:0; }
	70% { top:0px; opacity:1; }
	72% { top:0px; opacity:1; }
	78% { top:0px; opacity:1; z-index:0; }
	80%{ top:405px; opacity:0; z-index:0; }
	81%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@keyframes cycle9 {
	0%  { top:-405px; opacity:0; }
	78% { top:-405px; opacity:0; }
	80% { top:0px; opacity:1; }
	82% { top:0px; opacity:1; }
	88% { top:0px; opacity:1; z-index:0; }
	90%{ top:405px; opacity:0; z-index:0; }
	91%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@keyframes cycle10 {
	0%  { top:-405px; opacity:0; }
	88% { top:-405px; opacity:0; }
	90% { top:0px; opacity:1; }
	92% { top:0px; opacity:1; }
	98% { top:0px; opacity:1; z-index:0; }
	100%{ top:405px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle1 {
	0%  { top:0px; }
	2%  { top:0px; } 
	8% { top:0px; opacity:1; z-index:0; } 
	10% { top:405px; opacity:0; z-index:0; } 
	11% { top:-405px; opacity:0; z-index:-1; }
	96% { top:-405px; opacity:0; z-index:0; }
	98% { top:-405px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-webkit-keyframes cycle2 {
	0%  { top:-405px; opacity:0; }
	8% { top:-405px; opacity:0; }
	10% { top:0px; opacity:1; }
	12% { top:0px; opacity:1; } 
	18% { top:0px; opacity:1; z-index:0; } 
	20% { top:405px; opacity:0; z-index:0; }
	21% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cycle3 {
	0%  { top:-405px; opacity:0; }
	18% { top:-405px; opacity:0; }
	20% { top:0px; opacity:1; }
	22% { top:0px; opacity:1; } 
	28% { top:0px; opacity:1; } 
	30% { top:405px; opacity:0; z-index:0; }
	31% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cycle4 {
	0%  { top:-405px; opacity:0; }
	28% { top:-405px; opacity:0; }
	30% { top:0px; opacity:1; }
	32% { top:0px; opacity:1; }
	38% { top:0px; opacity:1; z-index:0; }
	40% { top:405px; opacity:0; z-index:0; }
	41% { top:-405px; opacity:0; z-index:-1; }
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cycle5 {
	0%  { top:-405px; opacity:0; }
	38% { top:-405px; opacity:0; }
	40% { top:0px; opacity:1; }
	42% { top:0px; opacity:1; }
	48% { top:0px; opacity:1; z-index:0; }
	50%{ top:405px; opacity:0; z-index:0; }
	51%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-webkit-keyframes cycle6 {
	0%  { top:-405px; opacity:0; }
	48% { top:-405px; opacity:0; }
	50% { top:0px; opacity:1; }
	52% { top:0px; opacity:1; }
	58% { top:0px; opacity:1; z-index:0; }
	60%{ top:405px; opacity:0; z-index:0; }
	61%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-webkit-keyframes cycle7 {
	0%  { top:-405px; opacity:0; }
	58% { top:-405px; opacity:0; }
	60% { top:0px; opacity:1; }
	62% { top:0px; opacity:1; }
	68% { top:0px; opacity:1; z-index:0; }
	70%{ top:405px; opacity:0; z-index:0; }
	71%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-webkit-keyframes cycle8 {
	0%  { top:-405px; opacity:0; }
	68% { top:-405px; opacity:0; }
	70% { top:0px; opacity:1; }
	72% { top:0px; opacity:1; }
	78% { top:0px; opacity:1; z-index:0; }
	80%{ top:405px; opacity:0; z-index:0; }
	81%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-webkit-keyframes cycle9 {
	0%  { top:-405px; opacity:0; }
	78% { top:-405px; opacity:0; }
	80% { top:0px; opacity:1; }
	82% { top:0px; opacity:1; }
	88% { top:0px; opacity:1; z-index:0; }
	90%{ top:405px; opacity:0; z-index:0; }
	91%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-webkit-keyframes cycle10 {
	0%  { top:-405px; opacity:0; }
	88% { top:-405px; opacity:0; }
	90% { top:0px; opacity:1; }
	92% { top:0px; opacity:1; }
	98% { top:0px; opacity:1; z-index:0; }
	100%{ top:405px; opacity:0; z-index:0; }
}

@-moz-keyframes cycle1 {
	0%  { top:0px; }
	2%  { top:0px; } 
	8% { top:0px; opacity:1; z-index:0; } 
	10% { top:405px; opacity:0; z-index:0; } 
	11% { top:-405px; opacity:0; z-index:-1; }
	96% { top:-405px; opacity:0; z-index:0; }
	98% { top:-405px; opacity:0; }
	100%{ top:0px; opacity:1; }
}
@-moz-keyframes cycle2 {
	0%  { top:-405px; opacity:0; }
	8% { top:-405px; opacity:0; }
	10% { top:0px; opacity:1; }
	12% { top:0px; opacity:1; } 
	18% { top:0px; opacity:1; z-index:0; } 
	20% { top:405px; opacity:0; z-index:0; }
	21% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-moz-keyframes cycle3 {
	0%  { top:-405px; opacity:0; }
	18% { top:-405px; opacity:0; }
	20% { top:0px; opacity:1; }
	22% { top:0px; opacity:1; } 
	28% { top:0px; opacity:1; } 
	30% { top:405px; opacity:0; z-index:0; }
	31% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-moz-keyframes cycle4 {
	0%  { top:-405px; opacity:0; }
	28% { top:-405px; opacity:0; }
	30% { top:0px; opacity:1; }
	32% { top:0px; opacity:1; }
	38% { top:0px; opacity:1; z-index:0; }
	40% { top:405px; opacity:0; z-index:0; }
	41% { top:-405px; opacity:0; z-index:-1; }
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-moz-keyframes cycle5 {
	0%  { top:-405px; opacity:0; }
	38% { top:-405px; opacity:0; }
	40% { top:0px; opacity:1; }
	42% { top:0px; opacity:1; }
	48% { top:0px; opacity:1; z-index:0; }
	50%{ top:405px; opacity:0; z-index:0; }
	51%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-moz-keyframes cycle6 {
	0%  { top:-405px; opacity:0; }
	48% { top:-405px; opacity:0; }
	50% { top:0px; opacity:1; }
	52% { top:0px; opacity:1; }
	58% { top:0px; opacity:1; z-index:0; }
	60%{ top:405px; opacity:0; z-index:0; }
	61%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-moz-keyframes cycle7 {
	0%  { top:-405px; opacity:0; }
	58% { top:-405px; opacity:0; }
	60% { top:0px; opacity:1; }
	62% { top:0px; opacity:1; }
	68% { top:0px; opacity:1; z-index:0; }
	70%{ top:405px; opacity:0; z-index:0; }
	71%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-moz-keyframes cycle8 {
	0%  { top:-405px; opacity:0; }
	68% { top:-405px; opacity:0; }
	70% { top:0px; opacity:1; }
	72% { top:0px; opacity:1; }
	78% { top:0px; opacity:1; z-index:0; }
	80%{ top:405px; opacity:0; z-index:0; }
	81%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-moz-keyframes cycle9 {
	0%  { top:-405px; opacity:0; }
	78% { top:-405px; opacity:0; }
	80% { top:0px; opacity:1; }
	82% { top:0px; opacity:1; }
	88% { top:0px; opacity:1; z-index:0; }
	90%{ top:405px; opacity:0; z-index:0; }
	91%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-moz-keyframes cycle10 {
	0%  { top:-405px; opacity:0; }
	88% { top:-405px; opacity:0; }
	90% { top:0px; opacity:1; }
	92% { top:0px; opacity:1; }
	98% { top:0px; opacity:1; z-index:0; }
	100%{ top:405px; opacity:0; z-index:0; }
}

@-o-keyframes cycle1 {
	0%  { top:0px; }
	2%  { top:0px; } 
	8% { top:0px; opacity:1; z-index:0; } 
	10% { top:405px; opacity:0; z-index:0; } 
	11% { top:-405px; opacity:0; z-index:-1; }
	96% { top:-405px; opacity:0; z-index:0; }
	98% { top:-405px; opacity:0; }
	100%{ top:0px; opacity:1; }
}
@-o-keyframes cycle2 {
	0%  { top:-405px; opacity:0; }
	8% { top:-405px; opacity:0; }
	10% { top:0px; opacity:1; }
	12% { top:0px; opacity:1; } 
	18% { top:0px; opacity:1; z-index:0; } 
	20% { top:405px; opacity:0; z-index:0; }
	21% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-o-keyframes cycle3 {
	0%  { top:-405px; opacity:0; }
	18% { top:-405px; opacity:0; }
	20% { top:0px; opacity:1; }
	22% { top:0px; opacity:1; } 
	28% { top:0px; opacity:1; } 
	30% { top:405px; opacity:0; z-index:0; }
	31% { top:-405px; opacity:0; z-index:-1; } 
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-o-keyframes cycle4 {
	0%  { top:-405px; opacity:0; }
	28% { top:-405px; opacity:0; }
	30% { top:0px; opacity:1; }
	32% { top:0px; opacity:1; }
	38% { top:0px; opacity:1; z-index:0; }
	40% { top:405px; opacity:0; z-index:0; }
	41% { top:-405px; opacity:0; z-index:-1; }
	100%{ top:-405px; opacity:0; z-index:-1; }
}
@-o-keyframes cycle5 {
	0%  { top:-405px; opacity:0; }
	38% { top:-405px; opacity:0; }
	40% { top:0px; opacity:1; }
	42% { top:0px; opacity:1; }
	48% { top:0px; opacity:1; z-index:0; }
	50%{ top:405px; opacity:0; z-index:0; }
	51%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-o-keyframes cycle6 {
	0%  { top:-405px; opacity:0; }
	48% { top:-405px; opacity:0; }
	50% { top:0px; opacity:1; }
	52% { top:0px; opacity:1; }
	58% { top:0px; opacity:1; z-index:0; }
	60%{ top:405px; opacity:0; z-index:0; }
	61%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-o-keyframes cycle7 {
	0%  { top:-405px; opacity:0; }
	58% { top:-405px; opacity:0; }
	60% { top:0px; opacity:1; }
	62% { top:0px; opacity:1; }
	68% { top:0px; opacity:1; z-index:0; }
	70%{ top:405px; opacity:0; z-index:0; }
	71%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-o-keyframes cycle8 {
	0%  { top:-405px; opacity:0; }
	68% { top:-405px; opacity:0; }
	70% { top:0px; opacity:1; }
	72% { top:0px; opacity:1; }
	78% { top:0px; opacity:1; z-index:0; }
	80%{ top:405px; opacity:0; z-index:0; }
	81%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-o-keyframes cycle9 {
	0%  { top:-405px; opacity:0; }
	78% { top:-405px; opacity:0; }
	80% { top:0px; opacity:1; }
	82% { top:0px; opacity:1; }
	88% { top:0px; opacity:1; z-index:0; }
	90%{ top:405px; opacity:0; z-index:0; }
	91%{ top:-405px; opacity:0; z-index:0; }
	100%{ top:-405px; opacity:0; z-index:0; }
}
@-o-keyframes cycle10 {
	0%  { top:-405px; opacity:0; }
	88% { top:-405px; opacity:0; }
	90% { top:0px; opacity:1; }
	92% { top:0px; opacity:1; }
	98% { top:0px; opacity:1; z-index:0; }
	100%{ top:405px; opacity:0; z-index:0; }
}
/* ANIMATION BAR */
@keyframes fullexpand {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { width:0%; opacity:0; }
    2%, 12%, 22%, 32%, 42%, 52%, 62%, 72%, 82%, 92% { width:0%; opacity:0.3; }
    8%, 18%, 28%, 38%, 48%, 58%, 68%, 78%, 88%, 98% { width:100%; opacity:0.7; }
    9%, 19%, 29%, 39%, 49%, 59%, 69%, 79%, 89%, 99% { width:100%; opacity:0.3; }
    9.5%, 19.5%, 29.5%, 39.5%, 49.5%, 59.5%, 69.5%, 79.5%, 89.5%, 99.5% {width:100%; opacity:0;}
}
@-webkit-keyframes fullexpand {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { width:0%; opacity:0; }
    2%, 12%, 22%, 32%, 42%, 52%, 62%, 72%, 82%, 92% { width:0%; opacity:0.3; }
    8%, 18%, 28%, 38%, 48%, 58%, 68%, 78%, 88%, 98% { width:100%; opacity:0.7; }
    9%, 19%, 29%, 39%, 49%, 59%, 69%, 79%, 89%, 99% { width:100%; opacity:0.3; }
    9.5%, 19.5%, 29.5%, 39.5%, 49.5%, 59.5%, 69.5%, 79.5%, 89.5%, 99.5% {width:100%; opacity:0;}
}

@-moz-keyframes fullexpand {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { width:0%; opacity:0; }
    2%, 12%, 22%, 32%, 42%, 52%, 62%, 72%, 82%, 92% { width:0%; opacity:0.3; }
    8%, 18%, 28%, 38%, 48%, 58%, 68%, 78%, 88%, 98% { width:100%; opacity:0.7; }
    9%, 19%, 29%, 39%, 49%, 59%, 69%, 79%, 89%, 99% { width:100%; opacity:0.3; }
    9.5%, 19.5%, 29.5%, 39.5%, 49.5%, 59.5%, 69.5%, 79.5%, 89.5%, 99.5% {width:100%; opacity:0;}
}

@-o-keyframes fullexpand {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { width:0%; opacity:0; }
    2%, 12%, 22%, 32%, 42%, 52%, 62%, 72%, 82%, 92% { width:0%; opacity:0.3; }
    8%, 18%, 28%, 38%, 48%, 58%, 68%, 78%, 88%, 98% { width:100%; opacity:0.7; }
    9%, 19%, 29%, 39%, 49%, 59%, 69%, 79%, 89%, 99% { width:100%; opacity:0.3; }
    9.5%, 19.5%, 29.5%, 39.5%, 49.5%, 59.5%, 69.5%, 79.5%, 89.5%, 99.5% {width:100%; opacity:0;}
}