body{
	margin:0px;
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	overflow: hidden;
}
					
#container{
	width:100%;
	height:100%;
	position:fixed;
	border:0;
	background: white; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(white, white, #d5ddea); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(white, white, #d5ddea); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(white, white, #d5ddea); /* For Firefox 3.6 to 15 */
	background: radial-gradient(white, white, #d5ddea); /* Standard syntax */
}	

.logo{
	position:absolute;
	top:50%;
	margin-top:-140px;
	left:50%;
	margin-left:-125px;
	animation-name:logo2;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}


.logo:hover{
	animation-name:logo;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes logo {
	from {
		margin-left:-125px;
		width:248px;
	}
	to {
		margin-left:-150px;
		width:300px;
	}
}

@keyframes logo2 {
	from {
		margin-left:-150px;
		width:300px;
	}
	to {
		margin-left:-125px;
		width:248px;
	}
}

#top{
	width:100%;
	height:95px;
	margin-top: 0px;
	background-image: url("../images/topLanding.png");
	position:absolute;
	text-align:center;
	color:white;
	padding-top:10px;
	box-sizing:border-box;
}

#babaccio1{
	background-image: url("../images/bb05.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width:140px;
	height:140px;
	left:-10%;
	margin-left:-380px;
	position:absolute;
	top:50%;
	margin-top:-80px;
	animation-name:bb1;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay:1s;
}	

@keyframes bb1 {
	from {
		left:-10%
	}
	to {
		left:50%;
	}
}

#babaccio2{
	background-image: url("../images/bb02.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width:140px;
	height:140px;
	left:140%;
	margin-left:250px;
	position:absolute;
	top:50%;
	margin-top:-80px;
	animation-name:bb2;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay:1s;
}	

@keyframes bb2 {
	from {
		left:110%;
	}
	to {
		left:50%;
	}
}	

#babaccio3{
	background-image: url("../images/bb03.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width:120px;
	height:120px;
	left:-10%;
	margin-left:-300px;
	position:absolute;
	top:50%;
	margin-top: -280px;
	animation-name:bb3;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay:0.5s;
}	

@keyframes bb3 {
	from {
		left:-10%
	}
	to {
		left:50%;
	}
}

#babaccio4{
	background-image: url("../images/bb04.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width:200px;
	height:200px;
	left:50%;
	margin-left:-80px;
	position:absolute;
	top:50%;
	margin-top:0px;
	animation-name:bb4;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay:0s;
}	

@keyframes bb4 {
	from {
		top:110%
	}
	to {
		top:50%;
	}
}

#babaccio5{
	background-image: url("../images/bb01.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width:120px;
	height:120px;
	left:140%;
	margin-left:200px;
	position:absolute;
	top:50%;
	margin-top:-280px;
	animation-name:bb5;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay:0.5s;
}	

@keyframes bb5 {
	from {
		left:110%;
	}
	to {
		left:50%;
	}
}	

.targa{
	color:white;
	margin-top:40px;	
	margin-left:100px;
	position:absolute;
	box-shadow: 0px 5px 15px #969fad;
	left:50%;
	top:48%;
	box-sizing: border-box;
	text-transform:uppercase;
	text-align:center;
	border-radius:5px;
	padding:10px;
	padding-top:10px;
	opacity:0;
	animation-name:tg;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay:3s;
}

@keyframes tg {
	from {
		opacity:0;
		top:48%;
	}
	to {
		opacity:1;
		top:50%;
	}
}	

#t01{
	margin-left:-420px;
	margin-top:50px;
	width:200px;
	font-size:16px;
	background-color:#96191d;
}

#t02{
	margin-left:220px;
	margin-top:50px;
	width:200px;
	font-size:16px;
	background-color:#96191d;
}

#t03{
	margin-left:-320px;
	margin-top:-170px;
	width:140px;
	font-size:12px;
	background-color:#c12429;
}

#t04{
	margin-left:-100px;
	margin-top:170px;
	width:200px;
	font-size:20px;
	background-color:#731013;
}

#t05{
	margin-left:180px;
	margin-top:-170px;
	width:140px;
	font-size:12px;
	background-color:#c12429;
}
	
#ind01{
	width:100%;
	height:85px;
	position:absolute;
	margin-top:-90px;
	margin-left:0px;
	font-size:12px;
	color:#e2585c;
	border-left:0px;
	animation-name:ind;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay:4s;
	padding-left:20px;
	padding-top:5px;
}

@keyframes ind {
	from {s
		margin-top:-90px;
	}
	to {
		margin-top:0px;
	}
}	

#ind01 a{
	color:#BBBBBB;
}

#ind02{
	width:150px;
	position:absolute;
	margin-top:290px;
	font-size:14px;
	color:#333333;
	background-color:#DDDDDD;
	padding:20px;
	border-radius:0px 10px 10px 0px;
	border: 10px solid #999999;
	border-left:0px;
}

h3{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}