/* BOX DELLA PAGINA */
#box_pagina_container { width: 1020px; margin: 0 auto; }
.box_pagina {
	margin: 90px 0 0; display: flex; flex-direction: row; align-items: start; justify-content: left;
}
.box_pagina .foto { width: 630px; height: 415px; position: relative; margin: 0 0 0 -90px; }
.box_pagina.sinistra .foto { margin: 0 -90px 0 0; }
.box_pagina .foto img {
	width: 100%; height: 100%; object-fit: cover;
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;
}
.box_pagina .contenuto { width: calc( 100% - 540px ); box-sizing: border-box; padding: 20px 0 0 40px; }
.box_pagina.sinistra .contenuto { padding: 20px 40px 0 0; }
.box_pagina .contenuto h2 {
	display: block; font-family: 'DM Serif Display', serif;
	margin: 0 0 35px; padding: 0; font-weight: 400;
	font-size: 26px; line-height: 36px; color: #435548;
	opacity: 0; transform: translateX(30px);
}
.box_pagina .contenuto p {
	display: block; margin: 0 0 12px; padding: 0; font-weight: 400;
	font-size: 16px; line-height: 26px; color: #676767;
	opacity: 0; transform: translateX(30px);
}
.box_pagina .contenuto p:last-child { margin: 0; }
.box_pagina .contenuto ul {
	list-style: none; padding: 0; margin: 0 0 12px;
	opacity: 0; transform: translateX(30px);
}
.box_pagina .contenuto ul:last-child { margin: 0; }
.box_pagina .contenuto ul li {
	font-weight: 400; font-size: 16px; line-height: 26px;
	margin-bottom: 6px; padding: 0 0 0 25px;
	background-repeat: no-repeat; background-position: 0 9px;
	background-size: 15px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDUuNTkxODRMNi4yMDQwOCAxMC43OTU5TDE2IDEiIHN0cm9rZT0iI0I5Qjg1MyIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==");
}
.box_pagina .contenuto ul li:last-child { margin-bottom: 0; }
.box_pagina.sinistra .contenuto h2, .box_pagina.sinistra .contenuto p,
.box_pagina.sinistra .contenuto ul { transform: translateX(-30px); }
.box_pagina .contenuto.is_visible p,
.box_pagina .contenuto.is_visible h2,
.box_pagina .contenuto.is_visible ul,
.box_pagina.sinistra .contenuto.is_visible p,
.box_pagina.sinistra .contenuto.is_visible h2,
.box_pagina.sinistra .contenuto.is_visible ul {
	opacity: 1;
 	transform: translateX(0);
 	transition: opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985), transform 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985);
	transition-delay: 200ms;
}
.box_pagina .contenuto a.pulsante {
	display: inline-block; border-radius: 4px; background: #B9B853; opacity: 0; transform: translateX(30px);
	color: #FFF; text-align: center; font-size: 13px; font-weight: 600;
	line-height: 18px; margin: 20px 0 0; box-sizing: border-box; padding: 11px 16px;
}
.box_pagina.sinistra .contenuto a.pulsante { transform: translateX(-30px); }
.box_pagina .contenuto a.pulsante:hover, .box_pagina .contenuto a.pulsante:active,
.box_pagina .contenuto a.pulsante:focus { background: #748F78; }
.box_pagina .contenuto.is_visible a.pulsante,
.box_pagina.sinistra .contenuto.is_visible a.pulsante {
	opacity: 1;
	transform: translateX(0);
	transition: opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985), transform 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985);
	transition-delay: 200ms;
}
.box_pagina .content_more {
	display: none; transition: none;
}
.box_pagina .link_more, .box_pagina .link_close {
	font-size: 16px;
	line-height: 23px;
	display: block;
	margin: 0;
	color: #B9B853;
	text-decoration: underline;
}
.box_pagina .link_more:hover, .box_pagina .link_close:hover { color: #748F78; text-decoration: underline; }
.box_pagina .contenuto .link_more { opacity: 0; transform: translateX(30px); }
.box_pagina.sinistra .contenuto .link_more { transform: translateX(-30px); }
.box_pagina .contenuto.is_visible .link_more,
.box_pagina.sinistra .contenuto.is_visible .link_more {
	opacity: 1;
	transform: translateX(0);
	transition: opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985), transform 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985);
	transition-delay: 200ms;
}
@media screen and (max-width:1250px) {
	#box_pagina_container { width: auto; margin: 0 25px; }
	.box_pagina .foto { width: 600px; height: 395px; margin: 0; }
	.box_pagina.sinistra .foto { margin: 0; }
	.box_pagina .contenuto { width: calc( 100% - 600px ); padding: 20px 80px 0 40px; }
}
@media screen and (max-width:1100px) {
	.box_pagina .foto { width: 500px; height: 330px; }
	.box_pagina .contenuto { width: calc( 100% - 500px ); }
}
@media screen and (max-width:960px) {
	.box_pagina { margin: 70px 0 0; }
	.box_pagina .foto { width: 350px; height: 230px; }
	.box_pagina .contenuto { width: calc( 100% - 350px ); padding: 10px 80px 0 30px; }
	.box_pagina.sinistra .contenuto { padding: 10px 30px 0 0; }
	.box_pagina .contenuto h2 { margin: 0 0 25px; }
	.box_pagina .contenuto a.pulsante { margin: 10px 0 0; }
}
@media screen and (max-width:767px) {
	.box_pagina { margin: 55px 0 0; flex-direction: column; align-items: center; }
	.box_pagina .foto { width: 100%; height: auto; margin: 0 0 30px; order: 1; }
	.box_pagina.sinistra .foto { margin: 0 0 30px; }
	.box_pagina .foto img { height: auto; position: relative; }
	.box_pagina .contenuto { width: 100%; padding: 0; order: 2; }
	.box_pagina.sinistra .contenuto { padding: 0; }
	.box_pagina .contenuto h2 {
		font-size: 22px; line-height: 24px; transform: translateX(0) translateY(30px);
	}
	.box_pagina.sinistra .contenuto h2 { transform: translateX(0) translateY(30px); }
	.box_pagina .contenuto p, .box_pagina.sinistra .contenuto p,
	.box_pagina .contenuto ul, .box_pagina.sinistra .contenuto ul { transform: translateX(0) translateY(30px); }
	.box_pagina .contenuto.is_visible h2,
	.box_pagina .contenuto.is_visible p,
	.box_pagina .contenuto.is_visible ul,
	.box_pagina.sinistra .contenuto.is_visible h2,
	.box_pagina.sinistra .contenuto.is_visible p,
	.box_pagina.sinistra .contenuto.is_visible ul { transform: translateX(0) translateY(0); }
	.box_pagina .contenuto .link_more,
	.box_pagina.sinistra .contenuto .link_more { transform: translateX(0) translateY(30px); }
	.box_pagina .contenuto.is_visible .link_more,
	.box_pagina.sinistra .contenuto.is_visible .link_more { transform: translateX(0) translateY(0); }
}