.locations {
	 background-color: #f7f7f7;
}
.locations-lite {
	background-color: transparent;
}
 .locations .container {
	 padding: 50px 30px;
}
 @media (min-width: 768px) {
	 .locations .container {
		 padding: 100px 30px;
	}
}
 @media (min-width: 969px) {
	 .locations .container {
		 padding: 100px;
	}
}
 .locations .container .row {
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
}
 .locations .container .row .col {
	 width: 100%;
}
 @media (min-width: 768px) {
	 .locations .container .row .col {
		 width: 39%;
	}
}
 .locations .container .row .col:first-of-type {
	 margin: 0 0 30px;
}
 @media (min-width: 768px) {
	 .locations .container .row .col:first-of-type {
		 margin: 0;
		 width: 60%;
		 padding: 0 100px 0 0;
	}
}
 .locations__map {
	 width: 100%;
	 background-image: url('./map.svg');
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: contain;
	 position: relative;
	 margin: 0 0 10px;
}
 .locations__map:last-of-type {
	 margin: 0;
}
 @media (max-width: 768px) {
	 .locations__map {
		 padding: 0 !important;
		 background-image: none;
	}
}
 @media (min-width: 768px) {
	 .locations__map {
		 margin: 0;
	}
}
 .locations__map__dot {
	 position: absolute;
	 transform: translate3d(-50%, -50%, 0);
	 height: 30px;
	 width: 30px;
	 border-radius: 100%;
	 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	 border: 5px solid #fff;
	 cursor: pointer;
	 background-color: #ee1b91;
	 transition: all 0.3s ease;
}
 @media (max-width: 768px) {
	 .locations__map__dot {
		 display: none;
	}
}
 .locations__map__dot.is-active {
	 border-color: rgba(255, 237, 194, 1);
	 transition: all 0.3s ease;
}
 .locations__map__list {
	 display: flex;
	 opacity: 0;
	 visibility: hidden;
	 cursor: pointer;
	 height: 250px;
	 position: relative;
	 width: 100%;
	 display: flex;
	 margin: 0 0 10px;
         border-radius: 6px;
         overflow: hidden;
 	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
 @media (min-width: 768px) {
	 .locations__map__list {
		 margin: 0;
		 position: absolute;
		 width: 350px;
		 height: 200px;
		 margin-top: 30px;
	}
	 .locations__map__list.is-active {
		 opacity: 1;
	 	 visibility: visible;
		 z-index: 5;
	  	 margin-top: 0px;
	}
}
 @media (max-width: 768px) {
	 .locations__map__list {
		 left: 0 !important;
		 top: 0 !important;
		 transform: none !important;
	 	 opacity: 1 !important;
		 visibility: visible !important;
		 z-index: 5;

	}
}
 .locations__map__list img {
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 object-fit: cover;
}
 .locations__map__list span {
	 background-image: linear-gradient(0deg, rgb(0 0 0 / 62%), transparent);
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 padding: 12px 18px;
	 font-size: 1.5em;
	 color: #fff;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-family: 'Open Sans Condensed', sans-serif;
}
 .locations__map__list span::before, .locations__map__list span::after {
	 position: absolute;
	 right: 25px;
	 top: 50%;
	 width: 6px;
	 height: 1px;
	 background-color: #ffc30a;
	 content: '';
	 transform-origin: right center;
	 transform: rotate(45deg) translate3d(0, -50%, 0);
}
 .locations__map__list span::after {
	 width: 5px;
	 transform: rotate(-45deg) translate3d(0, -50%, 0);
}