.nectar_image_with_hotspots.no-img{
background-color:#333;
width:75%;
height:400px
}
.row .col .nectar_image_with_hotspots img:not([srcset]) {
max-width: 100%;
}
.row .nectar_image_with_hotspots img{
max-width:none;
width:100%;
margin-bottom:0
}
.nectar_image_with_hotspots{
position:relative;
line-height:0
}
.nectar_image_with_hotspots .nectar_hotspot_wrap{
position:absolute;
width:30px!important;
height:30px!important;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip{
position:relative;
display:block;
opacity:0;
z-index:900;
cursor:default;
background-color:#fff;
padding:23px;
max-width:250px;
transition:opacity 0.3s;
-webkit-transition:opacity 0.3s;
line-height:22px;
font-size:14px;
color:#666;
border-radius:10px;
pointer-events:none
}
.nectar_image_with_hotspots[data-tooltip-func="click"] .nectar_hotspot_wrap .open.nttip {
pointer-events: auto;
cursor: auto;
}
.nectar_image_with_hotspots[data-tooltip-func="click"] .nectar_hotspot_wrap .nttip{
transition:opacity 0.2s;
-webkit-transition:opacity 0.2s
}
.nectar_image_with_hotspots[data-tooltip_shadow="small_depth"] .nectar_hotspot_wrap .nttip{
box-shadow:0px 1px 4px rgba(0,0,0,0.15)
}
.nectar_image_with_hotspots[data-tooltip_shadow="medium_depth"] .nectar_hotspot_wrap .nttip{
box-shadow:0 20px 40px rgba(0,0,0,0.16),0 10px 25px rgba(0,0,0,0.1)
}
.nectar_image_with_hotspots[data-tooltip_shadow="large_depth"] .nectar_hotspot_wrap .nttip{
box-shadow:0 30px 102px rgba(0,0,0,0.33),0 20px 51px rgba(0,0,0,0.18)
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip h4, 
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip h3{
margin-bottom:4px
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="bottom"]{
margin-top:42px;
margin-left:6px;
-ms-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transform:translateX(-50%)
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="top"]{
margin-top:-20px;
margin-left:6px;
-ms-transform:translateX(-50%) translateY(-100%);
transform:translateX(-50%) translateY(-100%);
-webkit-transform:translateX(-50%) translateY(-100%)
}
body .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position].force-top{
margin-top:-20px;
margin-left:6px;
-ms-transform:translateX(-50%) translateY(-100%);
transform:translateX(-50%) translateY(-100%);
-webkit-transform:translateX(-50%) translateY(-100%)
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="left"]{
margin-left:-50px!important;
margin-top:6px;
-ms-transform:translateX(-100%) translateY(-50%)!important;
transform:translateX(-100%) translateY(-50%)!important;
-webkit-transform:translateX(-100%) translateY(-50%)!important;
}
body .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position].force-left{
margin-left:-20px;
margin-top:6px;
-ms-transform:translateX(-100%) translateY(-50%);
transform:translateX(-100%) translateY(-50%);
-webkit-transform:translateX(-100%) translateY(-50%)
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="right"]{
margin-left:42px;
margin-top:6px;
-ms-transform:translateY(-50%)!important;
transform:translateY(-50%)!important;
-webkit-transform:translateY(-50%)!important;
}
body .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position].force-right {
margin-left:42px;
margin-top:6px;
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transform:translateY(-50%)
}
.nttip.empty-tip{
display:none!important
}
@media only screen and (min-width:690px){
.nectar_image_with_hotspots[data-tooltip-func="hover"] .nectar_hotspot:hover+.nttip{
opacity:1
}
.nectar_image_with_hotspots[data-tooltip-func="hover"] .nectar_hotspot:hover span{
transform:rotate(90deg);
-webkit-transform:rotate(90deg)
}
.nectar_image_with_hotspots[data-tooltip-func="click"] .nectar_hotspot.open span{
transform:rotate(45deg);
-webkit-transform:rotate(45deg)
}
.nectar_image_with_hotspots[data-animation="true"] .nectar_hotspot_wrap{
opacity:0;
transform:translateY(80px);
-webkit-transform:translateY(80px)
}
.nectar_image_with_hotspots[data-animation="true"] .nectar_hotspot_wrap.animated-in{
-webkit-animation:nectarBounceIn .8s ease-out forwards;
animation:nectarBounceIn .8s ease-out forwards
}
.nectar_image_with_hotspots[data-tooltip-func="always_show"] .nectar_hotspot_wrap .nttip{
opacity:1;
width: 250px!important;
}
}
.nectar_image_with_hotspots .nttip.open{
opacity:1!important
}
.nectar_image_with_hotspots[data-hotspot-icon="plus_sign"] .nectar_hotspot span{
display:block;
pointer-events:none;
transition:transform 0.3s;
-webkit-transition:-webkit-transform 0.3s;
width:22px;
height:22px
}
.nectar_image_with_hotspots[data-hotspot-icon="plus_sign"][data-tooltip-func="click"] .nectar_hotspot span{
transition:transform 0.2s;
-webkit-transition:-webkit-transform 0.2s
}
.nectar_image_with_hotspots[data-hotspot-icon="plus_sign"] .nectar_hotspot span:before{
position:absolute;
display:block;
height:2px;
width:10px;
left:6px;
top:10px;
content:' ';
background-color:#fff
}
.nectar_image_with_hotspots[data-hotspot-icon="plus_sign"] .nectar_hotspot span:after{
position:absolute;
display:block;
height:10px;
width:2px;
left:10px;
top:6px;
content:' ';
background-color:#fff
}
.nectar_image_with_hotspots .nectar_hotspot{
height:22px;
width:22px;
border-radius:100px;
position:absolute;
z-index:100;
cursor:pointer;
line-height:22px;
text-align:center;
color:#fff;
font-size:11px;
display:block
}
.nectar_image_with_hotspots[data-stlye="color_pulse"] .nectar_hotspot{
background-color:#27CFC3
}
.nectar_image_with_hotspots[data-stlye="color_pulse"] .nectar_hotspot:before{
display:block;
position:absolute;
top:50%;
left:50%;
content:'';
width:22px;
height:22px;
margin:-11px auto auto -11px;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
border-radius:50%;
background-color:inherit;
opacity:1;
z-index:-1;
pointer-events:none
}
.nectar_image_with_hotspots[data-stlye="color_pulse"][data-hotspot-icon="numerical"] .nectar_hotspot.pulse:before, 
.nectar_image_with_hotspots[data-stlye="color_pulse"][data-hotspot-icon="plus_sign"] .nectar_hotspot:before{
-webkit-animation:pulsate 3s cubic-bezier(0.2,1,0.2,1) infinite;
animation:pulsate 3s cubic-bezier(0.2,1,0.2,1) infinite
}
@media only screen and (min-width:690px){
.nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot{
height:30px;
width:30px;
line-height:30px;
font-size:14px
}
.nectar_image_with_hotspots[data-size="medium"][data-hotspot-icon="plus_sign"] .nectar_hotspot span{
height:30px;
width:30px
}
.nectar_image_with_hotspots[data-size="medium"][data-hotspot-icon="plus_sign"] .nectar_hotspot span:before{
height:2px;
width:12px;
left:9px;
top:14px
}
.nectar_image_with_hotspots[data-size="medium"][data-hotspot-icon="plus_sign"] .nectar_hotspot span:after{
height:12px;
width:2px;
left:14px;
top:9px
}
.nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="bottom"]{
margin-top:60px;
margin-left:15px
}
.nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="top"]{
margin-top:-30px;
margin-left:15px
}
.nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="left"]{
margin-left:-30px;
margin-top:15px
}
.nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="right"]{
margin-left:60px;
margin-top:15px
}
}
@media only screen and (max-width : 690px) { .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .inner {
transform: translateY(-50%) translateX(-50%) scale(0.8);
-webkit-transform: translateY(-50%) translateX(-50%) scale(0.8);
-webkit-transition: all 0.2s ease-in-out!important;
transition: all 0.2s ease-in-out!important;
top: 50%;
left: 50%;
position: absolute;
width: 60%;
text-align: center;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip.open .inner {
transform: translateY(-50%) translateX(-50%) scale(1);
-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip.open {
pointer-events: auto!important;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .tipclose {
position: absolute;
top: -50px;
left: 50%;
margin-left: -11px;
height: 22px;
width: 22px;
line-height: 22px;
border: 2px solid #000;
border-radius: 100px;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .tipclose span {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
display: block;
height: 18px;
width: 18px;
transform-origin: center;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .tipclose span:before {
position: absolute;
display: block;
height: 2px;
width: 10px;
left: 4px;
top: 8px;
content: ' ';
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .tipclose span:after {
position: absolute;
display: block;
height: 10px;
width: 2px;
left: 8px;
top: 4px;
content: ' ';
}
}