/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html, body {
    max-width: 100%;
    overflow-x: auto;
  margin:0;
}
input.checktick {
	width:14px;
	height:auto;
}
.spinnerprod {
	position: fixed;
	background-color:#555;
	width:100%;
	height:100%;
    display: block;
	color:#fff;
    flex-direction: column;
    align-items: center;
	z-index:999999999;
}
.spinnerel {
	position: fixed;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
	z-index:999999999;
}
.sponsors {
	width: 100%;
	text-align:center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.sponsors img {
	width:700px;
}
.big {
	width:680px!important;
}
.ar {
width:330px!important;
}
.moon {
width:213px!important;
}
.zonecreative {
width:313px!important;
}
.bc {
width:300px!important;
}
.cleo {
width:220px!important;
}
.euro {
width:350px!important;
}
.silver {
width:400px!important;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.soda {
	position:fixed;right:2px;top:200px;
}
.close-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color:#d24f38;
  border:solid 1px #d24f38;
  border-radius:100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff; /* color of the X icon */
}

.close-icon:hover {
	color: #fff;
	background-color:#d9a73c;
transition:0.4s;	/* color of the X icon when hovered over */
}

svg {
  width: 100%;
  height: 100%;
}
::-webkit-input-placeholder {
        /* WebKit browsers */
         color: white;
    }
     :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: white;
    }
     ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: white;
    }
     :-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: white;
    }
     input::placeholder {
         color: white;
    }
     textarea::-webkit-input-placeholder {
        /* WebKit browsers */
         color: white;
    }
     textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: white;
    }
     textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: white;
    }
     textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: white;
    }
     textarea::placeholder {
         color: white;
    }
* {
		font-family:'Open Sans', sans-serif;
	}
	.pripolicy {
		padding: 30px 20px;
    font-size: 14px;
    border-radius: 16px;
	}
		.bottom-right {
			position: fixed;
			bottom: 0;
			right: 0;
			margin: 0 30px 30px 0;
			z-index: 99999;
		}
		.bottom-middle {
			visibility:hidden;
			display:none;
		}
      input[type="radio"], input[type="checkbox"] {
		  accent-color:#d24f38;
	  }

	a {
		color: #777;
    font-weight: 700;
	}
	

.popup {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
	max-height:700px;
	overflow-y:scroll;
    padding: 25px;
    background-color: #fff;
    border-radius: 5px;
	font-weight:700;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 9999999;
    display:none;
      }
	  a:-webkit-any-link {
		  text-decoration:none;
	  }
	  a:hover {
		  text-decoration:none;
		  color:#d24f38;
		  transition:0.4s;
	  }
	  .infotext a {
		color: #555;
    font-weight: 700;
	text-decoration:underline;
	}
	  .main-body{
		  background-image: url("/images2025/sfondo.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: 23% 50%;
	  }
	  .overlay {
    position: absolute; /* Posiziona l'overlay sopra l'elemento padre (.main-body) */
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* Colore nero con un'opacità del 50% */
}
	  .logopartner {
		  text-align:center;
	  }
	  
	 .field {
		 display: flex;
		align-items: center;
		width: 100%;
		margin-bottom:20px;
	 }
	 .field label {
		 font-size:18px;
		 font-weight:700;
		width: 210px;
		text-align: right;
		margin-right:15px;
		color:black;
		display:none;
	 }
	 .field input{
		    width: 100%;
    padding: 10px 25px 11px 20px;
    border: none;
    font-size: 18px;
    border-radius: 0;
    border: 1px solid #d24f38;
    background-color: transparent;
    color: #000;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	 }
	  .field input::placeholder {
  color: #d24f38;
  opacity: 1; /* Firefox */
}
	 .registrati {
		  text-align:right;
	 }
	 .reg_btn {
		margin-bottom: 50px;
    background: #d24f38;
    padding: 12px 100px;
    border: none;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    border-radius: 2px;
    width: 100%;
    color: #fff;
	 }
	 .reg_btn:hover {
		filter: brightness(1.15);
		transition:0.4s;
	 }
	 .reg_close {
		 background: -webkit-gradient(linear, left top, left bottom, from(#d5c06f), to(#d24f38));
		 padding:9px 50px;
		 border:none;
		 color:#000;
		 font-weight:700;
		 font-size:16px;
		 border-radius:2px;
	 }
	 .reg_close:hover {
		filter: brightness(1.15);
		transition:0.4s;
	 }
#form {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 0; 
	margin-top:20px;
    width: 65%;
	  }
	  .infotext {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 31%;
	color:black;
	letter-spacing:0.5px;
	font-weight:700;
	font-size: 28px;
	  }
	  .address {
        z-index: 100;
    position: relative;
    margin: 0 auto;
    top: 0%;
    color: black;
    letter-spacing: -1;
    font-weight: 400;
    font-size: 22px;
    color: #d24f38;
	  }
	  .ape {
    z-index: 100;
    position: relative;
    margin: 0 auto;
    top: 0%;
    text-align: center;
    color: black;
    letter-spacing: -1;
    font-weight: 500;
    font-size: 22px;
    color: #d24f38;
    margin-top: 30px;
    width: 700px;
	  }
.top-images {
			position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex
;
    flex-direction: column;
    align-items: center;
		}
		.logopartner img {
		  width:550px;
		  height:auto;
		  margin-bottom:10px;
	  }
	  #privacy_checkbox {
    margin-right: 20px;
	  }
	  #immagine_checkbox {
    margin-right: 20px;
	  }
	  #marketing_checkbox {
    margin-right: 20px;
	  }
	  
