.contact_box.grad {
    background-image: linear-gradient(to bottom, #D6E9EA 0%, #D6E9EA 50%, #ffffff 50%, #ffffff 100%);
}
.contact_box .contact_box_wrap .contact_tel {
    background: #0fa80f;
}

.contact_box .contact_box_wrap .contact_mail {
    background: #008001;
}
.contact_box .contact_box_wrap .box_inner {
    padding: 24px 0;
    min-height: 300px;
}
.contact_box .contact_box_wrap .box_inner h3 img {
    display: inline-block;
    margin-bottom: 4px;
}
.contact_box .contact_box_wrap .box_inner h3 {
    text-align: center;
    font-size: 32px;
    color: #fff;
    margin-bottom: 8px;
}
.contact_box .contact_box_wrap .box_inner .annotation span {
    display: inline-block;
    line-height: 1;
    padding: 5px 30px;
    border-radius: 10px;
    color: green;
    background: #fff;
    font-size: 24px;
    font-weight: bold;
}
.contact_box .contact_box_wrap .box_inner .annotation {
    text-align: center;
}
.contact_box .contact_box_wrap .box_inner .cta_main a {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
}
.contact_box .contact_box_wrap .box_inner .cta_main {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.contact_box .contact_box_wrap .box_inner .cta_info p {
    color: #fff;
}
.contact_box .contact_box_wrap .box_inner .cta_info {
    display: grid;
    place-items: center;
}
.contact_box .contact_box_wrap .box_inner .cta_info p a {
    font-size: 18px;
    text-align: center;
    display: inline-block;
    color: #FF8484;
}






/* Hide the mobile menu by default */
.mobile-menu {
  display: none;
}

/* Style the toggle button */
.mobile-menu a {
    color: #f2eb0b;
    text-transform: uppercase;
}
.mobile-menu li {
    padding: 0px 10px 0px 10px;
    border-bottom: 1px solid #666;
    font-size: 17px;
    background-color: #000;
}

.menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    color: #fff;
    padding: 10px;
    border: none;
    cursor: pointer;
    width: 100%;
    padding-right: 20px;
    font-size: 20px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

.menu-toggle:focus {
  outline: none;
}

.menu-toggle__icon {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  position: relative;
  transform-origin: center;
  transition: all 0.2s ease-in-out;
}

.menu-toggle__icon:before,
.menu-toggle__icon:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}

.menu-toggle__icon:before {
  top: -6px;
}

.menu-toggle__icon:after {
  bottom: -6px;
}

/* Rotate the icon on toggle */
.menu-toggle[aria-expanded="true"] .menu-toggle__icon {
  transform: rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-toggle__icon:before {
  transform: rotate(-45deg);
  top: 0;
}

.menu-toggle[aria-expanded="true"] .menu-toggle__icon:after {
  transform: rotate(45deg);
  bottom: 0;
}

/* Show the mobile menu when the toggle is clicked */
.menu-toggle[aria-expanded="true"] + .mobile-menu {
  display: block;
}

/* Style the mobile menu */
.mobile-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.2rem;
  background: #0474cd;
}



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

/* end */




footer .container {padding-top:15px;background: #19134f !important;color: #ffffff;} 
.bang-gia table {width: 100%;}
.bang-gia {padding:10px}
.bang-gia h2 { padding-bottom:20px}
.bang-gia tr { text-align:center;}
.bang-gia td {padding: 10px;}
.bang-gia td:nth-child(2) { text-align:left; padding-left:10px;}

table tr:nth-child(even) { background: #f3f3f3}
.content-related h4 {
    font-size: 18px;
    height: 45px;
    font-weight: 600;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #000000;
}

.heading-post {padding-left: 10px;padding-right: 10px;text-align: justify;}
.contact-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.contact-buttons a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f2f2f2;
  color: #333333;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.contact-buttons a:hover {
  background-color: #dddddd;
}

.single-post h2:before {
    position: absolute;
    content: "";
    background-size: cover;
    transform: translateY(34%);
    height: 27px;
    width: 38px;
    top: 0;
    margin-left: -50px;
}
.single-post h2 {
    font-size: 25px;
    line-height: 1.5em;
    font-weight: 800;
    margin-bottom: 10px;
    padding-top: 10px;
    position: relative;
    color: #02aeef;
    border-bottom: 3px solid;
    padding-left: 16px;
    border-left: 10px solid;
}

.single-post li {
    list-style: disc;
    line-height: 25px;
    margin-bottom: 10px;
}

table.info {
    width: 100%;
    background: #44a8eb;
    margin-bottom: 20px;
}
table.info td {padding:10px !important;width: 50%;color: #fff;font-size: 16px;}
table.info tr:nth-child(odd) {
   background: #2a8fd2bd;
}

.content-related .item_product:nth-child(n+1) { padding-left: 0px !important;}
.list-dia-diem li { padding-left:0}
footer h2.title {
    margin: 0;
    border-top: none;
    padding-bottom: 10px;
    font-size: 20px;
}
footer a {color: red;}

h1.title {
    color: #0474cf;
    font-size: 27px;
    padding: 10px 0 0 10px;
    font-weight: 600;
}
.taxonomy-description {
    font-size: 18px;
    line-height: 35px;
}
.taxonomy-description p {margin: 10px;}

/**/
.item_product .info a.productName h3 {
    font-size: 18px;
    height: 45px;
    font-weight: 600;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: green;
}
.item_product {
    background: #fff;
    position: relative;
}
.item_product .images {
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    position: relative;
    border: 1px solid;
    border-bottom: 0;
}
.item_product .images img {width:100%;}
.zoom-img img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.item_product .info {
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 0;
    border-radius: 0 0 5px 5px;
    border: 1px solid;
    background: #d2ffd2;
}
.item_product .info a.productName {
    font-family: 'Roboto Condensed',sans-serif;
    line-height: 22px;
    display: block;
    color: #333;
    font-size: 16px;
}
.meta-pa {
    border-top: 1px dashed #ededed;
    border-bottom: 1px dashed #ededed;
}
.item_product .info .price {
    color: #3d4d65;
    font-size: 14px;
    line-height: 20px;
    background: url(../images/price.svg) no-repeat left center;
    padding: 5px;
    padding-left: 30px;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    font-weight: 700;
}
.item_product .info .acreage {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 26px;
    background: url(../images/dientich.svg) no-repeat left center;
    padding: 5px;
    padding-left: 30px;
    width: calc(50% - 4px);
    display: inline-block;
    box-sizing: border-box;
    font-weight: 700;
}
.item_product .info .address {
    color: #3d4d65;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0;
    background: url(../images/ic_map.png) no-repeat left center;
    background-size: 20px;
    padding-left: 30px;
}
.item_product .icon {
    background-color: #f4ec01;
    position: absolute;
    height: 44px;
    top: -11px;
    right: -30px;
    width: 85px;
    display: inline-block;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 14px;
    padding: 24px 0 12px 0px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}
.item_product {
    padding: 10px;
}


/* end */







@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../fonts/Roboto-Condensed.woff) format('woff');
}
@font-face {
    font-family:'Honghahep';
    src: url('../fonts/uvnhonghahep-webfont.eot');
    src: url('../fonts/uvnhonghahep-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/uvnhonghahep-webfont.woff') format('woff'),
         url('../fonts/uvnhonghahep-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Swiss CondensedBold';
  src: url('../fonts/swiss-condensedbold.eot');
  src: url('../fonts/swiss-condensedbold.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss-condensedbold.woff') format('woff'), url('../fonts/swiss-condensedbold.ttf') format('truetype'), url('../fonts/swiss-condensedbold.svg#swiss-condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
input:focus{outline:0;}
*{
    margin: 0px;
    padding: 0px;
}
h1, h2, h3, h4, h5, p, ul, li {
    padding: 0px;
    margin: 0;
}
ul, li{
    list-style: none;
}
a {
    text-decoration: none!important;
}
img {
    max-width: 100%;
}
.clear{
    clear: both;
}
body{
    font-size: 16px;
    background: url(../images/bg.png);
}
header .container {
    background: #19134f;
}
@media only screen and (max-width: 768px) { header .container {/* background: #000 !important; */}}
.logo {
    margin: auto;
    text-align: center;
}
.logo img {max-width: 300px;}
.search {
    margin-left: 93px;
    margin-top: 15px;
}

input.s {
    height: 37px;
    padding-left: 15px;
    border: 1px solid #FFF;
    border-radius: 3px;
    float: left;
    width: 245px;
}

input.submit {
    background: url(../images/search.png) no-repeat;
    width: 50px;
    height: 50px;
    border: 0px;
    background-size: 100%;
    position: relative;
    left: -36px;
    top: 2px;
}

nav.nav-main .container{
    position: relative;
    background: green;
}

.nav-main .container>ul>li {
    float: left;
    padding: 9px 35px;
    padding-top: 12px;
    position: relative;
    font-size: 16px;
    background: green;
}

.nav-main ul li a {
    color: #f2eb0b;
    font-family: Honghahep;
    text-transform: uppercase;
}
.textwidget a img {
    width: 100%;
}

.main .textwidget {
    padding: 15px;
}
.nav-main ul li ul {
    position: absolute;
    width: 200px;
    background: rgba(67, 168, 235, 0.75);
    top: 70px;
    left: 0px;
    transition: all .2s;
    visibility: hidden;
    z-index: 999999999999;
}

.nav-main ul li ul li {
    padding: 7px 10px;
}

.nav-main ul li:hover, .nav-main ul li .active {
    background: #1b1b1b;
}

.nav-main ul li:hover ul {
    visibility: visible;
    top: 42px;
    opacity: 1;
}
.slider {
    /* padding: 0px 15px; */
    /* margin: 15px 0px 15px 0px; */
}
.slider img {width: 100%;}
a.right.carousel-control, a.left.carousel-control {
    background: none;
}

.postone a img {
    padding: 1px;
    border: 1px solid #ccc;
}

.meta {
    margin: 10px 0px;
    color: #e00;
    font-size: 13px;
}

.postone h4 a {
    font-family: Honghahep;
    font-size: 15px;
    color: #0474CD;
}

.postone h4 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
}
.postone p {
    text-align: justify;
    color: #777;
}
a.readmore {
    display: block;
    text-align: right;
    font-size: 13px;
    color: #e00;
}
.list-post ul li a img {
    width: 90px;
    height: 70px;
    padding: 1px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
}

.list-post h4 a {
    font-size: 14px;
    font-family: Honghahep;
    color: #0474CD;
}
.list-post ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.list-post ul li:last-child {
    border: 0px;
}

.content-post ul li a img {
    width: 100%;
    height: 120px;
    padding: 1px;
    border: 1px solid #ccc;
}

h2.title {
    margin: 0 10px;
    border-top: 2px solid #f2eb0b;
    font-size: 15px;
    font-family: Honghahep;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    background: #000;
}
h2.title a {color:#f2eb0b;}

h2.title span {
    display: inline-block;
}

i.fa.fa-car {
    padding: 7px;
    background: #f3eb0b;
    color: #fff;
    font-size: 23px;
}

.post {
    margin-top: 30px;
    display: flow-root;
}

.content-post h4 a {
    font-size: 16px;
    color: #0474CD;
}

.content-post div.ppp {
    border-top: 1px solid #ededed;
    padding-left: 0px;
    padding-top: 10px;
}

p#breadcrumbs {
    padding: 10px 0;
    font-size: 17px;
}
.info-post {
    border-top: 1px solid #ededed;
    padding-right: 0px;
}

.info-post ul li .fa {
    display: inline-block;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #e00;
    line-height: 30px;
    /* border-bottom: 1px solid #ededed; */
}
.content-post>ul>li {
    margin-bottom: 20px;
}
.info-post ul li {
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.content-post>ul>li> .clear {
    border-bottom: 1px solid #C2C2C2;
    margin: 15px;
}

.rew {
    margin-bottom: 20px;
}
.list-link {
    padding: 5px 15px;
}
.sidebar {
    padding-top: 15px;
}
h3.title {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 2px solid #43A8EB;
}

h3.title span {
    padding: 7px 10px;
    background: #14181b;
    display: inline-block;
}

.postmot {
    position: relative;
    margin-bottom: 20px;
}

.mot {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.63);
    width: 100%;
}

.mot a {
    color: #fff;
    font-size: 16px;
}

.mot h4 {
    margin-bottom: 6px;
}
.content-w {
    padding: 12px;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    border-top: 0px;
}
.content-w ul li a img, .tab-content ul li img {
    width: 90px;
    height: 70px;
    padding: 1px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
}

.content-w ul li h4 a, .tab-content ul li h4 a {
    font-size: 14px;
    font-family: Honghahep;
    color: #14181b;
}

.content-w ul li, .tab-content ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}
ul.nav.nav-tabs{background:#F6FAFF;border-bottom:1px solid #bed7f7;}
ul.nav.nav-tabs li a{border-radius:0;background:#0856a2;text-transform:uppercase;color:#fff;padding:7px 14px;border:1px solid #0856a2;}
ul.nav.nav-tabs li.active a{color:#555!important;background-color:#fff!important;border:1px solid #bed7f7!important;border-bottom-color:transparent!important;}
.tab-content{border:1px solid #bed7f7;border-top:0;padding:10px;margin-bottom: 20px;}
footer {
    color: #f3eb0b;
    line-height: 35px;
    font-size: 18px;
}

.copyright {
    margin-top: 15px;
    border-top: 1px solid;
}
section .container {
    box-shadow: 0px 0px 3px #ccc;
    background: #fff;
    padding-bottom: 10px;
}
.main {
    padding-left: 0px;
    padding-right: 0px;
}

.img-sp {
    position: relative;
    z-index: 0;
}

p.gia-sp {
    position: absolute;
    bottom: -4px;
    right: 20px;
    display: inline-block;
    padding: 0px 7px;
    background: #e00;
    color: #fff;
}

p.gia-sp:before {
    content: '';
    display: inline-block;
    border: 5px solid rgba(53, 31, 31, 0);
    position: absolute;
    border-top: 4px solid #BB0606;
    top: 16px;
    z-index: -1;
    left: -5px;
}
/* CSS cho phần single*/
.single-post {
    padding: 15px;
}
h2.title-post {
    font-size: 27px;
    color: #1A679A;
    font-family: Arial;
    font-weight: 600;
}

.meta ul li {
    display: inline-block;
    margin-right: 5px;
    background: #000000;
    padding: 5px;
}

.meta ul a {
    color: #fff;
    text-transform: uppercase;
}

.meta ul {
    display: inline-block;
    margin-right: 10px;
}

.single-post .meta span {
    display: inline-block;
    margin-right: 15px;
}

div#___plusone_0 {
    position: absolute;
}
h3.title-rela {
    border-bottom: 2px solid #f4e90c;
    margin-bottom: 6px;
}

h3.title-rela span {
    display: inline-block;
    background: #000000;
    padding: 5px 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #f5eb00;
    font-family: tahoma;
    font-weight: 600;
}
.content-related ul li a {
    color: #e00;
    font-size: 16px;
    display: inline-block;
    padding: 5px 0px;
}

.content-related i.fa.fa-angle-double-right {
    font-size: 18px;
    color: #43A8EB;
    margin-right: 5px;
}

/*cate post*/

.list-post-cate {
    margin-bottom: 30px;
}
.quatrang {
    text-align: center;
    font-size: 17px;
}
.land-post .post {
    margin-top: 15px;
}
p.canhbao {
    padding: 15px;
    background: #FEE;
    border: 1px solid #FFB6B6;
    text-align: center;
    color: #e00;
}
.category-post .canhbao {
    margin-left: 15px;
}
.info-house-land p {
    padding: 5px;
    background: #F5FBFF;
    margin-bottom: 5px;
    border: 1px solid #43A8EB;
    color: #0A5C92;
    font-family: arial;
}
.current-menu-item, .current_page_item {
    background: #131313;
}
.info-house-land p span {
    font-weight: 600;
    min-width: 130px;
    display: inline-block;
}

.info-house-land p span .fa {
    margin-right: 10px;
    width: 15px;
    color: #e00;
}
/* to top */
.lendau {
    position: fixed;
    bottom: 5px;
    right: 0px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    padding: 1em;
    display: none;
    cursor: pointer;
}
.lendau img{
    float: right;
}
.lendau span{
     float: left;
    margin-right: 5px;
    margin-top: 3px;
  }