.pin {
  width: 30;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  /*	background: #ebebeb;*/
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  -ms-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
}

/*.pin:after {
	content: '';
	width: 14px;
	height: 14px;
	margin: 8px 0 0 8px;
	background: #cf3106;
	position: absolute;
	border-radius: 50%;

}*/

.pin:after {
  content: "";
  /*width: 14px;
height: 14px;
margin: 8px 0 0 8px;
background: #cf3106;*/
  position: absolute;
  /*	border-radius: 50%;*/
}

.pulse {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0px 0px 0px -px;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: -2;
}

.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: 0px 0 0 0px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f4f7f8;
  box-shadow: 0 0 1px 2px #f7f9fa;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

/* pulse------------------------------------------------------------------------------- */

@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* pulsate2  verticle style----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------*/
.pulse_2 {
  background: rgba(0, 38, 255, 0);
  border-radius: 50%;
  height: 30px;
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* margin: 30px 0px 0px -30px; */
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: -2;
}

.pulse_2:after {
  content: "";
  border-radius: 50%;
  height: 30px;
  width: 30px;
  position: absolute;
  margin: -7px 0 0 -7px;
  -webkit-animation: pulsate2 1s ease-out;
  -moz-animation: pulsate2 1s ease-out;
  -o-animation: pulsate2 1s ease-out;
  -ms-animation: pulsate2 1s ease-out;
  animation: pulsate2 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #fdebd6;
  box-shadow: 0 0 1px 2px #fdebd6;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

@-moz-keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.91);
    -o-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-o-keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-0deg);
    -moz-transform: translateY(-2000px) rotate(-0deg);
    -o-transform: translateY(-2000px) rotate(-0deg);
    -ms-transform: translateY(-2000px) rotate(-0deg);
    transform: translateY(-2000px) rotate(-0deg);
  }

  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-0deg);
    -moz-transform: translateY(30px) rotate(-0deg);
    -o-transform: translateY(30px) rotate(-0deg);
    -ms-transform: translateY(30px) rotate(-0deg);
    transform: translateY(30px) rotate(-0deg);
  }

  80% {
    -webkit-transform: translateY(-10px) rotate(-0deg);
    -moz-transform: translateY(-10px) rotate(-0deg);
    -o-transform: translateY(-10px) rotate(-0deg);
    -ms-transform: translateY(-10px) rotate(-0deg);
    transform: translateY(-10px) rotate(-0deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(-0deg);
    -moz-transform: translateY(0) rotate(-0deg);
    -o-transform: translateY(0) rotate(-0deg);
    -ms-transform: translateY(0) rotate(-0deg);
    transform: translateY(0) rotate(-0deg);
  }
}

@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-0deg);
    -moz-transform: translateY(-2000px) rotate(-0deg);
    -o-transform: translateY(-2000px) rotate(-0deg);
    -ms-transform: translateY(-2000px) rotate(-0deg);
    transform: translateY(-2000px) rotate(-0deg);
  }

  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-0deg);
    -moz-transform: translateY(30px) rotate(-0deg);
    -o-transform: translateY(30px) rotate(-0deg);
    -ms-transform: translateY(30px) rotate(-0deg);
    transform: translateY(30px) rotate(-0deg);
  }

  80% {
    -webkit-transform: translateY(-10px) rotate(-0deg);
    -moz-transform: translateY(-10px) rotate(-0deg);
    -o-transform: translateY(-10px) rotate(-0deg);
    -ms-transform: translateY(-10px) rotate(-0deg);
    transform: translateY(-10px) rotate(-0deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(-0deg);
    -moz-transform: translateY(0) rotate(-0deg);
    -o-transform: translateY(0) rotate(-0deg);
    -ms-transform: translateY(0) rotate(-0deg);
    transform: translateY(0) rotate(0deg);
  }
}

@-o-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-0deg);
    -moz-transform: translateY(-2000px) rotate(-0deg);
    -o-transform: translateY(-2000px) rotate(-0deg);
    -ms-transform: translateY(-2000px) rotate(-0deg);
    transform: translateY(-2000px) rotate(0deg);
  }

  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-0deg);
    -moz-transform: translateY(30px) rotate(-0deg);
    -o-transform: translateY(30px) rotate(-0deg);
    -ms-transform: translateY(30px) rotate(-0deg);
    transform: translateY(30px) rotate(-0deg);
  }

  80% {
    -webkit-transform: translateY(-10px) rotate(-0deg);
    -moz-transform: translateY(-10px) rotate(-0deg);
    -o-transform: translateY(-10px) rotate(-0deg);
    -ms-transform: translateY(-10px) rotate(-0deg);
    transform: translateY(-10px) rotate(-0deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(-0deg);
    -moz-transform: translateY(0) rotate(-0deg);
    -o-transform: translateY(0) rotate(-0deg);
    -ms-transform: translateY(0) rotate(-0deg);
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-0deg);
    -moz-transform: translateY(-2000px) rotate(-0deg);
    -o-transform: translateY(-2000px) rotate(-0deg);
    -ms-transform: translateY(-2000px) rotate(-0deg);
    transform: translateY(-2000px) rotate(-0deg);
  }

  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-0deg);
    -moz-transform: translateY(30px) rotate(-0deg);
    -o-transform: translateY(30px) rotate(-0deg);
    -ms-transform: translateY(30px) rotate(-0deg);
    transform: translateY(30px) rotate(-0deg);
  }

  80% {
    -webkit-transform: translateY(-10px) rotate(-0deg);
    -moz-transform: translateY(-10px) rotate(-0deg);
    -o-transform: translateY(-10px) rotate(-0deg);
    -ms-transform: translateY(-10px) rotate(-0deg);
    transform: translateY(-10px) rotate(-0deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(-0deg);
    -moz-transform: translateY(0) rotate(-0deg);
    -o-transform: translateY(0) rotate(-0deg);
    -ms-transform: translateY(0) rotate(-0deg);
    transform: translateY(0) rotate(0deg);
  }
}
iframe {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}
