/*CSS title archives - category*/
.archive-page-header h1{
	border-bottom: 2px solid #ececec;
    padding-bottom: 9px;
	text-align: left;}
.archive-page-header h1 span{
	background: linear-gradient(248deg,#2ab574 0%,#283891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder!important;
    font-size: 18pt;
    border-bottom: 2px solid rgba(191,141,120);
    padding-bottom: 9px;}
/*CSS tab-bottom*/
.multi-tab ul li {border-bottom: 2px solid #dadada;}
.tab-linebottom.multi-tab ul {
overflow-y: hidden;
    white-space: nowrap;
    display: -webkit-box;
    height: 66px;}
.tab-linebottom ul {border-bottom:2px solid #dadada;}
.tab-linebottom.multi-tab ul {border-bottom:unset}
.tab-linebottom ul li a {padding: 8px 16px;}
.tab-linebottom .nav-line-bottom>li.active>a:before, .tab-linebottom .nav-line-bottom>li:hover>a:before, .tab-linebottom .nav-line-grow>li.active>a:before, .tab-linebottom .nav-line-grow>li:hover>a:before, .tab-linebottom .nav-line>li.active>a:before, .tab-linebottom .nav-line>li:hover>a:before{margin-bottom: -2.5px;}
.tab-linebottom ul li {margin:0}
.tab-linebottom .nav-column li.active>a, .tab-linebottom .nav-column li>a:hover, .tab-linebottom .nav-dropdown li.active>a, .tab-linebottom .nav-dropdown>li>a:hover, .tab-linebottom .nav-vertical-fly-out>li>a:hover, .tab-linebottom .nav>li.active>a span, .tab-linebottom .nav>li.current>a, .tab-linebottom .nav>li>a.active, .tab-linebottom .nav>li>a.current, .tab-linebottom .nav>li>a:hover span{    background: linear-gradient(248deg,#2ab574 0%,#283891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight:bolder!important}
.nav-line-bottom > li > a:before{background-color:#bf8d78!important;
height:3px}
/*End CSS tab-bottom*/
.product_meta>span {
    overflow: auto;
	white-space: nowrap;}
/*CSS default comment*/
#comments #respond{border: 1px solid #072c4f;}
#comments #respond #reply-title{color: #795548;
    text-transform: capitalize;
    font-weight: bold;
    border-bottom: 1.5px solid rgba(191, 141, 120);}
#comments #respond form p label{color: #009688}
#comments #respond .comment-form-url{display:none}
/*End CSS default comment*/
.flickity-viewport .flickity-slider .img.is-selected{
    border: 2px solid var(--primary-color);
    }
.slider-style-focus .flickity-slider>:not(.is-selected) {
    padding: 1%;
}
.article-inner .entry-header .is-divider {max-width: 100%;
    height: 1px;
    background-color: rgb(0, 78, 127);}
/*Text - Animation*/
.my-shake{
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
animation: myshake 1.5s ease infinite alternate;
}
@keyframes myshake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.my-text-typing{
    animation: tp-typing 4s steps(20) infinite;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    border-right: 0.15em solid #79542f;
}
@keyframes tp-typing{
	0%{width:0}
	50%{width:100%}
	55%,65%,75%{opacity:1}
	60%,70%{opacity:0}
	80%{width:100%}
	100%{width:0}}
/*Text gradient animation*/
.text-animation
{
   background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
   background-size: auto auto;
   background-clip: border-box;
   background-size: 200% auto;
   color: #fff;
   background-clip: text;
   text-fill-color: transparent;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   animation: textclip 2s linear infinite;
   display: inline-block;
   font-size: 139%;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
/*Text animation shiny*/
.text-animation-shiny{
    color: #ffffff;
    background: linear-gradient(to right, #ffffff 0, #607d8b 30%, #ffffff 60%);
    background-position: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s infinite linear;
    animation-fill-mode: forwards;
    -webkit-text-size-adjust: none;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;}
 @keyframes shine {
  0% {
        background-position: 0;
    }
	60% {
        background-position: 200px;
    }
        100% {
        background-position: 400px;
    }
}
/*End Text - Animation*/
/*my css timeline vertical riêng only dọc*/
.mywebsite-timeline-vertical .my-timeline {
    padding-bottom: 2rem;
    border-left: 2px solid var(--primary-color);
    position: relative;
}
.mywebsite-timeline-vertical .my-timeline:before {
    left: -22px!important;
    top: -1px!important;
}
.mywebsite-timeline-vertical .time-section{
    margin-left: 33px!important;
    margin-top: -13px;
    border: 2px solid var(--primary-color);
    border-radius: 6px;
    box-shadow: 0 20px 25px -15px rgb(0 0 0 / 30%);
}
.mywebsite-timeline-vertical .time-section:before {
    top: 11px;
    left: 18px;
    border-top: 8px solid transparent;
    border-right: 8px solid var(--primary-color);
    border-bottom: 8px solid transparent;
    position: absolute;
    content: '';
    z-index: 1000;
    border-left: 8px solid transparent;
}
.mywebsite-timeline-vertical .my-timeline:last-child {
    border: 0px;
}
/*my css timeline vertical chung*/
.mywebsite-timeline-vertical, .section.my-timeline-vertical {
    display:flex;
    padding: 15px 15px 25px 32px!important;
    align-items: flex-start;
}
.my-timeline-vertical .my-timeline {
    padding-top: 2rem;
    border-top: 2px solid var(--primary-color);
    position: relative;
}
.my-timeline:before {
    content: "\e01a";
    font-family: fl-icons;
    color: var(--primary-color);
    font-size: 17pt;
    width: 40px;
    height: 40px;
    background: white;
    box-shadow: 3px 3px 0px #bab5f8;
    position: absolute;
    left: 10%;
    top: -22px;
    padding: 0 7px;
    border: 2px solid var(--primary-color);
    border-radius: 99px;}
.my-timeline-vertical .time-section:before {
    top: -5px;
    left: 10%;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--primary-color);
    border-left: 8px solid transparent;
    position: absolute;
    content: '';
    z-index: 9;
}
.my-timeline-vertical .time-section {
    border: 2px solid var(--primary-color);
    border-radius: 6px;
    margin-left: 2px!important;
    margin-top: -7px;
    box-shadow: 0 20px 25px -15px rgb(0 0 0 / 30%);
}
.my-timeline .my-time{
  line-height: 32px;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 4px 10px;
  background: var(--primary-color);
  color: #ffffff;
}
.my-timeline:hover:before{
    color: white;
    background:  var(--primary-color);
    box-shadow: 3px 3px 0px #bab5f8;
  }
/*Adjust to horizontal timeline*/
@media only screen and (max-width: 549px) {
.my-timeline-vertical{
    display: inline-block!important;
}
.my-timeline-vertical .my-timeline{
    border-left: 2px solid var(--primary-color);
    border-top: unset;
}
.my-timeline-vertical .my-timeline:before{
    left: -22px;
    top: -1px;
  }
.my-timeline-vertical .time-section:before{
    top: -20px;
    left: 26px;
    border-top: 8px solid transparent;
    border-right: 8px solid var(--primary-color);
    border-bottom: 8px solid transparent;
    border-left: unset;
    }
.my-timeline-vertical .time-section{
    margin-left: 33px!important;
    margin-top: -53px;
    margin-bottom: 20px!important;
}
.my-timeline-vertical .my-timeline:last-child{
    border: 0px;
  }
}
/*End timeline*/

/*my custom slide*/
.my-custom-slider .flickity-slider>div:not(.col){
    width: 50% !important;
    }
.my-custom-slider .flickity-slider>.row:not(.is-selected) {
    opacity: 1;
}
.my-custom-slider .flickity-slider>.row:not(.is-selected) .icon-box {
    opacity: .39;
}
@media only screen and (max-width:849px){
.my-custom-slider .flickity-slider>div:not(.col){
    width: 60% !important;
    }
/*adjust previous & next button slide*/
/*adjust previous & next button slide*/
.my-custom-slider .flickity-button.flickity-prev-next-button.previous>svg, .my-custom-slider-1 .flickity-button.flickity-prev-next-button.previous>svg, .my-custom-slider-2 .flickity-button.flickity-prev-next-button.previous>svg{
        left: 0%;
}
.my-custom-slider .flickity-button.flickity-prev-next-button.next>svg, .my-custom-slider-1 .flickity-button.flickity-prev-next-button.next>svg, .my-custom-slider-2 .flickity-button.flickity-prev-next-button.next>svg{
        left: 100%;
}
}
@media only screen and (max-width:549px){
.my-custom-slider .flickity-slider>div:not(.col){
    width: 95% !important;
    }
}
/*end my custom slide*/
/*my custom slide 1*/
.my-custom-slider-1 .flickity-slider>div:not(.col){
    width: 35% !important;
    }
.my-custom-slider-1 .flickity-slider>.row:not(.is-selected) {
    opacity: 1;
}
.my-custom-slider-1 .flickity-slider>.row:not(.is-selected) .icon-box {
    opacity: .39;
}
@media only screen and (max-width:849px){
.my-custom-slider-1 .flickity-slider>div:not(.col){
    width: 45% !important;
    }
}
@media only screen and (max-width:549px){
.my-custom-slider-1 .flickity-slider>div:not(.col){
    width: 88% !important;
    }
}
/*end my custom slide 1*/
/*my custom slide 2*/
.my-custom-slider-2 .flickity-slider>div:not(.col){
    width: 70% !important;
    }
.my-custom-slider-2 .flickity-slider>.row:not(.is-selected) {
    opacity: .39;
}
.my-custom-slider-2 .flickity-slider>.row:not(.is-selected) .icon-box {
    opacity: .39;
}
@media only screen and (max-width:849px){
.my-custom-slider-2 .flickity-slider>div:not(.col){
    width: 80% !important;
    }
}
@media only screen and (max-width:549px){
.my-custom-slider-2 .flickity-slider>div:not(.col){
    width: 88% !important;
    }
}
/*end my custom slide 2*/
/*ẩn icon box*/
.my-custom-slider .icon svg, .my-custom-slider-1 .icon svg, .my-custom-slider-2 .icon svg  {visibility:hidden	
}
/*icon hover*/
.my-custom-slider .icon .icon-inner:hover::before, .my-custom-slider-1 .icon .icon-inner:hover::before, .my-custom-slider-2 .icon .icon-inner:hover::before{
    color:white;
    border:2px solid var(--primary-color);
    background-color:var(--primary-color);
}
/*icon arrow about us*/
.icon-about-us .icon .icon-inner::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 26pt;
    border: 2px solid;
    border-radius: 99px;
    width: 100%;
    height: 84%;
}
.icon-about-us.icon-1 .icon .icon-inner::before {
    content: "\e533";
}
.icon-about-us.icon-2 .icon .icon-inner::before {
    content: "\e4bb";
}
.icon-about-us.icon-3 .icon .icon-inner::before {
    content: "\f124";
}
/*End my custom slide*/
/*CSS button Slide*/
.slider-wrapper .flickity-prev-next-button{display:block;opacity:1}
.slider-nav-circle .flickity-prev-next-button svg,.slider-nav-circle .flickity-prev-next-button .arrow{border-radius:5px;border:2px solid currentColor}
/*CSS search menu tablet - mobile
.sidebar-menu-tabs.nav>li {
    border-bottom: 1px solid white;
    margin-top:1px;
}
.sidebar-menu-tabs__tab.active {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 0!important;
}*/
/*CSS Search Form menu mobile + shoppage: .header-search-form + #shop-sidebar*/
#shop-sidebar .searchform-wrapper{
    width:100%
    }
#shop-sidebar .bds-search-fields{
    display: block;
    padding-top: 10px;
    }
#shop-sidebar .bds-search-fields select{
    margin:0;
}
#shop-sidebar .bds-search-fields-1st{
    display: block;
    width:100%;
    }
