.iframeWrapper {
	height: 0;
    margin-top: 40px;
    padding-bottom: 25%;
    padding-top: 25px;
    position: relative;
	min-height: 430px
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
  width:100%;
  height:400px;
}
.map-overlay { 
	background: rgba(0,0,0,0.2);
    height: 390px;
    margin-top: -25px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 3;
	cursor: zoom-in;
}
.map-overlay-remove {
	display:none; 
}
.activate-map { border: none; position: relative; width: 180px; font-family: 'Open Sans', sans-serif; font-size:12px; text-align:center; position: absolute; bottom: 10px; color: #FFF; background: #0CC4A0; padding: 10px 5px; border-radius: 3px; margin: 0 auto; left: 0; right: 0; text-decoration:none; text-transform:uppercase;-webkit-transition: all ease 0.4s; transition: all ease 0.4s}
.map-overlay:hover .activate-map {display:block; cursor: pointer}
.activate-map:hover { background: #15A386; color: #FFF !important }

#map-canvas {width: 100%; box-sizing: border-box; height: 390px; margin-top: -25px; margin-bottom: -4px; }
#panel { position: absolute; top: 5px; left: 50%; margin-left: -180px; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; display: none; }