/*.st0{
    fill: white;
     -webkit-transition: fill 500ms ease;
     -o-transition: fill 500ms ease;
     transition: fill 500ms ease;
}*/

/*path, circle, rect{
    stroke: transparent;
    stroke-width: 10px;
}

.st0:hover{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

/*classes*/
.power-bt path{
    stroke: transparent;
    stroke-width: 10px;
}

.power-bt .st3{
    cursor: pointer;
}

.is-on{
    -webkit-animation: fill-color 500ms ease forwards;
            animation: fill-color 500ms ease forwards;
}

.is-on2{
    -webkit-animation: fill-transparent 500ms ease forwards;
            animation: fill-transparent 500ms ease forwards;
}

.is-on3{
    -webkit-animation: fill-gray 500ms ease forwards;
            animation: fill-gray 500ms ease forwards;
}

.is-on4{
    -webkit-animation: fill-white 500ms ease forwards;
            animation: fill-white 500ms ease forwards;
}

@-webkit-keyframes fill-color {
    from {fill: #2B3359;}
    to {fill: #B3C732;}
}

@keyframes fill-color {
    from {fill: #2B3359;}
    to {fill: #B3C732;}
}

@-webkit-keyframes fill-transparent {
    from {fill: transparent;}
    to {fill: #B3C732;}
}

@keyframes fill-transparent {
    from {fill: transparent;}
    to {fill: #B3C732;}
}

@-webkit-keyframes fill-gray {
    from {fill: white;}
    to {fill: #CECECE;}
}

@keyframes fill-gray {
    from {fill: white;}
    to {fill: #CECECE;}
}

@-webkit-keyframes fill-white {
    from {fill: #CECECE;}
    to {fill: white;}
}

@keyframes fill-white {
    from {fill: #CECECE;}
    to {fill: white;}
}

.first-lightning{
}

.battery-lightning path{
    stroke: transparent;
    stroke-width: 10px;
}

/*.battery-lightning:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.small-plus-minus path, .small-plus-minus circle{
    stroke: transparent;
    stroke-width: 10px;
}

/*.small-plus-minus:hover .small-plus, .small-plus-minus:hover .small-minus{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/
/*.small-plus
.small-minus*/

/*.boat:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

/*.boat-boxes .st0:hover{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.sun {
    stroke: transparent;
    stroke-width: 20px;
    -webkit-transform-origin: 407px 162px;
        -ms-transform-origin: 407px 162px;
            transform-origin: 407px 162px;
}

.sun-m{
    transform-origin: 113px 420px;
}

.sun-anima{
    -webkit-animation: sun 4s infinite;
            animation: sun 4s infinite;
}

@-webkit-keyframes sun {
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25%{-webkit-transform: rotate(30deg);transform: rotate(30deg);}
    75%{-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
    100%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}

}

@keyframes sun {
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25%{-webkit-transform: rotate(30deg);transform: rotate(30deg);}
    75%{-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
    100%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}

}

/*.solar-panel:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.big-cloud path, .small-cloud path{
    stroke: transparent;
    stroke-width: 20px;
}

.clouds .st2{
    fill: #CECECE;
}

/*.big-cloud, .small-cloud{
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: transform 3s ease;
    -webkit-transition: -webkit-transform 3s ease;
    transition: -webkit-transform 3s ease;
    -o-transition: transform 3s ease;
    transition: transform 3s ease;
    transition: transform 3s ease, -webkit-transform 3s ease;
}*/

.clouds-anima .big-cloud{
    /*-webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
            transform: translateX(30px);
    -webkit-transition: transform 2s ease;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;*/

    -webkit-animation: big-cloud 2s ease forwards;

            animation: big-cloud 2s ease forwards;
}

.clouds-anima .small-cloud{
    /*-webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
    -webkit-transition: transform 2s ease;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;*/

    -webkit-animation: small-cloud 2s ease forwards;

            animation: small-cloud 2s ease forwards;
}

@-webkit-keyframes big-cloud {
    from{-webkit-transform: translateX(0px);transform: translateX(0px);}
    to{-webkit-transform: translateX(50px);transform: translateX(50px);}
}

@keyframes big-cloud {
    from{-webkit-transform: translateX(0px);transform: translateX(0px);}
    to{-webkit-transform: translateX(50px);transform: translateX(50px);}
}

@-webkit-keyframes small-cloud {
    from{-webkit-transform: translateX(0px);transform: translateX(0px);}
    to{-webkit-transform: translateX(-10px);transform: translateX(-10px);}
}

@keyframes small-cloud {
    from{-webkit-transform: translateX(0px);transform: translateX(0px);}
    to{-webkit-transform: translateX(-10px);transform: translateX(-10px);}
}

/*.clouds:hover .st2{
    fill: #CECECE;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.plane .st2{
    fill: white;
}

/*.plane:hover .st2{
    fill: #CECECE;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.plane path{
    stroke: transparent;
    stroke-width: 20px;
}

.plane-anima{
    -webkit-animation: plane 5s ease forwards;
            animation: plane 5s ease forwards;
}

@-webkit-keyframes plane {
    from{
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        -webkit-transition: -webkit-transform 5s ease;
        transition: -webkit-transform 5s ease;
        -o-transition: transform 5s ease;
        transition: transform 5s ease;
        transition: transform 5s ease, -webkit-transform 5s ease;
    }
    to{
        -webkit-transform: translate(-50px, -50px);
                transform: translate(-50px, -50px);
        -webkit-transition: -webkit-transform 5s ease;
        transition: -webkit-transform 5s ease;
        -o-transition: transform 5s ease;
        transition: transform 5s ease;
        transition: transform 5s ease, -webkit-transform 5s ease;
    }
}

@keyframes plane {
    from{
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        -webkit-transition: -webkit-transform 5s ease;
        transition: -webkit-transform 5s ease;
        -o-transition: transform 5s ease;
        transition: transform 5s ease;
        transition: transform 5s ease, -webkit-transform 5s ease;
    }
    to{
        -webkit-transform: translate(-50px, -50px);
                transform: translate(-50px, -50px);
        -webkit-transition: -webkit-transform 5s ease;
        transition: -webkit-transform 5s ease;
        -o-transition: transform 5s ease;
        transition: transform 5s ease;
        transition: transform 5s ease, -webkit-transform 5s ease;
    }
}

.arrows-lightning path{
    stroke: transparent;
    stroke-width: 20px;
}

.arrows-anima .arrows{
    /*-webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition: transform 2s ease;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;*/

    -webkit-animation: arrows-lightning 200s linear infinite;

            animation: arrows-lightning 200s linear infinite;
}

@-webkit-keyframes arrows-lightning {
    from{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(36000deg);
                transform: rotate(36000deg);
    }
}

@keyframes arrows-lightning {
    from{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(36000deg);
                transform: rotate(36000deg);
    }
}

/*.arrows-lightning:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.arrows{
    -webkit-transform-origin: 672px 384px;
        -ms-transform-origin: 672px 384px;
            transform-origin: 672px 384px;
    /*-webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: transform 2s ease;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;*/
}

.arrows-m{
    transform-origin: 370px 487px;
}

.close-bar path{
    stroke: transparent;
    stroke-width: 20px;
}

.close-bar{
    -webkit-transform-origin: 722px 628px;
        -ms-transform-origin: 722px 628px;
            transform-origin: 722px 628px;
}

.bar-m{
    transform-origin: 367px 546px;
}

.close-bar-anima{
    /*-webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;*/

    -webkit-animation: close-bar 1s ease forwards;

            animation: close-bar 1s ease forwards;
}

.close-bar2{
    -webkit-transform-origin: 454px 663px;
        -ms-transform-origin: 454px 663px;
            transform-origin: 454px 663px;
}

/*.close-bar:hover{
    -webkit-transform: rotate(51deg);
        -ms-transform: rotate(51deg);
            transform: rotate(51deg);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
}*/

@-webkit-keyframes close-bar {
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(52deg);transform: rotate(52deg);}
}

@keyframes close-bar {
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(52deg);transform: rotate(52deg);}
}

/*.camara:hover{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.right-wind-turbine{
    -webkit-transform-origin: 888px 115px;
        -ms-transform-origin: 888px 115px;
            transform-origin: 888px 115px;
    stroke: transparent;
    stroke-width: 10px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform 5.6s ease;
    transition: -webkit-transform 5.6s ease;
    -o-transition: transform 5.6s ease;
    transition: transform 5.6s ease;
    transition: transform 5.6s ease, -webkit-transform 5.6s ease;
}
.turbine-anima{
    -webkit-animation: wind-turbine 300s linear infinite;
            animation: wind-turbine 300s linear infinite;
}
/*
.wind-turbine:hover .right-wind-turbine{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition: -webkit-transform 4.2s ease;
    transition: -webkit-transform 4.2s ease;
    -o-transition: transform 4.2s ease;
    transition: transform 4.2s ease;
    transition: transform 4.2s ease, -webkit-transform 4.2s ease;
}*/



.left-wind-turbine{
    -webkit-transform-origin: 749px 122px;
        -ms-transform-origin: 749px 122px;
            transform-origin: 749px 122px;
    stroke: transparent;
    stroke-width: 10px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform 5.4s ease;
    transition: -webkit-transform 5.4s ease;
    -o-transition: transform 5.4s ease;
    transition: transform 5.4s ease;
    transition: transform 5.4s ease, -webkit-transform 5.4s ease;
}
/*
.wind-turbine:hover .left-wind-turbine{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition: -webkit-transform 4.3s ease;
    transition: -webkit-transform 4.3s ease;
    -o-transition: transform 4.3s ease;
    transition: transform 4.3s ease;
    transition: transform 4.3s ease, -webkit-transform 4.3s ease;
}*/

.big-wind-turbine{
    -webkit-transform-origin: 843px 97px;
        -ms-transform-origin: 843px 97px;
            transform-origin: 843px 97px;
    stroke: transparent;
    stroke-width: 10px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform 5s ease;
    transition: -webkit-transform 5s ease;
    -o-transition: transform 5s ease;
    transition: transform 5s ease;
    transition: transform 5s ease, -webkit-transform 5s ease;
}

.turbine-lm-origin{
    transform-origin: 281px 357px;
}

.turbine-bm-origin{
    transform-origin: 375px 332px;
}

.turbine-rm-origin{
    transform-origin: 420px 350px;
}

/*
.wind-turbine:hover .big-wind-turbine{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition: -webkit-transform 4s ease;
    transition: -webkit-transform 4s ease;
    -o-transition: transform 4s ease;
    transition: transform 4s ease;
    transition: transform 4s ease, -webkit-transform 4s ease;
}*/

@-webkit-keyframes wind-turbine {
    from{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(36000deg);
                transform: rotate(36000deg);
    }
}

@keyframes wind-turbine {
    from{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(36000deg);
                transform: rotate(36000deg);
    }
}

/*.round-box:hover{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.lightpost .st3{
    stroke: transparent;
    stroke-width: 20px;
}

/*.lightpost:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.sticks path{
    stroke: transparent;
    stroke-width: 10px;
}

.sticks-anima .small-stick{
    -webkit-animation: s-stick 3s infinite;
            animation: s-stick 3s infinite;
}

.sticks-anima .big-stick{
    -webkit-animation: b-stick 3s infinite;
            animation: b-stick 3s infinite;
}

@-webkit-keyframes s-stick {
    0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
    25%{-webkit-transform: translateY(3px);transform: translateY(3px);}
    75%{-webkit-transform: translateY(-3px);transform: translateY(-3px);}
    100%{-webkit-transform: translateY(0px);transform: translateY(0px);}
}

@keyframes s-stick {
    0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
    25%{-webkit-transform: translateY(3px);transform: translateY(3px);}
    75%{-webkit-transform: translateY(-3px);transform: translateY(-3px);}
    100%{-webkit-transform: translateY(0px);transform: translateY(0px);}
}

@-webkit-keyframes b-stick {
    0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
    25%{-webkit-transform: translateY(-3px);transform: translateY(-3px);}
    75%{-webkit-transform: translateY(3px);transform: translateY(3px);}
    100%{-webkit-transform: translateY(0px);transform: translateY(0px);}
}

@keyframes b-stick {
    0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
    25%{-webkit-transform: translateY(-3px);transform: translateY(-3px);}
    75%{-webkit-transform: translateY(3px);transform: translateY(3px);}
    100%{-webkit-transform: translateY(0px);transform: translateY(0px);}
}

.left-lamp path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.left-lamp:hover .st3{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.lightning path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.lightning:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.certificate path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.certificate:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.plus path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.plus:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.world path{
    stroke: transparent;
    stroke-width: 20px;
}
/*.world:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.people path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.people:hover .person .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.right-lamp path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.right-lamp:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.windows path{
    stroke: transparent;
    stroke-width: 4px;
}

/*.windows path:hover{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
-o-transition: fill 500ms ease;
transition: fill 500ms ease;
}*/

.charging path{
    stroke: transparent;
    stroke-width: 10px;
}

.charging-anima rect:nth-child(1){
    -webkit-animation: charge1 3s infinite;
            animation: charge1 3s infinite;

}

@-webkit-keyframes charge1 {
    0%{fill: white;}
    20%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

@keyframes charge1 {
    0%{fill: white;}
    20%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

.charging-anima rect:nth-child(2){
    -webkit-animation: charge2 3s infinite;
            animation: charge2 3s infinite;
}

@-webkit-keyframes charge2 {
    0%{fill: white;}
    20%{fill: white;}
    40%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

@keyframes charge2 {
    0%{fill: white;}
    20%{fill: white;}
    40%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

.charging-anima rect:nth-child(3){
    -webkit-animation: charge3 3s infinite;
            animation: charge3 3s infinite;
}

@-webkit-keyframes charge3 {
    0%{fill: white;}
    40%{fill: white;}
    60%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

@keyframes charge3 {
    0%{fill: white;}
    40%{fill: white;}
    60%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

.charging-anima rect:nth-child(4){
    -webkit-animation: charge4 3s infinite;
            animation: charge4 3s infinite;
}

@-webkit-keyframes charge4 {
    0%{fill: white;}
    60%{fill: white;}
    80%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

@keyframes charge4 {
    0%{fill: white;}
    60%{fill: white;}
    80%{fill: #B3C732;}
    100%{fill: #B3C732;}
}

/*.plug:hover path{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.big-battery path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.big-battery:hover .st0{
    fill: #B3C732 !important;
    -webkit-transition: fill 500ms ease;
    -o-transition: fill 500ms ease;
    transition: fill 500ms ease;
}*/

.truck path{
    stroke: transparent;
    stroke-width: 20px;
}

/*.truck{
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;
}*/

.truck-anima{
    /*-webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;*/

    -webkit-animation: truck 2s ease forwards;

            animation: truck 2s ease forwards;
}

@-webkit-keyframes truck {
    from{-webkit-transform: translateX(0px);transform: translateX(0px);}
    to{-webkit-transform: translateX(50px);transform: translateX(50px);}
}

@keyframes truck {
    from{-webkit-transform: translateX(0px);transform: translateX(0px);}
    to{-webkit-transform: translateX(50px);transform: translateX(50px);}
}

.truck-anima-m{
    animation: truck2 2s ease forwards;
}

@keyframes truck2 {
    from{-webkit-transform: translateX(0px);transform: translateX(0px);}
    to{-webkit-transform: translateX(-80px);transform: translateX(-80px);}
}

.waves path{
    stroke: transparent;
    stroke-width: 20px;
}

.wave{
    -webkit-animation: wave 3s infinite;
            animation: wave 3s infinite;
}

.wave2{
    -webkit-animation: wave2 3s infinite;
            animation: wave2 3s infinite;
}

@-webkit-keyframes wave {
    0%{-webkit-transform: translateX(0px);transform: translateX(0px);}
    25%{-webkit-transform: translateX(2px);transform: translateX(2px);}
    75%{-webkit-transform: translateX(-2px);transform: translateX(-2px);}
    100%{-webkit-transform: translateX(0px);transform: translateX(0px);}
}

@keyframes wave {
    0%{-webkit-transform: translateX(0px);transform: translateX(0px);}
    25%{-webkit-transform: translateX(2px);transform: translateX(2px);}
    75%{-webkit-transform: translateX(-2px);transform: translateX(-2px);}
    100%{-webkit-transform: translateX(0px);transform: translateX(0px);}
}

@-webkit-keyframes wave2 {
    0%{-webkit-transform: translateX(0px);transform: translateX(0px);}
    25%{-webkit-transform: translateX(-2px);transform: translateX(-2px);}
    75%{-webkit-transform: translateX(2px);transform: translateX(2px);}
    100%{-webkit-transform: translateX(0px);transform: translateX(0px);}
}

@keyframes wave2 {
    0%{-webkit-transform: translateX(0px);transform: translateX(0px);}
    25%{-webkit-transform: translateX(-2px);transform: translateX(-2px);}
    75%{-webkit-transform: translateX(2px);transform: translateX(2px);}
    100%{-webkit-transform: translateX(0px);transform: translateX(0px);}
}

.pulsing{
    opacity: 0.0;
    transform-origin: 1151px 358px;
}

.pulsing-m{
    transform-origin: 237px 58px;
}

.pulsing-l{
    opacity: 0.0;
    transform-origin: 60px 206px;
}

.pulsing-l-m{
    opacity: 0.0;
    transform-origin: 64px 741px;
}

.pulsing-anima-l{
    fill: #B3C732 !important;
    animation: pulse-l 1.5s ease-in-out;
    animation-iteration-count: infinite;
}

.pulsing-anima{
    fill: #B3C732 !important;
    animation: pulse 1s ease-out;
    animation-iteration-count: infinite;
}

.pulsing-anima2{
    fill: #CECECE !important;
    animation: pulse 1s ease-out;
    animation-iteration-count: infinite;
}


@keyframes pulse {
    0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0;
    }
    50% {
    opacity: 1.0;
    }
    100% {
    transform: scale(1.2, 1.2);
    opacity: 0.0;
    }
}

@keyframes pulse-l {
    0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0;
    }
    50% {
    opacity: 0.5;
    }
    100% {
    transform: scale(1.2, 1.2);
    opacity: 0.0;
    }
}