html, body{
	height:100%;
}

a{
  text-decoration:none;
  color:#e1e2dd;
}

.pagina{
	margin:0;
	padding:0;
   z-index:10;
}


.fscreenpic{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center center;

}

.sfondo1{
	background-image: url(../img/backgroundlow.jpg);
}

.sfondo2{
	background-image: url(../img/background2low.jpg);
}

.sfondo3{
	background-image: url(../img/background3low.jpg);
}

.sfondo4{
	background-image: url(../img/background4low.jpg);
}

.fscreenpic img{
	height:10%;
}

.language{
	position:fixed;
	top:22px;
	right:10px;
	z-index: 100;
	font-size: 12px;
	color:#000;
	visibility: hidden;

}

.language div{
	cursor:pointer;
	padding-top:10px;
}

.language div:first-child{
	padding-top:0;
	padding-bottom:10px;
	border-bottom: 1px #fff solid;
}

#facebookpc{
	display:none;
}


#facebookmob{
	display:visible;
}



.langactive{
	color:#bc3b4c;
	cursor:default !important;
}


.centrato{
	font-family: MontserratLight;
  line-height: 4.5vw;
  margin:0;
  width: 100%;
  
  /* Needs prefixing */
  box-decoration-break: clone;
}

.wrapperMenu{
	padding:0;
	margin:0;
	height:0;
	display:none;
}

.sezioneTaglio{
	clear:both;
  display:inline-table;
  width:100%;
	padding:0px;
	margin:0px;
}

.sezioneLogo{
  clear:both;
  padding-bottom:0px;
  display:inline-table;
  text-align: center;
  margin:auto;
  width:100%;
  border:0px red solid;
  position:absolute;
  top:0;
  left:0;
}

.logo{
  border:0px black solid;
  margin-top:10px;
  margin-bottom: 10px;
}

.logo img{
	width:40%;
	max-width: 289px;
}

.sezione{
  margin:0;
  padding:0;
  display:inline-block;
  width:100%;
  height:100%;
  min-height: 600px;
}

.imagenoi{
	margin-top: 20vw;
}

.feedback{
  line-height: 4.3vw;
  	margin:0;
   letter-spacing:0px;
  	text-align: justify;
  	font-family: MontserratLight;
  	position:absolute;
  	width:100%;
  	top:0;
  	left:0;
}

.feedpoint{
	width:2.5vw;
	height:2.5vw;
	margin-right:1vw;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
}

.aperto{
	background-image: url(../img/feedopen.png);
}

.chiuso{
	background-image: url(../img/feedclosed.png);
	cursor: pointer;
}

.attivo{
	visibility:visible;
}

.inattivo{
	visibility: hidden;
}

.contformfeed{
	border:0px black solid;
	margin-top:5%;
	width: 100%;
}

.contitolo{
	width:100%;
	margin-left:0;
	margin-right: 0;
	color:#000;
	padding-bottom: 2vw;
	font-weight: bold;
	font-size: 3.5vw;
	line-height: 5vw;
}

.contesto{
	width:100%;
	margin-left:0;
	margin-right: 0;
	color:#444;
	font-weight: normal;
	text-align: justify;
	padding-bottom: 2.5vw;
}

.testi{
  line-height: 2.6vw;
  	margin:0;
  	letter-spacing:0px;
  	text-align: justify;
	font-family: MontserratLight;
  	padding-bottom: 2vw;
}

.iconafeed{
	width:0;
	height:0;
	padding:0;
	margin:0;
}

.iconafeed img{
	width:0;
	height:0;
	padding:0;
	margin:0;
}

.inputfeed{
	width:100%;
	background-color: #9a2c38;
	border:0px;
	height:10vw;
	border-radius: 7px;
	padding-left:3vw;
	padding-right:3vw;
	color:white;
	line-height: 10vw;
	margin-top:1vw;
	margin-bottom:4vw;
	font-family: MontserratLight;
}

