.flatextracontainer {
	padding: 20px 0;
}

.flatextracontainer .flat-details {
}

.flatextracontainer .flat-details.desc-on-right {
}

.flatextracontainer .flat-description {
	padding-left: 20px;
	padding-right: 20px;
}

.flatextracontainer .flat-plan {
	padding-left: 20px;
	padding-right: 20px;
}

.flatextracontainer .flat-plan > div {
	width: 100%;
	position:relative;
	padding-bottom:52%;
}

.flatextracontainer .flat-plan > div > div {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
}

.flatextracontainer .flat-plan.on-left > div > div {
	text-align:left;
}

.flatextracontainer .flat-plan.on-right > div > div {
	text-align:right;
}

.flatextracontainer .flat-plan img {
	max-width: 100%;
	max-height: 100%;
}

.flatextracontainer .flat-description .fields > div .field_n {
	font-weight: bold;
}

.flatextracontainer .flat-description .file-link {
	font-weight: bold;
	color: inherit;
	display: flex;
	align-items: center;
	margin-bottom: 3px;
	max-width: 80%;
}

.flatextracontainer .flat-description .file-link > span {
	flex-grow: 1;
}

.flatextracontainer .flat-description .file-link:focus,
.flatextracontainer .flat-description .file-link:hover {
	color: inherit;
}

.flatextracontainer .flatfav,
.flatextracontainer .visualization_btn {
	margin-top: 15px;
	margin-bottom: 10px;
}

.flatextracontainer .flatfav:not(.fav) .r {
	display: none;
}

.flatextracontainer .flatfav.fav .a {
	display: none;
}

.buildinglinkcontainer .mainheader,
.flatextracontainer .sub-header,
.flatextracontainer .mainheader {
	color:#887d63;
	font-size: 1.34em;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

@media only screen and (min-width: 992px) {
	.flatextracontainer .flat-details {
		display: flex;
	}

	.flatextracontainer .flat-details.desc-on-right {
		flex-direction: row-reverse;
	}

	.flatextracontainer .flat-description {
		width: 30%;
	}

	.flatextracontainer .flat-plan {
		width: 70%;
	}
}