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

/*************** ADD CUSTOM CSS HERE.   ***************/
@keyframes pulsee {

    0%{-webkit-transform:scale(1);transform:scale(1)}
    
    50%{-webkit-transform:scale(1.1);transform:scale(1.15)}
    
    100%{-webkit-transform:scale(1);transform:scale(1)}
    
    }
@keyframes phonering-alo-circle-img-anim {

    0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    
    10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    
    20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    
    30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    
    40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    
    50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    
    100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    
    }
.ux-dichvu{position: relative; box-shadow: 0 6px 13px rgba(148, 148, 148, 0.25);}
.ux-dichvu .box-text{position: absolute; bottom: 0px; left: 0px; height: 65px; overflow: hidden;transition: .7s all; padding: 0px!important;}
.ux-dichvu .box-text{background: rgb(0,0,0,0.5);}
.ux-dichvu .box-text:hover{height: 100%;}
.ux-dichvu .box-text h3{background: #fff; margin: 0px; padding: 15px 0px; font-size: 20px; font-weight:bold; color: #111;}
.ux-dichvu .box-text h3 img{margin-bottom: 5px!important; margin: 0px 10px;}
.ux-dichvu .box-text p{color: #fff; padding: 20px;}
.ux-dichvu .box-text img{width: 30px; height: 30px;}
.ux-footer{background: linear-gradient(180deg, #EB8A00 0%, #F2512D 100%); color: #fff; font-size: 14px;}
.ux-footer p{margin-bottom: 10px;}
.ux-footer h3{font-size: 24px; font-weight: bold; color: #fff; padding-bottom: 10px; text-transform: uppercase;}
.ux-footer-logo img{filter: brightness(0) invert(1);}
.ux-footer-logo{padding-top: 45px;border-bottom: 1px solid #fff;margin-bottom: 45px;}
.absolute-footer{display: none;}
.ux-quytrinh .box-text h3{padding: 15px 0px 7px;}
.ux-quytrinh h2{padding-top: 30px;}
.ux-thucte .col-inner{position: relative; box-shadow: 0 6px 13px rgba(148, 148, 148, 0.25); border-radius: 15px; overflow: hidden;}
.ux-thucte .box-text h4{min-height: 45px;}
.ux-thucte .box-text p{min-height: 145px;}
.ux-noibat .col-inner{position: relative; box-shadow: 0 6px 13px rgba(148, 148, 148, 0.25); border-radius: 15px; overflow: hidden;}
.ux-noibat h4{padding: 10px 0px;}
.ux-lydo .ux-lydo-col p{color: #fff;}
.ux-lydo .ux-lydo-col h3{color: #EB8A00; font-size: 30px; line-height: 45px;}
.ux-lydo .ux-lydo-col h3 strong{font-size: 45px;}
.ux-btn-hoantien{background: linear-gradient(180deg, #9A0000 0%, #F71C1C 100%); width: 640px; margin: 0 auto; color: #fff; display: block; padding: 15px 0px 1px; border-radius: 15px; overflow: hidden;
    animation-name: pulsee;
    -webkit-animation-name: pulsee;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.ux-btn-hoantien h3{color: #fff; font-weight: bold;}
.ux-blog .col-inner{position: relative; box-shadow: 0 6px 13px rgba(148, 148, 148, 0.25); border-radius: 15px; overflow: hidden;}
.ux-blog .col-inner .box-text{padding: 20px;}
.ux-danhgia-col .col-inner{border-radius: 15px; overflow: hidden; padding: 20px 10px !important;}
.ux-danhgia-col-1 .col-inner{box-shadow: 0 6px 13px rgba(148, 148, 148, 0.25); border-radius:15px; overflow: hidden; padding: 40px 20px;}
.ux-danhgia-col-1 .col-inner ul{display: block;}
.ux-danhgia-col-1 .col-inner ul li{list-style: none; display: inline;}
.ux-danhgia-col-1 .col-inner ul li:first-child{color: #333;font-size: 40px;font-weight: 700;line-height: 60px; float: left; margin-left:0px; margin-bottom: 0px;}
.ux-danhgia-col-1 .col-inner ul li:last-child img{width: 60%; padding-top: 22px;}
/*
* HOTLINE
*/
.footer-hotline-bar-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    float: left;
    width: 100%;
    text-align: center;
    background: transparent;
}
.footer-hotline-fixed {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: transparent;
    z-index: 99999;
}
.footer-hotline-fixed ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.footer-hotline-fixed li:first-child a {
    background: #0068FF;
}
.footer-hotline-fixed li a {
    display: inline-block;
    padding: 0 10px 0 50px;
    border-radius: 40px;
    background: #0068FF;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    border: 0;
    line-height: 40px;
}
.footer-hotline-fixed li a img {
    border-radius: 40px;
    max-width: 100%;
    margin-left: 0px;
    position: absolute;
    left: -3px;
    top: -1px;
    z-index: 1;
    border: 2px solid #fff;
    height: 42px;
    width: 42px;
}
.phonering-alo-ph-img-circle {
    -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%;
}
.footer-hotline-fixed li:last-child a {
    background: #FE5415;
}
.footer-hotline-fixed li a:hover{background-color:#000;color:#fff;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.ux-dichvu .box-text h3{font-size: 18px;}

}