.callout-wrapper {

	z-index: 7;

	transition: 0.5s;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	pointer-events: none;
}

.callout-wrapper *{
	pointer-events: all;
}


.callout{
	width: 35vw;
	height: 15vw;
	visibility: hidden;
}

.dot {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	transition: 0.5s;
	position: absolute;
	/*bottom: -0.9vw;*/
	bottom: -5.9vw;
	right: -4.4vw;
	border-radius: 50%;
	width: 15vw;
	height: 15vw;
	cursor: pointer;
	opacity: 0.8;
	z-index: 4;
}

.light{
	border-radius: 50%;
	position: absolute;
	z-index: -1;
	width: 0.2vw;
	height: 0.2vw;
	top: 7.4vw;
	left: 7.4vw;
	animation: pulse 1s infinite;
}

.dot-inner {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	transition: 0.5s;
	border-radius: 50%;
	width: 5vw;
	height: 5vw;
	cursor: pointer;
	margin: 5vw;
}

.callout-wrapper .call-button{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	position: absolute;
	width: 70%;
	height: 51%;
	top: 0%;
	left: 5%;
	z-index: 4;
	cursor: pointer;

	display: none;
}


@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(225, 225, 255, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 5vw rgba(225, 225, 255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(225, 225, 255, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(225, 225, 255, 0.4);
		box-shadow: 0 0 0 0 rgba(225, 225, 255, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 5vw rgba(225, 225, 255, 0);
		box-shadow: 0 0 0 5vw rgba(225, 225, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(225, 225, 255, 0);
		box-shadow: 0 0 0 0 rgba(225, 225, 255, 0);
	}
}


rect{
	fill-opacity: 0;
}