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

@font-face { 
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue-webfont.eot');
	src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
	url('fonts/BebasNeue-webfont.woff') format('woff'), 
	url('fonts/BebasNeue-webfont.ttf') format('truetype'), 
	url('fonts/BebasNeue-webfont.svg#wf') format('svg');
}

@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli-SemiBold.eot');
    src: url('fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Muli-SemiBold.woff2') format('woff2'),
        url('fonts/Muli-SemiBold.woff') format('woff'),
        url('fonts/Muli-SemiBold.ttf') format('truetype'),
        url('fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli.eot');
    src: url('fonts/Muli.eot?#iefix') format('embedded-opentype'),
        url('fonts/Muli.woff2') format('woff2'),
        url('fonts/Muli.woff') format('woff'),
        url('fonts/Muli.ttf') format('truetype'),
        url('fonts/Muli.svg#Muli') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli-Light.eot');
    src: url('fonts/Muli-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Muli-Light.woff2') format('woff2'),
        url('fonts/Muli-Light.woff') format('woff'),
        url('fonts/Muli-Light.ttf') format('truetype'),
        url('fonts/Muli-Light.svg#Muli-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Muli_light';
    src: url('fonts/Muli-Light.eot');
    src: url('fonts/Muli-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Muli-Light.woff2') format('woff2'),
        url('fonts/Muli-Light.woff') format('woff'),
        url('fonts/Muli-Light.ttf') format('truetype'),
        url('fonts/Muli-Light.svg#Muli-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli-Bold.eot');
    src: url('fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Muli-Bold.woff2') format('woff2'),
        url('fonts/Muli-Bold.woff') format('woff'),
        url('fonts/Muli-Bold.ttf') format('truetype'),
        url('fonts/Muli-Bold.svg#Muli-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

* { margin:0; padding:0; }

body {
	width: 100%;
	font-family: 'Muli', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: black;
	height: 100%;
	min-height: 100%;
	background-color: white;
}
html {
	width: 100%;
	height: 100%;
	min-height: 100%;
}
img {
	border: 0;
}
ul {
	list-style-position: inside;
}
.mobile {
	display: none !Important;
}	
.no-mobile {
	/* display: block !Important; */
}
a.selection {
    color: #B00203 !important;
}
#container {
	width: 100%;
	display: block;
}
#navigation {
	width: 100%;
	height: 30px;
	margin-left: 0;
	margin-top: 4%;
	display: block;
	z-index: 999999;
}
#logo {
	width: 200px;
	display: block;
	position: absolute;
	left: 2%;
	top: 2%;
	z-index: 99999;
}
#logo img {
	width: 200px;
}
#logo img:hover, #loghino img:hover {
	filter: brightness(105%);
}
#menu {
	text-align: right;
	width: 90%;
	margin-left: 5%;
}
.menubutt {
	color: black !Important;
	text-decoration: none;
	font-weight: bold;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: white;
	padding: 10px;
}
.menubutt:hover {
	color: #cc1a1a !important;
}
#close_menu, #ham {
	display: none;
}
.butt {
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	color: #E1E1E1 !important;
	background-color: black;
	padding: 12px;
	font-size: 24px;
	font-weight: bold;
	text-shadow: none;
	letter-spacing: 0;
	display: inline-block;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.butt:hover {
	color: #FFFFFF !important;
	background-color: #cc1a1a;
}
.redded {
	display: inline;
	background-color: #d22c27;
	padding: 5px 12px;
	color: white;
}
.redded_mini {
	display: inline;
	color: #d22c27;
}
.mappa {
	filter: brightness(1) !important;
	padding: 0 !important;
	border: 0 !important;
}
.mappa_full {
	width: 600px;
	margin: 0 auto;
}
.minititle {
	font-weight: bold;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	font-size: 24px;
}
ul {
	margin: auto;
	padding-left: 20px;
	list-style-position: outside;
}
li {
	margin: auto;
	padding: auto;
}
.item {
	display: block;
	width: 80%;	
	height: 60px;
	background-position: center -100px;
	background-size: 100%;
	text-align: center;
	color: white !important;
	padding: 120px 10%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.item:hover {
	filter: brightness(130%);
	background-size: 105%;
	background-position: center -110px;
}
.item_normal {
	display: block;
	width: 80%;	
	height: 60px;
	background-position: center center;
	background-size: 125%;
	background-repeat: repeat-y;
	text-align: center;
	color: white !important;
	padding: 120px 10%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.item_normal:hover {
	filter: brightness(130%);
	background-size: 135%;
}
#player {
	width: 100%;
	background-color: black;
	filter: brightness(75%);
}
#slideshow {
	width: 100%;
	height: 800px;
	display: block;	
	overflow: hidden;
	margin-top: 20px;
	z-index: -1;
}
#slideshow_page {
	width: 100%;
	height: 600px;
	display: block;	
	overflow: hidden;
	margin-top: 20px;
	z-index: -1;
}
.slide {
	width: 100%;
	height: 800px;
	background-size: cover;
	background-position: center;
	background-color: transparent !Important;
}
.claim {
	font-size: 36px;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	line-height: 40px;
	letter-spacing: -1px;
}
.bigtext {
	font-size: 100px;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 100px;
	letter-spacing: 0px;
}
#home_claim {
	position: absolute;
	width: 90%;	
	left: 10%;
	top: 500px;
	text-align: left;
	font-size: 100px;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	line-height: 90px;
	letter-spacing: 0px;
	text-shadow: 1px 1px 7px #111111; 	
}
#cover_claim {
	position: absolute;
	width: 80%;	
	left: 10%;
	top: 50%;
	text-align: left;
	font-size: 100px;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	line-height: 100px;
	letter-spacing: 0px;
	/* text-shadow: 1px 1px 7px #111111; */	
}
#eventi_claim {
	position: absolute;
	width: 50%;	
	min-width: 840px;
	left: 11%;
	top: 500px;
	text-align: left;
	font-size: 50px;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	line-height: 50px;
	letter-spacing: 0px;
	/* text-shadow: 1px 1px 7px #111111; */	
}
.blackstripe {
	display: block;
	width: 100px;
	height: 10px;
	background-color: black;
}
.greystripe {
	display: block;
	width: 100px;
	height: 10px;
	background-color: #E1E1E1;
}
.whitestripe {
	display: block;
	width: 100px;
	height: 10px;
	background-color: white;
}
.homebutt, .pagebutt {
	background-color: white;
	color: black !important;
	width: 150px;
	padding: 10px;
	font-size: 24px;
	font-weight: bold;
	text-shadow: none;
	letter-spacing: 0;
	display: inline-block;
	box-shadow: 0px 0px 23px #00000030;
	opacity: .9;
	outline-offset: -5px;
	outline: 1px solid #CCCCCC;
}
.homebutt:hover {
	opacity: 1;
}
.wrapper_home {
	width: 80%;
	margin-left: 10%;	
	text-align: center;
}
.wrapper {
	width: 80%;
	margin-left: 10%;	
	text-align: center;
	margin-top: 60px;
	display: block;
}
.cover {
	width: 90%;
	height: 800px;
	margin-left: 5%;
	margin-top: 40px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
}
.video_container {
	width: 90%;
	height: 770px;
	margin-left: 5%;
	overflow: hidden;
	margin-top: 70px;
}
.col_big {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
.col_sx {
	width: 49%;
	float: left;
	text-align: left;
}
.col_dx {
	width: 49%;
	float: right;
	text-align: left;
}
.col_sx img, .col_dx img {
	width: 100%;
}
.col_map {
	width: 49%;
	float: left;
	text-align: left;
}
.col_form {
	width: 48%;
	margin: 1%;
	float: left;
	text-align: left;
}
.col_3 {
	width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 40px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.col_3_form {
	width: 26%;
	padding: 2%;
	margin: 0 auto 10px auto;
	display: block;
	text-align: left;
	vertical-align: top;
	border-radius: 10px;
	border: 0;
}
.col_6 {
	width: 15%;
	margin-left: 1.2%;
	margin-right: 0%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.col_3 img, .col_6 img {
	width: 100%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.col_6 img {
	width: 90%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
	padding: 5%;
	border: 1px solid #E1E1E1;
}
.col_6 img:hover, .pic:hover {
	filter: brightness(1.3);
}
.pic {
	width: 19%;
	display: inline-block;
    margin: 0.5%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
input, textarea, select {
	width: 94%;
	padding: 2%;
	height: 20px;
	margin: 3px 0 10px 0;
	border: 1px solid #CCCCCC;
	font-family: 'Muli', Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
}
#submit_1, #submit_2 {
	cursor: pointer;
	width: 100%;
}
#submit_1:hover, #submit_2:hover {
	opacity: .8;
}
.line {
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #E1E1E1;
	margin: 30px 0;
}
.title {
	font-size: 35px;
	color: black;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	line-height: 35px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 20px;
}

.separatore {
	width: 100%;
	clear: both;
	height: 50px;	
	display: block;
}

#partners {
	width: 100%;
	display: block;
	text-align: center;
	background-color: #EFEFEF;
}
.partner {
	max-width: 150px;
	max-height: 150px;
	margin: 40px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.partner:hover {
	filter: brightness(120%);
}

#footer {
	background-color: black;
	color: grey;
	font-size: 13px;
	width: 100%;
	padding-bottom: 30px;
	color: #CCCCCC !Important;
	float: left;	
	padding-top: 30px;
	margin-top: 100px;
}
#arrow-top {
	display: block;	
	margin-top: 40px;
	width: 35px;
}
#footer a {
	color: #CCCCCC;	
}
#footer a:hover {
	color:#a41c03 !Important;	
}

