.loader-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999999999999999999999;
	background:#ffffff;
	-webkit-transform: translate3d(0,0,0);
}
.loader-wrap img {
	width:150px;
	height:61px;
	position :absolute;
	left :50%;
	top :50%;
	margin: -60px 0 0 -60px;
	animation: fadein 2s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}


@media only screen and (max-width : 992px)  { 
    .loader-wrap img {
        width:150px;
        height:61px;
        position :absolute;
        left :50%;
        top :50%;
        margin: -60px 0 0 -70px;
        animation: fadein 2s;
        -moz-animation: fadein 1s; /* Firefox */
        -webkit-animation: fadein 1s; /* Safari and Chrome */
        -o-animation: fadein 1s; /* Opera */
    }
}





@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.pin{
	width:30px;
	height:30px;
	border-radius:50% 50% 50% 0;
	background :#89849b;
	position :absolute;
	transform: rotate(-45deg);
	left :50%;
	top :50%;
	margin: -20px 0 0 -20px;
}
.pin:after{
    content :'';
    width: 14px;
    height: 14px;
	top:8px;
	left:8px;
    background :#cfe1ec;
    position: absolute;
    border-radius: 50%;
}
.pulse{
	background :rgba(0,0,0,0.2);
	border-radius: 50%;
	height: 14px;
	width: 14px;
	position :absolute;
	left :50%;
	top :50%;
	margin: 11px 0px 0px -12px;
	transform :rotateX(55deg);
	z-index: -2;
	text-align: center;
}
.pulse:after{
    content: "";
    border-radius: 50%;
    height: 40px;
    width :40px;
    position :absolute;
    margin: -13px 0 0 -19px;
    animation : pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity :0.0;
    box-shadow: 0 0 1px 3px #4DB7FE;
}
@keyframes pulsate{
  0%{
    transform :scale(0.1, 0.1);
    opacity :0.0;
  }
  50%{
    opacity: 1.0;
  }
  100%{
    transform :scale(1.2, 1.2);
    opacity: 0;
  }
}
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
}