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

body {
	background:url(../5882376/7447558/ads/background/4.png);
}
/* Contain all the page*/

/* Contain the header of the page*/
#Header {
	width: 100%;
	height: 200px;
	/*background:url(../images/Header1.jpg);*/
}
/*width of the title of the header*/
.title-width {
	width: 100%;
	height: 152px;
}

.fa {
    float: right;
  padding: 10px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
}


#first-letter {
    width: 700px;
    height: 150px;
}
#text-style {
	color: #FFFFFF;
	font-family: Constantia, "Lucida Bright";
	text-shadow: 4px 4px 4px #FF69B4;
}
.direction {
	float: left;
	margin-top: 10px;
	margin-left: 30px;
}
.direction > img {
    width: 350px;
    height: 140px;
}
/*class that contain all the three 
section(left,center,right)...
Contain all the page after Header...*/
.section {
	float: right;
}
/* Contain all the page after Header...*/
#full-section {
	width: 100%;
	height: 100%;
	background-color: floralwhite;
}
/* Contain left side of full section...*/
#left-section {
	width: 20%;
	height: 100%;
}
/* Contain the center of the full-section....*/
#center-section {
	width: 60%;
	min-height: 400px;
	height: 100%;
	background-color: floralwhite;
}
/* Contain right side of the full-section....*/
.center-section-size {
	width: 100%;
	padding: 1%;
}
.section-size {
	width: 49%;
	height: 204px;
	float: left;
}

#video-style > img {
	
}
#image-style{
	width: 100%;
	max-width: 350px;
	height: auto;
}
#share-post {
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 35px;
}
#share-post > h3 {
	padding: 5px;
	color: green;
	background-color: white;
}
#share-icons {
	width: 100%;
	height: auto;
}
.square-box {
	margin: auto;
	width: 150px;
	height: 50px;
}
#right-section {
	width: 20%;
	height: 100%;
}


/* Contain the footer of the page*/
#footer {
	width: 100%;
	height: 50px;
	background-color: #D4D4D4;
}
#col-id {
	width: 3%;
}
#col-title {
	width: 50%;
	text-decoration: none;
}
#col-ldate {
	width: 10%;
}
#col-newspaper {
	width: 10%;
}
#col-type {
	width: 10%;
}
#col-seats {
	width: 6%;
}
#col-more {
	width: 10%;
}
.col {
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#row {
	background-color: gray;
}
#cleraboth {
	clear: both;
}
#footer > .text-style {
	color: green;
	text-align: center;
	padding: 15px;
}
 
/* Left Menu Style Starts from Here...*/


.form-heading {
	width: 100%;
	height: 100%;
	padding: 5px;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	/*text-shadow: 5px 5px 3px black;*/
	background-color: #abcdef;
	border: 2px solid white;
	
}
.form-attr {
	width: 100%;
	height: 100%;
	padding: 5px;
	background-color: black;
}
.main-section {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid #e7e7e7;
}

.sub-section a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.sub-section a:hover:not(.active) {
    background-color:white;
	color: black;
}

.sub-section .active {
    color: white;
    background-color: black;
}


/* Left Menu Style Ends Here....*/
/* right menu style starts here*/
.form-headings{
	width: 100%;
	height: 100%;
	
}
/* right menu style ends here*/
/* Heasd of the table style starts here*/
#both-clear{
	clear: both;
}
.width-head {
	width: 100%;
	float: left;
	margin-top: 25px;
}
.main-style{
	float: left;
	background-color: #FF356E;
	border-top: 1px solid yellow;
	border-right: 1px solid yellow;
	border-left: 1px solid yellow;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 5px;
	margin-left: 30px;
}

