#middlearea1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	box-sizing: border-box;
	background-color:#fff!important;
	overflow-x:hidden;
	overflow-y:auto;
}

.schede {
	position:relative;
	width:100%;
	height:60px;
	margin-top:20px;
	box-sizing: border-box;
	background:#fff;
}

.schedebox {
	position:absolute;
	min-width:795px;
	height:100%;
	top:0px;
	left:50%;
	transform:translateX(-50%);
}

.scheda {
	position:relative;
	margin-left:3%;
	float:left;
	width:29.5%;
	max-width:133px;
	height:100%;
	line-height:100%;
	background-color:#222;
	border-radius:8px;
	cursor:pointer;
}

.icoscheda {
	position:relative;
	width:100%;
	height:22px;
	text-align:center;
	font-size:20px;
	margin-top:10px;
	color:#ff9900;
}

.lblscheda {
	position:relative;
	width:100%;
	height:14px;
	text-align:center;
	font-size:12px;
	color:#fff;
}

.secondbox {
	position:relative;
	min-height:250px;
	width:94.5%;
	left:3%;
	box-sizing: border-box;
	font-size:20px;
	background-color:#fff;
	color:#eee;
	border-radius:8px;
}

#bottomarea {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:60px;
	overflow:hidden;
	background-color:#fff!important;
}

#mainbox {
	position:relative;
	width:2480px;
	left:50%;
	transform:translateX(-50%);
}

.boxeleevento {
	position:relative;
	margin:30px;
	width:560px;
	aspect-ratio: 140 / 79;
   // Fallback
    @supports not (aspect-ratio: 140 / 79) {
    &::before {
      float: left;
      padding-top: 35%;
      content: "";
    }

    &::after {
      display: block;
      content: "";
      clear: both;
    }
  }
	background-color:#eee;
	border-radius:4px;
	overflow:hidden;
	color:#fff;
	background-repeat: no-repeat;
	background-position: center;
  background-size: cover; 
  float:left;
}

.carouselbox {
	position:relative;
	width:100%;
	height:525px;
	overflow:hidden;
	background-color:#fff;
}

.carouselphoto {
	width:100%;
	height:100%;
}

.boxeleevento1 {
	position:relative;
	margin-top:5px;
	width:795px;
	left:50%;
	transform:translateX(-50%);
	aspect-ratio: 53 / 35;
   // Fallback
    @supports not (aspect-ratio: 53 / 35) {
    &::before {
      float: left;
      padding-top: 66.04%;
      content: "";
    }

    &::after {
      display: block;
      content: "";
      clear: both;
    }
  }
	background-color:#eee;
	border-radius:4px;
	overflow:hidden;
	color:#fff;
	background-repeat: no-repeat;
	background-position: center;
  background-size: cover; 
}

.messagedisclaimer {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:400px;
	height:400px;
	border:1px solid #444;
	background-color:#fff;
	z-index:999999999;
	overflow:hidden;
}

.messahedisclaimertext {
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	max-height:80%
	line-height:22px;
	font-size:20px;	
	color:#333;
	text-align:center;
	transform: translate(-50%, -50%);
}

.infobox {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:420px;
	height:770px;
	border:1px solid #444;
	background-color:#fff;
	z-index:999999999;
	overflow:hidden;
}

.infobox1 {
	position:absolute;
	top:50px;
	left:10px;
	right:10px;
	bottom:20px;
	overflow-x:hidden;
	overflow-y:auto;
}

.titleinfo {
	position:absolute;
	top:15px;
	left:10px;
	width:80%;
	font-size:18px;
	color:#ff9900;
	font-weight:bold;
	text-align:left;
	line-height:20px;	
}

.titleoption {
	position:relative;
	margin-top:5px;
	width:100%;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#000;
	line-height:18px;	
}

.typeoption {
	position:relative;
	margin-top:5px;
	width:100%;
	font-size:15px;
	text-align:left;
	line-height:17px;	
	color:#333;
}

.priceoption {
	position:relative;
	margin-top:5px;
	width:100%;
	font-size:15px;
	text-align:left;
	line-height:17px;	
	font-weight:bold;
	color:#088;
}

.preseoption {
	position:relative;
	margin-top:10px;
	width:100%;
	font-size:13px;
	text-align:left;
	line-height:15px;	
	color:#333;
}

.bk0 {
	margin-top:15px;
	background-color:#eee;
	padding:4px;
}

.bk1 {
	margin-top:15px;
	background-color:#FCD8C2;
	padding:4px;
}

.lineoption {
	position:relative;
	width:80%;
	margin-left:10%;
	height:15px;
	border-bottom:1px solid #444;
}

.boxeleeventosfondo {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius:4px;
	overflow:hidden;
	background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
	cursor:pointer;
}

