@keyframes logo{
	from{ margin-top: -1em; }
	to{ opacity: 1; }
}
.logo{
	animation:'logo' 0.6s ease-in-out 0.2s forwards;
	-ms-animation:logo 0.6s ease-in-out 0.2s forwards;
	-moz-animation:logo 0.6s ease-in-out 0.2s forwards;
	-o-animation:'logo' 0.6s ease-in-out 0.2s forwards;
	-webkit-animation:'logo' 0.6s ease-in-out 0.2s forwards;
}

@keyframes cloud1{
	from{ margin-left: -1em; margin-bottom: -1em; }
	to{ opacity: 1; }
}
.cloud1{
	animation:'cloud1' 0.6s ease-in-out 0.2s forwards;
	-ms-animation:cloud1 0.6s ease-in-out 0.2s forwards;
	-moz-animation:cloud1 0.6s ease-in-out 0.2s forwards;
	-o-animation:'cloud1' 0.6s ease-in-out 0.2s forwards;
	-webkit-animation:'cloud1' 0.6s ease-in-out 0.2s forwards;
}

@keyframes cloud2{
	from{ margin-left: 1em; margin-bottom: -1em; }
	to{ opacity: 1; }
}
.cloud2{
	animation:'cloud2' 0.6s ease-in-out 0.2s forwards;
	-ms-animation:cloud2 0.6s ease-in-out 0.2s forwards;
	-moz-animation:cloud2 0.6s ease-in-out 0.2s forwards;
	-o-animation:'cloud2' 0.6s ease-in-out 0.2s forwards;
	-webkit-animation:'cloud2' 0.6s ease-in-out 0.2s forwards;
}

@keyframes topic{
	from{ transform: scale(1.3,1.3); }
	to{ opacity: 1; }
}
.topic{
	animation:'topic' 0.6s ease-in-out 0.7s forwards;
	-ms-animation:topic 0.6s ease-in-out 0.7s forwards;
	-moz-animation:topic 0.6s ease-in-out 0.7s forwards;
	-o-animation:'topic' 0.6s ease-in-out 0.7s forwards;
	-webkit-animation:'topic' 0.6s ease-in-out 0.7s forwards;
}

@keyframes car{
	from{ margin-left: -6em; }
	to{ opacity: 1; }
}
.car{
	animation:'car' 0.6s ease-in-out 1.2s forwards;
	-ms-animation:car 0.6s ease-in-out 1.2s forwards;
	-moz-animation:car 0.6s ease-in-out 1.2s forwards;
	-o-animation:'car' 0.6s ease-in-out 1.2s forwards;
	-webkit-animation:'car' 0.6s ease-in-out 1.2s forwards;
}

@keyframes cloud1-move{
	from{ }
	50%{ opacity: 0.7; margin-left: -2em; }
	to{ }
}
.cloud1 i,
.cloud3 i,
.cloud4 i{
	animation:'cloud1-move' 5s linear 0s infinite;
	-ms-animation:cloud1-move 5s linear 0s infinite;
	-moz-animation:cloud1-move 5s linear 0s infinite;
	-o-animation:'cloud1-move' 5s linear 0s infinite;
	-webkit-animation:'cloud1-move' 5s linear 0s infinite;
}

@keyframes cloud2-move{
	from{ }
	50%{ opacity: 0.7; margin-left: 2em; }
	to{ }
}
.cloud2 i,
.cloud5 i{
	animation:'cloud2-move' 5s linear 0s infinite;
	-ms-animation:cloud2-move 5s linear 0s infinite;
	-moz-animation:cloud2-move 5s linear 0s infinite;
	-o-animation:'cloud2-move' 5s linear 0s infinite;
	-webkit-animation:'cloud2-move' 5s linear 0s infinite;
}

@keyframes line-move{
	from{ }
	50%{ opacity: 0.8; }
	to{ }
}
.line i{
	animation:'line-move' 1s linear 0s infinite;
	-ms-animation:line-move 1s linear 0s infinite;
	-moz-animation:line-move 1s linear 0s infinite;
	-o-animation:'line-move' 1s linear 0s infinite;
	-webkit-animation:'line-move' 1s linear 0s infinite;
}

