.hs-area {
position:relative
}

.hs-wrap,.tt-wrap {
position:absolute;
display:none
}

.tt-wrap {
margin-left:15px;
z-index:1000
}

.tt-wrap.left {
top:-2px !important;
right:55px !important;
}

.tt-wrap.right {
top:-2px !important;
left:40px !important;
}

.tt-wrap.top {
bottom: 40px !important;
left: -20px !important;
}

.tt-wrap.bottom {
top: 40px !important;
left: -20px !important;
}

.invisible-spot,.red-spot,.onhover-spot {
background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.red-spot {
border:2px solid red;
opacity:.7;
box-shadow:0 0 10px #000
}

.red-spot.active {
box-shadow:0 0 5px #ff0d0d inset;
border-color:#ff0d0d;
opacity:.6
}

.shadow-spot {
box-shadow:0 0 20px #000
}

.shadow-spot.active {
box-shadow:0 0 50px #000
}

.glass-spot {
box-shadow:0 0 20px #fff
}

.glass-spot.active {
box-shadow:0 0 50px #fff
}

.sniper-spot {
background-color:red;
width:20px;
height:20px;
border-radius:20px;
z-index:10;
opacity:.8;
border:2px solid #752424;
box-shadow:0 0 12px #000 inset
}

.sniper-spot:before,.sniper-spot:after {
content:"";
position:absolute;
background-color:red
}

.sniper-spot:before {
top:3px;
left:11px;
width:2px;
height:19px
}

.sniper-spot:after {
top:11px;
left:3px;
width:19px;
height:2px
}

.sniper-spot.active:before,.sniper-spot.active:after {
width:0;
height:0
}

.sniper-spot.active {
border:2px solid #000;
background-color:#f99;
opacity:.4;
box-shadow:0 0 10px #000
}

.onhover-spot {
border:2px solid transparent
}

.onhover-spot.active {
border:2px solid red;
opacity:.7;
box-shadow:0 0 10px #000
}

.img-spot img,.markup-spot div:last-child {
display:none
}

.tip-tooltip {
display:block;
border-radius:3px;
min-height:20px;
min-width:30px;
max-width:400px;
background-color:#fff;
overflow:visible;
color:#fff;
box-shadow:0 0 10px #000;
position: relative;
padding:0 0 5px 0;
}

.tip-tooltip:before {
content:"";
position:absolute;
border:8px solid #ed1944;
width:0;
height:0;
z-index:999
}

.tip-tooltip.transparent {
opacity:.8
}

.tip-tooltip.right:before {
top:10px;
right:100%;
border-color:transparent #ed1944 transparent transparent
}

.tip-tooltip.left:before {
top:10px;
left:100%;
border-color:transparent transparent transparent #ed1944
}

.tip-tooltip.top:before {
top:100%;
left:12px;
border-color:#fff transparent transparent
}

.tip-tooltip.bottom:before {
bottom:100%;
left:12px;
border-color:transparent transparent #ed1944
}

.tip-tooltip.white {
background-color:#fff;
color:#000
}

.tip-tooltip.white.right:before {
border-color:transparent #fff transparent transparent
}

.tip-tooltip.white.left:before {
border-color:transparent transparent transparent #fff
}

.tip-tooltip.white.top:before {
border-color:#fff transparent transparent
}

.tip-tooltip.white.bottom:before {
border-color:transparent transparent #fff
}

.bubble-tooltip {
display:block;
position:relative;
background-color:#fff;
color:#000;
border-radius:10px;
box-shadow:0 0 10px #fff;
padding:10px 5px 8px;
opacity:.8;
z-index:999;
min-height:20px;
min-width:30px
}

.bubble-tooltip:before {
content:"";
position:absolute;
background-color:#fff;
border:1px solid #e2e2e2;
border-radius:20px;
bottom:-10px;
left:9px;
height:16px;
width:20px
}

.bubble-tooltip:after {
content:"";
position:absolute;
background-color:#fff;
border:1px solid #e2e2e2;
border-radius:20px;
bottom:-17px;
left:18px;
height:9px;
width:11px
}

.aim-tooltip {
display:none;
position:absolute;
background-color:#000;
color:#fff;
padding:6px
}

.aim-tooltip .tt-content {
display:none
}

.aim-tooltip.top {
border-radius:10px 10px 0 0
}

.aim-tooltip.right {
border-radius:0 10px 10px 0
}

.aim-tooltip.bottom {
border-radius:0 0 10px 10px
}

.aim-tooltip.left {
border-radius:10px 0 0 10px
}

.hs-aim-rect,.hs-aim-pillar {
display:none;
position:absolute;
background-color:#000;
opacity:.75;
z-index:1000
}

.hs-aim-pillar {
opacity:.2;
z-index:1001;
background-color:#fff
}

.hs-flatten {
border-radius:0!important
}