.topic>h1{font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif; font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1600 - 300))) !important; line-height:1}
h3.topic-content{font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;font-size: 26px;}
.property-type{color: #000000;margin: 10px 0;}
.property-type, .left-top, .right-top{font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));}
.left-top{float: left;width: 45%; padding-bottom:10px;}
.right-top{float: right;width: 55%; color:#999;padding-bottom:10px;}
.clearfix{padding: 8px 15px 8px 30px !important;}
.content-detail{ padding-left:35px; padding-top: 10px;}
.data-list-top{float:left;width:100%;box-sizing:border-box;list-style-type: none;}
.data-list-top li{padding:5px 0px 5px 0px;background:white;border-bottom:1px solid #dadada}
.data-list-top li span.field{float:left;font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif; font-size: 22px;font-weight:bold}
.data-list-top li span.value{float:right;text-align:right;font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif; font-size:22px; color:#007C80;font-weight:bold}
.property-main-features {
	font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;
	padding-left:unset;
	border-radius: 3px;
	width: 100%;
	display: block;
	list-style: none;
	margin-bottom:25px;
	margin-left:25px;
}
.property-main-features li {
	font-size: 17px;
	color: #888;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 30px;
	padding-right:5px;
	width:20%;
}

.property-main-features li:last-child {
	margin: 0;
}

.property-main-features li span {
	display: block;
	color: #444;
}
.address-detail, .contact-detail{ padding-top:-10px; margin-bottom:0px;}
.group{margin-bottom:20px;}
.station-list{list-style-type:none; padding-left:10px;}
.bts-station{background-image: url(https://www.theroomth.com/img/icon/bts_logo.png);background-repeat: no-repeat; padding-bottom:20px;}
.mrt-station{background-image: url(https://www.theroomth.com/img/icon/mrt_logo.png);background-repeat: no-repeat;padding-bottom:20px;}
.airport-link-station{background-image: url(https://www.theroomth.com/img/icon/arl_logo.png);background-repeat: no-repeat;padding-bottom:20px;}
.train-station{border-radius:5px;position:relative;padding:5px 10px;border:2px solid #196f7a;margin:5px 0 0 50px;color:#444;}.train-station:after,.train-station:before{position:absolute;right:100%;top:15px;border:solid transparent;border-right-color:#196f7a;content:' ';height:0;width:0;pointer-events:none}.train-station:after{border-width:5px;margin-top:-5px}.train-station:before{border-width:6px;margin-top:-6px}
.gallery li {display: block;float: left; margin-right: 6px;}
.gallery li img { height: auto;max-width: 100%;display: block;}
.features > ul li {margin-bottom: 5px;}
.facility span{display:block;padding:5px 0px 5px 20px;text-decoration:none;color:#4f5354;text-align:left; }.facility span b{background:url("https://www.theroomth.com/img/icon/facility.png") no-repeat scroll 0 0;float:left;display:block;width:18px;height:18px;margin-top: 7px;}.facility span b.true{background-position:0px -18px}.facility span b.false,td.available span b.false{background-position:0px -36px}td.available span b{float:none;margin:0 auto}.facility span.false{text-decoration:line-through;color:#AAAAAA;text-shadow:none}
p.additional{ padding-left:24px; padding-top:4px; }
.data-list{float:left;width:100%;margin-left:-1px;box-sizing:border-box;padding-left:10px;list-style-type: none;}.data-list li{padding:10px 5px 10px;background:white;border-bottom:1px solid #dadada}
.data-list li span.field{float:left;font-weight:bold}
.data-list li span.value{float:right;text-align:right}
.data-list li span.tag{float:right;text-align:right;}
.data-list li.odd{background:#f0f0f0;}
.nearby-facilities li span.field{font-weight:normal !important;}
.nearby-facilities .clearfix{padding-left: 15px !important;}
.map{height: 340px;width: 100%; margin-left: 15px;}
.mt-10{margin-top: 10px;}
.left{float: left;width: 45%;margin-left:-25px;}
.right{border-left: 1px solid #dadada;}
.left a, .right a{color:#666666;}
.left a:hover{color:#0a660a;}
.right a:hover{color:#0a660a;}
.property-contact{display: none;}
@media (min-width: 768px) and (max-width: 1024px) {
	.left-top{float: none;width: auto;margin-bottom:-10px;}
	.right-top{float: none;width: auto;margin-bottom:-10px;}
	.property-main-features {
		padding-left:unset;
		border-radius: 3px;
		width: 100%;
		display: block;
		list-style: none;
		margin-bottom:25px;
		margin-left:0px;
	}
	.property-main-features li {
		font:10px;
		margin:0px;
		padding: 0px 0px 0px 15px;
	}

}
@media (min-width: 320px) and (max-width: 767px) {
	.property-contact{display: block;}
	.left-top{float: none;width: auto;margin-bottom:-10px;}
	.right-top{float: none;width: auto;margin-bottom:-10px;}
	.property-type{font-size: 20px;}
	.property-type{ margin-top:15px;}
	.left{float: none;width: auto;}
	.map{margin-left: 5px;}
	.topic{margin-left: -15px;}
	h3.topic-content{margin-left: -5px;}
	.clearfix{padding: 8px 15px !important;}
	.content-detail{ padding-left:15px;}
	.right {
		border-left: none;
	}
}
.text-detail{height: 100px;overflow: hidden;}.show-more {position: relative;}.show-more-label {position: absolute;top: 100%;}.show-more-input {display: none;}.show-more-label:after{content: "Show More";}.show-more-input:checked + .show-more-label:after {content: "Show Less";}.show-more-input:checked ~ div {height: 100%;}
.img-circle{
	border-radius: 50%;
	width: 50px !important;
}
.agent{
	background-color: #F2F2F2;
	padding: 20px 0px;
}
.agent .fa{
	font-size: 14px;
}
.agent img{
	border-radius: 50%;
	width: 50px !important;
}
.agent .facebook img, .agent .line-app img{
	border-radius: 50%;
	width: 16px !important;
}
.verifyRecaptchaText{display:none;color:red!important}


/* Google Maps */
#propertyMap {
	height: 400px;
	border-radius: 3px
}

#propertyMap-container {
	height: auto;
	position: relative;
	padding-top: 5px;
	display: block
}
#streetView:before {
	content: "\e015";
	font-family: simple-line-icons;
	position: relative;
	top: 2px;
	margin: 0 6px 0 0;
	font-size: 15px;
	line-height: 1px
}
#streetView:before {
	content: "\f21d";
	font-family: FontAwesome;
	font-size: 16px;
	top: 1px;
	margin-right: 8px
}
#streetView {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 999;
	font-size: 20px;
	line-height: 20px
}
#streetView:hover {
	background-color: #66676b;
	color: #fff;
}
#streetView {
	color: #333;
	margin-top: 40px;
	background-color: #fff;
	padding: 8px 16px;
	padding-top: 9px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-transition: all .2s ease-in-out;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .2);
}

.property_contact_form h4{
	text-align: center;
	padding-bottom: 10px;
	color: #212121;
}
.contact-info{
	padding: 0px 15px; 
}
.property_contact_form label{
	margin-top: 10px !important;
	margin-bottom: 2px !important;
}
.g-recaptcha{
	margin-top: 10px;
}


.btn-social-icon .save-property{
	position: absolute;
	bottom: -6px;
	right: 8px;
	z-index: 20;
	border-radius: 50px;
	font-size: 20px;
	color: #fff;
	width: 45px;
	height: 45px;
	background-color: rgba(24,24,24,.4);
	cursor: pointer;
	text-align: center;
}
.btn-social-icon .save-property:hover{
	background: #f0151f;
}
.btn-social-icon .save-property-active{
	position: absolute;
	bottom: -6px;
	right: 8px;
	z-index: 20;
	border-radius: 50px;
	font-size: 20px;
	color: #fff;
	width: 45px;
	height: 45px;
	background: #f0151f;
	cursor: pointer;
	text-align: center;
}
.btn-social-icon .save-property-active:hover{
	background: #fdab00;
}
.btn-social-icon .save-property .fa, .btn-social-icon .save-property-active .fa{
	font-size: 16px;
	padding-right: 18px;
}
.google-map-area {
	position: relative;
	width: 100%;
	height: 350px;
}
.google-map-area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}