@keyframes infor{
	from{ margin-bottom: -2em; }
	to{ opacity: 1; }
}
.active.infor{
	animation:'infor' 0.6s ease-in-out 0s forwards;
	-ms-animation:infor 0.6s ease-in-out 0s forwards;
	-moz-animation:infor 0.6s ease-in-out 0s forwards;
	-o-animation:'infor' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'infor' 0.6s ease-in-out 0s forwards;
}

@keyframes people1{
	from{ margin-left: -2em; }
	to{ opacity: 1; }
}
.active.people1{
	animation:'people1' 0.6s ease-in-out 0s forwards;
	-ms-animation:people1 0.6s ease-in-out 0s forwards;
	-moz-animation:people1 0.6s ease-in-out 0s forwards;
	-o-animation:'people1' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'people1' 0.6s ease-in-out 0s forwards;
}

@keyframes people2{
	from{ margin-top: 2em; }
	to{ opacity: 1; }
}
.active.people2{
	animation:'people2' 0.6s ease-in-out 0s forwards;
	-ms-animation:people2 0.6s ease-in-out 0s forwards;
	-moz-animation:people2 0.6s ease-in-out 0s forwards;
	-o-animation:'people2' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'people2' 0.6s ease-in-out 0s forwards;
}

@keyframes location{
	from{ margin-left: 2em; }
	to{ opacity: 1; }
}
.active.location1,
.active.location2,
.active.location3,
.active.location4,
.active.location5,
.active.location6,
.active.location7{
	animation:'location' 0.6s ease-in-out 0s forwards;
	-ms-animation:location 0.6s ease-in-out 0s forwards;
	-moz-animation:location 0.6s ease-in-out 0s forwards;
	-o-animation:'location' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'location' 0.6s ease-in-out 0s forwards;
}

@keyframes location-move{
	from{ }
	50%{ margin-top: -0.5em; }
	to{ }
}
.location1 i,
.location2 i,
.location3 i,
.location4 i,
.location5 i,
.location6 i,
.location7 i{
	animation:'location-move' 2s linear 0s infinite;
	-ms-animation:location-move 2s linear 0s infinite;
	-moz-animation:location-move 2s linear 0s infinite;
	-o-animation:'location-move' 2s linear 0s infinite;
	-webkit-animation:'location-move' 2s linear 0s infinite;
}

@keyframes item{
	from{ transform: scale(0.8,0.8); }
	to{ opacity: 1; }
}
.active.item1,
.active.item2,
.active.item3,
.active.item4,
.active.item5,
.active.item6,
.active.item7,
.active.item8,
.active.item9,
.active.item10,
.active.item11,
.active.item12,
.active.item13,
.active.item14{
	animation:'item' 0.6s ease-in-out 0s forwards;
	-ms-animation:item 0.6s ease-in-out 0s forwards;
	-moz-animation:item 0.6s ease-in-out 0s forwards;
	-o-animation:'item' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'item' 0.6s ease-in-out 0s forwards;
}

@keyframes item-move{
	from{ }
	50%{ transform: scale(0.98,0.98); }
	to{ }
}
.item1 i,
.item3 i,
.item5 i,
.item7 i,
.item9 i,
.item11 i,
.item13 i{
	animation:'item-move' 2s linear 0s infinite;
	-ms-animation:item-move 2s linear 0s infinite;
	-moz-animation:item-move 2s linear 0s infinite;
	-o-animation:'item-move' 2s linear 0s infinite;
	-webkit-animation:'item-move' 2s linear 0s infinite;
}
.item2 i,
.item4 i,
.item6 i,
.item8 i,
.item10 i,
.item12 i,
.item14 i{
	animation:'item-move' 2s linear -1s infinite;
	-ms-animation:item-move 2s linear -1s infinite;
	-moz-animation:item-move 2s linear -1s infinite;
	-o-animation:'item-move' 2s linear -1s infinite;
	-webkit-animation:'item-move' 2s linear -1s infinite;
}