/* The switch - the box around the slider */
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.apri{
     font-size:18px;
     font-family:Verdana, Geneva, sans-serif;
     float:right;
     margin-right:50px;
}
.chiudi{
    font-size:18px;
     color:#000;
     font-weight:bold;
     position:absolute;
     right:2%;
     top:0%;
     cursor:pointer;
}
.overlay{
     background:#000;
     position:fixed;
     top:0px;
     bottom:0px;
     left:0px;
     right:0px;
     z-index:299;
     cursor:pointer;
     /*Trasperenza cross browser*/
     opacity: .7; filter: alpha(opacity=70);
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#box{
     width:1000px;
     height:400px;
     margin:-200px 0 0 -300px;
     top:35%;
     left:50%;
     background-color:#FFF;
     display:none;
     z-index:+300;
     position:fixed;
     -moz-border-radius:15px;
     -webkit-border-radius:15px;
     border-radius: 15px;
}