body {
background-color: rgb(0,0,0);
margin: 0px;
color: rgb(0,0,0);
width: 100%;
}

.present {
	margin:0px;
	position:relative;
	width:100%;
	display:inline-block;
	height:auto;
	background-color:rgb(0,0,0);
}

.container {
	margin:0px;
	width:81vw;
	display:inline-block;
	margin-left:10vw;
	background-color:rgb(255,255,255);
	border-radius:10px 10px 0px 0px;
}

.contatti {
	margin:0px;
	width:40vw;
	height:100%;
	float: left;
}

.contatti h1 {
	width:100%;
	color:rgb(0,0,0);
	text-align:center;
	
}

.contatti p {

	color:rgb(0,0,0);
	text-align:left;
}



/*														INIZIO FORM					*/
.form {
}
.form h1 {
}
.form1{
	width: 36vw;
	margin-left:2vw;
	border-radius: 20px;
	margin-bottom:5vw;
	border:2px solid rgb(100,100,100);
}
.form1 form{
		width:100%;
		height:100%;
		display:inline-block;
}
.riquadri {
	width:34vw;
	display:inline-block;
	margin-left:1vw;
	position:relative;
}
/*														NOME, EMAIL, TELEFONO,...		*/
.riquadro{
	margin:0px;
	margin-top:1vw;
}
.riquadro1 {
	margin:0px;
}
.riq {
	width:31vw;
	height: 35px;
	margin:0px;
	margin-left:1vw;
	border-radius: 45px;
}
.riq:focus {
	border:2px solid white;
}
/*														TESTO SFONDO				*/
::-webkit-input-placeholder {
	font-family: 'Oregano';
	font-size:30px;
   text-align: center;
   color: rgb(0,0,0);
}

:-moz-placeholder { /* Firefox 18- */
font-family: 'Oregano';
	font-size:30px;
   text-align: center;  
   color: rgb(0,0,0);
}

::-moz-placeholder {  /* Firefox 19+ */
font-family: 'Oregano';
	font-size:30px;
   text-align: center;  
   color: rgb(0,0,0);
}

:-ms-input-placeholder {  
font-family: 'Oregano';
	font-size:30px;
   text-align: center; 
   color: rgb(0,0,0);
}
/*														CHECKBOX						*/
.zaini {
	width:32vw;
	margin-left:1vw;
}
.zaini p{
	text-align:center;
}
.zaino {
	position: relative;
	cursor: pointer;
	font-size: 22px;  
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0px;
  	float:left;
	display:inline-block;
	text-align:center;
	width:16vw;
	height:calc(15vw + 60px);
}
.zaino p {
	text-align:center;
	margin:0px;
	width:16vw;
	height:50px;
	overflow:hidden;
}

/* Hide the browser's default checkbox */
.zaino input {
  position: absolute;
  bottom:0px;
  left:7vw;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  bottom:2vw;
  margin:0px;
  margin-bottom: 5px;
  height: 13vw;
  width: 13vw;
  background-color: #eee;
  left:1.5vw;
  border-radius: 45px;
}

/* On mouse-over, add a grey background color */
.zaino:hover input ~ .checkmark {
	border:5px solid black;
}

