@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

/****************************************SPACCATI*/
.SpaccatoPec,
.SpaccatoCirene,
.ReattoreCirene{
    position: relative !important;
}

    .SpaccatoPec .SpaccattoReattore,
    .SpaccatoCirene .SpaccattoReattore,
    .ReattoreCirene .SpaccattoReattore {
        width: 100% !important;
        z-index: 1;
    }

    .SpaccatoPec .BtnSpaccato,
    .SpaccatoCirene .BtnSpaccato,
    .ReattoreCirene .BtnSpaccato {
        position: absolute;
        padding: 0 !important;
        margin: 0;
        border-radius: 100%;
        z-index: 2;
        text-align: center;
    }
    /****************************************PEC*/
    .SpaccatoPec .BtnSpaccato1 {
        right: 30%;
        top: 32%;
    }

    .SpaccatoPec .BtnSpaccato2 {
        right: 41%;
        top: 42%;
    }

    .SpaccatoPec .BtnSpaccato3a {
        left: 30%;
        top: 45%;
    }

    .SpaccatoPec .BtnSpaccato3b {
        right: 25%;
        top: 45%;
    }

    .SpaccatoPec .BtnSpaccato4 {
        left: 41%;
        top: 57%;
    }

    .SpaccatoPec .BtnSpaccato5 {
        left: 30%;
        top: 54%;
    }

    .SpaccatoPec .BtnSpaccato6 {
        right: 20%;
        top: 56%;
    }

    .SpaccatoPec .BtnSpaccato7 {
        right: 20%;
        top: 64%;
    }

    .SpaccatoPec .BtnSpaccato8 {
        right: 24%;
        top: 74%;
    }

    .SpaccatoPec .BtnSpaccato9 {
        left: 36%;
        bottom: 14%;
    }

    .SpaccatoPec .BtnSpaccato10 {
        right: 44%;
        bottom: 22%;
    }

    .SpaccatoPec .BtnSpaccato11 {
        right: 35%;
        bottom: 10%;
    }
/****************************************CIRENE*/
    .SpaccatoCirene .BtnSpaccato1 {
        left: 25%;
        top: 10%;
    }
    .SpaccatoCirene .BtnSpaccato2 {
        left: 46%;
        top: 10%;
    }
    .SpaccatoCirene .BtnSpaccato3 {
        left: 46%;
        top: 19%;
    }
    .SpaccatoCirene .BtnSpaccato4 {
        left: 37%;
        top: 32%;
    }
    .SpaccatoCirene .BtnSpaccato5 {
        left: 61%;
        top: 18%;
    }
    .SpaccatoCirene .BtnSpaccato6 {
        left: 37%;
        top: 45%;
    }
    .SpaccatoCirene .BtnSpaccato7 {
        left: 46%;
        top: 48%;
    }

    .SpaccatoCirene .BtnSpaccato8 {
        left: 69%;
        top: 67%;
    }

    .SpaccatoCirene .BtnSpaccato9 {
        left: 32%;
        top: 51%;
    }

    .SpaccatoCirene .BtnSpaccato10 {
        left: 31%;
        top: 60%;
    }

    .SpaccatoCirene .BtnSpaccato11 {
        left: 70%;
        top: 49%;
    }

    .SpaccatoCirene .BtnSpaccato12 {
        left: 60%;
        top: 50%;
    }
    .SpaccatoCirene .BtnSpaccato13 {
        left: 61%;
        top: 26%;
    }
    /****************************************REATTORE CIRENE*/
    .ReattoreCirene .BtnSpaccato1 {
        right: 35%;
        top: 46%;
    }

    .ReattoreCirene .BtnSpaccato2 {
        right: 29%;
        top: 60%;
    }

    .ReattoreCirene .BtnSpaccato3 {
        left: 61%;
        top: 33%;
    }

    .ReattoreCirene .BtnSpaccato4 {
        left: 50%;
        top: 60%;
    }

    .ReattoreCirene .BtnSpaccato5 {
        left: 53%;
        bottom: 4%;
    }

    .ReattoreCirene .BtnSpaccato6 {
        left: 52%;
        top: 15%;
    }

    .ReattoreCirene .BtnSpaccato7 {
        left: 26%;
        top: 47%;
    }

    .ReattoreCirene .BtnSpaccato8 {
        left: 33%;
        bottom: 6%;
    }

    .ReattoreCirene .BtnSpaccato9 {
        right: 18%;
        top: 8%;
    }

.PannelloSpaccato {
    position: absolute;
    left: 50%;
    top: 20%;
    background-color: #ededee;
    padding: 45px 20px 20px 20px;
    border-radius: 10px;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .PannelloSpaccato img {
        width: 100%;
    }

    .PannelloSpaccato .BtnChiudiPnl {
        padding: 0;
        margin: 0;
        position: absolute;
        right: 20px;
        top: 5px;
    }