.hotspot_dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1990;display:none}
.hotspot .hotspot_wrap{position:absolute;z-index:5;display:none}
.hotspot .btn_hotspot{position:relative;display:inline-block;width:60px;height:60px;overflow:hidden;vertical-align: top;z-index: 6;}
.hotspot .btn_hotspot span.cir{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;display:inline-block;width:40px;height:40px;background:url('/content/dam/kwcms/au/en/images/showroom/hotspot/btn_hotspot.png') no-repeat center center;background-size:40px 40px;border-radius:100px;text-indent:-300px}
.hotspot .btn_hotspot span.border{position:absolute;top:50%;left:50%;width:56px;height:56px;margin-top:-28px;margin-left:-28px;border-radius:50%;border:3px solid #bb1625;
-moz-animation-name:borderAni;-moz-animation-duration:3s;-ms-animation-name:borderAni;-ms-animation-duration:3s;-webkit-animation-name:borderAni;-webkit-animation-duration:3s;-o-animation-name:borderAni;-o-animation-duration:3s;animation-name:borderAni;animation-duration:3s;animation-iteration-count:infinite;box-sizing:border-box;animation-timing-function:ease-in-out;opacity:0}

@-moz-keyframes borderAni{
0%{opacity:0}
40%{opacity:1}
100%{opacity:0}
}
@-ms-keyframes borderAni{
  0%{opacity:0}
  40%{opacity:1}
  100%{opacity:0}
}
@-webkit-keyframes borderAni{
  0%{opacity:0}
  40%{opacity:1}
  100%{opacity:0}
}
@-o-keyframes borderAni{
  0%{opacity:0}
  40%{opacity:1}
  100%{opacity:0}
}
@keyframes borderAni{
  0%{opacity:0}
  40%{opacity:1}
  100%{opacity:0}
}


.layer_hotspot{position:absolute;top:0;display:inline-block;padding:20px;width:275px;background-color:rgba(255,255,255,0.7);vertical-align:top;z-index:10;display:none}
.layer_hotspot h3{font-size:30px;line-height:1.1;font-family:'KiaB';padding-bottom:10px;border-bottom:2px solid #bb162b;font-weight:bold}
.layer_hotspot .layer_thumb{width:275px;margin:20px 0;height:auto}
.layer_hotspot p{font-size:14px;line-height:20px;max-height:200px;color:#000;overflow-y:auto}
.layer_hotspot .layer_close{position:absolute;display:block;top:-12px;right:-12px;display:inline-block;width:33px;height:33px;font-size:0;text-indent:-99999px;background:url('/content/dam/kwcms/au/en/images/showroom/hotspot/btn_close.png') no-repeat 50% 50%;background-size:33px 33px;z-index:2001px}

@media(max-width:1024px){


.layer_hotspot{position:absolute;top:0;left:50px;display:inline-block;padding:20px;width:30vw;background-color:rgba(255,255,255,0.7);vertical-align:top;z-index:10;display:none;min-height:350px;}

.layer_hotspot h3{font-size:20px;font-family:'KiaB';padding-bottom:10px;border-bottom:2px solid #bb162b}
.layer_hotspot .layer_thumb{width:100%;max-width:336px;margin:20px 0;height:auto}
.layer_hotspot p{font-size:14px;line-height:19px;min-hegight:66px;max-height:150px;color:#000}
.layer_hotspot .layer_close{position:absolute;display:block;top:-12px;right:-12px;display:inline-block;width:33px;height:33px}
.hotspot .btn_hotspot span.cir{margin-top:-20px;margin-left:-20px;width:40px;height:40px;background-size:40px 40px}
.hotspot .btn_hotspot span.border{width:56px;height:56px;margin-top:-28px;margin-left:-28px}
}
@media(max-width:768px){


.btn_hotspot{width:46px;height:46px}
.hotspot .btn_hotspot span.cir{margin-top:-15px;margin-left:-15px;width:30px;height:30px;background-size:30px 30px}
.hotspot .btn_hotspot span.border{width:48px;height:48px;margin-top:-24px;margin-left:-24px}
.layer_clone{position:absolute;left:50%;display:inline-block;padding:25px 15px;width:75%;min-height:300px;background-color:rgba(255,255,255,0.7);vertical-align:top;transform:translateX(-50%);display:none;z-index:2000}
.layer_clone h3{font-size:5vw}
.layer_clone .layer_thumb{width:100%;margin:15px auto;height:auto;display:block;max-width:inherit;}
.layer_clone p{font-size:14px;line-height:17px;max-height:120px;color:#000}
.layer_clone .layer_close{position:absolute;display:block;top:-8px;right:-8px;display:inline-block;width:33px;height:33px}
}