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

#news .date{color:#ff9c17; font-weight:700; padding-right:5px;}
#news .text {font-size:18px; line-height:24px; margin-bottom:55px;}

.relatedNews {margin-top:30px;}
.relatedNews h3 {
	border-bottom:1px solid #ececec;
	padding-bottom:5px;
	margin-bottom:15px;
}

.relatedNewsPage {padding:0; margin-left:-30px; margin-right:-30px;}

.relatedNewsPage .relatedNewsItem {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.relatedNewsPage .relatedNewsItem .overlay {
	position:absolute;
	width: 100%;
	height: 100%;
	background: url(/images/site/productsOverlayWhite.png);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor:pointer;
	left:0;
}

.relatedNewsPage .relatedNewsItem .overlay:hover {
	-webkit-opacity: 1; 
	-moz-opacity: 1; 
	opacity: 1;
}

.relatedNewsPage .relatedNewsItem .overlay .arrow {
	background: url(/images/site/productsOverlay.png) 50% center no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}

.relatedNewsPage .relatedNewsItem .relatedItemImage {
	width: 100%;
	height: 160px;
	overflow: hidden;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.relatedNewsPage .relatedNewsItem .relatedItemImage img{width:100%;}

.relatedNewsPage .relatedNewsItem .relatedNewsName {
	font-size: 20px;
	overflow: hidden;
	margin: 17px 20px 8px 0;
} 

@media (max-width: 767px){
.relatedNewsPage {
margin-left: -15px;
margin-right: -15px;
}