/*
Theme Name: bacninhit
Description: Theme được build lại bởi bacninhit.vn - 0965.565.742
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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


.ggads{display:none}

.khung-lh {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    display: flex;
    height: 53px;
    box-shadow: 1px -1px 5px #0000004d;
}

.nguoichat {
    position: absolute;
    max-width: 158px;
    right: 0;
    bottom: -14px;
}
.col-hot {
    position: fixed;
    bottom: 10px;
    z-index: 99999;
}
.hotline .col-hot a {
    position: relative;
}
.hotline .bg-hot {
    width: 188px;
    height: 69px;
    background: url(/wp-content/uploads/2026/01/call-now.gif) no-repeat;
    background-size: contain;
    position: relative;
}
.hotline .phone {
    position: absolute;
    top: 10px;
    font-size: 18px;
    color: #fff;
    left: 59px;
}
.hotline .text {
    color: #fff;
    position: absolute;
    top: 33px;
    font-size: 13px;
    left: 59px;
}


#cfacebook .open{    box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 6px 10px;}
#cfacebook {
    position: fixed;
    bottom: 69px;
    right: 10px;
    z-index: 99999;
    width: 350px;
	max-width: calc(100% - 20px);
    height: auto;
    border-radius: 15px;
    line-height: 25px;
    -moz-box-shadow: rgb(0 18 46 / 78%) 0px 8px 18px;
    -webkit-box-shadow: rgb(0 18 46 / 78%) 0px 8px 18px;
        box-shadow: #000 0px 8px 18px;
	
}
#cfacebook .fchat {
    float: left;
    height: 379px;
    display: none;
    background-color: #fff;
	padding: 5px 15px;
	z-index: 10;
    position: relative;
	    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    font-size:14px;
    color:#000;
	overflow: hidden;
}

#cfacebook.open>div {
    display: block;
}
#cfacebook .fchat .fb-page {
    margin-top: -5px;
    float: left;
}
.fchat span {
    width: 260px!important;
}
h2.twolines {
    margin: 0;
}
.chat-header {
    padding: 28px 28px 3px;
    background: linear-gradient(-61deg, rgb(255 189 4), rgb(229 182 13));
    background: #ffad26;
    background: -moz-linear-gradient(top, #ffd400 0%,#ff7601 50%,#ff7601 51%,#ea2129 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffad26), color-stop(50%,#fea026), color-stop(51%,#ff8b00), color-stop(100%,#ff7701));
    background: -webkit-linear-gradient(top, #ffd400 0%,#ff7601 50%,#ff7601 51%,#ea2129 100%);
    background: -o-linear-gradient(top, #ffd400 0%,#ff7601 50%,#ff7601 51%,#ea2129 100%);
    background: -ms-linear-gradient(top, #ffd400 0%,#ff7601 50%,#ff7601 51%,#ea2129 100%);
    background: linear-gradient(to bottom, #ffd400 0%,#ff7601 50%,#ff7601 51%,#ea2129 100%);
    position: relative;
    z-index: 4;
    display: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: white;
}
.avatars-wrapper {
    width: 52px;
    height: 52px;
    margin: 0px 18px 0px 0px;
    float: left;
}
.header-ava {
    width: 39px;
    height: 39px;
    border-radius: 24px;
    background-size: cover;
    background-position: center center;
    float: left;
}
.chat h2.twolines {
    margin-bottom: 5px;
}

.chat h2 {
    font-size: 22px;
    font-weight: 600;
    color: currentcolor;
    margin: 4px 0px 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    max-width: calc(100% - 145px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}
.top-heading {
    font-size: 16px;
    display: block;
    line-height: 15px;
    margin-top: 4px;
}
.chat-header #ic-minimize {
    height: 20px;
    width: 27px;
    transform: rotate(270deg);
}
#cfacebook svg,.chat_fb1 svg {
    width: 26px;
    height: 26px;
    fill: rgb(255, 255, 255);
    transition: all 0.2s ease-in-out 0s;
}
button.material-icons.exit-chat.ripple {
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
.offline-message span.online::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    background: rgb(88, 183, 67);
    border-radius: 50%;
    left: 15px;
    bottom: 5px;
}
.offline-message {
    margin-top: 5px;
}
.fchat>div {
    display: none;
}

.tuvanclose {
    background: unset;
}
.batdautuvan {
    color: white;
    background: red;
    padding: 10px 40px 10px 40px;
    text-align: center;
    border-radius: 30px;
}
.nuttuvan {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: calc(100% - 10px);
}
#fchat.open>div {
    display: block !important;
}
#fchat.open>p {
    display: none !important;
}
.chat-header *{color:white;}
@keyframes show{
  from {width:0px;height:0px;overflow: hidden}
  to {width:0px;height:0px;overflow: hidden}
}
.overlaypu2.open {
    display: block;
}
.overlaypu2 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    display: none;
    color: white;
    z-index: 99999999999;
    position: fixed;
    padding: 10px 30px 5px 30px;overflow-y: scroll;
}
.popup-nojs {
    margin: 20px auto;
    border-radius: 5px;
    position: absolute;
    height: auto;
    border: solid 2px;
width:100%
}

.overlaypu2::-webkit-scrollbar {
    display: none;
}


/* Style the buttons inside the tab */
.chonmien button {
    float: left;
    border: solid 1px #ccc;
    transition: 0.3s;
    font-size: 14px;
    display: block !important;
    width: 33.333%;
}

