/* CSS Document */
.body{
	background-color:#f2f2f2;
	font-family: 'roboto slab', serif;
	margin:0;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*font-family: 'Noto Serif', serif;*/

header{
	position:fixed;
	top:0;
	z-index:1000;
	background:rgba(0,0,0,0.5);
	/* background-color:transparent; */
	width:100%;
}

nav{
    font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	max-width:1280px;
	margin:auto;
}
.twit{
	
	 
	 text-align: -webkit-center;
 } 
.menu{
	float:right;
	padding:3px 0 0 0;
}

.menuBtn:hover{
	cursor:pointer;
}

.navigation{
	padding:5px 0px; 
	max-width:1280px;
}

.navigation .mainLogo{
	float:left;
}

.navLinks{
	display:none;
	background:rgba(0,0,0,0.95);
	width:100%;
	height:650px;
	float:right;
	text-align:center;
	padding:50px;
	font-size: 22px;
	margin:0px 47px 0 0;
	position:absolute;
	right:-46px;
	top:44px;
}

.navLinks hr{
	background-color:#f60; 
	height: 2px;
	border: none;
	width: 30%;
}

.navLinks a{
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
	width: 30%;
	margin: auto;
}

.navLinks a:hover{
	color:#ef9720;
	text-decoration:none;
}

.categoryNav{
	max-width:550px; 
	font-size:small; 
	margin:auto; 
	padding:5px 0; 
	float:left; 
	display:none;
}

/*------------------------------------------*/

.categoryNav{
	max-width:10px;
	text-align:center;
}

.categoryNav a{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	font-weight:bolder;
}

.categoryNav a:hover{
	color:#f60;
	text-decoration:none;
}

/*------------------------------------------*/

.mainBanner{
	position:absoute; 
	top:0;
}

/*------------------------------------------*/

.mainArticles{
	max-width:1280px; 
	margin:auto;
}

.mainArticles .recent{
	max-width:972px;
	
}

.mainArticles .ad-one{
	width:728px; 
	margin:auto; 
	padding:20px 5px;
	display:none;
}

.mainArticles .left{
	max-width:972px; 
	float:left;
}

/*------------------------------------------*/

.mainArticles .ad-one{
	width:728px; 
	margin:auto; 
	padding:20px 5px;
}

.inArticlesList li{
	border-bottom:solid 2px #f60;
}

/*------------------------------------------*/

.mainArticles .left{
	max-width:1000px;
}

.recent .heading{
	color:#f60;
}

.recent hr{
	height:2px;
	background-color:#000;
	border:none;
}

.recent .imgDetails p{
	font-size:small;
}

.recent .portraitBox img:hover{
	background:rgba(0,0,0,0.5);
}

.recent .landscapeBox{
	
}

.recent .portraitBox{
	float:left;
	width:302px;
    height: 387.778px;
	margin:10px;
    border: solid 1px #d1d1d1;
	background-color:#fff;
}

.recent .portraitBox small{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase; 
	font-size:10px; 
	color:#f60;
}

.recent .portraitBox span{
	color:#a1a1a1;
}





.recent .cubeBox{
	float:left;
	width:302px;
    height: 115.7px;
	margin:10px;
    border: solid 1px #d1d1d1;
	background-color:#fff;
}

.recent .cubeBox small{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase; 
	font-size:10px; 
	color:#f60;
}

.recent .cubeBox span{
	color:#a1a1a1;
}

.cubeBox .imgDetails{
    padding: 10px;
}

.cubeBox img{
	width:130px;
	margin:15px;
	float:left;
}





.imgDetails a{
	color:#000;
	text-decoration:none;
}

.imgDetails a:hover{
	color:#f60;
	text-decoration:none;
}

.landscapeBox .imgDetails {
    padding: 0px 0 4px 10px;
}

.portraitBox .imgDetails{
    padding: 10px;
}

.landscapeBox{
	float:left; 
	width:624px; 
	height:387px;
	margin:10px; 
	background-color:#fff; 
	border: solid 1px #d1d1d1;
}

.recent .landscapeBox small{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase; 
	font-size:10px; 
	color:#f60;
}

.recent .landscapeBox span{
	color:#a1a1a1;
}






.specialBox .imgDetails {
    padding: 0px 0 5px 10px;
}

.specialBox .imgDetails{
    padding: 10px;
}

.specialBox{
	float:left; 
	width:624px; 
	margin:10px; 
	background-color:#fff; 
	border: solid 1px #d1d1d1;
}

.recent .specialBox small{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase; 
	font-size:10px; 
	color:#f60;
}

.recent .specialBox span{
	color:#a1a1a1;
}
/*------------------------------------------*/


.right{
	padding:106px 0 0 0;
}

.poster{
	float:left;
	margin:0 0 5px 0;
}

.daesTv, .poll, .ad-two, .twitter{
	float:left;
}

.ad-two{
	display:none;
}

.right .poll{
	
}

/*------------------------------------------*/

footer{
    font-family: 'Open Sans', sans-serif;
	font-size:small;
	width:100%; 
	background-color:#333; 
	color:#fff; 
	padding:10px 0;
	margin:50px 0 0 0;
}

.footerContainer{
	max-width:800px;
	margin:auto;
}

.footerContainer .topButton{
	float:right;
	background-color:#333;
	transform:rotate(45deg);
	margin:-25px 0 0 0;
	padding:5px;
}

.footerContainer .topButton img{
	transform:rotate(-45deg);
}

.colContainer{
	max-width:600px; 
	margin:auto;
}

.colContainer h4{
	color:#a1a1a1;
}

.colContainer ul li{
	color:#7e7d7d;
	line-height:2;
}

.col-1 a, .col-3 a, .col-4 a{
	color:#7e7d7d;
	text-decoration:none;
}

.col-1 a:hover, .col-3 a:hover, .col-4 a:hover{
	color:#7e7d7d;
	text-decoration:underline;
}

.col-1, .col-2, .col-3, .col-4{
	float:left;
	width:200px;
}

.col-1, .col-2, .col-3, .col-4, ul li{
	list-style:none;
	line-height:1.5;
}

.col-3 img{
	padding:0 8px 0 0;
}



/*------------------SECTIONS-SECTION :p------------------------*/


.blankSec{
	height:100px;
}

.mainArticles .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #3a4ed5 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #3a4ed5 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #3a4ed5 100%);
	border-image-slice: 1;
 }

