/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version: 2.0.5
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

@media (max-width: 1200px) {
    .video-background-banner video,
    .video-background video {
        width: 100%;
        bottom: 0 !important;
        top: auto !important;
    }
}

@media (max-width: 767px) {
    .video-background-banner video,
    .video-background video {
        width: 750px;
        bottom: 0 !important;
        top: auto !important;
    }
}

.item-1,
.item-2,
.item-3 {
    position: absolute;
    display: block;
    top: 2em;
    width: 70%;
    font-size: 1.2em;
    animation-duration: 25s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    padding-top: 110px;
    z-index: 999;
    color: white;
    margin-left: -40px;
}

.item-1 {
    animation-name: anim-1;
    padding-top: 120px !important;
}

.item-2 {
    animation-name: anim-2;
    padding-top: 120px !important;
}

.item-3 {
    animation-name: anim-3;
    padding-top: 120px !important;
}

@keyframes anim-1 {
    0%, 8.3% {
        left: -100%;
        opacity: 0;
    }

    8.3%,25% {
        left: 25%;
        opacity: 1;
    }

    33.33%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-2 {
    0%, 33.33% {
        left: -100%;
        opacity: 0;
    }

    41.63%, 58.29% {
        left: 25%;
        opacity: 1;
    }

    66.66%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-3 {
    0%, 66.66% {
        left: -100%;
        opacity: 0;
    }

    74.96%, 91.62% {
        left: 25%;
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

.imgHome {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

/*    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    position: relative;*/
}