@import url("fontawesome-all.min.css");

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900");



html, body, div, span, applet, object,

iframe, h1, h2, h3, h4, h5, h6, p, blockquote,

pre, a, abbr, acronym, address, big, cite,

code, del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong,  tt, var, b, i,

u, center, dl, dt, dd, ol, ul, li, fieldset,

form, label, legend, table, caption, tbody,

tfoot, thead, tr, th, td, article, aside,

canvas, details, embed, figure, figcaption,

footer, header, hgroup, menu, nav, output, ruby,

section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;}



body, article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;}



body, sup, sub {

	line-height: 1;

	-webkit-text-size-adjust: none;

}





/* Basic */



	@-ms-viewport {

		width: device-width;

	}



	html {

		box-sizing: border-box;

	}



	*, *:before, *:after {

		box-sizing: inherit;

	}



	body.is-preload *, body.is-preload *:before, body.is-preload *:after {

		-moz-animation: none !important;

		-webkit-animation: none !important;

		-ms-animation: none !important;

		animation: none !important;

		-moz-transition: none !important;

		-webkit-transition: none !important;

		-ms-transition: none !important;

		transition: none !important;

	}



	body, input, textarea, select {

		font-family: 'Helvetica Neue', sans-serif;

		font-weight: 400;

		color: #575757;

		font-size: 14pt;

		line-height: 1.75em;

		letter-spacing: 0.025em;

	}



	h1, h2 {

		margin: 0 0 0.8em 0;

		font-weight: 700;

		color: #484d55;

		text-transform: uppercase;  /*uppercase x avere tutto maiuscolo, lowercase per tutto minuscolo  */

	}

	

	h3, h4, h5, h6 {

		font-weight: 700;

		color: #484d55;

		line-height: 1em;

		margin: 1.8em 0 0.5em 0;

	}



	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

			color: inherit;

			text-decoration: none;

	}



	a {

		-moz-transition: color .25s ease-in-out;

		-webkit-transition: color .25s ease-in-out;

		-ms-transition: color .25s ease-in-out;

		transition: color .25s ease-in-out;

		text-decoration: underline;

		color: #717479;

	}



		a:hover {

			text-decoration: none;

		}



	strong, b {

		font-weight: 700;

		color: #484d55;

	}



	small {

		font-size: 90%;

		line-height: 80%;

		color: #575757;

	}

	

	hr {

		border: 0;

		border-top: solid 1px #ddd;

		margin: 2em 0 2em 0;

	}



	br.clear {

		clear: both;

	}



	ul, ol, dl, table, blockquote, form {

		margin-left: 2em;

		margin-bottom: 0.0em;

	}



/* Container */



	.container {

		margin: 0 auto;

		max-width: 100%;

		width: 68em;

	}



		@media screen and (max-width: 1680px) {



			.container {

				width: 70em;

			}



		}



		@media screen and (max-width: 1280px) {



			.container {

				width: calc(100% - 100px);

			}



		}



		@media screen and (max-width: 980px) {



			.container {

				width: calc(100% - 100px);

			}



		}



		@media screen and (max-width: 736px) {



			.container {

				width: calc(100% - 40px);

			}



		}



