@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

@import url(https://fonts.googleapis.com/css?family=Anton); 



strong{ color:#0066CC}

div#headmedium{ width:100%; height:auto; background:url(../images/h-medium.png) bottom no-repeat; padding-bottom:20px; }

div#headful{ width:100%; height:auto; background:url(../images/h-full.png) bottom no-repeat; padding-bottom:20px; }

div#headhome{ width:100%; height:auto; background:url(../images/h-home.png) bottom no-repeat; padding-bottom:20px; }



img.galleryimg{ width:318px; height:auto}



#sideimg{ border:1px solid #186FB6; border-top:none}

#topspan{color:#FFF; font-size:14px; margin-left:220px}

#topspan strong{ color:#FFF}

#phonenospan{color:#FFF; font-size:14px; font-weight:bold; letter-spacing:0.5px}



#bannerdiv{width:1050px; height:140px; background:url(../images/banner.png) left top no-repeat}

#certdiv{width:100%; height:auto; }

#certdiv img /*{ margin:0 10px 20px; padding:3px; border:1px solid #008CEA; border-radius: 4px;}*/

{		padding: 0px;

		border:10px white solid;

	  	box-shadow: 0px 2px 3px #414141;

  		-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);

  		-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);

		margin:15px;

}





#marki1div{width:100%; height:auto; padding-top:40px;}

#marki2div{width:100%; height:auto;}

#marki2div img{  margin:2px 6px; background-color:#0F5E9E; padding:1px; border:1px solid #FFF; 

box-shadow:0px 0px 0px 1px #0F5E9E}



/* CSS Document */

*{

	margin:0;

	padding:0;

}

body{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#676767;

		

}

h1, h2, h3, h4, h5, h6{

	font-family: 'steelfish_rgregular';

	font-weight:normal;

}

input{

	outline:none;

}

textarea{

	outline:none;

}

img{

	border:none;

}

.Waper{

	float:left;

	width:100%; min-width:1100px;

	background: url(../images/bg-2.jpg) repeat center;

}

.BackgroundRepeat{

	float:left;

	width:100%;

	background:url(../images/mai-bg.jpg) repeat-x top center;

	height:746px;

}

.BackgroReInner{

	float:left;

	width:100%;

	background:url(../images/bg-inner.jpg) repeat-x top center;

}

.red{

	color:#FF0000;

}

.f-right{

	float:right;

}

.f-right strong{ color:#FFF; font-size:14px}

.f-left{

	float:left;

}

.f-left strong{ color:#FFF}

a{

	text-decoration:none;

	color:#676767;

	outline:none;

	transition:color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;

}

a:hover{

	text-decoration:underline;

}

.Main{

	width:1050px;

	margin:auto;

}

.TopMost{

	width:100%;

	margin:6px 0 7px 0;

}

.MainLinks{

	float:left;

	list-style:none;

	margin:0 0 0 450px;

}

.MainLinks li{

	display:inline;

	margin:0 0px 0 25px;

}

.MainLinks li a{

	color:#FFFFFF;

	font-family:"Century Gothic";

	font-size:13px;

}

.SocialNet{

	float:right;

	list-style:none;	

}

.SocialNet li{

	display:inline;

	margin:0 0px 0 20px;

	float:left;

}

.Facebook{

	background:url(../images/facebnook.png) no-repeat center;

	padding:4px 6px;

}

.Facebook:hover{

	background:url(../images/facebnook-hover.png) no-repeat center;

	}

.Twiter{

	background:url(../images/twiter.png) no-repeat center;

	padding:4px 9px;

}

.Twiter:hover{

	background:url(../images/twiter-hover.png) no-repeat center;

	}



.Google{

	background:url(../images/g+.png) no-repeat center;

	padding:4px 7px;

}

.Google:hover{

	background:url(../images/g+hover.png) no-repeat center;

	}

.LogoArea{

	width:100%;

	margin:0 0 9px 0;

}

.Logo{

	margin:9px 0 0  0;

	*padding:0 0 9px 0;

	float:left;

}



#engmenu{

	width:1050px;

	list-style:none;	

	margin:9px 0 45px  0px;

}

#engmenu li{

	float:left;

	display:block;

	width:auto;

	text-align:center; background-color:#0F5E9E; margin-right:2px; padding:8px 0px; border-radius:8px 8px 0px 0px;

}

