                    <div class="map-2">
                        <div id="google-map" class="map_model"></div>
                        <ul class="map_locations">
                            <li data-x="6.708405" data-y="46.179112">
                        <p>The Rhodos Bar and Restaurant<span>Morzine, France</span></p>
                            </li>
                        </ul>
                    </div>


    var o = document.getElementById("google-map");
    if (o) {
        include('//maps.google.com/maps/api/js?sensor=false');
        include('js/jquery.rd-google-map.js');

        $(document).ready(function () {
            var o = $('#google-map');
            if (o.length > 0) {
                o.googleMap({styles: [{"featureType":"water","stylers":[{"saturation":43},{"lightness":-11},{"hue":"#0088ff"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"hue":"#ff0000"},{"saturation":-100},{"lightness":99}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"color":"#808080"},{"lightness":54}]},{"featureType":"landscape.man_made","elementType":"geometry.fill","stylers":[{"color":"#ece2d9"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#ccdca1"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#767676"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]},{"featureType":"poi","stylers":[{"visibility":"off"}]},{"featureType":"landscape.natural","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#b8cb93"}]},{"featureType":"poi.park","stylers":[{"visibility":"on"}]},{"featureType":"poi.sports_complex","stylers":[{"visibility":"on"}]},{"featureType":"poi.medical","stylers":[{"visibility":"on"}]},{"featureType":"poi.business","stylers":[{"visibility":"simplified"}]}] });
            }
        });
    }



/*==================  GOOGLE MAP  ======================*/
.map {
  position: relative;
  -moz-transform: rotate(-6deg) translateY(-102px);
  -ms-transform: rotate(-6deg) translateY(-102px);
  -o-transform: rotate(-6deg) translateY(-102px);
  -webkit-transform: rotate(-6deg) translateY(-102px);
  transform: rotate(-6deg) translateY(-102px);
  height: 268px;
  color: #232323;
}
.map .map_wrap {
  position: absolute;
  top: -5px;
  bottom: -1px;
  left: -100px;
  right: -100px;
  clip: rect(0, auto, 600px, 0);
  background: #232323;
}
.map .map_model {
  position: absolute;
  top: -103px;
  height: auto;
  bottom: -101px;
  left: 0;
  right: 0;
  background: #232323;
  transform: rotate(6deg) !important;
  -moz-transform: rotate(6deg) !important;
  -ms-transform: rotate(6deg) !important;
  -o-transform: rotate(6deg) !important;
  -webkit-transform: rotate(6deg) !important;
  transform: rotate(6deg) !important;
}
.map .map_model img {
  max-width: none !important;
}
.map_locations {
  display: none;
}
@media (max-width: 767px) {
  .map {
    height: 250px;
  }
}
@media (max-width: 479px) {
  .map {
    height: 200px;
  }
  .map .iw-content p {
    max-width: 200px;
  }
}

.map-2 {
  height: 542px;
  color: #232323;
}
.map-2 .map_model {
  width: 100%;
  height: 100%;
}
.map-2 .map_model img {
  max-width: none !important;
}
@media (max-width: 767px) {
  .map-2 {
    height: 250px;
  }
}
@media (max-width: 479px) {
  .map-2 {
    height: 200px;
  }
}