.parkicon {
	position:absolute;
	left:10px;
	top:10px;
	height:24px;
	line-height:24px;
	border-radius:12px;
	width:24px;
	text-align:center;
	font-size:20px;
	overflow:hidden;
	background-color:#00f;
	cursor:pointer;
}

.glutefreeicon {
	position:absolute;
	left:40px;
	top:10px;
	height:24px;
	line-height:24px;
	border-radius:12px;
	width:24px;
	text-align:center;
	font-size:20px;
	overflow:hidden;
	background-color:#ffcc00;
	background-image: url("../img/glutenfree.png");
	cursor:pointer;
}

.wheelchairicon {
	position:absolute;
	left:70px;
	top:10px;
	height:24px;
	line-height:24px;
	border-radius:12px;
	width:24px;
	text-align:center;
	font-size:20px;
	overflow:hidden;
	background-color:#900090;
	cursor:pointer;
}

.distance {
	position:absolute;
	right:10px;
	top:10px;
	height:24px;
	line-height:24px;
	text-align:right;
	font-size:16px;
	cursor:pointer;
}

.mainblock {
	position:absolute;
	left:10px;
	right:10px;
	bottom:50px;
	cursor:pointer;
}

.dataora {
	position:relative;
	width:100%;
	height:22px;
	
	cursor:pointer;
}

.data {
	position:relative;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:6px;
	background-color:#ffff00;
	color:#000;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}

.ora {
	position:relative;
	float:left;
	margin-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:6px;
	background-color:#333;
	color:#ffff00;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}

.priceline {
	position:relative;
	float:left;
	margin-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:6px;
	background-color:#ffff00;
	color:#ff0000;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}

.location {
	position:relative;
	width:100%;
	line-height:19px;
	text-align:left;
	font-size:15px;
	margin-top:10px;
	cursor:pointer;
}

.address {
	position:relative;
	width:100%;
	line-height:16px;
	text-align:left;
	font-size:14px;
	cursor:pointer;
}

.title {
	position:relative;
	width:100%;
	line-height:20px;
	text-align:left;
	font-size:18px;
	margin-top:5px;
	text-transform: uppercase;
	cursor:pointer;
}

.soldout {
	position:absolute;
	top:50%;	
	right:10px;
	transform:translateY(-50%);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:6px;
	background-color:#ff0000;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-transform: uppercase;
	cursor:pointer;
}

.subscriber {
	position:relative;
	height:30px;
	line-height:30px;
	width:30px;
	border-radius:15px;
	float:left;
	text-align:center;
	cursor:pointer;
  background-color:#eee;
  font-size:16px;
  border:0px;
  text-align:center;
  color:#555;
  border:none;
	background-repeat: no-repeat;
	background-position: center;
  background-size: cover; 
}

.sovrap {
	margin-left:-8px;
}

.subscriberbox {
	position:relative;
	height:30px;
	left:50%;
	transform:translateX(-50%);
}

.customerico{
	position:absolute;
	left:13px;
	bottom:10px;
	font-size:24px;
	height:24px;
	line-height:24px;
	width:24px;
	text-align:center;
	cursor:pointer;
}

.customerele{
	position:absolute;
	left:50px;
	right:90px;
	bottom:7px;
	height:30px;
	text-align:center;
	cursor:pointer;
}

.eventage {
	position:absolute;
	right:13px;
	bottom:10px;
	font-size:14px;
	height:24px;
	line-height:24px;
	width:70px;
	text-align:right;
	cursor:pointer;
}

.calendarbox {
	position:absolute;
	left:30px;
	bottom:10px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#ff6900;
	cursor:pointer;
	font-size:40px;
}
.calendarbox:hover {
	color:#ff0000;
}

@media (max-width:2480px) {
	#mainbox {
		width:1860px;
	}
}

@media (max-width: 1860px) {
	#mainbox {
		width:1240px;
	}
}

@media (max-width: 1240px) {
	#mainbox {
		width:620px;
	}
	.boxeleevento {
		float:none;
	}
	.centralfield {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (max-width: 740px) {
	.centralfield {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (max-width: 620px) {
	#mainbox {
		width:100%;
	}
	.boxeleevento {
		left:50%;
		transform:translateX(-50%);
		margin-left:0px;
		margin-right:0px;
		margin-top:10px;
		margin-bottom:10px;
	}
}

@media (max-width: 570px) {
	.boxeleevento {
		width:98%;
		left:0px;
		transform:translateX(0%);
		margin-top:5px;
		margin-bottom:5px;
		margin-left:1%;
		margin-right:1%;
	}
}

@media (max-width: 425px) {
	.boxeleevento {
		margin-bottom:0px;
		aspect-ratio: 53 / 35;
	   // Fallback
	    @supports not (aspect-ratio: 53 / 35) {
	    &::before {
	      float: left;
	      padding-top: 66.04%;
	      content: "";
	    }
	
	    &::after {
	      display: block;
	      content: "";
	      clear: both;
	    }
	  }
	}
}