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

	@font-face {
	font-family: 'QuestrialRegular';
	src: url(fonts/questrial-regular-webfont.ttf);}
	@font-face {
	font-family: 'Avenir';
	src: url(fonts/avenirnextltpro-regular.ttf);}
		@font-face {
	font-family: 'mistral';
	src: url(fonts/mistral.ttf);}
	

body{
		padding:0;
		margin:0;
}
	
	
.wrapper{
		width:102%;
		height:auto;
	
	}
.wrap1{
		width:1000px;
		height:auto;
		margin:auto;}
	
#hedder{
	 	width:1000px;
	 	height:188px;
	 	background:#ffffff;}
#logo{
	 	width:177px;
 	 	height:153px;
	 	float:left;
	 	margin-top:15px;}
.hed_text{
	width:400px;

	float:left;
	font-family:mistral;
	font-size:40px;
	margin-top:70px;
	margin-left:10px;}
.phon_box{
	width:250px;
	 height:70px;
	 float:right;
	 margin-right:-250px;
	 margin-top:20px;
	 line-height:50px;
	 font-family:'Avenir';
	 color:#000000;
	 font-size:16px;
	 }
	.ph_con{
		width:250px;
		height:35px;
		float:left;}
.phone_pic{
	width:30px;
	height:30px;
	float:left;
	margin-top:10px;}
.social_cont{
	 width:220px;
	 height:85px;
	 float:right;
	 margin-top:145px;
	 font-size:13px;}
	 
#menu{
		width:1000px;
		height:50px;
    	margin:auto;
		background:#163e6a;
		
	
	 }
#menu ul{
	 	padding:0;
	 	margin:0;}
	 
#menu li{
		
		text-align:center;
		float:left;
		list-style-type:none;
		transition:all .5s ease-out;
		-moz-transition:all .5s ease-out;
}

	 
#menu  a{
		text-decoration:none;
		display:inline-block;
		font-family:'Avenir';
		font-size:15px;
		color:#ffffff;

		}
#menu  a:hover{
		color:rgb(0, 132, 255);}
		
#menu ul ul{ 
	      height:0;
		  overflow:hidden;
		  -moz-transition:all .5s ease-out;
		  -webkit-transition:all .5s ease-out;}
		  
#menu ul ul li{
		height:50px;
		text-align:center;
		background:rgb(22 62 106);
		border-bottom: solid 1px #CCCCCC;
	    border-right: solid 1px #CCCCCC;
	    border-left: solid 1px #CCCCCC;
		z-index:99999;
		  float: inherit;
	}
		  
#menu ul li:hover ul{
	height:auto;
	
			}
		
#jql_cont{
		width:1000px;
	  	height:420px;
		margin:auto;
		margin-top:50px;
	   }
#jql_main_cont{
	 	width:645px;
	  	height:366px;
	  	float:left;
	  	background:url(image/jql_mai_back.png);
	  	margin-top:40px;}
#jql_text_cont{
		width:320px;
	 	height:366px;
	 	padding: 70px 0px;
	 	float:left;
	 	margin-top:40px;
	 	margin-left:10px;}

#jql_text_cont h5{
	font-family: 'QuestrialRegular';
    font-size: 35px;
    color: #ffffff;
    text-align: right;
    padding: 0;
    margin: 0;
    font-weight: bold;}
	#jql_text_cont p{
		color:#FFF;
		font-size:14px;
		text-align: right;
		font-family:'QuestrialRegular';
		float:left;
		margin-left:30px;
		margin-top:20px;}
#content_wrap{
	 	width:1000px;
		height:auto;
		margin:auto;
		background: url(image/cont_wrap_pic.png)#f0f0f0;
		box-shadow:#666 0px 0px 50px;
		}
.content_welcome_text{
		width:1000px;
		height:200px;}
.w_text_cont{
	width:1000px;
	height:auto;
	    margin-top: -5%;

	float:left;}
		
.cont_text_pic{
		width:33px;
		height:29px;
		float:left;
	 	margin-left:25px;
	 	margin-top:25px;
	 	background-image:url(image/01.jpg);}
	 
.content_welcome_text h3{
		font-family:'Avenir';
		color:#000000;
		font-size:24px;
		padding:0;
		margin:0;
		float:left;
		margin-top:25px;
		margin-left:15px;
		
		}
	.text_cont_w{
		width: 850px;
    color: #434343;
    height: 150px;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    text-align: justify;}
