#location-picker-map {
	height: 400px;
	width: 100%;
}

.location-wrapper {
	position: relative;
}

.location-wrapper .material-icons {
	position: absolute;
	top: 19px;
	padding: 8px;
	right: 0;
	z-index: 10;
	cursor: pointer;
	font-size: 17px;
	color: #565d62;
}

.location-wrapper input[type=text] {
	padding-right: 35px;
}

.location-field-wrapper .lock-pin input[type=checkbox] ~ .locked {
	display: none;
}

.location-field-wrapper .lock-pin input[type=checkbox]:checked ~ .locked {
	display: block;
}

.location-field-wrapper .lock-pin input[type=checkbox]:checked ~ .unlocked {
	display: none;
}

body.wp-admin #location-picker-map {
	height: 200px;
}

body.wp-admin .pac-container {
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}

.marker-container .lf-type-2 .lf-item {
	height: 230px;
}

.marker-container .lf-type-2 .lf-avatar {
	width: 62px;
	height: 62px;
	top: -32px;
}

.marker-container .lf-type-2 .lf-item-info-2 {
	padding-top: 25px;
	bottom: 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.marker-container .lf-type-2 .lf-item-info-2 > ul {
	margin-bottom: 10px;
	padding-top: 5px;
}

.marker-container .lf-item-container {
	width: 300px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index: 10000 !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.marker-container .lf-item-container, .marker-icon {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.marker-icon {
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.marker-icon i {
	color: #fff;
	height: 27px;
	width: 27px;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	padding-top: 5px;
	font-size: 17px;
	right: -15px;
	top: 0;
	z-index: 1;
}

.marker-icon i.fa {
	font-size: 17px !important;
}

.marker-img {
	height: 42px;
	width: 42px;
	border-radius: 50%;
	left: 19px;
	top: -44px;
	background-size: cover;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	-webkit-transition: box-shadow .25s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: box-shadow .25s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out, box-shadow .25s ease-in-out;
	transition: transform .2s ease-in-out, box-shadow .25s ease-in-out, -webkit-transform .2s ease-in-out;
	background-position: 50%;
	background-repeat: no-repeat;
}

.marker-icon .term-icon.image-icon {
	position: absolute;
	right: -15px;
	top: 0;
	z-index: 1;
	border-radius: 100%;
	height: 27px;
	width: 27px;
}

.marker-icon .term-icon.image-icon img {
	width: auto;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.marker-icon.active .marker-img {
	box-shadow: 0 0 0 15px rgba(0, 0, 0, .1);
}

.cts-marker-pin {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

.mapboxgl-marker .cts-marker-pin {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cts-marker-pin img {
	width: 25px;
	display: block;
	margin: auto;
}

.location-field-wrapper {
	position: relative;
}

.location-field-wrapper .cts-get-location {
	position: absolute;
	right: 0;
	top: 15px;
	z-index: 50;
}

.location-field-wrapper .cts-get-location:hover {
	cursor: pointer;
}

.mylisting-map-loading {
	position: relative;
}

.mylisting-map-loading:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	background: #eee;
	width: 100%;
	height: 100%;
	z-index: 500;
	-webkit-animation-name: maps-background-animation;
	animation-name: maps-background-animation;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes maps-background-animation {
	0% {
		background-color: #eee;
	}
	
	50% {
		background-color: #fafafa;
	}
	
	to {
		background-color: #eee;
	}
}

@keyframes maps-background-animation {
	0% {
		background-color: #eee;
	}
	
	50% {
		background-color: #fafafa;
	}
	
	to {
		background-color: #eee;
	}
}

.marker-cluster-popup {
	max-height: 450px;
	overflow-y: auto;
}

.marker-cluster-popup .marker-cluster-wrapper.lf-item {
	height: auto !important;
	width: 100%;
}

.marker-cluster-popup .lf-item-container {
	margin-bottom: 10px !important;
}

.marker-cluster-popup .lf-item-container:last-child {
	margin-bottom: 0 !important;
}

@-webkit-keyframes user-location-marker-animation {
	0% {
		box-shadow: 0 0 0 0 rgba(66, 133, 244, .5);
	}
	
	to {
		box-shadow: 0 0 0 20px rgba(66, 133, 244, 0);
	}
}

@keyframes user-location-marker-animation {
	0% {
		box-shadow: 0 0 0 0 rgba(66, 133, 244, .5);
	}
	
	to {
		box-shadow: 0 0 0 20px rgba(66, 133, 244, 0);
	}
}

.cts-geoloc-marker {
	width: 13px;
	height: 13px;
	border-radius: 50px;
	background: #4285f4;
	border: 1px solid #fff;
	-webkit-animation-name: user-location-marker-animation;
	animation-name: user-location-marker-animation;
	-webkit-animation-duration: 1.7s;
	animation-duration: 1.7s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	cursor: default;
}

@media screen and (max-width:600px) {
	.tpl-marker-cluster-popup {
		width: 270px !important;
	}
	
	.tpl-marker-cluster-popup .marker-cluster-popup {
		max-height: 270px !important;
	}
}

.tpl-marker-cluster-popup {
	background: #fff;
	padding: 10px;
}

#explore-map-location-ctrl {
	background: #fff;
	color: #666;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .3);
	cursor: pointer;
	font-family: Roboto, Arial, sans-serif;
	text-align: center;
	margin-right: 10px;
	border-radius: 2px;
}

#explore-map-location-ctrl i {
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 40px;
}

.marker-cluster-popup .lf-head, .marker-cluster-popup .lf-item-info-2 {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0);
}