@charset "utf-8";
@-ms-keyframes movie1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }
	to{ }
}
@-moz-keyframes movie1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }
	to{ }
}
@-o-keyframes movie1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }
	to{ }
}
@-webkit-keyframes movie1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }
	to{ }
}
@keyframes movie1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }
	to{ }
}

.active .topic1,.active .topic2,.active .top{
	animation:'movie1' 1.2s ease-in-out 0s normal;
	-ms-animation:movie1 1.2s ease-in-out 0s normal;
	-moz-animation:movie1 1.2s ease-in-out 0s normal;
	-o-animation:'movie1' 1.2s ease-in-out 0s normal;
	-webkit-animation:'movie1' 1.2s ease-in-out 0s normal;
}


@-ms-keyframes movie2{
	from{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	20%{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	to{ }
}
@-moz-keyframes movie2{
	from{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	20%{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	to{ }
}
@-o-keyframes movie2{
	from{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	20%{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	to{ }
}
@-webkit-keyframes movie2{
	from{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	20%{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	to{ }
}
@keyframes movie2{
	from{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	20%{ filter:alpha(opacity=0); opacity:0; top: -15%; }
	to{ }
}

.active .logo{
	animation:'movie2' 1.2s ease-in-out 0s normal;
	-ms-animation:movie2 1.2s ease-in-out 0s normal;
	-moz-animation:movie2 1.2s ease-in-out 0s normal;
	-o-animation:'movie2' 1.2s ease-in-out 0s normal;
	-webkit-animation:'movie2' 1.2s ease-in-out 0s normal;
}

@-ms-keyframes movie3{
	from{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	20%{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	to{ }
}
@-moz-keyframes movie3{
	from{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	20%{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	to{ }
}
@-o-keyframes movie3{
	from{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	20%{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	to{ }
}
@-webkit-keyframes movie3{
	from{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	20%{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	to{ }
}
@keyframes movie3{
	from{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	20%{ filter:alpha(opacity=0); opacity:0; bottom: -13.2%; }
	to{ }
}

.active .city{
	animation:'movie3' 1.2s ease-in-out 0s normal;
	-ms-animation:movie3 1.2s ease-in-out 0s normal;
	-moz-animation:movie3 1.2s ease-in-out 0s normal;
	-o-animation:'movie3' 1.2s ease-in-out 0s normal;
	-webkit-animation:'movie3' 1.2s ease-in-out 0s normal;
}

@-ms-keyframes movie4{
	from{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	20%{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	to{ }
}
@-moz-keyframes movie4{
	from{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	20%{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	to{ }
}
@-o-keyframes movie4{
	from{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	20%{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	to{ }
}
@-webkit-keyframes movie4{
	from{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	20%{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	to{ }
}
@keyframes movie4{
	from{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	20%{ filter:alpha(opacity=0); opacity:0; right: -5%; }
	to{ }
}

.active .nav{
	animation:'movie4' 1.2s ease-in-out 0s normal;
	-ms-animation:movie4 1.2s ease-in-out 0s normal;
	-moz-animation:movie4 1.2s ease-in-out 0s normal;
	-o-animation:'movie4' 1.2s ease-in-out 0s normal;
	-webkit-animation:'movie4' 1.2s ease-in-out 0s normal;
}

@-ms-keyframes movie5{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.8,0.8); }
	to{ }
}
@-moz-keyframes movie5{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.8,0.8); }
	to{ }
}
@-o-keyframes movie5{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.8,0.8); }
	to{ }
}
@-webkit-keyframes movie5{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.8,0.8); }
	to{ }
}
@keyframes movie5{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.8,0.8); }
	to{ }
}

.active .main,.active .tab3{
	animation:'movie5' 1.2s ease-in-out 0s normal;
	-ms-animation:movie5 1.2s ease-in-out 0s normal;
	-moz-animation:movie5 1.2s ease-in-out 0s normal;
	-o-animation:'movie5' 1.2s ease-in-out 0s normal;
	-webkit-animation:'movie5' 1.2s ease-in-out 0s normal;
}