#engmenu li:hover, #engmenu li.active{ background-color:#cc0000;}

#engmenu li img{

	margin:0 0 7px 0;

}

#engmenu li a{ text-decoration:none; color:#fff; font-weight:bold; font-size:14px; padding:0px 13.5px; }

#engmenu li a:hover{}



/* urdu menu*/



#urdumenu{

	width:1050px;

	list-style:none;	

	margin:9px 0 45px  0px;

}

#urdumenu li{

	float:right;

	display:block;

	width:auto;

	text-align:center; background-color:#0F5E9E; margin-right:2px; padding:0px 0px; border-radius:8px 8px 0px 0px;

}

#urdumenu li:hover, #urdumenu li.active{ background-color:#cc0000;}

#urdumenu li img{

	margin:0 0 7px 0;

}

#urdumenu li a{ display:block; text-decoration:none; color:#fff; font-weight:bold; font-size:14px; padding:0px 20.5px; height:33px;}

#urdumenu li a:hover{}





/* urdu menu end*/







.SliderArea{

	width:100%;

	float:left;

	background:url(../images/slider-area-bg.jpg) no-repeat top center;	

	margin:0 0 100px 0;

}

.SliderAreaInner{

	width:100%;

	float:left;

	background:url(../images/slider-area-bg.jpg) no-repeat top center;	

	height:240px;

	margin:0 0 100px 0;

}

.BannerQuery{

	margin:auto;

	width:1050px;

}

.Slider{

	border-radius:8px;

	width:1050px;

	background:#FFFFFF;

	background:url(../images/slider-bg.png) no-repeat top center\9;

	margin:16px 0 0  0;

	box-shadow: 0 0 5px #494949;

}

.SliderInner{

	border-radius:8px;

	padding:10px;

	float:left;

	width:1030px;

	background:#FFFFFF;

	background:url(../images/slider-bg-inner.png) no-repeat top center\9;

	padding:18px 15px 25px 15px\9; 

	margin:16px 0 0  0;

	box-shadow: 0 0 5px #494949;

}

.SliderCaptcha{

	border-radius:8px;

	padding:10px;

	float:left;

	width:98%;

	background:#FFFFFF;

	background:url(../images/slider-bg-inner.png) no-repeat top center\9;

	padding:18px 15px 25px 15px\9; 

	margin:16px 0 0  0;

	box-shadow: 0 0 5px #494949;

}

.Query{

	float:right;

	width:291px;

	padding:0 0 46px 0;

	background:url(../images/quer-bg.png) no-repeat top center;

}

.QueryInner{

	float:right;

	width:291px;

	padding:0 0 46px 0;

	margin:16px 0 0 0;

	background: url(../images/quer-inner.png) no-repeat top center;

}

.Query ul, .QueryInner ul{

	float:left;

	margin:10px 0 0 36px;

	list-style:none;

}

.Query ul li, .QueryInner ul li{

	width:100%;

}

.QueryHeading{

	float:left;

	width:100%;

	display:block;

	text-align:center;

	font-size:30px;

	color:#186fb6;

	margin:55px 0 0 0;

	font-weight:normal;

}

.QueryHeadInnder{

	float:left;

	width:100%;

	display:block;

	text-align:center;

	font-size:30px;

	color:#186fb6;

	margin:15px 0 0 0;

	font-weight:normal;

}

.QuerText{

	width:192px;

	padding:2px 13px 3px 13px;

	font-size:12px;

	color:#186fb6;

	margin:0 0 3px 0;

	border:1px solid #69b3ec;

	background:url(../images/input-bg.jpg) no-repeat top left;

}

