@charset "utf-8";
/* CSS Document */
body { background-color: #FFFFFF/*#10c850*/;} 
a {text-decoration:none; color:white; font-weight:bold;}
caption {text-decoration:none; color:white; font-weight:bold;}
table {color:white; font-weight:bold}
#logo { position:absolute;  visibility:hidden; z-index:3 }
#petal { position:absolute; left:333px; top:333px; visibility:visible; z-index:3 }
#news { position:absolute;  visibility:hidden; z-index:4; /*background-color: aqua*/}
#bars { position:absolute;  visibility:hidden; z-index:4;}
#navi {position:absolute; visibility:hidden; font ;z-index:5; background-color: rgba(255, 255, 255, .95); cursor:pointer}
li {color: #f8a9bf}
h2 {color: #f8a9bf}
#newsframe { width:100%; height:100%; border:0; z-index:4;}
.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }

@keyframes RollInLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(-2000px) rotate(0deg); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(170px) rotate(360deg); 
    } 
    80% { 
        transform: translateX(-5px) rotate(345deg); 
    } 
    100% { 
        transform: translateX(0) rotate(360deg) ; 
    } 
} 
@-webkit-keyframes RollInLeft { 
-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(0,0,0);
    0% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateX(-2000px) rotate(0deg); 
    } 
    60% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateX(170px) rotate(360deg); 
    } 
    80% { 
        -webkit-transform: translateX(-5px) rotate(345deg); 
    } 
    100% { 
        -webkit-transform: translateX(0) rotate(360deg) ; 
    } 
} 

/*@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }*/

@keyframes droptopbounce { 
   /* 0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    30% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    60% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    } */
	0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    16% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    33% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	57% { 
        transform: translateY(0px) rotate(0deg); 
    }
	78% { 
        transform: translateY(-200px)  rotate(-10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    }
}
 
@-webkit-keyframes droptopbounce { 
   /* 0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    30% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    60% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    } */
	-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(0,0,0);	
	0% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(-1500px) rotate(0deg); 
    } 
    16% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(0px) rotate(0deg); 
    } 
    33% { 
        -webkit-transform: translateY(-200px)  rotate(10deg); 
    } 
	57% { 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
	78% { 
        -webkit-transform: translateY(-200px)  rotate(-10deg); 
    } 
	100% { 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
	/*-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(0,0,0)*/
} 
 
 @keyframes fall { 
   /* 0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    30% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    60% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    } */
	0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    /*25% { 
        opacity: 1; 
        transform: translateY(-700px) rotate(-30deg); 
    } 
    50% { 
        transform: translateY(-500px)  rotate(0deg); 
    } 
	75% { 
        transform: translateY(-250px) rotate(30deg); 
    } */
	100% { 
        transform: translateY(0px) rotate(0deg); 
    }
}
 
@-webkit-keyframes droptopbounce { 
   /* 0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    30% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    60% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    } */
	-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(0,0,0);	
	0% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(-1500px) rotate(0deg); 
    } 
    16% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(-700px) rotate(-10deg); 
    } 
    33% { 
        -webkit-transform: translateY(-500px)  rotate(0deg); 
    } 
	57% { 
        -webkit-transform: translateY(-300px) rotate(10deg); 
    }
	78% { 
        -webkit-transform: translateY(-100px)  rotate(0deg); 
    } 
	100% { 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
	/*-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(0,0,0)*/
} 
 
 
 @keyframes dropit { 
   
	0% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    }
	
    50% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    }
} 
	 
@-webkit-keyframes dropit { 
   
	0% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
	
    50% { 
        -webkit-transform: translateY(-200px)  rotate(10deg); 
    } 
	 
	100% { 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
	/*-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(0,0,0)*/
} 

@keyframes fadeIn {
  0% { opacity: 0; }
  75%{ opacity: 0;}
  100%{ opacity: 1;}
}
@keyframes fadeIn2 {
  0% { opacity: 0; }
  75%{ opacity: 0;}
  100%{ opacity: 1;}
}

.fade {
  animation: fadeIn 6s ;
}
 
.fade2 {
  animation: fadeIn2 8s ;
} 

.animus{
    animation: RollInLeft 5.33s;
	-webkit-animation-name: RollInLeft; /* For Safari 6 - everything is spelled out to work */
    -webkit-animation-duration: 5.33s;

	/*-webkit-transform:translate3d(0,0,0);
	animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;*/
}

.drop{
    animation: droptopbounce 16s;
	-webkit-animation-name: droptopbounce; /* For Safari 6 - everything is spelled out to work */
    -webkit-animation-duration: 16s;
	
	/*animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;*/
}

/*.drop:hover {
    animation: dropit 9s;
	-webkit-animation-name: dropit; /* For Safari 6 - everything is spelled out to work 
    -webkit-animation-duration: 9.6s;
	/*animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;
}*/

.drop2{	
    animation: droptopbounce 6s;
	-webkit-animation-name: droptopbounce; /* For Safari 6 - everything is spelled out to work */
    -webkit-animation-duration: 7.8s;
	
	/*animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;*/
}

.fall{	
    animation: fall 4s;
	-webkit-animation-name: fall; /* For Safari 6 - everything is spelled out to work */
    -webkit-animation-duration: 4s;
	
	/*animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;*/
}