.dot-holder {
	position: absolute;
	left:50%;
}
.dot-holder a{
	color:#000;
	text-decoration:none;
	display:block;
}
.dot-holder a.white{
	color:#fff;
	text-shadow:2px 0px 2px #000;
}
.dot-holder p{
	font-weight:600;
	font-size:16px;
	line-height:16px;
	text-align:center;
}
.dot-holder-inner {
	position: relative;
}
.pulse {
	width: 10px;
	height: 10px;
	border: 6px solid #ff0000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #fff;
	z-index: 10;
	position: absolute;
	left: -1px;
	top: -1px;
	-webkit-animation: pulse2 1.5s ease-out;
	-moz-animation: pulse2 1.5s ease-out;
	animation: pulse2 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.dot {
	border: 10px solid #fff;
	background: transparent;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	height: 50px;
	width: 50px;
	-webkit-animation: pulse 3s ease-out;
	-moz-animation: pulse 3s ease-out;
	animation: pulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 1;
	opacity: 0;
}
@keyframes pulse {
  0% {
	transform: scale(0);
	opacity: 0.0;
 }
 25% {
	transform: scale(0);
	opacity: 0.3;
 }
 50% {
	transform: scale(0.1);
	opacity: 0.6;
 }
 75% {
	transform: scale(0.5);
	opacity: 0.9;
 }
 100% {
	transform: scale(1);
	opacity: 0.0;
 }
}
@-moz-keyframes pulse {
 0% {
	-moz-transform: scale(0);
	opacity: 0.0;
 }
 25% {
	-moz-transform: scale(0);
	opacity: 0.3;
 }
 50% {
	-moz-transform: scale(0.1);
	opacity: 0.6;
 }
 75% {
	-moz-transform: scale(0.5);
	opacity: 0.9;
 }
 100% {
	-moz-transform: scale(1);
	opacity: 0.0;
 }
}
@-webkit-keyframes "pulse" {
 0% {
	-webkit-transform: scale(0);
	opacity: 0.0;
 }
 25% {
	-webkit-transform: scale(0);
	opacity: 0.3;
 }
 50% {
	-webkit-transform: scale(0.1);
	opacity: 0.6;
 }
 75% {
	-webkit-transform: scale(0.5);
	opacity: 0.9;
 }
 100% {
	-webkit-transform: scale(1);
	opacity: 0.0;
 }
}


@-moz-keyframes pulse2 {
 0% {
	opacity: 0;
 }
 100% {
	opacity: 1;
 }
}
@-webkit-keyframes "pulse2" {
 0% {
	opacity: 0;
 }
 100% {
	opacity: 1;
 }
}


#eb{
	top: 50%;
  margin-left: -30.8%;
  left: 50%;
  transform: translate(-75px,-23px);
  margin-top: -16.5%;
}
#eb .dot-holder-inner {
	margin-top:30px;
	margin-left:65px;
}
#hdrb{
	top: 50%;
  margin-left: 2.5%;
  left: 50%;
  transform: translate(-60px,-8px);
  margin-top: -2.5%;
}
#hdrb .dot-holder-inner {
	margin-top:-30px;
	margin-left:-15px;
}
#mdf{
	top: 50%;
  	margin-left: 21%;
  	left: 50%;
  	transform: translate(-78px,-13px);
  	margin-top: 1%;
}
#mdf .dot-holder-inner {
	margin-top:10px;
	margin-left:-10px;
}
#mlmi{
	top: 50%;
  	margin-left: 38.5%;
  	left: 50%;
  	transform: translate(-53.5px,-50px);
  	margin-top: 3.5%;
}
#mlmi .dot-holder-inner {
	margin-top:-50px;
	margin-left:100px;
}
#ej{
	top: 50%;
  	margin-left: -35%;
  	left: 50%;
  	transform: translate(-60.5px,-15.5px);
  	margin-top: -1.5%;
}
#ej .dot-holder-inner {
	margin-top:15px;
	margin-left:40px;
}
#rs{
	top: 50%;
  	margin-left: -35.5%;
  	left: 50%;
  	transform: translate(-55px,-22px);
  	margin-top: 19%;
}
#rs .dot-holder-inner {
	margin-top:13px;
	margin-left:10px;
}
#mpb{
	top: 50%;
  margin-left: -45.3%;
  left: 50%;
  transform: translate(-40.5px, -36px);
  margin-top: 16.5%;
}
#mpb .dot-holder-inner {
	margin-top:40px;
	margin-left:10px;
}


@media (max-width:1279px){
    .dot-holder p{
        font-size:14px;
        line-height:14px;
    }
	#eb{
      margin-left: -30.8%;
      transform: translate(-75px,-23px);
      margin-top: -16.5%;
    }
    #hdrb{
      margin-left: 4%;
    	transform: translate(-52.2px,-10px);
    	margin-top: -2.3%;
    }
    #hdrb .dot-holder-inner {
      margin-top: -25px;
      margin-left: -15px;
    }
    #mdf{
        margin-left: 22%;
    	transform: translate(-63.5px,-12px);
    	margin-top: 1.2%;
    }
    #mlmi{
        margin-left: 38%;
    	transform: translate(-50px,-18px);
    	margin-top: 1.5%;
    }
    #mlmi .dot-holder-inner {
      margin-top: -40px;
      margin-left: 90px;
    }
    #ej{
        margin-left: -35%;
        transform: translate(-60.5px,-22px);
        margin-top: -1%;
    }
    #rs{
        margin-left: -34.5%;
    	transform: translate(-48px,-10px);
    	margin-top: 17.7%;
    }
    #rs .dot-holder-inner {
      margin-top: 8px;
      margin-left: 10px;
    }
    #mpb{
      margin-left: -45%;
    	transform: translate(-35.5px, -34px);
    	margin-top: 17%;
    }
    #mpb .dot-holder-inner {
      margin-top: 25px;
      margin-left: 10px;
    }
}