/*=====================================================================================================================
											NECESSARY CSS - MATCH ALL
	font-family: 'Exo 2', sans-serif; font-family:'Dosis', sans-serif; font-family: 'Arvo', serif; font-family: 'PT Sans', sans-serif;  
=======================================================================================================================*/
*{margin:0px; padding:0px;}
/*ALL HEADING*/
	.all_heading_text{color:#333333; display:block; font-size:26px; letter-spacing:0.3px; font-family: 'PT Sans', sans-serif; }
	.heading_bottom_border{width:30px; display:block; margin:15px 0px 0px 0px; height:2px; background:#999999;}
	
	.all_center_heading{color:#0066CC; display:block; font-size:60px; text-align:center; letter-spacing:0.3px; font-family: 'Exo 2', sans-serif;
	margin:40px 0px;}
	
	.all_name_heading{color:#003366; display:block; font-size:18px; letter-spacing:0.3px; font-family:'Dosis', sans-serif; font-weight:700;}

/*ALL DESCRIPTION*/
	.all_desc{color:#999999; font-size:15px; sans-serif; font-family:'Arvo', sans-serif; text-align:justify; letter-spacing:0.3px; margin:15px 0px;
	display:block; line-height:25px;}


/*DIV SPACE -- <div class="div_space_20"></div><!--DIV SPACE--> */
	.div_space_5{height:5px;} .div_space_10{height:10px;} .div_space_15{height:15px;} .div_space_20{height:20px;} .div_space_25{height:25px;} 
	.div_space_30{height:30px;}	.div_space_35{height:35px;} .div_space_40{height:40px;} .div_space_45{height:45px;} .div_space_50{height:50px;} 
	.div_space_55{height:55px;}	.div_space_60{height:60px;} .div_space_65{height:65px;}	.div_space_70{height:70px;}

/*SHORT LINK*/
	.short_link{color:#333333; font-family: 'Arvo', serif; font-weight:bold; transition:0.5s; display:block; margin:20px 0px 0px 0px;}
	.short_link:hover{text-decoration:none; color:#003399;}
	
	.short_link i{color:#ea6645;}
	
	.profile_link{color:#003366; font-family: 'PT Sans', sans-serif; transition:0.5s; display:block; font-size:14px; }
	.profile_link:hover{color:#003399; text-decoration:none;}
	
	.box_link{border:2px solid #ea6645; background:none; color:#ea6645; font-weight:bold; background:#ea6645; padding:7px 15px; letter-spacing:0.3px;
	 margin:8px 0px; display:inline-block;  color:#FFFFFF; transition:0.5s;}
	.box_link:hover{text-decoration:none; background:#FFFFFF;  color:#666666; }
	
/*REMOVE GIRD PADDING & MARGIN*/
	.nopadding{padding:0px !important; margin:0px !important;}
	
/*WIDTH 90%*/
	@media only screen and (min-width:768px) {.width90{width:90%;}}

/*=====================================================================================================================
														HEADER SECTION
=======================================================================================================================*/

/*HEADER SECTION*/
	.full_header{height:auto; background-image:url("../img/header_img.jpg"); background-size:100% 160%; background-repeat:no-repeat;
	background-position:bottom; }
	
	/*RESPONSIVE*/
	@media only screen and (max-width:768px){
	.full_header{background-image:linear-gradient(blue,red); -webkit-linear-gradient(blue,red); -moz-linear-gradient(blue,red);
		-ms-linear-gradient(blue,red); -o-linear-gradient(blue,red);}
	 }
		
	/*HEADER TOP AREA*/
		
		.header_top{background-color:rgba(1,28,56,0.9); border-bottom:1px solid rgba(192,192,192,0.2);}
		
		.top_left{width:20%; color:#CCCCCC; font-family:"Times New Roman", Times, serif; padding:5px 0px; display:block;}
		.top_left i{color:#FFFFFF; font-size:18px; display:none; cursor:pointer; transition:0.5s;}
		.top_left i:hover{color:#ea6645;}
		
		.top_right{width:80%;}
		.top_right input{padding:7px 0px; width:0px; outline:none; border:none; display:inline-block; transition:All 1s ease-in-out;
		font-family: 'Vollkorn SC', serif;}
		.top_right input:focus{padding-left:10px;}
		
		.top_right ul li{padding:5px 10px; display:inline-block;}
		.top_right ul li a{text-decoration:none; font-size:14px; font-family: 'PT Sans', sans-serif; color:#FFFFFF; display:inline-block;
		 transition:0.5s;}
		.top_right ul li a:hover{color:#ea6645;}
		
		.top_right ul i{background-color:#ea6645; color:#FFFFFF; font-size:15px; display:table; vertical-align:middle; padding:12px 12px;
		 transition:0.5s;}
		.top_right ul i:hover .top_right input{width:30px;}
		.top_right ul i:hover{background:none;}
		
		/*RESPONSIVE*/
		@media only screen and (max-width:992px){.top_right ul li{display:none;} .top_left{width:40%;} .top_right{width:60%;} }
		@media only screen and (max-width:768px){.top_left i{display:inline-block;} .top_left var{display:none;} }
		@media only screen and (max-width:470px){.top_left{width:30%;} .top_right{width:70%;} .top_left i{font-size:14px;} }
		
	/*END HEADER TOP AREA*/


	/*HEADER BOTTOM AREA*/

		.header_bottom{background-color:rgba(1,28,56,0.8);}
		.menu_row{padding:25px 0px;}
		
		/*LOGO AREA*/
			.logo{width:20%;}
			.logo img{width:100%; max-height:60px; min-height:30px;}
		/*END LOGO AREA*/
		
		
		
		/*MAIN MENU AREA*/
			.menu{width:80%;}
			.menu img{display:none; cursor:pointer;}
			
			.menu ul{position:relative; z-index:999;}
			.menu ul li {display:block; padding:15px 0px 15px 15px; position:relative;}
			.menu ul li a{text-decoration:none; font-family: 'PT Sans', sans-serif; font-size:16px; color:#FFFFFF; font-weight:500; transition:0.5s;}
			.menu ul li a i{font-size:12px;}
			.menu ul li a:hover i{-webkit-transform: rotateY(300deg);}
			.menu ul li a:hover{color:#ea6645; font-weight:100;}
		/*END MAIN MENU AREA*/
		
		/*DROPDOWN MENU AREA*/
			.menu ul ul{width:200px; margin:12px 0px 0px -5px; position:absolute; z-index:9999; display:none;}
			.menu ul li:hover ul{display:block;}
			
			.top_arrow{border-top:none; border-right:10px solid transparent; border-bottom:20px solid #333333; border-left:10px solid transparent;
			 margin:-16px 0px 0px 15px; position:absolute; z-index:-9; transition:0.3s;}
			
			.menu ul ul li{display:block; padding:7px 0px 7px 0px; border-bottom:1px solid rgba(192,192,192,0.2); background-color:#333333;
			transition:0.3s; position:relative;}
			.menu ul ul li:last-child{border:0px;}
			
			.menu ul ul li:hover{background:#ea6645;}
			.menu ul ul li:hover .top_arrow{border-bottom:20px solid #ea6645;}
			.menu ul ul li a{padding:0px 0px 0px 10px; font-size:14px; display:block;}
			.menu ul ul li a:hover{color:#FFFFFF;}
		/*END DROPDOWN MENU AREA*/
		
		/*SUB DROPDOWN MENU AREA*/
			.menu ul ul ul{margin:-1000px 0px 0px 120px; position:absolute;}
			.menu ul ul ul li{background:#ea6645; border-bottom:1px solid rgba(192,192,192,0.7);}
			.menu ul ul ul li:hover{background:#333333;}
			.menu ul ul ul li a{font-size:14px;}
			.menu ul ul li:hover ul{margin:7px 0px 0px 120px;}
		/*END SUB DROPDOWN MENU AREA*/
		
		/*RESPONSIVE*/
		@media only screen and (max-width:992px){.logo{width:100%; text-align:center;} .logo img{max-width:30%; min-width:45%;} 
		.menu{width:100%; -ms-flex-pack: center !important; justify-content: center !important;} .menu ul li a{font-size:15px;}
		
		}
		
		@media only screen and (max-width:768px){
		.menu img:first-child{display:block;}
		.menu{-ms-flex-pack:start !important; justify-content:flex-start !important; position:relative;}
		.menu ul{display:none; margin:15px 0px 0px 0px; background:#009966; width:100%;}
		.menu ul li {padding:0px 0px 0px 0px; background:rgba(1,21,41,1); width:100%; border-bottom:1px solid rgba(192,192,192,0.1);}
		.top_arrow{margin:-9px 0px 0px 15px;}
		.menu ul li a{line-height:40px; margin-left:10px;}
		
		/*DROPDOWN*/
		.menu ul ul{position:relative; width:100%;  margin:12px 0px 0px 0px;}
		.menu ul ul li{padding:0px 0px 0px 0px;}
		.menu ul ul li a{font-size:14px;}
		
		/*SUB DROPDOWN*/
		.menu ul ul li:hover ul{margin:0px 0px 0px 30%; width:70%;}
		.menu ul ul ul li{padding:0px 0px 0px 0px;}
		.menu ul ul ul li a{line-height:20px; padding:10px 0px 10px 0px;}
		
		}
		
	/*END HEADER BOTTOM AREA*/
	
/*END HEADER SECTION*/

/*=====================================================================================================================
												 SLIDER & FORM SECTION
=======================================================================================================================*/

/*SLIDER & FORM SECTION*/
	.slider_form_wrapper{height:330px; background-color:rgba(1,28,56,0.9)}
	
	/*SLIDER*/
		.slider{width:49%; margin:20px 2% 0px 0px; overflow:hidden;}
		.slider figure{width:500%; position:relative; animation:img_slider 20s linear 0s infinite alternate; transition:0.5s;}
		.slider figure img{width:20%; height:330px; float:left;}
		
		@keyframes img_slider{
		0%{left:0; filter:blur(5px);}
		10%{left:0; filter:blur(0px);}
		25%{left:-100%; opacity:0.5; filter:brightness(200%);}
		45%{left:-100%; opacity:1; filter:contrast(-900%);}
		50%{left:-200%; opacity:0.5; filter:grayscale(200%)}
		70%{left:-200%; opacity:1; filter:hue-rotate(320deg)}
		75%{left:-300%; opacity:0.5 filter:saturate(900%)}
		85%{left:-300%; opacity:1 filter:saturate(200%)}
		90%{left:-400%; opacity:0.5 filter:invert(900%)}
		100%{left:-400%; opacity:1 filter:sepia(400%) drop-shadow(8px 8px 10px green);}
		}
	
	/*FORM*/
		.st_form_wrapper{width:49%; height:330px;}
		.st_form_heading{color:#FFFFFF; display:block; margin:15px 0px 20px 0px; font-family: 'PT Sans', sans-serif; font-size:30px;}
		
		.student_form input, select{width:45%; height:45px; margin:0px 20px 8px 0px; background-color:rgba(0,0,0,0.5); border:none;
		outline:none; color:gray; padding:0px 0px 0px 10px; transition:0.5s; font-family: 'PT Sans', sans-serif; font-size:16px; }
		.student_form select{cursor:pointer;}
		
		.student_form input:hover, select:hover{background-color:rgba(0,0,0,0.4);}
		.student_form input:focus, select:focus{background-color:#FFFFFF;}
		
		.student_form select option{background:#FFFFFF;}
		
		.student_form input[type='submit']{border:2px solid #ea6645; background:none; width:100px; height:40px; color:#ea6645; font-weight:bold;
		padding:0px; letter-spacing:1px; cursor:pointer; margin:0px 0px 20px 0px; }
		.student_form input[type='submit']:hover{background:#ea6645;  color:#FFFFFF;}
		
		/*RESPONSIVE*/
		@media only screen and (max-width:992px){.slider_form_wrapper{height:auto;} .slider{width:100%; margin:20px 0px 0px 0px;}
		.st_form_wrapper{width:100%; height:auto;} .student_form input, select{width:100%; margin:0px 0px 8px 0px;}
		}
		
		@media only screen and (max-width:520px){.slider figure img{height:250px;}}
		@media only screen and (max-width:420px){.slider figure img{height:200px;} .st_form_heading{font-size:24px;} }
		
/*END SLIDER & FORM SECTION/*


/*=====================================================================================================================
												NEWS, EVENT & ABOUT SECTION
=======================================================================================================================*/

/*NEWS, EVENT & ABOUT SECTION*/
	.wrapper_3{width:32%; margin:0px 0px 20px 2%;}
	.wrapper_3:first-child{margin:0px;}
	
	/*NEWS*/
	.news{border-bottom:1px solid rgba(192,192,192,0.3);}
	.news small{color:#999999; display:block; margin:15px 0px 0px 0px; font-size:14px; font-family: 'PT Sans', sans-serif;}
	.news small i{color:#ea6645;}
	.news article a{color:#00CCCC; display:block; margin:10px 0px 15px 20px; text-decoration:none; font-size:14px; font-family: 'PT Sans', sans-serif;
	letter-spacing:0.5px; transition:0.5s;}
	.news article a:hover{color:#999900;}

	/*EVENTS*/
	.events{width:100%; min-height:120px;}
	
	.events_date{width:20%; height:80px; float:left; display:block; margin:15px 0px 0px 0px; background:#CCCCCC; overflow:hidden; text-align:center;}
	.events_date i{color:#FFFFFF; font-family: 'Exo 2', sans-serif; font-size:30px; line-height:40px;}
	.events_date b{color:#FFFFFF; display:block; font-size:50px; font-family: 'Exo 2', sans-serif; -webkit-text-stroke:4px;}
	
	.events_text{width:80%; float:left;}
	
	.events article a{color:#00CCCC; display:block; margin:10px 0px 10px 10px; text-decoration:none; font-size:16px;
	 font-family: 'PT Sans', sans-serif; letter-spacing:0.5px; transition:0.5s;}
	.events article a:hover{color:#999900;}
	
	.events small{color:#999999; display:block; margin:0px 0px 30px 10px; font-size:14px; font-family: 'PT Sans', sans-serif;}
	.events small i{color:#ea6645;}
	
	/*ABOUT*/
	.about img{width:100%; height:140px; margin:15px 0px 10px 0px;}
	.about article{color:#999999; font-size:14px; font-family: 'PT Sans', sans-serif; letter-spacing:0.5px; text-align:justify;}
	
	/*RESPONSIVE*/
	@media only screen and (max-width:992px){.wrapper_3{width:100%; margin:0px;} }
		@media only screen and (max-width:450px){.events_date i{font-size:24px;} .events_date b{font-size:35px;} }
		
/*END NEWS, EVENT & ABOUT SECTION*/


/*=====================================================================================================================
													ACADEMIC SECTION
=======================================================================================================================*/

/*ACADEMIC SECTION*/
	.full_academic{background-image:url(../img/academic/b_1.jpg); background-size:100% 100%; background-attachment:fixed; background-repeat:no-repeat;}
	
	.academic_container{background-color:rgba(0,0,0,0.8);}
	.academic_item{text-align:center; padding:10px 0px;}
	
	.circle{width:220px; height:220px; display:block; text-align:center; border:1px solid rgba(0,0,0,0.8); border-radius:50%; cursor:pointer;
	box-shadow:inset 0px 0px 30px 0px black; transition:0.5s;} 
		
	.circle i{font-size:100px; color:#ea6645; position:relative; top:50%; transform:translateY(-50%); transition:0.5s;}
	.circle i:hover{color:#006666;}
	
	.ac_heading_div{width:100%;}
	.center_heading{display:block; color:#ea6645; font-size:30px; font-family: 'Exo 2', sans-serif; font-weight:700; padding:10px 10px;
	 text-transform:uppercase; cursor:pointer; text-shadow:0px 0px 20px black; transition:0.5s;}
	 
	.center_heading:hover{color:#006666;}

/*END ACADEMIC SECTION*/

/*=====================================================================================================================
										OUR BOARD OF TRUSTEE & HOME PAGE GALLERY SECTION
=======================================================================================================================*/

/*OUR BOARD OF TRUSTEE & HOME PAGE GALLERY*/

	/*BOARD OF TRUSTEE*/
	.wrapper_1{width:33%;}
	.wrapper_2{width:67%;}
	
	.content{width:100%; min-height:100px; margin:0px 0px 15px 0px; overflow:hidden; border:2px solid #CCCCCC;}
	.content_left{width:30%; float:left;}
	.content_left img{width:90%; height:80px; margin:10px 0px 0px 10px;}
	
	.content_right{width:70%; float:left;}
	
	/*HOME PAGE GALLERY*/
	#gl_heading{margin-left:2%;}
	
	.home_gallery_content{width:23%; height:150px; float:left; margin:0px 0px 15px 2%; overflow:hidden;}
	.home_gallery_content img{height:100%; width:100%; transition:1s; cursor:pointer;}
	.home_gallery_content img:hover{transform:scale(1.3);}

	/*RESPONSIVE*/
	@media only screen and (max-width:992px){.wrapper_1{width:100%; margin:0px;} .wrapper_2{width:100%; margin:0px;} .content_left{width:20%;}
	.home_gallery_content{width:31%;} #gl_heading{margin-left:0px;} }
	@media only screen and (max-width:572px){.home_gallery_content{width:48%;}}
	@media only screen and (max-width:350px){.home_gallery_content{width:100%; height:200px; margin:0px 0px 15px 0px;}
	.content_left img{height:60px;} }
		
/*END OUR BOARD OF TRUSTEE & HOME PAGE GALLERY*/


/*=====================================================================================================================
												OUR COURSES SECTION
=======================================================================================================================*/

/*OUR COURSES SECTION*/
	.full_courses_wrap{background-image:url(../img/courses3.png); background-attachment:fixed; background-position:center;
	 background-repeat:no-repeat; background-size:100% 100%;}
	
	.courses_container{background-image:linear-gradient(to bottom left, rgba(0,0,0,0.9), rgba(100,20,50,0.5) );}
	
	.course{margin:0px 0px 15px 0px;}
	.course_list ul{padding:0px; margin:0px;}
	.course_list ul li{display:block; list-style-type:none; padding:10px 15px; transition:0.5s;}
	.course_list ul li a{text-decoration:none; color:#FFFFFF; font-size:16px; font-family: 'Exo 2', sans-serif; transition:0.5s; }
	.course_list ul li i{color:#999999; font-weight:bold;}
	
	.course_list ul li a:hover{color:#CC9900;}

/*END OUR COURSES SECTION*/


/*=====================================================================================================================
										         PARTNERS & DONORS SECTION
=======================================================================================================================*/

/*PARTNERS & DONORS SECTION*/

	.wrap{width:25%; height:120px; text-align:center; float:left;}
	.wrap img{width:80%; height:100px;  position:relative; top:50%; transform:translateY(-50%); }
	
	 /*RESPONSIVE*/
	@media only screen and (max-width:768px){.wrap{width:33%;} .wrap img{width:90%;} }
	@media only screen and (max-width:572px){.wrap{width:50%;} .wrap{height:100px;} .wrap img{width:80%; height:80px;} }
	@media only screen and (max-width:420px){.wrap{height:80px;} .wrap img{height:60px;} }
	
/*END PARTNERS & DONORS SECTION*/



/*=====================================================================================================================
										         FOOTER SECTION
=======================================================================================================================*/

/*FOOTER SECTION*/
	/*FUUL FOOTER BACKGROUND*/
	.full_footer{height:auto; background-image:url("../img/header_img.jpg"); background-size:100% 100%; background-repeat:no-repeat;
	background-position:bottom; background-attachment:fixed; }
	
	/*RESPONSIVE*/
	@media only screen and (max-width:768px){
	.full_footer{background-image:linear-gradient(blue,red); -webkit-linear-gradient(blue,red); -moz-linear-gradient(blue,red);
		-ms-linear-gradient(blue,red); -o-linear-gradient(blue,red);}
	 }
	
	
	
	.footer_container{background-color:rgba(1,28,56,0.9); transition:1s; margin-top:10px;}
	.footer_data{width:23%; margin-right:2.6%;}
	.footer_data:last-child{margin-right:0px;}
	
	.footer_heading{color:#CCCCCC; font-size:30px; margin:20px 0px 20px 0px; letter-spacing:1px; font-weight:900; display:block;
	font-family: 'PT Sans', sans-serif; text-shadow:0px 0px 50px white;}
	
	.footer_data ul{padding:0px; margin:0px; width:100%;}
	.footer_data ul li{display:block; margin-bottom:5px;}
	.footer_data ul li a{color:#33CCFF; text-decoration:none; font-size:12px; letter-spacing:1px; transition:0.5s; display:block; font-family: 'Exo 2', sans-serif; opacity:0.5;}
	.footer_data ul li a:hover{color:#FFFFFF;}
	
	#social .f_fb:hover{color:#0033CC;} #social .f_tw:hover{color:#006699;} #social .f_ins:hover{color:#FF6600;} #social .f_li:hover{color:#FF3333;} #social .f_you:hover{color: #FF0000;}
	
	.mobile{position:absolute; margin-top:-999999px;}
	
	.copyright{width:100%;}
	.copyright small{font-size:14px; background-color:rgba(1,36,71,1); display:block; padding:20px 0px; text-align:center;}
	
	 /*RESPONSIVE*/
	@media only screen and (max-width:992px){.footer_heading{font-size:20px;} .footer_data ul li a{font-size:10px;} .copyright small{font-size:12px;}}
	
	@media only screen and (max-width:768px){.mobile{position:relative; margin-top:0px;} .laptop{display:none;} .footer_data{width:47%;}
	.footer_data ul li a{font-size:12px;} .copyright small{font-size:14px;}}
	
	@media only screen and (max-width:572px){.footer_data{width:100%; margin:0px;}  .copyright small{font-size:12px;}}

/*END FOOTER SECTION*/



/*=====================================================================================================================
										         MENU PAGE ---- ABOUT US
=======================================================================================================================*/

/*ABOUT US SECTION*/

	.about_img_wrap{width:100%; height:auto; margin:20px 0px 10px 0px;}
	.about_img_wrap img{width:100%; max-height:250px; min-height:90px;}

/*END ABOUT US SECTION*/

/*=====================================================================================================================
										         MENU PAGE ---- COURSES
=======================================================================================================================*/

/*COURSES SECTION*/
	.course_container{height:220px;}
	
	.course_img_wrap{height:auto; margin:20px 0px 10px 0px;}
	.course_img_wrap img{width:100%; height:180px; }
	
	.course_content{margin:20px 0px 0px 0px; }
/*END COURSES SECTION*/