/* Row */



	.row {

		display: flex;

		flex-wrap: wrap;

		box-sizing: border-box;

		align-items: stretch;

	}



		.row > * {

			box-sizing: border-box;

		}



		.row.gtr-uniform > * > :last-child {

			margin-bottom: 0;

		}



		.row.aln-left {

			justify-content: flex-start;

		}



		.row.aln-center {

			justify-content: center;

		}



		.row.aln-right {

			justify-content: flex-end;

		}



		.row.aln-top {

			align-items: flex-start;

		}



		.row.aln-middle {

			align-items: center;

		}



		.row.aln-bottom {

			align-items: flex-end;

		}



		.row > .imp {

			order: -1;

		}



		.row > .col-4 {

			width: 33.33333%;

		}



		.row > .off-4 {

			margin-left: 33.33333%;

		}



		.row > .col-12 {

			width: 100%;

		}



		.row > .off-12 {

			margin-left: 100%;

		}



		.row {

			margin-top: -50px;

			margin-left: -50px;

		}



			.row > * {

				padding: 50px 0 0 50px;

			}





		@media screen and (max-width: 1680px) {



			.row {

				display: flex;

				flex-wrap: wrap;

				box-sizing: border-box;

				align-items: stretch;

			}



				.row > * {

					box-sizing: border-box;

				}



				.row.gtr-uniform > * > :last-child {

					margin-bottom: 0;

				}



				.row.aln-left {

					justify-content: flex-start;

				}



				.row.aln-center {

					justify-content: center;

				}



				.row.aln-right {

					justify-content: flex-end;

				}



				.row.aln-top {

					align-items: flex-start;

				}



				.row.aln-middle {

					align-items: center;

				}



				.row.aln-bottom {

					align-items: flex-end;

				}



				.row > .imp-xlarge {

					order: -1;

				}



				.row > .col-4-xlarge {

					width: 33.33333%;

				}



				.row > .off-4-xlarge {

					margin-left: 33.33333%;

				}



				.row > .col-12-xlarge {

					width: 100%;

				}



				.row > .off-12-xlarge {

					margin-left: 100%;

				}



				.row {

					margin-top: -50px;

					margin-left: -50px;

				}



					.row > * {

						padding: 50px 0 0 50px;

					}



		}



		@media screen and (max-width: 1280px) {



			.row {

				display: flex;

				flex-wrap: wrap;

				box-sizing: border-box;

				align-items: stretch;

			}



				.row > * {

					box-sizing: border-box;

				}



				.row.aln-left {

					justify-content: flex-start;

				}



				.row.aln-center {

					justify-content: center;

				}



				.row.aln-right {

					justify-content: flex-end;

				}



				.row.aln-top {

					align-items: flex-start;

				}



				.row.aln-middle {

					align-items: center;

				}



				.row.aln-bottom {

					align-items: flex-end;

				}



				.row > .imp-large {

					order: -1;

				}



				.row > .col-4-large {

					width: 33.33333%;

				}



				.row > .off-4-large {

					margin-left: 33.33333%;

				}



				.row > .col-12-large {

					width: 100%;

				}



				.row > .off-12-large {

					margin-left: 100%;

				}



				.row {

					margin-top: -35px;

					margin-left: -35px;

				}



					.row > * {

						padding: 35px 0 0 35px;

					}





		}



		@media screen and (max-width: 980px) {



			.row {

				display: flex;

				flex-wrap: wrap;

				box-sizing: border-box;

				align-items: stretch;

			}



				.row > * {

					box-sizing: border-box;

				}



				.row.aln-left {

					justify-content: flex-start;

				}



				.row.aln-center {

					justify-content: center;

				}



				.row.aln-right {

					justify-content: flex-end;

				}



				.row.aln-top {

					align-items: flex-start;

				}



				.row.aln-middle {

					align-items: center;

				}



				.row.aln-bottom {

					align-items: flex-end;

				}



				.row > .imp-medium {

					order: -1;

				}



				.row > .col-4-medium {

					width: 33.33333%;

				}



				.row > .off-4-medium {

					margin-left: 33.33333%;

				}



				.row > .col-12-medium {

					width: 100%;

				}



				.row > .off-12-medium {

					margin-left: 100%;

				}



				.row {

					margin-top: -50px;

					margin-left: -50px;

				}



					.row > * {

						padding: 40px 0 0 40px;

					}





		}



		@media screen and (max-width: 736px) {



			.row {

				display: flex;

				flex-wrap: wrap;

				box-sizing: border-box;

				align-items: stretch;

			}



				.row > * {

					box-sizing: border-box;

				}



				.row.aln-left {

					justify-content: flex-start;

				}



				.row.aln-center {

					justify-content: center;

				}



				.row.aln-right {

					justify-content: flex-end;

				}



				.row.aln-top {

					align-items: flex-start;

				}



				.row.aln-middle {

					align-items: center;

				}



				.row.aln-bottom {

					align-items: flex-end;

				}



				.row > .imp-small {

					order: -1;

				}



				.row > .col-4-small {

					width: 33.33333%;

				}



				.row > .off-4-small {

					margin-left: 33.33333%;

				}



				.row > .col-12-small {

					width: 100%;

				}



				.row > .off-12-small {

					margin-left: 100%;

				}



				.row {

					margin-top: -30px;

					margin-left: -30px;

				}



					.row > * {

						padding: 20px 0 0 20px;

					}



		}



/* Section/Article */



	section, article {

		margin: 0 0 4em 0;

	}



	section > :last-child,

	article > :last-child,

	section:last-child,

	article:last-child {

		margin-bottom: 0;

	}



	header.style1 {

		text-align: center;

	}



		header.style1 h2 {

			font-weight: 700;

			font-size: 2em;

			letter-spacing: 0.05em;

			line-height: 1.5em;

		}



		header.style1 h3 {

			margin: 1.8em 0 0.5em 0;

			font-weight: 600;

			font-size: 1em;

			letter-spacing: 0.075em;

			line-height: 1.5em;

		}



		header.style1 p {

			color: #fff;

			display: block;

			margin: 0em 0 1.5 0;

			font-size: 1em;

			letter-spacing: 0.075em;

			line-height: 1.5em;

		}



