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

/* PALETTE

verde #009659
blu #304ba4
grigio chiaro #eee
grigio testo #454546
opacità menu 64%

Font Raleway


background: rgba(230,231,232,1);

*/

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-bold.ttf') format('ttf'),
         url('../fonts/raleway-bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}


@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-bolditalic.ttf') format('ttf'),
         url('../fonts/raleway-bolditalic.woff') format('woff');
    font-weight: 500;
    font-style:italic;

}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-italic.ttf') format('ttf'),
         url('../fonts/raleway-italic.woff') format('woff');
    font-weight: 300;
    font-style:italic;

}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-regular.ttf') format('ttf'),
         url('../fonts/raleway-regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-lightitalic.ttf') format('ttf'),
         url('../fonts/raleway-lightitalic.woff') format('woff');
    font-weight: 100;
    font-style:italic;

}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-light.ttf') format('ttf'),
         url('../fonts/raleway-light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}



::selection {
  background: #009659;
  color: #fff;
}

::-moz-selection  {
  background: #009659;
  color: #fff;
}

.cookielawdiv {
	position: fixed;
	bottom:0px;
	height: 60px;
	width: 100%;
	z-index: 999;
	padding:15px;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	text-align: center;
}

.cookielawdiv button {
	border:none;
	background-color: #304ba4;
	color: #fff;
	margin:0px 10px;
}
.cookielawdiv a, .cookielawdiv a:visited {
	 color:#fff;
}

.cookielawdiv a:active, .cookielawdiv a:focus, .cookielawdiv a:hover {
	color:#304ba4;
}

body {
	color:#454546;
	font-family: raleway, sans-serif;
	font-weight: 300;
	font-size: 100%;


	background-color:#fff;
}

body.page {
	background: none;
	background-color: #eee;
}

a {
	color:#0072c6;
	text-decoration: none;
	
}

a:hover, a:active {
	color:#0072c6;
	text-decoration: underline;
	transition: 500ms;
}

b, strong {
	font-weight: 500;
}

h1, h2, h3, h4 {
	color: #454546;
	margin-bottom: 30px;
	font-weight: 100;
	overflow: hidden;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

.content h2 span {
	display: block;
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	font-weight: 500;
}

.content h2 span.title {
	padding-top: 5px;
	margin-bottom:30px;
	width: calc(90% - 60px);
}


/** BOOTSTRAP OVERRIDES **/


.btn {
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border: none;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding: 15px;
}


.btn-primary {
	background-color: #304ba4;
	color: #fff;
}


.form-control {
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active  {
	background-color: #ff2b3a;
	color: #fff;
}

.btn-secondary, .btn-secondary:visited {
	background-color: #fafafa;
	color: #454546;
}

.btn-secondary:focus, .btn-secondary:hover,  .btn-secondary:active {
	background-color: #fff;
	color: #454546;
}


#mainmenu .menubtn .btn {
	border: solid 1px #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin:0px;
	padding:5px 10px;
}

#mainmenu .menubtn {
	padding:10px;
	text-align: right;
}

#mainmenu #menumobile li {
	display: block;
	text-align: right;
	padding: 10px 0px;
	margin: 0px
}



/** NAVIGATION **/

#mainmenu {
	background: -moz-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(0,148,89,1) 20%, rgba(231,232,233,1) 45%, rgba(231,232,233,1) 55%, rgba(48,76,166,1) 80%, rgba(48,76,166,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,148,89,1)), color-stop(20%, rgba(0,148,89,1)), color-stop(45%, rgba(231,232,233,1)), color-stop(55%, rgba(231,232,233,1)), color-stop(80%, rgba(48,76,166,1)), color-stop(100%, rgba(48,76,166,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(0,148,89,1) 20%, rgba(231,232,233,1) 45%, rgba(231,232,233,1) 55%, rgba(48,76,166,1) 80%, rgba(48,76,166,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(0,148,89,1) 20%, rgba(231,232,233,1) 45%, rgba(231,232,233,1) 55%, rgba(48,76,166,1) 80%, rgba(48,76,166,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(0,148,89,1) 20%, rgba(231,232,233,1) 45%, rgba(231,232,233,1) 55%, rgba(48,76,166,1) 80%, rgba(48,76,166,1) 100%); /* IE 10+ */
	background: linear-gradient(to right, rgba(0,148,89,1) 0%, rgba(0,148,89,1) 20%, rgba(231,232,233,1) 45%, rgba(231,232,233,1) 55%, rgba(48,76,166,1) 80%, rgba(48,76,166,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009459', endColorstr='#304ca6', GradientType=1 );/* IE6-9 */

	padding-bottom: 15px;
	font-size: 0.9em;
}

#mainmenu ul {
	list-style-type: none;
	margin: 0px;
	padding:0px;
	overflow: hidden;
}

#mainmenu ul li {

	margin: 0px;
	padding:5px;
	margin-right: 10px;
	display: inline-block;
}

#mainmenu a:link, #mainmenu a:visited {
	color: #fafafa;
	text-decoration: none;
}

#mainmenu a:active, #mainmenu a:hover {
	color: #fff;
	text-decoration:underline;
}


