


.nectar-view-indicator{position:fixed;z-index:400;left:-47px;top:-47px;pointer-events:none;width:94px;height:94px;/*mix-blend-mode:difference;will-change:transform*/}.nectar-drag-indicator{position:fixed;z-index:400;left:-26px;top:-26px;pointer-events:none;width:52px;height:52px;mix-blend-mode:difference;will-change:transform}.nectar-drag-indicator.color-dark,.nectar-drag-indicator.color-light{mix-blend-mode:normal}.nectar-drag-indicator.color-dark:before{border:2px solid #000}.nectar-drag-indicator.color-dark i{color:#000}.nectar-drag-indicator:before{border:2px solid #fff;width:100%;height:100%;display:block;content:"";position:absolute;left:-2px;top:-2px;transform:scale(.2);opacity:0;border-radius:50%}.nectar-drag-indicator span{position:absolute;top:50%;left:0;display:block;width:100%;text-align:center;transform:translateY(-50%)}.nectar-drag-indicator i{top:0;color:#fff;font-size:16px;opacity:0;position:absolute}.nectar-drag-indicator i.fa-angle-left{left:-22px;top:-9px;transform:translateX(17px)}.nectar-drag-indicator i.fa-angle-right{right:-22px;top:-9px;transform:translateX(-17px)}.nectar-drag-indicator:before,.nectar-view-indicator .color-circle{transition:transform .45s ease,opacity .3s ease}.nectar-drag-indicator i{transition:transform .2s ease,opacity .2s ease}.nectar-view-indicator span{transition:opacity .2s ease}.nectar-drag-indicator.visible i{transition:transform .45s ease,opacity .3s ease}.nectar-drag-indicator.visible i.fa-angle-left,.nectar-drag-indicator.visible i.fa-angle-right,.nectar-drag-indicator.visible:before,.nectar-view-indicator.visible .color-circle,.nectar-view-indicator.visible span{transform:scale(1);opacity:1}.nectar-drag-indicator.visible.pointer-down:before{transform:scale(.8);transition:transform .25s ease-out,opacity .3s ease}.nectar-view-indicator:not(.style-see-through){mix-blend-mode:normal}.nectar-drag-indicator.blurred-bg .color-circle,.nectar-view-indicator.blurred-bg .color-circle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nectar-view-indicator .color-circle{background-color:#000;width:100%;height:100%;display:block;content:"";position:absolute;left:-2px;top:-2px;transform:scale(.2);opacity:0;border-radius:50%}body .nectar-view-indicator span{opacity:0;font-size:16px;color:#fff;line-height:94px;text-align:center;width:100%;display:inline-block}.nectar-view-indicator.style-see-through .color-circle{background-color:transparent;border:2px solid #fff}.nectar-drag-indicator.in-boxed,.nectar-view-indicator.in-boxed{z-index:10000}.nectar-view-indicator.style-tooltip_text{left:12px;top:12px;width:auto;height:auto;line-height:1;padding:7px 14px}.nectar-view-indicator.style-tooltip_text .color-circle{width:100%;height:100%;display:block;position:absolute;left:0;top:0;opacity:0;border-radius:var(--nectar-border-radius);transform:scale(.65);transition:transform .2s ease-in-out,opacity .2s ease-in-out}.nectar-view-indicator.style-tooltip_text span{opacity:0;position:relative;top:0;left:0;line-height:1;font-size:14px;transform:none;transition:opacity .2s ease-in-out}.nectar-view-indicator.style-tooltip_text.visible .color-circle{transform:scale(1)}.nectar-view-indicator.style-tooltip_text.visible .color-circle,.nectar-view-indicator.style-tooltip_text.visible span{opacity:1}



.nectar-view-indicator{width: 144px; height: 144px; overflow: hidden;}
.nectar-view-indicator .color-circle{border: none !important; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nectar-view-indicator .color-circle:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/btns-bg1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; animation: Ani1 10s linear infinite;
    -webkit-animation: Ani1 10s linear infinite;}
.nectar-view-indicator .inner-layer{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -999px;}
.nectar-view-indicator .inner-layer:after{content: ''; position: absolute; left: 50%; top: 50%; width: 27px; height: 24px; background: url(../images/icon-next1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
@media only screen and (max-width: 1599px) {
    .nectar-view-indicator{bottom: 64px; width: 114px; height: 114px;}
    .nectar-view-indicator .inner-layer:after{width: 22px; height: 18px;}
}
@media only screen and (max-width: 1199px) {
    .nectar-view-indicator{display: none !important;}
}

