@charset "utf-8";

#slider,.search_Form  { float:left; margin-top:2%; margin-bottom:5%; margin-right:2%; }
.search_Form{ height:500px; width:350px;  }
.search_Form form{ background:#06C; background:-webkit-linear-gradient( #06C, #FFF ); border-radius:20px 20px 0px 0px; padding-top:30px; padding-bottom:30px; height:400px }
.search_Form form p{text-align:center; width:100%; font-size:25px; color:#FFF}
.search_Form form #search_type{width:200px; height:30px; font-size:16px; margin-left:50px; border-color:#09F; border-width:5px; border-radius: 10px 0px 10px 0px; border-style:ridge}
.search_Form form #formlable{margin:5px; color:#FFF; text-align:center; font-size:14px;}
.search_Form form #formtext{width:225px; font-size:16px; height:30px; border-color:#09F; border-width:5px; border-radius: 10px; border-style:ridge;margin-left:15px;}
.search_Form form #formbutton{width:150px; height:40px; margin-left:75px; font-size:16px; border-radius: 0px 10px 0px 10px; border-color:#09F; border-style:groove; background:-webkit-linear-gradient(#09f,#FFF)}
.search_Form form #formbutton:active { border-color:#06C; background-color:#09F;border-width:5px;border-style:ridge; }
.search_Form form #formtext:focus{ box-shadow: 2px 2px 10px #000;  }
.banner_slide h1{  text-align:center;font-size:50px; opacity:0 }
 .banner_slide p { margin-top: 10%; font-size:36px;opacity:0; text-align:center; font:Georgia, "Times New Roman", Times, serif; }
#slider{ width:900px; overflow:hidden; z-index:0; margin-left:2%; margin-right:2%; }
#banner{ width:400%; height:500px; overflow:hidden;}
.banner_slide{ float:left; width:900px; height:550px; animation: banner_slide 11s; box-shadow:10px 10px 20px #000;   }
 .banner_slide p,.banner_slide h1{color:#FFF;animation: banner_heading 10s 1s }
.banner_slide p{ animation: banner_content 9s 2s }

  @-webkit-keyframes banner_slide{
	0%{ -webkit-transform: scale(.8)  rotateY(360deg); opacity: 0}
	10%{-webkit-transform: scale(.8) rotate(0deg);opacity: 1}
	90%{-webkit-transform: scale(.8) rotate(0deg); opacity: 1}
	100%{-webkit-transform: scale(.8)  rotateY(-360deg); opacity: 0}
	}

 @-webkit-keyframes banner_heading{
	 0%{ opacity: 0; -webkit-transform: scale(2.5)}
	 10%{ opacity: .5; -webkit-transform: scale(.5) }
	 25%{opacity: 1 ; -webkit-transform: scale(1)}
	 80%{opacity: 1 ; -webkit-transform: scale(1)}
	 100%{opacity: 0; -webkit-transform: scale(2)}
	 }
	 
 @-webkit-keyframes banner_content{
	 0%{ opacity: 0; -webkit-transform: scale(2.5)}
	 10%{ opacity: .5; -webkit-transform: scale(.5) }
	 25%{opacity: 1 ; -webkit-transform: scale(1)}
	 80%{opacity: 1 ; -webkit-transform: scale(1)}
	 100%{opacity: 0; -webkit-transform: scale(2)}
	 }