.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper{
	transform-style: inherit;
}
.card-s .card-body {
    margin: -16px 5px 0;
}
.card-s4::before, .card-s3::before, .card-s1::before {
    bottom: -5px;
}
.sec-broker-hp .card-s3 .card-body {
    margin-top: -85px;
    padding: 100px 24px 24px;
}
.widget-subscribe img {
    width: 100%;
}
header .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 13px;
    padding: 26px 11px;
}
.scrollDown header .navbar-expand-lg .navbar-nav .nav-link{
	font-size: 13px;
    padding-left: 11px;padding-right: 11px;
}

.widget-broker.card-s3 .card-body {
    margin-top: -145px;
    padding-top: 155px;
}
.product-price {
    top: 60px; background: none;position: sticky;
}
.product-price .old-price {
    background-color: var(--main-color); height: 38px;
}
.product-contact {
    margin-top: 5px;
}

header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu .notify-tool a{
	border: none;
    color: #fff;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu {
    padding: 0px;border: none;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu .notify-tool {
    margin-top: 0px;
    background: #30394f;
    padding: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #30394f;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu .notify-tool a.view-all {
    flex: none;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu .notify-tool-bottom{
	justify-content: center;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu a {
    padding: 5px;
    margin: 0;
    border-bottom: 1px solid #30394f;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu a.unread p {
    font-size: .8rem;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu a i, header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu a span {
    font-size: .7rem;
}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon.notification .dropdown-menu .notify-tool a:hover {
    background: none;
    color: #fff !important;text-decoration: revert;
}
.avata-header>img{
	width: 100%;
	height: 100%;
	border-radius: 100px;
}

.sr-hd-nav-box{
	margin-bottom: 0;
}
.sec-breadcrumb{
	margin-top: 0;
}
.location-list {
    margin-bottom: 20px;
}

.current-price span{
	color: #000; font-weight: 100; font-size: .8rem;
}
.card-s .card-title a {
    font-size: 1rem;
    /*text-transform: lowercase;*/
}
.card-s .card-title a::first-letter{
	text-transform: uppercase;
}
.grid-view .card-s .card-title::first-letter{
	text-transform: uppercase;
}

.sec-product-hot .card-s > a .card-price .current-price {
    padding: 13px 10px 13px 4px;
}
.sec-product-hot .card-s > a .card-price .old-price {
    height: 48px;
    line-height: 13px;
}
.floating-label .btn-circle, .sec-search .btn-circle.btn-toggle {background: #f2f2f2 !important; color: #6e6e6e; flex-direction: row-reverse; justify-content: space-between;padding: 10px;}
.grid-view .card-contact span, .grid-view .card-info p {
    display: block;
}
.card-body-new .card-price{
	display: flex;
	flex-direction: column;padding-right: 10px;align-items: flex-end;
}
.service-item {
    width: 15%;margin-right: 35px;
}
.sec-service-hp .swiper-slide {
    margin-bottom: 38px;
}
.main-content .main-article h3{
	font-size: 1.2rem;
}
.widget-list .scrollspy > a{
	text-transform: inherit;
}
.download{ display: flex; margin-bottom: 30px; margin-top: -32px; }
.download button{ background: none; border: none; padding: 10px; padding-left: 0px; text-transform: uppercase; }
.download button i{ border: 1px solid #0a5597; padding: 12px; border-radius: 100px;margin-right: 5px; color: #0a5597;  }
.download button:hover{ color: #0d6efd; }
.download button:hover i{ background: #e0781c; color: #fff; border: 1px solid #e0781c; }
.download button span{
	position: relative;
}
.download button span::after {
    width: 35px;
    content: '';
    position: absolute;
    height: 2px;
    background-color: var(--sub-color);
    left: 0px;
    bottom: -5px;
}
.download .csbh{ margin-right: 25px; padding: 20px 15px 10px 0px; border-right: 1px solid #ddd; }
.download .tdtt{ padding: 20px 15px 10px 0px; }
/*.sec-why-choose-us .col-6{ width: 23%; }*/
.sec-why-choose-us .row{ display: flex; justify-content: space-between; }
.dropdown-menu {
    opacity: .95;
}

.main-content .main-article h2{font-size: 18px !important;
    margin-bottom: 9px !important;
    padding-bottom: 6px !important;}
.main-content .main-article h3{font-size: 16px;}
.main-content .main-article p{font-size: 14px; margin-bottom: .5rem; text-align: justify;}
.main-content .main-article ul{ margin-bottom: .5rem; padding-left: 0; margin-left: 0; display: flex;
    flex-direction: column;}
.main-content .main-article ul li    {
    	display: block;
    padding-left: 14px;
    padding-bottom: 3px;
    position: relative;font-size: 14px;
    }
.main-content .main-article ul li::before{content: '+';
    position: absolute;
    left: 0;
    top: -2px;}
.main-content .main-article ul li::marker{  }
.card-s .cat .heart:hover{background-color: rgb(224 120 28);}
.main-content .description{ margin-bottom: 1rem; font-size: 14px; text-align: justify; }
.main-content .main-article strong{font-weight: 100;-webkit-text-stroke-width: 0.8px !important; letter-spacing: 0.3px;}

.main-content .main-article .review-map ul{display: flex;
    flex-direction: row;}
.main-content .main-article .review-map ul li::before{ content: none; }
.main-content .main-article .product-overview>ul{	flex-direction: row;padding: 0; margin: 0;}
.main-content .main-article .product-overview>ul li{padding-left: 0px;}
.main-content .main-article .product-overview>ul li a{padding: 5px;}
.main-content .main-article .product-overview>ul li::before{
	content: none;
}
.card-s .card-title{
    -webkit-text-stroke-width: 0.5px !important;
    letter-spacing: 0.3px;
}
.review-article h3 ~ p, .review-article h3 ~ ul{
	margin-left: 0px;
}
.review-article>blockquote{
    display: flex;
    background-image: url(/images/icon-idea.svg);
    background-color: #fef8f3;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 5%;
    font-style: italic;
    padding: 14px 20px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    color: var(--main-color);
    padding-left: 70px;
}
.review-article>h3{
    color: var(--main-color);
    /*border: 1px solid var(--sub-color);*/
    border-radius: 3px;
    display: inline-block;
    /*padding: 3px 16px 4px;*/
    font-weight: bold;
    font-size: 14px;margin-top: 0px;
}
.review-article h3::before, #utilityPopup h3::before {
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--sub-color);
    display: inline-block;
    vertical-align: 2px;
    margin-right: 8px;
    box-sizing: content-box;
}
.review-article h3 span::before, #utilityPopup h3 span::before{
	content: none;
}
.review-article h3 span, #utilityPopup h3 span{
	border: none;
	padding: 0;
	font-weight: 100;
    -webkit-text-stroke-width: 0.6px;
}
.main-article table{ width: 100% !important; margin-bottom: 10px; }
.main-article table tr td{
	border: 1px solid #ddd;padding: 2px 5px;
}

/*select2*/

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e9ecef !important;
    color: #000 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    background: #eee;
    border-radius: 3px;
    padding-left: 10px;
}
.select2-search--dropdown {
    padding: 7px !important;
}
.select2-results__option {
    padding: 7px 10px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px #fff;
	background-color: #F5F5F5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb
{
	background-color: #aaa;
}

/*select2*/

.card-s {
    /*box-shadow: 0px 0px 3px 1px #efefef;*/
}
.grid-view .cat-link {
    font-style: italic;
}
.slbImage{max-height: 90vh !important; margin: auto;}
.slbCloseBtn{right: 1rem;}

/*reviews*/
.reviews-new .review-article h3, #utilityPopup h3{    padding-top: 60px;
    margin-top: -60px !important;     font-weight: 100;
    -webkit-text-stroke-width: 0.6px;}
.reviews-new .review-article h3 ~ p, .reviews-new .review-article h3 ~ ul {margin-left: 0;}
.card-body-new .thoathuan span{
	line-height: 1rem;
}
.card-body-new .thoathuan{
	display: flex;flex-direction: column;font-size: 1rem !important;
}

.du-an .review-map .tab-content ul{
	display: block;
}
.du-an .review-map .tab-content ul li::before {
    content: '+';
    position: absolute;
    left: 0;
    top: -3px;
}
.du-an .line-decor{min-height: auto !important; left: -3px;}
.du-an .col-lg-4>.agent-map-results>.map-result-item-wrap h4{ display: none; }
.du-an .col-lg-4>.agent-map-results>.map-result-item-wrap .location{ display: none; }
.du-an .col-lg-4>.agent-map-results>.map-result-item-wrap ul{ margin-top: 0px; }
.product-detail .utilitie-item i {font-size: 22px;color: #6c757d;}
.chitiet-tin blockquote{
    background: #f5831f29;
    margin-bottom: 0.5rem;
    padding: 0.7rem;
    padding-bottom: 1px;border-radius: 3px;border-left: 4px solid #0a5597;
}
.chitiet-tin blockquote p{position: relative;padding-left: 8px;}
/*.chitiet-tin blockquote p::before{
	content: '=>';
    position: absolute;
    left: 0;
    top: -1px;
}*/
.list-tindang h1{font-size: 1.7rem;-webkit-text-stroke-width: 0.5px !important;letter-spacing: 0.2px; }
.hethang{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}
.content-cat img{ height: auto !important; }
.content-cat h2{font-size: 1.2rem;}
.content-cat h3{font-size: 1.1rem;}
.content-cat strong{font-weight: 100;-webkit-text-stroke-width: 0.8px !important;letter-spacing: 0.3px;}

/*.chitiet-tindang .loan-form .row>.col-md-8{padding-right: 0px;}
.chitiet-tindang .loan-form .row>.col-md-8 span{border-radius: 0.25rem 0 0 0.25rem;}
.chitiet-tindang .loan-form .row>.col-md-4{padding-left: 0px;}
.chitiet-tindang .loan-form .row>.col-md-4 input{border-radius: 0 0.25rem 0.25rem 0; border-left: none;}*/

/*.card-noibat{ position: relative; }*/
/*.card-noibat:before{ content: ''; width: 32px;height: 32px;background: url(../images/noibat-label.png) no-repeat center center;background-size: cover;position: absolute;right: 0;z-index: 2; }*/
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon .dropdown-menu{ margin-top: 10px;width: 260px;padding-bottom: 10px;padding-top: 0px;border: none;}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon .dropdown-menu li:not(:last-child) a{border-bottom: none; display: flex;}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon .dropdown-menu li:not(:last-child) a i{margin-right: 5px; font-size: 1.5rem;}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon .dropdown-menu li:last-child {border-top: 1px solid #ddd;margin-top: 10px;}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon .dropdown-menu li:last-child a:hover{ background: #f5831f8f; color: #fff !important; }
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon .dropdown-menu li:last-child a {text-align: center;border: 1px solid #ddd;border-radius: 4px;margin-top: 10px;padding: 6px 0px 10px 0px;}
header .navbar-expand-lg .navbar-nav.ml-auto .nav-icon .dropdown-menu li a {padding: 12px 0;}
.info-user{ background: #ab5a14; color: #fff;    border-radius: 4px 4px 0px 0px; padding: 20px; margin-bottom: 8px;}
.info-user p{ margin-bottom: 0px; font-size: .9rem; }
.info-user .name{ font-weight: bold; margin-bottom: 10px;text-transform: uppercase; }
.chitiet-tin .main-content .main-article img {
    max-width: 100% !important;
}

/*menu tin tức*/
.button-menu{width: 45px; height: 45px; border: 2px solid #ddd; text-align: center; border-radius: 5px;    display: flex;
    flex-direction: column; margin-top: 7px;
    justify-content: space-evenly;
    align-items: center; padding: 5px; cursor: pointer;}
.button-menu span{background: #ddd; height: 5px; width: 100%;}
.button-menu span::before{ content: none; }
.box-menu{ inset: -48px auto auto 51px !important; }
.box-menu ul li{ padding: 3px 0px;}
.box-menu ul li a{ color: #000;  position: relative;  }
.box-menu ul li a:hover{ color: var(--sub-color); }
.box-menu ul li a::after {
    width: 100px;
    content: '';
    position: absolute;
    height: 1px;
    background-color: var(--sub-color);
    left: 20px;
    bottom: 0;
}
.chitiet-tin .main-content .main-article h2, .chitiet-tin .main-content .main-article h3, .chitiet-tin .main-content .main-article h4{
    padding-top: 70px;
    margin-top: -70px;
}
/*menu tin tức*/

.exchanges .card-body-wrap .img img { border-radius: 50%; width: 100%; border: 2px solid #d5d5d5; background-position: center; background-size: cover; background-color: #fff; }
.exchanges .card-body-wrap .img{  position: relative; width: 50%;  margin: 30px auto 20px;  }
.exchanges .card-s3::before{ content: none; }
.exchanges .card-body-wrap{ text-align: center;    box-shadow: 0 0 2px rgb(0 0 0 / 10%); border: 1px solid rgb(0 0 0 / 6%); border-radius: .25rem; }
.exchanges .card{ background: #ebebeb; border: none;box-shadow: 1px 1px 1px rgb(0 0 0 / 5%), 3px 1px 2px rgb(0 0 0 / 5%); }
.exchanges a, .exchanges p, .exchanges span{ color: #000 !important; }
.exchanges p{ font-size: .9rem;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   padding: 0 5px; height: 22px; }
.exchanges .card-info{ border-top: 1px solid #dbdbdb; margin: 10px; padding-top: 15px; padding-bottom: 7px; }
.exchanges .card-info span{ padding-left: 26px; }
.exchanges .card-info span:first-of-type{ background-image: url('../images/icon-phone.png'); background-repeat: no-repeat;font-size: .8rem;background-size: 22%;}
.exchanges .card-info span:last-child{ background-image: url('../images/sr-hd-ico-1-1.png'); background-repeat: no-repeat;font-size: .8rem;background-size: 22%;}
.exchanges .card-ct button{ background: #e0e0e0; color: #000; border: none;border-radius: 0px; padding: 12px; }
.exchanges .card-ct button span{ color: #303030 !important; font-size: .9rem; }
.exchanges .card-title{ -webkit-text-stroke-width: 0.8px; letter-spacing: .8px; }

.exchanges .card:hover button{ background: var(--sub-color)}
.exchanges .card:hover button span{color: #fff !important; }
/*.exchanges .card:hover a, .exchanges .card:hover p, .exchanges .card:hover span{ color: #fff !important; } */
/*.exchanges .card:hover{ background: linear-gradient(180deg, rgba(18,28,52,1) 0%, rgba(10,85,151,1) 100%);}*/
/*.exchanges .card:hover .card-info span:first-of-type{ background-image: url('../images/sr-hd-ico-2.png'); }*/
/*.exchanges .card:hover .card-info span:last-child{ background-image: url('../images/sr-hd-ico-1.png'); }*/
.exchanges .card:hover .img img{ border: 2px solid var(--sub-color); }

.showroom-owner-img span img{ margin: 0 !important; }
.showroom-detail-hd-ct .sr-hd-title h1 a{ color: #fff; }

@media (min-width: 1600px){
	.horizontal-view .card-s > a, .news-sec .horizontal-view .card-s > a {
	    width: 25%;
	}
	.horizontal-view .card-s > .card-body, .news-sec .horizontal-view .card-s > .card-body{
		width: 75%;
	}
	.horizontal-view .card-s .hot {
	    left: calc(20%);
	}
	.scrollDown header .navbar .navbar-nav .nav-item > .dropdown-menu {
	    /* margin-top: 6px; */
	}
	.sec-hero, .sec-hero .swiper-slide, .sec-hero .hero-slider, .hero-content {
	    height: 95vh;
	}
}



@media (min-width: 992px){
	.submenu-link {
    	padding: 4px 20px;
    }
    .select2-container--open .select2-dropdown--below {
	    width: 220px !important;
	    border: none;
	}
}

@media (max-width: 820px){
	.card-body-new .thoathuan span{
		line-height: 0.7rem;
	}
	.card-body-new .thoathuan{
		display: flex;flex-direction: column;font-size: .8rem !important;
	}
	.floating-label form .btn-circle {
	    margin-top: 0px !important;
	}
	.card-s .card-title a { font-size: .8rem;}
	.du-an .title-area .col-md-10{ width: 100%; flex: auto; }
	.du-an .product-price{display: flex;position: fixed;bottom: 0;top: auto;width: 100%;left: 0;background: #fff; z-index: 9;justify-content: space-around;}
	.du-an .product-price .product-contact{ display: flex; background: none; border: none; padding: 0; box-shadow: none;}
	.du-an .product-price .product-contact .btn-tel{ margin-right: 5px; }
	.du-an .product-price .product-contact span{ display: none; }
	.du-an .product-price .new-price { display: flex; align-items: center; padding: 10px !important; height: 36px; margin-top: 5px;border-radius: 3px; }
	.du-an .product-price .new-price span { margin-right: 8px; }


}
@media (max-width: 768px){
	.modal.info-customer .modal-content {
	    border-radius: 0;
	    margin: 0 auto;
	}
	.expand-search {
	    margin-top: 62px;
	}

	.card-body-new .card-contact i{
	    background-color: var(--sub-color); height: 30px; flex: 0 0 30px; font-size: 20px;
	    color: #fff !important;
	}
	.card-body-new .card-contact{ border: none; display: block; flex: auto;display: flex;  align-items: center; margin-top: 0px; justify-content: flex-end;}
	.card-body-new .card-footer {
	    flex-wrap: nowrap;
	    display: flex;align-items: center; margin-bottom: 0px;justify-content: space-between;
	}
	
	.card-body-new .card-body-wrap{ border-bottom: 1px solid #ddd;margin-bottom: 14px; }
	.card-body-new .current-price{ padding-right: 0px; font-size: 1.1rem; }
	.card-body-new .card-contact span, .card-body-new .card-info p{ font-size: .7rem; }
	.card-body-new .old-price{font-size: .8rem; line-height: 0.5rem;}
	.card-body-new .card-s .card-title a {
	    font-size: .9rem;
	}
	.product-status{
		display: flex;justify-content: space-evenly;
		color: #fff;
		bottom: 0;bottom: -20px;
	}
	.floating-label .btn-circle::after, .sec-search .btn-circle.btn-toggle::after {content: 'TĂƒÆ’Ă‚Â¬m kiĂƒÂ¡Ă‚ÂºĂ‚Â¿m sĂƒÂ¡Ă‚ÂºĂ‚Â£n phĂƒÂ¡Ă‚ÂºĂ‚Â©m';}
	/*.card-body-new .card-contact span{ display: none; }*/
	.review-article>blockquote{background-size: 13%;}
	.card-body-new .card-footer .card-contact span.ps-2{display: none;}

	.list-tindang{ padding-top: 0px; }
	.list-tindang .sort-ct{flex: 1;flex-direction: unset;margin: 0;}
	.list-tindang .setting-view{ position: inherit; margin-left: 7px;}
	.list-tindang .sort-ct .dropdown { flex: 0; margin-top: 0; }
	.list-tindang h1{font-size: 1.3rem;}
	.list-tindang .card-body-wrap>.card-title>a{-webkit-line-clamp: 2;white-space: break-spaces;display: -webkit-box;-webkit-box-orient: vertical; }





}

@media (max-width: 414px){
	.sec-product-hot .primary-title h3 {font-size: 48px;display: flex;}
	.sec-product-hot .primary-title .cover-title-filled {
		font-size: 25px; bottom: 0;margin-right: 5px;
	}
	.cover-content h3:after, .primary-title h3:after{ left: 0; }
	.sec-product-hot .primary-title .position-relative{
		font-size: 32px;bottom: 8px;
	}
	.sec-hero, .sec-hero .swiper-slide, .sec-hero .hero-slider, .hero-content {
	    height: 65vh;
	}
	.review-project .reason-item span.item-number{font-size: 32px;margin-bottom: 0.5rem;}
	.review-project .man-house::before {left: -4.5vw;width: 22.5vw;}
	.review-project .cover-title-home .cover-content .cover-title-filled {bottom: -2vw;}
	.reason-item span.item-number {
	    font-size: 32px;
	    margin-bottom: 0.5rem;
	}
	.list-tindang .sort-box .dropdown .btn span>span { display: none; }
	.list-tindang .sort-box .dropdown .btn{ width: auto; height: 40px;padding-left: 0.4rem; }
	.list-tindang .sort-box .dropdown .btn i{ margin-left: 0px !important; }
	.list-tindang h1{font-size: 1.2rem; margin-bottom: 15px; -webkit-line-clamp: 2;white-space: break-spaces;display: -webkit-box;-webkit-box-orient: vertical; }
	.list-tindang .sort-box{ margin-bottom: 18px; }
	.list-tindang .horizontal-view .product-status span{ font-size: 14px; padding-right: 28px; }
	.button-menu{ position: fixed; background: #fff; left: 0; top: 100px; width: 35px; height: 35px; }
	.m-none{ display: none; }
	.box-menu ul li{ padding-left: 15px; }
	.box-menu ul li a{ font-size: .85rem; padding-bottom: 4px; }
	.box-menu {inset: -37px auto auto 34px !important;}

}


@media (max-width: 390px){
	.card-s .card-title a {font-size: .8rem;}
	.card-info {font-size: .7rem;}
	.card-body-new .current-price { font-size: .9rem;}
	.card-body-new .card-contact i {height: 25px;flex: 0 0 25px;}
	.current-price span,.card-body-new .old-price,.card-body-new .card-contact span, .card-body-new .card-info p {font-size: .6rem; line-height: 10px;}
}