/* OVERRIDE */
.hs-title-1 {
    font-size: 120px;
    color: #EADA24;
    font-family: "Mostra Nuova";
}
.fw-mn-bold {
    font-family: "Mostra Nuova Bold";    
}
.text-tassoni-primary {
    color: #EADA24!important;
}
.text-tassoni-secondary {
    color: #004D28!important;
}
.border-tassoni-primary {
    border-color: #EADA24!important;
}
.font-tassoni-primary {
    font-family: "Mostra Nuova";
}
.font-tassoni-secondary {
    font-family: "Mostra Nuova Bold";    
}
a.btn.btn-mod.btn-border.btn-large.btn-tassoni {
    color: #EADA24;
    border: #004D28;
    background-color: #004D28;
}
/* ARRAY IMMAGINI ANIMAZIONE */
#images-tassoni {
    z-index: 99!important;						
    position: fixed !important;
    width: 100% !important;
    display: grid;
    place-items: center;
    height: 100vh; 
}
#images-tassoni img.bg-tassoni  {
    margin: 0 auto !important;
    max-height: 100vh;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}
/* VIDEO */   
.player {
    z-index: 0;
    width: 100% !important;
    height: auto !important;
    padding-top: 56.25% !important;
    position: relative !important;
}
.player .mbYTP_wrapper iframe {
    margin: 0px !important;
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
}
/* CITRONS */
.cedro-1-sx{
    left: 10%;
    top: 20%
}
.cedro-2-sx{
    left: 13%;
    top: 31%
}
.cedro-3-sx{
    left: 0%;
    top: 40%
}
.cedro-1-dx{
    right: 0%;
    top: 20%
}
.cedro-2-dx{
    right: 10%;
    top: 40%
}
.cedro-3-dx{
    right: 5%;
    top: 53%
}
/* ANIMATED CITRONS */
@keyframes inUpRotate {
    0% {        
        transform: translate3d(0, 150px, 0) rotate(-10deg);
    }
    to {        
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

.inUpRotate {
    animation-name: inUpRotate;
    animation-duration: 2s;
}

@keyframes outUpUnrotate {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    to {       
        transform: translate3d(0, -150px, 0) rotate(-10deg);
    }
}

.outUpUnrotate {
    animation-name: outUpUnrotate;
    animation-duration: 2s;
}

@keyframes outDownUnrotate {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    to {
        transform: translate3d(0, 150px, 0) rotate(-10deg);
    }
}

.outDownUnrotate {
    animation-name: outDownUnrotate;
    animation-duration: 2s;
}