a,
.animated,
.zoom,
input {
    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;
}

header .hamburguer:before {
    transform: rotate(45deg);
    width: 100%;
    top: calc(50% - 1px);
    animation: default1 .3s linear, default2 .3s linear .3s, default3 .3s linear .6s;
    animation-fill-mode: forwards;
}

header .hamburguer:after {
    transform: rotate(-45deg);
    width: 100%;
    top: calc(50% - 1px);
    animation: default4 .3s linear, default5 .3s linear .3s, default6 .3s linear .6s;
    animation-fill-mode: forwards;
}

header .hamburguer span {
    width: 0;
    top: calc(50% - 1px);
    animation: default7 .3s linear .3s, default8 .3s linear .6s;
    animation-fill-mode: forwards;
}

header .hamburguer span:before {
    width: 0;
    top: calc(50% - 1px);
    animation: default9 .3s linear .3s, default10 .3s linear .6s;
    animation-fill-mode: forwards;
}

@keyframes default1 {
    from {
        transform: rotate(45deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes default2 {
    from {
        width: 100%
    }

    to {
        width: 26px
    }
}

@keyframes default3 {
    from {
        top: calc(50% - 1px);
    }

    to {
        top: 6px
    }
}

@keyframes default4 {
    from {
        transform: rotate(-45deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes default5 {
    from {
        width: 100%
    }

    to {
        width: 26px
    }
}

@keyframes default6 {
    from {
        top: calc(50% - 1px);
    }

    to {
        top: 14px
    }
}

@keyframes default7 {
    from {
        width: 0
    }

    to {
        width: 22px
    }
}

@keyframes default8 {
    from {
        top: calc(50% - 1px);
    }

    to {
        top: 12px
    }
}

@keyframes default9 {
    from {
        width: 0
    }

    to {
        width: 15px
    }
}

@keyframes default10 {
    from {
        top: calc(50% - 1px);
    }

    to {
        top: 6px
    }
}

header.open .hamburguer:before {
    transform: rotate(0);
    width: 26px;
    top: 0;
    animation: menu1 .3s linear, menu2 .3s linear .3s, menu3 .3s linear .6s;
    animation-fill-mode: forwards;
}

header.open .hamburguer:after {
    transform: rotate(0);
    width: 26px;
    top: 0;
    animation: menu4 .3s linear, menu5 .3s linear .3s, menu6 .3s linear .6s;
    animation-fill-mode: forwards;
}

header.open .hamburguer span {
    width: 22px;
    top: 12px;
    animation: menu7 .3s linear, menu8 .3s linear .6s;
    animation-fill-mode: forwards;
}

header.open .hamburguer span:before {
    width: 15px;
    top: 6px;
    animation: menu9 .3s linear, menu10 .3s linear .6s;
    animation-fill-mode: forwards;
}

@keyframes menu1 {
    from {
        top: 0;
    }

    to {
        top: calc(50% - 1px)
    }
}

@keyframes menu2 {
    from {
        width: 19px
    }

    to {
        width: 100%
    }
}

@keyframes menu3 {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@keyframes menu4 {
    from {
        top: 6px;
    }

    to {
        top: calc(50% - 1px)
    }
}

@keyframes menu5 {
    from {
        width: 26px
    }

    to {
        width: 100%
    }
}

@keyframes menu6 {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-45deg)
    }
}

@keyframes menu7 {
    from {
        top: 12px
    }

    to {
        top: calc(50% - 1px)
    }
}

@keyframes menu8 {
    from {
        width: 22px
    }

    to {
        width: 0
    }
}

@keyframes menu9 {
    from {
        top: 6px
    }

    to {
        top: calc(50% - 1px)
    }
}

@keyframes menu10 {
    from {
        width: 15px
    }

    to {
        width: 0
    }
}

header .hamburguer {
    border-radius: 100%;
    border: 4px solid #fff;
}

header.open .hamburguer {
    background: #8a1646;
    border: 4px solid #8a1646;
}

header.open .hamburguer:before,
header.open .hamburguer:after {
    background: #fff;
}

@keyframes slick-dots {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}