@charset "utf-8";
/* CSS Document */
/*-------------banner1----------*/

.intro1{
wodth:50%;

margin-top:-45%;
}
.carousel-caption #intrologo{
	width:250px;
	height:auto;

margin:auto;
	-webkit-animation:logoAnimation 3s;

        animation:logoAnimation 3s;

	    -webkit-animation-fill-mode:forwards;
	            animation-fill-mode:forwards;
}
.intro1 h1{
color:#463974;
margin:auto;
font-weight:bold;	
	
        animation:intro1Animation 3s;
     animation-fill-mode:forwards;
}

@keyframes logoAnimation{


0%{
	transform:translateY(-700px);	
		opacity:0;
	}
	100%{
	transform:translateY(0px);	
		opacity:1;
		
	}
}
@keyframes intro1Animation{
	0%{
	transform:translateY(700px);	
		opacity:0;
	}
	100%{
	transform:translateY(0px);	
		opacity:1;
		
	}
}

.intro2_img{
	 animation:intro2imgAnimation 3s;
     animation-fill-mode:forwards;
}
.intro2_text{
 animation:intro2textAnimation 3s;
     animation-fill-mode:forwards;	
}

.intro2{
width:160%;

	margin-left:-30%;
	margin-top:10%;
}

@keyframes intro2imgAnimation{
0%{
	transform:translateX(-700px);	
		opacity:0;
	}
	100%{
	transform:translateX(0px);	
		opacity:1;
		
	}	
}
@keyframes intro2textAnimation{
0%{
	transform:translateX(700px);	
		opacity:0;
	}
	100%{
	transform:translateX(0px);	
		opacity:1;
		
	}	
}


#intro2img{
/*width:1100px;
	height:560px;*/
	margin-bottom:-250px;
	margin-left:-50px;
	}





@-webkit-keyframes titleAnimation{
	0%{-webkit-transform:translateY(-200px) scale(4,4);transform:translateY(-200px) scale(4,4);
opacity:0.2;
}

100%{
	-webkit-transform:translateY(0px) scale(1.1,1.1);
	        transform:translateY(0px) scale(1.1,1.1);
	opacity:1;
}
	
}
@keyframes titleAnimation{
	0%{-webkit-transform:translateY(-200px) scale(4,4);transform:translateY(-200px) scale(4,4);
opacity:0.2;
}

100%{
	-webkit-transform:translateY(0px) scale(1.1,1.1);
	        transform:translateY(0px) scale(1.1,1.1);
	opacity:1;
}
	
}
.enter{
width:200px;
margin-top:30px;
background-color: #014880;
text-align:center;
height:40px;

margin-left:45%;
border-radius:5px;
}

.enter a{
text-decoration:none;	
color:white;
padding-top:20px;
font-size:25px;	
}

.enter a:after {
content: '\00bb';
margin-left:5px;



  transition: 0.5s;
}
.enter{
			transition:0.6s;
}

.enter :hover a{
  padding-right: 20px;
}

.title1,.title2,.title3{
	
width:100%;

	margin-left:47%;

}
.title1{
		margin-top:-37%;
		text-align:center;
}
#title1{


font-weight:bold;

font-size:2.6em;
  animation:title1Animation 3s;

        animation-fill-mode:forwards;

}
#title2{
font-size:5.6em;	
font-weight:bold;
margin-top:30px;
	  animation:title2Animation 3s;

        animation-fill-mode:forwards;
}
#title3{
font-size:3.2em;	
margin-top:-7px;
	  animation:title1Animation 3s;

        animation-fill-mode:forwards;
}
@keyframes title1Animation{
	0%{
	transform:translateX(500px);	
		opacity:0;
	}
	100%{
	transform:translateX(0px);	
		opacity:1;
		
	}
}
@keyframes title2Animation{
	0%{
	transform:translateX(-700px);	
		opacity:0;
	}
	100%{
	transform:translateX(0px);	
		opacity:1;
		
	}
}
/*@media screen and (max-width : 1404px){
	#title1{
	font-size:2.4em;	
	}
	#title2{
font-size:5em;	
	}
	#title3{
font-size:2.8em;	
	}
	#intro2title{
		font-size:5.5em;
		margin-left:440px;
	}
	.intro2_img{
	margin-left:-420px;	
	}
	#strong{
		font-size:2.5em;
	}
}*/