/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */

/* Base styles */
.column { float: left; }

@media screen and (max-width: 480px) {
.column { float: none; position: relative; clear: both; }
}
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }
#fh5co-board[data-columns]::before { content: '3 .column.size-1of3'; }

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
#fh5co-board[data-columns]::before { content: '1 .column'; }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
#fh5co-board[data-columns]::before { content: '2 .column.size-1of2'; }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
#fh5co-board[data-columns]::before { content: '3 .column.size-1of3'; }
}

@media screen and (min-width: 851px) {
#fh5co-board[data-columns]::before { content: '3 .column.size-1of3'; }
}
.news_con .item{ margin: 0px 15px 30px 15px;}
.proiner .item{ margin: 0px 15px 30px 15px;}

.news_list{
    box-shadow: 0 0 4px hsla(214,3%,49%,.5);	
	-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-moz-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-ms-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-o-transition: all cubic-bezier(.18,1,.21,1) .9s;	
    transition: all cubic-bezier(.18,1,.21,1) .9s;
	}
.news_list:hover{
	box-shadow: 0 6px 24px hsla(214,3%,49%,.15);
	}	
.news_zi{
	padding:20px;
	}	
.news_zi h5{
	margin-top:0;
	font-size:16px;
	font-weight:600;
	color:#7a7d81;
	line-height:25px;
	}	
.proiner .news_zi h5{
	margin-bottom:0;
	font-size:16px;
	}	
.news_zi p{
	color:#7a7d81;
	margin-bottom:0;
	font-size:13px;
	line-height:24px;
	}	

.news_img{
	overflow:hidden;
	position:relative;
	}
.news_img img{
	-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-moz-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-ms-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-o-transition: all cubic-bezier(.18,1,.21,1) .9s;	
    transition: all cubic-bezier(.18,1,.21,1) .9s;
	}
.news_list:hover .news_img img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	}	

.news_img_bg{
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
	background:#7a7d81;
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
	-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-moz-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-ms-transition: all cubic-bezier(.18,1,.21,1) .9s;	
	-o-transition: all cubic-bezier(.18,1,.21,1) .9s;	
    transition: all cubic-bezier(.18,1,.21,1) .9s;
	}
.news_list:hover .news_img_bg{
	opacity:0.4;
    -moz-opacity:0.4; 
    -khtml-opacity:0.4;
    -webkit-opacity:0.4;
    filter:alpha(opacity=40);
	}		
.news_zi1 h5{
	margin-top:30px;
	margin-bottom:5px;
	}
.news_zi1 span{
	font-size:13px;
	color:#999;
	}
.news_zi1 p{
	margin-top:30px;
	margin-bottom:40px;
	font-size:13px;
	line-height:24px;
	}	
.news_zi1 a{
	display:block;
	text-align:right;
	font-family:'myfonts2';
	font-size:16px;
	}	
.news_zi1 a i{
	font-size:18px;
	position:relative; top:1px;
	margin-left:3px;
	}.proiner .news_zi h5 {
		 margin-bottom: 0;
		 font-size: 16px;

		 display: -webkit-box;
		 -webkit-box-orient: vertical;
		 -webkit-line-clamp: 1;
		 overflow: hidden;
	 }