@font-face {
        font-family: 'HelveticaNowDisplay';
        src: url('font/HelveticaNowDisplay-XBd.woff2') format('woff2'),
                url('font/HelveticaNowDisplay-XBd.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
}







body {
        font-family: 'HelveticaNowDisplay';
}




body {
        background-color: #000;


}



body,
h1,
a {
        color: #fff;
}



.container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;


}

.foto {
        width: 100%;
        max-width: 710px;
        height: auto;
        display: block;
        margin: 130px auto 0;

}



.title {
        font-size: 60px;
        margin-top: 35px;
        text-align: center;
}



/* vecchio stile per vecchio font
.title span {
        font-size: 67px;
        
      }
      
*/

.social-icons {
        display: flex;
        margin-top: 50px;


}



.icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 75px;
        height: 75px;
        margin-right: 35px;
        margin-left: 35px;
}

.icon img {
        width: 100%;
        height: auto;
        filter: invert(87%) sepia(43%) saturate(788%) hue-rotate(358deg) brightness(91%) contrast(94%) !important;

}



.btn-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 68%;
        display: block;
        margin: 0 auto;
        height: auto;
}

.btn-text {
        display: block;
        margin-top: 5px;
        font-size: 14px;
        text-align: center;
}





.btn {
        display: inline-block;
        margin-top: 53px;
        margin-bottom: 70px;
        padding: 0 20px;
        border-radius: 18px;
        background-color: #fff;
        color: #000;
        text-align: center;
        width: 210px;
        height: 83px;
}



#wrapper {

        margin: auto;
        max-width: 700px;
        padding: 15px 0;

}

p {



        font-size: 34px;
        line-height: 1.20;

}

.noshow {
        display: none;
}



.black-rectangle {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 252px;
        height: 180px;
        background-color: black;
        z-index: 2147483647 !important;
}


/* pulsante per scaricare il contatto*/

.pulsante {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: none;
        border-radius: 8px;
        padding: 12px 20px;
        cursor: pointer;
        text-decoration: none;
        background-color: #e0cc24;
}

.color {
        background-color: #e0cc24;
}

.immaginepulsante {
        display: inline-block;
        width: 33px;
        height: auto;
        margin-right: 8px;
        /*filter: invert(90%) sepia(0%) saturate(7500%) hue-rotate(102deg) brightness(113%) contrast(113%);*/

}

.testopulsante {
        display: inline-block;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5;
        color: #000;

}

/* fine pulsante*/




/* vecchia animazione testo

.text-focus-in {
	-webkit-animation: text-focus-in 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


*/


.slide-in-elliptic-right-fwd {
        -webkit-animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-elliptic-right-fwd {
        0% {
                -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
                transform: translateX(800px) rotateY(-30deg) scale(0);
                -webkit-transform-origin: -100% 50%;
                transform-origin: -100% 50%;
                opacity: 0;
        }

        100% {
                -webkit-transform: translateX(0) rotateY(0) scale(1);
                transform: translateX(0) rotateY(0) scale(1);
                -webkit-transform-origin: -1800px 50%;
                transform-origin: -1800px 50%;
                opacity: 1;
        }
}

@keyframes slide-in-elliptic-right-fwd {
        0% {
                -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
                transform: translateX(800px) rotateY(-30deg) scale(0);
                -webkit-transform-origin: -100% 50%;
                transform-origin: -100% 50%;
                opacity: 0;
        }

        100% {
                -webkit-transform: translateX(0) rotateY(0) scale(1);
                transform: translateX(0) rotateY(0) scale(1);
                -webkit-transform-origin: -1800px 50%;
                transform-origin: -1800px 50%;
                opacity: 1;
        }
}



.fade-in {
        -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;
        animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;
}


@-webkit-keyframes fade-in {
        0% {
                opacity: 0;
        }

        100% {
                opacity: 1;
        }
}

@keyframes fade-in {
        0% {
                opacity: 0;
        }

        100% {
                opacity: 1;
        }
}




.bounce-in-bottom {
        -webkit-animation: bounce-in-bottom 0.9s 2s both;
        animation: bounce-in-bottom 0.9s 2s both;
}


@-webkit-keyframes bounce-in-bottom {
        0% {
                -webkit-transform: translateY(500px);
                transform: translateY(500px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
        }

        38% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
                opacity: 1;
        }

        55% {
                -webkit-transform: translateY(65px);
                transform: translateY(65px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        72% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        81% {
                -webkit-transform: translateY(28px);
                transform: translateY(28px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        90% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        95% {
                -webkit-transform: translateY(8px);
                transform: translateY(8px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }
}

@keyframes bounce-in-bottom {
        0% {
                -webkit-transform: translateY(500px);
                transform: translateY(500px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
        }

        38% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
                opacity: 1;
        }

        55% {
                -webkit-transform: translateY(65px);
                transform: translateY(65px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        72% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        81% {
                -webkit-transform: translateY(28px);
                transform: translateY(28px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        90% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        95% {
                -webkit-transform: translateY(8px);
                transform: translateY(8px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }
}









.bounce-in-left {
        -webkit-animation: bounce-in-left 0.9s 1.5s both;
        animation: bounce-in-left 0.9s 1.5s both;
}


@-webkit-keyframes bounce-in-left {
        0% {
                -webkit-transform: translateX(-600px);
                transform: translateX(-600px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
        }

        38% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
                opacity: 1;
        }

        55% {
                -webkit-transform: translateX(-68px);
                transform: translateX(-68px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        72% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        81% {
                -webkit-transform: translateX(-28px);
                transform: translateX(-28px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        90% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        95% {
                -webkit-transform: translateX(-8px);
                transform: translateX(-8px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }
}

@keyframes bounce-in-left {
        0% {
                -webkit-transform: translateX(-600px);
                transform: translateX(-600px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
        }

        38% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
                opacity: 1;
        }

        55% {
                -webkit-transform: translateX(-68px);
                transform: translateX(-68px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        72% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        81% {
                -webkit-transform: translateX(-28px);
                transform: translateX(-28px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        90% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        95% {
                -webkit-transform: translateX(-8px);
                transform: translateX(-8px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }
}


/*pulsazione con ritardo di 3s e 2 ripetizioni */


.heartbeat {
        -webkit-animation: heartbeat 1.5s ease-in-out 3s 2 both;
        animation: heartbeat 1.5s ease-in-out 3s 2 both;
}

@-webkit-keyframes heartbeat {
        from {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        10% {
                -webkit-transform: scale(0.91);
                transform: scale(0.91);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        17% {
                -webkit-transform: scale(0.98);
                transform: scale(0.98);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        33% {
                -webkit-transform: scale(0.87);
                transform: scale(0.87);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        45% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }
}

@keyframes heartbeat {
        from {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        10% {
                -webkit-transform: scale(0.91);
                transform: scale(0.91);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        17% {
                -webkit-transform: scale(0.98);
                transform: scale(0.98);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }

        33% {
                -webkit-transform: scale(0.87);
                transform: scale(0.87);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        }

        45% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }
}