.outer {
	border:1px solid #E4E4E4;
	padding:20px;	
}

#modals {
	cursor:pointer;	
	color:#3b3b3b;
}

.top {
	margin-top:200px;	
}

.panel-body {
	font-size:14px;	
}

.welcome {
	font-size:135px;
	color:#e4e4e4;
}

.welcome-text {
	float:right;
	color:#929292;
	font-size:20px;
	margin:-30px 22px;
}

.advertFilter {
	float:right;	
	-webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background:url('https://www.uat-stroma.com/images/noticeboard/noticeboard-bg.jpg');
   border: 1px solid #E4E4E4;
   color: #3b3b3b;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 0px 5px 70px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.advertFilter select {
	border-radius:0px;
}

.quote {
	float:right;
	color:#e4e4e4;
	font-size:30px;
	line-height:1;
	text-align:right;	
}

.blue {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width: 50%;
	height:250px;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom:20px;
	border:1px solid #E4E4E4;
}
.DEA3, .GDI3, .GDAO3, .GDA3 {
	width: 22%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom:20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:250px;
	border:1px solid #E4E4E4;
}
.DEA4, .GDI4, .GDAO4, .GDA4 {
	width: 31.3%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom:20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:250px;
	border:1px solid #E4E4E4;
}
.inner-6 {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:250px;
	margin-left:-15px;
}

inner-6-content {
	padding-right:0px;	
}

.border-6 {
	border:1px solid #E4E4E4;
	margin:0px 10px 0px 11px;	
}
.logo {
	margin-top:40px;	
}

.date {
	float:left;
	background:#f78f5c;
	color:#fff;
	font-size:12px;
	padding:3px 10px 3px 10px;	
}

.date-6 {
	float:left;
	background:#f78f5c;
	color:#fff;
	font-size:12px;
	padding:3px 10px 3px 10px;
	margin-top:-36px;		
}

.type {
	float:right;
	background:#f78f5c;
	color:#fff;
	padding:3px 20px 3px 20px;	
}

.type_popular {
	color:#f78f5c;
	text-transform:	uppercase;
}

.heading {
	text-transform:uppercase;
	color:#fff;	
}

.heading-black {
	text-transform:uppercase;
	color:#3b3b3b;	
}

.headline {
	color:#fff;
	text-align:center;
	margin-top:10px;
		
}

.description {
	color:#fff;
	text-align:center;	
}

.headline-6 {
	color:#3b3b3b;
	text-align:center;
	margin-top:10px;
		
}

.description-6 {
	color:#3b3b3b;
	text-align:center;	
}


.popular-block, .recent-block {
	background:#E4E4E4;
	height:225px;
	padding-top:1px;	
	
}

.recent-block, .advertising {
	border:1px solid #E4E4E4;
	height:225px;	
}

.advertising p {
	line-height:1.3;	
}

.facebook-block {
	background:url('https://www.uat-stroma.com/images/noticeboard/facebook.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:225px;
	color:#fff;
	padding-top:20px;
	
}
.twitter-block {
	background:url('https://www.uat-stroma.com/images/noticeboard/twitter.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
	height:225px;
	color:#fff;
	padding-top:20px;
}

.social-h3 {
	font-size:13px;
	font-weight:bold;	
}

/*************************Media Queries****************************/

@media (max-width:1200px) {
	.social-h3 {
		display:none;	
	}
}

@media (max-width:991px) {
	.social-h3 {
		display:block;	
	}
	
	.facebook-block {
	background:url('https://www.uat-stroma.com/images/noticeboard/facebook-horizontal.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:225px;
	color:#fff;
	padding-top:20px;
	
	}
	.twitter-block {
	background:url('https://www.uat-stroma.com/images/noticeboard/twitter-horizontal.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
	height:225px;
	color:#fff;
	padding-top:20px;
	}
	
}

@media (max-width:768px) {
	.welcome {
		font-size:70px;	
	}
	
	.quote {
		margin-top:30px;	
	}
	
	.headline {
		font-size:14px;	
	}
}

@media (max-width:667px) {
	.description {
		font-size:11px;	
	}
}