@font-face {
    font-family: 'AmericanaStd';
    src: url('AmericanaStd.woff2') format('woff2'),
         url('AmericanaStd.woff') format('woff');
		 url('AmericanaStd.otf') format('truetype');
    font-style: normal;
}

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

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

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

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

html, body {
    max-width: 100%;
    overflow-x: auto;
  margin:0;
}
input.checktick {
	width:14px;
	height:13px;
}
.spinnerprod {
	position: fixed;
	background-color:#fff;
	width:100%;
	height:100%;
	font-weight:bold;
    display: block;
	color:#0069b4;
    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;
}
.mob {
	display:none;
}
.big {
	width:680px!important;
}
.ar {
width:130px!important;
}
.moon {
width:213px!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;
}
.close-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color:#0065ad;
  border:solid 1px #0065ad;
  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:#0572bf;
transition:0.4s;	/* color of the X icon when hovered over */
}

svg {
  width: 100%;
  height: 100%;
}
::-webkit-input-placeholder {
        /* WebKit browsers */
         color: transparent;
    }
     :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: transparent;
    }
     ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: transparent;
    }
     :-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: transparent;
    }
     input::placeholder {
         color: transparent;
    }
     textarea::-webkit-input-placeholder {
        /* WebKit browsers */
         color: transparent;
    }
     textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: transparent;
    }
     textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: transparent;
    }
     textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: transparent;
    }
     textarea::placeholder {
         color: transparent;
    }
* {
		font-family:'AmericanaStd';
		
	}
	input {
  -webkit-user-select: none; /* Per Chrome, Safari, Opera */
  -moz-user-select: none; /* Per Firefox */
  -ms-user-select: none; /* Per Internet Explorer/Edge */
  user-select: none; /* Standard */
  outline:none;
}
		.bottom-right {
			position: fixed;
			bottom: 0;
			right: 0;
			margin: 0 60px 30px 0;
			z-index: 99999;
		}
		.bottom-middle {
			visibility:hidden;
			display:none;
		}
      input[type="radio"], input[type="checkbox"] {
		  accent-color:#0069b4;
	  }

	a {
		color:#0069b494;
		font-weight: 600;
    font-size: 14px;
	}
.fields {
	margin-bottom:50px
}
.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:500;
    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:#0069b4;
		  transition:0.4s;
	  }
	  .main-body{
		  background-image: url("../images/backgroung.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	height:100vh;
	  }
	  
	  .logopartner {
		  text-align:center;
	  }
	  
	 .field {
		 display: flex;
		align-items: center;
		width: 100%;
		margin-bottom:20px;
	 }
	 .field label {
		 font-size: 1.225rem;
		 font-weight:600;
		width: 210px;
		text-align: right;
		margin-right:15px;
		color:#0072bb;
	 }
	 .field input{
		width: 100%;
		font-size: 14px;
		padding:9px 25px 9px 10px;
		border: solid 1px #0069b4;
		border-radius:2px;
    background-color:transparent;
	color:#0072bb;
	box-shadow: rgb(171 171 171 / 20%) 1px 2px 10px;
	 }
	 .registrati {
		  text-align:right;
	 }
	 .reg_btn {
		 background: -webkit-gradient(linear, left top, left bottom, from(#0069b4), to(#0069b4));
		 padding:12px 100px;
		 border:none;
		 color:#fff;
		 font-weight:500;
		 font-size: 1.125rem;
		 border-radius:2px;
	 }
	 .reg_btn:hover {
		filter: brightness(1.1);
		transition:0.4s;
		color:#fff;
	 }
	 .reg_btn2 {
		 background: -webkit-gradient(linear, left top, left bottom, from(#0069b4), to(#0069b4));
		padding: 14px 20px;
		 border:none;
		 color:#fff;
		 font-weight:500;
		 font-size:16px;
		 border-radius:2px;
		 text-align:center;
		 margin-top:30px;
	 }
	 .reg_btn2:hover {
		filter: brightness(1.1);
		transition:0.4s;
		color:#fff;
	 }
	 .reg_close {
		 background: -webkit-gradient(linear, left top, left bottom, from(#0065ad), to(#0065ad));
		 padding:9px 50px;
		 border:none;
		 color:#fff;
		 font-weight:500;
		 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: 20%; 
    width: 65%;
	  }
	  .infotext {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 29%;
	color:#0072bb;
	    letter-spacing: 2px;
    font-weight: 600;
    font-size: 2.625rem;
	  }
	  .address {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 33%;
	color:#0072bb;
	letter-spacing:2px;
	font-weight:500;
	font-size: 4rem;
	  }
	  .ape {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 36%;
	width: 80%;
	color:#0072bb;
	font-weight:600;
	font-size: 1.5rem;
	text-align:center;
	  }
	  .rsrv {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 37%;
	width: 80%;
	color:#0072bb;
	letter-spacing:1px;
	font-weight:500;
	font-size: 1.4rem;
	text-align:center;
	  }
	  .reg_block {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 47%;
	width: 80%;
	color:#0072bb;
	letter-spacing:1px;
	font-weight:500;
	font-size: 1.4rem;
	text-align:center;
	  }
	  .data {
		  font-size:30px;margin-top:-10px;color:#80b8dd;letter-spacing:1.5px
	  }
	  .ecomme {
		 font-size:80px; 
		 margin-left:0;
	  }
.top-images {
			position: absolute;
			top: 19%;
			left: 50%;
			transform: translate(-50%, -50%);
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.logopartner img {
		  width:700px;
		  height:auto;
		  margin-bottom:50px;
	  }
	  #privacy_checkbox {
    margin-right: 20px;
	  }
	  #immagine_checkbox {
    margin-right: 20px;
	  }
	  #marketing_checkbox {
    margin-right: 20px;
	  }
	
@media (max-width:1299px) {
	.main-body {
		height: 100vh;
	}
	.top-images {
		top:17%;
	}
}

@media all and (min-width: 1280px) and (max-width: 1689px) {
	.main-body {
		height: 100vh;
	}
	.top-images {
		top:17%;
	}
}
	
@media (max-width:767px) {
	
	html, body {
    max-width: 100%;
	height:100%;
    overflow-x: hidden;
}
.field label {
	display:none;
}
.field input {
	padding:11px 25px 10px 10px;
}
.field input::placeholder {
	padding:11px 25px 10px 10px;
	font-size:14px;
}

::-webkit-input-placeholder {
        /* WebKit browsers */
         color: white;
		 font-weight:500;font-size: 16px;
    }
     :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: white;font-weight:500;font-size: 16px;
    }
     ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: white;font-weight:500;font-size: 16px;
    }
     :-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: white;font-weight:500;font-size: 16px;
    }
     input::placeholder {
         color: white;font-weight:500;font-size: 16px;
    }
     textarea::-webkit-input-placeholder {
        /* WebKit browsers */
         color: white;font-weight:500;font-size: 16px;
    }
     textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: white;font-weight:500;font-size: 16px;
    }
     textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: white;font-weight:500;font-size: 16px;
    }
     textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: white;font-weight:500;font-size: 16px;
    }
     textarea::placeholder {
         color: white;font-weight:500;font-size: 16px;
    }
	.main-body {
		background-image: url("../images/sfondomobile.jpg");
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  height:100%;
  justify-content: center;
}
.reg{
		
  min-height:980px;
}
.bottom-right {
			visibility:hidden;
		}
		.bottom-middle {
			display:flex;
			visibility:visible;
justify-content: center;
		}
