@charset "utf-8";
/* CSS Document
Author: Luca Capponi
 */
/*tipografia*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v30-latin-regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat/montserrat-v30-latin-500.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat/montserrat-v30-latin-600.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v30-latin-700.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat/montserrat-v30-latin-800.woff2') format('woff2');
  font-display: swap;
}
a{color:#fff; font-weight:700; font-size:18px;}
html,body{margin: 0; padding: 0; width:100%; height:100%;}
body {background: black; font-family: 'Montserrat', sans-serif!important; color:#fff; font-size:18px; line-height:1.4em;}
canvas {display: block; z-index:0; position:absolute; min-width:100%; min-height:100%; max-width: 100% !important;}
figure{display:none}
.content{display:flex; z-index:100; position:relative; width:100%; height:100%; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
.content h2{padding-top:30px; padding-bottom:30px; text-align:center; font-weight:500; font-size:28px; line-height:28px;}
.content h1{padding-top:30px; padding-bottom:30px; text-align:center; font-weight:700; font-size:37px; line-height:40px;}
.logo{width:600px; height:423px;   animation-name: fadeIn;}
.mobile{display:none;}
.call {
  margin: 20px 0px 20px 0px;
  padding: 1.2% 5%;
  background-color: #34a950;
  border-radius: 6px 6px 6px 6px;
  border: none;
}
.call a {
  color: #fff !important;
  font-size: 1.2em;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
}
.eb-content h1{  font-size: 1.9em;
font-weight: 600;
line-height: 67.09px;
text-transform: uppercase;
}
.eb-content h2{  font-size: 1.7em;
  font-weight: 500;
  line-height: 50px;
}
.social {display: flex;flex-direction: row;align-content: center;align-items: center;justify-content: center;height: 40px; margin-top: 40px;}
.social i{font-size:30px; margin-right:20px;}
@media screen and (max-width: 900px) {
.content h2{padding:3%; font-size:20px}
.content h1{text-align:center; font-size:25px;}
.logo{width:350px; height:247px; }
.mobile{display:block;}
}
@media screen and (max-width: 360px) {
.content h2{padding-top:15px; padding-bottom:15px; text-align:center; font-weight:500; font-size:20px; line-height:22px;}
.content h1{padding-top:15px; padding-bottom:15px; text-align:center; font-weight:700; font-size:30px; line-height:30px;}
.content{display:flex; z-index:100; position:relative; width:100%; height:100%; align-items:inherit; justify-content:center; flex-direction:column; text-align:center;}
.logo{width:310px; height:219px; }
}
@media screen and (max-width: 320px) {
.content h2{padding-top:15px; padding-bottom:15px; text-align:center; font-weight:500; font-size:18px; line-height:22px;}
.content h1{padding-top:15px; padding-bottom:15px; text-align:center; font-weight:700; font-size:25px; line-height:25px;}
.content{display:flex; z-index:100; position:relative; width:100%; height:100%; align-items:inherit; justify-content:center; flex-direction:column; text-align:center;}
.logo{width:290px; height:204px; }
}
/*popup pre iscrizione*/
.convertforms  {width: 80% !important;max-width: inherit !important;margin: 0 auto;}
[data-modals-element="slide-content-inner"] {
  width: 25vw !important;
  min-height: 500px !important;}
.iscrizione {
  padding: 1.5%;
  font-size: 18px;
  text-transform: uppercase;
  background-color: #fff !important;
  font-weight: 700;
  border-radius: 8px;
}
@media screen and (max-width: 900px) {
[data-modals-element="slide-content-inner"] {
  width: 85vw !important;
  min-height: 500px !important;}
}