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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main .header-language-dropdown .image-icon {
	margin-left: 4px;
	margin-bottom: 4px;
}

.hover-zoom-in {
	pointer-events: none !important;
}
.sub-menu {
	background-color: rgba(0,0,0,70);
	border: none;
}
.sub-menu .menu-item a{
	color: #8D8D8D;
	border-bottom: 1px solid #555555 !important;
}

.banner .col-inner {
	 transition: all .4s ease-in-out; 
}
.banner .col-inner:hover {
	transform: scale(1.1);
}

ul li.bullet-checkmark, ul li.bullet-arrow{
	border-bottom: none;
}

ul li.bullet-checkmark:before{
	color: #e7bc00;
}

.footer2 .icon-box h4{
	margin-bottom: 0;
}
.gioi-thieu .icon-box {
	 transition: all .4s ease-in-out; 
}
.gioi-thieu .icon-box:hover{
	transform: scale(1.1);
}

/*------Pop-up---------------*/
.phone-mobile {display: none;}
.phone-mobile a {position: unset;}
.box_fixLeft {
    position: fixed;
    right: 0px;
    /*background: #d6ecff;*/
    background: #f2f2f2;
    border-radius: 5px 0 0 5px;
    width: auto;
    z-index: 120;
    bottom: 250px;
    padding: 10px 0;
    /*border: 1px solid #f2f2f2;*/
}
.box_fixLeft ul {list-style: none;padding: 0;margin: 0;}
.box_fixLeft ul li {list-style: none!important;}
.box_fixLeft ul>li a {
    border:none;
    padding: 2px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 9px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    height: 54px;
    text-decoration: none;
}

.box_fixLeft ul>li a:hover{
	color: #0e518d;
	box-shadow:none;
}


.box_fixLeft ul>li .chat_animation{display:none}
.box_fixLeft ul>li a i.ticon-heart {
    background: url(image/icon-booking.svg) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block
}
.box_fixLeft ul>li a i.ticon-zalo-circle2 {
    background: url(image/icon-zalo-circle.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.box_fixLeft li .button {
    background: transparent;
}
.box_fixLeft ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.box_fixLeft ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.box_fixLeft ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.box_fixLeft ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.box_fixLeft ul>li a i.ticon-messenger {
    background: url(image/icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.box_fixLeft ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.box_fixLeft ul>li a i.ticon-live-chat {
    background: url(image/icon-live-chat.png) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.box_fixLeft ul>li a i.icon-phone-w {
    background: url(image/icon-phone-w.png) no-repeat;
    background-size: contain;}
.box_fixLeft ul li .button .btn_phone_txt {
    position: relative;
}
@media only screen and (max-width: 600px){

	.box_fixLeft li .chat_animation{display:block !Important}
	 
	.box_fixLeft li .button .phone_animation {box-shadow: none;
	    position: absolute;
	    top: -10px;
	    left: 50%;
	    transform: translate(-50%,0);
	    width: 50px;
	    height: 50px;
	    border-radius: 100%;
	    background: #6cb917;
	    line-height: 15px;
	    border: 2px solid white;
	}
	.box_fixLeft ul>li a{padding:0; margin:0 auto}
	.box_fixLeft {
	    background: white;
	    width: 100%; border-radius:0;
	    color: #fff;
	    height: 60px;
	    line-height: 50px;
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    z-index: 2;
	    padding: 5px;
	    margin: 0;
	    box-shadow: 0 4px 10px 0 #000;
	}
	.box_fixLeft li {
	    float: left;
	    width: 20%;
	    list-style: none;
	    height: 50px;
	}
	.phone-mobile{display:block !important}

	#wpfomo.is-visible{
		bottom: 70px !important;
		left: 5px !important;
	}

	.absolute-footer{
		padding: 10px 0 65px 0;
	}

}

#wpfomo{
	width: auto;
    max-width: none;
    min-width: fit-content;
    z-index: 21;
}


/*----------end menu icon-------*/

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


}