.interactive_map {
  position: relative; }
  .interactive_map img {
    width: 100%; }
  .interactive_map .marker {
    position: absolute;
    width: 7.4%;
    height: 26%;
    top: 14%;
    left: 4%;
    cursor: pointer; }
    .interactive_map .marker.new_york_image {
      left: 21.4%;
      top: 31%;
      width: 11.4%;
      height: 39.5%; }
    .interactive_map .marker.london_image {
      left: 46.6%;
      top: 1%;
      width: 6.8%;
      height: 23.5%; }
    .interactive_map .marker.paris_image {
      left: 48.8%;
      top: 28%;
      width: 8.7%;
      height: 30.4%; }
    .interactive_map .marker.dubai_image {
      left: 64.8%;
      top: 16%;
      width: 8%;
      height: 28.4%; }
    .interactive_map .marker.beijing_image {
      left: 76.8%;
      top: 13%;
      width: 6.3%;
      height: 22.4%; }
    .interactive_map .marker.tokyo_image {
      left: 86.5%;
      top: 5%;
      width: 9%;
      height: 30.4%; }
    .interactive_map .marker.melbourne_image {
      left: 88.2%;
      top: 58%;
      width: 7.5%;
      height: 26.4%; }
    @media screen and (max-width: 959px) {
      .interactive_map .marker {
        display: none !important; } }
  .interactive_map .pop_up {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    max-width: 60%;
    max-height: 100%;
    height: 100%;
    z-index: 10;
    background: #fff;
    width: 100%;
    transition: opacity 0.5s ease; }
    .interactive_map .pop_up.show_pop {
      opacity: 1; }
    .interactive_map .pop_up img {
      width: auto;
      max-width: 100%;
      max-height: 100%;
      /*height: 100%;*/
      max-height: 100%; }
    @media screen and (min-width: 1400px) {
      .interactive_map .pop_up {
        max-width: 80%; } }
    @media screen and (max-width: 959px) {
      .interactive_map .pop_up {
        display: none !important; } }