/* Change background color of buttons on hover */
.chonmien button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.chonmien button.active {
  background-color: #ffa500;
}

/* Style the tab content */
.mienbac,.mientrung,.miennam {
  display: none;}

.chonmien .active{
display:block !important}
.chonmien p {
    margin-bottom: 3px;
    font-size: 13px;
}
body .nut-nong a {
    color: white !important;
    display: inline-block;
    font-size: 1.125rem;
    padding: 0.4em;
    margin: 0px auto;
    width: 100%;
    background: #f70d28;
    max-width: 269px;
    border-radius: 37px;
}
.nut-nong a:hover {
    background: #0a8547;
}
@media (max-width:768px){
    .hotline {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        padding: 5px;
        border: solid 1px #527da1;
        z-index: 9999;
	}
    .col-hot {
        display: flex;
        width: 60%;
        position: unset;
    }
#cfacebook {
    width: calc(88% - 40px);
    margin: 10px;
}
.hotline .bg-hot {
        width: 39px;
        height: 39px;
        background: url(/wp-content/uploads/2026/01/call-btt.png);
        background-size: contain;
        margin: 0 auto;
    }
    .hotline div {
        color: #000 !important;
        font-size: 11px;
        text-align: center;
    }
    .hotline .text {
        position: unset;
    }
.phone {
        display: none;
}
    .col-hot>a:first-child {
        margin-left: 2%;
    }	
    .col-hot>a:not(:first-child) {
        margin-left: 8%;
    }	
	
}
/* nút gọi */


.lien-he-qc{display:none;}
b.fn a {
    color: red;
}
@keyframes zzoom{
        from{ width: 200px;}
        to{ width: calc(100% - 20px);}
    }
@keyframes openmc{
        from{ bottom: 10px;}
        to{ bottom: 390px}
    }
@keyframes openms{
        from{ bottom: 10px;}
        to{ bottom: 445px}
    }

.fa, .fa-before:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-family: 'FontAwesome' !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-facebook-square:before {
    content: "\f082";
}
@media(min-width:501px){#fix_tel.open,#tel_qc.open{bottom:10px !important;animation-name:unset}}
@media(min-width:999px){
.nguoichat {
    zoom: 1.3;
    margin-bottom: 10px;
}
.khung-lh {
    background: transparent;
    box-shadow: none;
}
}
@media(max-width:500px){
.arcontactus-message-button {
    zoom: 0.9;
}
.addthis-smartlayers-mobile {
    display: none;
}

}



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