/*   
Theme Name: My Theme
Description: Theme Bất Động Sản by HG
Author: Hoang Giang Nguyen
Version: 1.0
*/
:root{
    --xanh:#004e7f;
}
a{color: var(--xanh);}
.mx-0{margin: 0;}
.mx-20{margin: 20px 0;}
.px-0{padding: 0;}
.mb-40{margin-bottom: 40px;}
.mb-30{margin-bottom: 30px;}
.mt-0{margin-top: 0!important;}
.d-none{display: none!important;}
img.img-logo {
    height: 50px;
    margin-right: 20px;
    padding: 5px;
}
img{max-width: 100%;}
body{font-size: 16px;}
p{line-height: 23px;}
/*nav menu*/
.nav.navbar-nav.menu-main li{position: relative;}
.nav.navbar-nav.menu-main ul.sub-menu {
    position: absolute;
    top: 100%;
    display: none;
    width: 250px;
    z-index: 99;
    background: #ffffff;
    list-style: none;
    padding-left: 15px;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    padding: 5px 0;
}
.nav.navbar-nav.menu-main li:hover ul.sub-menu{display: block;}
.nav.navbar-nav.menu-main ul.sub-menu a{
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.nav.navbar-nav.menu-main ul.sub-menu li ul.sub-menu{
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 250px;
    z-index: 99;
    background: #ffffff;
    list-style: none;
    padding-left: 15px;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    padding: 5px 0;
    margin-top: -5px;
}
.nav.navbar-nav.menu-main ul.sub-menu li:hover ul.sub-menu{display: block;}
.title-sub {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
}
/*---------end --------*/
/*home slider*/
section.slider-section {
    height: 33vw;
    max-height: 450px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
section.slider-section *{height: 100%;}
section.slider-section .owl-carousel .owl-item img{
    object-fit: cover;
}
.home-slider .owl-nav .owl-prev{
    position: absolute;
    top: calc(50% - 20px);
    left: 10px;
    width: 40px;
    height: 40px;
    background: #ffffff70!important;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.8s ease;
}
.home-slider:hover .owl-prev{opacity: 1;}
.home-slider .owl-nav .owl-next{
    position: absolute;
    top: calc(50% - 20px);
    right: 10px;
    width: 40px;
    height: 40px;
    background: #ffffff70!important;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.8s ease;
}
.home-slider:hover .owl-next{opacity: 1;}
.home-slider .owl-nav button.owl-prev span {
    font-size: 40px;
    position: absolute;
    top: 2px;
    left: -1px;
    line-height: 0;
    padding: 15px;
    color: #555;
}
.home-slider .owl-nav button.owl-next span {
    font-size: 40px;
    position: absolute;
    top: 2px;
    right: -1px;
    line-height: 0;
    padding: 15px;
    color: #555;
}
/*---------end --------*/
/*sidebar*/
.title-sidebar {
    background: #f1f1f1;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
}
.blog-sidebar {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    display: flow-root;
    border-radius: 5px;
    box-shadow: 0 0 4px #99999940;
}
.blog-sidebar>*{padding: 15px;}
.blog-sidebar ul {
    list-style: none;
    margin: 0;
}
.blog-sidebar ul li.cat-item:not(:last-child) {
    padding-bottom: 15px;
}
.blog-sidebar:first-child {
    margin-top: 69px;
}
/*---------end --------*/
/*Phân trang*/
.page-numbers.current{
    z-index: 1;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination.real .page-numbers{
    display: inline;    
    padding: 6px 12px;
    text-decoration: none;
    float: left;
    position: relative;
}
.pagination.real .page-numbers:not(:first-child){
    border-left: 1px solid #ddd;
}
.pagination.real .page-numbers:hover{
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination.real{border: 1px solid #ddd;}
/*---------end --------*/
/*archive box*/
.box-archive{
    border: 1px solid #ddd;
    /*border-radius: 5px;*/
    box-shadow: 0 0 6px #99999940;
}
.box-archive-excerpt{margin-bottom: 15px;}
.box-archive-excerpt p{margin: 0;}
.box-archive-body {
    padding: 15px;
}
.box-archive-date {
    padding: 15px;
    background: #ededed;
}
.box-archive-img img{
    width: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 767px){
    .box-archive-img img{height: 50%;}
}
/*---------end --------*/
/*single template*/
.single-date{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dotted #ddd;}
.single-body {
    margin-bottom: 40px;
}
.aligncenter{
    display: block;
    margin: 0 auto;
}
.alignright{
    float: right;
    margin: 5px 0 15px 15px;
    width: 50%;
}
.alignleft {
    float: left;
    margin: 5px 15px 15px 0px;
    width: 50%;
}
.wp-caption-text {
    text-align: center;
    font-style: italic;
    padding: 10px;
    margin: 0;
}
.wp-caption{max-width: 100%;}
.wp-caption.alignleft,.wp-caption.alignright{max-width: 50%;}
.single-body img{height: auto;}
.txt-share {
    margin-bottom: 10px;
    display: block;
}
.share-post {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
}
/*---------end --------*/
/*other post*/
.list-post .box-item-post .item-post {
    display: flex;
    flex-flow: wrap column;
    align-items: flex-start;
    height: 100%;
    background: #fff;
}
.item-post .img-post{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    padding-bottom: 66.6667%;
}
.item-post .img-post img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto!important;
    height: auto!important;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.desc-post {
    height: 44px;
    overflow: hidden;
    line-height: 22px;
}
.list-post .box-item-post{
    margin-bottom: 30px;
}
/*---------end --------*/
/*back to top*/
.topbutton{position: fixed;bottom: 20px;right: 20px;}
/*---------end --------*/
/*footer*/
.footer {
    background: #f8f8f8;
    padding: 60px 0;
    margin-top: 40px;
}
.footer ul{list-style: none;padding: 0;margin-bottom: 20px;}
ul.list-social {
    display: flex;
}
.list-social li a {
    background-color: #0084cb;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-social li {
    display: inline-block;
    margin-right: 10px;
    border-radius: 100%;
}
.list-social li a i {
    font-size: 20px;
    color: #fff;
}
.list-social li:hover{
    box-shadow: 0 0 6px #0006;
}
.footer .title-footer {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}
.copyright p{margin-bottom: 0;}
/*---------end --------*/
/*ajax loadmore*/
.btn-view-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    content: "";
    background-image: url(/wp-content/themes/myTheme/assets/img/btn-viewmore.svg);
    background-repeat: no-repeat;
    background-position: center center;
    border: 0px solid #000;
    border-radius: 50%;
}
.box-loadmore .loader {
    display: none;
    position: relative;
    width: 80px;
    height: 80px;
}
.box-loadmore.active .loader {
    display: inline-block;
}
.box-loadmore.active .btn-view-more {
    display: none;
}
/*---------end --------*/
/*filter ajax*/
ul.filter{list-style: none;padding: 0;display: flex;margin: 20px 0;}
ul.filter li {
    display: inline-flex;
    vertical-align: middle;
    padding-right: 10px;
}
/*---------end --------*/
/*Light Galerry IMG*/
.view-img {
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 25px;
    font-weight: 400;
}
.col-img{transition: all 0.5s;}
.video {
    cursor: pointer;
}
.video .lg-video-play {
    width: 84px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 9;
    background: url(/wp-content/themes/myTheme/assets/img/youtube-play.png);
    cursor: pointer;
}
/*---------end --------*/
/*real post*/
.box-archive-real {
    display: flex;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    transition: 0.3s all;
    align-items: center;
    font-size: 14px;
}

.box-archive-img-real{width: 240px;}
.box-archive-img-real img{
    object-fit: cover;
    width: 100%;
    height: 190px;
    object-position: center;
}
.box-archive-body-real{width: calc(100% - 240px);padding: 10px 10px 10px 30px;}
.box-archive-real-info{display: flex;margin: 10px 0;}
.box-archive-real-info .item{width: 50%;font-weight: 500;}
.box-archive-title-real{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 22px;
    color: #961b12;
}
.line-2{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.box-archive-title-real a{color: #961b12;}
.box-archive-excerpt-real p{line-height: 20px;height: 40px;overflow: hidden;}
.page-title-1{font-size: 30px;line-height: 35px;}
/*---------end --------*/
/*sidebar real*/
.sidebar .block{
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 30px;
}
.bg-grey{background-color: #f2f2f2;}
.page-title-2 {
    margin-top: 0;
    font-size: 16px;
    line-height: 22px;
}
.sidebar{margin-top: 84px;}
.sidebar.single-sidebar{margin-top: 2.5px;}
.tax-tinh .sidebar.single-sidebar{margin-top: 84px;}
.sidebar .block a{color: #333;line-height: 30px;}
button#refresh i.active{animation: spin 0.5s infinite ease-out;}
.btn-default.focus, .btn-default:focus, .btn-default:active:focus {
    color: #333;
    background-color: #fff;
    outline: 1px;
    border:1px solid #ddd;
}
.sidebar .block ul{list-style: none;padding: 0;margin: 0}
.sidebar .block ul.sidebar_tinh>li{
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.sidebar .block ul a{display: block;border-bottom: 1px solid #ddd;position: relative;z-index: 1;width: calc(100% - 30px);line-height: 35px;}
.sidebar .block i{font-size: 12px;z-index: 99999;cursor: pointer;width: 30px;text-align: center;}
.sidebar .block ul ul.sidebar_quan li a{padding-left: 20px;}
ul.sidebar_quan{display: none;width: 100%;}
ul.sidebar_tinh li.active i{transform: rotateX(180deg);}
/*end*/
/*sidebar single*/
.admin-logo img {
    width: 150px;
    height: 150px;
    text-align: center;
    margin-left: auto;
    border-radius: 100%;
    border: 1px solid #ddd;
}
.admin-name{
    line-height: 44px;
    font-weight: 500;
    color: var(--xanh);
}
.sidebar .block .admin-tel a,.sidebar .block .admin-email a,.sidebar .block .admin-form a {
    width: 100%;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}
.item.box-sidebar-post {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.item.box-sidebar-post .item-post {
    width: 20%;
}
.item.box-sidebar-post .info-post{
    width: 80%;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.sidebar .block .info-post .item-name a{
    line-height: 15px;
    font-size: 14px;
}
/*end*/
/*Form lh*/
.form-lh{padding: 30px 30px 10px 30px;z-index: 99;}
.form-lh input.wpcf7-form-control{
    width: 100%;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.form-lh label:not(:last-child){margin-bottom: 20px;}
.form-lh textarea.wpcf7-form-control{
    width: 100%;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.form-lh input.wpcf7-form-control.has-spinner.wpcf7-submit{color: #fff;}
.modal{z-index: 9999999;}
/*end*/
/*home page*/
.banner-real{position: relative;display: flex;justify-content: center;margin-bottom: 30px;}
.banner-search{position: absolute;top: calc(50% - 73px);z-index: 99999;}
.tab-real .tab-content .tab-pane.active{background: #00000060;padding: 35px 20px;border-radius: 0 5px 5px 5px;min-height: 104px;}
.tab-real .nav-tabs>li.active>a{background: #00000060;color: #fff;border-color: transparent;}
.tab-real .nav-tabs>li>a{background: rgba(255,255,255,0.6);color: rgba(0,0,0,0.8);line-height: 20px;border: 1px solid #00000060}
.tab-real .nav-tabs>li>a:hover{background: #00000065;color:rgba(255,255,255,0.8);border-color: transparent;}
.tab-real .nav-tabs{border-bottom: 1px solid transparent;}
.tab-real .nav-tabs>li{padding-right: 5px;}
.real-post .item-post{
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 4px 6px rgb(44 44 44 / 4%);
}
.real-post .item-post:hover{
    box-shadow: 0px 8px 16px rgb(0 0 0 / 8%);
}
.real-post .info-post{padding: 15px;}
.real-post .desc-info .item{font-weight: 500;color: #000;}
.real-post .desc-info .item:not(:last-child):after{content: " - ";}
.real-post .desc-info {margin-bottom: 5px;}
.real-post .desc-post {margin-bottom: 5px;}
.flex-row{display: flex;align-items: center;flex-wrap: wrap;}
.desc-post i {
    font-size: 14px;
    color: #5c5c5c;
    margin-right: 3px;
}
.box-loadmore.active .btn_read_more{display: none;}
/*-----end------*/
/*single real*/
.slick-slide img{width: 100%; cursor: pointer;}
.slider-for{
    width: 100%;
    height: calc(848px * 472 / 840);
    overflow: hidden;
    margin-bottom: 5px;
}
.slider-for .slick-list{height: 100%;}
.slider-for .slick-list *{height: 100%;position: relative;}
.slider-for .slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    z-index: 10;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 0px;
    background: #0000007a;
}
.slider-for i{color: #fff;}
.slider-for .slick-arrow:hover{background: #000;}
.slider-for .btn-prev{left: 20px;}
.slider-for .btn-next{right: 20px;}
.single-real img{height: 100%;object-position: center;}
.slick-slide {padding: 2.5px;}
.list-img-real{height: 120px;position: relative;}
.list-img-real img{object-fit: cover;height: 100%;border-radius: 5px;}
.page-title-single{font-size: 26px;}
.single-adress{margin-top: 20px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dotted #ddd;}
.single-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.single-info .item{
    display: flex;
    width: 25%;
    flex-direction: column;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
}
.single-info .item .value{font-weight: 600;}
.single-body.real{transition: all 0.5s;margin-bottom: 30px;}
.hide-content {
    max-height: 140px;
    overflow: hidden;
}
.read_more_single{text-align: center;border-bottom: 1px dotted #ddd;padding-bottom: 20px;}
.read_more_single .btn_read_more,.read_more_single .btn_hide{cursor: pointer;padding: 10px 20px;}
.read_more_single i{font-size: 13px;}
.read_more_single span{transition: all 0.5s ease;border-radius: 4px;border: 1px solid transparent;}
.read_more_single span:hover{color: #004e7f;border: 1px solid #004e7f;transition: all 0.5s ease;}
.dd_bds_detail .item .title{width: 155px;}
.dd_bds_detail .item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 10px;
}
.dd_bds_detail .item .detail {
    width: calc(100% - 155px);
}
.map_real{margin-top: 20px;margin-bottom: 20px;}
/*---------end-------*/
/*loader*/
.box-loadmore {height: 24px;}
.loader div {
    position: absolute;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--xanh);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background-size: contain;
}
.loader div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.8s infinite;
}
.loader div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.8s infinite;
}
.loader div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.8s infinite;
}
.loader div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.8s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(24px, 0);
}
}
/*-----end----*/
/*section-news-carosel*/
.news.owl-carousel .item-post .img-post{border-radius: 5px;margin-bottom: 15px;padding-bottom: 60%;}
.news.owl-carousel .item-post .info-post{display: flex;flex-direction: row;align-items: center;}
.news.owl-carousel .item-post .info-post .item-number {
    font-size: 44px;
    line-height: 44px;
    font-weight: 700;
    font-family: serif;
    color: #555;
    width: 45px;
}
.news.owl-carousel .item-post .info-post .item-name{
    width: calc(100% - 45px);
    padding-left: 10px;
}
.news.owl-carousel .item-post .info-post .item-name a.name-post h3 {
    font-size: 18px;
    color: #000;
    line-height: 22px;
    margin: 0;
}
.news.owl-carousel{position: relative;}
.news.owl-carousel .owl-nav button{
    position: absolute;
    top: calc(calc(100% - 59px)/2 - 50px);
    font-size: 100px;
    z-index: 99;
    line-height: 100px;
}
.news.owl-carousel .owl-nav button.owl-prev{left: -45px;}
.news.owl-carousel button.disabled{display: none;}
.news.owl-carousel .owl-nav button.owl-next{right: -45px;}
.news.owl-carousel .owl-nav{opacity: 0;transition: all 0.8s;}
.news.owl-carousel:hover .owl-nav{opacity: 1;transition: all 0.8s;}
/*-------end-----*/
/*adv*/
.adv{position: relative;}
.adv .adv-item{position: fixed;top: 110px;z-index: 0;transition: all 0.3s;opacity: 1;}
.adv .adv-item a{width: 160px;overflow: hidden;height: 600px;display: block;}
.adv .adv-item.left-adv{left: calc(calc(100vw - 1170px)/2 - 180px);}
.adv .adv-item.right-adv{right: calc(calc(100vw - 1170px)/2 - 180px);}
.adv .adv-item.top-30{top: 30px;}
.adv-item.end-scroll {
   opacity: 0;
}

@media screen and (max-width:1529px){.adv{display: none;}}
/*-------end-----*/
@media screen and (min-width:1024px){
    .box-mobile{display: none;}
}
@media screen and (max-width:1023px){
    .box-desktop{display: none;}
}
@media screen and (max-width:700px){
    .breadcrumb{padding: 8px 0;}
    .box-archive-img-real img{height: 220px;}
    .page-title-1{font-size: 26px;}
    .real-link{margin-bottom: 20px;}
    .real-post .desc-info,.real-post .desc-post,.desc-post i,.info-post .date-post{font-size: 13px;}
    .slider-for{height: 66vw;}
    .list-img-real{height: 22vw;}
    .page-title-single{font-size: 22px;line-height: 26px;}
    .single-info .item{border-right: 1px solid #ddd;padding: 10px;font-size: 12px;}
    .single-info .item:last-child{border-right: 0px;}
    .single-adress{margin-bottom: 0;}
    .box-archive-real{flex-direction: column;}
    .box-archive-img-real{width: 100%;}
    .box-archive-body-real{width: 100%;padding: 15px 10px;padding-bottom: 0;}
    .box-archive-real-info .item{font-size: 14px;}
    select.form-control{ font-size: 16px; }
    .banner-search.container {
        position: fixed;
        top: 0;
        height: 100vh;
        padding-top: calc(33vw + 10px);
        background: #0006;
        z-index: 10;
        display: none;
    }
    .search_bar .col-xs-6{margin-bottom: 20px;}
    button.close.close-btn {
        position: absolute;
        right: 16px;
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: calc(33vw + 16px);
    }
    button.close.close-btn span{font-size: 18px;margin-bottom: 4px;}
    button.btn-search {
       width: calc(100% - 30px);
       height: 44px;
       display: block;
       border-radius: 4px;
       margin: auto;
       border: 1px solid #ddd;
       text-align: left;
       padding-left: 15px;
       margin-top: -10px;
   }
   .btn-search i{margin-right: 10px;}
   button.btn-search span {opacity: 0.7;}
}
@media screen and (min-width:701px){
    button.close.close-btn,button.btn-search{display: none;}
}