/* Image */



	.image {

		display: inline-block;

	}

	/*l’elemento può assumere, come gli elementi blocco, dimensioni esplicite (larghezza e altezza), margini e padding, ma come tutti gli elementi inline, si disporrà orizzontalmente e non verticalmente, potendo essere circondato dal testo ed essendo sensibile all’allineamento verticale*/



		.image img {

			display: block;

			width: 100%;

			margin: 0.5 0 0.5em 0;

		}

		/*l’elemento viene reso come un elemento blocco*/



		.image.fit {

			display: block;

			width: 80%;

		}



		.image.left {

			float: left;

			width: 30%;

			margin: 0 1.5em 1.5em 0;

		}



		.image.centered {

			display: block;

			margin: 0 0 2em 0;

		}



		.image.centered img {

				margin: 0 auto;

				width: auto;

			}



		.image.featured {

			display: block;

			width: 100%;

			margin: 1.5em 0 0.5em 0;

		}





/* Box */



	.box header {

		margin: 0 0 1em 0;

	}



		.box header.style1 {

			position: relative;

			margin: -0.5em 0 0 0;

			padding-top: 0;

		}



	.box h2 {

		font-size: 1.15em;

		letter-spacing: 0.05em;

	}



	.box h3 {

		font-size: 1em;

		font-weight: 600;

		letter-spacing: 0.05em;

	}



	.box.post-excerpt .image.left {

		position: relative;

		top: 0.5em;

		width: 5em;

	}



	.box.post-excerpt h3, .box.post-excerpt p {

		margin-left: 7em;

	}



/* Wrapper */



	.wrapper {

		position: relative;

		padding: 4em 0 4em 0;

	}



		.wrapper .title {

			position: absolute;

			top: 0;

			left: 50%;

			text-align: center;

			/*text-transform: lowercase;  uppercase x avere tutto maiuscolo, lowercase per tutto minuscolo  */

			display: block;

			font-weight: 700;

			letter-spacing: 0.05em;

			font-size: 0.9em;

			width: 25em;

			height: 3em;

			top: -3em;

			line-height: 3em;

			margin-bottom: -12em;

			margin-left: -12.5em;

			padding-top: 0.5em;

		}



			.wrapper .title:before {

				content: '';

				position: absolute;

				bottom: -38px;

				left: -35px;

				width: 35px;

				height: 38px;

				background: url("images/shadow.png");

			}



			.wrapper .title:after {

				-moz-transform: scaleX(-1);

				-webkit-transform: scaleX(-1);

				-ms-transform: scaleX(-1);

				transform: scaleX(-1);

				content: '';

				position: absolute;

				bottom: -38px;

				right: -35px;

				width: 35px;

				height: 38px;

				background: url("images/shadow.png");

			}



		.wrapper.style1 {

			background: #e97770 url("images/overlay.png");

			color: #fff;

			color: rgba(255, 255, 255, 0.75);

		}



			.wrapper.style1 .title {

				background: #e97770 url("images/overlay.png");

				color: #fff;

			}



			.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6, .wrapper.style1 strong, .wrapper.style1 b, .wrapper.style1 a {

				color: #fff;

			}



		.wrapper.style2 {

			background: #fff;

		}



			.wrapper.style2 .title {

				background: #fff;

				color: #484d55;

			}



		.wrapper.style3 {

			background: #F0EFEC url("images/overlay.png");

		}



			.wrapper.style3 .title {

				background: #F0EFEC url("images/overlay.png");

				color: #484d55;

			}



			.wrapper.style3 .image {

				border: solid 5px #fff;

			}



/* Page Wrapper */



	#page-wrapper > section {

		margin-bottom: 0;

	}



/* Header */



	#header {

		display: -moz-flex;

		display: -webkit-flex;

		display: -ms-flex;

		display: flex;

		-moz-align-items: center;

		-webkit-align-items: center;

		-ms-align-items: center;

		align-items: center;

		-moz-justify-content: center;

		-webkit-justify-content: center;

		-ms-justify-content: center;

		justify-content: center;

		position: relative;

		height: 12em;

		background: url("../../images/banner.jpg") center center;

		background-size: cover;

		padding: 0;

	}



		#header:before {

			content: '';

			position: absolute;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

			/*background: url("images/overlay.png");*/

		}



		.homepage #header {

			height: 35em;

		}



/* Logo */



	#logo {

		width: 100%;

		text-align: center;

		position: relative;

		top: 0.5em;

	}



		#logo h1 {

			font-weight: 900;

			text-transform: uppercase;

			color: #fff;

			font-size: 2em;

			letter-spacing: 0.25em;

		}



		#logo p {

			color: #eee;

			color: rgba(255, 255, 255, 0.5);

			text-transform: uppercase;

			margin: 1.25em 0 0 0;

			display: block;

			letter-spacing: 0.2em;

			font-size: 0.9em;

		}





