@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

/* Move down content because we have a fixed navbar that is 61px tall */
body {margin:0;font-family: Arial, Helvetica, sans-serif; font-size: 14px;line-height: 1.5;color: #000;}
.left{float: left}.right{float:right} .clear{clear: both}
a{text-decoration:none;} a:hover{color:#000}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
img{max-width:100%;height:auto}
:focus {outline: none;}

.nav_up,.nav_down{display:none;position:fixed;background:url(../images/arrow_up.png) no-repeat;
width:40px;height:40px;bottom:213px;right:30px;cursor:pointer;z-index:99999}
.nav_down{bottom:170px;background:url(../images/arrow_down.png) no-repeat}

/** side menu left**/
.side-menu {display: none; position: fixed;width: 250px;left: 0;height: 100%;background-color:#F4F4F2;border-right: 1px solid #e7e7e7;}
.side-menu .navbar {border: none;}
.side-menu .navbar-header {width: 100%;border-bottom: 1px solid #e7e7e7;}
.side-menu .navbar-default{background:#F4F4F2}



/* Main body section */
.footer-container{background:#fff;padding-left:235px;border-top: 1px solid #e2e2e2}
.footer{margin: 0 auto;padding: 15px;font-family: 'Roboto', sans-serif;    background-color: #f4f4f2;
	color: #000;
	text-align: center;}
.footer p{margin:0 0 5px;}

/* Slide in animation */
  @-moz-keyframes slidein {
	0% {
	  left: -100%;
	}
	100% {
	  left: 0;
	}
  }
  @-webkit-keyframes slidein {
	0% {
	  left: -250px;
	}
	100% {
	  left: 0;
	}
  }
  @keyframes slidein {
	0% {
	  left: -100%;
	}
	100% {
	  left: 0;
	}
  }
  @-moz-keyframes slideout {
	0% {
	  left: 0;
	}
	100% {
	  left: -100%;
	}
  }
  @-webkit-keyframes slideout {
	0% {
	  left: 0;
	}
	100% {
	  left: -100%;
	}
  }
  @keyframes slideout {
	0% {
	  left: 0;
	}
	100% {
	  left: -100%;
	}
  }
  
/* body slide in animation */
 @-moz-keyframes bodyslidein {
	0% {
	  left: 0;
	}
	100% {
	  left: 250px;
	}
  }

  @-webkit-keyframes bodyslidein {
	0% {
	  left: 0;
	}
	100% {
	  left: 250px;
	}
  }
  @keyframes bodyslidein {
	0% {
	  left: 0;
	}
	100% {
	  left: 250px;
	}
  }
  @-moz-keyframes bodyslideout {
	0% {
	  left: 250px;
	}
	100% {
	  left: 0;
	}
  }
  @-webkit-keyframes bodyslideout {
	0% {
	  left: 250px;
	}
	100% {
	  left: 0;
	}
  }
  @keyframes bodyslideout {
	0% {
	  left: 250px;
	}
	100% {
	  left: 0;
	}
  }

.side-body {background:#fff;}
.side-fluid{padding:0px;min-height: 700px; font-size: 13px}

.collapsible-toggle{position: fixed;top: 100px;left:2px;z-index: 999; background:#449D44;color:#fff;display: block;text-align:center;width: 16px;height: 16px;border:1px solid #398439;border-radius:2px;cursor:pointer}
.collapsible-toggle:hover,.collapsible-toggle:focus{background-color: #286090;border-color: #122b40;}
.collapsible-toggle .fa{position:relative;top:-4px;font-size:11px}

@media (min-width: 1200px) {
	.side-menu-view{width:20px;}
	.side-menu-view.menu-in{width:250px}
	.collapsible-toggle.toggle-in{left:230px}
	
	.sidebar-left-view{position: fixed;left: -250px;width: 250px;height: 100%;
		-moz-animation: slideout 150ms forwards;
		-o-animation: slideout 150ms forwards;
		-webkit-animation: slideout 150ms forwards;
		animation: slideout 150ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.sidebar-left-view.slide-in{
		-moz-animation: slidein 150ms forwards;
		-o-animation: slidein 150ms forwards;
		-webkit-animation: slidein 150ms forwards;
		animation: slidein 150ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	
	.side-body-view{margin-left:5px;padding-top:10px;background:#fff;
		-moz-animation: bodyslideout 250ms forwards;
		-o-animation: bodyslideout 250ms forwards;
		-webkit-animation: bodyslideout 250ms forwards;
		animation: bodyslideout 250ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.side-body-view.body-view-in{margin-left:250px;
		-moz-animation: bodyslidein 250ms forwards;
		-o-animation: bodyslidein 250ms forwards;
		-webkit-animation: bodyslidein 250ms forwards;
		animation: bodyslidein 250ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	
	
}
/* small screen */
@media (max-width: 768px) {
	.collapsible-toggle{display:none}
	.side-menu {position: relative;width: 100%;height: 0;border-right: 0}
	  
	/* Slide side menu*/
	/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
	.side-container > .sidebar-left.slide-in {
	-moz-animation: slidein 250ms forwards;
	-o-animation: slidein 250ms forwards;
	-webkit-animation: slidein 250ms forwards;
	animation: slidein 250ms forwards;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	}
	.side-container > .sidebar-left {
	/* Add position:absolute for scrollable menu -> see top comment */
	position: fixed;left: -250px;width: 100%;top: 160px;height: 100%;
	border-right: 1px solid #e7e7e7;
	background-color: #f8f8f8;
	-moz-animation: slideout 250ms forwards;
	-o-animation: slideout 250ms forwards;
	-webkit-animation: slideout 250ms forwards;
	animation: slideout 250ms forwards;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;z-index: 2;
	}

	  
	/* Slide side body*/
	.side-body {padding-top: 0px;
		margin-left: 0px;
		margin-top: 0;
		position: relative;
		-moz-animation: bodyslideout 250ms forwards;
		-o-animation: bodyslideout 250ms forwards;
		-webkit-animation: bodyslideout 250ms forwards;
		animation: bodyslideout 250ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		padding-left: 0;
	}
	.body-slide-in {
		-moz-animation: bodyslidein 250ms forwards;
		-o-animation: bodyslidein 250ms forwards;
		-webkit-animation: bodyslidein 250ms forwards;
		animation: bodyslidein 250ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

  
 	.hamburger {
	  display: inline;
	  width: 53px;
	  height: 42px;
	  background: transparent;
	  border: none;
		padding-top: 6px;
	}
	.hamburger .fa{width:39px}
	.hamburger:hover,
	.hamburger:focus,
	.hamburger:active {
	  outline: none;
	}
	.hamburger.is-closed:before {
	  content: '';
	  display: block;
	  width: 100px;
	  font-size: 14px;
	  color: #fff;
	  line-height: 30px;
	  text-align: center;
	  opacity: 0;
	  -webkit-transform: translate3d(0,0,0);
	  -webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-closed:hover:before {
	  opacity: 1;
	  display: block;
	  -webkit-transform: translate3d(-100px,0,0);
	  -webkit-transition: all .35s ease-in-out;
	}

	.hamburger.is-closed .hamb-top,
	.hamburger.is-closed .hamb-middle,
	.hamburger.is-closed .hamb-bottom,
	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-middle,
	.hamburger.is-open .hamb-bottom {
	  position: absolute;
	  left: 0;
	  height: 4px;
	  width: 100%;
	}
	.hamburger.is-closed .hamb-top,
	.hamburger.is-closed .hamb-middle,
	.hamburger.is-closed .hamb-bottom {
	  background-color: #1a1a1a;
	}
	.hamburger.is-closed .hamb-top { 
	  top: 5px; 
	  -webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-closed .hamb-middle {
	  top: 50%;
	  margin-top: -2px;
	}
	.hamburger.is-closed .hamb-bottom {
	  bottom: 5px;  
	  -webkit-transition: all .35s ease-in-out;
	}

	.hamburger.is-closed:hover .hamb-top {
	  top: 0;
	  -webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-closed:hover .hamb-bottom {
	  bottom: 0;
	  -webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-middle,
	.hamburger.is-open .hamb-bottom {
	  background-color: #1a1a1a;
	}
	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-bottom {
	  top: 50%;
	  margin-top: -2px;  
	}
	.hamburger.is-open .hamb-top { 
	  -webkit-transform: rotate(45deg);
	  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
	}
	.hamburger.is-open .hamb-middle { display: none; }
	.hamburger.is-open .hamb-bottom {
	  -webkit-transform: rotate(-45deg);
	  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
	}
	
	.hamburger.is-open{
		-moz-animation: bodyslidein 250ms forwards;
		-o-animation: bodyslidein 250ms forwards;
		-webkit-animation: bodyslidein 250ms forwards;
		animation: bodyslidein 250ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		
	}
	
	.hamburger.is-open:before {
		content: '';
		display: block;
		width: 100px;
		font-size: 14px;
		color: #fff;
		line-height: 30px;
		text-align: center;
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		-webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-open:hover:before {
	  opacity: 1;
	  display: block;
	  -webkit-transform: translate3d(-100px,0,0);
	  -webkit-transition: all .35s ease-in-out;
	}
}

/* Tin vip-Partner */
.placeholders {margin-bottom: 10px;margin-right: -5px;margin-left: -5px;}
.placeholder {margin-bottom: 20px;padding-right: 5px;padding-left: 5px;}
.placeholder img {display:inline-block}

.bc-img {width: auto;overflow: hidden;position: relative;text-align: center;}
.title-vip{font-weight: bold;
	height: 35px;
	padding: 5px 0 0 0;
	margin: 5px 0 10px;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
	text-transform: uppercase;
}
.title-vip > a {color: #ED1C24} .title-vip > a:hover,.title-vip > a:focus{color:#FF921C}

.label-vip {
	background: url(../images/vip.gif);
	font-size: 11px;
	display: inline-block;
	position: relative;
	left: 0;
	top: 1px;
	z-index: 99;
	line-height: 14px;
	font-weight: normal;
	margin-right: 2px;
	padding: 0 18px;
	height: 14px;
}
.label-vip.label-Hot {background-color: #109D59;color: #fff;}


.label-Hot:after {border-color: #109D59;border-color: transparent transparent transparent #109D59}

.bc-info{line-height:20px}
.bci-price {}
.bci-price, .bci-areage{color: #333;
    font-size: 12px;
    float: left;
    clear: both;
    }
.bci-price{margin-right:2px}
.bci-areage b,.bci-price  b {color: #109D59;font-size:14px}
.bci-areage sup {position: relative;top: -.5em;font-size: 75%;line-height: 0;vertical-align: baseline}
.bci-location{font-size:12px;display:inline-block;width:100%;height:20px;clear:both;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}

/**Tin hot**/
.row-hot{}

.hot-place a{color:#109D59;font-size:13px} .hot-place a:focus,.hot-place a:hover{color:#D50000;text-decoration:none}
.hot-acreage{font-weight:bold;color:#D50000}
.hot-calendar{margin-bottom:5px; float: right}
.hot-price{font-weight:bold;color:#D50000}

/**Tin thường**/
.row-hot,.row-new{margin:0 -5px 20px}
.col-img,.col-info{}
.col-img{padding:0 5px 0 0;height: 200px;
	overflow: hidden;}
.img-box{height: 160px;}
.cusimg-responsive{height:50px;margin-bottom: 0;overflow-y: hidden;width: 100%;}
.title-hot,.title-new{
	height: unset;
	max-height: 35px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
}
.title-new a{color:#1b2332} .title-new a:focus,.title-new a:hover{color:#FF921C;text-decoration:none}
.title-hot a{color:#005aff} .title-hot a:focus,.title-hot a:hover{color:#00763d;text-decoration:none}
.info-meta {margin-bottom: 10px}
.info-meta p{margin:0 0 5px}
.hot-price,.new-price{font-size:16px;text-align:right;color:#109D59;font-weight:bold;font-family: 'Roboto', sans-serif;}
.hot-price{font-size:20px;color:#f00}

.new-place a{color:#555} .new-place a:focus,.new-place a:hover{color:#FF921C;text-decoration:none}
.new-acreage{font-weight:bold;color:#153F8F}
.hot-acreage sup,.new-acreage sup {position: relative;top: -.5em;font-size: 75%;line-height: 0;vertical-align: baseline;}
.hot-calendar,.new-calendar{color:#666;font-size:11px;}

.lastline{width: 100%;padding: 5px 0;border-bottom: 1px solid #e8e8e8;}
.lastline:last-child{border:none}
.lastline.old{background:#f7f7f7}

/**End Tin moi**/
.adv-right-index{list-style:none;padding:0;margin:0}
.adv-right-index li{margin-bottom:5px}


/** left content**/
.title-search{font-size:16px;padding:0;margin:0 0 10px;color:#000}
.form_search .form-group{margin-bottom:8px}
.form_search .form-group select{cursor:pointer}

/**class title**/
.title-tab,.title-box{font-family: "Roboto";line-height:20px;color:#109D59;font-size:20px;padding:0;margin:0}
.title-box{margin-bottom:10px}
.title-tab a, .title-box a{color:#000}
.title-tab a:focus,.title-box a:hover,.title-box a:focus,.title-box a:hover{text-decoration:none;color:#FF9200}

 /**tab box**/
.title-tab{color:#000}
.myTab{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #4967a3;
}
.myTab > li {
	float: left;
    width: auto;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-right: 5px;
    min-width: 125px;
    text-align: center;
}
.myTab > li > a {cursor:pointer;
	color: #fff;
	font-weight: bold;
	display: block;
	background: #4967a3;
	font-size: 14px;
	padding: 10px 20px;
	text-transform: uppercase;
}

.myTab > li > a:hover,
.myTab > li > a:focus {text-decoration: none;background: #ef8705;}
.myTab > li.active > a, .myTab > li.active > a:hover, .myTab > li.active > a:focus {background: #ef8705;}
.myTab:after{clear: both;display: table;content: " ";}


/* Desktop */
@media (min-width: 1200px) {

	.btn-sidebar-close{display:none}

	.logo-page{float:left;width:250px;margin-right:0}
	.col-search{float:left;max-width:600px}

	
	.container-new{margin:0 -5px 20px}
	.col-item-left{width:79%;padding-left:5px}
	.col-adv-right{width:21%;padding-right:5px}
	
	/**width vip-hot**/
	.placeholders .col-lg-2{width: 20%;}
	.new-place,.new-acreage{text-align:center}
}

@media (min-width: 768px) {
	.btn-sidebar-close{display:none}
	.hamburger{display:none}
}

@media (min-width: 915px) and (max-width: 1200px){
	.logo-page{margin-bottom:10px; width: 250px;}
	.col-search {
		float: left;
		max-width: 400px;
	}

}

/* Mobile*/
@media (max-width: 767px) {

	.title-hot,.title-new{
		max-height: 35px;
		margin: 0;
		font-size: 12px;
		font-weight:bold;line-height:18px;display: block;overflow: hidden;text-overflow: ellipsis; text-transform: uppercase;    margin-top: 8px;}
	/*body{padding:146px 0 0}*/

	/** side menu left**/
	.side-menu .navbar{background: none}
	
	/**tab box**/
	.myTab > li.first-tab{width:100%;margin-bottom:5px}
	
	/**tin moi**/
	.cusimg-responsive{height:70px}
	.new-place{text-align:right}
	
	/**footer**/
	.footer-container{margin-left:0;padding:0;text-align:center}
}

@media (min-width: 480px) and (max-width: 767px) {
	.myTab > li{
		margin-right: 0;
		float: unset;
		margin-bottom: 1px;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.myTab > li{
		float: unset;
		margin-right: 0;
		margin-bottom: 1px;
	}
}

/* iPhone 5 (320 pixels) */
@media (max-width: 320px) {
	/*.placeholders{margin-right: -15px;margin-left: -15px;}
	.placeholder{padding-right: 15px;padding-left: 15px;}*/
}

.panel-success .panel-heading {
    color: #fff;
    background-color: #449D44;
    border-color: #449D44;
}
	
.title{
    margin-top: 10px;
    border-bottom: 1px solid #37a344;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #016098;
    font-size: 14pt;
	font-weight: bold;
}

/* Đăng tin */
.text-price{
	color: red;
	font-weight: bold;
	padding-top: 7px;
}

.text_daynumber{
	height: 100px;
	width: 100%;
	background-color: #96bb47;
	color: #fff;
	text-align: center;
	display: flex;
}
.text_daynumber span {
  margin: auto;
}

.text_totalprice{
	height: 100px;
	background-color: #00abc7;
	color: #fff;
	text-align: center;
	display: flex;
}
.text_totalprice span {
  margin: auto;
}
.control-label{
	padding-right: 5px;
}
.error_prefix{
	color: red;
  padding-top: 3px;
}
.required
{
		color: red;
}

.success_text{
    font-size: 25px;
		font-weight: bold;
		color: #00763d;
		text-align: center;
}

.text_trade{
		font-weight: bold;
		font-size: 15px;
    font-family: 'Roboto', sans-serif;
		text-align: center;
}

.id_trade{
	
		padding: 15px;
		margin: 0;
		border: 1px dotted #00763d;
		background-color: #00763d;
    font-size: 25px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		width: 200px;
		margin: auto;  
		position: absolute;
		left:0;
		right: 0;
		top: 0;
		bottom: 0;

}
.payerror{
	background-color: #ff104a !important;
	border: 1px dotted #ff104a !important;
}

.label-danger, .badge-danger {
    background-color: #ed5565;
    color: #FFFFFF;
}
.label-primary, .badge-primary {
    background-color: #1ab394;
    color: #FFFFFF;
}
.label-success, .badge-success {
    background-color: #1c84c6;
    color: #FFFFFF;
}
.label-warning, .badge-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}
.label-info, .badge-info {
    background-color: #23c6c8;
    color: #FFFFFF;
}

.paymsg{
	
		padding: 15px;
		margin: 0;
		border: 1px dotted #00763d;
		background-color: #00763d;
    font-size: 25px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		width: 500px;
		margin: auto;  
		position: absolute;
		left:0;
		right: 0;
		top: 0;
		bottom: 0;

}



.item-box{
	padding-bottom: 5px;
	border-bottom: 1px solid #4967a3;
	margin-bottom: 10px;
	margin-right: 0;
	margin-left: 0;
}
.right-5{
	padding-right: 5px;
}
.list-price{font-weight:bold;color:#D50000;float: left;}
.list-acreage{font-weight:bold;color:green;float: left;}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
}
.table-bordered {
	border: 1px solid #ddd;
	width: 100%;
}
.table-bordered th{
	min-width: 150px;
}
.table-bordered th, .table-bordered td {
	padding: 8px;
	border: 1px solid #ddd;

}
.img-thumbnail{
	/*height: 210px; */
}
.placeholders{

}

.bc-img
{
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.bc-img a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.repo img
{
	display: block;
	margin: auto;
	-webkit-transition: all 2s ease-out;
	transition: all 2s ease-out;
	width: 100%;
}

.repo div div a
{
	position: relative;
	height: 0;
	padding-top: 100%;
}

.repo img
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.repo a:hover img, .repo a:focus img
{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.btn-nhucau{
	min-width: 200px;
	margin-top: 5px;
}






.button-call {
	background-color: #cd2f2f;
	border: none;
	border-radius: 3px;
	width: 200px;
	color: #fff;
	padding: 1rem 1.6rem;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .03em;
	position: relative;
	-webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
	animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	/*&:before */
	/*&:hover:before,*/
}
.button-call:hover {
	background-color: #7f0101;
	color: #fff;
	text-decoration: none;
}
.button-call:focus {
	outline: none;
}
.button-call:after {
	background-color: #e63535;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	-webkit-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.button-call:hover:after {
	border-color: transparent;
}

@-webkit-keyframes button-bounce {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(0.96);
	}
	20% {
		transform: scale(1.04);
	}
	52%,
	100% {
		transform: scale(1);
	}
}
@-moz-keyframes button-bounce {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(0.96);
	}
	20% {
		transform: scale(1.04);
	}
	52%,
	100% {
		transform: scale(1);
	}
}
@keyframes button-bounce {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(0.96);
	}
	20% {
		transform: scale(1.04);
	}
	52%,
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes button-blip {
	0% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
	10% {
		transform: scaleX(1) scaleY(1);
		opacity: .7;
	}
	30%,
	99% {
		transform: scaleX(1.08) scaleY(1.35);
		opacity: 0;
	}
	100% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
}
@-moz-keyframes button-blip {
	0% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
	10% {
		transform: scaleX(1) scaleY(1);
		opacity: .7;
	}
	30%,
	99% {
		transform: scaleX(1.08) scaleY(1.35);
		opacity: 0;
	}
	100% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
}
@keyframes button-blip {
	0% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
	10% {
		transform: scaleX(1) scaleY(1);
		opacity: .7;
	}
	30%,
	99% {
		transform: scaleX(1.08) scaleY(1.35);
		opacity: 0;
	}
	100% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
}

/* map */
.map-box-content{
	border: 0px solid red;
	width: 380px;
	margin: -3px 0px -7px;
}
.map-box-title{
	color: #00498F;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
}
.content img{
	float: left;
	padding: 2px;
	border: silver 1px solid;
	margin-right: 10px;
	margin-top: 5px;
}
.content p{
	color: #333333;
	line-height: 19px;
}

em.place{
	color: green;
}

em.area{
	color: #4860ff;
}
em.price{
	color: red;
}


.user .btn-group .btn {
	transition: background-color .3s ease;
}

.user .panel-table .panel-body {
	padding: 0;
}

.user .table > thead > tr > th {
	border-bottom: none;
}

.user .panel-footer, .panel-table .panel-body .table-bordered {
	border-style: none;
	margin: 0;
}

.user .panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
	text-align: center;
	width: 50px;
}

.user .panel-table .panel-body .table-bordered > thead > tr > th.col-tools {
	text-align: center;
	width: 120px;
}

.user .panel-table .panel-body .table-bordered > thead > tr > th.col-time {
	text-align: center;
	width: 140px;
}

.user .panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.user .panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
	border-right: 0;
}

.user .panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.user .panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
	border-left: 0;
}

.user .panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td {
	border-bottom: 0;
}

.user .panel-table .panel-body .table-bordered > thead > tr:first-of-type > th {
	border-top: 0;
}

.user .pagination > li > a, .pagination > li > span {
	border-radius: 50% !important;
	margin: 0 5px;
}

.user .pagination {
	margin: 0;
}

.username{
	font-size: 13px;
	font-weight: bold;
	color: green;
}

.list-title{
	font-weight: bold;
	color: #005aff;

}

.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}


.addfund{padding:10px 0}
.addfund ul{margin: 0;padding: 0;list-style:none;}
.addfund li {float: left;text-align: center;width:22%;margin:0 10px 20px}
.addfund .iconBox {background: #005AA9;border: 1px solid #2482c4;border-radius: 15%;height: 84px;margin: 0 auto;transition: all 0.2s ease-in-out 0s;width: 84px}
.addfund .iconBox.active,.addfund .iconBox:hover {background: #3BA635 none repeat scroll 0 0;border: 1px solid #3BA635;transform: scale(1.1);}
.addfund .iconBox img {width: 100%;}
.addfund h4 {font-size: 14px;line-height: 18px;padding:10px 0 2px;margin:0}
.addfund h4 a{color:#000;font-weight:normal} .addfund h4 a:hover{color:#3BA635}
.note-card{font-size:14px;margin:20px 0 0;line-height:1.7em} .note-card a{font-weight:bold;color:#0000FF} .note-card p{margin:0 0 10px}

.hotline {margin-top: 20px;margin-right: 30px;border-top: 1px solid #ccc;padding-top: 5px;font-size:14px;line-height:1.7em}
.hotline span:nth-child(1) {display: block;}
.hotline span:nth-child(2) {color: #339900;}
.hotline span:nth-child(3) {display: inline-block;font-size: 16px;color: #339900;height: 25px;}
.fa-2x {font-size: 2em;}
.fa-phone-square:before {content: "\f098"}


.bankInfo{font-size:14px;font-family:tahoma;line-height:25px}
.bankInfo table {width: 690px;border-collapse:collapse;margin: 10px auto;border:1px solid #ccc}
.bankInfo table tbody{border:1px solid #ccc}
.bankInfo table tr td {padding: 2px 10px;height: 30px;line-height: 25px; border:1px solid #ccc}
.bankInfo table tr td:nth-child(1) {width: 150px;font-weight: bold;color: #333;}
.bankInfo table tr.bggray td {background-color: #f4f4f4;}
.bankInfo #bankName, .bankInfo #accountOwner {color: #006699;font-weight: bold}
.bluecolor{color: #055699}

.banklist{padding:10px 0 0}
.banklist h2{font-size:14px;color:#555;padding:0;margin:0}
.banklist img{margin: 3px 4px 3px 0px;border: 1px solid #ccc;width: 120px;height: 60px}
.banklist img:hover,
.banklist img.active {border-color: #006699;-webkit-box-shadow: 2px 2px 2px 0px rgba(0,102,153,1); -moz-box-shadow: 2px 2px 2px 0px rgba(0,102,153,1);box-shadow: 2px 2px 2px 0px rgba(0,102,153,1);cursor:pointer}

.bottom-line{
	border-bottom: 1px solid #96BB47;
}
.green{
	color: green;
}
.red{
	color: red;
}
.bold{
	font-weight: bold;
}
.view-more{
	padding-bottom: 15px;
	text-align: center;
	clear: both;
}
.padding-right-0{
	padding-right: 0px;
}

.footer-navi{
	overflow: hidden;
	text-align: center;
}
.footer-navi{height:37px;background: #015f95}
.footer-navi ul {
	width: auto;
	margin: auto;
	padding: 0 5px;
	list-style: none;
	display: inline-block;
	text-align: initial;
}
.footer-navi ul li{float: left;background: url(../images/line-menu.png) no-repeat right}
.footer-navi li a{color:#fff;font-size:14px;padding:8px 15px 15px 8px;display: block}
.footer-navi .last{background:none}
.footer-navi li a:hover{color:#96BB47;text-decoration: none; font-weight: bold}


.seo-navi{
	font-size: 12px;
}
.seo-navi h4 a{
	color: green;
}
.char_left
{
	color: red;
	font-weight: bold;
}
.float-left{
	float: left;
	padding-left: 0px
}
.home {

	background: #EF8705;
}


/*
    Note: It is best to use a less version of this file ( see http://css2less.cc
    For the media queries use @screen-sm-min instead of 768px.
    For .omb_spanOr use @body-bg instead of white.
*/

@media (min-width: 768px) {
	.omb_row-sm-offset-3 div:first-child[class*="col-"] {
		margin-left: 25%;
	}
}

.omb_login .omb_authTitle {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.omb_login .omb_socialButtons a {
	color: white; // In yourUse @body-bg
opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
	color: white;
	opacity:1;
}
.omb_login .omb_socialButtons .omb_btn-facebook {background: #3b5998;}
.omb_login .omb_socialButtons .omb_btn-twitter {background: #00aced;}
.omb_login .omb_socialButtons .omb_btn-google {background: #c32f10;}


.omb_login .omb_loginOr {
	position: relative;
	font-size: 1.5em;
	color: #aaa;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
	display: block;
	position: absolute;
	left: 50%;
	top: -0.6em;
	margin-left: -1.5em;
	background-color: white;
	width: 3em;
	text-align: center;
}

.omb_login .omb_loginForm .input-group.i {
	width: 2em;
}
.omb_login .omb_loginForm  .help-block {
	color: red;
}


@media (min-width: 768px) {
	.omb_login .omb_forgotPwd {
		text-align: right;
		margin-top:10px;
	}
}


.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom: 5px;}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding-left:0;padding-right:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background-color:#d6006f;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}




legend{
	font-size: 13px;
	font-weight: bold;
	color: #ccc5c5;
}
.footer-margin{
	margin-top: 20px;
}
.padding-left-0{
	padding-left: 0 !important;
}
.padding-top-0{
	padding-top: 0 !important;
}
.margin-top-20{
	margin-top: 20px !important;
}
.margin-top-0{
	margin-top: 0 !important;
}
.padding-left-15{
	padding-left: 15px !important;
}
.padding-left-5{
	padding-left: 5px !important;
}
.padding-top-15{
	padding-top: 15px !important;
}

.padding-right-15{
	padding-right: 15px !important;
}
.padding-right-5{
	padding-right: 5px !important;
}
.padding-15{
	padding: 15px !important;
}


.khung-title{
	line-height: 40px;

	float: right;

}
.khung-value{
	line-height: 40px;
}
.font-size-10{
	font-size: 10px;
}
.font-size-11{
	font-size: 11px;
}
.font-size-12{
	font-size: 12px;
}
.font-size-13{
	font-size: 13px;
}
.font-size-14{
	font-size: 14px;
}
.font-size-15{
	font-size: 15px;
}

.side-fluid{
	min-height: 700px;
}

@media (max-width: 880px) {
	.khung-title{
		float: left;
	}
	.khung-value{
		float: right;
	}
}


.question-box-form{
	border: 1px #37A344 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	margin: 15px auto;
	display: none;
	max-width: 650px
}

.answer-box-form{
	border: 1px #37A344 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	margin: 15px auto;
	display: none;
}
.tuvan-msg{
	font-weight: bold;
	color: red;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.detail_tuvan{
	height: 60px;
	overflow: hidden;
}
.title-tuvan{
	white-space: nowrap;
	width: 100%
}
#hinhanh {
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
#hinhanh2 {
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	min-height: 300px;
}
.margin-bottom-10{margin-bottom: 10px}
.margin-bottom-15{margin-bottom: 15px}
.list-replay{
	border: 1px #95ba47 solid;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.font-bold{
	font-weight: bold;
}
.bds-detail{
	white-space: pre-wrap;
	text-align: justify;
}
#bando,#map-option{
	display:none
}
.tab-bando{
	margin-top: 35px;
}
#load-data{
	color: red;font-weight: bold; display: none
}
.search-more{
	padding-bottom: 10px;
}

/* Bg top left info*/
.bg-top-left-info{background-color:#FFE6C7;margin:0 0 10px 0;list-style:none;padding:5px}
.item-info-1 img, .item-info-2 img,.item-info-3 img{margin:0 8px 0 0}
.item-info-1,.item-info-2,.item-info-3{float:left; width:100px}

.bg-top-left-info li{margin:0 !important;padding:5px 0}

/**  Sub pro info  **/
.sub-pro-info{margin:0 0 10px 0;list-style:none;padding:0 0 0 5px}
.sub-pro-info li{margin:0 !important;padding:3px 0}
.sub-pro-info span{float:right}
.sub-pro-info li label{font-weight:bold}

/*Tien ich*/
.title-utility{color:#FF8601;font-size:11pt; text-decoration:underline;margin:0 0 10px 0}
.sub-utility{list-style:none}
.sub-utility li{padding:3px 0}
.sub-utility input{float:right; color:#f90}
.data-null{
	text-align: center;
	color: #ccc;
}
#listbds{
	height: 750px;
	overflow-y: scroll;
}
#listbds .info{
	position: absolute;
	bottom: 16px;
	left: 30px;
	color: #fff;
	font-size: 17px;
	text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.89);
	font-family: 'roboto';
	font-weight: bold;
}
#listbds .info .price{
	font-size: 30px;
}
#listbds .info .address{
	font-weight: normal;
	color: #ccc;
}
#listbds .col-img{
	padding: 0;
}
#listbds .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: #000;
	opacity: 0.2;
}
#listbds .bg:hover{
	opacity: 0.1;
}
#listbds .title-vip{
	font-weight: bold;
	height: 35px;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
	text-transform: uppercase;
}
#listbds .item-box{
	border: unset;

}
#listbds .info .address a{
	font-weight: normal;
	color: #ccc;
	font-size: 14px;
}
#detailbds{
	min-height: 900px;
}
#listbds .loading{
	text-align: center;
	margin: auto;
	padding-top: 200px;
}
#listbds .loading img{
	height: 100px;
}

#detailbds .loading{
	text-align: center;
	margin: auto;
	padding-top: 126px;
}
#detailbds .loading img{
	height: 100px;
}
#bdsdetail #title{
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
}
.contact-info{
	border: 1px #37a344 solid;
	padding: 10px;
	border-radius: 10px;
	margin-top: 35px;
}
#detailbds .contact-info{
	margin-top: 10px;
	position: inherit;
}
#detailbds .detail .price{
	right: 0;
	font-size: 18px;
	float: right;
	border: 3px #ff0000 dotted;
	padding: 10px;
	font-weight: bold;
	border-radius: 10px;
	margin: 5px;
}
#detailbds .detail .price span{
	color: red;
}
table.bds-info{
	border: none;
}
table.bds-info tbody tr{
	border: none;
	border-bottom: 1px solid #f3eeee;
}
table.bds-info tbody tr th{
	border: none;
	padding: 4px;
}
table.bds-info tbody tr td{
	border: none;
	padding: 4px;
}
.breadcrumb-bg{
	background-color: #f5f5f5;
	margin-bottom: 10px;
}



.near_box .info{
	position: absolute;
	bottom: 16px;
	left: 30px;
	color: #fff;
	font-size: 17px;
	text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.89);
	font-family: roboto;
	font-weight: bold;
}
.near_box .info .price{
	font-size: 30px;
}
.near_box .info .address{
	font-weight: normal;
	color: #ccc;
}
.near_box .col-img{
	padding: 0;
}
.near_box .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: #000;
	opacity: 0.2;
}
.near_box .bg:hover{
	opacity: 0.1;
}
.near_box .title-vip{
	font-weight: bold;
	height: 35px;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
	text-transform: uppercase;
}
.near_box .item-box{
	border: unset;

}
.near_box .info .address a{
	font-weight: normal;
	color: #ccc;
	font-size: 14px;
}
#form-contact-bds .user_name{
	font-weight: bold;
	color: green;
}

.button-call-2 {
	backface-visibility: hidden;
	position: relative;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	background: #e74;
	border-radius: 500px;
	border: 0px solid #444;
	border-width: 0px 0px 0px 0px;
	padding: 8px 20px 8px 50px;
	color: #fff;
	font-size: 15px;
	font-family: Helvetica Neue;
	font-weight: 900;
	font-style: normal
}
.button-call-2 > div {
	color: #999;
	font-size: 10px;
	font-family: Helvetica Neue;
	font-weight: initial;
	font-style: normal;
	text-align: center;
	margin: 0px 0px 0px 0px
}
.button-call-2 > i {
	color: #e21;
	font-size: 1em;
	background: #fff;
	border-radius: 100px;
	border: 4px solid #e74;
	border-width: 4px 4px 4px 4px;
	padding: 11px 12px 11px 12px;
	margin: 6px 6px 6px 6px;
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px
}
.button-call-2 > .ld {
	font-size: initial
}
.more-item{
	display: none;
}
.search-more-desktop{
	margin-top: 10px;
	margin-bottom: 10px;
}
.form-dang-nhap{
	max-width: 400px; margin: auto; padding-top: 15px;
}
.form-dang-ky{
	max-width: 700px; margin: auto;
}
.mo-gioi-box{
	border: 1px solid #dedede;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: table;
	width: 100%;
	margin: 10px;
	padding: 10px;
}
.mo-gioi-box:hover {
	box-shadow: 10px 8px 44px -15px rgba(0, 0, 0, 0.33);
}
.mo-gioi-box .img {
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.mo-gioi-box img {
	width: 100%;
}
.news-page .hot-calendar{
	margin-bottom:5px;
	float: unset;
}
.news-page .title-news{
	height: 20px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
}
@media (max-width: 996px){
	.news-page .title-news{
		margin-top: 5px;
	}
	.news-page .col-img{
		padding: 0;
	}
	.land-list .col-img {
		height: auto;
	}
	
	.bci-price{
		min-width: 165px;
	}
}
.news-page .col-img{
	height: auto;
}

.land-list .title-vip {
	font-weight: bold;
	max-height: 35px;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
	height: unset;
	text-transform: uppercase;
	text-overflow: ellipsis;
}

.land-list .title-hot, .title-new {
	height: unset;
	max-height: 35px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

.near_box{
	margin-left: 0;
	margin-right: 0;
}
.bds-view{
}
.need .col-img{
	height: auto;
}

.navbar-default {
	background-color: #4967a3;
	border-color: #e7e7e7;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #4b66a9;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #4b66a9;
}


.navbar a:hover, .dropdown:hover .dropdown-link {
	background-color: #4b66a9;
}

.dropdown-menu {
	display: none;
	position: absolute;
	background-color: #4b66a9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 999;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
}

.dropdown-menu > li > a:hover {
	color: #ff0;
	background-color: #4b66a9;
}

.dropdown:hover .dropdown-menu {
	display: block;
}
.slogan-top {
	line-height: 30px;
	padding: 0 10px;
	height: 30px;
	border-bottom: 1px solid #C4C4C4;
	color: #fff;
	background: #4b66a9;
	margin: 0;
}
.likepage {
	float: left;
	color: #D33320;
	height: 28px;
	margin-top: 5px;
	width: 450px;
}
.welcome {
	margin: 10px 0 0;
	float: right;
	font-weight: bold;
}
.welcome a {
	padding-right: 5px;
}
.register {
	background: url(/public/templates/user/hoinhadat/images/icon-register.png) no-repeat left top;
	padding-left: 16px;
	margin-left: 7px;
	margin-right: 12px;
	color: #213F7E;
}
.add_new {
	margin-left: 10px;
	background: url(/public/templates/user/hoinhadat/images/article-icon.png) no-repeat left center;
	color: #f00;
	padding: 5px 0 5px 20px;
	font-size: 13px;
}
.icon-login {
	background: url(/public/templates/user/hoinhadat/images/icon-login.png) no-repeat left top;
	padding-left: 17px;
	margin-left: 10px;
	color: #213F7E;
}
.logo-top{
	width: 100%;
}
.slide_box{
	margin-bottom: 15px;
	    display: none;
}
.caption{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #00000080;
	padding: 9px;
}
.caption .title{
	margin-top: 10px;
	border-bottom: unset;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
}
.caption .location{
	color: yellow;
	font-size: 11px;
}
.main-sidebar{
	padding: 8px;
    border: 1px solid #4967a3;
    border-radius: 5px;
    background-color: #4967a3;
    color: #fff;
}
.main-sidebar a{
	color: #fff;
}

.main-sidebar .title {
    margin-top: 10px;
    border-bottom: 0;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 14pt;
    font-weight: bold;
}

.main-sidebar-home{
	padding: 20px;
    background-color: #4967a3;
    color: #fff;
    border-radius: 5px;
}
.main-sidebar-home .btn-search{
	width: 100%;
	padding: 4px 12px;
    border-radius: 0;
}
.main-sidebar-home .btn-search-map{
	width: 100%;
	padding: 4px 12px;
    border-radius: 0;
}

.main-sidebar-home .title{
	color: #fff;
    border-bottom: unset;
    font-size: 12pt;
    font-weight: bold;
}
.tab-pane{
	border: 1px solid #4967a3;
	border-top: none;
	padding: 10px 10px;
}
.bds-new{
	margin: 15px 0;
}
.icon-home{
	height: 18px;
}
@media (min-width: 768px){
	.navbar-default .container-fluid{
		padding: 0;
	}
	.navbar-collapse{
		padding: 0px;
	}
	.navbar {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border: none;
	}
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #44bc22;
}
.bg-adv {
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
}
.bg-adv li {
	padding: 0 0 5px;
}
.a-box{
	margin-bottom: 10px;
}
.search-box-righ{
	margin-bottom: 10px;
}
.fanpage-box{
	margin-top: 20px;
	margin-bottom: 10px;
}
.box2 {
	padding: 0;
	margin-bottom: 10px;
	    position: relative;
}
.box2 .title {
	background: #ef8705;
	color: #fff;
	font-size: 14px;
	padding: 8px 0 8px 10px;
	margin: 0;
	border-radius: 5px 5px 0 0;
	position: relative;
	text-transform: uppercase;
}
.box2 .title a{
	color: #fff;
	font-size: 14px;
}

.box2 .content {
	list-style: none;
	margin: 0;
	padding: 4px 0;
	border: 1px solid #ccc;
	border-top: none;
}
.box2 .content li {
	display: inline-block;
	width: 160px;
	vertical-align: top;
}
.box2 .content li a {
	color: #027BC9;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 15px;
	background: url(../images/arrow.jpg) no-repeat 5px 9px;
}
.clear {
	clear: both;
}
#album{
	margin-top: 43px;
	    clear: both;
}
nav.page_box{
	text-align: center;
}
#map{height:490px; width: 100%;}
.datepicker-dropdown{
	background-color: #fff;
}
.addfund .tab-pane{
	border: unset;
}
.quangcao_img_box{
	height: 165px;
	margin-bottom: 15px;
}
.quangcao_bottom_box{
	margin-top: 15px;
	margin-bottom: 15px;
}
.quangcao_1_img_box img{
	width: 100%;
}
.loading_vip{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background-color: #ffffffbf;
}
.loading_newshot{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background-color: #ffffffbf;
}
.loading_hot{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background-color: #ffffffbf;
}

.loading_new{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background-color: #ffffffbf;
}

.position-relative{
	position: relative;
}
.loading_image{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	z-index: 100;
}
.project-page .detail{
	color: #555;
	line-height: 20px;
	font-family: Tahoma;
	font-size: 12px;
}
.project-page .detail .left {
	width: 75px;
	display: inline-block;
}

.project-page .title{
	border-bottom: unset;
	display: block;
}
.project-page .title a{
	font-size: 14px;
	color: #055699;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}
.project-page .total_project{
	margin-bottom: 15px;
}
.project-page .total_project span{
	font-weight: bold;
}
.qc_left_page .items, .qc_right_page .items{
	margin-bottom: 5px;
}
.qc_left_page{
	position: fixed;
	width: 130px;
	height: auto;
	top: 5px;
	left: -9999px;
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.qc_right_page{
	position: fixed;
	width: 130px;
	height: auto;
	top: 5px;
	float: left;: -9999px;
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.col-info .detail{
	float: left;
}
.news_hot_box{
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
    border-top: none;
}
.news_hot_box li{
	padding: 5px;
}

.news_hot_box .title-news{
	font-size: 14px;
	margin: 0;
	text-align: justify;
}
.news_hot_box .col-img{
	height: unset;
}
@media (min-width: 1200px){
.container {
    width: 1100px;
}
}

.bds-hot-home .title-hot{
	height: 40px;
    max-height: unset;
    margin: 5px 0 10px;
    padding: 5px 0 0 0;
	
}
.bds-hot-home .label-hot {
    background: url(../images/hot.gif);
    font-size: 11px;
    display: inline-block;
    position: relative;
    left: 0;
    top: 1px;
    z-index: 99;
    line-height: 14px;
    font-weight: normal;
    margin-right: 2px;
    padding: 0 18px;
    height: 14px;
}
.bds-hot-home .title-vip{
	height: 40px;
}
.youtube{
	position: fixed;
    width: 40px;
    height: 40px;
    bottom: 83px;
    right: 30px;
    cursor: pointer;
    z-index: 99999;
    border-radius: 50%;
    box-shadow: 0px 1px 1px 1px #ccc;
}
.facebook{
	position: fixed;
    width: 40px;
    height: 40px;
    bottom: 127px;
    right: 30px;
    cursor: pointer;
    z-index: 99999;
    border-radius: 50%;
    box-shadow: 0px 1px 1px 1px #ccc;
}
.title2{
	border-left: 5px solid #4b66a9;
    background-color: #f5f5f5;
    padding: 5px 0px 5px 8px;
    color: #4b66a9;
    font-size: 18px;
    font-weight: bold;
}