/* When the checkbox is checked, add a blue background */
.zaino input:checked ~ .checkmark {
  background-color: rgb(50,50,50);
  border:5px solid black;
}
/* Create the checkmark/indicator (hidden when not checked) */
.zaino:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.zaino input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.zaino .checkmark:after {
  left: 9px;
  bottom:0px;
  width: 5vw;
  height: 10vw;
  border: solid red;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*														BOX MESSAGGI				*/
.messaggi {
	position:relative;
}
.messaggio {
}
.mess {
	border:2px solid rgb(0,0,0);
	width:32vw;
	height:10vw;
	margin-left:1vw;
	border-radius: 20px;
}
/*														BOTTONE INVIO			*/
.send { 
	text-align:center;
}
.send1 {
  text-decoration: none;
  outline: none;
  display: inline-block;
  width: 140px;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  margin: 10px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 600;
  color: #524f4e;
  background: white;
  box-shadow: 0 8px 15px rgba(0,0,0,.1);
  transition: .3s;
}
.send1:hover {
  background: rgb(0,0,0);
  box-shadow: 0 15px 20px rgb(0,0,0);
  color: white;
  transform: translateY(-7px);
}
/*														CHECKBOX PRIVACY			*/
/* Hide the browser's default checkbox */

.privacy h1 {
	font-size:50px;
	margin:0px;
}
.privacy p {
	margin:0px;
	position:relative;
	z-index:2;
}
.privacy h2 {
	margin:0px;
}
.privacy a {
	color: rgb(0,0,0);
	font-family: 'Oregano';
	font-size: 30px;
	font-weight: bold;
}
.privacy input {
	float: left;
}
.privacy {
	position: relative;
	cursor: pointer;
	font-size: 22px;  
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0px;
  	float:left;
	display:inline-block;
	text-align:center;
	width:36vw;
}
.privacy input {
  position: absolute;
  bottom:0px;
  left:7vw;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkprivacy {
  position: relative;
  top:5px;
  margin:5px;
  height: 50px;
  width: 50px;
  background-color: #eee;
  border-radius: 45px;
  border:1px solid black;
  float:left;
  z-index:5;
  font-size:45px;
  line-height:50px;
  color:rgb(0,0,0,0);
}

/* On mouse-over, add a grey background color */
.privacy:hover input ~ .checkprivacy {
	background-color:rgb(100,100,100);
}

/* When the checkbox is checked, add a blue background */
.privacy input:checked ~ .checkprivacy {
    color:rgb(0,0,0,1);
}
/* Create the checkprivacy/indicator (hidden when not checked) */
.privacy:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkprivacy when checked */
.privacy input:checked ~ .checkprivacy:after {
  display: block;
}
/* Style the checkprivacy/indicator */
.privacy .checkprivacy:after {
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*														MODULO PRIVACY				*/

.torna {
	text-decoration: none;
	outline: none;
	display: inline-block;
	width: 350px;
	height: 45px;
	line-height: 45px;
	border-radius: 45px;
	margin: 10px 20px;
	margin-bottom:50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 3px;
	font-weight: 600;
	color: #524f4e;
	background: rgb(150,150,150);
	box-shadow: 0 8px 15px rgba(0,0,0,.1);
	transition: .3s;
}
.torna:hover {
  background: rgb(0,0,0);
  box-shadow: 0 15px 20px rgb(0,0,0);
  color: white;
  transform: translateY(-7px);
}
/*														STATUS JAVA			*/
.status {
	text-align:center;
	font-size:25px;
}
/*														CONTATTI						*/
.form2{
	width: 28vw;
	margin-left:6vw;
}
/*														IMMAGINE				*/
.immagine {
	background-color:rgb(0,0,0);
	width:80vw;
	margin-left:10vw;
}

.immagine img {
	margin:0px;
	position:relative; 
	width: 100%; 
	height: 100%;
}
.linkedi {
	color:rgb(80,80,80);
}


@media screen and (max-width: 1000px) {
	.container {
		margin:0px;
		width:98vw;
	}
	.contatti {
		margin:2vw;
		width:96vw;
	}
	.form1 {
		margin:0px;
		width:94vw;
	}
	.riquadri {
		margin:0px;
		width:92vw;
	}
	.riq {
		margin:2vw;
		margin-top: 0vw;
		margin-bottom: 0vw;
		width:90vw;
		height:40px;
	}
	.zaini {
		width:88vw;
	}
	.zaino {
		width:44vw;
		height:calc(38vw + 60px);
		left:0vw;
	}
	.checkmark {
	  height: 35vw;
	  width: 35vw;
	  left: 5vw;
	  margin:0px;
	}
	.zaino p ,.zaini p {
		font-size:40px;
	}
	.zaino p {
		width:44vw;
		height:50px;
		overflow:hidden;
		margin-bottom:9px;
	}
	
	.mess {
		width:91vw;
		height:20vw;
		margin-left:1vw;
	}
	.form2 {
		margin:10vw;
		width:80vw;
		text-align:center;
	}
	.form2 p {
		text-align:center;
		width:75vw;
		font-size:40px;
	}
	.form2 h1 {
		width:75vw;
	}
	::-webkit-input-placeholder {
		font-size:30px;
	}

	:-moz-placeholder { /* Firefox 18- */
	   text-align: center;  
	   color: rgb(0,0,0);
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   text-align: center;  
	   color: rgb(0,0,0);
	}

	:-ms-input-placeholder {  
	   text-align: center; 
	   color: rgb(0,0,0);
	}
	.send1 {
		font-size:30px;
		width: 200px;
		height: 55px;		
	}
	.riq {
		font-size:16px;
	}
	.privacy {
		width:94vw;
	}
}