/* COMPOSICIÓN CABEZAS */

#section_cultusvini {
    height: 720px;
    width: 100%;
    max-width: 1440px;
    position: absolute;
    top: -160px;
    right: 0;
    left: 0;
    overflow: hidden;
}

.container-cultusvini {
    width: 877px;
    height: 720px;
    position: absolute;
    top: 0;
    left: 280px !important;
    margin-left: auto;
}

.section-wine-title-experiencias .container-cultusvini {
    left: 424px !important;
}

@media (max-width: 1080px) {
    .section-wine-title-experiencias .container-cultusvini {
        left: 224px !important;
        transform: scale(.9);
    }
}

@media (max-width: 1023px) {
    .section-wine-title-experiencias .container-cultusvini {
        left: 40px !important;
        transform: scale(.5);
        top: -240px;
    }
}

@media (max-width: 980px) {
    #section_cultusvini {
        height: 578px;
        top: -16px;
    }

    .container-cultusvini {
        transform: scale(.8);
        left: 40px !important;
    }
}

@media (max-width: 767px) {
    #section_cultusvini {
        height: 520px;
        top: -80px;
    }

    .container-cultusvini {
        transform: scale(.6);
        left: 0 !important;
        right: -240px;
    }

    .section-wine-title-experiencias .container-cultusvini {
        transform: scale(.4);
        top: -88px;
    }
}

#containerCultusvini img {
    position: absolute;
}

.cabeza-down {
    width: 223px;
    top: 280px;
    left: 570px;
    animation-name: cabeza-down;
    animation-duration: 40s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.cabeza-up {
    width: 298px;
    top: 78px;
    left: 570px;
    animation-name: cabeza-up;
    animation-duration: 25s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.triangulo-front {
    width: 513px;
    top: 280px;
    left: 360px;
    animation-name: triangulo;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.triangulo-back {
    width: 513px;
    top: 277px;
    left: 360px;
    animation-name: triangulo;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes cabeza-up {
    0% {
        transform: translatey(0px) translatex(0px) rotate(0deg);
    }

    10% {
        transform: translatey(5px) translatex(0px) rotate(0deg);
    }

    20% {
        transform: translatey(0px) translatex(0px) rotate(-2deg);
    }

    30% {
        transform: translatey(0px) translatex(0px) rotate(2deg);
    }

    40% {
        transform: translatey(5px) translatex(0px) rotate(0deg);
    }

    50% {
        transform: translatey(5px) translatex(2px) rotate(0deg);
    }

    60% {
        transform: translatey(0px) translatex(0px) rotate(0deg);
    }

    70% {
        transform: translatey(5px) translatex(0px) rotate(0deg);
    }

    80% {
        transform: translatey(5px) translatex(-2px) rotate(0deg);
    }

    90% {
        transform: translatey(5px) translatex(2px) rotate(0deg);
    }

    100% {
        transform: translatey(0px) translatex(0px) rotate(0deg);
    }
}

@keyframes cabeza-down {
    0% {
        transform: translatey(0px) translatex(0px) rotate(0deg);
    }

    10% {
        transform: translatey(15px) translatex(-5px) rotate(3deg);
    }

    20% {
        transform: translatey(0px) translatex(0px) rotate(0deg);
    }

    30% {
        transform: translatey(15px) translatex(0px) rotate(0deg);
    }

    40% {
        transform: translatey(5px) translatex(0px) rotate(0deg);
    }

    50% {
        transform: translatey(5px) translatex(2px) rotate(0deg);
    }

    60% {
        transform: translatey(0px) translatex(0px) rotate(0deg);
    }

    70% {
        transform: translatey(15px) translatex(-5px) rotate(3deg);
    }

    80% {
        transform: translatey(5px) translatex(-2px) rotate(0deg);
    }

    90% {
        transform: translatey(5px) translatex(2px) rotate(0deg);
    }

    100% {
        transform: translatey(0px) translatex(0px) rotate(0deg);
    }
}

@keyframes triangulo {
    0% {
        transform: rotate(0deg) translatex(0px) translatey(0px);
    }

    25% {
        transform: rotate(5deg) translatex(-3px) translatey(-50px);
    }

    50% {
        transform: rotate(0deg) translatex(0px) translatey(20px);
    }

    75% {
        transform: rotate(-5deg) translatex(3px) translatey(-50px);
    }

    100% {
        transform: rotate(0deg) translatex(0px) translatey(0px);
    }
}

@keyframes anfora {
    00% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(95px);
    }

    100% {
        transform: translatey(0px);
    }
}