.pewl-wrapper {
    position: relative;
    height: 225px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .image {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .pewl-wrapper .pewl-wrapper-disclaimer {
    text-align: center;
    position: inherit;
    z-index: 5;
  }
.card.googlerating {
  border: 0;
}

.card-header {
  display: grid;
  grid-template-columns: 5rem 1fr;
  align-items: center;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}

.img-holder {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  background-color: #fff;
  padding: .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-holder img {
  display: block;
  width: 100%;
}


.kc-spinner{display:flex;justify-content:center}.kc-ring{display:inline-block;position:relative;width:80px;height:80px}.kc-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite kc-ring;border-color:#fff transparent transparent}.kc-ring div:first-child{animation-delay:-.45s}.kc-ring div:nth-child(2){animation-delay:-.3s}.kc-ring div:nth-child(3){animation-delay:-.15s}@keyframes kc-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}









.ol-zoom-in, .ol-zoom-out {
	 display: inline-flex;
	 height: 2rem;
	 width: 2rem;
	 background-color: black;
	 color: white;
	 justify-content: center;
	 align-items: center;
}
 .ol-zoom-in {
	 margin-right: 0;
}
 .ol-attribution {
	 position: absolute;
	 left: 0.5rem;
	 bottom: 0.5rem;
	 display: flex;
	 flex-flow: row;
	 justify-content: flex-start;
	 align-items: flex-start;
}
 .ol-attribution ul {
	 list-style: none;
	 padding: 0;
	 margin: 0 1rem 0 0;
}
 .map-marker {
	 width: 1.5rem;
	 height: 1.5rem;
	 border-radius: 50%;
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background-color: red;
}
 .map-marker::before, .map-marker::after {
	 content: '';
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 border: 2px solid red;
	 border-radius: 50%;
}
 .map-marker::before {
	 animation: playanim1 1.5s linear infinite;
}
 .map-marker::after {
	 animation: playanim2 2.5s linear infinite;
}
 .map-marker .map-marker-dot {
	 width: 0.75rem;
	 height: 0.75rem;
	 background-color: white;
	 border-radius: 50%;
	 display: block;
}
 @keyframes playanim1 {
	 from {
		 transform: scale(1);
		 opacity: 1;
	}
	 to {
		 transform: scale(2);
		 opacity: 0;
	}
}
 @keyframes playanim2 {
	 from {
		 transform: scale(1);
		 opacity: 1;
	}
	 to {
		 transform: scale(1.5);
		 opacity: 0;
	}
}
 
  .marker {
    color:#053B57;
  }