/* VIDEO TEXT SLIDING ANIMATION START */


/*Vertical Sliding*/

.video-content {
    font-size: 67px;
    font-weight: 700;
    margin-bottom: 30px;
}

.video-desc {
    font-size: 27px;
    font-weight: 300;
    margin-bottom: 30px;
}


/* .video-desc span {
    display: block;
} */

.slidingVertical {
    display: inline;
    text-indent: 8px;
}


/* immersive */

.slidingVertical span {
    animation: topToBottom 12.4s linear infinite 0s;
    -ms-animation: topToBottom 12.4s linear infinite 0s;
    -webkit-animation: topToBottom 12.4s linear infinite 0s;
    color: #fff;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    padding-left: 10px;
}


/* innovative */

.slidingVertical span:nth-child(2) {
    animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}


/* beautiful */

.slidingVertical span:nth-child(3) {
    animation-delay: 5s;
    -ms-animation-delay: 5s;
    -webkit-animation-delay: 5s;
}


/* meaningful */

.slidingVertical span:nth-child(4) {
    animation-delay: 7.5s;
    -ms-animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s;
}


/* holistic */

.slidingVertical span:nth-child(5) {
    animation-delay: 10s;
    -ms-animation-delay: 10s;
    -webkit-animation-delay: 10s;
}


/*topToBottom Animation*/

@-moz-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    10% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    25% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    25% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -ms-transform: translateY(-20px);
    }
    10% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    25% {
        opacity: 0;
        -ms-transform: translateY(20px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@media only screen and (max-width: 991px) {
    .video-content {
        font-size: 46px;
    }
    header {
        height: 100vh;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    header .header-content {
        padding-left: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .slidingVertical span {
        display: block;
        padding-left: 0;
        margin-left: -5px;
    }
    .video-content {
        font-size: 38px;
        margin-bottom: 60px;
    }
    .video-desc {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .video-desc span {
        display: inline;
    }
    header .header-content {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 230px;
    }
}

@media only screen and (max-width: 320px) {
    header .header-content {
        padding-top: 180px;
    }
}


/* VIDEO TEXT SLIDING ANIMATION START */