@media (max-width:767px) {
	html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.field label {
	display:none;
}
.field input {
	padding:11px 25px 10px 15px;
}
.overlay {
    position: absolute; /* Posiziona l'overlay sopra l'elemento padre (.main-body) */
    top: 0;
    left: 0;
    width: 100%;
    height: 1565px;
    background-color: rgba(255, 255, 255, 0.5); /* Colore nero con un'opacità del 50% */
}
::-webkit-input-placeholder {
        /* WebKit browsers */
         color: white;
		 font-weight:700;font-size: 16px;
    }
     :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: white;font-weight:700;font-size: 16px;
    }
     ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: white;font-weight:700;font-size: 16px;
    }
     :-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: white;font-weight:700;font-size: 16px;
    }
     input::placeholder {
         color: white;font-weight:700;font-size: 16px;
    }
     textarea::-webkit-input-placeholder {
        /* WebKit browsers */
         color: white;font-weight:700;font-size: 16px;
    }
     textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: white;font-weight:700;font-size: 16px;
    }
     textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: white;font-weight:700;font-size: 16px;
    }
     textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: white;font-weight:700;font-size: 16px;
    }
     textarea::placeholder {
         color: white;font-weight:700;font-size: 16px;
    }
	.main-body {
		background-image: url("/images2025/sfondo.png");
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-position: 21% 50%;
  height:auto;
}
.pripolicy {
		background-color:white;
		padding: 20px 15px;
    font-size: 12px;
    border-radius: 16px;
	}
.bottom-right {
			visibility:hidden;
		}
		.bottom-middle {
			display:flex;
			visibility:visible;
justify-content: center;
		}
.bottom-middle img{
			margin-top:0px;
			margin-bottom:40px;
			width:130px;
		}
.top-images {
			position: relative;
			display:block;
			top:0;
			width:100%;
			left:0;
			transform:none;
		}
.logopartner img {
		  width:95%;
		  height:auto;
		  margin-bottom:30px;
	  }
	  .ape {
            z-index: 100;
        position: relative;
        margin: 0px auto 20px;
        top: 0;
        width: 100%;
        color: #d24f38;
        letter-spacing: 0.5px;
        font-weight: 700;
        font-size: 14px;
        background-color: white;
        padding: 0;
        /* border-radius: 16px; */
        text-align: center;
	  }
	  .infotext {
    z-index: 100;
    position:relative;
    margin: 0px auto 20px;
	color:black;
	letter-spacing:0.5px;
	font-weight:700;
	font-size: 22px;
	  }
	  .address {
    z-index: 100;
        position: relative;
        margin: 0 auto;
        color: #d24f38;
        letter-spacing: 0.5px;
        font-weight: 700;
        margin: 0px auto 20px;
        font-size: 14px;
	  }
#form {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 90%; 
    width: 100%;
	  }
	  .registrati {
		  text-align:left;
	 }
	 .big {
	width:225px!important;
}
	  .ar {
width:180px!important;
}
.moon {
width:120px!important;
}
.bc {
width:160px!important;
}
.cleo {
width:100px!important;
}
.euro {
width:180px!important;
}
.silver {
width:180px!important;
}



.soda {
    position: absolute;
    right: 2px;
    top: 150px;
}
.sponsors {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}
.sponsors img {
    width: 100%;
}
}