/********************************  VARIABLES  *********************************/
/********************************  STYLE  *************************************/
html { border: none; margin: 0; padding: 0; min-height: 100vh; box-sizing: border-box; }

body { font-family: 'Roboto Condensed', sans-serif; font-style: normal; font-size: 22px; font-weight: 400; line-height: 1.5; height: 100%; display: block; }

p.big { font-size: 30px; }

.hero { overflow: hidden !important; color: #fff; }

.hero .video-wrapper { width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.hero .video-wrapper video { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; pointer-events: none; }

.hero .intro-logo-container { top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); }

.hero .intro-logo-container .logo-container { position: absolute; top: 50px; left: 0; right: 0; }

.hero .intro-logo-container .logo-container img { max-width: 300px; }

.hero .btn-container { position: absolute; bottom: 50px; width: 100%; text-align: center; }

.hero .btn-container a { display: inline-block; }

.hero .btn-container a img { max-width: 45px; }

h1, h2.same-h1 { font-size: 55px; font-weight: 400; line-height: 1.1; }

h1 span, h2.same-h1 span { font-size: 90px; font-weight: 700; display: block; }

.btn { border-radius: 5px; padding: 20px 50px; font-size: 28px; line-height: 1.3; font-weight: 700; text-transform: uppercase; background-color: #4DB376; text-decoration: none; color: #fff; transition: all 300ms ease-in-out; }

.btn:hover { background-color: #3DA065; }

.btn.small { font-size: 20px; padding: 10px 25px; width: auto; }

.btn.torna-al-sito { display: inline-block; background-color: #006D58; }

.boxed-md { max-width: 1400px; width: 90%; margin-left: auto; margin-right: auto; overflow-x: hidden; }

.max-w-md { max-width: 500px; }

.max-w-lg { max-width: 600px; }

.bg-acqua { background: #7FC1D7 url("../uploads/acqua.png") no-repeat bottom -70px center; background-size: contain; }

.bg-light-gray { background-color: #f0f0f0; position: relative; }

.verde-scuro { color: #006D58; }

.verde-chiaro { color: #4DB376; }

h2 { font-weight: 700; font-size: 50px; line-height: 1.3; }

h3 { font-weight: 700; font-size: 30px; text-transform: uppercase; }

h4 { font-weight: 700; font-size: 30px; line-height: 1.2; }

.iframe-container { border: 10px solid #4DB376; background-color: #eee; }

.iframe-container video { width: 100%; max-width: 100%; height: auto; display: block; }

img.bd-verde { border: 12px solid #4DB376; }

img.cat-img { max-width: 450px; display: block; }

.bd-left-verde { border-left: 1px solid #4DB376; }

form a.simple-link { text-decoration: underline; -webkit-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; }

form a.simple-link:hover { color: #4a5568; }

form input::-webkit-input-placeholder { /* Edge */ color: #a0aec0; }

form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a0aec0; }

form input::placeholder { color: #a0aec0; }

input { font-size: 20px; min-height: 52px; }

input[type="checkbox"] { min-height: auto; }

.bottom-verde { position: relative; }

.bottom-verde::before { content: ""; background-color: #4DB376; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; }

.bg-verde { background-color: #4DB376; overflow-x: hidden; }

.footer { background-color: #F0F0F0; }

.footer p { font-size: 16px; }

.footer .rag-soc { font-weight: 700; color: #006D58; padding-left: 25px; background-image: url("../uploads/pin.svg"); background-repeat: no-repeat; }

.footer .link-testo { color: #006D58; }

.iframe-lightbox .backdrop { background-color: rgba(0, 0, 0, 0.7); }

.iframe-lightbox iframe { -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); }

.iframe-lightbox .btn-close { -webkit-transform: scale(0.7); transform: scale(0.7); }

/****************************  RESPONSIVE  ************************************/
@media (max-width: 1279px) { h1, h2.same-h1 { font-size: 35px; }
  h1 span, h2.same-h1 span { font-size: 70px; }
  .btn { padding: 15px 30px; font-size: 22px; }
  h2 { font-size: 40px; }
  p.big { font-size: 23px; }
  p { font-size: 20px; }
  img.cat-img { max-width: 420px; }
  .bg-acqua { background: #7FC1D7 url(../uploads/acqua.png) no-repeat bottom -140px center; }
  .bottom-verde::before { display: none; }
  input[type="text"], input[type="email"] { font-size: 16px; min-height: 45px; } }

@media (max-width: 1023px) { .hero .btn-container a img { max-width: 35px; }
  .bg-acqua { background: #7FC1D7 url(../uploads/acqua.png) no-repeat bottom 0px center; background-size: 140%; }
  .bd-left-verde { border-top: 1px solid #4DB376; border-left: none; }
  .max-w-md.mo-max-w-tab { max-width: none; } }

@media (max-width: 768px) { .iframe-lightbox .content-holder { width: 100%; } }

@media (max-width: 540px) { h1, h2.same-h1 { font-size: 22px; }
  h1 span, h2.same-h1 span { font-size: 44px; }
  .btn { padding: 10px 20px; font-size: 16px; }
  h2 { font-size: 35px; }
  h3 { line-height: 1.3; }
  p { font-size: 16px; }
  p.big { font-size: 20px; }
  .bg-acqua { background: #7FC1D7 url(../uploads/acqua.png) no-repeat bottom -10px center; background-size: 170%; }
  .btn.small { font-size: 16px; }
  .link-testo { text-align: left; }
  a.social img { max-width: 30px; max-height: 30px; } }