/**
   MULTI MEDIA (foto video)
========================================================================================== 
**/

main{ background: rgba(191, 202, 200, 0.5); }

.intro{ width: 100%; height: auto; margin-top: 150px; padding: 65px 0; overflow: hidden; }
	.intro h1{ font-size: 53px; line-height: 57px; text-align: center; text-transform: uppercase; }
	.intro p{
		width: 100%;
		max-width: 900px;
		height: auto;
		margin: 10px auto 0 auto;
		text-align: center;
	}

.news_list{
	max-width: 1170px;
	width: 90%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
	.nl_news{ width: 100%; height: 315px; margin: 0 0 40px 0; background: #FFF; }
		.nl_news a{ width: 100%; height: 100%; display: block; }
		.nl_news figure{
			width: 34.6%;
			height: 100%;
			margin: 0;
			overflow: hidden;
			float: left;
		}
			.nl_news figure img{
				min-width: 100%;
				min-height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			.nl_news figure span{
				width: auto;
				height: 38px;
				padding-left: 45px;
				display: block;
				position: absolute;
				right: 35px;
				bottom: 12px;
				line-height: 38px;
				font-size: 11px;
				text-transform: uppercase;
				color: #FFF;
			}
				.nl_news figure span::before{
					content: '';
					width: 38px;
					height: 38px;
					display: block;
					border-radius: 50%;
					position: absolute;
					left: 0;
					background: url(/img/icon_play.svg) no-repeat left center;
					background-size: 38px;
					transition-duration: 0.4s;
				}
		.nl_news .text{
			width: 55%;
			height: 100%;
			padding: 45px 0;
			margin-right: 4.2%;
			float: right;
			box-sizing: border-box;
		}
			.nl_news .text h3{ margin-bottom: 15px; font-size: 24px; }
			.nl_news .text h5{ margin-bottom: 20px; font-size: 12px; font-weight: 400; text-transform: uppercase; }
			.nl_news .text p{ margin: 0; }
			.nl_news .read_more{ margin-top: 25px; display: inline-block; font-size: 12px; }
			.nl_news .read_more::after{
				content: '';
				width: 70px;
				height: 1px;
				display: block;
				background: #878787;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translate(120%, -50%);
			}

	.news_paging{
		width: 90%;
		max-width: 1170px;
		height: auto;
		margin: 40px auto 80px auto; 
		overflow: hidden;
	}
		.news_paging li{
			width: 50px;
			height: 50px;
			margin: 0 15px 0 0;
			display: inline-block;
			line-height: 50px;
		}
			.news_paging li a{
				width: 100%;
				height: 100%;
				display: block;
				border-radius: 50%;
				text-align: center;
			}
				.news_paging li a.active{ background: #FFF; }
				.news_paging li a:hover{ background: #EDEDED; }


/* Schermi Tablet
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media (max-width: 768px){

.intro{ margin-top: 105px; }

.nl_news{ height: auto; overflow: hidden; }
	.nl_news figure{ width: 100%; height: auto; float: initial; overflow: hidden; }
	.nl_news figure img{
		width: 100%;
		height: auto;
		top: initial;
		left: initial;
		transform: none;
		position: relative;
	}
	.nl_news .text{ width: 90%; margin: 0 auto; float: initial; }

/* ----------------- */
}
/* Fine schermi Tablet */



/* Schermi piccoli
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media (max-width: 767px){

.intro{ margin-top: 0; }

/* ----------------- */
}
/* Fine schermi piccoli */