//
// Video Background
//

.video-bg {
    background-color: #1b94b5;
    /*background-color: #269eaf;*/
    text-align: center;
}

.video-bg__video {
    display: inline-block;
    width: 100%;
    max-width: 960px;
}

@include media-breakpoint-down(md) {
    .video-bg__video {
        width: 100%;
    }
}


//
// Fullscreen bg jobs hall
//
.video-bg-jobs-hall-wrap {
    background-color: #1b94b5;
}

.video-bg-jobs-hall {
    text-align: center;
}

.video-bg-jobs-hall__video {
    display: inline-block;
    width: 100%;
    max-width: 960px;
}

@include media-breakpoint-down(md) {
    .video-bg-jobs-hall__video {
        width: 100%;
    }
}

//
// Brands
//

.brands {
    .owl-carousel {

        .item {

            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 80px;
            flex-direction: column;

            img {
                padding: 10px;
                display: inline-block;
                background: #ffffff;
                max-height: 60px;
                max-width: 100%;
                width: auto;
            }
        }

    }

    .owl-carousel .owl-dots {
        margin-top: 0;
        margin-bottom: 0px;
    }
}


//
//Stand
//

.image-stand {
    width: 100%;

}


//
// Fullscreen BG
//

.video-bg {
    background-color: #f6f7f9;

}

@include media-breakpoint-down(lg) {

}

@include media-breakpoint-down(md) {
    .video-bg {
        height: 350px;
        display: flex;
    }
}

@include media-breakpoint-down(sm) {

}


.video-bg__video {
    border-radius: 4px;
    border: solid 2px $dark;
}


.btn-virtual-fair {

    @include media-breakpoint-down(sm) {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
}

//
//Aniamtion text
//
.slide-text {
    margin-left: -20px;
    margin-right: -20px;
    white-space: nowrap;
    position: relative;
    left: 0;
    z-index: 500;
    overflow: hidden;
}

.slide-text span {
    display: inline-block;
    padding-left: 100%;
    animation: slide-text 10s linear infinite;
}

.employer-grid-outer:nth-child(1) .slide-text span {
    animation-delay: 500ms
}

.employer-grid-outer:nth-child(2) .slide-text span {
    animation-delay: 1000ms
}

.employer-grid-outer:nth-child(3) .slide-text span {
    animation-delay: 1500ms
}

.employer-grid-outer:nth-child(4) .slide-text span {
    animation-delay: 2000ms
}

.employer-grid-outer:nth-child(5) .slide-text span {
    animation-delay: 2500ms
}

.employer-grid-outer:nth-child(6) .slide-text span {
    animation-delay: 3000ms
}

.employer-grid-outer:nth-child(7) .slide-text span {
    animation-delay: 3500ms
}

.employer-grid-outer:nth-child(8) .slide-text span {
    animation-delay: 4000ms
}

.employer-grid-outer:nth-child(9) .slide-text span {
    animation-delay: 4500ms
}

.employer-grid-outer:nth-child(10) .slide-text span {
    animation-delay: 5000ms
}

.employer-grid-outer:nth-child(11) .slide-text span {
    animation-delay: 5500ms
}

.employer-grid-outer:nth-child(12) .slide-text span {
    animation-delay: 6000ms
}

.employer-grid-outer:nth-child(13) .slide-text span {
    animation-delay: 6500ms
}

.employer-grid-outer:nth-child(14) .slide-text span {
    animation-delay: 7000ms
}

.employer-grid-outer:nth-child(15) .slide-text span {
    animation-delay: 7500ms
}

.employer-grid-outer:nth-child(16) .slide-text span {
    animation-delay: 8000ms
}

.employer-grid-outer:nth-child(17) .slide-text span {
    animation-delay: 8500ms
}

.employer-grid-outer:nth-child(18) .slide-text span {
    animation-delay: 9000ms
}

.employer-grid-outer:nth-child(19) .slide-text span {
    animation-delay: 9500ms
}

.employer-grid-outer:nth-child(20) .slide-text span {
    animation-delay: 10000ms
}

@keyframes slide-text {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}