#shop-sidebar .bds-search-fields-2nd{
    display: block;
    width:100%;
    }
#shop-sidebar .bds-search-fields select:nth-child(2){
    margin-top:10px!important;
}
#shop-sidebar .bds-search-fields-2nd select{
    margin-top:11px!important;
}
/*CSS search property custom*/
.searchform-wrapper{
    width:79%
    }
    .bds-search-fields{
    display: flex;
    padding-top: 10px;
    }
    .bds-search-fields-1st{
    display: flex;
    width:67%;
    }
    .bds-search-fields-2nd{
    width:33%;
    }
    .bds-search-fields-1st select:nth-child(1) {
    margin-right: 10px;
    }
    .bds-search-fields-1st select:nth-child(2) {
    margin-right: 10px;
    }
    @media only screen and (max-width: 549px) {
    .searchform-wrapper{
    width:100%
    }
    .bds-search-fields-1st{
    width:100%;
    }
    .bds-search-fields{
    display: block;
    }
    .bds-search-fields-1st select:nth-child(1) {
    margin-right: 5px;
    }
    .bds-search-fields select:nth-child(2) {
    margin-right:0;
    margin-left:5px;
    }
    .bds-search-fields-2nd{
    margin-top: -5px;
    width:100%;
    }
    }
/*Đổi màu Scroll bar*/
::-webkit-scrollbar {
width: 8px;
height:8px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background: var(--primary-color);}
::-webkit-scrollbar-thumb:hover {
  background: #004f62; 
}
::-webkit-scrollbar-track {
background-color: #f5f5f5;
box-shadow: inset 0 0 5px grey;
}
/*image Zoom*/
.img-hover-zoom .img-inner:before{
    content:"\e012";
    font-family: fl-icons;
    font-size: 6px;
    color:white;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    visibility: hidden;
}
.img-hover-zoom .img-inner:hover:before{
    font-size: 20px;
    top:50%;
    visibility:visible;
    margin-top: -20px;
    margin-left: -20px;
    border: solid 2px;
    border-radius:6px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    text-align: center;
    transition: all .6s ease;
}
.img-hover-zoom .overlay{
	box-sizing: border-box;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	}