.margdx{
}

.margsx{
}

.massimo{
	height:90vw;
}

.areafeed{
	margin-top: 1vw;
	width:100%;
	background-color: #9a2c38;
	border:0px;
	height:70vw;
	border-radius: 7px;
	resize: none;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:3vw;
	color:white;
	line-height: 4vw;
	font-family: MontserratLight;
}

.bottonefeed{
	margin-top:7vw;
	width:35%;
	height:10vw;
margin-right:65%;
	background-color: transparent;
	color:#d8d5d6;
	border:2px white solid;
	border-radius: 7px; 
	cursor: pointer;
transition: color 0.5s;
	margin-bottom: 40px;
	font-family: MontserratLight;
	
}

.bordorosso{
	color:#9a2c38 !important;
	border:2px #9a2c38 solid !important;
}

.bordorosso:hover{
	color:#7f1d2b !important;
}

.bottonefeed:hover{
	color:white;
	transition: color 0.5s;
}

.contconcetti{
	position:relative;
	display: inline-table;
}

.concetti{
	position:relative;
	float: left;
	border:3px #bc3b4c solid;
	background-color: transparent;
	width:98%;
	height:30vw;
	margin-bottom: 5vw;
	text-align: justify;
}

.right-4{
	margin-right: 0;
}

.photo{
	width:40%;
	height:30vw;
	float:left;
	margin-right:2vw;
	background-size: cover;
	background-position: center center;
}

.concetti .titolo{
	color:black;
	margin-top:1vw;
	margin-right: 2vw;
	font-family: Montserrat;
}

.concetti .anteprima{
	margin-top:1vw;
	margin-right: 2vw;
	color:#6e6e6e;
	font-family: MontserratLight;
}

.concetti .mehr{
	position:absolute;
	bottom:0;
	right:0;
	color:white;
	font-family:Montserrat;
	padding: 0.5vw 2vw;
	background-color: #bc3b4c;
}

.concetti .mehr:hover{
	cursor:pointer;
}

.openconcept{
	position: absolute;
	top:0;
	left:0;
	background-color: white;
	visibility:hidden;
	font-family:MontserratLight;
	opacity:0;
	filter: alpha(opacity=0)
	text-align: justify;
}

.fulltext{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color: white;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0)
}

.texttitle{
	font-family: MontserratBold;
	color:black;
	margin-left: 0;
	padding-left: 0;
}

.back{
	width:100%;
	margin-top: 20px;
	margin-bottom: 3vw;
	text-align: right;
	font-family: Montserrat;
	color: #bc3b4c;
	cursor: pointer;
}

.fullimage{
	width:100%;
	height:50vw;
	max-height: 300px;
	background-image: url(../img/service.png);
	background-size: cover;
	background-position: center center;
}

.contenitore{
	margin:0 auto;
	text-align: left;
	margin-right: 10%;
	margin-left:10%;
	top:0;
}

.contenitore2{
margin:0 auto;
	text-align: left;
	margin-right: 10%;
	margin-left:10%;
	top:0;
}

.linea{
	width:50%;
	margin-top:5%;
	border-width: 2px;
	border-style:solid;
	margin-bottom: 12vw;
}

.linealunga{
	width:50%;
	border-width: 2px;
	border-style:solid;
	margin-top:5%;
	margin-bottom: 12vw;
}

.centrologo{
	width:70%;
	position:absolute;
	top:45%;
	left:15%;
	line-height: 2.5vw;
	vertical-align: middle;
	font-weight: bold;

}

.centrologo img{
	width:37%;
	padding-bottom: 3.5vw;
}

p{
  color: #9C9C9C;
  letter-spacing: 0px;
  /*font-size:3vw;*/
  margin-left:5%;
  margin-right:5%;
}

h2{
  font-family: Montserrat, san serif;
  color: #292A29;
  letter-spacing: 0px;
  font-weight: bold;
  padding-top: 10vw;
  line-height: 6.8vw;
}

