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

html, body {margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: 'Museo Sans 100', sans-serif;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, textarea, button {outline:none}
*:focus {outline:none;}
* {font-family: 'Museo Sans 100', sans-serif}
button {cursor: pointer !important; width: 100%; padding: 15px 0px; color: #666; font-weight: 800; margin-top: 3%; background: none}

img {width:100%}

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


spacer {width:100%; float: left; display: block; height: 1px}

body {overflow-x: hidden;}

b, strong {font-family: 'Museo Sans 500', sans-serif;}

/* SECTION */
section {float: left; padding: 0px 0%; margin: 0px; width: 100%; margin-top: -1%;}

/* main column*/

.column {width:100%; float:left; padding: 0 3%}
.column a {color:#000; text-decoration: none}
.column a:hover {text-decoration: underline}

/* 1 column*/
.column100 {width:100%; float:left}

/* 1/2 column*/
.column50 {background:none; padding: 0 !important; width:48%; float:left}
.column50:first-child {background:none; float: left}
.column50:last-child {background:none; float: right}
.column50 p{padding: 0 1.1vw;}
.column50 h2{}
.column50 button{margin: 0 3%; width: 94%;}

/* 4 column*/
.column25 {width:25%; float:left; padding: 0 1%}
.column25:first-child {background:none; float: left}
.column25:last-child {background:none; float: right}
.column25 p{padding: 0 1.1vw;}
.column25 h2{}
.column25 button{margin: 0 3%; width: 94%;}

/* 5 column*/
.column20 {width:20%; float:left; padding: 0 1%}
.column20:first-child {background:none; float: left}
.column20:last-child {background:none; float: right}
.column20 p{padding: 0 1.1vw;}
.column20 h2{}
.column20 button{margin: 0 3%; width: 94%;}


/* 1/3 + 2/3 column*/
.column13 {width:31.33%; float:left; background:none; padding: 2% 0}
.column13:first-child {background:none; float: left}
.column13:last-child {background:none; float: right}
.column13 button{margin: 0; margin-bottom: 4%; float: right; width: 100%}

.column23 {width:65.67%; float:left; padding: 2% 0}
.column23:first-child {background:none; float: left}
.column23:last-child {background:none; float: right}


/* 1/3 column*/
.column33 {background:none; width:31.33%; margin: 0 3%; display: inline-block; float: left;}
.column33:first-child {background:none; margin: 0}
.column33:last-child {background:none; margin: 0}
.column33 img {width:100%; margin-bottom: 5%}
.column33 p {font-size: 1.1vw}

.column33 {background:none; width:33.33%; margin: 0; display: inline-block; float: left;}




.overlay {position: absolute; top: 0; right: 0; width: 100%; z-index: 100; height: 100%; opacity: 0.7;}

/* HEADER */
header {width: 100%; margin: 0px; background: none; padding: 0 3%; float: left; position: absolute; z-index: 100}
header .header {width: 100%; margin: 0px; float: left; padding: 0.8% 0; line-height: 0; position: relative;}
header .header .logo {width:8%; float:left}
header .header p {position: absolute; bottom:10%; background:#005678; font-size:3vw; color:#FFF; overflow:hidden; padding: 1.5% 2%; left:50%; width: auto;}
.language img {width: 1.9vw}
#facebook, #youtube {display: block; margin-top: 0.8%; font-size: 2.5vw; color:#e30613; z-index: 100; right:3%; position: absolute}
#youtube {right: 6%}
#linkedin {display: block; margin-top: 4.5vw; font-size: 2.5vw; color:#e30613; z-index: 100; right:3%; position: absolute}

/* MENU */
nav {display:none; right: 10%;}
nav {width:300px; position: fixed; z-index: 999; margin-top: 5%; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.15);}
nav ul {width:100%; background: #931813; list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
nav ul li a{width: 100%; text-decoration: none; color: #FFF !important; font-size: 1.1vw; display: block; text-align: center; padding: 12px 0; border-bottom: 1px solid #FFF; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.15);}
#menubar{width:25px; position:absolute; margin-top: 3.1%; right: 10%; z-index: 10; display: none}
.bar1, .bar2, .bar3 { width: 100%; height: 4px; background-color: #333; margin: 3px 0; transition: 0.4s; border-radius: 3px}
.menu_home {float:right; margin:0; padding:0; margin-top: 2.2vw; margin-right: 6vw}
.menu_home li {display:inline; color:#FFF; padding-right: 2vw}
.menu_home li a{color:#FFF; text-decoration:none; font-size:1.5vw;}
.menu_home li a:hover{text-decoration:underline}
.menu_home li span {padding: 0 0.3vw; display: none}
menu {float:left; margin:0; padding: 0;}
menu ul {float:left; margin:0; padding:0}
menu ul li {display: inline-block; margin:0; padding:0.6% 0}
menu ul li a{display: block; font-size: 1vw; padding-right: 1vw; margin: 0; text-decoration: none; color: #333;}
menu ul li a:hover{text-decoration:underline}



.column3 article{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; float: left}
.column3 article {width:31.33%; float:left; margin: 0px;}
.column3 article h3 {color: #666; font-size: 1.8vw; float: left; margin: 0; padding: 0px 0% 20px 0%; width: 100%; line-height: 2vw;}
.column3 article p {font-size: 1vw !important; line-height: 1.7vw;}
.column3 article .left_column {width: 100%;-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}
.column3 article .right_column {width: 100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
.column3 article .right_column img {width: 100%;  margin-bottom: 6%}
.column3 spacer {display: block; width: 100%; margin: 2% 0; float: left}
.column3 article {width:31.33%; float:left; margin: 0px;}
.column3 article:nth-child(2n) {margin: 0 3%}
.column3 article button {width: 40%; padding: 0.3vw 0px; margin: 0 !important; background: #2978ab; color:#fff; border:0}


video {width:100%}



button {width: 50%; padding: 0.4vw 0px; color: #FFF; font-weight: 600; margin-top: 3%; background: #2978ab; border: 0; font-size: 0.9vw;}


h2 {width:100%; float: left; font-size: 7vw; font-weight: normal; line-height: 5.3vw; color: #FFF;}
h4 {width:100%; float: left; font-size: 2vw; font-weight: normal; color: #233469; margin: 1vw 0}


.column100 p {padding: 0% 20% 0% 20%;}
p { font-size: 1.1vw; color: #FFF; line-height: initial; font-weight: 100; text-align: justify}

button {background: #EEE; color: #931813 !important; font-size: 1.1vw; width:100%; padding: 0.7vw 0;}
h3 {color: #FFF;font-size: 1.9vw; padding: 0px 15% 20px 15%;}



.footer .column23 {background:#000}
.footer .column23 img {width: 15vw; float: right; padding: 3vw 1.4vw 3vw 0px;}

@media only screen and (max-width: 767px) {
	footer {padding: 0 0 0 0 }
	footer .leftside, footer .rightside {width: 100%; float: left; text-align: center; padding: 0}
	footer .leftside p {width:100%; text-align: center; font-size: 3vw; line-height: 4vw; margin: 0; padding: 2% 0}
	footer .leftside p strong {font-size: 3.8vw;}
	footer .leftside img {display: none}
	footer .copy a, footer .copy p {font-size: 2.2vw}
	footer .copy {padding: 0}
	footer ul {width: 100%; float: left; text-align: center}
	footer ul li {width: 100%; text-align: center; padding-bottom: 1%}
	footer ul li a {font-size: 4vw !important}
	.socials img {width: 10%}

}



.doppiafoto div:first-child img {float:left; width:98%}
.doppiafoto div:last-child img {float:right; width:98%}


.flag {width:2vw !important}
language {position: absolute; top: 3.3vw; right: 18vw;}


.headers {position: relative; z-index: 1; padding: 0; margin-bottom: 5vw}
.headers h1 {position: absolute; top: 7vw; left: 3%; font-size: 6vw; font-weight: normal; line-height: 5.2vw; color: #FFF;}
.headers p {position: absolute; top: 28vw; left: 3%; font-size: 1.8vw; font-weight: normal; line-height: 2vw; color: #ed6ea7; margin: 0; padding: 0; width: 33%;}

.calltoaction button {color:#FFF !important; background: #000; padding: 0.8vw; font-size: 1.6vw !important; margin: 3vw 0 0 0 ; font-weight: 100}


.blur{
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
}
.bodyblock {overflow: hidden !important;}
.overlay {display: none}


form input, form textarea {width:100%; float: left; border:1px solid #ed6ea7; color:#000; padding: 0.4vw 1vw;}
form textarea {height:10vw;}
form label {width:100%; float: left; padding: 0.5vw 0; color: #ed6ea7}
form button {background: #ed6ea7; color: #FFF !important; font-size: 1.6vw !important; float: left; font-weight: normal !important; padding: 1vw !important; margin: 1vw 0 0 0 !important; width: 100% !important}
form captcha {font-weight: bold; font-size: 2vw; color: #FFF}
form a {width:100%;float: left; color: #ed6ea7 !important}
form input[type='checkbox'] {float:left; width: auto; margin-right: 1vw; margin-top: 0.5vw;}
form p {width: 100%; float: left; font-size: 1.2vw; color: #ed6ea7; padding: 0 !important}

h1, h2, p {color:#1d1d1b}
h2 {margin: 0 0 1vw 0}
h1 { margin:0; font-weight:normal; font-size: 7vw; line-height: 5.3vw; margin: 0; padding: 0 !important}
section {margin-top:4vw}
.menu_home a {color:#FFF !important; font-size: 1.1vw !important; text-shadow: 0 0 15px #333}
language {position: absolute; top: 1.7vw; right: 6%;}
button {color:#FFF !important; background:#000}
.logo {width:16% !important}
language {z-index:100}
.copyright p {font-size:1vw}
.menu_home li span {color:#FFF; display: initial; padding: 0 1vw; text-shadow: 0 0 15px #333}
.menu_home li {padding-right:0;}
.column33 p {padding: 0 1vw;}

.profilo {margin-top:5vw}
.profilo p {margin:0; padding: 0 2vw}
hr {margin-top:4vw}


.footer {background: #233469; color:#FFF; padding-top:2vw}
.footer p, .footer a{color:#FFF; font-size:1vw; padding:0}
.footer .column33:first-child img {width:50%}
.footer .column33:nth-child(2){padding-top:11vw; text-align:center}
.footer menu{float: right;}

.disclaimer {margin-bottom:0}
.disclaimer p {padding:1vw !important; color:#FFF; background:#00aee0; font-size:.8vw; margin-bottom:0}


@media only screen and (min-width: 768px) {

pagecategory hr {width:100%; float:left}
pagecategory p {padding:0 !important}
pagecategory h2 {font-size: 4vw; line-height: 3.3vw;}
pagecategory article {width:100%; display: flex;}
pagecategory article .column13 {margin:0 0 0 2%}
pagecategory .invert {flex-direction: row-reverse;}
pagecategory .invert .column13 {margin:0 2% 0 0}
	
}

article p {display:none}
article div {position: relative}
article div img {position:relative}
article div h2 {position: absolute; bottom: 2vw; color: #FFF; font-size: 2.4vw; left: 2vw; text-align: left; text-shadow: 5px 5px 10px #000; width: 50%; line-height: 2.4vw}
article div button {display:none}
article {margin-bottom: 3vw}

section {margin:0}
header .header {padding:0}
.logo {width: 8% !important;}


	.menu_home {display: none}
	#menubar {display:block; margin-top: -6%; right: 2.5vw; z-index: 1000; width: 33px;}
	#menubar .bar {background:#e30613; height: 5px; margin: 4px 0;}
	nav {width:20%; margin: 0; margin-top: 4vw; right: 2.5vw}
	nav ul {background: #e30613}
	nav ul li a {font-size: 1.2vw; padding: 0.8wv 0; margin: 0; text-transform: none; box-shadow: none; border: 1px solid #212535}

@media only screen and (max-width: 767px) {
	
	
	nav {width:100%; margin: 0; margin-top: 13vw; right: 0}
	nav ul {background: #000}
	nav ul li a {font-size: 5vw}

	.headers h1 {top:13vw !important}
	#facebook {right: 12%; color:#FFF}
	#youtube {right: 19%;color: #FFF}
	.headers p {text-align: left !important; top: 34vw !important; width: 55% !important; font-size: 3vw !important; line-height: 3vw !important; padding: 0 !important}
	.prossimieventi h2 {font-size: 8vw}
	.eventlist div {width: 100% !important}
	.eventlist div img {padding-top: 3vw !important}
	.prossimieventi h6 {text-align: center; font-size: 5.4vw;}
	h3 {font-size: 5.5vw !important; padding: 0 !important; text-align: center}
	.locale p {position: inherit; width: 100%; padding: 5vw 1vw !important; float: left; }
	.locale strong {font-size: 9vw !important;}
	.locale button {position: inherit; font-size: 4vw;}
	.indicizzazione {display:none}
	.calltoaction button {width: 100% !important; font-size: 4vw !important; margin: 0 !important}
	.column33 {width: 100% !important}
	form label {padding: 2.5vw 0; text-align: center; font-size: 4vw !important;}
	form input, form textarea {font-size: 5vw !important; text-align: center}
	form captcha {font-size: 7vw !important; width: 100%; margin: 0; padding: 0; display: inline-block; text-align: center}
	form a {text-align: center; margin-bottom: 5vw;}
	form input[type='checkbox'] {float: initial;}
	form span {font-size: 4.2vw;}
	form button {font-size: 4.5vw}
	video {width: 100% !important; position: relative; top: 50%; transform: translateY(-50%);}
	.videopromo .logointro {width: 19%; position: absolute; top:1vw; left: 3%;}
	
	.adultonly {width: 90%; left: 0; margin-left: 5%;}
	.adultonly h5 {font-size: 5vw !important}
	.adultonly span {font-size: 2.5vw; padding: 0vw 1vw;}
	.adultonly button {font-size: 5vw !important}
	.adultonly a {font-size: 2.5vw;}
	
	section {padding: 0 !important}
	header {padding: 0 3%;}
	header .logo {margin: 1vw 0; width:20% !important}
	#facebook, #youtube {font-size: 6vw; margin-top: 3%;}
	
	
	h2{font-size: 5vw; text-align: center !important; padding: 0% !important;}
	.column100 p {padding: 0% 3% 0% 3%;}
	p {font-size: 4vw; line-height: 5vw; text-align: center !important}
	h3 {font-size: 4vw;}
	
	.column50 {width: 100% !important; padding-bottom: 4vw !important}
	.column50 img {margin: 0}

	.invert{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.invert .column50:first-child, .inverti .column13 {width: 100%;-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}
	.invert .column50:last-child, .inverti .column23 {width: 100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
	button {font-size: 4vw;width: 94% !important; padding: 2vw 0px !important; margin: 3vw 3% !important}
	
	.bottiglie img {height: 53vw;}
	footer {padding: 6% 5% 5vw 5%;}
	footer a {font-size: 3vw;}
	.titolipagina img {height: 20vw !important;}

		
	.flag {width:7vw !important}
	language {position: absolute; top: 9.1vw; right: 28vw;}
	
	
	
header .logo {width: 40% !important; margin-top:4vw}
section {margin-top: 15vw !important;}
#menubar .bar {background: #000; height: 5px; margin: 4px 0;}
#menubar {margin-top: 4.2vw;}
language {right:14%; top:5vw;}
h1 {font-size:5vw}
h2 {font-size: 8vw; line-height: 8vw}
p { font-size: 3.5vw !important; text-align: justify !important; }

.column23, .column13 {width:100% !important}


.copyright p {font-size: 3vw !important; text-align: center !important;}
.footer .column23 {width: 100% !important; text-align:center}
.footer .column13 {width: 100% !important;}
.footer .column23 img {width: 50vw; padding: 10vw 0; float: initial;}
.footer .column13 p{width: 100% !important; text-align: center !important}
.calltoaction {padding: 10vw 3% 0 3%;}

.invert{display: flex; flex-direction: column-reverse;}	

nav ul li a {padding: 20px 0 !important}

.profilo div p strong {width: 100%; display: block; text-align: center; margin-top: 10vw; font-size: 7vw; line-height: 8vw;}
.column33 img {margin-top: 6vw;}
	
	
pagecategory {width:100%}
pagecategory article, pagecategory .invert { display: block;}
pagecategory h2 {font-size: 7vw; line-height: 7.3vw;}
pagecategory .invert {flex-direction: unset;}
	
pagecategory article h2 {font-size:5vw; bottom:6vw; line-height:5vw; width:85%; text-align: left !important}
pagecategory article {margin-bottom: 4vw; float: left}
	
	#linkedin {font-size: 6vw; margin-right: 23vw;}
}	
	


@media only screen and (min-width: 768px) and (max-width: 979px) {
	.video {
    position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

}