.img-hover-zoom:hover .overlay{
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	transition: all .6s ease;
}
/*title & text gradient*/
.text-gradient span {
    background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder!important;
}
.title-gradient span {
    background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder!important;
}
/*End title & text gradient*/
.column-gradient {
    background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
}
/*Bo sung CSS uu diem bds*/
.uudiem>p>span{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    }
.properties-infor-archives{
    border-top: 1px solid;
    width: 100%;
    padding-top: 6px;
}
.giaban.du-an{
    border-top: 1px solid;
    width: 100%;
    padding-top: 6px;
    margin-top: 6px;
}
.name.product-title{
    font-size:large;
}
/*** CSS slide latest post widget ***/
.post-sidebar .flickity-prev-next-button svg{width: 60%;padding: 8%;border-radius: 0;}
.widget-area .flickity-prev-next-button {
    color: #003d52;
}
.widget-area .flickity-button.flickity-prev-next-button {
    margin-top: 0;
    top: -55px;
    bottom: 100%;
    right: -6px;
}
.widget-area .flickity-button.flickity-prev-next-button.previous {
    left: unset !important;
    right: 20px !important;
}
.widget-area .post-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3!important;
}
.widget-area .post-item h5.post-title {
font-weight:100;
font-size:11pt;
font-family:'roboto'}
@media only screen and (max-width: 849px){
.widget-area .post-item .box-image {
    width: 40% !important;
    display: inline-block;
}
.widget-area .post-item .box-text {
    width: 60%;
    display: inline-block !Important;
    padding-top: 10px !Important;
}
.blog-archive .from_the_blog_excerpt {   
text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.blog-archive .post-title{text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
}
@media only screen and (max-width: 549px){
.widget-area .post-item .box-image {
    width: 30% !important;
}
.widget-area .post-item .box-text {
    width: calc(70% - 6px) !Important;
    padding-top: 10px !Important;
}
.widget-area .box-blog-post{
	margin-bottom:-7px;
}
}
/*Adjust tin tuc tai trang chu tren tablet va mobile*/
@media only screen and (max-width: 849px) and (min-width: 549px){
.tintuc-vertical .row-xsmall>.col {
    padding: 0 2px 2px 3px;
    margin-bottom: 0;
}
}
@media only screen and (max-width: 549px){
.tintuc-vertical .post-item .box-image {
    width: 40% !important;
    display: inline-block;
}
.tintuc-vertical .post-item .box-text {
    width: calc(60% - 6px) !Important;
    display: inline-block;
    padding-top: 10px;
}
.tintuc-vertical .box-blog-post{
	margin-bottom:-7px;
}
.tintuc-vertical .box-text.text-left .is-divider{
    display:none}
}
/*** Social icons Share Sticky ***/
#post-news-share-icons .social-icons{width:50px;}
/*Change Color & hover*/
#post-news-share-icons a.icon.circle {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
#post-news-share-icons a{margin:2px}
#post-news-share-icons p{
    margin-bottom: 9px;
    color: var(--primary-color);
    font-weight: bold;
    font-family: 'K2D';}
/*CSS dieu chinh meta category & tag post*/
.entry-meta.text-left a{
  line-height: 32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;}
.entry-meta.text-left a:hover, .entry-header .entry-category a:hover{
    background: #0f7a9a;
    color: #fff;
    transition: all .2s ease;}
.entry-meta.text-left .tag-danh-muc{
    line-height: 32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #072c4f;
    color: #ffffff;
}
.entry-header .entry-category a{
    line-height: 32px;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 9px 16px;
    background: #072c4f;
    color: #ffffff;
}
.entry-header .entry-header-text-top h6{
    opacity:unset;
}
.entry-meta.text-left{overflow: auto;
    white-space: nowrap;}
/*Form YCGL - Footer -> dùng cho button kèm form ycgl cũ*/
/*.wpcf7-form-control.sdt-pt-footer{
    width:150px;
}
.flex-custom-footer{
    display:flex;
    margin-bottom:-20px!important;
    margin-left:10px;
}
.section.sticky-mobile-menu .wpcf7-response-output {
    position: absolute;
    top: -42px;
    right: -25px;
    left:-5px;
    color:#333;
}
@media only screen and (max-width:320px){
.wpcf7-form-control.sdt-pt-footer{
    width:120px;
}
}*/
/** Custom Title - Post - News - product**/
.title-wrapper .name.product-title>a{
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/*2 dong tieu de san pham*/
	margin-top:10px;
}
.properties-infor-archives{
    display:inline-flex;
}
.property-info-details{
    padding-right:1.5em;
}
.tintuc-vertical .post-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media only screen and (max-width:849px) and (min-width: 549px){
.tintuc-vertical .post-title {
display: inline-block;
max-width: 190px;
white-space: nowrap;
}
}
/*Fix width newsletter + form Flex*/
.form-tong-quan .flex-col.flex-grow {
    padding: 30px 5px;
}
@media only screen and (max-width:849px){
.form-tong-quan .flex-col.flex-grow {
    padding: 10px 0;
}
.medium-flex-wrap .flex-col {
    width: -webkit-fill-available;
}	
}
/** CSS Gallery Slide Product **/
/** SP thu cap **/
/** End CSS Gallery Slide Product **/
/** Custom Menu 1**/
#logo img{
    margin:auto;
}
@media only screen and (max-width: 849px) {
#header .stuck #masthead{
    background: #153b5f;
    border-bottom:1px solid RGB(255, 255, 255);
}}
@media only screen and (max-width: 549px) {
.header-button>a>span {
    display: unset !important;
}}
.header .stuck #logo img{
    max-height: 77px!important;
    background-color: #fff;
    border: 2px solid #004f62;
    border-radius: 0px 0px 10px 10px;
    border-top: none;
}
/*End Custom Menu 1*/
/** Custom Menu 2**/
#top-bar .flex-row.container .flex-col.hide-for-medium.flex-right{    
	background: linear-gradient(248deg, #2ab574b0 0%, #283891b0 100%);
    height: 40px;
    padding: 0 22px 0 8px;
    border-bottom-left-radius: 10em;
    border-left: 0.5px solid white;
    position: relative;
    width: 70%;
    border-bottom: 0.5px solid white;}
