#dMap, #mapOverview {
    position: relative;
    height: 100%;
}

.view-reader {
    display: none;
    position: absolute;
    top: 0;
    right: -5000px;
    bottom: 0;
    width: 30%;
    padding:14rem 2rem 2rem;
    background: rgba(255,255,255,0.9);
    -webkit-animation: mapsResultViewHide 1s forwards;
    -moz-animation: mapsResultViewHide 1s forwards;
    -o-animation: mapsResultViewHide 1s forwards;
    animation: mapsResultViewHide 1s forwards;
}

.mod_googlemaps_overview {
	position: relative;
    width: 100%;
}
.mod_googlemaps_overview  .toggleVisibility {
    -webkit-animation: mapsResultView 0.5s forwards;
    -moz-animation: mapsResultView 0.5s forwards;
    -o-animation: mapsResultView 0.5s forwards;
    animation: mapsResultView 0.5s forwards;
    display: block!important;
}

.map-search-bar {
    position: relative;
    z-index: 1;
}
.map-search-bar__form {
    width: 100%;
    position: relative;
}
.map-search-bar__form i {
    font-size: 1.5em;
}
.map-search-bar i {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
}
.map-search-bar input {
/*
    width: 100%;
    margin: 0;
    padding: 2.4rem;
    border-width: 0;
    line-height: 2.4rem;
    box-shadow: 0 0 36px rgba(43, 43, 43, 0.2);
    background-color: #fff;
*/
}

.map-search-bar__close {
    position: absolute;
    width: 7.3rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    top: 0px;
    height: 7.3rem;
    line-height: 6.5rem;
    background: #A00039;
    right:0px;
    color:white;
    display:none;
}


.map-search-bar i {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
}

.map-search-bar__close i {
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 0.7em;
}


@-webkit-keyframes mapsResultView {
    0% {
      display: block !important; }
    100% {
      right: 0px; } }

  @-moz-webkit-keyframes mapsResultView {
    0% {
      display: block !important; }
    100% {
      right: 0px; } }

  @-o-webkit-keyframes mapsResultView {
    0% {
      display: block !important; }
    100% {
      right: 0px; } }

  @keyframes mapsResultView {
    0% {
      display: block !important; }
    100% {
      right: 0px; } }

  @-webkit-keyframes mapsResultViewHide {
    0% {
      right: 0;
      display: block !important; }
    20% {
      display: none; }
    100% {
      right: -5000px;
      display: none; } }

  @-moz-keyframes mapsResultViewHide {
    0% {
      right: 0;
      display: block !important; }
    20% {
      display: none; }
    100% {
      right: -5000px;
      display: none; } }

  @-o-keyframes mapsResultViewHide {
    0% {
      right: 0;
      display: block !important; }
    20% {
      display: none; }
    100% {
      right: -5000px;
      display: none; } }

  @keyframes mapsResultViewHide {
    0% {
      right: 0;
      display: block !important; }
    20% {
      display: none; }
    100% {
      right: -5000px;
      display: none; } }

  @-webkit-keyframes mapsMarkerZoomMedium {
    100% {
      width: 75px;
      height: 75px;
      border-width: 7px; } }

  @-moz-keyframes mapsMarkerZoomMedium {
    100% {
      width: 75px;
      height: 75px;
      border-width: 7px; } }

  @-o-keyframes mapsMarkerZoomMedium {
    100% {
      width: 75px;
      height: 75px;
      border-width: 7px; } }

  @keyframes mapsMarkerZoomMedium {
    100% {
      width: 75px;
      height: 75px;
      border-width: 7px; } }