/*
 * Title:   Custom Style File
 * Author:  http://themeforest.net/user/soaptheme 
 */


/* keyframes for cars animation in the title container. Tab 'Cars'*/
@keyframes fadeInRightBigCar1 {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    5% {
        opacity: 1;
        transform: translateX(0);
    }
    10% {
        opacity: 1;
        transform: translateX(0);
    }
    20% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes fadeInRightBigCar2 {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    18% {
        opacity: 0;
        transform: translateX(2000px);
    }
    22% {
        opacity: 1;
        transform: translateX(0);
    }
    30% {
        opacity: 1;
        transform: translateX(0);
    }
    40% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes fadeInRightBigCar3 {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    38% {
        opacity: 0;
        transform: translateX(2000px);
    }
    42% {
        opacity: 1;
        transform: translateX(0);
    }
    50% {
        opacity: 1;
        transform: translateX(0);
    }
    60% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes fadeInRightBigCar4 {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    58% {
        opacity: 0;
        transform: translateX(2000px);
    }
    65% {
        opacity: 1;
        transform: translateX(0);
    }
    70% {
        opacity: 1;
        transform: translateX(0);
    }
    80% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes fadeInRightBigCar5 {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    78% {
        opacity: 0;
        transform: translateX(2000px);
    }
    85% {
        opacity: 1;
        transform: translateX(0);
    }
    95% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes christ {
    0% {
        bottom: -60px;
        left: 235px;
        opacity: 0;
    }
    25% {
        bottom: -60px;
        left: 235px;
        opacity: 0;
    }
    30% {
        bottom: 0;
        left: 0;
        opacity: 1;
    }
    100% {
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}
@keyframes paris {
    0% {
        bottom: -60px;
        left: 255px;
        opacity: 0;
    }
    30% {
        bottom: -60px;
        left: 255px;
        opacity: 0;
    }
    35% {
        bottom: 7px;
        left: 45px;
        opacity: 1;
    }
    100% {
        bottom: 7px;
        left: 45px;
        opacity: 1;
    }
}
@keyframes tajmahal {
    0% {
        bottom: -60px;
        left: 67px;
        opacity: 0;
    }
    35% {
        bottom: -60px;
        left: 67px;
        opacity: 0;
    }
    40% {
        bottom: 25px;
        left: 68px;
        opacity: 1;
    }
    100% {
        bottom: 25px;
        left: 68px;
        opacity: 1;
    }
}
@keyframes italy {
    0% {
        bottom: -60px;
        left: 140px;
        opacity: 0;
    }
    40% {
        bottom: -60px;
        left: 140px;
        opacity: 0;
    }
    45% {
        bottom: 12px;
        left: 161px;
        opacity: 1;
    }
    100% {
        bottom: 12px;
        left: 161px;
        opacity: 1;
    }
}
@keyframes london {
    0% {
        bottom: -60px;
        left: 170px;
        opacity: 0;
    }
    45% {
        bottom: -60px;
        left: 170px;
        opacity: 0;
    }
    50% {
        bottom: 12px;
        left: 191px;
        opacity: 1;
    }
    100% {
        bottom: 12px;
        left: 191px;
        opacity: 1;
    }
}
@keyframes newyork {
    0% {
        bottom: -60px;
        left: 195px;
        opacity: 0;
    }
    50% {
        bottom: -60px;
        left: 195px;
        opacity: 0;
    }
    55% {
        bottom: -2px;
        left: 220px;
        opacity: 1;
    }
    100% {
        bottom: -2px;
        left: 220px;
        opacity: 1;
    }
}
@keyframes egypt {
    0% {
        bottom: -60px;
        left: 195px;
        opacity: 0;
    }
    55% {
        bottom: -60px;
        left: 195px;
        opacity: 0;
    }
    60% {
        bottom: -12px;
        left: 208px;
        opacity: 1;
    }
    100% {
        bottom: -12px;
        left: 208px;
        opacity: 1;
    }
}
@keyframes building {
    0% {
        bottom: -60px;
        left: 195px;
        opacity: 0;
    }
    20% {
        bottom: -60px;
        left: 195px;
        opacity: 0;
    }
    25% {
        bottom: -4px;
        left: 7px;
        opacity: 1;
    }
    100% {
        bottom: -4px;
        left: 7px;
        opacity: 1;
    }
}