#top-bar .flex-row.container .flex-col.hide-for-medium.flex-right:after{
    content: '';
    position: absolute;
    bottom: -0.5px;
    right: 0;
    left: 100%;
    width: 100%;
    background: #2ab574b0;
    height: 40.05px;
    border-bottom: 0.5px solid white;}
@media screen and (min-width: 850px){
#masthead{
    border-bottom: 2px solid #ddab6e;
}
.transparent #masthead {
    border-bottom: 1px solid white;
}
}
#top-bar .nav.nav-left{
    border-bottom: 1px solid white;
    margin-bottom: -6px;
    padding-bottom: 0;
}
/*istead by the bottom line for edit menu tab tablet - mobile*/
    .sidebar-menu>ul:before {
    content: url(https://batdongsanbien.com.vn/wp-content/uploads/2022/05/logo-bat-dong-san-bien-brand.png);
    margin-left: -10px;
    transform: scale(.65);
    margin-top: -50px;
    margin-bottom: -40px;
}
/*.sidebar-menu-tabs:before {
    content: url(https://batdongsanbien.com.vn/wp-content/uploads/2022/05/logo-bat-dong-san-bien-brand.png);
    margin-left: -10px;
    transform: scale(.55);
    margin-top: -50px;
    margin-bottom: -55px;
}*/
/* delete for edit menu tab tablet - mobile*/
.nav.nav-vertical li:nth-child(1) {
    border-top: 2px solid white;
}
.mobile-sidebar-levels-1, .sidebar-menu.no-scrollbar{
    background-color: rgba(0 38 58);
}
.sidebar-menu.no-scrollbar>ul>li>a{
    color:white; 
}
.sidebar-menu.no-scrollbar>ul>li>a:hover{
    color:#dca869  
}
.nav-icon.has-icon .header-button >a{
    border: 1px solid #ffffff;
    background: #dca86900;
}
.header-wrapper.stuck .nav-icon.has-icon .header-button >a {
    background: #dca869;
}
@media screen and (max-width: 849px) {
#logo {
    position: absolute;
    border-bottom: 2px solid #dca869;
}
.transparent #logo{
    border-bottom: 2px solid #ffffff;
}
.header .stuck #logo{
    position: unset;
    border-bottom: unset;
}}
@media only screen and (max-width: 549px) {
#logo {
    width: 109px!important;
}}
.header-wrapper.stuck{
    box-shadow: unset;}
