a, .animated, .zoom, input, button{
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -ms-transition:all .3s;
}

.zoom:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@keyframes blink{
    50% {
        opacity: 0;
    }
}

header .hamburguer:before{transform:rotate(45deg);width:100%;top:50%;animation:before1 .3s linear, before2 .3s linear .6s;animation-fill-mode:forwards;}
header .hamburguer span{height:0;animation:span1 .3s linear .3s;animation-fill-mode:forwards;}
header .hamburguer:after{transform:rotate(-45deg);width:100%;top:50%;animation:after1 .3s linear, after2 .3s linear .6s;animation-fill-mode:forwards;}

@keyframes before1{from{transform:rotate(45deg)}to{transform:rotate(0)}}
@keyframes before2{from{top:50%}to{top:0}}
@keyframes span1{from{height:0}to{height:2px}}
@keyframes after1{from{transform:rotate(-45deg)}to{transform:rotate(0)}}
@keyframes after2{from{top:50%}to{top:calc(100% - 2px)}}

header.open .hamburguer:before{transform:rotate(0);top:0;animation:beforeOpen1 .3s linear, beforeOpen2 .3s linear .6s;animation-fill-mode:forwards;}
header.open .hamburguer span{animation:spanOpen1 .3s linear;animation-fill-mode:forwards;}
header.open .hamburguer:after{transform:rotate(0);top:0;animation:afterOpen1 .3s linear, afterOpen2 .3s linear .6s;animation-fill-mode:forwards;}

@keyframes beforeOpen1{from{top:0;}to{top:50%}}
@keyframes beforeOpen2{from{transform:rotate(0deg)}to{transform:rotate(45deg)}}
@keyframes spanOpen1{from{height:2px;}to{height:0}}
@keyframes afterOpen1{from{top:calc(100% - 2px);}to{top:50%}}
@keyframes afterOpen2{from{transform:rotate(0deg)}to{transform:rotate(-45deg)}}