.map-holder{
  float: left;
  position: relative;
  width:100%;
  height:0;
  padding-bottom:33.33%;
  .gmap{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
  }
}

.infowindow{
  position: relative;
  width: calc(100% - 40px);
  height:calc(100% - 40px);
  padding:20px;

  background: $map-info-bg;
  color:$map-info-txt;
  font-family: "Lato", Arial, Verdana, sans-serif;

  .details-holder{
    margin-bottom: 10px;

    &:before{
      content:"";
      display: inline-block;
      width:40px;
      height:40px;
      float:left;
      background:inline_image('svg/map-pin-white.svg') left top no-repeat;
    }

    .details{
      display: inline-block;
      width:calc(100% - 40px);
      // height:calc(100% - 40px);
      float:right;

      h3{
        margin:0;
      }

      ul{
        @include reset-normalize;
        li{
          font-size: 1.231em;
        }
      }
    }
  }





  .links{
    // margin-top: 20px;
    border-top: 1px solid $map-info-brdr;

    .button{
      margin-top: 20px;
      width:calc(100% - 60px);

      font-size: 1.455em;
      text-align: center;
    }
  }




}