/* @-moz-keyframes smanji{
}
 @-webkit-keyframes smanji {
}
 */
 @keyframes smanji {
     0% {
         transform: translateY(-10px);
         top:6vh;
         font-size: 22px!important;
         width: 90vw;
         height: 90vh;
         left: 5vw;
    }
     50% {
         transform: translateY(550px) ;
         z-index:9;
    }
     100%{
    }
}
/*---------------- webkit -------------------*/
/* @-webkit-keyframes povecaj {
}
 */
/*---------------- mozilla -------------------*/
/* @-moz-keyframes povecaj {
}
 */
/*---------------- SVI -------------------*/
 @keyframes povecaj {
     0% {
    }
     50% {
         transform: translateY(550px) rotateY(-20deg) ;
         z-index:9;
    }
     100%{
         transform: perspective(3000px) rotateY(-20deg) rotateX(45deg) rotateZ(25deg) translateY(-85px) scale(1.6);
         width: 95vw;
         height: 85vh;
         top:1vh;
         right:2vw;
         margin-right:0px;
         z-index:3000;
    }
}
/*---------------- webkit -------------------*/
/* @-webkit-keyframes upali {
}
 */
/*---------------- mozilla -------------------*/
/* @-moz-keyframes upali {
}
 */
 @keyframes upali {
     0% {
         transform: perspective(3000px) rotateY(-20deg) rotateX(45deg) rotateZ(25deg) translateY(-85px) scale(1.6);
         width: 95vw;
         height: 85vh;
         top:1vh;
         right:2vw;
         margin-right:0px;
         z-index:3000;
         scale(2);
    }
     50% {
         transform: translateY(150px) ;
         font-size: 20px!important;
         rotateY(-15deg) rotateX(27deg) rotateZ(18deg) 
    }
     100%{
         transform: translateY(-10px);
         top:6vh;
         font-size: 22px!important;
         width: 90vw;
         height: 90vh;
         left: 5vw;
    }
}