@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
.linear-background {
    background: #f6f7f8;
    /*
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;        
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    */
    background-size: 1000px 104px;
    height: 338px;
    position: relative;
    overflow: hidden;
}
.map-placeholder{
    width: 100%;
    min-height: 1080px;
    background: url("../images/map-placeholder-bg.png") top center;
}
.map-placeholder-small{
  width: 100%;
  min-height: 400px;
  background: url("../images/map-placeholder-bg-small.png") top center;
  background-size: 100%;
}
.list-placeholder{
  width: 100%;
  min-height: 400px;
  background: url(../images/list-placeholder-bg.png) repeat top left;
  background-size: contain;
}

.inter-draw{
    background: #FFF;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 100px;
  }
  .inter-right--top{
    background: #FFF;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 100px;
  }
  .inter-right--bottom{
    background: #FFF;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 60px;
    left: 100px;
  }
  .inter-crop{
    background: #FFF;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100px;
  }
  <div class="linea

/* map pins.. */
.pin1 {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -115px;
    
    border-radius: 50% 50% 50% 0;
    border: 4px solid #fff;
    /*
    border: 4px solid transparent;
    */
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
  }
  
  .pin1::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    /*
    background: transparent;
    */
    background-color: #fff;
    
  }
  
  
  
  .pin2 {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: 115px;
    
    border-radius: 50%;
    border: 8px solid #fff;
    width: 8px;
    height: 8px;
  }
  
  .pin2::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    bottom: -30px;
    left: -6px;
    border: 10px solid transparent;
    border-top: 17px solid #fff;
  }