@charset "utf-8";
/* CSS Document */
.marker-text
{
   background: #ffff;
   color: #001c36;
    border: none;
    font-weight: bold;
    padding: 4px;
    line-height: 36px;
    opacity: 0.8;
    font-size: 16px;
}

.hidepopup
{
	display:none !important;
	opacity:0;
}

.showpopup
{
	display:block important;
	opacity:1;
}

.marker_Wilton {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 35%;
    top: 23%;
    background: url(../images/marker-icons-02.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
 .markerstring_Wilton {
  display: none;
  width:auto;
   height: 3.4%;
   left: 37%;
   top: 28%;
   background-size: 15% auto;
 }
 
  .markerpopup_Wilton{
    display: none;
    width: 440px;
    height: 380px;
    left: 38.2%;
    top: 24%;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
 }
 

 .markerpopup_Wilton.arrow-left:after {
    content: " ";
    position: absolute;
    left: -40px;
    top: 16px;
    border-top: 30px solid transparent;
    border-right: 40px solid #FFF;
    border-left: none;
    border-bottom: 30px solid transparent;
}




.marker_Wiltonpark {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 33.5%;
    top: 23%;
    background: url(../images/marker-icons-03.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
 .markerstring_Wiltonpark {
  display: none;
  width:auto;
   height: 3.4%;
   left: 37%;
   top: 28%;
   background-size: 15% auto;
 }
 
  .markerpopup_Wiltonpark{
    display: none;
    width: 440px;
    height: 463px;
    left: 36.3%;
    top: 22.5%;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
 }
 

 .markerpopup_Wiltonpark.arrow-left:after {
    content: " ";
    position: absolute;
    left: -40px;
    top: 16px;
    border-top: 30px solid transparent;
    border-right: 40px solid #FFF;
    border-left: none;
    border-bottom: 30px solid transparent;
}

 
  .marker_belgravia {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 65.4%;
    top: 20.6%;
    background: url(../images/marker-icons-06.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_belgravia{
    display: none;
    width:auto;
    height: 2%;
    left: 66.8%;
    top: 25.9%;
    background-size: 15% auto;
 }
 
  .markerpopup_belgravia{
    display: none;
    width: 440px;   
	height: 380px;
    left: 65.1%;
    top: 23.9%;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
   
 }
 
  .markerpopup_belgravia.arrow-top {
  margin-top: 40px;
}

.markerpopup_belgravia.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}
 
 .marker_somerset {
    display: block;
    width: 2.5%;
    height: 8.4%;
   left: 58%;
    top: 22.7%;
   background: url("../images/marker-icons-05.svg") center center no-repeat transparent;
   background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_somerset {
  display: none;
  width:auto;
   height: 3.4%;
left: 50%;
    top: 27.4%;
   background-size: 15% auto;
 }
 
 
  .markerpopup_somerset{
  display: none;
    width: 440px;  
	height: 380px;
  left: 57.5%;
    top: 26.7%;
  background-size: 15% auto;
  background-color: #ffffff;
  position: absolute;
  	padding:10px;
	z-index:5;
  
}
 
 
 .markerpopup_somerset.arrow-top {
  margin-top: 40px;
}

.markerpopup_somerset.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}

 .marker_dt1 {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 39.4%;
    top: 37%;
   background: url("../images/marker-icons-01.svg") center center no-repeat transparent;
   background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_dt1 {
  display: none;
  width:auto;
   height: 3.4%;
   left: 30.6%;
    top: 41%;
   background-size: 15% auto;
 }
 
  .markerpopup_dt1 {
  display: none;
   width: 440px;  
   height: 380px;
  left: 42.5%;
  top: 37.9%;
  background-size: 15% auto;
  background-color: #ffffff;
  position: absolute;
  	padding:10px;
	z-index:5;
 }
 
 
  .markerpopup_dt1.arrow-left:after {
    content: " ";
    position: absolute;
    left: -40px;
    top: 16px;
    border-top: 30px solid transparent;
    border-right: 40px solid #FFF;
    border-left: none;
    border-bottom: 30px solid transparent;
}

 .marker_ehvilla {
  display: block;
    width: 2.5%;
    height: 8.4%;
    left: 63.3%;
    top: 34%;
   background: url("../images/marker-icons-13.svg") center center no-repeat transparent;
   background-size: 140% auto;
	z-index:3;
 }
 
 
  .markerstring_ehvilla {
  display: none;
  width: auto;
    height: 3.4%;
    left: 54.3%;
    top: 38%;
   background-size: 15% auto
 }

 .markerpopup_ehvilla {
 display: none;
   width: 440px;   
   height: 380px;
  left: 66.4%;
    top: 34%;
  background-size: 15% auto;
  background-color: #ffffff;
  position: absolute;
  	padding:10px;
	z-index:5;
 }

  .markerpopup_ehvilla.arrow-left:after {
    content: " ";
    position: absolute;
    left: -40px;
    top: 16px;
    border-top: 30px solid transparent;
    border-right: 40px solid #FFF;
    border-left: none;
    border-bottom: 30px solid transparent;
}



 .marker_palmisland {
  display: block;
    width: 2.5%;
    height: 8.4%;
   left: 50.8%;
    top: 65.8%;
   background: url("../images/marker-icons-04.svg") center center no-repeat transparent;
   background-size: 140% auto;
	z-index:3;
 }
 
 
  .markerstring_palmisland {
  display: none;
  width: auto;
    height: 3.4%;
    left: 39.5%;
    top: 70%;
   background-size: 15% auto
 }


.markerpopup_palmisland {
display: none;
   width: 455px;  
   height: 380px;
  left: 54.2%;
    bottom: 27%;
  background-size: 15% auto;
  background-color: #ffffff;
  position: absolute;
  	padding:10px;
	z-index:5;
 }
 
 
   .markerpopup_palmisland.arrow-left:after {
    content: " ";
    position: absolute;
    left: -40px;
    bottom: 11px;
    border-top: 30px solid transparent;
    border-right: 40px solid #FFF;
    border-left: none;
    border-bottom: 30px solid transparent;
}

 .marker_belgravia2 {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 62.7%;
    top: 23.5%;
    background: url(../images/marker-icons-07.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_belgravia2{
    display: none;
    width:auto;
    height: 2%;
    left: 65.5%;
    top: 25.9%;
    background-size: 15% auto;
 }
 
  .markerpopup_belgravia2{
    display: none;
    width: 440px;   
	height: 380px;
    left: 62.3%;
    top: 26.5%;;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
   
 }
 
 
   .markerpopup_belgravia2.arrow-top {
  margin-top: 40px;
}

.markerpopup_belgravia2.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}
 
 
 
  .marker_belgravia3 {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 61.5%;
    top: 24%;
    background: url(../images/marker-icons-08.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_belgravia3{
    display: none;
    width:auto;
    height: 2%;
    left: 64.3%;
    top: 29%;
    background-size: 15% auto;
 }
 
  .markerpopup_belgravia3{
    display: none;
    width: 440px;    
	height: 380px;
    left: 61.1%;
    top: 27%;;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
   
 }
 
 
    .markerpopup_belgravia3.arrow-top {
  margin-top: 40px;
}

.markerpopup_belgravia3.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}
 
 
   .marker_eatonpalace {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 60%;
    top: 25%;
    background: url(../images/marker-icons-09.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_eatonpalace{
    display: none;
    width:auto;
    height: 2%;
    left: 54%;
    top: 29.4%;
    background-size: 15% auto;
 }
 
  .markerpopup_eatonpalace{
    display: none;
    width: 440px;   
	height: 380px;
    left: 59.5%;
    top: 28%;;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
   
 }

    .markerpopup_eatonpalace.arrow-top {
  margin-top: 40px;
}

.markerpopup_eatonpalace.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}

 
   .marker_belheights {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 60.5%;
    top: 19%;
    background: url(../images/marker-icons-10.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_belheights{
    display: none;
    width:auto;
    height: 2%;
    left: 51%;
    top: 21%;
    background-size: 15% auto;
 }
 
  .markerpopup_belheights{
    display: none;
    width: 440px;   
	height: 380px;
    left: 60.1%;
    top: 22%;;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
   
 }
 
 
     .markerpopup_belheights.arrow-top {
  margin-top: 40px;
}

.markerpopup_belheights.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}


   .marker_belheights2 {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 62.2%;
    top: 18%;
    background: url(../images/marker-icons-11.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
  .markerstring_belheights2{
    display: none;
    width:auto;
    height: 2%;
    left: 65%;
    top: 19%;
    background-size: 15% auto;
 }
 
  .markerpopup_belheights2{
    display: none;
    width: 440px; 
	height: 380px;
    left: 61.9%;
    top: 21%;;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
   
 }

 .markerpopup_belheights2.arrow-top {
  margin-top: 40px;
}

.markerpopup_belheights2.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}


 .marker_belsquare {
    display: block;
    width: 2.5%;
    height: 8.4%;
    left: 64.4%;
    top: 22.5%;
    background: url(../images/marker-icons-12.svg) center center no-repeat transparent;
    background-size: 140% auto;
	z-index:3;
 }
 
   .markerpopup_belsquare{
    display: none;
    width: 440px; 
	height: 380px;
    left: 63.9%;
    top: 25%;
    background-size: 15% auto;
    background-color: #ffffff;
    position: absolute;
	padding:10px;
	z-index:5;
   
 }
 
 
  .markerpopup_belsquare.arrow-top {
  margin-top: 40px;
}

.markerpopup_belsquare.arrow-top:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -36px;
    border-top: none;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 39px solid #FFF;
}