/* Desktop */
@media screen and (min-width: 601px) {
     .Effects1_DropDown {
        visibility: visible;
        opacity: 1;
        transition: visibility 0.5s, opacity 1s ease;
    }

    .Effects1_DropUp {
        visibility: collapse;
        opacity: 0;
        position: absolute;
        margin-top: -300px;
        transition: visibility 0.5s,margin 4s, opacity 0.5s ease;
    }
}
/* Mobile */
@media screen and (max-width: 600px) {
    .Effects1_DropDown {
        visibility: visible;
        opacity: 1;
        transition: visibility 0.5s, opacity 1s ease, display 1s ease;
    }

    .Effects1_DropUp {
        display:none;
        visibility: collapse;
        opacity: 0;
        position: absolute;
        margin-top: -300px;
        transition: visibility 0.5s,margin 4s, opacity 0.5s ease;
    }
}

:root {
    --Effects1_Pulse1_Var: 0.90;
}


.Effects1_ExpandCollapse {
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}






.Effects1_Pulse1 {
    position: relative;
    animation-name: Effects1_Pulse1_Animation;
    transform: scale(1);
    animation-duration: 7s;
    animation-iteration-count: infinite;
}
span.Effects1_Pulse1 {
    display: inherit; /* Necessario per far funzionare anche la funzione con span */
}


@keyframes Effects1_Pulse1_Animation {
    0% {
        transform: scale(var(--Effects1_Pulse1_Var));
        //box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        //box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(var(--Effects1_Pulse1_Var));
        //box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}














/* Desktop */
@media screen and (min-width: 601px) {
    /* Desktop */
    .Effects1_Bigger1 {
        cursor: pointer;
        -o-transition: .4s;
        -moz-transition: .4s;
        -webkit-transition: .4s;
    }

        .Effects1_Bigger1:hover {
            -webkit-transform: scale(1.10);
            transform: scale(1.05);
            filter: brightness(120%);
            border: 1px solid #a4a4a4;
            //padding: 1px;
        }

        .Effects1_Bigger1:active {
            filter: brightness(120%);
            -webkit-transform: scale(2);
            transform: scale(2);
            -webkit-transition: .1s;
            border: 3px solid #ff0000;
        }
}
/* Mobile */
@media screen and (max-width: 600px) {
    /* Desktop */
    .Effects1_Bigger1 {
        cursor: pointer;
        -o-transition: .4s;
        -moz-transition: .4s;
        -webkit-transition: .4s;
    }

        .Effects1_Bigger1:hover {
            -webkit-transform: scale(1.10);
            transform: scale(1.05);
            filter: brightness(120%);
            border: 1px solid #a4a4a4;
            //padding: 1px;
        }

        .Effects1_Bigger1:active {
            filter: brightness(120%);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: .1s;
            border: 3px solid #ff0000;
        }
}






/* Desktop */
@media screen and (min-width: 601px) {
    .Effects1_Sonar1::before {
        position: fixed;
        /* top: 0; */
        /* left: 0; */
        z-index: -1;
        content: '';
        width: 25px;
        height: 25px;
        box-shadow: 0 0 0 0 rgba(255,255,150,.8);
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: kf_Sonar1 3s infinite;
        animation: kf_Sonar1 3s infinite;
        box-sizing: border-box;
    }
}
/* Mobile */
@media screen and (max-width: 600px) {
    .Effects1_Sonar1::before {
        position: fixed;
        /* top: 0; */
        /* left: 0; */
        z-index: -1;
        content: '';
        width: 25px;
        height: 25px;
        box-shadow: 0 0 0 0 rgba(255,255,180,.8);
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: kf_Sonar1 3s infinite;
        animation: kf_Sonar1 3s infinite;
        box-sizing: border-box;
    }
}
@-webkit-keyframes kf_Sonar1 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
@keyframes kf_Sonar1 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}