#mainmenu .payoff {
	text-align: left;
	padding-top: 10px;
}

#mainmenu .payoff .container {
	position: relative;
}

.page-header #mainmenu .menu a.active {
	color:#304ba4;
}

#mainmenu .menu {
	padding:0px;
	background-color: rgba(0,0,0,0.5);
	text-align: left;
	height: 40px;
}

#mainmenu .menu img {
	height: 30px;
	width:auto;
}

#mainmenu .identity {
	text-align: center;
	margin-top: -5px;
}

#mainmenu .greenbar {
	position: absolute;
	top:0px;
	left:-1000px;
}

/**CONTENT **/

.banner {
	position: relative;
	background-color: #333;
}

.banner img {
	width: 100%;
}

.banner .caption {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top:100px;
	left:20%;
	padding:15px;
	font-size: 2.2em;
	line-height: 1.2em;
	color:#fff;
	font-weight: 100;
}

.form-control:focus {
	border-color: #ff7d1d;
}

.breadcrumbs {
	padding:15px 0px;
	color:#999;
	font-size: 0.8em;
}

.breadcrumb {
	margin:0px;
	padding: 0px;
	background: none;
}

.breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active {
	color:#999;
}

.breadcrumb-item + .breadcrumb-item::before {
	color:#999;
}

.breadcrumb-item.active {
	color:#999;
	font-weight: 500;
}

.breadcrumb > li + li:before {
	content: ' / ' !important;
}




.page-content {
	padding:30px 0px;
	background-color: #eee;
	color:#6a6a6a;
	text-align: justify;
	font-size: 0.9em;

	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
}

.special-page-container {
	background-image: url('../images/bg-pagine.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
	width:100%;
	min-height:600px;
	margin-top: -130px;
}

.special-page-container .banner {
	width: 99%;
	margin:0 auto;
}

.special-page-container .content {
	padding:30px 30px 0 30px;
}

#mainmenu.special-page-menu .identity {
	padding-bottom: 115px;
}

.form-error {
	color: #c80001;
	padding: 0px 15px;
}


/* FOOTER */

.footer {
	margin-top: 60px;
	position: relative;
	color:#999;
	text-align: center;
	font-size: 0.8em;
	border-top:solid 1px #999;
}

.footer .identity {
	background-color: #eee;
	margin:0 auto;
	margin-top: -15px;
	margin-bottom: 15px;
	width: 150px;
}

.footer .contacts {
	font-size: 1.1em;
}

.footer a, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p {
	color:#999;
}

.credits {
	color:#999;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 60px;
	font-size: 0.7em;
}

.credits a {
	color:#999;
}


.page .footer a, .page .credits a, .page .footer p {
	color:#666;
}

.map {
	padding: 60px 0px 30px 0px;
}

.event-item {
	padding:15px 0px;
}

.gallery-item img {
	margin-bottom:30px;
}

.event-item a {
	font-weight: 500;
}

.services {
	background-image: url('../images/servizi.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 500px;
}

.services .menu {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.8)), color-stop(20%, rgba(0,148,89,1)), color-stop(45%, rgba(231,232,233,1)), color-stop(55%, rgba(231,232,233,1)), color-stop(80%, rgba(48,76,166,1)), color-stop(100%, rgba(48,76,166,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* IE 10+ */
	background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);/* W3C */

	padding-top:15px;
	margin-top:-53px;
	margin-bottom: 30px;
}

.fa-play {
	color: #3e6dd1;
}

