.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: 12px 0px 0px -12px;
    -webkit-transform: rotateX(75deg);
    -moz-transform: rotateX(75deg);
    -o-transform: rotateX(75deg);
    -ms-transform: rotateX(75deg);
    transform: rotateX(75deg);
    z-index: -2;
}

.pulse:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -14px 0 0 -14px;
    -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.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        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.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        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.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        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.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        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%);

}