.QuerTextInner{

	width:80px;

	padding:2px 13px 3px 13px;

	font-size:12px;

	color:#186fb6;

	margin:0 0 3px 0;

	border:1px solid #69b3ec;

	background:url(../images/input-bg.jpg) no-repeat top left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.QuerText2{

	width:158px;

	padding:2px 13px 3px 13px;

	font-size:12px;

	color:#186fb6;

	margin:3px 0 3px 0;

	border:1px solid #69b3ec;

	background:url(../images/input-bg.jpg) no-repeat top left;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.QueryArea{

	width:192px;

	padding:2px 13px;

	font-size:12px;

	color:#186fb6;

	margin:0 0 3px 0;

	border:1px solid #69b3ec;

	resize:none;

	height:57px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background:url(../images/input-bg.jpg) no-repeat top left;

}

.QueryAreaInner{

	width:192px;

	padding:2px 13px;

	font-size:12px;

	color:#186fb6;

	margin:0 0 3px 0;

	border:1px solid #69b3ec;

	resize:none;

	height:32px;

	background:url(../images/input-bg.jpg) no-repeat top left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.Captcha{

	float:left;

	border:1px solid #69b3ec;

	width:99%;

}

.Refresh{

	float:left;

	margin:5px 0 0 6px;

}

.Submit{

	float:left;

	border:none;

	clear:both;

	background:#186ab6;

	color:#FFFFFF;

	padding:3px 10px;

	border-top:1px solid #4d9def;

	border-right:1px solid #145fa6;

	border-bottom:1px solid #01203d;

	border-right:1px solid #1663aa;

}

.Submit:hover{

	background:#054f93;

	cursor:pointer;

}

.CourseOffer{

	float:left;

	width:100%;

	background:url(../images/Course-offer.jpg) no-repeat bottom center;

	padding:0 0 25px 0;

	margin:25px 0 0 0;

}

.CourseOfferInner{

	float:left;

	width:100%;

	background:url(../images/Course-offerx.jpg) no-repeat bottom center;

	padding:0 0 10px 0;

	margin:0px 0 0 0;

}

.FooInnPage{

	float:left;

	width:100%;

	background:url(../images/Course-offer.jpg) no-repeat top center;

	padding:42px 0 10px 0;

	margin:25px 0 0 0;

}

.CouOffInner, .FooInnPageInner{

	margin:auto;

	width:990px;

}

.CouOffInner h3{

	font-size:18px;

	font-weight:normal;

	color:#186fb6;

	margin:0 0 8px 0;

}

.CouBoxes{

	float:left;

	list-style:none;

}

.CouBoxes li{

	float:left;

	background:url(../images/box-bg.png) no-repeat top left;

	padding:13px 20px 18px 20px;

	width:156px;

	text-align:justify;

	margin: 0 0px 0 0;

}

.CouBoxes li h4{

	font-family:"Century Gothic";

	font-size:22px;

	color:#186fb6;

	font-weight:normal;

	margin:0 0 4px 0;

	}

.CouBoxes li .f-right{

	color:#186fb6;

}

.LeftArea{

	float:left;

	width:232px;

	margin:25px 22px 0 0;

}

.MiddelArea{

	float:left;

	width:478px;

	margin:25px 0px 0 0;

	

}

.Container{

	float:left;

	width:795px; 

	margin:25px 0px 0 0;

}

.MiddelArea p, .Container p{

	text-align:justify;

	line-height:18px;

	margin:0 0 18px 0;

	clear:both;

}

.MiddelArea h2.Home, .Container h2{

	font-size:26px;

	color:#186fb6;

	margin:20px 0 8px 0;

	float:left;

	width:100%;

}

.MiddelArea h1, .Container h1{

	font-size:30px;

	color:#186fb6;

	margin:0 0 8px 0;

}

.More{

	float:right;

	font-weight:bold;

	color:#186fb6;

}

.RightArea{

	float:right;

	width:232px;

	margin:25px 0px 0 0;

}

.Admission{

	float:left;

	padding:10px 95px 12px 16px;

	background:#186fb6;

	font-size:26px;

	font-family: 'steelfish_rgregular';

	color:#FFFFFF;

	margin:0 0 6px 0;

}

.Admission:hover, .Traning:hover{

	text-decoration:none;

	background:#125e9c;

}

.Traning{

	float:left;

	padding:10px 124px 12px 16px;

	background:#186fb6;

	font-size:26px;

	font-family: 'steelfish_rgregular';

	color:#FFFFFF;

	margin:0 0 6px 0;

}

.Infra{

	float:left;

	width:230px;

	box-shadow:0 0 5px #e3e3e3;

	border:1px solid #e3e3e3\9;

	margin:0 0 6px 0;

	background:#FFFFFF;

}

.CourseOfer{

	float:left;

	width:230px;

	box-shadow:0 0 5px #e3e3e3;

	border:1px solid #e3e3e3\9;

	margin:0 0 6px 0;

	background:#FFFFFF;

}

.NewsEvents{

	float:left;

	width:230px;

	box-shadow:0 0 5px #e3e3e3;

	border:1px solid #e3e3e3\9;

	margin:0 0 6px 0;

	height:295px;

	background:#FFFFFF;

}

.Infra h3{

	padding:10px 124px 12px 16px;

	background:#cacaca;

	color:#474747;

}

.CourseOfer h3{

	padding:10px 115px 12px 16px;

	background:#186fb6;

	color:#FFFFFF;

}

.NewsEvents h3{

	padding:10px 104px 12px 16px;

	background:#186fb6;

	color:#FFFFFF;

}

.InfraUl{

	float:left;

	list-style:none;

	width:198px;

	margin:4px 0 0 17px;

}

.InfraUl li{

	border-bottom:1px solid #e3e3e3;

}

.InfraUl li a{

	display:block;

	padding:9px 0 9px 0;

}

.LeftImg{

	float:left;

	box-shadow:0 0 7px #e3e3e3;

	margin:0 0 6px 2px;

}

.LeftImg2{

	float:left;

	box-shadow:0 0 7px #e3e3e3;

	margin:0 26px 0px 0px;

}

.LeftImg:hover, .LeftImg2:hover{

	opacity:0.9;

}

.NewsUl{

	float:left;

	list-style:none;

	width:198px;

	margin:4px 0 0 17px;

	font-size:13px;

	color:#186fb6;

	text-align:justify; 

}

.NewsUl li{

	margin:0 0 18px 0;

	text-align:justify;

}

.NewsEvents marquee{

	margin:12px 0 20px 0;

}

.NewsEvents a{

	color:#186fb6;

}

.Footer{

	float:left;

	width:100%;

	height:142px;

	background:url(../images/footer-bg.jpg) repeat-x top center;

	margin:51px 0 0 0;

}

.FootInnePage{

	float:left;

	width:100%;

	height:142px;

	background:url(../images/footer-bg.jpg) repeat-x top center;

	margin:21px 0 0 0;

}

.FooterInner{

	width:1050px;

	margin:auto;

	line-height:18px;

	color:#7ab4e2;

}

.FooterInner a{

	color:#FFF;

}

.FooterInner .f-left{

	margin:26px 0 0 0; color:#FFF

}

.FooterInner .f-left span{

	font-size:15px;

	color:#FFF;

}

.FooterInner .f-right{

	margin:29px 0 0 0; color:#FFF;

}

.MiddleLink{

	float:left;

	width:231px;

	height:57px;

	border:1px solid #dfdfdf;

	margin:20px 0 0 6px;

	text-align:center;

	line-height:52px;

	font-family: 'steelfish_rgregular';

	font-size:30px;

	color:#186fb6;

}

.MiddleLink:hover{

	text-decoration:none;

	background:#f4f5f6;

}

.Download{

	float:right;

	width:220px;

}

.Download a{

	background:url(../images/pdf.png) no-repeat 170px 5px #FFFFFF;

	border:1px solid #dfdfdf;

	float:left;

	display:block;

	padding:9px 15px 9px 18px;

	width:85%;

	margin:0 0 5px 0;

	font-family: 'steelfish_rgregular';

	color:#186fb6;

	font-size:26px;

}

.Download a:hover{

	text-decoration:none;

	background:url(../images/pdf.png) no-repeat 170px 5px #F4F5F6;

}

.CommingSoon{

	font-family: 'steelfish_rgregular';

	font-size:100px;

	float:left;

	margin:180px 0 0 200px!important; 

	text-shadow:1px 0px 16px #c6c7c9;

	color:#FFFFFF;

}

.UnorderList{

	float:left;

	line-height:18px;

	margin:0 0 0 17px;

	list-style:url(../images/bullet.jpg);

	width:98%;

}

.Table{

	clear:both;

	width:100%;

	float:left;

}

.Table tr {

	background:#F4F5F6;

	transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;

}

.Table tr:hover{

	background:#FFFFFF;

}

.Table tr td{

	padding:12px;

}

.Table2{

	clear:both;

	float:left;

	margin:0 0 15px 0;

	padding:5px;

	border:1px solid #E3E3E3;

	background:#E3E3E3;

}

.Table2 tr {

	background:#F4F5F6;

	transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;

}

.Table2 tr:hover{

	background:#FFFFFF;

}

.Table2 img{

	padding:6px;

	border:1px solid #CCCCCC;

	margin:10px 0 10px 10px;

}

.Table2 tr td{

	padding:1px 4px 1px 12px;

}

.SubBold{

	float:left;

	width:98%;

    margin: 15px 0 5px!important;

}

.Table input[type=text], .Table textarea{

	 background: url("../images/input-bg.jpg") no-repeat scroll left top transparent;

    border: 1px solid #69B3EC;

    color: #186FB6;

    font-family: Verdana,Arial,Helvetica,sans-serif;

    font-size: 12px;

    margin: 0 0 3px;

    padding: 5px 13px 5px;

	width:180px;

	resize:none;

}

.Teacher{

	float:left;

	width:100%;

	border:1px solid #f6f6f6;

	padding:0 0 20px 0;

	background:#fbf8f8;

	margin:14px 0 35px 0;

}

.Teacher:hover{

	background:#FFFFFF;

}

.Teacher img{

	float:right;

	padding:5px;

	border:1px solid #CCCCCC;

	margin:-30px 20px 10px 20px;

}

.Teacher ul{

	float:left;

	list-style:none;

	width:79%;

	padding:10px 0 5px 10px;

	margin:0 0 15px 0;

	border-bottom:1px solid #f6f6f6;

}

.Teacher ul li{

	float:left;

	width:125px;

	display:block;

}

.Teacher .Email{

	width:180px;

}

.Teacher p{

	clear:none!important;

	margin:0 10px 0 10px;

}

.GalleryFolder{

	list-style:none;

	float:left;

	margin:20px 0 0 0;

}

.GalleryFolder li{

	float:left;

	width:150px;

	text-align:center; 

	height:100px;

	margin:0 20px 0 0;

	

}

.GalleryFolder li a{

	background:url(../images/folder-hover.png) no-repeat top center;

	display:block;

	padding:70px 0 0px;

}

.GalleryFolder li a:hover{

	background:url(../images/folder.png) no-repeat top center;

	transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;	

}

.PhotoGallery{

	list-style:none;

	float:left;

	width:100%;

}

.PhotoGallery{

	float:left;	

}

h1 .f-right{

	font-size:20px;

	padding:5px 10px;

	background:#CCCCCC; 

}

h1 .f-right:hover{

	text-decoration:none;

	background:#186FB6;

	color:#FFFFFF;

}

.PhotoGallery {

	margin:15px 0 0 0;

	width:732px;

	padding:0;

	list-style:none;

}

.PhotoGallery li {

	display:inline;

}

.PhotoGallery li img {

	margin:0px 22px 22px 0px;

	border:1px solid #CCCCCC;

	padding:3px;

}



.select-drop{float:right; width:200px;}

.select-drop select{ width:150px; margin:8px 25px 0px 0px; border:#CCC solid 1px; padding:2px; color:#999; float:right;}























.myfont{font-family: 'Fjalla One', sans-serif; font-size:22px}

.myhead{font-family: 'Anton', sans-serif;}