@charset "utf-8";
/* CSS Document */

.map-container {
          position: relative;
          width: 100%;
        }

        .map-container img {
          width: 100%;
          height: auto;
        }

/*Singapore button*/
        
.map-container .btn-sing {
  position: absolute;
  top: 60% !important;
  right: 24%;
  height: 40px;
  width: 40px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: transparent;
  color:transparent;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  opacity: 0.5;
}

.map-container .btn-sing:hover {
 font-size-adjust: 12px;
  background:transparent;
  border: none;
  outline: none !important;
}

.map-container .btn-sing:focus {
  background: transparent;
  border: none;
  outline: none !important;
}
  

  /*China button*/
        
      .map-container .btn-china {
        position: absolute;
        top: 42% !important;
        right: 24%;
        height: 40px;
        width: 40px;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background: transparent;
        color:transparent;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        opacity: 0.5;
      }

      .map-container .btn-china:hover {
       font-size-adjust: 12px;
        background:transparent;
        border: none;
        outline: none !important;
      }
      
      .map-container .btn-china:focus {
        background: transparent;
        border: none;
        outline: none !important;
      }

      /*Australia2 button*/
        
      .map-container .btn-australia2 {
        position: absolute;
        bottom: 21% !important;
        right: 19%;
        height: 40px;
        width: 40px;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background: transparent;
        color:transparent;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        opacity: 0.5;
      }

      .map-container .btn-australia2:hover {
       font-size-adjust: 12px;
        background:transparent;
        border: none;
        outline: none !important;
      }
      
      .map-container .btn-australia2:focus {
        background: transparent;
        border: none;
        outline: none !important;
      }

      /*Australia button*/
        
      .map-container .btn-australia {
        position: absolute;
        bottom: 16% !important;
        right: 16.5%;
        height: 40px;
        width: 40px;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background: transparent;
        color:transparent;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        opacity: 0.5;
      }

      .map-container .btn-australia:hover {
       font-size-adjust: 12px;
        background:transparent;
        border: none;
        outline: none !important;
      }
      
      .map-container .btn-australia:focus {
        background: transparent;
        border: none;
        outline: none !important;
      }

      /*Cyprus button*/
        
        .map-container .btn-cyprus {
          position: absolute;
          top: 47% !important;
          right: 41.5%;
          height: 40px;
          width: 40px;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background:transparent;
          color: transparent;
          font-size: 16px;
          padding: 12px 24px;
          border: none;
          cursor: pointer;
          border-radius: 5px;
          text-align: center;
          opacity: 0.5;
        }

        .map-container .btn-cyprus:hover {
         font-size-adjust: 12px;
          background:transparent;
          border: none;
          outline: none !important;
        }
        
        .map-container .btn-cyprus:focus {
          background: transparent;
          border: none;
          outline: none !important;
        }

         /*Florida button*/
        
        .map-container .btn-florida {
          position: absolute;
          top: 49.5% !important;
          left: 30%;
          height: 40px;
          width: 40px;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background: transparent;
          color: transparent;
          font-size: 16px;
          padding: 12px 24px;
          border: none;
          cursor: pointer;
          border-radius: 5px;
          text-align: center;
          opacity: 0.5;
        }

        .map-container .btn-florida:hover {
         font-size-adjust: 12px;
          background:transparent;
          border: none;
          outline: none !important;
        }
        
        .map-container .btn-florida:focus {
          background: transparent;
          border: none;
          outline: none !important;
        }

        /*London button*/
        .map-container .btn-london {
          position: absolute;
          top: 38% !important;
          left: 47.7%;
          height: 40px;
          width: 40px;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background: transparent;
          color: transparent;
          font-size: 16px;
          padding: 12px 24px;
          border: none;
          cursor: pointer;
          border-radius: 5px;
          text-align: center;
          opacity: 0.5;
        }

        .map-container .btn-london:hover {
         font-size-adjust: 12px;
          background: transparent;
          opacity: 0.2;
          border: none;
          outline: none !important;
        }
        
        .map-container .btn-london:focus {
          background: transparent;
          border: none;
          outline: none !important;
        }

        /*New York button*/
        .map-container .btn-newyork {
          position: absolute;
          top: 41% !important;
          left: 33%;
          height: 40px;
          width: 40px;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background: transparent;
          color: transparent;
          font-size: 16px;
          padding: 12px 24px;
          border: none;
          cursor: pointer;
          border-radius: 5px;
          text-align: center;
          opacity: 0.5;
        }

        .map-container .btn-newyork:hover {
         font-size-adjust: 12px;
          background: transparent;
          opacity: 0.2;
          border: none;
          outline: none !important;
        }
        
        .map-container .btn-newyork:focus {
          background: transparent;
          border: none;
          outline: none !important;
        }

        .img {
            width: 100%;
        }

        div.polaroid {
          width: 200%;
          background-color: white;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          margin-bottom: 25px;
        }

        @media only screen and (max-width: 768px) {
            .map-container .btn-cambodia {
              height: 40px;
              width: 80px!important;
            }
            .map-container .btn-london {
              height: 40px;
              width: 60px!important;
            }
            .map-container .btn-newyork {
              height: 40px;
              width: 60px!important;
            }
        }