.mainArticles .mainHeading h1{
	margin:15px 0;
	color:#3d3d3d;
}

.blogsColor .portraitBox{
	border:solid 1px #663399;
}

.blogsColor .landscapeBox{
	border:solid 1px #663399;
}

.blogsColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #663399 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #663399 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #663399 100%);
	border-image-slice: 1;
}
 
 

.politickingColor .portraitBox{
	border:solid 1px #ff3333;
}

.politickingColor .landscapeBox{
	border:solid 1px #ff3333;
}

.politickingColor .cubeBox{
	border:solid 1px #ff3333;
}

.politickingColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #ff3333 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #ff3333 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #ff3333 100%);
	border-image-slice: 1;
}

.politickingColor small{
	color:ff3333;
}



.lifelineColor .portraitBox{
	border:solid 1px #009966;
}

.lifelineColor .landscapeBox{
	border:solid 1px #009966;
}

.lifelineColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #009966 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #009966 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #009966 100%);
	border-image-slice: 1;
}

.lifelineColor .cubeBox{
	border:solid 1px #009966;
}



.firstaidColor .portraitBox{
	border:solid 1px #0099ff;
}

.firstaidColor .landscapeBox{
	border:solid 1px #0099ff;
}

.firstaidColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #0099ff 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #0099ff 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #0099ff 100%);
	border-image-slice: 1;
}



/*------------------ARTICLES-SECTION :p------------------------*/




.left .recent h3{
	color: #000;
    font-size: small;
    font-weight: bold;
    font-family: 'Open Sans', Serif;
    text-transform: uppercase;
}

.left .recent .articleText p{
	font-size:21px;
	text-align:left;
}

.left .recent .heading{
	padding:0 15px;
	text-align:left;
}

.left .recent .articleText{
	padding:15px;
}

.left .recent .articleMedia{
	max-width:800px;
	height:auto;
    padding: 30px 0
}

.left .recent .sharingOptions a{
	padding:0 5px;
}




/*------------------CONTACT-SECTION------------------------*/




.mainSecContainer{
	max-width:1280px;
	margin:auto;
}

.mainSecContainer .heading{
	color:#f60;
}

.mainSecContainer .heading-contact{
	color:#f60;
}

.mainSecContainer hr{
	height:2px;
	background-color:#000;
	border:none;
}

/*----------------------------------------*/

.contactForm{
	font-family:'Open Sans', Serif;
	float:left;
    margin: 0 0 0 60px
}

.contactForm table{
	max-width:600px;
}

.contactForm table tr td{
	padding:3px;
}

.contactForm table tr td input{
	padding:8px;
	width:297px;
}

.contactForm .longField input{
	width:600px;
}

.contactForm .longestField textarea{
	width:600px;
	height:150px;
	padding:8px;
}

.contactForm .submit input{
	background:#f60;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}


/*----------------------------------------*/
.contactDetails{
	max-width:400px;
	float:right;
    margin: 0 100px 0 0;
}

.contactDetails table tr td{
	padding:15px 0;
}

.contactDetails img{
	margin:0 20px 0 0;
}

.contactDetails table tr td a img{
	margin:0 8px 0 0;
}

.contactDetails table tr td a{
	color:#000;
}



/*------------------ABOUT-SECTION------------------------*/



.mainSecContainer .aboutContent{
	max-width:600px;
	float:left;
	font-size:20px;
	text-align:justify;
}

.mainSecContainer .aboutMedia{
	width:550px;
	float:right;
}




/*------------------ERROR------------------------*/

.errorImg{
	width:500px; 
	margin:auto; 
	padding:100px 0;
}




/*Designed & Developed by: UsamaBaig & Sumaira Arshad*/