/*
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.   ***************/
.ux-footer-01{padding-bottom:0px!important;}
.ux-footer-01 .col{padding-bottom:0px!important;}
.ux-footer-01 ul li a{font-weight:normal!important;}
.ux-footer-01 ul li a:hover{text-decoration:underline; color:#E41619;}
.ux-letgo{background: #E5322D;padding: 3px 30px !important;border-radius: 3px;font-weight: bold !important;}
a.ux-letgo {color: #fff!important;}
.nav > li > a{color: #111!important; font-weight: bold!important;}
.ux-sunmore-list{}
.ux-doi-tac-sunmore{padding-top: 30px!important;}
.ux-banner-01 h3{font-size: 24px; color: #557589;}
.ux-banner-01 p{font-size: 18px;}
.ux-ve-sunmore-col{padding-top: 20px;padding-bottom: 0px; margin-top: 30px;}
.ux-ve-sunmore-col .img{float: left; margin-right: 20px;}
.ux-ve-sunmore-col h5{font-size: 40px;line-height: 20px;margin-bottom: 10px; color: #557589;}
.ux-ve-sunmore-border{border-right: 1px dashed #557589;}
.ux-khong-gian-col .img{float: left; margin-right: 20px;}
.ux-khong-gian-col h5{color: #fff;}
.ux-kientaokhonggian{padding-top: 60px!important;}
.ux-daily-col .img{float: left; margin-right: 20px;}
.ux-daily-text {font-size: 20px; padding-top: 15px;}
.form-dang-ky-dai-ly{padding-top: 25px;}
.form-dang-ky-dai-ly input{height: 50px;}
.form-dang-ky-dai-ly input[type="tel"]{width: 275px; float: left; border-radius: 5px 0px 0px 5px;}
.form-dang-ky-dai-ly input[type="submit"]{background: #E5322D; border-radius: 0px 5px 5px 0px;}
.ux-dkdaily{border-bottom: 1px solid rgb(255,255,255,0.5); padding-top: 30px!important;}
.ux-dkdaily .col{padding-bottom: 0px!important;}
.ux-footer-01 {color: #fff;}
.ux-footer-01 h4{color: #fff;}
.ux-footer-01 ul li{list-style: none; margin-left: 0px; line-height: 30px;}
.ux-footer-01 ul li a{font-weight: bold; color: #1b365d;}
.ux-f-contact textarea{min-height: 60px!important; border-radius: 5px;}
.ux-f-contact input{border-radius: 5px;}
.ux-f-contact input[type=submit]{width: 100%; background: #E5322D; border-radius: 5px;}
.ctf-page-lien-he{padding: 90px 60px;background: #f2f2f2;border-radius: 20px;}
.ctf-page-lien-he input[type=submit]{width: 100%; background: #E5322D; border-radius: 5px; height: 45px;}
/*
* CONTACT FORM
*/
.ux-contact-f7{box-shadow: 5px 5px 30px #ccc; padding: 30px; border-radius: 10px;}
.ux-contact-f7 h2{color: #CC0001; text-align: center;}
.ux-contact-f7 input[type=submit]{width: 100%; border-radius: 5px; height: 60px;}
.ux-contact-f7 input[type=text], .ux-contact-f7 select, .ux-contact-f7 input[type="tel"]{box-shadow: none; background: #f2f2f2; border-radius: 5px; border: none; min-height: 45px;}
.ux-contact-f7 textarea{box-shadow: none; background: #f2f2f2; border-radius: 5px; border: none; min-height: 90px;}
/* ICON CONTACT*/
#button-contact-vr {
    position: fixed;
    bottom: 150px;
    right: 0;
    z-index: 99999
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #0080f7;
    background-color: rgba(0,128,247,0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite
}

.phone-vr-img-circle {
    background-color: #0080f7;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out
}

.phone-vr-img-circle a {
    display: block;
    line-height: 37px
}

.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}

#zalo-vr .phone-vr-circle-fill {
    background: rgb(17,143,253);
    background-size: contain;
    box-shadow: 0 0 0 0 #2c9fd8;
    background-color: rgb(79 103 254);
    border: 0
}

#zalo-vr .phone-vr-img-circle {
    background: transparent
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2c9fd8;
    background-color: rgb(44 159 216 / 74%)
}

#zalo-vr .phone-vr-img-circle {
    background: #2c9fd8
}
/* shopee */
#shopee-vr .phone-vr-circle-fill {
    background: #ea501f;
    background-size: contain;
    box-shadow: 0 0 0 0 #ea501f;
    background-color: #ea501f;
    border: 0
}

#shopee-vr .phone-vr-img-circle {
    background: transparent
}

#shopee-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #ea501f;
    background-color: rgb(234 80 31 / 74%)
}

#shopee-vr .phone-vr-img-circle {
    background: #ea501f
}
@-webkit-keyframes phone-vr-circle-fill {
    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)
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#top-bar{display: none;}

}