a:link, a:visited {
    color: #683026;
	text-decoration:none;
}
a:active, a:hover {
    color: #cc1a1a;
	text-decoration: none;
}

.mobile {
	display: none !important;
}
	

@media screen and (max-width: 1179px) {
	
	body {
    	font-size: 14px;
    	line-height: 18px;
	}
	#logo {
		width: 120px;
		display: block;
		position: absolute;
		left: 2%;
		top: 2%;
		z-index: 99999;
	}
	#logo img {
		width: 120px;
	}
	#slideshow {
		width: 100%;
		height: 800px;
		display: block;	
		overflow: hidden;
		margin-top: -20px;
	}
	#slideshow_page {
		height: 400px;
		margin-top: -30px;
	}
	#home_claim {
		font-size: 60px;
		line-height: 50px;
		width: 90%;
		top: 0;
		left: 5%;
		margin-left: 0;
		text-align: center;
		margin-top: 20px !important;
		color: white;
		text-shadow: none;
	}
	.partner {
		max-width: 150px;
		max-height: 150px;
		margin: 20px;
	}
	.mobile {
		display: block !important;
	}
	
	.nomobile {
		display: none !important;
	}
	input {
		text-align: center;
	}
	#captcha {
		margin: 0 auto;
	}
	#loghino img {
    	width: 120px;
	}
	
	#loghino {
    	width: auto;
		left: 0;
    	margin-left: 0;
		margin-top: 23px;
	}
	
	#navigation {
    	width: 90%;
    	height: 95px;
	}
	
	.video_container {
		width: 100%;
		margin-left: 0;
		overflow: hidden;
		margin-top: 90px;
		height: auto;
	}
	#eventi_claim {
		position: absolute;
		width: 90%;	
		min-width: 90%;
		left: 5%;
		top: 200px;
		text-align: center;
		font-size: 40px;
		font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: white;
		line-height: 35px;
		letter-spacing: 0px;
		/* text-shadow: 1px 1px 7px #111111; */	
	}
	.homebutt {
    	color: black !important;
    	width: auto;
    	padding: 3px 15px;
    	font-size: 15px;
		margin-top: 230px;
	}
	.pagebutt {
    	color: black !important;
    	width: auto;
    	padding: 3px 15px;
    	font-size: 15px;
		margin-top: 10px;
	}
	
	.wrapper_home {
    	width: 90%;
    	margin-left: 5%;
		margin-top: 10px;
	}
	
	.col_big {
    	width: 100%;
	}
	
	.claim {
    	font-size: 21px;
    	line-height: 29px;
		margin-top: 80px;
	}
	
	.separatore {
    	width: 100%;
    	height: 10px;
	}
	
	.col_3 {
    	width: 100%;
    	margin-left: 0;
    	margin-right: 0;
		margin-bottom: 30px;
		text-align: center !important;
	}
	
	.col_3 img, .col_6 img {
    	width: 93%;
	}
	
	.col_6 {
    	width: 100%;
    	margin-left: 0;
    	margin-right: 0%;
		margin-bottom: 30px;
	}
	
	.col_6 img {
    	padding: 3%;
		height: auto !important;
	}
	
	.col_6 b {
    	font-size: 18px;
	}
	
	#footer {
    	font-size: 13px;
    	width: 100%;
    	padding-bottom: 10px;
    	padding-top: 0px;
    	margin-top: 20px;
	}
	
	#ham {
    	width: 29px;
    	position: absolute;
    	right: 5%;
    	top: 36px;
		cursor: pointer;
		display: block;
		z-index: 9999;
	}
	#close_menu {
		width: 29px;
    	position: absolute;
    	right: 5%;
    	top: 36px;
		cursor: pointer;
		z-index: 9999;
		display: none;
	}
	
	#menu {
		display: none;
		position: absolute;
		width: 90%;
		min-height: 100vh;
		background-color: white;
		z-index: 9;
		left: 0;
		padding: 150px 5% 50px 5%;
		background-color: white;
		text-align: left;
		margin-left: 0;
	}	
	.menubutt {
    	margin-right: 0;
		margin-left: 0;
    	padding: 10px 0px;
    	width: 100%;
    	border-bottom: 1px solid #ccc;
    	position: relative;
    	display: block;
    	border-bottom: 1px solid #E1E1E1;
	}
	
	#menu_dx .menubutt {
    	margin-left: 0;
	}
	
	.wrapper {
		width: 90%;
		margin-left: 5%;
		text-align: center;
		margin-top: 30px;
	}
	#wrapp {
		margin-top: -40px;
	}
	
	.title {
		font-size: 28px;
		line-height: 28px;
	}
	
	.pic {
    	width: 100%;
	}
	
	.col_3_form {
		width: 90%;
		padding: 5%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.col_map {
    	width: 100%;
		margin-bottom: 30px;
	}
	
	.mappa_full {
    	width: 100%;
	}
	
	#mappa_contatti {
		height:300px !important;
	}
	
	#cover_claim {
		font-size: 40px;
		line-height: 40px;
		width: 90%;
		top: 0;
		left: 5%;
		margin-top: 200px !important;
		margin-left: 0;
		margin-top: 500px;
		text-align: center;
	}
	
	.cover {
    	width: 90%;
    	height: 272px;
		margin-top: -30px;
	}
	
	select {
		-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
		background-image: url(images/down.png);
    	color: #231F20 !important;
    	background-size: 13px;
    	background-position: 95% center;
    	background-repeat: no-repeat;
		width: 100%;
	}	
}