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

#logosilde { -webkit-animation: logomove 3s;  /* Safari 4.0 - 8.0 */  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: logomove 3s; animation-fill-mode: forwards; position:relative;  transform-origin: top;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes logomove {
	from { opacity: 0; } to { opacity: 1; }
}
@keyframes logomove {
	from { opacity: 0; } to { opacity: 1; }
}


#qsilde { -webkit-animation: qmove 5s;  /* Safari 4.0 - 8.0 */  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: qmove 5s; animation-fill-mode: forwards; position:absolute; left:0; top:0;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes qmove {
	from { opacity: 0; } to { opacity: 1; }
}
@keyframes qmove {
	from { opacity: 0; } to { opacity: 1; }
}


#linesilde { -webkit-animation: linemove 3s;  /* Safari 4.0 - 8.0 */  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: linemove 1s; animation-fill-mode: forwards; position:absolute; right:1px; top:-100%; animation-delay: 3.5s; -webkit-animation-delay: 3.5s; transform-origin: top left;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes linemove {
	from {top: -100%;}  to {top: 0;}
	from { opacity: 0; } to { opacity: 1; }
	from {-webkit-transform: scale(0);} to {-webkit-transform: scale(1.0);}
}
@keyframes linemove {
	from {top: -100%;}  to {top: 0;}
	from { opacity: 0; } to { opacity: 1; }
	from {-webkit-transform: scale(0);} to {-webkit-transform: scale(1.0);}
}


#bottlesilde { -webkit-animation: bottlemove 3s; -webkit-animation-fill-mode: forwards;
    animation: bottlemove 3s; animation-fill-mode: forwards; position:absolute; bottom:0; left:-100%; animation-delay: 1s; -webkit-animation-delay: 1s;}
@-webkit-keyframes bottlemove {
	from {left: -100%;}
    to {left: 0;}
}
@keyframes bottlemove {
    from {left: -100%;}
    to {left: 0;}
}

#botsilde { -webkit-animation: botmove 3s; -webkit-animation-fill-mode: forwards;
    animation: botmove 3s; animation-fill-mode: forwards; position:absolute; bottom:0; left:-100%; animation-delay: 1s; -webkit-animation-delay: 1s;}
@-webkit-keyframes bottlemove {
	from {left: -100%;}
    to {left: 0;}
}
@keyframes bottlemove {
    from {left: -100%;}
    to {left: 0;}
}


.divhistory {opacity: 0;}
#histsilde { -webkit-animation: histmove 3s; -webkit-animation-fill-mode: forwards;
    animation: histmove 3s; animation-fill-mode: forwards; animation-delay: 5s; -webkit-animation-delay: 5s;}
@-webkit-keyframes histmove {
	from { opacity: 0; } to { opacity: 1; }
}
@keyframes histmove {
	from { opacity: 0; } to { opacity: 1; }
}



/* Not used 

#slide {position: absolute; width:100%; height:auto; left: 	-100%; bottom:0; -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s; animation: slide 0.5s forwards; animation-delay: 2s;}
@-webkit-keyframes slide {
    100% { left: 0; }
}
@keyframes slide {
    100% { left: 0; }
}
*/