.services .menu h2 .fa-play {
	color: #08b37d;
	font-size: 0.8em;
}

.services .menu h2 {
	color:#fff;
	margin-bottom: 10px;
	padding-left: 15px;
}

.services .menu a {
	color:#222;
}

.services .menu ul {
	padding: 15px;
	margin: 0px;
	list-style-type: none;

	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.3)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(1,1,1,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 100%); /* IE 10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 100%);/* W3C */
}

.services .menu ul li {
	border-bottom: solid 1px #333;
	padding:5px 0px;
}

.services .content {
	background-color: rgba(0,0,0,0.4);
	padding:15px;
	width: auto;
	margin-top: 100px;
	display: inline-block;
	margin-bottom: 30px;
}

.services .content h1, .services .content h2 {
	color:#fff;
	margin: 0px;
}

.services .content p {
	color: #fff;
}

.services .content a {
	color:#2ae096;
}

.services .content .icon {
	background-color: #08b37d;
	color:#fff;
	padding:10px 0px;
	width: 40px;
	height: 40px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
}

.services .content a {
	font-weight: 500;
}

.bignumber {
	font-size: 4em;
	font-weight: 100;
	color: #43b58d;
	font-family: 'raleway';
	display: block;
	margin-top: -25px;
	text-align: right;
}

/* MEDIA QUERY */

/* DEFAULT STYLE IS FOR LARGE DESKTOP DISPLAYS */

@media screen and (min-width: 1601px) {
	.banner .caption {

		font-size: 3.2em;
		line-height: 1.2em;
	}
}


/* SMALL DESKTOP DISPLAYS AND TABLET LANDSCAPE*/
@media screen and (max-width: 1200px) {
	.topmenu-left {
		display: none;

	}

.services .menu ul {
	padding: 15px;
	margin: 0px;
	list-style-type: none;

	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.2)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%); /* IE 10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%);/* W3C */
}

	.topmenu-center {
		background-image: url('../images/bg-top-center.png');
		background-repeat: no-repeat;
		background-position: right;
		height: 50px;
		width: 100%;
		float: left;
		padding: 18px 100px 18px 0px;
	}

	.topmenu-right {
		display: none;
	}
}

/* TABLET PORTRAIT AND MOBILE LANDSCAPE*/
@media screen and (max-width: 992px) {


	.banner .caption {
		top:60px;
		left:20%;
		font-size: 2em;
		line-height: 1.2em;
	}


	#mainmenu ul li {
		padding:5px 0px;
		margin-right: 10px;
	}

	.services .menu {
		margin-top:30px;

	}

	.services .content {margin-top: 30px;}
}

/* LARGE MOBILE PORTRAIT AND SMALL MOBILE LANDSCAPE*/
@media screen and (max-width: 768px) {


	.banner .caption {
		top:30px;
		left:30px;
		font-size: 2em;
		line-height: 1.2em;
	}

	#mainmenu {
		background: -moz-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(231,232,233,1) 35%, rgba(231,232,233,1) 65%, rgba(48,76,166,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,148,89,1)), color-stop(35%, rgba(231,232,233,1)), color-stop(65%, rgba(231,232,233,1)), color-stop(100%, rgba(48,76,166,1)));/* Chrome, Safari4+ */
		background: -webkit-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(231,232,233,1) 35%, rgba(231,232,233,1) 65%, rgba(48,76,166,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(231,232,233,1) 35%, rgba(231,232,233,1) 65%, rgba(48,76,166,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(0,148,89,1) 0%, rgba(231,232,233,1) 35%, rgba(231,232,233,1) 65%, rgba(48,76,166,1) 100%); /* IE 10+ */
		background: linear-gradient(to right, rgba(0,148,89,1) 0%, rgba(231,232,233,1) 35%, rgba(231,232,233,1) 65%, rgba(48,76,166,1) 100%);/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009459', endColorstr='#304ca6', GradientType=1 );/* IE6-9 */
	}

	#mainmenu .menu {
		height:auto;
	}

	.payoff {
		display:none;
	}

	.identity {
		padding-top:20px;
	}

}

/* SMALL MOBILE PORTRAIT*/
@media screen and (max-width: 575px) {

	.banner .caption {
		top:30px;
		left:30px;
		font-size: 1.6em;
		line-height: 1.2em;
	}
}