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

/*************** ADD CUSTOM CSS HERE.   ***************/
.btn1 {
	position: fixed;
	left: 10px;
	z-index: 999;
	bottom: 80px;
}
.btn2 {
	bottom: 30px;
}
.btn1 i {
    margin: 0 20px;
    font-size: 24px;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.btn2 i {
    overflow: hidden;
    text-indent: 110%;
    background: url('../../uploads/Icon_of_Zalo.svg.webp') center no-repeat;
    background-size: contain;
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#wrapper {
		padding-bottom: 40px;
	}
	.btn1 {
		bottom: 0;
        left: 0;
        margin: 0;
        width: 50vw;
		padding: 4px 4px 6px;
        border-radius: 0 !important;
	}
	.btn2 {
		left: 50vw;
	}

}