.content_welcome_text h4{
		
		font-family:'QuestrialRegular';
		font-size:16px;
		color:#000000;
		}
.content_welcome_text p{
		font-family:'Avenir';
	}
#content_box1{
	width:1000px;
	height:370px;}
	
.home_li_con{
	width:300px;
	height:327px;
	 float:left;
	 margin-top:34px;
	 margin-left:25px;
	 background:#dbdbdb;}
	 .video_news_continer{
		 width:1000px;
		  height:390px;
		  margin-top:20px;}
		.v_n_cont{
			width:960px;
			height:316px;
			float:left;
			margin-left:20px;
			margin-top:40px;
			margin-bottom:40px;
			background:#e2e2e2;}
			.h_align{
				width:290px;
				height:30px;
				float:left;
			}
			
.vedio_continer{
			width:585px;
			height:350px;
			float:left;}
			
.news_continer{
	width:375px;
	height:325px;
	float:left;
	margin-left:20px;}


.news_volentre_con{
	width:1000px;
	height:580px;
	float:left;}		
.foote_text_con{
	width:220px;
	height:130px;
	float:right;
	margin-right:255px;}
	.foote_text_con p{
		font-family:'Avenir';
		font-size:15px;
		color:#FFF;
		line-height:19px;
		}
.footer{
	width:1000px;
	height:100px;
	margin:auto;}
	
.footer_continer{
	width:500px;
	height:30px;
	float:right;
	
}	
.footer_continer ul {
	padding:0;
	margin:0;
	}
	
.footer_continer li{
		padding-left:5px;
		padding-right:5px;
		height:25px;
		line-height:25px;
		list-style-type:none;
		float:left;
		
		}
	.footer_continer a{
			font-family:'Avenir';
			font-size:10px;
			color:#FFF;
			text-decoration:none;
			}
	.footer_cont{
		 width:591px;
		 height:135px;
		 position:absolute;
		 background:url(image/footer.png);
		 top:-35px;}
		 
		 
.footer_cop{
	width:576px;;
	 height:20px;
	 float:right;
	 margin-right:3px;}
	 
	 
	 
	 /*********************************ABOUT***********************************/

.about_wraper{
	width:1000px;
	height:auto;
	background:url(image/cont_wrap_pic.png);
	margin:auto;
	background-color:#f0f0f0;
	box-shadow:#666 0px 0px 50px;
	margin-top:50px;
	font-family:'Avenir';
	text-align:justify;
	}	
.about_wraper h3{
	font-family:'Avenir';
		color:#000000;
		font-size:17px;
		padding:0;
		margin:0;
		float:left;
		margin-top:25px;
		margin-left:15px;
	}	
	 
.about_cont{
	width:1000px;
	height:800px;
	background:url(image/ABOUT_PIC2.png);
	float:left;
	margin-top:20px;
	}
.mis_vis{
	width:429px;
	height:661px;
	float:left;
	background:url(image/vision_mission.png);
	margin-top:70px;}	
	.mis_vis_text{
		width:220px;
		height:435px;
		float:left;
		margin-top:110px;
		margin-left:100px;
		text-align:center;
		}
		
.mis_vis_text h6{
	font-family:'Avenir';
	font-size:19px;
	color:#000;
	padding:0;
	margin:0;}
	  
.mis_vis_text p{
	font-family:'Avenir';
	font-size:14px;
	color:#FFF;
	text-align:justify;
	}
.mis_vis_text ul{
	padding:0;
	margin:0;}
.mis_vis_text li{
	font-family:'Avenir';
	font-size:14px;
	color:#FFF;
	text-align:justify;
	
	}
.about_text_con{
	width:1000px;
	height:auto;
	float:left;
	 margin-bottom:70px;
	}
.about_text_left_cont{
	width:630px;
	height:auto;
	margin-left:30px;
	float:left;
	padding-right:30px;
	border-right:1px dashed #CCCCCC;}
.about_text_right_cont{
	width:250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top:30px;
	}
	
.about_text_con p{
	font-family:'Avenir';
	font-size:14px;
	text-align:justify;
	margin-top:70px;
	margin-left:30px;}
.join_butom{
	width:250px;
	height:70px;
	margin-bottom: 20px;
	 float:left;
	 background:url(image/button.png) no-repeat;}
	 
	 
	 
/*********************************project*******************************************/


.project_pic{
	width:650px;
	height:400px;
	float:left;
	background:#FFF;
	margin-top:20px;
	border:#999 6px solid;}

.project_left_con{
	width:650px;
	height:auto;
	float:left;
	margin-left:30px;
	padding-right:30px;
	border-right:#CCC 1px dashed;
	margin-top:40px;
}

.project_con{
	width:650px;
	height:auto;
	float:left;}
	
.project_text{
	width:430px;
	height:auto;
	float:left;
	font-family:'Avenir';
	text-align:justify;
	font-size:15px;}
.project_img{
	width:200px;
	height:150px;
	float:right;
	margin-top:20px;
	border:#039 4px solid;
	}
.project_riht_con{
	width:250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top:100px;}
	
.right_con_com{
	width:250px;
	float:left;
	height:auto;
	margin-top:70px;}
.right_con_com ul{
		padding:0;
		margin:0;}
.right_con_com ul li{
	width:200px;
	height:40px;
	line-height:40px;
	list-style-type:none;
	margin-left:15px;
	border-bottom:#1EC8DF dashed 1px;
	}
.right_con_com a{
	font-family:'Avenir';
	text-decoration:none;
	font-size:20px;
	color:#0062CC;
	margin-top:30px;}
	
	
/********************symposium**************************/

.symposium_con{
	 width:1000px;
	 height:800px;
	 float:left;
	 }
.sym_con{
	width:350px;
	height:486px;
	float:left;
	margin-top:150px;
	 margin-left:50px;
	background:url(image/sym_con-.png);
	}
	.sym_con_text{
		width:212px;
		height:306px;
		float:left;
		margin-left:74px;
		margin-top:97px;
		font-family:'Avenir';
		color:#FFF;
		font-size:15px;
		text-align:center;
		line-height:25px;}
/*******************join us*****************************/
.td_mes{
	width:200px;
	height:70px;
	transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-webkit -transition:all .5s ease-out;}
	
.td_mes:hover{
		box-shadow:#39C 0px 0px 5px; }
.td_cla{
	width:200px;
	height:25px;
	color:#900;}
.td_input{
	width:200px;
	height:25px;
	color:#900;
	transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-webkit-transition:all .5s ease-out;}
	.td_input:hover{
		box-shadow:#39C 0px 0px 5px; }
		
	.button{
		width:80px;
		height:30px;
		background:#039;
		border-radius:10px;
		color:#FFF;}
		
.button_sign{
	width:200px;
	height:40px;
	/*float:left;*/
	background:url(image/buton_sign-in.png);
	margin-bottom:20px;}
	
	.symp
	{
		width:100%;
		height:369px;
		border:1px solid #000;
		margin-top:10px;
		background:url(image/symposium.jpg);
	}
		.vol
	{
		width:100%;
		height:369px;
		border:0px solid #000;
		margin-top:10px;
		background:url(image/Student-Volunteers.jpg) center no-repeat;
	}
	
	.pro
	{
		color:#110E0E;
		line-height:20px;
		text-align:justify;
		font-size:15px;
		font-family:Avenir;
		padding-left:600px;
		padding-right:15px;
		padding-top:30px;
	
		
	}
	.vol_cont{
		width: 270px;
    text-align: justify;
    height: 300px;
    margin-bottom: 20px;
    margin-top: 50px;
    padding: 0 15px 15px 15px;
    float: right;
    margin-right: 20px;
		background-color:rgba(226,226,226,.4);
	 	border-radius:10px;}
	.vol_cont h2{
		font-family:'Avenir';
		color:#022fb0;
		font-size:20px;
	}
	.vol_cont p{
		font-family:'Avenir';
		font-size:15px;
	}
	/*******************scrool********************/
	
.scrollup {
width: 40px;
height: 60px;
position: fixed;
bottom: 50px;
right: 100px;
z-index: 9999;
display: none;
opacity: .5;
text-indent: -9999px;
background-color: #FFF;
background: url(image/up.png) no-repeat;
}
/*****************voloentry*********************/

.volentry{
	width:530px;
	height:450px;
	float:left;
	margin-left:50px;
	background:#CCC;
	margin-top:30px;
	border-radius:20px;
	text-align:center;}

.vol_pic{
	width:500px;
	height:308px;;
	 float:left;
	 margin-left:15px;
	 margin-top:15px;
	 border-radius:10px;
	  border-bottom:4px #666666 dashed;
	   overflow:hidden;
	
	}
.typography{
	width:350px;
	 height:450px;
	 float:left;
	 margin-left:20px;
	background-image:url(image/Typo-Raz.png);
	 margin-top:30px;}
.volentr_text{
	width:1000px;
	height:300px;;
	float:left;
	margin-top:50px;

	background:url(image/ABOUT_PIC.png);}
	.volentre_co_text{
		width:800px;
		 height:auto;
		 float:left;
		 margin-left:100px;
		 margin-top:80px;}
		 
		 
/****************************impact******************************/
.impact{
	width:500px;
	height:500px;
	float:left;
	text-align:center;
	margin-left:200px;
	margin-top:50px;
	}
	
.impact h6{
	font-size:36px;
	animation:ff 5s infinite;
	-webkit-animation:ff 5s infinite; ;
	-moz-animation:ff 5s infinite;}
	@-webkit-keyframes ff{
		0%{ text-shadow:#00F 0px 0px 3px;}
		25%{ text-shadow:#F00 0px 0px 3px;}
		50%{ text-shadow:#FF0 0px 0px 3px;}
		75%{ text-shadow:#0FF 0px 0px 3px;}
		100%{ text-shadow:#0C3 0px 0px 3px;}
	}
		@-moz-keyframes ff{
			0%{ text-shadow:#00F 0px 0px 3px;}
		25%{ text-shadow:#F00 0px 0px 3px;}
		50%{ text-shadow:#FF0 0px 0px 3px;}
		75%{ text-shadow:#0FF 0px 0px 3px;}
		100%{ text-shadow:#0C3 0px 0px 3px;}
		}
/******************SHOP*************************/
.shop_text{
	width:250px;
	height:290px;
	float:left;
	color:#FFF;
	margin-top:170px;
	margin-left:90px;
	text-align:center;
	line-height:25px;
	
}

/*****************patronage***************************/
.patronage_text{
	width:1000px;
	height:200px;
	float:left;
	background:rgba(0,0,0,.4);
	color:#FFF;
	margin-top:200px;}
	.par_text_con{
		width:600px;
		height:200px;
		float:left;
		margin-left:200px;}
		
.txt{		
	width: 350px;
	height: 20px;
	color: #900;
	transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}
.msg{
	width: 348px;
	height: 70px;
	resize:none;
	transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;	
}
.tes_form{
	idth: 970px;
	height: auto;
	float:left;
	margin-left:50px;
	margin-top: 50px;
}
.tes_wrap{
	width:960px;
	height:auto;
	float:left;
	margin-top:20px;
	padding:20px;
}
.tes_wrap ul{
	margin:0;
	padding:0;
	float:left;	
}
.tes_wrap li{
	width:885px;
	height:auto;
	margin-left:35px;
	float:left;	
	list-style:circle;
	text-align:justify;
}
.tes_wrap li p{
	text-align:justify;	
	margin:5px 0;
	font-size:15px;
}
.tes_wrap h2{
	margin:0;
	width:auto;
	float:right;
	text-align:right;
	font-size:16px;	
	color:#333;
}
.tes_wrap h3{
	margin:0;
	width:auto;
	float:right;
	text-align:right;
	font-size:16px;
	font-weight:100;
	color:#666;
}
.tes_wrap hr{
	border-bottom:1px dashed #999;
	border-top: none;	
	margin-top:30px;
}




/*==============menu===================*/


.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
}
 
.menu {
    width:1000px;
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
}
 
.menu a {
    transition:all linear 0.15s;
    color:#919191;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#be5b70;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menu > ul > li > a {
    padding:15px 25px;
    display:inline-block;
	text-transform:uppercase
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
}
 
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding: 16px 15px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    
}

.social_cont a:hover{background-color: #021a37;}
.social_cont a img{margin-top: 20%;}
@media (max-width: 768px) {
	.testemonial {
    font-size: 6pt;
}