#tem-bg.active{
    animation:  bg-out 5s;
    opacity: 0;
}
#car-cont.active{
    animation:  bg-in 5s;
    opacity: 1;
}
.testimonial-item.active{
    animation:  bg-in 2s ease;
    opacity: 1;
}
#header-search.active{
    animation:  bg-in 2s;
    opacity: 1;
    right:0;
}
.so_view{
    opacity: 0;
}
.so_view.active{
    animation:  bg-in 2s;
    opacity: 1;
}
.pulse-ring {
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 0;
    margin: auto;
    opacity: 0;
}
.pulse-ring.active{
    /*-webkit-animation: pulse 5s ease-out;*/
    /*-moz-animation: pulse 5s ease-out;*/
    animation: pulse-out 5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes pulse-out {
    from {
        opacity:1;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to {
        opacity:0;
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}
.pulse1{
    border: solid 6px #fff;
    width: 95px;
    height: 95px; 
}
.pulse2{
    border: solid 5px #fff;
    width: 145px;
    height: 145px;
}
.pulse3{
    border: solid 4px #fff;
    width: 195px;
    height: 195px; 
}
.pulse4{
    border: solid 3px #fff;
    width: 245px;
    height: 245px;
}
.pulse5{
    border: solid 2px #fff;
    width: 295px;
    height: 295px;
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
    25% {
        -moz-transform: scale(1.25);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(1.5);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(1.75);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(2);
        opacity: 0.0;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
    1% {
        -webkit-transform: scale(1.1);
        opacity: 0.9;
    }
    99% {
        -webkit-transform: scale(1.9);
        opacity: 0.01;
    }
    100% {
        -webkit-transform: scale(2);
        opacity: 0.0;
    }
}

.img-bg-block > div > div{
    animation:  bg-out 1s;
}
.img-bg-block > div > div.active{
    animation:  bg-in 1s;
    opacity: 1;
}

img.pulse-img.active{
    animation:  bg-in 1s;
    opacity: 1;
}
img.pulse-img{
    animation:  bg-out 2s;
    opacity: 0;
}
@keyframes bg-out {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@keyframes bg-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}