
.same-project { height: 360px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.08); border-radius: 6px; }
.same-project .product-img {overflow: hidden; height: 200px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.same-project .product-img .bg-icon img{position: relative;z-index: 1;}
.same-project .product-img .box-vr360{top: 25%}
.same-project .product-img a img { position: relative; width: 100%; }
.same-project .product-img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.same-project .product-img:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.same-project .product-img .price { position: absolute; text-align: center; background: #fff; padding: 0 19px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; opacity: 0.95; top: 183px; left: 31px; box-shadow: 5px 2px 15px rgba(0, 0, 0, .08), 0 2px 2px rgba(0, 0, 0, .15); }
.same-project .product-img .price span { font-weight: bold; font-size: 20px; color: #1968c1; }
.same-project .product-img .bot-hot-project { background: #149ad7; position: absolute; top: 18px; color: #fff; padding: 2px 17px; border-radius: 3px; left: 2px; box-shadow: 5px 2px 15px rgba(0, 0, 0, .08), 0 2px 2px rgba(0, 0, 0, .15); }
.same-project .product-img .list-img-like { background: rgba(0, 0, 0, 0.6); position: absolute; padding: 8px 12px 0px 15px; top: 165px; right: 15px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; opacity: .9; }
.same-project .product-inner {  padding: 25px 15px 0 15px; }
.same-project .product-inner h4 { color: #000; font-size: 1.2em; height: 50px; line-height: 1.4; }
.same-project .product-inner .box-address { margin-bottom: 10px; position: relative; font-size: 13px; color: #455A64  }
.same-project .product-inner .box-address span:last-child{cursor: pointer}
.same-project .product-inner .box-address .tooltip-inner { min-width: 100px; max-width: 100%; }
.same-project .product-inner .list-info-project { border-top: 1px solid #e6e6e6; padding-top: 10px; color: #455A64 }
.same-project .product-inner .list-info-project li {float: left; }
.same-project .product-inner .list-info-project .dien-tich { width: 30%; text-align: left; }
.same-project .product-inner .list-info-project .so-phong { width: 35%; text-align: left; }
.same-project .product-inner .list-info-project .wc {width: 25%; text-align: right; }
.same-project .product-inner .list-info-project .mat-tien {width: 35%; text-align: right; }
.list-img-like .tooltip-inner { width: 80px; }
.accept-deal{background:#fff;padding:14px 15px 15px;border-radius:6px;border-top:2px dashed #eceff1;height:70px; box-shadow: 0 18px 15px rgba(0, 0, 0, .08); }
.accept-deal .deal ul li, .accept-deal .contact-cooperation ul li{float:left}
.accept-deal .deal ul li:first-child, .accept-deal .contact-cooperation ul li:first-child{font-size:12px;color:#f87d13;display:flex;width:45%;line-height:19px}
.accept-deal .deal ul li:last-child{margin-left:3px;margin-top:7px; float: right}
.accept-deal .deal ul li .svg-tag{margin:0 3px 0 0}
.accept-deal .deal ul li .btn-deal, .accept-deal .deal ul li .btn-contact, .accept-deal .contact-cooperation ul li .btn-deal, .form-register-agent-ctv .btn-deal {background-image:linear-gradient(to right,#0084c1 0%,#02aefd 100%);color:#fff;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:6px;border-right:0;padding:7px 10px 7px 4px;font-size:13px;box-shadow: 1px 1px 3px #0091d3;border-left: 0}
.accept-deal .deal ul li .btn-contact{background-image:linear-gradient(to right,#20a9b6 0%,#19cfe5 100%);padding:7px 10px;margin-left:9px;box-shadow: 1px 1px 3px #1faebc;}
.accept-deal .contact-cooperation ul li:first-child{display:inline-block;width:60%;font-size:14px;color:#6a8592;line-height:22px}
.accept-deal .contact-cooperation ul li:first-child span{color:#37474F;font-weight:500;margin-left:10px}
.accept-deal .contact-cooperation ul li .btn-deal{padding:7px 10px}
.accept-deal .contact-cooperation ul li:last-child{margin-left:10px;margin-top:5px}
.btn-deal:hover{ background-image: linear-gradient(to right, #02AEFD 100%, #0084C1 0%) !important; color: #fff; }
.btn-contact:hover { background-image: linear-gradient(to right, #19CFE5 100%, #20a9b6 0%) !important; color: #fff; }
@media only screen and (max-width: 767px) {
    .same-project { position: relative; } 
    .same-project .product-img .bot-hot-project { top: 27px; left: -13px; } 
    .same-project .product-img .price { top: 180px; } 
    .same-project .product-img .list-img-like { top: 157px; right: 0; } 
    .product-inner h4 { padding-left: 0; }
    .same-project .product-inner .list-info-project, .list-same-project .same-project .product-inner .box-address { font-size: 13px; }
    .list-same-project .same-project .product-inner .list-info-project, .list-same-project .same-project .product-inner .box-address { font-size: 13px; }
    .list_property .col-md-4, .list_property_agent .col-md-4{margin-bottom: 20px; padding: 0}
    .accept-deal .deal ul li:first-child{width: 40%}
    .accept-deal .contact-cooperation ul li:first-child{width: 55%}
    .btn-deal-pro{width: 100%}
    .accept-deal .deal ul li .svg-tag{display: none;}
    .same-project .product-inner h4 {height: 20px;}
    .bg-home-gray .same-project .product-inner h4 {height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

}
.sprite{  background:url('/templates/images/sprite.png') no-repeat; display: inline-block; }
.icon-acreage{width: 16px; height: 16px; background-position: -110px -550px; position: relative; top: 3px;}
.icon-floor{width: 16px; height: 16px; background-position: -131px -550px; position: relative; top: 3px;}
.icon-facade{width: 16px; height: 16px; background-position: -150px -550px; position: relative; top: 3px;}
.icon-bedroom{width: 16px; height: 16px; background-position: -41px -573px; position: relative; top: 3px;}
.icon-direction{width: 16px; height: 16px; background-position: -66px -573px; position: relative; top: 3px;}
.icon-wc{width: 16px; height: 16px; background-position: -89px -573px; position: relative; top: 3px;}
.icon-eye{width: 25px; height: 16px; background-position: -111px -573px; position: relative; top: 3px;}
.icon-heart{width: 30px; height: 22px; background-position: -55px -629px; position: relative; top: 0; left: -5px;}
.icon-heart-blue{width: 27px; height: 16px; background-position: -56px -601px; position: relative; top: 1px; margin-right: 5px;}
.icon-img{width: 28px; height: 21px; background-position: -116px -601px; position: relative; top: 1px;}

.svg_16{width: 16px;height: 16px;}
.svg-heart{width: 20px;height: 20px;background-image: url(/images/property-detail/quan-tam1.svg);}
.svg-heart-like{width: 20px;height: 20px;background-image: url(/images/property-detail/quan-tam2.svg);}
.svg-repeat{background-repeat: no-repeat !important;display: inline-block;}
.svg-image{background-image: url(/images/property-detail/pic.svg);width: 22px;height: 20px;margin-left: 10px;}
.svg-eye{cursor: pointer; background-image: url(/images/svg/eye_black.svg);width: 16px; height: 13px; position: relative; top: 3px; right: 0;}
.svg-acreage{ background-image: url(/images/svg/dien-tich_black.svg); margin-right: 4px; position: relative; top: 4px; }
.svg-room { background-image: url(/images/svg/phong_ngu_black.svg); margin-right: 4px; position: relative; top: 5px; }
.svg-wc { background-image: url(/images/svg/wc_black.svg); margin-right: 4px; position: relative; top: 2px; }
.svg-mat-tien{background-image: url(/images/svg/mattien_black.svg);position: relative; top: 2px;}