.et-db #et-boc .et-l #et-fb-app .et_pb_module.dsm_image_hotspots_child {
position: absolute;
margin-bottom: 0;
}
.dsm_image_hotspots_wrap,
.dsm_image_hotspots_img_wrap {
position: relative;
line-height: 0;
}
.et-db #et-boc .et-l .dsm_image_hotspots_child.et_pb_with_border,
.dsm_image_hotspots_child.et_pb_with_border {
position: absolute;
}
.dsm_image_hotspots_child {
position: absolute;
display: block;
top: 40%;
left: 40%;
border-radius: 50px;
cursor: pointer;
z-index: 2;
}
.dsm_image_hotspots_child .dsm_image_hotspots_wrapper {
position: relative;
cursor: pointer;
font-size: 14px;
min-width: 14px;
min-height: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
border-style: solid;
border-width: 0px;
padding: 8px;
border-radius: 50px;
background-size: cover;
}
.dsm_image_hotspot_img {
border-style: solid;
}
.dsm_image_hotspots_text {
display: inline-block;
}
.dsm_image_hotspots_icon,
.dsm_image_hotspots_text,
.et-db #et-boc .et-l .et-pb-icon.dsm_image_hotspots_icon {
font-size: 14px;
line-height: 1;
color: #fff;
}
.dsm_image_tooltip_title {
padding-bottom: 0;
line-height: 1;
color: #fff;
} .dsm_image_hotspot_tooltip_wrapper {
pointer-events: auto !important;
line-height: 1.4em;
word-wrap: break-word;
color: #fff;
font-size: 13px;
overflow: visible !important
}
.dsm_image_hotspot_tooltip_wrapper .tippy-content {
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
border-radius: 3px;
max-width: 180px;
}
.dsm_image_hotspot_tooltip_wrapper .tippy-tooltip {
border-radius: 3px;
}
.dsm_image_hotspot_tooltip_wrapper.tippy-tooltip ul {
list-style-type: disc;
padding: 0 0 10px 1em;
line-height: 26px;
list-style-type: disc;
}
.dsm_image_hotspot_tooltip_wrapper.tippy-tooltip ol {
padding: 0 0 10px 0;
line-height: 26px;
list-style-position: inside;
list-style-type: decimal;
}
.dsm_image_hotspot_tooltip_wrapper .et_pb_button_wrapper {
margin-top: 15px;
}
.dsm_image_hotspot_pulse:before {
content: "";
display: block;
position: absolute;
z-index: -1;
transform: scale(1);
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50px;
pointer-events: none;
animation: pulse-grow 1.5s ease-in-out;
animation-iteration-count: infinite;
opacity: 0.0;
border-style: solid;
border-width: 0px;
}
@keyframes pulse-grow {
0% {
transform: scale(0.1, 0.1);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
transform: scale(1.5, 1.5);
opacity: 0.0;
}
} .tippy-box[data-animation=scale][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=scale][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=scale][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=scale][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=scale][data-state=hidden] {
transform: scale(.5);
opacity: 0
} .tippy-box[data-animation=shift-away][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
transform: translateY(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
transform: translateY(-10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
transform: translateX(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
transform: translateX(-10px)
}  .tippy-box[data-animation=shift-toward][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
transform: translateY(-10px)
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
transform: translateY(10px)
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
transform: translateX(-10px)
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
transform: translateX(10px)
} .tippy-box[data-animation=perspective][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
transform: perspective(700px) translateY(8px) rotateX(60deg)
}
.tippy-box[data-animation=perspective][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
transform: perspective(700px) translateY(-8px) rotateX(-60deg)
}
.tippy-box[data-animation=perspective][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
transform: perspective(700px) translateX(8px) rotateY(-60deg)
}
.tippy-box[data-animation=perspective][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
transform: perspective(700px) translateX(-8px) rotateY(60deg)
}
.tippy-box[data-animation=perspective][data-state=hidden] {
opacity: 0
}