/*	portfolio-box-2b	*/
.portfolio-box-2b{
	position:relative;
	width:100%;
	overflow:hidden;
}
.portfolio-box-2b img{
	width:100%;
	height:auto;
	display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-2b:hover img{
    opacity:.7;
}
.portfolio-box-2b h6{
	color: #00427a;
	/*font-family: 'GothamMedium', sans-serif;*/
  	font-weight: normal;
	font-size:14px;	
	height:90px;
	letter-spacing:normal;
	margin:0;
	padding:15px 20px;
	overflow:hidden;
	text-align:left;
	text-transform:none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-2b:hover h6{
	color:#7a57a0;
}
.portfolio-box-2b p{
	color: #606060;
	font-family:'Rockwell-Light', sans-serif;
	font-size:12px;
	height:35px;
	margin:0;
	padding:20px;
	padding-top:0;
	text-align:left;
	color:#404040;	
	line-height:normal;
}
.portfolio-box-2b:hover p{
	color:#404040;
}
.portfolio-box-2b .mask-left{
	position:absolute;
	width:50px;
	top:30px;
	left:-25px;
	z-index:3;
	font-family: 'FontAwesome';
	height:50px;
	line-height:50px;
	margin-left:-25px;
	font-size:20px;
	color:#fff;
	text-align:center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-2b .mask-left:hover{
	background:#7a57a0;
}
.portfolio-box-2b:hover .mask-left{
	left:50%;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.portfolio-box-2b .mask-right{
	position:absolute;
	width:50px;
	top:30px;
	right:-50px;
	z-index:3;
	font-family: 'FontAwesome';
	height:50px;
	line-height:50px;
	font-size:20px;
	color:#fff;
	text-align:center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-2b .mask-right:hover{
	background:#212121;
}
.portfolio-box-2b:hover .mask-right{
	right:30px;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*	#All Sections	*/
.ace-white-grey{
	background-color:#fafafa;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
	box-shadow: 0 0 4px rgba(0,0,0,.1);
}

.white-section{
	background-color:#fff;
}

.portfolio-box-2 .mask-left, .portfolio-box-2b .mask-left{
	background:#004479;
}

/*	Media Detail	*/
/*----------------------------------------*/

.header {
	background-color:#004479;
	color:#FFF;
	font-size:16px;	
	display:block;	
	margin-bottom:21px;	
	padding:9px 28px 8px;	
}

.header a {
	font-family: "SansationBold",sans-serif;
	/*font-family: "GothamMedium",sans-serif;*/
  	font-weight: normal;
	color:#FFF;
	float:right;
	height:22px;
	letter-spacing:1px;
	line-height:24px;	
	cursor:pointer;
}

.header a.download {
	background:	url('../uploads/btn_download.png') 0 0 no-repeat;
	padding:0 0 0 27px;
	transition:none;
}

.header span.space {
	background-color:#FFF;
	display:block;
	float:right;
	height:22px;
	margin:2px 25px 0;
	width:1px;	
}

.header a:hover {
	color:#b1b5b9;
	background-position:0 -22px;
}

.caption {
	/*font-family: 'Rockwell', sans-serif;
	font-weight: normal;*/
	background-color:#5789ac;
	color:#FFF;	
	display:block;	
	margin-bottom:21px;	
	padding:20px 28px 8px;	
}

.caption.newsfeed {
	padding: 28px 28px 36px;
}

.caption p {
	margin-bottom:20px;
}

.caption a {
	color:#d6dde2;
	text-decoration:underline;
}

.caption a:hover {
	color:#FFF;
}

.caption img { 
	display: none;
	margin:15px auto;
	width:25%;
}

#addthis {
	float:right;	
}

.caption.newsfeed2 img {
	width:50%;
}

.caption img:first-child {
	display:block;
	float:right;
	margin:0 0 0 28px;	
}

.caption iframe {
	display:block;
	height:315px;
	margin:0 auto;
	width:560px;	
}

.detail {
	background-color:#fafafa;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
	box-shadow: 0 0 4px rgba(0,0,0,.1);
	margin-bottom:21px;	
	padding:16px 16px 9px;	
}

.detail_title {
	display:block;
	/*font-family: 'GothamMedium', sans-serif;
  	font-weight: normal;	*/
	float:	left;
	letter-spacing:1px;
	line-height:24px;
	width:	65%;
}

.detail_title strong {
	font-family: "SansationBold",sans-serif;
  	font-weight: normal;
}

.media_source {
	color:		#7ebb42;
	font-size:	0.75em;
	line-height:0.75em;
	padding-top:6px !Important;
}

.hashtag {
	float:left;	
	text-indent: -10000px;
}

.related-media {
	background-color:#DDD;
	padding:16px 0;
}

/* -------------------------------- */
/*   date
/* -------------------------------- */

.newsfeed_date {
	float:left;
	padding:0 0 0 28px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.panel_centre .container .one-four.column { width: calc(50% - 21px) !important; }
	
	.caption iframe {		
		height:225px;
		width:400px;	
	}
	
	.caption.newsfeed2 img {
		width:100%;
		display:block;
		margin-bottom:28px;
	}	
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.container .one-four.column { width: 100% !important; }
	
	.related-media { background: none; }
	
	.caption iframe {		
		height:160px;
		width:285px;	
	}
	
	.caption.newsfeed2 img {
		width:100%;
		display:block;
		margin-bottom:28px;
	}
}

@media screen and (orientation: landscape) and (max-width: 875px) {	
	.caption iframe {		
		height:160px;
		width:285px;	
	}
	
	.caption.newsfeed2 img {
		width:100%;
		display:block;
		margin-bottom:28px;
	}
}

@media screen and (max-width: 600px) {
	#container .item {
		width:100%;
	}
	
	.caption img { 
		display: block;
		height:inherit;
		width:100%;
	}
	
	.related-media { background: none; }
	
	.caption {
		padding:10px 14px;
	}
	
	.caption iframe {		
		height:115px;
		width:205px;	
	}
	
	.caption.newsfeed2 img {
		width:100%;
		display:block;
		margin-bottom:28px;
	}	
}