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

@font-face {
    font-family: 'UTM Avo';
    src: url('/wp-content/themes/flatsome-child/fonts/UTMAvo.eot');
    src: url('/wp-content/themes/flatsome-child/fonts/UTMAvo.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvo.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvo.woff') format('woff'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvo.ttf') format('truetype'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvo.svg#UTMAvo') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

@font-face {
    font-family: 'UTM Avo';
    src: url('/wp-content/themes/flatsome-child/fonts/UTMAvoBold.eot');
    src: url('/wp-content/themes/flatsome-child/fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvoBold.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvoBold.woff') format('woff'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvoBold.ttf') format('truetype'),
        url('/wp-content/themes/flatsome-child/fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
    font-weight: bold;
    font-style: normal;
	font-display:swap;
}




*{
	font-family:'UTM Avo',Arial sans-serif !important;
	font-size:15px;
	font-display:swap;
}

.nav-dropdown-default .nav-column li>a{
	font-size:13px;
}

.vanphonghcm, .hotrokh, .chinhsachkh, .thongtincty{

	font-size:14px;
	
}
#mega-menu-wrap{
	background:#56b6de;
}
#mega-menu-title{
	color:#fff;
}
.vanphonghcm ul li a{
	color:#fff !important;
}
.vanphonghcm ul li i{
	color:#fff !important;
}
/*************** ADD CUSTOM CSS HERE.   ***************/

/*************** DMSP ***************/
#wide-nav>.flex-row>.flex-left {
    min-width: 290px;
    max-width: 290px;
    -ms-flex: none;
    flex: none;
    width: auto;
}


.vi-header {
    border-bottom: solid 1px #0056a8;
}
.vi-left-title {
    width: auto;
    background: #0056a8;
    color: #fff;
    padding: 5px 20px;
    font-size: 20px;
    position: relative;
    margin: 0;
}
.pull-left {
    float: left;
}
.pull-left {
    margin-left: 0 !important;
}
.vi-left-title a {
    color: #fff;
}

.pull-right {
    float: right;
}
.pull-right {
    margin-right: 0 !important;
}
.vi-right-link a:first-child {
    margin-left: 0;
}
.vi-right-link a {
    color: #555;
    font-size: 14px;
    margin-left: 15px;
}
.vi-right-link a.vi-more, .vi-right-link a:hover {
    color: #0056a8;
}
.vi-right-link a.vi-more:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 4px;
}

.col-inner>.img:not(:last-child), .col>.img:not(:last-child) {
    margin-bottom: 0;
}


.flex-left .nav-left{
	justify-content:center;
}

.term-description{
	width:100%;
	margin:0 auto;
	text-align:justify;
    font-family: "Helvetica Neue", Arial sans-serif;
}
.term-description h1, .term-description h2, .term-description h3, .term-description h4{
	color:#1d71ab;
	text-align:center;
}
@media (min-width: 850px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	

}
/*************** css cho nay di  ***************/

.row-collapse>.col.banner-1{padding: 5px !important; }
.row-collapse>.col.banner-nho{padding: 5px !important;}
.banner-featured{margin: 5px !important;}


.home_protab1_content .protab1_top {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    border-top: 2px solid rgb(81, 81, 81);
}
.home_protab1_content .qdx-page-top {
    border-bottom: 1px solid rgb(235, 235, 235) !important;
}
.home_protab1_content .protab1_top .page-title {
    width: 392px;
    border-width: 0px;
}
.home_protab1_content .protab1_top .page-title h2 {
    width: 100%;
    border-right: 1px solid rgb(235, 235, 235);
	margin-bottom:0px;
	padding:5px 15px;
	font-size:16px;
}
.home_protab1_content .protab1_top .page-title h2 a{
	text-transform:uppercase;
}
.home_protab1_content .protab1_top .nav-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    border-bottom: 0;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs>li>a{
	border:none;
	background:transparent;
}
.home_protab1_content .protab1_top .nav-tabs li{
    margin-left: 40px;
}
.home_protab1_content .protab1_top .nav-tabs .active a{
	color:#14713C;
 }
.home_protab1_content .protab1_top .nav-tabs li a:hover{
	color:#14713C;
 }
.page-title h2 {
    padding-right: 30px;
    font-weight: 400;
}


@media screen and (max-width: 768px)
{
	.hide-mobile {
    display: none !important;
}
.home_protab1_content .protab1_top .page-title {
    width: 270px;
}
	.haha .flickity-prev-next-button.previous{ left: auto; right: 20px !important;}
}

.slider .flickity-prev-next-button{ opacity: 1; }
.haha .flickity-prev-next-button{ 
	top: auto; 
	bottom: calc(100% + 20px );
}
.haha .flickity-prev-next-button.previous{ left: auto; right: 50px;}

.home_protab1_content{
	background-color:#fff;
}
.banner-sp{
	background-color:#fff;
}
.info_cty{
}
.info_cty h5 span{
	    text-transform: uppercase;
    display: block;
    font-size: 15px;
    color: #666;
    margin-bottom: 5px;
    font-weight: bold;
}
.info_cty .img_cty{
	   padding:5px 0;
}
.info_cty .info_chitiet{
	   margin-top:5px;
}
.info_cty .info_chitiet span{
    display: block;
    font-size: 13px;
    color: #666;
	font-weight:400;
}

.contact_cty h5 span{
	    text-transform: uppercase;
    display: block;
    font-size: 15px;
    color: #666;
    margin-bottom: 5px;
    font-weight: bold;
}

.address_cty{
	width:70%;
	margin:0 auto;
	text-align:center;
}
.address_cty span{
	color:#1f7f5c;
}
.address_cty span a{
	color:#333 !important;
}
.address_cty span:hover a{
	color:#1f7f5c !important;
}
.haha{
	height:320px;
}
.haha .banner-hinhsp .img-inner{
	height:320px;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

/*update hoher has-hover*/
.banner-nho .has-hover .img-inner,
.banner-hinhsp .has-hover .img-inner{
	display: block;
	position: relative;
}
.banner-nho .has-hover .img-inner:before,
.banner-hinhsp .has-hover .img-inner:before{
	content: "";
	position: absolute;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	-ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.banner-nho .has-hover .img-inner:after,
.banner-hinhsp .has-hover .img-inner:after{
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	-ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.banner-nho .has-hover .img-inner:hover:before,
.banner-nho .has-hover .img-inner:hover:after,
.banner-hinhsp .has-hover .img-inner:hover:before,
.banner-hinhsp .has-hover .img-inner:hover:after{
	-ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.title_mota{
	text-align:justify;
}
.title_mota h2{
	color:#008749;
}
.title_pad .col-inner h3{
	color:rgba(228, 202, 22, 0.94);
}
.title_pad{
	padding:0px !important;
}
.title_pad .col-inner p{
	text-align:justify !important;
}
.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}
.chat-zalo {
background: #8eb22b;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-face {
background: #125c9e;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #d11a59!important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
#smasthead{
	background-image: url("https://inlekhiet.vn/wp-content/uploads/2020/01/background-header-04-Copy.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}