.animation {width:554px; height:320px; position:relative; border: #CCC 0px solid;
background: url("fon-anim.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}

#domname {font-family:verdana;font-size:30px;color:#445264;position:absolute;top:-200px;right:-200px;}
#gerb {position:absolute; top:220px; left:-820px;}
#phrase1,#phrase2,#phrase3,#phrase4,#phrase5,#phrase6 {font-family:verdana; font-size:18px; color: #285387; position:absolute; left:820px; width:350px;}
#phrase1 {top:65px;}
#phrase2 {top:95px;}
#phrase3 {top:121px;}
#phrase4 {top:173px;}
#phrase5 {top:203px;}
#phrase6 {top:253px;}
#i1,#i2,#i3,#i4,#i5,#i6{width: 16px;height: 16px;position:absolute;left:-500px;}
#i1 {top:-200px;}
#i2 {top:0px;}
#i3 {top:0px;}
#i4 {top:0px;}
#i5 {top:0px;}
#i6 {top:0px;}
#botline{position:absolute; top:600px; left:-900px;}

.wayww {
transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;
font-family:verdana; font-size:30px; color:#445264; position:absolute; top:-200px; right:-200px;
}

.wayg {
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.way1 {
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.way2 {
transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-webkit-transition: all 1.5s ease-in-out;
}
.way3 {
transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;
}
.way4 {
transition: all 2.5s ease-in-out;
-moz-transition: all 2.5s ease-in-out;
-webkit-transition: all 2.5s ease-in-out;
}
.way5 {
transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
}
.way6 {
transition: all 3.5s ease-in-out;
-moz-transition: all 3.5s ease-in-out;
-webkit-transition: all 3.5s ease-in-out;
}
.sc1 {
	transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
}
.sc2 {
	transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}
.sc3 {
	transition: all 2.2s ease-in-out;
-moz-transition: all 2.2s ease-in-out;
-webkit-transition: all 2.2s ease-in-out;
}
.sc4 {
	transition: all 2.7s ease-in-out;
-moz-transition: all 2.7s ease-in-out;
-webkit-transition: all 2.7s ease-in-out;
}
.sc5 {
	transition: all 3.2s ease-in-out;
-moz-transition: all 3.2s ease-in-out;
-webkit-transition: all 3.2s ease-in-out;
}
.sc6 {
	transition: all 3.7s ease-in-out;
-moz-transition: all 3.7s ease-in-out;
-webkit-transition: all 3.7s ease-in-out;
}
.animate{
	transform: translate(-600px,0);
    -webkit-transform: translate(-600px,0); /** Chrome & Safari **/
    -o-transform: translate(-600px,0); /** Opera **/
    -moz-transform: translate(-600px,0); /** Firefox **/
}
.animateww{
	transform: translate(-220px,210px);
    -webkit-transform: translate(-220px,210px); /** Chrome & Safari **/
    -o-transform: translate(-220px,210px); /** Opera **/
    -moz-transform: translate(-220px,210px); /** Firefox **/
}
.animatei1{
	transform: translate(695px,270px);
    -webkit-transform: translate(695px,270px); /** Chrome & Safari **/
    -o-transform: translate(695px,270px); /** Opera **/
    -moz-transform: translate(695px,270px); /** Firefox **/
}
.animatei2{
	transform: translate(695px,100px);
    -webkit-transform: translate(695px,100px); /** Chrome & Safari **/
    -o-transform: translate(695px,100px); /** Opera **/
    -moz-transform: translate(695px,100px); /** Firefox **/
}
.animatei3{
	transform: translate(695px,128px);
    -webkit-transform: translate(695px,128px); /** Chrome & Safari **/
    -o-transform: translate(695px,128px); /** Opera **/
    -moz-transform: translate(695px,128px); /** Firefox **/
}
.animatei4{
	transform: translate(695px,177px);
    -webkit-transform: translate(695px,177px); /** Chrome & Safari **/
    -o-transform: translate(695px,177px); /** Opera **/
    -moz-transform: translate(695px,177px); /** Firefox **/
}
.animatei5{
	transform: translate(695px,207px);
    -webkit-transform: translate(695px,207px); /** Chrome & Safari **/
    -o-transform: translate(695px,207px); /** Opera **/
    -moz-transform: translate(695px,207px); /** Firefox **/
}
.animatei6{
	transform: translate(695px,257px);
    -webkit-transform: translate(695px,257px); /** Chrome & Safari **/
    -o-transform: translate(695px,257px); /** Opera **/
    -moz-transform: translate(695px,257px); /** Firefox **/
}
.animateg{
    transform: translate(850px,-190px);
    -webkit-transform: translate(850px,-190px); /** Chrome & Safari **/
    -o-transform: translate(850px,-190px); /** Opera **/
    -moz-transform: translate(850px,-190px); /** Firefox **/
}
.bl {
transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-webkit-transition: all 1.5s ease-in-out;
}
.animatebl {
    transform: translate(935px,-300px) rotate(360deg);
    -webkit-transform: translate(935px,-300px) rotate(360deg); /** Chrome & Safari **/
    -o-transform: translate(935px,-300px) rotate(360deg); /** Opera **/
    -moz-transform: translate(935px,-300px) rotate(360deg); /** Firefox **/
}
