/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.echo-flip-wrapper {
    position: relative;
    line-height: 0.8;
    display: inline-block;
    width: 180px;
    height: 38px;
}
.echo-flip-wrapper span {
    height: 17px;
    line-height: 37px;
    overflow: hidden;
    display: inline-block;
}

.echo-flip-wrapper span.echo-flip-bottom {
	line-height: 0;
}
.echo-flip-wrapper span.echo-flip-top {
	animation-name: ecoTopFlip;
    animation-duration: 4s;
    animation-fill-mode: both;
    transform-origin: 50% 100%;
    animation-iteration-count: infinite;
}		
.echo-flip-wrapper span.echo-flip-bottom {
	animation-name: ecoBottomFlip;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-fill-mode: both;
    transform-origin: 50% 0;
    animation-iteration-count: infinite;
}	


@keyframes ecoTopFlip {
    0% {
        transform: rotateX(0deg)
    }
    50% {
        transform: rotateX(-90deg)
    }    
    100% {
        transform: rotateX(0deg)
    }
}	

@keyframes ecoBottomFlip {
    0% {
        transform: rotateX(90deg)
    }
    50% {
        transform: rotateX(0deg)
    }    
    100% {
        transform: rotateX(90deg)
    }
}