.menuicon{
  position:fixed;
  top:15px;
  right:20px;
  height:20px;
  width:22px;
  z-index:105;
}

.menuicon svg{
	cursor: pointer;
}

.menu{
	visibility:hidden;
	height:0;
}

.menumob{
  position:fixed;
  opacity:0;
  filter: alpha(opacity=0);
  top:0;
  left:0;
  text-align:center;
  margin:0;
  padding:0;
  padding-top:8vw;
  padding-bottom:5vw;
  background-color:#7f1d2b;
  overflow:hidden;
  width:100%;
  z-index:100;
  visibility:hidden;
}

.menumob li{
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    font-family: Montserrat, sans-serif;
    padding-top:4vw;
    font-weight: bold;
    color:#fff;
    display:block;
}

.active{
    color: #bc3b4c;
}


.footer{
position:fixed; 
width:100%; 
bottom:0;
left:0; 
height:70px; 
z-index:-10; 
background-color:#7f1d2b; 
text-align:center; 
}

.footer p{
color:white;

font-size:10px;
letter-spacing:0px;
font-weight:800;
}

.prefooter{
position:fixed; 
left:35%; 
width:24%;
bottom:10%; 
z-index:-10; 
max-width:289px; 
text-align:center;
}

.logobianco{
margin-bottom:30%;
width:100%;
}

.lineapf{
width:80%;
border-width: 3px;
border-style: solid;
	margin-top:2%;
	margin-bottom: 4%;
margin-left:10%;
}

.social{
width:50%;
float:left;
}

.social img{
   width:100%;
}

.underlined{
	text-decoration: none;
	font-style: italic;
	color:#555;
}

.testi{
	font-weight: bold;
	line-height: 5vw;
	margin-bottom: 5vw;
	font-family: Montserrat;
}

.tabella{
	visibility: hidden;
	display:none;
}


.wrappgallery{
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:500px;
	height: 250px;
   border:2px #7f1d2b solid;
}

.contfull{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height: 250px;
	overflow:hidden;
}

 .arrowsx{
	position:absolute;
	left:-15px;
	top:115px;
	height:25px;
	width:25px;
	background-image: url(../img/frecciasx.png);
	background-size: cover;
	background-position: center center;
	opacity:1;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.arrowsx:hover{
	opacity:0.9;
	filter: alpha(opacity=90);	
}

 .arrowdx{
	position:absolute;
	right:-15px;
	top:115px;
	height:25px;
	width:25px;
	background-image: url(../img/frecciadx.png);
	 background-size: cover;
	 background-position: center center;
	opacity:100;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.arrowdx:hover{
	opacity:0.9;
	filter: alpha(opacity=90);	
}

.full{
	position:absolute;
	top:0;
	left:0;
	width:600%;
	margin:0;
 	padding:0 !important;
 	overflow-y:hidden;
 	list-style: none;
}

.full li{
	list-style-type: none;
	margin: 0;
	padding:0;
	width:16.66%;
	height:250px;
	float:left !important;
	 background-size: cover;
	 background-position: center center;
}

.spanfooter{
	height:40%; 
	width:100%;
	max-height:270px; 
	min-height:240px;
   visibility:hidden;
}

.impressum{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-color:#f3f3f3;
   z-index:0;
   visibility:hidden;
}


.font0-8{
	font-size: 0.8vw;
}

.font1-0{
	font-size: 2.3vw;
}

.font1-1{
	font-size: 3vw;
}

.font1-2{
	font-size: 3vw;
}

.font1-3{
	font-size: 3.5vw;
}

.font1-4{
	font-size: 3.2vw;
}

.font1-6{
	font-size: 3.7vw;
}

.font1-8{
	font-size: 5vw;
}

.font3-0{
	font-size: 7.5vw;
}

.font10-0{
	font-size: 10vw;
	transition: font-size 0.5s;
}