/*
Theme Name: BatDongSan51
Theme URI: https://muatheme.com/san-pham/theme-wordpress-bat-dong-san-cao-cap-mau-so-33/
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme Wordpress bat dong san 51
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.single-product .mfp-close{
	top: 60px !important;
}
.img_chu_dau_tu{
border-radius: 8px;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: solid 1px rgba(151, 151, 151, .25);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.img_chu_dau_tu:hover{
-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
}
.tags_goiy {
margin-top:15px;
}
.tags_goiy a{
position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 16px;
    color: rgba(255,255,255,.75);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
  margin-right: 6px;
    margin-bottom: 6px;
}
.tags_goiy p{
	margin-bottom: 0px;
}
.post-item .image-cover{
	border-radius: 6px;
}
.label-primary {
    border-radius: 4px;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 500;
    padding: 0.375rem 0.5rem 0.25rem;
    width: auto;
}
.label-primary.hot {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ea1e12;
    color: #fff;
    width: auto;
    font-size: 10px;
    font-weight: 600;
    padding: 5px 8px 2px;
}
.label-primary.free {
    background: #376209;
}
.project-trend .card-project {
  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-clip: border-box;
  -webkit-box-shadow: unset;
  box-shadow: unset;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  animation-duration: 0.0001s;
    animation-name: sentinel-aa2861927e198;
}
@media (min-width: 1200px) {
  .project-trend .card-project:hover {
    opacity: 0.86;
  }
  .project-trend .card-project:hover .btn-favorite {
    display: block;
    visibility: visible;
  }
  .project-trend .card-project .btn-favorite {
    display: none;
    visibility: hidden;
    -webkit-transition: all 300s ease;
    transition: all 300s ease;
  }
  .project-trend .card-project .btn-favorite.active {
    display: block;
    visibility: visible;
  }
}
.project-trend .card-project .btn-favorite {
  top: 24px;
  right: 24px;
}
.project-trend .card-project .label-primary {
  position: absolute;
  top: 24px;
  left: 24px;
  width: auto;
  padding: 8px 10px 4px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  text-transform: uppercase;
  z-index: 10;
  max-width: calc(100% - 104px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-trend .card-project-body h3{
	text-align:left;
}
.project-trend .card-project-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(20%, rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.8))
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0) 20%,
    rgba(0, 0, 0, 0.8)
  );
  border-radius: 8px;
  padding: 24px;
}
.project-trend .card-project-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4px;
  z-index: 10;
}
.project-trend .card-project-address a,
.project-trend .card-project-address li {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.project-trend .card-project-address li {
	list-style: none;
	margin-left: 0px;
}
.project-trend .card-project-address li a:hover {
  color: #fff;
  opacity: 0.86;
}
.project-trend .card-project-address li + li {
  margin-left: 4px;
}
.project-trend .card-project-address li + li::before {
  color: #fff;
}
.project-trend .card-project-title {
  white-space: normal;
  overflow: unset;
  margin-bottom: 4px;
 
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}
.project-trend .card-project-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.project-trend .card-project-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
}
.project-trend .card-project-price strong {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .project-trend .swiper-wrapper {
    height: 378px;
  }
  .project-trend .swiper-slide {
    width: 252px !important;
    height: 378px;
    margin-right: 14px;
  }
  .project-trend .card-project {
   
    height: 378px;
  }
  .project-trend .card-project-body {
    padding: 16px;
  }
  .project-trend .card-project .label-primary {
    top: 16px;
    left: 16px;
    max-width: calc(100% - 84px);
  }
  .project-trend .card-project .btn-favorite {
    top: 16px;
    right: 16px;
  }
}

.fa_icon svg{
	position: relative;
	top: 3px;
	fill: var(--primary-color);
    width: 20px;
    height: 20px;
}
.calc-mortgage-tool .fa_icon svg, .download_show .fa_icon svg, .cta-bottom-wrapper .fa_icon svg{
	fill: #fff;
}

.btn-icons:hover .fa_icon svg{
	fill: #fff;
}


@font-face {
  font-family:'rever-icon';
    src: url('fonts/ReverIcons.eot');
    src: url('fonts/ReverIcons.eot?#iefix') format('embedded-opentype'),
    url('fonts/ReverIcons.woff') format('woff'),
    url('fonts/ReverIcons.ttf') format('truetype'),
    url('fonts/ReverIcons.svg#roboto_condensedregular') format('svg');
    font-display:swap;
}
.h-dk {
    position: absolute;
    top: 20%;
    right: calc((100% - 1000px)/2);
}
.h-dk .col {
    background: rgba(59, 59, 63, 0.6);
    padding: 20px !important;
}
.h-dk form {
    margin-bottom: 0;
}

.h-dk h3 {
    color: white;
    font-size: 22px;
}
.h-dk div.wpcf7-mail-sent-ok {
    border: 2px solid white !important;
    border-radius: 0px !important;
    color: white !important;
}
.link_bds{
	display:none;
}
.footer-wrapper .widget_nav_menu{
	padding:0px;
}
.border_bottom_white{
	border-bottom:1px solid #ffffff;
}
.font-icon { font-family:'rever-icon', Verdana, Geneva, sans-serif ;text-rendering:auto; line-height:20px; font-size:18px; font-style: normal; vertical-align: middle}
.bedroom:before  { content:"\f105"; padding-right:3px}
.bathroom:before  { content:"\f106"; padding-right:3px}
.livingroom:before  { content:"\f106"; padding-right:3px}
.garage:before  { content:"\f143"; padding-right:3px;}
.priceofsize:before  { content:"\f145"; padding-right:3px}
.area:before  { content:"\f144"; padding-right:3px}
.apartment-icon:before  { content:"\f133"; padding-right:3px}
.ownerbuilding-icon:before  { content:"\f134"; padding-right:3px}
.locationbuilding-icon:before  { content:"\f135"; padding-right:3px}
.unitsbuilding-icon:before  { content:"\f136"; padding-right:3px}
.streetview:before {content:"\f132"; font-size:2em}
.direction:before {content:"\f132"}
#dk-bao-gia div.wpcf7-mail-sent-ng, div.wpcf7-aborted{
	color:#ffffff;
	border-radius:0px !important;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #00779A !important;
	border-radius:0px !important;
	color: #00779A !important;
}
#wrapper, #main {background-color: #fff;position: relative;}
.justin .icon-box-text p{text-align: justify;}
.white.button.is-outline{color: #fff!important;}
.white.is-outline:hover{color: #666!important;}
.badge-container{display: none;}
.stuck{background: #000;}
.image-tools .quick-view img{width: initial!important; max-width: initial!important;}
.product-small .box-text .product-title{font-weight: bold;}

.tai_sao .icon-box{background: #0075D2;padding: 8px;border-radius: 10px;}
.tai_sao .icon-box p{font-weight: bold;}
.section-title span{text-transform: inherit;line-height: 40px;}
.star-rating:before{color: yellow!important;}
.text-den .col-inner{font-weight: bold;color: #222;border-radius: 10px;}
.text-den .col-inner .testimonial-text p{font-weight: bold;color: #666}
.blog-post-inner .is-divider{display: none;}
.single-post .entry-image{display: none;}
.footer-1{color: #222;font-size: 13px;font-weight: bold;}
.footer-1 .dark, .dark p, .dark td{font-weight: initial;font-size: 13px;}
.footer-1 .widget-title {color: rgb(0, 156, 222); font-size: 15px;}
.footer-1 .is-divider{background-color: rgb(0, 156, 222);}
.bot_0{padding-bottom: 0!important;}
.breadcrumbs a{ font-weight: bold;text-transform: capitalize; font-size: .8rem;}
.product-main .product-info h1.product-title{font-size: 1.4rem;}
.product-main .product-info .product-short-description{font-size: 14px;font-weight: bold;}
form .quantity{display: none;}.product-info{font-weight: bold;}
.nut_xem_demo{background: #0075D2;padding: 10px;min-width: 164px;display: block;text-align: center; height: 48px;color: #fff;text-transform: uppercase;line-height: 25px;}
.nut_xem_demo:hover{background:linear-gradient(#0075D2, #911EAB) ;color: #fff;}
.single_add_to_cart_button{width: 100%;}
.sticky-add-to-cart--active .single_add_to_cart_button{width: inherit;}
.single_add_to_cart_button{height: 48px;}
.sticky-add-to-cart__product .product-title-small{font-size: .8rem;}
#secondary .widget span.widget-title , #product-sidebar .widget span.widget-title , #shop-sidebar .widget span.widget-title {color: #000!important;font-size: 16px;}
/*
#secondary .widget span.widget-title:after , #product-sidebar .widget span.widget-title:after , #shop-sidebar .widget span.widget-title:after{ 
	background: #009cde;bottom: -5px;content: "";display: block;height: 1px;position: relative;width: 100%;}
*/
.entry-content.single-page .blog-share .is-divider, #secondary .widget .is-divider , #product-sidebar .widget .is-divider , #shop-sidebar .widget .is-divider{background-color: var(--primary-color)!important;max-width: 100%!important;margin-top: 8px!important;height: 1px;}
#secondary , #product-sidebar , #shop-sidebar{font-size: 14px;font-weight: bold;}
h2.section-title-normal span {margin-right: 15px;padding-bottom: 3.5px;border-bottom: 0;margin-bottom: 0;padding: 4px 15px;font-size: 19px;color: white;padding-top: 7px;text-transform: uppercase;}
h2.section-title-normal {border-bottom: 2px solid rgb(199,37,40);background: #0079b6;}
h2.section-title span{line-height: inherit;}

h2.section-title a {font-size: 15px;background: rgb(199,37,40);padding: 8px 15px;color: white;font-weight: 400;}

.content-pos .box-text {padding-bottom: 0;padding: 10px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;background: white;}
ul.menu>li+li , .widget>ul>li+li{border-top: 1px dashed #ececec;}
.content-pos .post-item .post-title {height: 21px;overflow: hidden;color: #2c2b3b;margin-bottom: 5px;}
.box-text .from_the_blog_excerpt{margin-top: 10px;}
.category-blog .from_the_blog_excerpt {height: inherit!important;}
.article-inner h3, .article-inner h1, .article-inner h2, .article-inner h4, .article-inner h5, .article-inner h6{padding-left: 0px;color: black;}
.row-lien-he h3{border-left: none;}
.page-wrapper{padding-top: 10px!important;padding-bottom: 10px!important;}
.blog-archive .img_dau_t{margin-bottom: 20px;}
#comments .comment-respond{background-color: transparent!important;}
.entry-header-text .is-divider{display: none;}
.entry-header-text{padding: 0;}
.entry-content{padding-top: 0;}
.home .breadcrumbs{display: none;}
.breadcrumbs{font-weight: 300;font-size: 13px;}
.breadcrumbs a{font-weight: 300;color: #0092ff;}
h6.entry-category{display: none;}
.meta-related{display:block;background: #e6f4ff;padding: 10px 0;margin-bottom: 15px;} 
.meta-related ul{padding-left: 15px;margin-bottom: 0;}
.meta-related ul li {list-style: square;font-size: 15px;margin-bottom:0px;}
.meta-related ul li a{color: #0092ff;text-transform: none; }
.meta-related ul li a:hover{color: #0072c8;}
.lien-quan{padding: 0 15px 15px;}
.lien-quan .gallery-icon{height: 110px;}
.lien-quan .gallery-icon img{height: 100%;object-fit: cover;border-radius: 4px;}
.lien-quan .wp-caption-text{    font-size: 14px;text-align: left;font-weight: bold;line-height: 21px;margin-top: 10px;height: 60px;overflow: hidden;margin-bottom: 10px;}
#comments .comment-respond{padding: 0;}
.fb_iframe_widget{margin-bottom: 10px;}
.row.row-large{}
#top-bar li a {text-transform: none;font-size: 14px!important;}
.header-bottom .nav li a:hover, .header-bottom .nav li.active a {background: #2c2b3b;}
.header-bottom .nav li a {line-height: 37px;padding: 5px 15px;}
section.content-pos , section.lien-he , .doi-tac, .footer-boot{padding-bottom: 0!important;}
.doi-tac .section-title-container{margin-bottom: 0!important;}
.doi-tac .icon-box {box-shadow: 0 -8px 17px #dedede;height: 155px;padding: 10px 5px;background: white;}
.icon-phone:before, .icon-envelop:before {color: #da0007;}


.row-lien-he .large-12 .col-inner {border-radius: 10px;border: 2px solid #dd202a;padding: 20px;display: inline-block;}
.form-lien-he {display: block;clear: both;width: 100%;}
.form-lien-he .left {width: 50%;padding-right: 10px;display: inline-block;float: left;}
.form-lien-he .right {width: 50%;padding-left: 10px;display: inline-block;float: right;}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select {height: 38px;font-size: 15px;border-radius: 5px;box-shadow: none;}

.form-lien-he input[type='submit'] {margin: 0;display: block;width: 100%;border-radius: 5px;background: #fd9a00;text-transform: none;font-weight: 400;}
#breadcrumbs {margin-top: 20px;color: #ff9b00;background: #f7f7f7;margin-bottom: 20px;padding: 6px 15px;display: block;width: 100%;font-size: 15px;font-family: "roboto condensed",sans-serif;border: 1px solid #e8e8e8;}
.blog-single .entry-header h1.entry-title{border-bottom: 1px solid var(--primary-color);padding-bottom: 10px;}

.tab_sea{position: absolute;top: 170px;z-index: 999;max-width: 1170px;}
.tab_search{margin-top: 0!important;}
.tab_sea .button, .tab_sea button, .tab_sea input, .tab_sea textarea, .tab_sea select, .tab_sea fieldset{margin-bottom: initial!important;}
.tab_sea .col:first-child .col-inner{margin-right: inherit!important;}

.accordion-title{display: initial!important;padding: .6em 0.3em!important; border-top:none!important;color: #fff!important;}
.searchandfilter ul li{margin-left: 0!important;}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select{border-radius: 0;}
table.tbl-info td img {
    width: 16px;
    position: relative;
}
table.tbl-info td img.logo_chudautu{
	width:80px;
}
/*
.box-infomation-bds .tbl-info tr td:nth-child(n), .box-infomation-bds .tbl-info tr td:nth-child(3n) {
    width: 20%;
} */
.box-infomation-bds .tbl-info tr td {
    padding: 10px 5px;
}
.tbl-info tr td {
    padding: 7px 5px 7px;
    border-bottom: 1px solid #d3d9e1;
}
.product-main {
    padding: 0px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.loc_sp{    background: #F7F6F6;
    padding: 10px;
    margin-bottom: 20px;}
.footer-secondary{display: none;}
.loc_sp form , .loc_sp ul{margin-bottom: 0;}
.loc_sp input[type='submit']{margin-bottom: 0;}
.woocommerce-product-gallery__image{max-height: 355px;overflow: hidden;}
.product-footer{padding-top: 20px;}
.product-footer .is-divider{display: none;}
.product-footer .product_meta, .product-footer .social-icons{display: none;}
.product-footer span.amount{font-size: 18px;}
.product-short-description , #tab-description{text-align: justify;}
.content_right > .col-inner{
	border: 1px solid rgba(131,131,131,.36);
    border-radius: 2px;
	box-sizing: border-box;
}
.content_right > .col-inner form{
	margin:6px;
}
.content_right h3{background: #1d2c4c;color: #fff;padding: 5px;text-align: center;font-weight: 500;}
.content_right input[type='submit']{width: 100%;}

.product-footer .woocommerce-tabs{border-top: none;}
.product-footer .woocommerce-tabs li a{color: #000000!important;font-size: 25px;font-weight: 400!important;}
.product-footer .woocommerce-tabs li a:before{background-color:#fff!important;}
.related-products-wrapper h3{display: inline-block;}
.product-small .product-title{
	}
.product-small .product-title a{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 6px;
  
    font-size: 14px;
    color: #30333a;
    font-weight: 400;
    line-height: 1.5;
	font-weight: bold;
}
.icon-pro {
    width: 1.1em;
}
.has-shadow .box-text{padding-left: 0.5em;
    padding-right: .5em;padding-bottom: .5em;}
/*
.row-box-shadow-1 .col-inner ,.related-products-wrapper .row > .product-small > .col-inner {
	box-shadow: none !important;
	border:1px solid #ddd;
	-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}*/
.list-project{margin-bottom: 0;}
span.amount{color:var(--primary-color); font-size: 14px;line-height: 20px;}
.list-project li {
    display: inline-block;
    color: #838383;
    padding: 0 1.5em 0 0;
    margin-left: 0!important;
    font-size: 14px;
}


.has-shadow>.col>.col-inner{
	background-color: unset !important;
    background: unset !important;
    /* box-shadow: none !important; */
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: solid 1px rgba(151, 151, 151, .25);
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 8px;
	
}
.related-products-wrapper .box-text{padding-left: 1em;padding-right: 1em;}
.tt_them{padding-top: 7px;}
.tt_them .listing-address {
	color:#838383;
	font-size:13px !important;
}
.image-fade_in_back{max-height: 220px;}
.product-small .show-on-hover.top.right{
	top:3px;
	right:3px;
	opacity:1 !important;
	min-width:18em !important;
	display:block;
}

.product-small .show-on-hover.bottom.left{
	opacity:1 !important;
	background: rgba(199,37,40,.86);
    color: #ffffff;
	width:100%;
	text-align:center;
	padding:0px !important;
	
}
.product-small .show-on-hover.bottom.left:blank{
	opacity:0 !important;
	
}
.product-small .show-on-hover.bottom.left .trang_thai_div{
	height:32px;
	padding:6px;
}
.like-count {
	visibility:visible!important;
	opacity:1 !important;
    position: absolute;
    top: 0;
    right: 0;
    min-width:8em;
    height: 4em;
}
.like-count-layout {
    position: relative;
    height: 100%;
    width: 100%;
}



.search_form_wrapper form .tab-container{
    width:100%;
    min-width:100%;
    display:block;
    overflow:-webkit-paged-x;
    margin-bottom:15px;
    float:left;
z-index:99999;
}
.search_form_wrapper form .tab-container .tab_form{
    width:auto;
    float:left;
    margin-right:30px
}
.search_form_wrapper form .tab-container .tab_form:last-child{
    margin-right:0
}
.search_form_wrapper form .tab-container .tab_form input{
    display:none
}
.search_form_wrapper form .tab-container .tab_form input:checked+label{
    float:left;
    font-weight:600;
    border-bottom:2px solid #fff;
}
.search_form_wrapper form .tab-container .tab_form label{
    font-size:18px;
    color:#fff;
    padding-bottom:8px;
    cursor:pointer !important;
z-index:9999999;
	display:block;
}
.search_form_wrapper form .search-container{
	border-radius: 4px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    clear: both;
	height: 56px;
	background: #fff;
}
.search_form_wrapper form .search-container>a{
    display:none;
    position:absolute;
    right:0;
    
}
@media (max-width:480px){
    .search_form_wrapper form .search-container>a{
        display:none;
    }
}
.search_form_wrapper form .search-container .zmdi{
    position:absolute;
    left:0;
    top:0;
    color:#c9d6dd;
    font-size:30px;
    padding: 10px 0 0 10px;
}
@media (max-width:640px){
    .search_form_wrapper form .search-container .zmdi{
        display:none
    }
	 .search_form_wrapper form .search-container>a{
        display:none;
    }
}
.suggest-form .search-container{
	
	
}
.search_form_wrapper form .search-container .search-input{
  font-size: 18px;
    height: 48px;
    width: calc(100% - 155px);
    background: #fff;
    border: 0 !important;
    outline: none;
    padding: 0 10px 0 60px;
    float: left;
}
@media (max-width:640px){
  
}
.search_form_wrapper form .search-container .btn-search{
   border: 0;
    max-width: 155px;
    min-width: inherit;
    float: right;
    font-size: 18px !important;
    background: var(--primary-color);
    height: 48px !important;
    line-height: 48px !important;
    margin-right: 0px;
    position: absolute;
    right: 4px;
	border-radius: 4px;
}
.search_form_wrapper form .search-container .btn-search:focus{
    border:0;
    outline:none
}
.search_form_wrapper form .search-container .btn-search .zmdi{
    position:relative;
    padding:0;
    color:#fff;
    display:none
}
.search_form_wrapper form .search-container .recent-search{
    position:absolute;
    background:#fff;
    top:55px;
    left:0;
    width:100%;
    max-width:calc(100% - 155px);
    z-index:10;
    border:1px solid rgba(131,131,131,.2);
    padding:5px 0;
    font-size:14px
}
@media (max-width:768px){
    .search_form_wrapper form .search-container .recent-search{
        top:50px
    }
}
@media (max-width:640px){
    .search_form_wrapper form .search-container .recent-search{
        max-width:calc(100% - 62px)
    }
}
@media (max-width:480px){
    .search_form_wrapper form .search-container .recent-search{
        display:none!important
    }
}
.search_form_wrapper form .search-container .recent-search li{
    height:auto;
    min-height:40px
}
.search_form_wrapper form .search-container .recent-search li:hover{
    background:#f3f4f7
}
.search_form_wrapper form .search-container .recent-search li a{
    width:100%;
    display:block;
    padding:10px 15px;
    color:#30333a
}
.search_form_wrapper form .search-container .recent-search li a span{
    display:block;
    line-height:20px
}
.search_form_wrapper form .search-container .recent-search li a span i{
    color:#838383
}
.hidden{
    display:none
}

.dark-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:1;visibility:visible;background:rgba(0,0,0,.6);-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s}
#floating-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 70px;
    height: 70px;
}
.floating-button .hamburger {
    border-radius: 30px;
    background: var(--primary-color);
    color: #fff;
    width: 60px;
    height: 60px;
    -webkit-transition: all .25s;
    transition: all .25s;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 99997;
    cursor: pointer!important;
    outline: none;
    padding: 10px;
    display: inline-block;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
}
.hamburger-box {
    width: 40px;
    height: 38px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 38px;
    font-size: 30px;
}
.hamburger-box i.hamburger-default {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    display: block;
    right: 0;
    -webkit-animation: bell-out .3s;
    animation: bell-out .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
	 animation: shake 1s; 

  /* When the animation is finished, start again */
  animation-iteration-count: infinite; 
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#floating-container.open .count{display:none}


#floating-container.open .hamburger-box i.hamburger-default{-webkit-animation:bell-in .15s linear;animation:bell-in .15s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
#floating-container .hamburger-close {
    opacity: 0;
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    display: block;
    right: 0;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-animation: edit-out .3s;
    animation: edit-out .3s;
    background: url(x-button-icon.png) no-repeat;
    background-position: 50%;
}
#floating-container.open .hamburger-close{-webkit-animation:close-in .2s;animation:close-in .2s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.floating-button .hamburger .count {
    display: block;
    white-space: nowrap;
    position: absolute;
    top: -5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: var(--primary-color);
    text-align: center;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    background: #fff;
    border: 1px solid var(--primary-color);
}
.birdseed-beacon, .birdseed-beacon span {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    position: absolute;
}

.birdseed-beacon {
    border-radius: 100px;
    background: var(--primary-color);
    overflow: visible;
    bottom: 20px;
    right: 20px;
    z-index: 99996;
    -webkit-animation: beaconA 1.5s infinite;
    animation: beaconA 1.5s infinite;
}

.birdseed-beacon span{content:"";border-radius:100px;border:2px solid var(--primary-color);;display:block;bottom:0;right:0;z-index:99995;-webkit-animation:beaconB 1.5s infinite;animation:beaconB 1.5s infinite}
.floating-menu {
    visibility: hidden;
    position: fixed;
    left: 20px;
    padding-bottom: 10px;
    bottom: 80px;
    z-index: 100;
	
    list-style-type: none;
    padding: 0;
    margin: 0;

}

.floating-menu li a{display:inline-block;padding:8px 15px;background:#fff;box-shadow:0 0 5px #424242;border-radius:5px;margin-bottom:10px; display: list-item;
    text-align: -webkit-match-parent;}
#floating-container.open ul{visibility:visible;-webkit-animation:scale-in .5s;animation:scale-in .5s}
.s-content {
    
    z-index: 3;
    
   
    font-size: 16px;
    line-height: 1.67;
}

.s-content ul li {
    padding-left: 30px;
    padding-top: 10px;
    position: relative;
    display: block
}

.s-content ul li:before {
    content: "";
    background-image: url(image/check-icon.svg);
    display: block;
    position: absolute;
    left: 0;
    top: 16px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}
	.show_to_1024{
		display:block;
	}
	.hide_to_1024{
		display:none;
	}




.social-content{
    position:absolute;
    right:0;
    bottom:14px
}
.social-content .font-icon{
    font-size:30px;
    width:30px;
    margin-left:10px;
    vertical-align:middle
}
.social-content a img{
    margin-left:5px;
    display:inline-block;
    vertical-align:middle
}
.share{
    float:left;
    width:35%
}
.listing-detail{
    font-size:14px;
   width:100%;
    float:left;
}
.listing-item{
    -ms-flex:0 0 auto;
    -webkit-box-flex:0;
    flex:0 0 auto;
    width:calc(100% * 1/4);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:30px;
    float:left
}
.listing-item:nth-child(1n){
    margin-right:0px;
    margin-left:0
}
.listing-item .item-left{
    -ms-flex:0 0 auto;
    -webkit-box-flex:0;
    flex:0 0 auto;
    width:50%;
    color:rgba(48,51,58,.86);
    font-weight:600
}
.listing-item .item-left:nth-child(1n){
    margin-right:0px;
    margin-left:0
}
.listing-item .item-right{
    width:50%;
    margin-right:0;
    margin-left:auto;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-height:30px;
    overflow:hidden;
    white-space:nowrap;
    color:rgba(48,51,58,.68)
}
#price-area{
    color:#c52728
}
.project-house{
    display:table;
    height:90px;
    width:100%;
    font-size:14px
}
.project-house+.project-house{
    border-top:1px solid #ececec
}
.project-house div{
    display:table-cell;
    vertical-align:middle
}
.project-house .img{
    height:60px;
    width:10%;
    position:relative
}
.project-house .img .cover{
    display:block;
    height:60px;
    position:relative;
    overflow:hidden;
    margin-right:10px
}
.project-house .img .cover img{
    width:90px;
    border:1px solid #ccc;
    position:absolute;
    display:block;
    max-width:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.project-house .title{
    width:30%
}
.project-house .title h3{
    margin-right:20px;
    font-weight:500;
    font-size:14px
}
.project-house .room{
    width:16.67%
}
.project-house .room span,.project-house .area-m2 span,.project-house .price-m2 span{
    margin-right:5px
}
.project-house .area-m2{
    width:16.67%
}
.project-house .price-m2{
    width:16.67%
}
.project-house .btn{
    text-align:right;
    width:10%
}
.project-house .btn a{
    display:block;
    padding:9px 13px 5px;
    border:1px solid #000;
    border-radius:2px;
    float:right;
    height:36px;
    min-width:75px;
    font-weight:500
}
.project-house .btn a:hover{
    border:1px solid #c52728
}
.project-sumary{
	/*border-bottom:1px solid #ccc;*/
}
.project-sumary .project-name .detail{
    float:left;
    width:100%;
    display:block;
    overflow:hidden;
    font-size:16px;
    padding:30px 0 0;
    border-top:1px solid #dedede
}
section.project-header div.project-name div.share ul li.share{
    width:100%;
    text-align:right;
    font-size:16px;
    margin-bottom:15px
}
section.project-header div.project-name div.share ul li.btn{
   
    font-size:16px;
    display:inline-block;
    padding:30px 0 0;
    float:right;
    margin-left:10px
}
.lhtv{
    width:40%!important
}
.menu-detail-under ul{
    width:60%
}



.detail-house .address { font-size: 16px;color: #999}
.detail-house .address h2 { display: inline-block; font-weight: normal; padding-right: 5px; font-size: 16px;width:auto;}
.detail-house .address h2 a {color: #808080;}
.detail-house .address h2 a:hover { color: #c72528;}

.logo-white-r { float:left; width:30px; margin-top:37px}
.headquanters { margin-left:70px; width:calc(100% - 100px);}
.mb10 { margin-bottom:10px}
.price-detail { padding-top:12px}
.price-house:before {content:"\f164"; font-size:2em}
.agent-detail-house { height:100%; margin-top:50px; border:1px solid #ccc; border-bottom:0}
.agent-detail-house:after { clear:both; display:table; content:''}

  
 
.agent-detail-house { height:100%; margin-top:50px; border:1px solid #ccc; border-bottom:0}
.agent-detail-house:after { clear:both; display:table; content:''}

.left-content { float:left; width:65%; margin-right:3%; font-size:16px; line-height: 26px}

.left-content .more{padding-top: 20px}
.left-content .view-more-gray.more{ padding-top: 10px }
.left-content .content .list-advantage:first-child{padding-top: 0}
.contact-agency-info input, textarea  { width:100%; padding:10px; border:1px solid #999; margin:0 0 10px; font-size:1em; font-weight:400; display:block}
.contact-agency-info textarea::-webkit-input-placeholder { color:#444c59}
.contact-agency-info textarea:-moz-placeholder {color: #111}
.contact-agency-info textarea::-moz-placeholder {color:#111}
.contact-agency-info textarea:-ms-input-placeholder {color:#111}
.contact-agency-info input::-webkit-input-placeholder { color:#111}
.contact-agency-info input:-moz-placeholder {color: #111}
.contact-agency-info input::-moz-placeholder {color:#111}
.contact-agency-info input:-ms-input-placeholder {color:#111}

/*Top Search */
body.home .top-search , body.page-template-page-transparent-header-light .top-search, .page-template-page-transparent-header-dark .top-search{
	display:none;
}
.top-search *, {
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale
}
.top-search input[type=search]::-webkit-search-cancel-button{
   /* -webkit-appearance:searchfield-cancel-button*/
}
.top-search ::-webkit-input-placeholder{
    color:rgba(0,4,68,.3)
}
.header-nav-main.nav-left > li.html{
	width:100%;
}
.top-search input{
    text-rendering:auto;
    color:initial;
    letter-spacing:normal;
    word-spacing:normal;
    text-transform:none;
    text-indent:0;
    text-shadow:none;
    display:inline-block;
    text-align:start;
    margin:0
}

.top-search{
    width:100%;
    max-width:450px;
    margin-left:0px;
    height:44px;
    line-height:44px;
    border:1px solid rgba(48,51,58,.3);
    border-radius:0px;
    box-sizing:border-box;
    box-shadow:0;
    position:relative
}
.top-search:hover{
    box-shadow:0 2px 4px rgba(0,0,0,.1)
}
.top-search>a{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:10;
    display:none
}
.top-search form{
    width:100%;
    height:100%;
    position:relative;
    display:flex;
    align-items:center
}
.top-search form .search-type{
    padding:0 10px;
    height:20px;
    width:100%;
    max-width:101px;
    border-right:1px solid rgba(48,51,58,.3);
    line-height:20px;
    cursor:pointer;
    white-space:nowrap
}


.top-search form .search-type select{
    display:block;
    position:absolute;
   
    top:0px;
    left:0;
    width:100px;
    z-index:10;
    border:none;box-shadow:none;
	border-radius:0px
    padding:7px 7px 5px;
    font-size:13px;
	height:42px;
		
}

.select_box select{
  width: 220px;
  border: 0;
  position: relative;
  z-index: 99;
  background: none;
}
.top-search form .search-type select option{
	font-size:12px
}

.top-search form .zmdi{
    margin-left:10px;
    padding:0;
    font-size:20px;
    color:rgba(0,4,68,.3)
}

.top-search form input{
    width:100%;
    border:0;
    height:100%;
    font-size:13px;
    position:relative;
    padding:0 10px;
    
}
.top-search form input:focus{
    border:0!important;
    outline:0;
	box-shadow:none !important;
}

/* CSS tài liệu  */

@media only screen and (min-width:1024px){
   
	.show_to_1024{
		display:block;
	}
	.hide_to_1024{
		display:none;
	}
}
@media only screen and (max-width:1024px){
    .search_form_wrapper{
        width:100%;
        
    };;
	
	.hide_to_1024{
		display:none !important;
	}
}
@media only screen and (max-width:1140px){
	.header-nav-main .top-search select,.header-nav-main.nav-left > li.html, .header-nav-main .top-search form, .header-nav-main .top-search{
		display:none !important;
	}
}
@media only screen and (max-width:768px){
	
	.show_to_1024{
		display:none;
	}
	.h-dk {
		right: 15px;
	}
	.show_to_1024 .content-detail-house{display:block !important;}
    
	.hide_to_1024{
		display:block;
	}
    .search_form_wrapper .heading-01{
        font-size:28px;
        line-height:1.36;
        margin-bottom:0 25px 50px;
        text-align:center
    }
    .search_form_wrapper form .tab-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row nowrap;
        flex-flow:row nowrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        overflow:inherit;
        margin-bottom:20px
    }
    .search_form_wrapper form .search-container .search-input{
        height:50px
    }
    .search_form_wrapper form .search-container .btn-search{
        height:50px!important;
        line-height:50px!important
    }
}
@media only screen and (max-width:640px){
    .search_form_wrapper form .search-container .search-input{
        width:calc(100% - 64px);
		padding-left: 10px;
    }
    .search_form_wrapper form .search-container .btn-search{
     display:inline-block;
		margin-right:0px !important;
		 max-width:-webkit-fit-content;
        max-width:fit-content;
        max-width:-moz-fit-content
    }
    .search_form_wrapper form .search-container .btn-search .zmdi{
        display:block
    }
	.search_form_wrapper form .search-container .btn-search i{font-size:13px!important}
    .search_form_wrapper form .search-container .btn-search span{
        display:none;
    }
	#sp_lienquan{
		margin-left:0px !important;
	}
	#sp_lienquan .row > .col.product-small{
		width:100%;
		max-width: 100%;
    flex-basis: 100%;
		padding:0px !important;
	}
}

	.box-list-view .box .box-image, .box-vertical .box-image{width: 40%!important;}
	h5.post-title{font-size: 16px; margin-bottom: 5px;max-height: 20px; overflow: hidden;}
	.slder .flickity-viewport{height: 640px!important;} 
	.box-lineHeight {
    height: 450px!important;
    display: flex;
    flex-direction: column;
	    justify-content: space-between;
	}
	.mobile{display: none;}
	.product-info{padding-top: 0;padding-bottom: 0;}

@media only screen and (max-width: 744px) {
.desktop{display: none!important;}
.row-small>.col{padding: 0 15.8px 19.6px!important;}
.desktop{display: none;}
	/*
.box-infomation-bds .tbl-info tr td:nth-child(n), .box-infomation-bds .tbl-info tr td:nth-child(3n){width: auto;}
	*/
}

.entry-content.single-page > p.short_description{
	background: #f9f9f9;
    border-left: 10px solid #0999d8;
    /* margin: 1.5em 10px; */
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
	margin-top: 16px;
	font-style: italic;
}
.entry-content.single-page > p.short_description:before{
	color: #0999d8;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.entry-content.single-page > .article_content, .entry-content.single-page .my_social_icons{
	display: inline-block;
}
.entry-content.single-page .my_social_icons{
	vertical-align: top;
    width: 60px;
    
    position: absolute;
   text-align:center;
}
.entry-content.single-page .my_social_icons a.icon.circle{
	border-color: var(--primary-color);
	color: var(--primary-color)
}
.entry-content.single-page .my_social_icons span.sharetitle{
	margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.entry-content.single-page > .article_content{
	padding-left: 70px;
	text-align:justify;
}
@media only screen and (max-width: 549px){
	.tags_goiy {
  margin-top: 0px;
		text-align:center;
}
.entry-content.single-page > .article_content{
	display: block;
	width: 100%;
	padding-left:0px;
}
	.entry-content.single-page .my_social_icons{
		display: none;
	}
.entry-content.single-page .blog-share{
	vertical-align: middle;
	width: 100%;
}
.entry-content.single-page .blog-share .is-divider {
	display : block ! important;
}
	
	.p-doc-relative-wrapper .content-document-de{
		
		display:none;
	}
	/*.slder .flickity-viewport{height: 740px!important;} */
	
	
	.s-content h2.thin{
	padding-left: 30px;
}
	#floating-container{
		bottom:40px;
	}
.s-content .btn_dangky{
	width:180px;
	margin-left: calc(50% - 90px) !important;
	
}
	.floating-menu {
		left:4px;
	}
	.floating-menu li a{
		margin-bottom:4px;
		font-size:12px;
	}
	.sticky-add-to-cart__product img , .sticky-add-to-cart__product span.amount{display: none;}
	.form-lien-he .left, .form-lien-he .right {width: 100%;padding-left: 0;padding-right: 0;}
	.searchandfilter li{width: 100%;margin-left: 0!important; padding-right: 0!important;}
	
	.social-share span,.social-share .trangthainoibat{
		display:inline-block !important;
	}
		
	.h-dk {
		position:absolute;
		
		right: 0;
		
	
			
	}
	.h-dk .col {
			display:block;
		z-index:999999 !important;
	}
	
}