#header-anim-main
{
     width: 930px;
     height: 320px;
     background: #000000;
     position: relative;
}

#logo
{
    position: absolute;
    top: 96px;
    left: 10px;
    background-image: url("../images/logo.png");
    width: 288px;
    height: 121px;

    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}

#mainBg
{
    background-image: url("../images/mainBg.jpg");
    width: 100%;
    height: 100%;
    position: absolute;
}

#carFlash
{
     position: absolute;
     right: 0px;
     width: 747px;
     overflow: hidden;
}
#bgVid
{
    top: -70px;
    position: relative;
}

#car-bg-1
{
     background-image: url("../images/car1.png");
     width: 663px;
     height: 315px;
     position: absolute;
     right: 0px;

     animation: fadein 2s;
     -moz-animation: fadein 2s; /* Firefox */
     -webkit-animation: fadein 2s; /* Safari and Chrome */
     -o-animation: fadein 2s; /* Opera */
}

#car-bg-2
{
     background-image: url("../images/car2.png");
     width: 663px;
     height: 315px;
     position: absolute;
     right: 0px;
     background-position: right;
     background-repeat: no-repeat;

     animation: fadein 2s;
     -moz-animation: fadein 2s; /* Firefox */
     -webkit-animation: fadein 2s; /* Safari and Chrome */
     -o-animation: fadein 2s; /* Opera */
}

#drag
{
     background-image: url("../images/drag.png");
     position: absolute;
     width: 87px;
     height: 100%;
     background-position: center;
 }



@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}