@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Typography */
html {font-size: 100%; margin: 0;padding: 0;height: 100%;}
body {overflow:hidden;font-size: 24px;color: #FFF;background: #000;font-family: "Open Sans", sans-serif;margin: 0;padding: 0;height: 100%;}
h1,h2,h3,h4,h5,h6{font-family: 'Druk';}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px;margin-bottom: 10px;}
h4, .h4, h5, .h5, h6, .h6 {margin-top: 10px;margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.1;}
h1 {font-size: 3em;}
h2{font-size: 1.5em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1em;}
h6{font-size: 0.857em;}
p {font-size: 1em;line-height:1.6;text-align:left;}
p {margin: 0 0 15px;}
.x-small{font-size:80%;}
a{text-decoration:none;color: #000;}
a:focus, a:hover {text-decoration:none;color: #000;}
/* END Tipography*/

#itemscope{display: none;}
h1{opacity: 0;position: absolute;left: 0;top: 0;font-size: 1em;}
#cover{background-repeat: no-repeat;background-position: center !important;background-size: cover !important;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;height: 100vh;}
p{text-align: left;font-style: italic;z-index: 5;position: relative;}
.bottoni{margin-top: 30px;position: relative;z-index: 5;}
.bottoni svg{height: 35px;width: auto;margin-left: 30px;margin-top: 5px;float: left;}
strong{text-transform: uppercase;font-style: normal;}
.col-sm-6{width: 100%;padding: 0px;position: fixed;height: 100%;left: 0;top: 0;}
.logo_whatsapp{height: 45px;width: auto;float: left;}
.background-video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
#sfondo_bk{background: hsl(0deg 0% 0% / 30%);position: absolute;left: 0;top: 0;width: 100%;height: 100vh;z-index: 1;}
#popup{position: fixed;z-index: 10;width: 100%;height: 100%;left: 0;top: 0;background: hsl(0deg 0% 0% / 80%);display: none;opacity: 0;transition: opacity 0.5s ease;}
.container_popup{position: absolute;width: 50%;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.container_popup img{height: 40px;width: auto;cursor: pointer;position: absolute;right: 150px;top: -60px;}
#popup.show {display: flex;animation: fadeIn 0.5s ease forwards;}
#main-wrapper {position: fixed;width: 100%;height: 100%;}
#wrap_text{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 10;}
.mobile{display: none;}

@keyframes fadeInLeft {
    0% {
       opacity: 0;
       transform: translateX(-100%);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
}

@keyframes fadeInTop {
    0% {
       opacity: 0;
       transform: translateY(-100%);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
}

/* Effetto fade-in */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9); /* Leggera riduzione della dimensione */
    }
    to {
        opacity: 1;
        transform: scale(1); /* Dimensione originale */
    }
}

@media (max-width: 1800px) {
    body{font-size: 20px;}
}
@media (max-width: 1600px) {
 
}
@media (max-width: 1400px) {
    body{font-size: 18px;}
}
@media (max-width: 1200px) {    
    body{font-size: 16px;}
}
@media (max-width: 992px) {
    #wrap_text{width: 65%;}
    body{font-size: 16px;}
}
@media (max-width: 767px) {
    #wrap_text{width: 100%;}
    body{font-size: 14px;}
    p{padding-left: 15px;padding-right: 15px;}
    .mobile{display: block;}
    .desktop{display: none;}
    .bottoni{padding-left: 15px;}
}
@media (max-width: 375px) and (max-height: 600px) {
    
}
@media (max-width: 320px) {
}