.image-head{
	float: left;
	margin-right: 5px;
}
.text-head{
	float: left;
	color: white;
	text-shadow: 1px 1px 1px #FF356E;
}
.disp-fullad {
	width: 100%;
	height: auto;
	padding: 15px;
}
.btn-download {
	border: none;
	background: #3C9809;
	color: white;
	padding: 10px;
	border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
	
}
.btn-download:hover {
	background: #1B5204;
}
.share-ad {
	color: green;
	
}
/* jobs search center content css */
#items-title {
	width: 100%;
	height: auto;
	background: #000000;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	opacity: 0.8;
	border-bottom: 5px solid red;
	margin-bottom: 30px;
	margin-top: 45px;
}
#text-style {
	padding: 2px;
	padding-left: 20px;
	color: white;
	text-shadow: 0px 7px 5px gray;
	text-align: center;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	
}
.section-item{
	width: 190px;
	height: auto;
	float: left; 
	background: #FFFFFF;
	border: 1px solid goldenrod;
	margin: 5px;
}
.section-item:hover{
	opacity: 0.5;
}
.section-item-name {
	float: left;
	padding: 5px;
}
.company-item{
	width: 190px;
	height: 100px;
	float: left; 
	background: #FFFFFF;
	border: 1px solid goldenrod;
	margin: 5px;
}
.company-item:hover{
	opacity: 0.5;
}
.company-item-name {
	float: left;
	padding: 5px;
}
#top-stories{
	width: 100%;
	height: auto;
	margin:2px;
}
#stories-title{
	width: 13%;
	height: auto;
	background-color: #FF356E;
}
#stories-title:hover{
	background-color: #ffffff;
}
#title-style:hover{
	color: #FF356E;
	
}
#title-style{
	color: white;
}
#title-style > a{
	text-decoration: none;
}
#storie-des{
	width: 87%;
	background-color: #000000;
}
.stories-left{
	float: left;
}
.list-style{
	list-style-type: disc;
	color: white;
	padding-right: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	float: left;
}
.list-style:hover{
	color:brown;
}
.footer-distributed{
		width: 100%;
		height: 250px;
		background-color: black;
	opacity: 0.9;
	}

.footer-section {
	width: 20%;
	float: left;
}
#fo-section-title {
	color: white;
	cursor: pointer;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
#fo-section-title:hover{
	color: green;
}
.footer-Title {
	padding: 10px;
}
.fo-item-color{
	padding-left: 25px;
	padding-top: 5px;
	color: white;
	cursor: pointer;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.fo-item-color:hover{
	padding-left: 25px;
	padding-top: 5px;
	color: green;
	cursor: pointer;
}

.fo-list-items {
	list-style-type: none;
	
}

/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens screen almost works fine */
    @media screen and (max-width : 1200px) {
		#container {
			
			background-color: floralwhite;
		}
		#top-stories{
			display: none;
		}
    }

    /* Medium Devices, Desktops ** remove the facbok dialog side*/
    @media only screen and (max-width : 992px) {
		#right-section {
			display: none;
		}
		#left-section {
			display: none;
		}
		#text-style {
			display: none;
		}
		#center-section{
			width: 100%;
			height: 100%;
		}
		#a {
			display: none;
		}
		#top-stories{
			display: none;
		}
		.footer-section{
			width: 25%;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.section-size {
			
			float: none;
			width: 100%;
			height: 100%;
		}
		#video-style > iframe {
			width: 300px;
			height: 200px;
		}
		#Header {
			width: 100%;
			height: 100%;
			background:url(../images/Header1.jpg);
}

		.sub-list {
    		float: none;
			width: 100%;
			height: 100%;
		}
		.title-width {
			width: 100%;
			height: 152px;
		}
		#b {
			display: none;
		}
		.footer-section{
			width: 33%;
		}
		
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.form-headings {
			background-color: floralwhite;
		}
		
		.footer-section{
			width: 100%;
			height: auto;
			float: none;
		}
		.footer-distributed {
			width: 100%;
			height: 1100px;
		}
		.fo-list-items{
			text-align: center;
		}
		.footer-Title{
			font-size: 20px;
			text-align-last: center;
			font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		}
		#a {
			display: block;
		}
		#b {
			display: block;
		}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
		#container {
			background-color: floralwhite;
		}
    }
/* Contain all the page*//* Contain all the page*/
/* Contain all the page*/
/* Contain all the page*/
/* Contain all the page*//* Contain all the page*/