/* Footer */



		#footer {

		background: #dc2114 url("images/overlay.png");/* colore di fondo Footer; se lo si modifica, è da cambiare anche nel title*/

		color: #fff;

		color: rgba(255, 255, 255, 0.5);

		padding-bottom: 0.5em;

		height: 4em;

	}



		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer strong, #footer b, #footer a {

			color: #fff;

		}



		#footer hr {

			border-top-color: #333;

			border-top-color: rgba(255, 255, 255, 0.05);

		}



		#footer .title {

			background: #dc2114 url("images/overlay.png");

			color: #eee;

		}



		#footer header.style1 {

			padding-bottom: 0em;

			margin-bottom: 0em;

			border-bottom: solid 0px rgba(255, 255, 255, 0.05);

		}



			#footer header.style1 h2 {

				color: #fff;

			}



			#footer header.style1 .p {

				color: #fff;

			}





/* XLarge */



	@media screen and (max-width: 1680px) {



		/* Basic */



			body, input, textarea, select {

				font-size: 12pt;

			}



	}



/* Large */



	@media screen and (max-width: 1280px) {



		/* Basic */



			body, input, select, textarea {

				font-size: 11pt;

				line-height: 1.5em;

				letter-spacing: 0.015em;

			}



		/* Wrapper */



			.wrapper {

				padding: 4em 0 6em 0;

			}



		/* Logo */



			#logo {

				margin-top: -0.5em !important;

			}



				#logo h1 {

					font-size: 1.75em;

				}





	}



/* Medium */





	@media screen and (max-width: 980px) {



		/* Section/Article */



			header br {

				display: none;

			}





		/* Logo */



			#logo {

				top: 0;

			}



		/* Footer */



			#footer .feature-list {

				border-top: solid 1px rgba(255, 255, 255, 0.05);

				padding-top: 0em;

			}



	}



		@media screen and (max-width: 980px) and (min-width: 737px) {



				#footer .feature-list > .row > :nth-child(2) > section {

					border-top: 0;

					padding-top: 0;

				}



		}



	@media screen and (max-width: 980px) {





/* Small */



	@media screen and (max-width: 736px) {



		/* Basic */



			body, input, select, textarea {

				line-height: 1.5em;

				font-size: 0.8em;

			}



			h2 {

				font-size: 1em;

				line-height: 1.25em;

				letter-spacing: 0.05em;

				margin: 0 0 0.5em 0;

			}



			h3, h4, h5, h6 {

				font-size: 1em;

				line-height: 1.25em;

				letter-spacing: 0.05em;

				margin: 1.6em 0 0.4em 0;;

			}



			hr {

				margin: 1.5em 0 1.5em 0;

			}



		/* Section/Article */



			section, article {

				clear: both;

			}



			header br {

				display: none;

			}



			header.style1 {

				padding: 0 0 0.5em 0;

			}



				header.style1 h2 {

					font-size: 1.5em;

					letter-spacing: 0.075em;

					line-height: 1.25em;

					margin: 0.4em 0 0.6em 0;

				}

		

				header.style1 h3 {

					margin: 2em 0 0.5em 0

					font-size: 1.2em;

					letter-spacing: 0.05em;

					line-height: 1.25em;

				}



				header.style1 p {

					font-size: 0.8em;

					letter-spacing: 0.05em;

					display: block;

					margin: 0 0 1em 0;

					line-height: 0.5em;

				}





		/* Box */



			.box.post-excerpt .image.left {

				position: relative;

				top: 0.25em;

				width: 25%;

				margin: 0;

			}



			.box.post-excerpt h3, .box.post-excerpt p {

				margin-left: 32.5%;

			}



		/* Wrapper */



			.wrapper {

				padding: 4em 0 6em 0;

			}



				.wrapper .title {

					font-size: 0.9em;

					width: 18em;

					height: 2.5em;

					top: -2.5em;

					line-height: 2em;

					margin-bottom: -16em;

					margin-left: -9em;

					padding-top: 0.8em;

				}



					.wrapper .title:before, .wrapper .title:after {

						height: 8em;

						bottom: -8em;

						background-size: 100% 100%;

					}



		/* Header */



			#header {

				height: 17em;

			}



				.homepage #header {

					height: 20em;

				}



		/* Logo */



			#logo {

				text-align: center;

				padding-left: 2em;

				padding-right: 2em;

			}



				#logo h1 {

					font-size: 1.5em;

					letter-spacing: 0.2em;

				}



				#logo p {

					margin: 1.25em 0 0 0;

					display: block;

					letter-spacing: 0.2em;

					font-size: 0.9em;

				}







		/* Content */



			#content {

				padding: 0 0 2em 0;

			}



				#content header.style1 {

					padding-bottom: 1em;

				}



		/* Footer */



			#footer {

				padding-bottom: 0;

			}



				#footer header.style1 {

					padding-bottom: 1em;

					margin-bottom: 0;

					border-bottom: 0;

				}



				#footer .feature-list {

					border-top: 0;

					padding-top: 0;

				}



	}