.modulo { transition: opacity 1s, transform .5s; opacity:0; position: fixed;  background-color: #fff; overflow: hidden; height: auto; padding:40px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23); 
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23); border-radius:10px; transform: translateY(-150vh); z-index:500;}

.modulo.open { opacity:1;transform: translateY(0) }
.modulo button {cursor: pointer; opacity:1;border:none; background-color: transparent; position: absolute; right:20px; top: 20px; font-size: 30px;}
.modulo button:hover { opacity:.3; }

.form-pagina button.open { transition: color .3s;font-family: 'Poppins',Arial,sans-serif; font-weight: 300; border:0px; background-color: transparent; margin: 0px; padding: 0px; cursor: pointer;
    border:1px solid; padding: 10px 30px; border-radius: 20px; min-width:50%; max-width:100%; }

    .modulo { width:calc( 90vw - 50px ); left:5vw; padding-left:10px; top:100px; }
.modulo form { display: flex; flex-wrap: wrap; font-size:13px;   }
.modulo form .col { width:50%;}
.modulo form p.intestazione { font-size: 15px; text-transform: uppercase; margin:0px; border-bottom: 1px solid; width:92.5%; margin: 0 5% 0 2.5%; color: #989996; font-weight: 500; }
.bordo { border-top:1px solid #D4D4D4;; border-bottom: 1px solid #D4D4D4; width:97.5%; margin: 20px 0 20px 2.5%; }
.modulo form .col .row { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0px 2.5%; }
.row .col { flex: 1 1 0; width: 0; }
.modulo .wpcf7 p  { margin:10px 0px; }

.modulo .wpcf7 p .wpcf7-form-control-wrap input, .modulo .wpcf7 p .wpcf7-form-control-wrap select, 
.modulo .wpcf7 p .wpcf7-form-control-wrap textarea { border-bottom:1px solid; border-radius: 0px; font-size: 13px; }
.modulo .wpcf7 p .wpcf7-form-control-wrap textarea { height:150px;}
.modulo .wpcf7 .wpcf7-acceptance { font-size: 13px; }
.modulo .wpcf7 p .wpcf7-form-control-wrap .wpcf7-list-item input { position:relative; top:4px; margin-right: 5px;}

.modulo .warning { color: #D84B21; font-weight: 500;}
.modulo .wpcf7 form .wpcf7-response-output { width:45%; margin-right:0px; margin-left:auto; text-align:center; border-radius: 10px; font-weight:500; text-transform:uppercase; }
.modulo h2 { padding-left:1.25%;}

.form-pagina .openButton { background-color: transparent; border: 1px solid; padding:5px 20px; width:50%; text-align:left; border-radius: 10px; font-family: 'Poppins',Arial,sans-serif; font-weight: 300;font-size:20px; cursor:pointer;  }

.modulo { max-height: calc( 100vh - 200px ); overflow: hidden; }
.modulo .cont-modulo, .modulo #cont-modulo { overflow:scroll; height: calc( 100vh - 200px );}
.modulo form .col .row.privacy { margin:0px;}
.modulo form .col .row { width:95%;}

@media screen and ( max-width:768px){
    .form-pagina .openButton { width:100%;}
}

@media screen and ( max-width:500px){

.modulo form .col, .modulo .wpcf7 .row .col { width:100%}
.modulo form .col .row { display:block;}
.wpcf7 .row input[type="submit"] { float:none; width:100%;}
.modulo { max-height: calc( 100vh - 70px ); top:60px; width: calc( 100% - 40px ); left:0px; padding: 20px; border-radius:0; }
.wpcf7 .row.privacy { overflow-x: hidden;}
.modulo .cont-modulo, .modulo #cont-modulo { height: calc( 100vh - 110px ); padding-bottom:40px;}
.modulo .wpcf7 .row select{ width:100%;}
.wpcf7 p .wpcf7-form-control-wrap input, .wpcf7 p .wpcf7-form-control-wrap textarea { width:calc( 100% - 20px )}
.modulo form p.intestazione { width:95%; margin: 0 2.5%;}
.bordo { width:95%; margin: 20px 2.5%; }
.modulo button { color: #000; background-color: #fff; border-radius:  50%; z-index:100; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.13);  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.13); padding: 3px 10px; right:15px; 
    width:45px; height: 45px;}
    
}