.bottom-middle img{
			margin-top:-20px;
			margin-bottom:25px;
			width:130px;
		}
.top-images {
			position: relative;
			display:block;
			top:0;
			width:100%;
			left:0;
			transform:none;
		}
.logopartner img {
		  width:290px;
		  height:auto;
		  margin-bottom:30px;
	  }
	  .ape {
    z-index: 100;
    position:relative;
    margin: 30px auto 20px;
    top:0;
	width: 100%;
	color:#0069b4;
	letter-spacing:0.5px;
	font-weight:600;
	font-size: 15px;
	text-align:center;
	  }
	  .infotext {
    z-index: 100;
    position:relative;
    margin: 30px auto 20px;
	color:#0069b4;
	top:0;
	letter-spacing:0.5px;
	font-weight:600;
	font-size: 18pt;
	line-height: 30px;
	  }
	  .address {
    z-index: 100;
    position:relative;
	color:#0069b4;
	top:0;
	letter-spacing:0.5px;
	font-weight:500;
	margin: 30px auto 20px;
	font-size: 30px;
	  }
	  .rsrv {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: -20px;
	width: 80%;
	color:#0072bb;
	letter-spacing:1px;
	font-weight:500;
	font-size:16px;
	text-align:center;
	  }
	  .reg_block {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 0;
	width: 80%;
	color:#0072bb;
	letter-spacing:1px;
	font-weight:500;
	font-size: 1.4rem;
	text-align:center;
	  }
	  .desktop {
		  display:none!important;
	  }
	  .data {
		  margin-top:-7px;color:#80b8dd;font-size: 16px;letter-spacing:1.5px
	  }
	  .ecomme {
		 font-size:60px; 
		     margin-left: 50px;
	  }
	  .reg_btn {
		 background: -webkit-gradient(linear, left top, left bottom, from(#0069b4), to(#0069b4));
		padding: 14px 10px;
		display: block;
		 border:none;
		 color:#fff;
		 font-weight:500;
		 font-size:16px;
		 border-radius:2px;
		 text-align:center;
		 margin-top:30px;
	 }
	 .reg_btn:hover {
		filter: brightness(1.1);
		transition:0.4s;
		color:#fff;
	 }
	 .reg_btn2 {
		 background: -webkit-gradient(linear, left top, left bottom, from(#0069b4), to(#0069b4));
		padding: 14px 40px;
		 border:none;
		 color:#fff;
		 font-weight:500;
		 font-size:16px;
		 border-radius:2px;
		 text-align:center;
		 margin-top:0px;
	 }
	 .reg_btn2:hover {
		filter: brightness(1.1);
		transition:0.4s;
		color:#fff;
	 }
	 ::placeholder {
		 color:#0072bb!important;
		 opacity: 1;
		 font-weight:600!important;
	 }
#form {
    z-index: 100;
    position:relative;
    margin: 0 auto;
    top: 0; 
    width: 100%;
	  }
	  .popup {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
	max-height:550px;
	overflow-y:scroll;
    padding: 25px;
    background-color: #fff;
    border-radius: 6px;
	font-weight:500;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 9999999;
    display:none;
      }
	  .registrati {
		  text-align:center;
	 }
	 .big {
	width:225px!important;
}
	  .ar {
width:80px!important;
}
.moon {
width:120px!important;
}
.bc {
width:160px!important;
}
.cleo {
width:100px!important;
}
.euro {
width:180px!important;
}
.silver {
width:180px!important;
}
}