@charset "utf-8";
/* CSS Document */
body{
	font-size: 1rem;/* 10pt;*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f7f9fc;
    /*
	font-style: normal;
    font-variant: normal;
    letter-spacing: normal;
    line-height: normal;
	*/
}
.page-header{
	margin-bottom: 20px;
}
.container-fluid{
	overflow: hidden;
}
.nopadding{
	margin-left:0px !important;
	margin-right:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
/*****************************/
nav.dulichvn{
	padding: 0px !important;
}
nav.dulichvn .nav-link-home .fa{
	font-size: 24px !important;

}
nav.dulichvn .nav-item .nav-link:hover{
	text-decoration: underline;
}
/*****************************/
.error {
	color: red;
	display: block;
}
/*****************************/
.nopadding-x{
	
	padding-left: 0px !important;
	padding-right: 0px !important;	
	
}
.nopadding-y{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
main,
footer{
	margin-top: 0px;
}
main div.left-content{
	max-width: 300px;		
}
main div.left-content .ad-home{	
	position: absolute;
}

/************** Trang chủ ***************/
li.active ul{
	display: block;
	visibility: visible !important;
}
main h2.title{
	padding-top: 10px;
}
section.hotnew{
	height: 215px;
	overflow: hidden;
}
section.hotnew.item-0{
	height: 450px !important;
	overflow: hidden;
}
section.hotnew.item-0 img{
	width: 100%;
	height: 300px;
}
section.hotnew.item-0 div.item-cat{
	padding: 7px 0px;
}
section.hotnew.item-0 div.item-cat a{
	clear: both;
	font-size: 10pt;
	color: #9f175c;
	padding: 5px 0px;
	text-transform: uppercase;
}
section.hotnew img{
	width: 195px;
	height: 130px;
}
section.hotnew h2.title{
	text-align: justify;
	font-size: 10pt !important;
	
}
section.hotnew div.item-meta,
section.hotnew h2.title span{
	font-size: 10pt;
	font-style: italic;
}
section.hotnew div.item-summery{
	text-align: justify;
	height: 70px;
	overflow: hidden;
}
div.cat-content{
	
}
div.left-content{
	/*padding-left: 15px !important;*/
	padding-right: 0px !important;		
}
.container-home{
	max-width: 90%;
	margin: 0px auto;
}

section.cat-home div.item-home{
	/*background: url(../image/home-title-bgr-bgr.png) top left repeat-y;*/
	min-height: 150px;
	/*padding-bottom: 20px;*/
}
section.cat-home div.doughnut-title{	
	padding: 7px;	
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
section.cat-home div.doughnut-title a{
	border: 2px solid #FFFFFF;
	display: inline-block;
	margin: 7px 0px 0px 0px;
	padding: 7px;
	-webkit-border-radius: 5px 20px 5px;
	-moz-border-radius: 5px 20px 5px;
	border-radius: 5px 20px 5px;
	color: #FFF;
}
section.cat-home h2.title{
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	/*border-bottom: 2px solid #9f175c;	*/
	text-align: justify;
	margin-bottom: 0px;
	padding: 0px;
}
section.cat-home div.item-home a.title{
	top:-25px;
	position: relative;
	display: block;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}
section.cat-home.big{
	/*
	max-width: 90%;
	margin: 0px 10%;
	padding: 20px 0px;
	*/
}
section.cat-home.big h2.title a{
	color: #FFF;
}
section.cat-home h2.title a,
section.cat-home div.subcat a{
	color: #9f175c;	
}
section.cat-home.big h2.title{
	/*background-color: #27467C;*/
	padding: 5px 5px 0px 5px;
	text-align: center;
	border-bottom: 2px solid #636d8d;
}
section.cat-home.big h2.title a.title-cat{	
	padding: 5px 15px;
	bottom: -10px;
	position: relative;	
	text-align: center;
	color: white;
	background-color: #202e5b;
}
section.cat-home.big .itemhome{
	/*background: url(../image/home-ttsk-bgr.png) top left;*/
	padding-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	border: 2px solid #636d8d;
	border-top: 0px;
}
section.cat-home.big .itemhome h2.title{
	background-color: transparent;
	text-align: justify;
}
section.cat-home div.subcat a{	
	font-size: 10pt;
}
section.cat-home div.subcat a{
	padding: 0px 5px 0px 5px;
	margin: 5px 0px;
	border-left: 1px solid #9f175c;
	
}
section.cat-home div.subcat a:first-child{
	border-left: 0px solid #9f175c;
}
section.cat-home div.subcat a.activated{
	text-decoration: underline;
}
section.cat-home div.itemhome a{
	text-transform: none;
	color: #FFFFFF;
}
section.cat-home div.itemhome h2.title{
	border-bottom: 0px;
}
section.cat-home div.itemhome img{
	width: 100%;
	height: 100%;
}
section.cat-home div.itemhome div.row{
	height: 150px;
	overflow: hidden;
}
section.cat-home div.itemhome section{
	margin-top: 10px;
	border-top: 1px dashed #c8c8c8;
}
section.cat-home div.itemhome section:first-child{
	margin-top: 0px;
	border-top: 0px dashed #c8c8c8;
}
section.cat-home div.doughnut-container{
	padding: 10px;
	height: 200px;
}
section.cat-home div.legend-container{
	padding: 0px 10px 0px 10px;
	height: 330px;
}
section.cat-home div.legend-container ul{
	margin: 0px;
	padding: 0px;
}
section.cat-home div.legend-container ul li{
	font-size: 10pt;
	color: #FFF;
	padding: 2px;
}
section.cat-home div.color1{
	background-color: #989933;
}
section.cat-home div.color2{
	background-color: #993235;
}
section.cat-home div.color3{
	background-color: #359869;
}
section.cat-home div.color4{
	background-color: #006599;
}
section.cat-home div.color5{
	background-color: #cd9933;
}
/************** Trang chủ hiển thị album ảnh***************/
section.cat-home.big div.itemhome section{
	margin-top: 10px;
	border-top: 0px dashed #c8c8c8;
}
/*
img {
  display: block;
  max-width:230px;
  max-height:95px;
  width: auto;
  height: auto;
}
object-fit: cover;
width: 100%;
height: 250px;
*/
section.cat-home.big div.itemhome section a{
	display: block;
	max-width:240px;	
	max-height:150px;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}
section.cat-home.big div.itemhome section div.item-image,
section.cat-home.big div.itemhome section div.item-image img{
	width: 100%;
	height: auto;
}
div.itemhome div.item-summery{
	text-align: justify;
}
/**************************CSDL********************************/
section.cat-data{
	background-image: url(../image/2025/dash3.png);
	background-repeat: repeat-x;
	background-position: center left;
}
section.cat-data h2.title, 
section.cat-data h2.title a{
	display: inline-block;
	margin: 0px !important;
	font-size: 11pt;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 7px 7px 5px 0px !important;
	color: #83a812;
	text-transform: uppercase;
}
section.data-list1{
	background-color: #f5f5f5;
	margin-bottom: 15px;	
	border-bottom: 2px solid #e0e0e0;
	padding: 15px;
}
section.data-list1 div.data-item .data-title{
	color: #008bc4;
	text-transform: uppercase;
	border-bottom: 2px solid #008bc4;
	padding: 0px 5px 5px 0px;
	display: block;
	font-weight: bold;
}
section.data-list1 div.data-item .data-title a{
	color: #008bc4;
}
section.data-list1 div.data-item i{
	color: #008bc4;
	width: 15px;
}
section.data-list1 .data-services{
	margin-top: 10px;
}
section.data-list1 .cslt-services{
	width: 30px;
	border-color: #008bc4;
	margin: 5px 5px 0px 0px;
}
section.data-list1 .data-icon img{
	width: 100%;
}
section.data-list1 .data-title,
section.data-list1 .data-type,
section.data-list1 .data-room,
section.data-list1 .data-price,
section.data-list1 .data-address,
section.data-list1 .data-tel,
section.data-list1 .data-fax,
section.data-list1 .data-email,
section.data-list1 .data-wwebsite{
	padding: 3px 0px;
}
section.data-list1 .summary img,
section.data-list1 .content img{
	max-width: 100%;
}
/**************************Hết CSDL********************************/
/**************************Menu left********************************/
section.cat-left{
	margin-bottom: 15px;
}
section.cat-left div.itemLeft{
	border-bottom: 1px solid #dcdcdc;
	border-left:  1px solid #dcdcdc;
	border-right:  1px solid #dcdcdc;
	padding: 5px;
}
section.cat-left h2.title{
	padding-top: 0px !important;
	margin-bottom: 0px !important;	
	text-transform: uppercase;
}
section.cat-left h2.title a{
	color: white;
	font-size: 10pt;
	display: block;
	text-align: center;
	background-color: #008bc4 !important;
	padding: 12px 5px;
	font-weight: bold;
}
section.cat-left div.itemLeft div.subtitle{
	border-bottom: 1px dashed #C0C0C0;
	padding: 10px 5px;
} 
/**********************************************************/

/************** Hết Trang chủ ***************/
div.pagination{
	margin: 10px 0px;
}
div.pagination div{
	padding: 5px;
}
div.pagination .current{
	color: red;
}
/************** Quảng cáo ***************/
div.left-content div.ad-home img{
	width: 135px;
}
div.left-content div.big img{
	width: 280px;
}
div.bottom-ad{
	margin-top: 20px;
}
div.bottom-ad div.ad-home{
	border: 4px solid #cdcdcd;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 15px;
}
div.bottom-ad div.ad-item{
	margin: 15px 0px 15px 15px;
	float: left;	
	width: 135px;
	height: 86px;	
}
div.bottom-ad div.ad-item img{	
	width: 135px;
	height: 86px;
}
.bottom-ad .carousel{
	padding: 0px 30px;
}
.bottom-ad .carousel-control-next,
.bottom-ad .carousel-control-prev{
	width: auto;
}
.bottom-ad .carousel-control-next{
	padding-right: 10px;
}
.bottom-ad .carousel-control-prev{
	padding-left: 10px;
}
.bottom-ad .carousel-control-next-icon{
	background-image: url(../image/right.png);
}

.bottom-ad .carousel-control-prev-icon{
	background-image: url(../image/left.png)  
}
/************** Quảng cáo ***************/
div.ad-item{
	float: left;
}
div.ad-home-center{
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin: 20px 0px;
}
div.ad-home-center img{	
	max-height: 80px;	
}
div.ad-home-center div.ad-item{
	padding-left: 10px;
}
div.ad-home-center div.ad-item:first-child{
	padding-left: 0px;
}
/************** trang danh muc ***************/
section.item-list.news{
	/*max-width: 600px;	*/
	/*padding-bottom: 15px;
	padding-top: 15px;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	margin-right: 15px;
	*/
}
section.item-list.news img{
	width: 220px;
	height: 136px;
}
section.item-list.news .big img,
section.item-list.news:first-child img{
	width: 100%;
	height: 100%;
}
section.item-list h2{
	text-align: justify;
	font-size: 10pt !important;
	/*padding: 5px 0px;*/
}
section.item-list.news .big{
	background-color: #FFFFFF;
	padding: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}
section.item-list.news .small{
	background-color: #FFFFFF;
	padding: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	height: 240px;
	width: 96%;
}
section.item-list.news .big img{
	width: 500px;
	height: 333px;
	max-height: 333px;
	max-width: 500px;
}


section.item-list.news .big,
section.item-list.news .small{	
	/*position: relative;*/
}
section.item-list.news .big,
section.item-list.news .small,
section.item-list.news .item-image{
	float: left;
}
section.item-list.news .item-image{
	margin-right: 15px;
}
/*
section.item-list .news .item-image{
	width: 65%;
}
section.item-list .news .item-title{
	width: 35%;
}
*/
section.item-list.news .big{
	width: 98%;
}
section.item-list.news .big h2 a{
	color: #175398;
	font-size: 14pt;
	font-weight: bold;
}
section.item-list.news .big .item-summery{
	font-size: 12pt;
}
section.item-list.news .item-title span.meta{
	margin-top: 10px;
	display: block;
}

section.item-list.news .small h2 a{
	color: #175398;
	font-size: 13pt;
	font-weight: bold;
}
section.item-list.news .small .item-summery{
	font-size: 11pt;
	float: left;
}

/************************ ALbum ảnh****************************/
section.item-list.album{
	width: 50%;
	margin-bottom: 10px;
}
section.item-list.album:first-child div.item-detail{
	border-bottom: 1px dashed #c8c8c8;
	padding-bottom: 10px;
}
section.item-list.album:first-child img{
	width: 100% !important;
	height: 380px !important;
	
}
section.item-list.album img{
	width: 100% !important;
	height: 180px !important;
}
/************************ Video ****************************/
/****************************************************/
/*
div.top_menu a{
	padding: 10px 15px;
}
div.bottom-menu a{
	padding: 10px 15px;
}
*/
/****************************************************/

div.utilities-content .utilities-title{
	text-transform: uppercase;
	background-color: #9f175c;
	color: white;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
div.utilities-content .utilities-list{
	background-color: #f1f1f1;
}
.utilities-list ul{
	list-style: none;
	margin: 0px;
	padding: 5px 15px 0px 15px;
}
.utilities-list ul li{
	border-bottom: 1px dashed #c8c8c8;
	margin-top: 10px;
}
li.subcat h1{
	text-align: justify;
	font-size: 10pt !important;
	text-transform: uppercase;
	
}
li.subcat h1 a{
	color:  #9f175c;
}
li.subtitle h2{
	text-align: justify;
	font-size: 10pt !important;
}
/************** trang chi tiết tin tức ***************/
.main-item-content .cat-home h2.title{
	background-color: white;
	padding: 10px;
}
section.news-item-detail{
	padding: 15px;
    background-color: WHITE;
}
article.news-item-detail{
	text-align: justify;
	margin-top: 15px;
}
article.news-item-detail h1{
	font-size: 20pt;
}
article.news-item-detail div.meta{
	font-size: 10pt;
	font-style: italic;
	padding: 10px 0px;
}
article.news-item-detail div.related{
	padding-top: 10px;	
	/*background-color: rgba(0, 123, 255, 0.5);*/
}
article.news-item-detail div.related a{
	font-size: 10pt;
}
div.summery,
div.content{
	text-align: justify;
}
div.topics{
	margin: 10px;
	padding: 15px;
	background-color: #f1f1f1;
}
div.topics .row{
	margin-bottom: 15px;
}
div.topics .item-image img{
	width: 160px;
	height: 108px;
}
div.topics .item-summery{
	font-size: 10pt;
}
div.topics .item-detail{
	padding-left: 0px;
}

div.nextitem,
div.preitem{
	/*max-width: 585px;*/
}
div.nextitem h2.title a,
div.preitem h2.title a{
	color: #9f175c;
	font-size: 10pt;
	text-transform: uppercase;
}
div.nextitem .col-md-4,
div.preitem .col-md-4{
	/*max-width: 195px;*/
}
div.nextitem .item-image,
div.preitem .item-image{
	/*width: 180px;*/
	margin-bottom: 10px;
}
div.nextitem .item-image img,
div.preitem .item-image img{
	width: 152px;
	height: 110px;
}
div.nextitem .item-detail h2.item-title,
div.preitem .item-detail h2.item-title{
	
	font-size: 10pt;
}
/************** Footer ***************/
footer div.row{
	padding: 20px;
}
footer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
footer ul li{
	color: #FFFFFF;
}
/*************Album ảnh****************/
div.album-content div{
	display: inline-block;
}
div.album-content div.list-3{
	-moz-column-width: 17em;
	-webkit-column-width: 17em;
	-moz-column-gap: 1em;
	-webkit-column-gap:1em; 
	column-width: 17em;
	column-gap: 1em;
}
div.album-content .item {
	display: inline-block;
	padding: 5px;/* .25rem;*/
	width:  100%; 
	margin-bottom: 15px;
}
div.album-content div.card{
	
}
div.album-content .card {
	position:relative;
	display: block;
}
div.album-content a img{
	/*max-width:420px;
	max-height:300px;
	*/
	width:100%;
}
div.album-content a h5{
	font-size: 10pt;
}
.news-item-detail img{
	max-width: 100%;
	max-height: 100%;
	/*width: 100% !important;
	height: 100% !important;*/
}
.listing-items img{
	max-width: 100%;
	max-height: 100%;
	width: 100% !important;
	height: 100% !important;
}
/************ Tags*****************/
.item-summery{
	text-align: justify;
}
main .item-list .item-image img{
	width: 185px;
	height: 120px;
}
/**************TOp menu***************/
#top-menuid .nav-link{
	color: #FFFFFF !important;
}
.dropdown-menu .nav-link{
	color: #FFFFFF !important;
}

form{
	padding-top: 7px;
}
/*
form input[type=text] {
    padding: 5px;
    font-size: 10pt;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #f1f1f1;
}
*/
form button {
    float: left;
    width: 20%;
    padding: 5px;
    background: #2196F3;
    color: white;
    font-size: 10pt;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

form button:hover {
    background: #0b7dda;
}

form::after {
    content: "";
    clear: both;
    display: table;
}
/************* CSDL ****************/
section.data-list{		
	margin-top: 15px;
	background-color: #f5f5f5;
	border-bottom: 2px solid #C5C5C5;
}

div.data-content{
	height: 200px;
	max-height: 200px;
	background-color: #FFFFFF;
	padding: 15px;
	margin-right: 15px;
}
div.data-content div{
	padding: 3px;
}
/*************Menu right****************/
.menu-right .cat-home{
	background-color: white;
	
}
.menu-right .cat-home h2.title{
	padding: 10px;
}
.menu-right .itemRight{
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: white;
	/*border: 1px solid #C8C8C8;
	border-top: 0px;*/
	padding: 10px;
}
.menu-right .itemRight .subtitle{
	padding: 7px 0px;
	border-bottom: 1px dashed #C8C8C8;
}
/************* HDV ****************/
div.list-2{
	/*
	-moz-column-width: 30em;
	-webkit-column-width: 30em;
	-moz-column-gap: 1em;
	-webkit-column-gap:1em; 
	column-width: 30em;
	*/
	column-count: 2;
	column-gap: 1em;
}
div.list-2 .card,
.hdv-list .card{
	margin-bottom: 15px;
	break-inside: avoid;
}
div.img-hdv img{
	width: 120px;
	height: 170px;
	margin-bottom: 15px;
}
div.hdv-title{
	padding: 7px 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
}
div.hdv-title i{
	font-style: normal;
}
div.hdv-title1{
	background-color: #1b75bc;	
}
div.hdv-title2{
	background-color: #ec008b;
}
div.hdv-title3{
	background-color: #f15a2a;
}
div.hdv-sothe{
	padding: 7px 5px;
	border-bottom: 1px dashed #C0C0C0;
}
div.hdv-loai{
	padding: 7px 5px;
	border-bottom: 1px dashed #C0C0C0;
}
div.hdv-hh{
	padding: 7px 5px;
	border-bottom: 1px dashed #C0C0C0;
}
div.hdv-tinh{
	padding: 7px 5px;
	border-bottom: 1px dashed #C0C0C0;
}
div.hdv-nn{
	padding: 7px 5px;
	border-bottom: 1px dashed #C0C0C0;
}
div.hdv-dd{
	padding: 7px 5px;
	border-bottom: 1px dashed #C0C0C0;
}
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a{
	text-transform: uppercase;
	font-weight: bold;
}

nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#202e5b;
    border-radius:0;
}
nav > div a.nav-item.nav-link.active{
	background:#008bc4;
}
nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #008bc4 ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #008bc4;
    border-top:5px solid #008bc4;
    border-bottom:5px solid #008bc4;
    padding:30px 25px;
}
.tab-content input,
.tab-content select{
	border: 1px solid #008bc4;
	border-color: #008bc4 !important;
}
nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #008bc4;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}
/************************************************************2019*************************************************************************/
.menu2019{
	background: url(../image/2025/bg-menu.jpg) top left repeat-x;
	height: 64px;
}
.menu2019-left{	
	width: 251px !important;
}
.menu2019-center{
	width: 262px !important;
}
.menu2019-right{
	width: 687px;
	overflow: hidden;	
}
.menu2019-right ul.dropdown li.activated a{
	background-color: #008bc4;
}
.menu2019-right ul.dropdown li a{
	padding-left: 7px !important;
	padding-right: 7px!important;
	padding-top: 10px;
	font-size: 13px;
	height: 45px;
	margin-top: 10px;
	color: #FFF;
}
.menu2019-right ul.dropdown ul li a{
	height: auto !important;
	margin: 0px;
}
/**************************************************************2020***********************************************************************/
.menu2020{
    
	background-color: #263462;
	height: 65px;
}
.image-bg {
  background-size: cover !important;
  background-position: center !important;
}
.image-cover {
  background-size: cover !important;
  background-position: center !important;
}
.page-title {
  width: 100%;
  height: 350px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  /*justify-content: center;*/
  justify-content: flex-end;
  background: #f4f5f7;
  padding-bottom: 15px;
}
.ipt-title {
  margin-bottom: 5px;
}
.ipt-title {
  margin-bottom: 5px;
}
.ipn-subtitle {
  font-size: 20px;
  font-family: initial;
  font-style: italic;
}
.text-light {
  color: #f8f9fa !important;
}
div[data-overlay] h1,
div[data-overlay] h2,
div[data-overlay] h3,
div[data-overlay] h4,
div[data-overlay] h5,
div[data-overlay] h6 {
  color: #fff;
}
div[data-overlay] p,
div[data-overlay] ul {
  color: #fff;
}
[data-overlay] {
  position: relative;
}
[data-overlay]:before {
  position: absolute;
  content: "";
  background: #252525;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-overlay] *:not(.container):not(.bg-img-holder) {
  z-index: 2;
}
[data-overlay].image--light:before {
  background: #fff;
}
[data-overlay="1"]:before {
    opacity: 0.1;
    filter: alpha(opacity=10);
}
[data-overlay="2"]:before {
    opacity: 0.2;
    filter: alpha(opacity=20);
}
[data-overlay="3"]:before {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
[data-overlay="4"]:before {
    opacity: 0.4;
    filter: alpha(opacity=40);
}
[data-overlay="5"]:before {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
[data-overlay="6"]:before {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
[data-overlay="7"]:before {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
[data-overlay="8"]:before {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
[data-overlay="9"]:before {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
/*************************************************************************************************************************************/




/*****************************/
@media (min-width: 1200px){
	.container {
		max-width: 1170px;
	}
	.listing-shot-img img{
    width: 100%;    
}
	/*
	main div.main-content{
		max-width: 900px;	
	}
	*/
}
@media (max-width: 1199px){
	
	/*.left-content,*/
	.bottom-ad{
		display: none;
	}
	.main-content{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0px auto;
	}
	.utilities-content{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	/*
	.cat-content,
	.tags-content,
	.main-item-content{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	*/
	section.item-list.news,
	section.item-list.news.big{
    	max-width: 100%;
	}
	section.item-list.news.big img,
	section.item-list.news.big .item-image{
		width: 100%;
		height: 120px;
	}
	div.nextitem, div.preitem, div.nextitem .col-md-4, div.preitem .col-md-4,
	div.nextitem .item-image img, div.preitem .item-image img,
	div.nextitem .item-image, div.preitem .item-image{
		max-width: 100%;
		width: 100%;
	}
	/**************** Menu top****************/
	.menu2019-left{
		display: none;
	}
	.menu2019-right{
		width: 256px !important;
	}
	div#top-menuid{
		background-color: #236dba;
		z-index: 100;
		padding-left: 20px;
		padding-right: 20px;
	}
	div#top-menuid a.nav-link{
		color: #fff !important;
	}
	ul.dropdown-linear li ul li:first-child {
		display: none;
	}
	ul.dropdown-linear li ul li {
		float: none;
	}
	ul.dropdown-linear ul a {
		color: #1f416e;
		text-decoration: none;
		background-image: none;
	}
	ul.dropdown-linear ul {
		width: 100% !important;
	}
	/********************************/
}

@media (max-width: 1024px){
	.timelesscharm{
		display: none;
	}
}
@media (max-width: 1024px) and (min-width: 768px){
	section.cat-home.big div.itemhome section div.item-image, section.cat-home.big div.itemhome section div.item-image img {
		width: 100%;
		height: 150px;
	}
}
@media (max-width: 991px){
	.container {
		/*max-width: 95%;*/
	}
	.cat-content,
	.tags-content,
	.main-item-content{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
	}
	.left-content{
		display: none;
	}	
	.utilities-content{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}	
/*
}
@media (max-width: 767px){
	*/
	section.hotnew img {
		width: 100%;
		height: 300px;
	}
	section.hotnew {
		height: 100%;
		overflow: inherit;
	}
	section.cat-home div.itemhome img {
		width: 100%;
		height: 300px;
	}
	section.cat-home div.itemhome div.row{
		height: 100%;
		overflow: inherit;
	}
	section.cat-home.big div.itemhome section div.item-image,
	section.cat-home.big div.itemhome section div.item-image img{
		/*width: 100%;
		height: 300px;
		*/
	}
	.cat-content,
	.tags-content,
	.main-item-content{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.utilities-content{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	div.nextitem, div.preitem, div.nextitem .col-md-4, div.preitem .col-md-4{
		max-width: 100%;
		width: 100%;
	} 
	div.nextitem .item-image img, div.preitem .item-image img {
		width: 100%;
		height: 100px;
	}
	div.nextitem .item-image, div.preitem .item-image {
		max-width: 100%;
		width: 100%;
	}
	section.item-list .col-md-4,
	section.item-list.col-md-4,
	article.col-md-4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	section.item-list .col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	section.item-list.album img,
	section.item-list.album:first-child img {
		width: 100% !important;
		height: 250px !important;
	}
}
@media (max-width: 767px){
	div.list-2{
		/*
		-moz-column-width: 30em;
		-webkit-column-width: 30em;
		-moz-column-gap: 1em;
		-webkit-column-gap:1em; 
		column-width: 30em;
		*/
		column-count: 1;
		column-gap: 1em;
	}
	div.col-md-auto{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	header.page-header .row{
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media (max-width: 425px){
	section.item-list.album {
		width: 100%;
		margin-bottom: 10px;
	}
	section.item-list.news .big img{
		width: 100% !important;
		height:  100% !important;
	
	}
	.main-content img{
		height: 200px !important;
	}
	.itemhome img{
		height: 180px !important;
	}
	.itemhome,
	.main-content{
		overflow: hidden;
	}
	div.nav{
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: normal!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
	/*
	main .item-list .item-image img, 
	section.item-list.news.big img, section.item-list.news:first-child img, 
	section.item-list.album:first-child img,
	main .album  .item-image img{
		height: 200px !important;
	}
	*/
	section.hotnew.item-0 {
		height: 100% !important;
		overflow: hidden;
	}
	section.item-list .col-md-8,
	section.item-list .col-md-4, section.item-list.col-md-4, article.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	section.item-list.news.big img, section.item-list.news.big .item-image {		
		height: 250px !important;
	}
	section.item-list.news, section.item-list.news.big {
		max-width: 100%;
		overflow: hidden;
	}
	div.nextitem .item-image, div.preitem .item-image {
		display: none;
	}
	div.nextitem .item-detail h2.item-title::before, 
	div.preitem .item-detail h2.item-title::before {
		content: " - ";
	}
	.itemhome{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0;
		margin-left: 0;
	}
	.itemhome section{
		padding-left: 0px;
		padding-right: 0px;
	}
	.menu-top{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}
.row::before, .row::after {display:inline-block;}  

/*****************************/
/*----------- Global Settings: Custom Checkbox & Radio Button ----------------*/
.no-ul-list.first-row,
.no-ul-list {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.no-ul-list.third-row {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.no-ul-list.second-row li {
  max-width: 50%;
  float: left;
  margin-bottom: 7px;
  flex: 0 0 50%;
}
.no-ul-list.third-row li {
  max-width: 50%;
  float: left;
  margin-bottom: 7px;
  flex: 0 0 50%;
}
.no-ul-list {
  padding: 0;
}
.no-ul-list li {
  list-style: none;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointerer;
}
.checkbox-custom-label,
.radio-custom-label {
  position: relative;
}
.checkbox-custom + .checkbox-custom-label:before {
  content: "";
  background: #fff;
  border: 2px solid #dae3ec;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.radio-custom + .radio-custom-label:before {
  content: "";
  background: #fff;
  border: 2px solid #dae3ec;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  background: #f96825;
  border-radius: 2px;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
  background: #f96825;
  box-shadow: inset 0px 0px 0px 4px #fff;
}
.company-brands label {
  font-weight: normal;
  color: #828f99;
  font-size: 15px;
}

.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
  outline: none; /* focus style */
}
.company-brands input[type="checkbox"]:focus {
  outline: none;
}
.company-brands label:focus {
  outline: none;
}
/*****************************/
/*---------- General Features: Filter & Shorting -------------*/
.shorting-wrap {
  background: #ffffff;
  border-radius: 0.3rem;
  margin-bottom: 2rem;
  padding: 0.5rem 1rem;
  /*border: 1px solid #ebedf1;*/
  border: 1px solid rgba(0,0,0,.125);
  display: flex;
  justify-content: flex-start;
  align-items: center;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}
.shorting-title {
  flex: 1;
  font-size: 14px;
  color: #495e96;
  margin: 0;
}
.shorting-right {
  width: auto;
  background: #f0f3f7;
  border-radius: 2px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  line-height: 20px;
}
.shorting-right .dropdown.show {
  display: inline-block;
}
.shorting-right .btn.btn-filter {
  color: #8891a7;
  padding: 2px 5px;
  font-size: 14px;
  line-height: unset;
}
.shorting-right label {
  display: inline-block;
  margin-bottom: 0;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #f8f9fa;
}
.shorting-right .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}
/*****************************/
/*====================================
	Listings Style
======================================*/
.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  margin: 5px 7px 0;
  background: rgba(113, 149, 179, 0.2);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 100%;
  position: relative;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #d3dbe2;
}
.owl-theme .owl-dots .owl-dot.active span:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #a3b1bb;
  border-radius: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.owl-theme .owl-dots .owl-dot:focus,
.owl-theme .owl-dots .owl-dot:hover {
  outline: none;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 1.5rem;
}
.list-slide-box {
  padding: 10px 0;
}
.modern-list {
  background: #ffffff;
  position: relative;
  display: block;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}
.list-slide-box .modern-list {
  margin-bottom: 0;
}
.modern-list .popular {
  position: absolute;
  right: 30px;
  top: 30px;
}
.modern-list .hot {
  position: absolute;
  right: 30px;
  top: 30px;
}
.modern-list .new {
  position: absolute;
  right: 30px;
  top: 30px;
}
.grid-category-thumb {
  display: table;
  width: 100%;
  min-height: 200px;
  padding: 10px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.grid-category-thumb img {
  border-radius: 10px;
}
.modern-list-content {
  position: relative;
  padding: 5px 20px 15px;
  display: table;
  width: 100%;
}
.lst-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 3px;
}
.list-rates i {
  color: #6e778a;
  font-size: 15px;
}
.list-rates i.filled {
  color: #ff8000;
}
.list-rates a {
  font-size: 14px;
  margin-left: 10px;
  color: #6e778a;
}
.overlay-cate {
  position: relative;
  height: 100%;
  display: block;
}
.overlay-cate:before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, transparent 7%, #1a1d2b);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  opacity: 1;
  border-radius: 6px;
}
.modern-list .property_meta {
  display: block;
  margin: 0;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.modern-list .listing-card-info-icon {
  font-size: 15px;
}
.modern-list .listing-card-info-icon {
  width: 100%;
  flex: 0 0 100%;
  margin-bottom: 1rem;
}
.modern-list .inc-fleat {
  margin-left: 0px;
  color: #ffffff;
}
.modern-list .inc-fleat.inc-add:before {
  /*background: url(assets/img/light-add.svg);*/
  content: "";
  position: absolute;
  background-size: contain;
  width: 23px;
  height: 23px;
  top: 1px;
  left: 4px;
}
.modern-list .inc-fleat.inc-call:before {
  background: url(assets/img/light-call.svg);
  content: "";
  position: absolute;
  background-size: contain;
  width: 23px;
  height: 23px;
  top: 1px;
  left: 4px;
}
.modern-list-cat {
  background: #f5203e;
  position: absolute;
  left: 30px;
  bottom: 104px;
  padding: 5px 16px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 50px;
}
.modern-list.ml-2 .author-avater {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  display: table;
  margin: 0 auto;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
  overflow: hidden;
  top: -40px;
  position: absolute;
  right: 45px;
}
.modern-list.ml-2 .lst-title a {
  color: #ffffff;
}
.modern-list.ml-2 .list-rates a {
  font-size: 14px;
  margin-left: 10px;
  color: #ffffff;
}
.modern-list.ml-2 .list-rates {
  margin-bottom: 4px;
}
.modern-list.ml-2 .list-rates i {
  color: #ffffff;
}
.modern-list.ml-2 .list-rates i.filled {
  color: #ff8000;
}
.property_item .medium {
  background: #ff8d00;
}
.property_item .good {
  background: #6ebd17;
}
.property_item .great {
  background: #12b96c;
}
.property_item .poor {
  background: #f5225c;
}
.list-badge {
  background-color: #333;
  float: left;
  position: absolute;
  transform: rotate(45deg);
  right: -64px;
  top: 22px;
  text-align: center;
  width: 200px;
  font-size: 12.5px;
  margin: 0;
  z-index: 999;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
}
.list-badge.now-open {
  background-color: #12b94d;
}
.list-badge.now-close {
  background-color: #e42626;
}

/*------------ Listings Style: Classic Style -----------*/
.property_item {
  background: #fff;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 30px;
    min-height: 230px;
  box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}
.property_item .color1{
    background-color:#1b75bc;
    color: #FFF;
}
.property_item .color2{
    background-color:#ec008c;
    color: #FFF;
}
.property_item .color3{
    background-color:#f15a2a;
    color: #FFF;
}
.image {
    position: relative;
    height: 130px;
    min-width: 100px;
    overflow: hidden;
}
.image img{
    width: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.image-pro {
    position: relative;
    height: 200px;
    min-width: 100px;
    overflow: hidden;
}

.image-pro img{    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	width: 100%;
}

.image-pro .listing-thumb{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	align-items: center;
	justify-content: center;
}

.listing-thumb {
  position: relative;
  display: block;
  max-height: 200px;
}
.listing-thumb:before {
  background: linear-gradient(to bottom, transparent 17%, #464c63);
  position: absolute;
  content: "";
  bottom: 0;
  height: 100%;
  left: 0;
  right: 0;
  display: block;
  transition: all ease 0.4s;
}
.property_item:hover .listing-thumb:before {
  background: linear-gradient(to bottom, transparent 17%, #007bff);
}
.listing-price-info {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: inline-block;
  border-radius: 50px;
  font-size: 14px;
}
.listing-price-info span {
  display: inline-block;
  background: #ffffff;
  padding: 4px 18px;
  border-radius: 50px;
  font-size: 14px;
  margin-right: 15px;
  color: #505667;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2);
}
a.tag_t,
a.tag_t:hover,
a.tag_t:focus {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #ffffff !important;
}
.tag_t i {
  margin-right: 10px;
  font-size: 18px;
}
.proerty_content {
  position: relative;
  padding: 0em 1.5em 0em;
  text-align: center;	
}
.proerty_text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.captlize {
    font-size: 18px;
    font-weight: 600;
    color: #495e96;
    flex: 1;
    line-height: 1;
    margin-bottom: 5px;
}
.property_meta {
  display: block;
  margin: 1.5em 0 0rem;
}
.classical-list .proerty_price {
  margin: 0;
  font-weight: 600;
  color: #049869;
}
.property_add {
  color: #6e778a;
}
.classical-list .btn {
  font-size: 14px;
  padding: 12px 22px;
}
.btn.btn-theme {
  background: #f96825;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 5px;
}
.btn.btn-theme-light {
  color: #f96825;
  background: rgba(255, 139, 0, 0.12);
  border-radius: 4px;
  margin-bottom: 5px;
}
.price-features-wrapper .listing-price-fx {
  flex: 1;
}

.inc-fleat {
  margin-left: 15px;
  color: #6e778a;
}
.list-fx-features {
  margin-top: 5px;
  display: flex;
  width: 100%;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: left;
}
.listing-card-info {
  display: inline-block;
  padding-left: 32px;
  position: relative;
  vertical-align: top;
  width: 100%;
  flex: 0 0 50%;
  margin-bottom: 1.5rem;
  font-size: 14px;
}
.listing-card-info-icon {
  display: inline-block;
  padding-left: 32px;
  position: relative;
  vertical-align: top;
  width: 50%;
  flex: 0 0 50%;
  margin-bottom: 1.5rem;
  font-size: 14px;
}
.inc-fleat.inc-add:before {
  background: url(assets/img/add.svg);
  content: "";
  position: absolute;
  background-size: contain;
  width: 23px;
  height: 23px;
  top: 1px;
  left: 4px;
}
.inc-fleat.inc-call:before {
  background: url(assets/img/call.svg);
  content: "";
  position: absolute;
  background-size: contain;
  width: 23px;
  height: 23px;
  top: 1px;
  left: 4px;
}
.listing-card-info-icon img {
  margin-right: 5px;
  max-width: 18px;
}
.author-avater {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  display: table;
  margin: 0 auto;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
  overflow: hidden;
  /*top: -30px;*/
  position: relative;
}
.author-avater img {
  width: 100%;
  border-radius: 50%;
}
span.veryfied-author:before {
  content: "\e64c";
  display: inline-block;
  font-family: "themify";
  width: 20px;
  height: 20px;
  color: #ffffff;
  background: #29af6a;
  border-radius: 50%;
  margin-left: 7px;
  top: 2px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}

span.veryfied-author {
  position: relative;
}
.listing-footer-info, .listing-header-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 1.5rem;
}
.listing-cat {
  flex: 1;
  float: left;
}
a.cat-icon.cl-1 {
  color: red;
}
.cat-icon i {
  width: 32px;
  height: 32px;
  display: table;
  background: red;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  color: #ffffff;
  margin-right: 5px;
  float: left;
}
span.more-cat {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  background: #ffffff;
  border: 2px solid #bdc4d6;
  border-radius: 50%;
  line-height: 28px;
  margin-left: 5px;
  color: #707988;
  font-size: 15px;
}
a.cat-icon.cl-1 {
  color: #6d7a8a;
  font-weight: 600;
}
.listing-footer-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 1rem 1.5rem;
  border-top: 1px dashed #e8edfb;
	height: 80px;
	overflow: hidden;
}
.property_item .list-rate {
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: #34a853;
  padding: 4px 12px;
  border-radius: 3px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
}
.place-status {
  color: #12b96c;
}
.place-status.closed {
  color: #e42f2f;
}
/*****************************/
/*------------------ verticle Style --------------*/
.verticleilist.listing-shot {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}

.verticleilist.listing-shot .signle-vert-listing-item {
  display: flex;
  height: 210px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.verticleilist.listing-shot .listing-item {
  flex: 3;
  overflow: hidden;
  min-height: 210px;
}
.verticleilist.listing-shot .verticle-listing-caption {
  flex: 5;
  bottom: 0;
  padding: 0;
  left: 0;
  position: relative;
}
.listing-items {
  height: 100%;
}
.listing-shot-img {
  height: 100%;
}
.listing-shot-img img {
  /*width: 100%;*/
  object-fit: cover;
}
.verticle-listing-caption .listing-shot-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 35px;
  padding-right: 120px;
}
.verticle-listing-caption .listing-shot-caption h4 {
  margin: 3px;
}
.listing-badge {
  background-color: #333;
  float: left;
  position: absolute;
  transform: rotate(-45deg);
  left: -60px;
  top: 30px;
  text-align: center;
  width: 200px;
  font-size: 12.5px;
  margin: 0;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
}
.listing-badge.now-open {
  background-color: #11b719;
}
.listing-badge.closed {
  background-color: #e42133;
}
span.approve-listing {
  color: #ffffff;
  width: 18px;
  height: 18px;
  line-height: 20px;
  border-radius: 50%;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -4px;
}
a.list-cat,
a.list-cat:hover,
a.list-cat:focus {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #ff033e;
  color: #ffffff !important;
  padding: 7px 18px;
  border-radius: 50px;
  line-height: 1.5;
}
a.like-listing {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 46px;
  color: #ff033e;
  font-size: 17px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0px 0px 10px 0px rgba(88, 96, 109, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(88, 96, 109, 0.1);
}
a.like-listing:hover,
a.like-listing:focus {
  background: #ff033e;
  color: #ffffff !important;
}
.listing-shot-info.rating {
  margin-top: 10px;
}
.listing-shot-info.rating i {
  color: #9da0ab;
}
.listing-shot-info.rating i.fill {
  color: #ff7800;
}
.listing-shot-info.rating span {
  margin-left: 10px;
}
/*****************************/
/*------------------ verticle Style --------------*/
.color-dnlh1{
    padding: 15px;
    background-color: #61CE70;
    font-size: 1rem;
    font-weight: bold;
    color: #FFF;
}
.color-dnlh2{
    padding: 15px;
    background-color: #002758;
    font-size: 1rem;
    font-weight: bold;
    color: #FFF;
}


.verticleilist.listing-shot {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}

.verticleilist.listing-shot .signle-vert-listing-item {
  display: flex;
  height: 210px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.verticleilist.listing-shot .listing-item {
  flex: 3;
  overflow: hidden;
  min-height: 210px;
}
.verticleilist.listing-shot .verticle-listing-caption {
  flex: 5;
  bottom: 0;
  padding: 0;
  left: 0;
  position: relative;
}
.listing-items {
  height: 100%;
}
.listing-shot-img {
    height: 100%;    
}


.verticle-listing-caption .listing-shot-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 35px;
  padding-right: 120px;
}
.verticle-listing-caption .listing-shot-caption h4 {
  margin: 3px;
}
.listing-badge {
  background-color: #333;
  float: left;
  position: absolute;
  transform: rotate(-45deg);
  left: -60px;
  top: 30px;
  text-align: center;
  width: 200px;
  font-size: 12.5px;
  margin: 0;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
}
.listing-badge.now-open {
  background-color: #11b719;
}
.listing-badge.closed {
  background-color: #e42133;
}
span.approve-listing {
  color: #ffffff;
  width: 18px;
  height: 18px;
  line-height: 20px;
  border-radius: 50%;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -4px;
}
a.list-cat,
a.list-cat:hover,
a.list-cat:focus {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #ff033e;
  color: #ffffff !important;
  padding: 7px 18px;
  border-radius: 50px;
  line-height: 1.5;
}
a.like-listing {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 46px;
  color: #ff033e;
  font-size: 17px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0px 0px 10px 0px rgba(88, 96, 109, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(88, 96, 109, 0.1);
}
a.like-listing:hover,
a.like-listing:focus {
  background: #ff033e;
  color: #ffffff !important;
}
.listing-shot-info.rating {
  margin-top: 10px;
}
.listing-shot-info.rating i {
  color: #9da0ab;
}
.listing-shot-info.rating i.fill {
  color: #ff7800;
}
.listing-shot-info.rating span {
  margin-left: 10px;
}

/*-------------- Listing Category --------------*/
.category-box {
  position: relative;
  height: 200px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(112, 121, 138, 0.18) !important;
  -webkit-box-shadow: 0 0 20px 0 rgba(112, 121, 138, 0.18) !important;
  border-radius: 6px;
  text-align: center;
  padding: 0px 30px;
  box-sizing: border-box;
  margin-top: 30px;
  overflow: hidden;
  transition: 0.6s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.list-cats-box {
  padding: 15px;
}
.category-box .category-desc {
  z-index: 2;
}
.category-box .category-desc .category-icon {
  font-size: 40px;
  color: #ff7c39;
  margin-bottom: 10px;
  transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);
}
.category-box .category-desc i {
  font-size: 40px;
  margin-bottom: 7px;
  transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);
}
.category-box .category-desc .category-detail h4 {
  font-weight: 500;
  margin-bottom: 0px;
  font-size: 17px;
}
.category-box .category-desc .category-detail p {
  margin-bottom: 5px;
  opacity: 0.6;
}
.category-box .category-desc .category-detail span {
  font-weight: 400;
  font-size: 14px;
}
a.btn.width-170 {
  width: 150px;
  box-shadow: 0 2px 10px 0 #d8dde6;
  border: 1px solid #f9f9f9;
  background: #ffffff;
  padding: 10px;
  border-radius: 50px;
  color: #ff7c39;
  font-size: 16px;
  font-weight: 500;
  transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);
}

.category-box .category-desc i.abs-icon {
  position: absolute;
  bottom: 5px;
  left: 5px;
  opacity: 0;
  transition: all ease-in 0.4s;
  color: #eff1f3;
}

.category-box:hover i.abs-icon {
  position: absolute;
  bottom: 25px;
  left: 25px;
  opacity: 1;
}
@media (max-width: 991px) {
  .main-banner.image-banner,
  .hero-header,
  .hero-banner {
    min-height: 580px;
  }
  .hero-search h1 {
    font-size: 28px;
  }
  .hero-banner h1 {
    font-size: 30px;
  }
  .show-mb {
    display: initial !important;
  }
  nav .full-container,
  nav .nav-container {
    padding-left: 0;
    padding-right: 0;
  }

  nav .nav-header {
    min-height: 60px;
  }

  nav .nav-header .brand {
    margin: 0 auto 10px;
    float: none;
  }
  nav .brand {
    top: 7px;
  }
  li.login-attri a {
    height: 42px;
    line-height: 42px;
    top: -4px;
    position: relative;
  }
  nav .nav-header .toggle-bar {
    font-size: 18px;
    position: absolute;
    top: 22px;
    left: 15px;
  }

  nav .menu li a {
    padding: 10px 10px;
  }

  nav .menu li:last-child a {
    border-bottom: none;
  }

  h1.italian-header-capt {
    font-size: 25px;
  }
  .pricing-body ul li {
    padding: 9px 0;
    font-size: 15px;
  }
  .agency-list {
    display: block;
  }

  .avl-features li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .slide-property-detail {
    position: relative;
    display: block;
  }
  .slide-property-first {
    flex: initial;
    margin-bottom: 1.5rem;
  }
  .single-advance-property .container-fluid.p-0 {
    padding: 0 15px !important;
  }
  .verticleilist.listing-shot .signle-vert-listing-item {
    height: auto;
    display: block;
  }
  .verticleilist.listing-shot .listing-item {
    flex: auto;
    overflow: hidden;
    min-height: 210px;
    height: 180px;
  }
  .listing-shot-img {
    min-height: 250px;
    max-height: 250px;
    height: 100%;
    overflow: hidden;
  }
    .listing-shot-img img{
        height: 100%;
    }
  .verticleilist.listing-shot .verticle-listing-caption {
    flex: auto;
    padding: 2em;
    position: relative;
  }
  .verticle-listing-caption .listing-shot-caption {
    position: relative;
    top: 0;
    transform: inherit;
    left: 0;
    padding-right: 0;
  }
  a.list-cat {
    top: 20px;
    right: 20px;
    bottom: inherit;
    left: inherit;
  }
}
/****************************************************************************************************/
.content-detail img{
    max-width: 100%;
    max-height: 100%;
    min-height: 100% !important;
}
.cslt-items{
    /*height: 230px;*/
}
.cslt-items i,
.cslt-detail i
{
	color: #008bc4;
	width: 15px;
}
.services-icon{
    width: 30px;
    border-color: #008bc4;
    margin: 5px 5px 0px 0px;
}
.cslt-detail .header{
    color: #007bff;
    padding: 15px;
    border-bottom: 1px solid #e7eff9;
}
.cslt-detail span{
    padding: 0px 5px;
}

/****************************************************************************************************/
/****************************************************************************************************/
/******************************************Xúc tiến**********************************************************/
/*
header.pro-page-header{
	background: url("../image/2025/promotions/menu_bg.jpg") top left repeat-x;
	min-height: 129px;
}
header.pro-page-header .menu .top{
	height: 31px;
}
header.pro-page-header .menu .bottom{
	height: 97px;
}
header.pro-page-header .menu .bottom .left{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	align-items: center;
	justify-content: left;
}

header.pro-page-header .menu .nav-link{
	color: #000000 !important;
}
header.pro-page-header .menu .dropdown-menu .nav-link{
	color: #000000 !important;
}

*/
header.pro-page-header .menu .nav-item:hover,
header.pro-page-header .menu .activated{
	background-color: #17a2b8;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
header.pro-page-header .menu .nav-item:hover a,
header.pro-page-header .menu .activated a{	
	color: #FFFFFF !important;
}
/*---------- GLobal Settings: Section Heading Style ---------*/

.sec-heading {
  margin-bottom: 10px;
}
.sec-heading.center {
  text-align: center;
}
.sec-heading h2,
.sec-heading p {
  margin-bottom: 5px;
}
.sec-heading.light h2,
.sec-heading.light p {
  color: #ffffff;
}
.sec-heading p {
  margin-bottom: 5px;
  font-style: italic;
  font-family: "Lora", serif;
}
.single-items {
  padding: 0 10px;
}
.property-slide,
.item-slide {
  margin: 0 -15px;
}
section {
  padding: 40px 0 0px;
  position: relative;
}
.pricing-wrap {
  text-align: center;
  width: 100%;
  background: #ffffff;
  border-radius: 6px;
  margin-top: 25px;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.pro-nav .nav-link{
	color: #007bff !important;
}	
.pro-nav .nav-link.active, .pro-nav .show > .nav-link {
    color: #fff !important;
    background-color: #007bff;
}
.pro-tab-content{
	background: #FFFFFF;
    line-height: 25px;
    border: 0px solid #008bc4;
    border-top:0px solid #008bc4;
    border-bottom:0px solid #008bc4;
    padding:0px 0px;
}

@media (min-width: 992px) {
.sec-heading h2 {
    font-size: 44px;
    line-height: 1.2;
  }
}

/*-------------------- 17. Form ------------------- */

.form-control,
.form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-rounded {
    border-radius: 40px;
}

.form-control {
    font-size: 14px;
    border: 1px solid rgba(170, 170, 170, .3);
    padding: 10.72px 12.8px;
    padding: .67rem .8rem;
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: 4px 8px;
    padding: .25rem .5rem;
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: 13.6px 16px;
    padding: .85rem 1rem;
}

label {
    font-weight: 500;
    color: #666;
    display: inline-block;
    margin-bottom: 8px;
    margin-bottom: .5rem;
}

.font-14 {
    font-size: 14px;
}

.input-rounded {
    border-radius: 50px;
}

.custom-file-label,
.custom-file-input,
.custom-file {
    height: calc(2.25rem + 7px);
    padding: 10.8px 12px;
    padding: .675rem .75rem;
}

.custom-file-label:after {
    height: calc(calc(2.25rem + 7px) - 1px * 2);
    padding: 10.8px 12px;
    padding: .675rem .75rem;
}

.grid-col {
    padding: 10px 15px;
    background: #f3f8fb;
    margin-bottom: 30px;
    color: #666;
    border: 1px solid #e3e6e8;
}

.custom-control-label {
    margin-top: 2px;
}

/*-------------------- END Form ------------------- */

/********************************************LOgin********************************************************/
/********************************************************/
.min-vh-100 {
    /*min-height: 100vh!important;*/
	min-height: calc(100vh - 440px) !important;
}


.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.fs--1 {
    font-size: .83333rem;
}

/********************************************************/
/********************************************* CARD BOX ******************************************************/

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.font-weight-semi-bold {
    font-weight: 600!important;
}	
.fs--1 {
    font-size: .83333rem;
}
.text-nowrap {
    white-space: nowrap!important;
}
.bg-holder {
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	will-change: transform, opacity, filter;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-repeat: no-repeat;
	z-index: 0
}

.bg-holder.bg-right {
	left: auto;
	right: 0
}

.bg-holder.overlay:before {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, .25);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.bg-holder.overlay-primary:before {
	background: rgba(44, 123, 229, .4)
}

.bg-holder.overlay-info:before {
	background: rgba(57, 175, 209, .4)
}

.bg-holder.overlay-success:before {
	background: rgba(0, 210, 122, .4)
}

.bg-holder.overlay-warning:before {
	background: rgba(245, 128, 62, .4)
}

.bg-holder.overlay-danger:before {
	background: rgba(230, 55, 87, .4)
}

.bg-holder.overlay-0:before {
	background: rgba(0, 0, 0, .7)
}

.bg-holder.overlay-1:before {
	background: rgba(0, 0, 0, .55)
}

.bg-holder.overlay-2:before {
	background: rgba(0, 0, 0, .4)
}

.bg-holder .bg-video {
	position: absolute;
	display: block;
	z-index: -1;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	min-width: 100%
}

.bg-holder .bg-youtube {
	position: absolute!important;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}


.bg-card {
	background-size: contain;
	background-position: right;
	border-top-right-radius: .375rem;
	border-bottom-right-radius: .375rem
}

[dir=rtl] .bg-card {
	background-position: left;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	border-top-left-radius: .375rem;
	border-bottom-left-radius: .375rem
}


.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0 solid #edf2f9;
	border-radius: .375rem;
	-webkit-box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
    box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: .375rem;
	border-top-right-radius: .375rem
}

.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: .375rem;
	border-bottom-left-radius: .375rem
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem
}
.card-body a{
	color: #2c7be5;
    text-decoration: none;
    background-color: transparent;
}
.card-title {
	margin-bottom: 1rem
}

.card-subtitle {
	margin-top: -.5rem;
	margin-bottom: 0
}

.card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-link+.card-link {
	margin-left: 1.25rem
}

.card-header {
	padding: 1rem 1.25rem;
	margin-bottom: 0;
	background-color: #fff;
	border-bottom: 0 solid #edf2f9
}

.card-header:first-child {
	border-radius: calc(0.375rem - 0px) calc(0.375rem - 0px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.card-footer {
	padding: 1rem 1.25rem;
	background-color: #fff;
	border-top: 0 solid #edf2f9
}

.card-footer:last-child {
	border-radius: 0 0 calc(0.375rem - 0px) calc(0.375rem - 0px)
}

.card-header-tabs {
	margin-right: -.625rem;
	margin-bottom: -1rem;
	margin-left: -.625rem;
	border-bottom: 0
}

.card-header-pills {
	margin-right: -.625rem;
	margin-left: -.625rem
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem
}

.card-img {
	width: 100%;
	border-radius: calc(0.375rem - 0px)
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(0.375rem - 0px);
	border-top-right-radius: calc(0.375rem - 0px)
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(0.375rem - 0px);
	border-bottom-left-radius: calc(0.375rem - 0px)
}

.card-deck {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 1.5rem;
}

.card-deck .card {
	margin-bottom: .5rem
}

@media(min-width:576px) {
	.card-deck {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -.5rem;
		margin-left: -.5rem
	}
	.card-deck .card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: .5rem;
		margin-bottom: 0;
		margin-left: .5rem
	}
}

.card-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-group>.card {
	margin-bottom: 15px
}

@media(min-width:576px) {
	.card-group {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.card-group>.card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0
	}
	.card-group>.card+.card {
		margin-left: 0;
		border-left: 0
	}
	.card-group>.card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.card-group>.card:not(:last-child) .card-img-top,
	.card-group>.card:not(:last-child) .card-header {
		border-top-right-radius: 0
	}
	.card-group>.card:not(:last-child) .card-img-bottom,
	.card-group>.card:not(:last-child) .card-footer {
		border-bottom-right-radius: 0
	}
	.card-group>.card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.card-group>.card:not(:first-child) .card-img-top,
	.card-group>.card:not(:first-child) .card-header {
		border-top-left-radius: 0
	}
	.card-group>.card:not(:first-child) .card-img-bottom,
	.card-group>.card:not(:first-child) .card-footer {
		border-bottom-left-radius: 0
	}
}

.card-columns .card {
	margin-bottom: 1rem
}

@media(min-width:576px) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1
	}
	.card-columns .card {
		display: inline-block;
		width: 100%
	}
}

.accordion>.card {
	overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
	border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0
}

.accordion>.card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.accordion>.card .card-header {
	margin-bottom: 0
}

/***************************************************************************************************/
/***************************************************************************************************/

.bg-primary{
    background-color:#2c7be5!important
}
a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{
    background-color:#1862c6!important
}
.bg-secondary{
    background-color:#748194!important
}
a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{
    background-color:#5d6878!important
}
.bg-success{
    background-color:#00d27a!important
}
a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{
    background-color:#009f5c!important
}
.bg-info{
    background-color:#39afd1!important
}
a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{
    background-color:#2991ae!important
}
.bg-warning{
    background-color:#f5803e!important
}
a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{
    background-color:#f2600e!important
}
.bg-danger{
    background-color:#e63757!important
}
a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{
    background-color:#d01a3b!important
}
.bg-light{
    background-color:#f9fafd!important
}
a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{
    background-color:#d3daf0!important
}
.bg-dark{
    background-color:#0b1727!important
}
a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{
    background-color:#000!important
}
.bg-white{
    background-color:#fff!important
}
.bg-transparent{
    background-color:transparent!important
}
.bg-holder{
    position:absolute;
    width:100%;
    min-height:100%;
    top:0;
    left:0;
    background-size:cover;
    background-position:center;
    overflow:hidden;
    will-change:transform,opacity,filter;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-repeat:no-repeat;
    z-index:0
}
.bg-holder.bg-right{
    left:auto;
    right:0
}
.bg-holder.overlay:before{
    position:absolute;
    content:'';
    background:rgba(0,0,0,.25);
    top:0;
    bottom:0;
    left:0;
    right:0
}
.bg-holder.overlay-primary:before{
    background:rgba(44,123,229,.4)
}
.bg-holder.overlay-info:before{
    background:rgba(57,175,209,.4)
}
.bg-holder.overlay-success:before{
    background:rgba(0,210,122,.4)
}
.bg-holder.overlay-warning:before{
    background:rgba(245,128,62,.4)
}
.bg-holder.overlay-danger:before{
    background:rgba(230,55,87,.4)
}
.bg-holder.overlay-0:before{
    background:rgba(0,0,0,.7)
}
.bg-holder.overlay-1:before{
    background:rgba(0,0,0,.55)
}
.bg-holder.overlay-2:before{
    background:rgba(0,0,0,.4)
}
.bg-holder .bg-video{
    position:absolute;
    display:block;
    z-index:-1;
    top:0;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%;
    min-width:100%
}
.bg-holder .bg-youtube{
    position:absolute!important;
    top:0;
    left:0;
    height:100%;
    width:100%
}
.bg-fixed{
    background-attachment:fixed
}
.has-parallax{
    position:relative;
    overflow:hidden
}
.bg-glass{
    background-color:rgba(255,255,255,.9)
}
.bg-100{
    background-color:#f9fafd!important
}
a.bg-100:hover,a.bg-100:focus,button.bg-100:hover,button.bg-100:focus{
    background-color:#d3daf0!important
}
.bg-200{
    background-color:#edf2f9!important
}
a.bg-200:hover,a.bg-200:focus,button.bg-200:hover,button.bg-200:focus{
    background-color:#c7d6ec!important
}
.bg-300{
    background-color:#d8e2ef!important
}
a.bg-300:hover,a.bg-300:focus,button.bg-300:hover,button.bg-300:focus{
    background-color:#b4c7e0!important
}
.bg-400{
    background-color:#b6c1d2!important
}
a.bg-400:hover,a.bg-400:focus,button.bg-400:hover,button.bg-400:focus{
    background-color:#96a6bf!important
}
.bg-500{
    background-color:#9da9bb!important
}
a.bg-500:hover,a.bg-500:focus,button.bg-500:hover,button.bg-500:focus{
    background-color:#7f8fa6!important
}
.bg-600{
    background-color:#748194!important
}
a.bg-600:hover,a.bg-600:focus,button.bg-600:hover,button.bg-600:focus{
    background-color:#5d6878!important
}
.bg-700{
    background-color:#5e6e82!important
}
a.bg-700:hover,a.bg-700:focus,button.bg-700:hover,button.bg-700:focus{
    background-color:#495564!important
}
.bg-800{
    background-color:#4d5969!important
}
a.bg-800:hover,a.bg-800:focus,button.bg-800:hover,button.bg-800:focus{
    background-color:#37404c!important
}
.bg-900{
    background-color:#344050!important
}
a.bg-900:hover,a.bg-900:focus,button.bg-900:hover,button.bg-900:focus{
    background-color:#202731!important
}
.bg-black{
    background-color:#000!important
}
a.bg-black:hover,a.bg-black:focus,button.bg-black:hover,button.bg-black:focus{
    background-color:#000!important
}
.bg-1000{
    background-color:#232e3c!important
}
a.bg-1000:hover,a.bg-1000:focus,button.bg-1000:hover,button.bg-1000:focus{
    background-color:#10151c!important
}
.bg-1100{
    background-color:#0b1727!important
}
a.bg-1100:hover,a.bg-1100:focus,button.bg-1100:hover,button.bg-1100:focus{
    background-color:#000!important
}
.bg-white{
    background-color:#fff!important
}
a.bg-white:hover,a.bg-white:focus,button.bg-white:hover,button.bg-white:focus{
    background-color:#e6e6e6!important
}
.bg-facebook{
    background-color:#3c5a99!important
}
a.bg-facebook:hover,a.bg-facebook:focus,button.bg-facebook:hover,button.bg-facebook:focus{
    background-color:#2e4474!important
}
.bg-twitter{
    background-color:#1da1f2!important
}
a.bg-twitter:hover,a.bg-twitter:focus,button.bg-twitter:hover,button.bg-twitter:focus{
    background-color:#0c85d0!important
}
.bg-google-plus{
    background-color:#dd4b39!important
}
a.bg-google-plus:hover,a.bg-google-plus:focus,button.bg-google-plus:hover,button.bg-google-plus:focus{
    background-color:#c23321!important
}
.bg-linkedin{
    background-color:#0077b5!important
}
a.bg-linkedin:hover,a.bg-linkedin:focus,button.bg-linkedin:hover,button.bg-linkedin:focus{
    background-color:#005582!important
}
.bg-card{
    background-size:contain;
    background-position:right;
    border-top-right-radius:.375rem;
    border-bottom-right-radius:.375rem
}
[dir=rtl] .bg-card{
    background-position:left;
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem
}
.bg-gradient{
    background-image:-o-linear-gradient(135deg,#0443a2,#009bde);
    background-image:linear-gradient(-45deg,#0443a2,#009bde);
    background-position:center
}
.bg-card-gradient{
    background-image:-o-linear-gradient(135deg,#1970e2,#4695ff);
    background-image:linear-gradient(-45deg,#1970e2,#4695ff);
    background-position:center
}
.bg-auth-circle-shape,.bg-auth-circle-shape-2{
    display:none
}
@media(min-width:992px){
    .bg-auth-circle-shape,.bg-auth-circle-shape-2{
        display:block
    }
}
.bg-auth-circle-shape{
    position:absolute;
    right:-140px;
    top:-82px
}
.bg-auth-circle-shape-2{
    position:absolute;
    left:-100px;
    bottom:-39px
}
.bg-auth-card-shape{
    background-position:0 100%
}
@media(min-width:768px){
    .bg-auth-card-shape{
        background-position:0 133%
    }
}
.bg-circle-shape{
    position:relative;
    overflow:hidden;
    background-color:#4695ff
}
.bg-circle-shape:after,.bg-circle-shape:before{
    position:absolute;
    content:'';
    border-radius:50%
}
.bg-circle-shape:after{
    height:250px;
    width:115%;
    background-image:-o-linear-gradient(135deg,#1970e2,#4695ff);
    background-image:linear-gradient(-45deg,#1970e2,#4695ff);
    left:32%;
    top:-188%
}
.bg-circle-shape:before{
    height:332%;
    width:45%;
    background-image:-o-linear-gradient(135deg,#1970e2,#4695ff);
    background-image:linear-gradient(-45deg,#1970e2,#4695ff);
    left:-9%;
    top:9px
}
.btn-back-to-top{
    background-color:#0b1727;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-top-right-radius:.25rem;
    left:50%;
    top:-7.5rem;
    -webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);
    transform:translate3d(-50%,-50%,0) rotate(-45deg);
    height:2.5rem;
    width:2.5rem
}
.card-span{
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.card-span .card-span-img{
    position:absolute;
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    width:5rem;
    height:5rem;
    background-color:#fff;
    -webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.card-span:hover,.card-span:focus{
    -webkit-transform:translateY(-0.2rem);
    -ms-transform:translateY(-0.2rem);
    transform:translateY(-0.2rem);
    -webkit-box-shadow:0 1rem 4rem rgba(0,0,0,.175);
    box-shadow:0 1rem 4rem rgba(0,0,0,.175)
}
.radio-select .custom-control-label{
    cursor:pointer
}
.radio-select-content{
    border:1px solid #edf2f9;
    color:#9da9bb;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:block;
    padding:1rem;
    font-weight:400;
    border-radius:.25rem;
    margin-top:.5rem
}
.radio-select-link{
    color:inherit
}
.radio-select .custom-control-input:checked+.custom-control-label .radio-select-content{
    border:1px solid #00d27a;
    color:#0b1727
}
.firefox .dropcap:first-letter{
    margin-top:.175em
}
.edge .bg-holder .bg-video{
    height:100%;
    width:auto
}
[data-row-selection],.sortable{
    cursor:pointer
}
[data-row-selection]:focus,.sortable:focus{
    outline:none
}

/************************************************Nhân lực***************************************************/
.manpower-statistic .page-title {
    height: 60px;
}
.manpower-statistic .image-cover.page-title {
    background-position: center right !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat;
	background-color: #1c386c;
}
.manpower-statistic-container .left-col-wrapper{
	height: 100%;
}
.manpower-statistic-container .left-col-container{
	background-color: #0a1727;
}
.manpower-statistic-container .right-col-container input.manpower-top-search{
	max-width: 250px;
}
.manpower-statistic-container button#searchbutton {
    width: fit-content;
    /*margin-left: 15px;*/
	background-color: #2196f3;
    border-color: #2196f3;
	outline-color: #2196f3;
}
.loginbtt {
    width: 100%;
	background-color: #19d895;
	border-color: #19d895;
	outline-color: #19d895;
}
ul.left-col-menu {
    list-style: none;
	padding-left: 0px;
}
ul.left-col-menu a {
    color: #fff;
}
.chart-display-table .chart-title {
	background-color: #172f61;	
	color: #fff;
}
.chart-display-multitable .chart-title {
	background-color: #172f61;	
	color: #fff;
}
.chart-display-multitable .type-separate-row {
	background-color: #294f9e;	
	color: #fff;
}
.chart-title {
    font-size: 13pt;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
}
.statistic-data-block{
	margin-top: 30px;
}
.statistic-data-block .verticleilist.listing-shot{
	padding-top: 0px;
}
.statistic-data-block-wrapper{
	padding: 15px 0px;
}
.left-col-menu a {
	padding: 5px 5px 5px 15px;
	display: block;
}
.left-col-menu a.active {
    /*color: #2196f3;*/
    background-color: #2196f3;
}
@media (max-width: 1024px){
.manpower-statistic .page-title {
    height: auto;
	}
.manpower-statistic .image-cover.page-title {
    background-image: none !important;
}
}

.manpower-statistic .statistic-header-block {
    max-width: 100%;
    width: 100%;
}

.manpower-statistic .statistic-header-link {
	display: block;
	position: relative;
	margin-bottom: 15px;
}

@media (min-width: 1024px){
.manpower-statistic .statistic-header-link-active {
	/*border-bottom: 3px solid;*/
    transform: translateY(-18px);
	box-shadow: 0 5px 10px #646464;
}
}

.manpower-statistic .statistic-header-title {
	position: absolute;
    color: #fff;
    padding: 15px 80px 15px 15px;
    top: 10%;
    transform: translateY(-10%);
    width: 100%;
}

.manpower-statistic .statistic-header-title .statistic-header-title-line1 {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11pt;
}

.manpower-statistic .statistic-header-title .statistic-header-title-line2 {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}


.banner-title-img-container img{
	max-width: 100%;
}
.manpower-statistic #login {
    width: 100%;
    background-color: #19d895 !important;
    border-color: #19d895;
    outline-color: #19d895;
}


/**********************************************End Nhân lực******************************************************/
/*------------------ Listings Elements: Category 2 ------------------*/
.single-moderns-category {
  position: relative;
  padding: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  border: 1px solid #e3e6ef;
  margin: 30px 0 0px;
  color: #fff;
  min-height: auto !important;
  border: 0 none !important;
}
.single-moderns-category figure {
  position: relative;
  background: rgba(23, 27, 46, 0.6);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0;
  min-height: 250px;
  max-height: 250px;
}
.single-moderns-category img {
  width: 100%;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  position: absolute;
}
.single-moderns-category figure figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(25, 39, 86, 0.5);
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.single-moderns-category figure figcaption:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #273863;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.single-moderns-category:hover figure figcaption:before {
  opacity: 0.8;
  visibility: visible;
  z-index: 1;
}
.single-moderns-category figure .cat-box {
  position: relative;
  z-index: auto;
}
.single-moderns-category figure .icon {
  padding-bottom: 5px;
  text-align: center;
}
.single-moderns-category figure .cat-box .icon span,
.single-moderns-category figure .cat-box .icon i {
  font-size: 2rem;
  color: #ffffff;
}
.single-moderns-category figure .cat-info {
  display: block;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.single-moderns-category figure .cat-name {
  color: #fff;
  display: block;
  margin: 0 3px;
  line-height: normal;
  padding-bottom: 0;
}
.single-moderns-category figure .cat-box .cat-info .badge {
  font-size: 0.8rem;
  line-height: 1.6rem;
  margin-top: 15px;
  padding: 4px 15px;
  display: inline-block;
  color: #fff;
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
}

/**********************************************Footer Xúc tiến du lịch******************************************************/

footer.promotions h5 {
	font-size: 1rem;
	line-height: 1.375;
	/*font-family: Rubik,Arial,sans-serif;*/
	font-family: Arial,sans-serif;	
	font-weight: 500;
	color: #030929;
}

footer.promotions a {
	color: #666;
	font-weight: 500;
	text-decoration: none;
	background-color: transparent;
}

footer.promotions a:hover {
	color: #F5656E;
	text-decoration: none;
}

footer.promotions {
	background: #FFF;
	font-family: Arial,sans-serif;
	font-weight: 400;
	font-size: 1rem;
	overflow-x: hidden;
	color: #666;
}
/***********************************************Slide xuc tien*****************************************************/
.carousel-item {
	 height: 700px;
	 min-height: 350px;
	 background: no-repeat center center scroll;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
@media (max-width: 991px) {
	.carousel-item {
		 height: 700px;
		 min-height: 350px;
		 background: no-repeat center center scroll;
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
	}    
}


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
	.carousel-item {
		height: 350px;
		min-height: 150px;		 
	}    

}
@media  (max-width: 480px) {
    .carousel-item {
		height: 350px;
		 min-height: 150px;		 
	}
}
/****************************************************************************************************/
a.search-result-link {
    display: block;
    padding: 5px 0px;
    border-bottom: 1px dotted #c0c0c0;
    margin-bottom: 5px;
}
.search-result-container {
    background-color: #fff;
    padding: 15px;
    min-height: 20vh;
    margin-bottom: 30px;
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/




/****************************************************************************************************/