/*End Custom menu 2*/

/*Form Quotation Table*/
.form-tong-quan {
    border: 2px solid #004f62;
    padding: 25px 15px;
	background: url('https://batdongsanbien.com.vn/wp-content/uploads/2021/09/soc-background.png');
	background-repeat: repeat;
	border-radius: 5px;
	     -webkit-animation: backgroundrate 3s .2s infinite linear;
  -moz-animation: backgroundrate 3s .2s infinite linear;
  animation: backgroundrate 3s .2s infinite linear;
}


@-webkit-keyframes backgroundrate {
  0% {
    background-position: -120px
  }
   
  100% {
    background-position: 0px
  }
}

@keyframes backgroundrate {
  0% {
    background-position: -120px
  }
   
  100% {
    background-position: 0px
  }
}
.form-tong-quan h3{
	font-family: 'K2D', sans-serif !important;
    font-size: 20px;
    color: #004f62;
    text-align: center;
}
.form-tong-quan input{
	background-color: #DEDEDE;
    border-radius: 5px;
    border: 0 solid;
    border-bottom: 2px solid #004f62;
}
.submit-btn-custom{
	background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
    border: 1px solid!important;
}

.form-tong-quan input::placeholder{
	color: #004f62;
}
.form-widget .submit-btn-custom{
	width:100%;
}
.form-widget{margin-bottom:-50px}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }
#icon-form{
  position: absolute;
  color: #666666;
  z-index: 1;
  font-size: 18px;
  top: 8px;
  left: 10px;
}
.form-tong-quan #icon-form {
    color: #004f62!important;
}
.contact-input{padding-left:40px!important;}
/*-- END Chèn icons lên Form --*/
/*End Form Quotation Table*/
	/*CSS top search*/
/*Top Search */
body.home .top-search , body.page-template-page-transparent-header-light .top-search, .page-template-page-transparent-header-dark .top-search,.page-template-page-single-page-nav .top-search, .page-template-page-single-page-nav-transparent-light .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
}
.header-nav-main .top-search, .mobile-sidebar .top-search {
	height:34px;
}
@media only screen and (max-width: 1100px){
.header-nav-main .top-search {
    display:none;
}}
.header-nav-main .top-search {
    margin-left: -22px;
}
.header-nav-main .top-search form .search-type select, .mobile-sidebar .top-search form .search-type select{
	height:31px;
}
.top-search{
    width:100%;
    max-width:450px;
    margin-left:0px;
    line-height:44px;
    border:1px solid rgba(48,51,58,.3);
    border-radius:0px;
    box-sizing:border-box;
    box-shadow:0;
    position:relative;
			background:white;
}
.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;
}

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

.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;
    -webkit-appearance:none
}
.top-search form input:focus{
    border:0!important;
    outline:0;
	box-shadow:none !important;
}