/*
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  ***************/
	.box-vertical .box-image{width:30% !important;float:left;margin-right:10px;}
#nz-div-2 b.tde span{font-size: 13px;
	}
	.title-comm{
		font-size: 13px !important;
	}
}	
/*************** ADD CUSTOM CSS HERE.   ***************/
.bvlienquan {
	padding: 8px 35px 8px 14px;
    margin: 20px 0;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border: 1px solid #bce8f1;
    border-radius: 4px;
    background-color: #d9edf7;
}
.baiviet_bvlq {
	margin-left: 50px;
    margin-bottom: 15px;
	list-style-image: url(https://doanhnghiepviettel.com.vn/wp-content/uploads/2020/03/green-star.gif);
}
.baiviet_bvlq a{
	color: #0072ff;
}
.baiviet_bvlq a:hover{
	text-decoration: underline;
}
/*************** css icon chuy?n d?ng .   ***************/
.svg-ho-tro .icon-inner{
	animation: 4s ease-in-out 0s normal none infinite running change-rotage-anim-3d;	
}
.svg-dich-vu .icon-inner{
	animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-1;
}
.svg-mo-phong .icon-inner{
	animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-2;
}
.svg-thuong-hieu .icon-inner{
	animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-3;
}

@keyframes change-rotage-anim-3d {
	0%  {
		transform: rotateY(0deg) scale(1) skew(1deg);
	}
	10% {
		transform: rotateY(180deg) translate(10px, 10px) scale(1) skew(1deg) rotate(-180deg);
	}
	25% {
		transform: rotateY(90deg) translate(10px, 10px) scale(1) skew(1deg) rotate(180deg);
	}
	40% {
		transform: rotateY(0deg) translate(0px, 0px) scale(1) skew(1deg) rotate(0);
	}
	100% {
		transform: rotateY(0deg) scale(1) skew(1deg);
	}
}

@keyframes chang-rotage-anim-1 {
 	0% {
    	transform: rotate(0deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	25% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	35% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	45% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	55% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes chang-rotage-anim-2 {
 0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
45% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
60% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
65% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
70% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
85% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}

}

@keyframes chang-rotage-anim-3 {
    0% {
            transform: translate(0px, 0) rotate(0deg);
    }
    60% {
            transform: translate(0px, 0) rotate(0deg);
    }
    75% {
            transform: rotate(-180deg) translate(-30px, 30px) rotate(180deg);;
    }
    90% {
            transform: rotate(180deg) translate(-30px, 30px) rotate(-180deg);;
    }
    100% {
            transform: translate(0px, 0px);
    }
}
/******end css icon chuy?n d?ng *****/