.pulse-button {
    position: absolute;
    /*top: 50%;*/
    /*left: 0%;*/
    /*margin-left: -50px;*/
    /*margin-top: -50px;*/
    width: 1vw;
    height: 1vw;
    display: block;
    font-size: 1.3em;
    font-weight: light;
    font-family: 'Trebuchet MS', sans-serif;
    /*text-transform: uppercase;*/
    text-align: center;
    line-height: 100px;
    letter-spacing: -1px;
    color: white;
    border: none;
    border-radius: 50%;
    /*background: #5a99d4;*/
    background: #000000;
    cursor: pointer;
    box-shadow: 0 0 0 0 #000000;
    /* defaultne aniimacije, ki se pol prepišejo */
    /*chrome, safari*/
    -webkit-animation: pulse 1s infinite;
    /*firefox*/
    -moz-animation: pulse 1s infinite;
    /*IE*/
    -ms-animation: pulse 1s infinite;

}

.pulse-button img{
    position: absolute;
    width: 9vw;
}

.pulse-button:hover {
    /*chrome, safari*/
    -webkit-animation: none !important;
    /*firefox*/
    -moz-animation: none !important;
    /*IE*/
    -ms-animation: none !important;
}





/*  PULSE buttons ------------------------------------------------------------ */
#glavni-oder-pb{
    background: rgb(163, 208, 105);
    box-shadow: 0 0 0 0 rgb(163, 208, 105);

    -webkit-animation: pulse 2.5s infinite;
    -moz-animation: pulse 2.5s infinite;
    -ms-animation: pulse 2.5s infinite;

    top: 23.4vw;
    left: 27vw;
}
#glavni-oder-pb img{
    top: -5.4vw;
    left: -1vw;
}


#elektro-oder-pb{
    background: rgb(163, 208, 105);
    box-shadow: 0 0 0 0 rgb(163, 208, 105);

    -webkit-animation: pulse 3s infinite;
    -moz-animation: pulse 3s infinite;
    -ms-animation: pulse 3s infinite;

    top: 31vw;
    left: 17vw;
}
#elektro-oder-pb img{
    top: -4.9vw;
    left: -7.8vw;
}


#igre-pb{
    background: #f37465;
    box-shadow: 0 0 0 0 #f37465;

    -webkit-animation: pulse 3.5s infinite;
    -moz-animation: pulse 3.5s infinite;
    -ms-animation: pulse 3.5s infinite;

    top: 23vw;
    left: 65vw;
}
#igre-pb img{
    top: -5.2vw;
    left: -8vw;
}


#info-tocka-pb{
    background: rgb(223, 201, 90);
    box-shadow: 0 0 0 0 rgb(223, 201, 90);

    -webkit-animation: pulse 2.2s infinite;
    -moz-animation: pulse 2.2s infinite;
    -ms-animation: pulse 2.2s infinite;

    top: 49vw;
    left: 21vw;
}
#info-tocka-pb img{
    top: -5.6vw;
    left: -1.5vw;
}


#lampioncki-pb{
     background: rgb(142, 94, 167);
     box-shadow: 0 0 0 0 rgb(142, 94, 167);

     -webkit-animation: pulse 2.3s infinite;
     -moz-animation: pulse 2.3s infinite;
     -ms-animation: pulse 2.3s infinite;

     top: 32vw;
     left: 30.1vw;
 }
#lampioncki-pb img{
    top: -5.5vw;
    left: -1.39vw;
}


#partnerji-pb{
    background: rgb(44, 110, 255);
    box-shadow: 0 0 0 0 rgb(44, 110, 255);

    -webkit-animation: pulse 3.1s infinite;
    -moz-animation: pulse 3.1s infinite;
    -ms-animation: pulse 3.1s infinite;

    top: 35.1vw;
    left: 87.1vw;
}
#partnerji-pb img{
    top: -5vw;
    left: -0.09vw;
}



#piknik-pb{
    background: rgb(223, 201, 90);
    box-shadow: 0 0 0 0 rgb(223, 201, 90);

    -webkit-animation: pulse 3.3s infinite;
    -moz-animation: pulse 3.3s infinite;
    -ms-animation: pulse 3.3s infinite;

    top: 20.7vw;
    left: 74.1vw;
}
#piknik-pb img{
    top: -5.4vw;
    left: -6.69vw;
}



#press-pb{
    background: rgb(142, 94, 167);
    box-shadow: 0 0 0 0 rgb(142, 94, 167);

    -webkit-animation: pulse 3.4s infinite;
    -moz-animation: pulse 3.4s infinite;
    -ms-animation: pulse 3.4s infinite;

    top: 38.4vw;
    left: 33.6vw;
}
#press-pb img{
    top: -5.1vw;
    left: -7.89vw;
}



#redbull-pb{
    background: #f37465;
    box-shadow: 0 0 0 0 #f37465;

    -webkit-animation: pulse 2.9s infinite;
    -moz-animation: pulse 2.9s infinite;
    -ms-animation: pulse 2.9s infinite;

    top: 28.3vw;
    left: 70.6vw;
}
#redbull-pb img{
    top: -6.5vw;
    left: 0.01vw;
    width: 11vw;
}
#stuk-pb{
    background: rgb(163, 208, 105);
    box-shadow: 0 0 0 0 rgb(163, 208, 105);

    -webkit-animation: pulse 2.8s infinite;
    -moz-animation: pulse 2.8s infinite;
    -ms-animation: pulse 2.8s infinite;

    top: 52.7vw;
    left: 15.6vw;
}
#stuk-pb img{
    top: -5.3vw;
    left: -7.54vw;
}




/* PULSE AMINATION ------------------------------------------------------- */
/*chrome, safari*/
@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }
    100% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}
/*firefox*/
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }
    100% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}
/*IE*/
@-ms-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }
  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}