.carousel__container {
    position: relative;
    pointer-events: none;
    /* left: -100px; */
    overflow: hidden;
    width: 100%;
    height: 1000px;
   
}

@media(max-height:1000px){
    .carousel__container{
        height: 460px !important;
    }
}

.carousel__container .form {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.carousel {
    background-repeat: repeat-x;
    background-size: contain;
    max-width: none;
    height: 500px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel:active,
.carousel:focus {
    -webkit-animation-play-state: paused !important;
    -moz-animation-play-state: paused !important;
    animation-play-state: paused !important
}

@media screen and (max-width:640px) {
    .carousel {
        height: 400px
    }
}

.team .carousel {
    left: -2098px;
    width: 6294px;
    background-image: url("../images/media/slider.png");
    -webkit-animation: carousel--team 40s linear infinite;
    -moz-animation: carousel--team 40s linear infinite;
    animation: carousel--team 40s linear infinite
}

@media screen and (max-width:640px) {
    .team .carousel {
        -webkit-animation: carousel--team--mobile 30s linear infinite;
        -moz-animation: carousel--team--mobile 30s linear infinite;
        animation: carousel--team--mobile 30s linear infinite
    }
}

@-webkit-keyframes carousel--team {
    0% {
        -webkit-transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(2152px, -50%)
    }
}

@-moz-keyframes carousel--team {
    0% {
        -moz-transform: translateY(-50%)
    }

    to {
        -moz-transform: translate(2152px, -50%)
    }
}

@keyframes carousel--team {
    0% {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(2152px, -50%);
        -moz-transform: translate(2152px, -50%);
        -ms-transform: translate(2152px, -50%);
        -o-transform: translate(2152px, -50%);
        transform: translate(2152px, -50%)
    }
}

@-webkit-keyframes carousel--team--mobile {
    0% {
        -webkit-transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(1378px, -50%)
    }
}

@-moz-keyframes carousel--team--mobile {
    0% {
        -moz-transform: translateY(-50%)
    }

    to {
        -moz-transform: translate(1378px, -50%)
    }
}

@keyframes carousel--team--mobile {
    0% {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(1378px, -50%);
        -moz-transform: translate(1378px, -50%);
        -ms-transform: translate(1378px, -50%);
        -o-transform: translate(1378px, -50%);
        transform: translate(1378px, -50%)
    }
}

@-webkit-keyframes carousel--project {
    0% {
        -webkit-transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(1865px, -50%)
    }
}

@-moz-keyframes carousel--project {
    0% {
        -moz-transform: translateY(-50%)
    }

    to {
        -moz-transform: translate(1865px, -50%)
    }
}

@keyframes carousel--project {
    0% {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(1865px, -50%);
        -moz-transform: translate(1865px, -50%);
        -ms-transform: translate(1865px, -50%);
        -o-transform: translate(1865px, -50%);
        transform: translate(1865px, -50%)
    }
}

@-webkit-keyframes carousel--project--mobile {
    0% {
        -webkit-transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(1193px, -50%)
    }
}

@-moz-keyframes carousel--project--mobile {
    0% {
        -moz-transform: translateY(-50%)
    }

    to {
        -moz-transform: translate(1193px, -50%)
    }
}

@keyframes carousel--project--mobile {
    0% {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    to {
        -webkit-transform: translate(1193px, -50%);
        -moz-transform: translate(1193px, -50%);
        -ms-transform: translate(1193px, -50%);
        -o-transform: translate(1193px, -50%);
        transform: translate(1193px, -50%)
    }
}