.s-architect-map .post-introduction {
		padding-bottom: 0;
	}
	
		#architect-map-wrap {
			margin: 0 auto 2em;
            width: 90%; 
            height: 600px;
			padding: 1rem;
			border: 2px solid #a67d29;
		}

			#architect-map {
				width: 100%; height: 100%;
			}


	#template__infowindow {
		display: none;
	}

/*	#architect-map img {
		 max-width: none; 
	}*/

		.infowindow-content {
			padding: 10px;
			background: #fff;
		}

		.infowindow__inner-wrap img {
			margin-bottom: 0.5em;
			max-width: 240px;
		}

		.infowindow-content .house-title {
			font-size: 1rem;
		}

		.infowindow-content .btn-primary {
			padding: 0.45rem 1rem;
			font-size: 0.85em;
		}


	.marker-labels {
		padding: 0 0 0 1px;
		width: 43px; height: 53px;
		/*font-family: $base_font;*/
/*		font-size: 15px;
		font-weight: 600;*/
		/*color: white;*/
		/*line-height: 41px;*/
		/*letter-spacing: -0.02em;*/
		/*text-align: center;*/
		/*white-space: nowrap;*/
		opacity: 1;
		background-position: 0 0;
		background-repeat: no-repeat;
		transition: 0.7s ease opacity;
		
		/*background: red;*/
		
		overflow: visible !important;
	}

	.marker-labels.active {
		/*background: blue;	*/
	}


	.inner-label {
		position: absolute;
		top: 0; left: 50%;
		padding: 5px;
		width: 100px;
		background: #fff;
		transform: translate(-50%, -100%);
		opacity: 0;
		transition: 0.3s ease all;
	}

		.marker-labels.active .inner-label {
			opacity: 1;
		}

		[data-active="0"] [data-ref="0"],
		[data-active="1"] [data-ref="1"],
		[data-active="2"] [data-ref="2"],
		[data-active="3"] [data-ref="3"],
		[data-active="4"] [data-ref="4"],
		[data-active="5"] [data-ref="5"],
		[data-active="6"] [data-ref="6"],
		[data-active="7"] [data-ref="7"],
		[data-active="8"] [data-ref="8"],
		[data-active="9"] [data-ref="9"],
		[data-active="10"] [data-ref="10"],
		[data-active="11"] [data-ref="11"],
		[data-active="12"] [data-ref="12"],
		[data-active="13"] [data-ref="13"],
		[data-active="14"] [data-ref="14"] {
			opacity: 0 !important;
		}

		/*.marker-labels.active.open .inner-label {
			background: yellow;
		}*/


	.loading .marker-labels {
		opacity: 0;
	}

	img[src*="marker"] {
		opacity: 1;
	}

	.loading img[src*="marker"] {
		opacity: 0;
	}



	.btn-xs {
		padding: 0.35rem 1rem;
		font-size: 0.75rem;
    }
    

    @media screen and (min-width: 580px) {

        .infowindow__inner-wrap img {
            max-width: 100%;
        }
    
        #architect-map-wrap {
            width: 80%; 
		}

    }