/*Author: Nabeel*/

/*-------------------------------------------------
GLOBALS CLASSES 
-------------------------------------------------*/
*{padding:0; margin:0;}
body{font-family:"Trebuchet MS"; font-size:14px; background:#cfecfe;}
img{border:none;}
h1{ font-family:"Trebuchet MS"; font-size:22px; font-weight:normal;}
h2{ font-family:"Trebuchet MS"; font-size:18px; font-weight:normal;}
p{ line-height:20px;}
a{text-decoration:none; color:#ffed71;}
a:hover{color:#ffffff;}


/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header-wrap{
	background:#000 url(../images/bg2.jpg) repeat-x; height:100px;
 	width:100%;
}

.logo{ 
	width:360px;
	margin:0 auto;
}

.logo h1{
	color:#ffffff;
	font-size:45px;
	font-weight: normal;
	padding-top:30px;
	padding-bottom:40px;
}

/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
.menu-wrap{
	overflow:hidden;
	margin:25px auto 30px 23%;
	
}

.menu{
	float:left;
	width:auto;

}

.menu ul li{
	list-style:none;
	float:left;

	text-align:center;
	line-height:40px;
	margin-right:20px;
	
}

.menu ul li a{
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	color:#fff;
	border-radius: 10px;
}
.menu ul li a:hover{
	color:#000080;
	

}

.menu ul li a.active{
	background:none;
	
	height:40px;
	color:#000080;
}


/*-------------------------------------------------
SOCIAL MEDIA CLASSES
-------------------------------------------------*/
.socia-wrap{ float:right; width:200px;}
.socail{ overflow:hidden;}
.socail ul li{ float:left; margin-right:15px; list-style:none;}

/*-------------------------------------------------
SLIDER CLASSES
-------------------------------------------------*/

.mySlides {display:none;}

/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.clearing { clear:both;}

/*-------------------------------------------------
BOOKS
-------------------------------------------------*/

.portfolio-area li{float: left;overflow: hidden;width:16.66%; padding:10px 0 ; }
.image-block{ display:block;position: relative;}
.image-block img{padding:0px;margin-left: 35px;}
.home-portfolio-text{margin-top:10px;color: #000080;}
.home-portfolio-text a{
	background-color: #081E31;
	padding:5px 25px;
	margin-left: 45px;
	border-radius: 10px;
}
.home-portfolio-text h2{
	color: #081E31;
}

/*-------------------------------------------------
OTHER  ARTICLES
-------------------------------------------------*/
h1{
	font-weight: bold;
	font-size:30px;
	text-align: center;
	color: #000080; 
}
h2 a{
	margin-left: 30px;
	color: #000;
	font-size: 19px;
}
h2 a:hover{
	text-decoration: underline;
	color: #000;
}

.col33{
	width: 33%;
	float: left;
	right:0 !important;
	border-left: 1px solid #000;
}
/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

.copyright-wrap{ background:url(../images/bg3.jpg) repeat-x center; height:63px; padding-top:50px;}

/*-------------------------------------------------
FACEBBOK
-------------------------------------------------*/

h6{
	font-size: 15px;
	margin-left: 30px;
}

/*-------------------------------------------------
ABOUT US
-------------------------------------------------*/
.para{
	width: auto;
	margin: 0 20px;
	font-size: 17px;
	text-align:justify;
	font-weight: normal;
}
.col25{
	width: 25%;
	float: left;
}
.col50{
	width: 50%;
	float: left;
}
h3{
	text-align:center;
	text-decoration: underline;
	font-size: 30px;
    color: #3F4E9D;
	
}

/*-------------------------------------------------
YOUTUBE
-------------------------------------------------*/
.youtube-area{
	list-style-type: none;
}
.youtube-area li{
	float: left;
	width:25%;
	padding:10px 0;
	list-style-type: none;
}

.img-block{
	display:block;
	position: relative;
}

.img-block img{
	padding:0px;
	margin-left: 35px;
}

.portfolio-text{
	margin:10px 12%;
	color: #000080;
}

.portfolio-text a{
	
	font-size: 15px;
	color: #000;
	border-radius: 10px;
}


/*-------------------------------------------------
RESPONSIVE
-------------------------------------------------*/

@media screen and (max-width : 860px){
	.portfolio-area li{float: left;overflow: hidden;width:50%; padding:10px 0 ; }
	.menu-wrap img{display: none;}
	.menu-wrap embed{width:90%;top:10px;margin-left: -80px;position: absolute;}
	.col33{width: 100%;float: left;}
	.col25{width: 50%;float: left;}
	.col50{width: 100%;float: left;}
	.youtube-area li{float: left;overflow: hidden;width:50%; padding:10px 0 ; }
}
@media screen and (max-width: 1600px) and (min-width: 1100px){

	.menu-wrap embed{position: absolute;display: all;width: 50%;}
}