.popover-dot{
        width:48px;
        height:48px;
        cursor:pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        position:absolute;
        margin:5px 0 0 5px;
        z-index:100;
        -ms-transform:translate(-50%);
        transform:translate(-50%)
    }
    .popover-dot::after,.popover-dot::before{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        border-radius:50%
    }
    .popover-dot::before{
        opacity:0;
        width:10px;
        height:10px;
        margin-top:-1px;
        margin-left:-1px;
        -ms-transform-origin:50%;
        transform-origin:50%;
        animation:popover-dot-animation 1s infinite;
        animation-fill-mode:forwards
    }
    .popover-dot::after{
    position: absolute;
    content: '';
    background: #2ba2ff;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    right: 70px;
    bottom: 36px;
    box-shadow: 0 0 0px 10px #dee2e69c;
    -webkit-animation: zoom-fade-two 5s infinite linear;
    animation: zoom-fade-two 5s infinite linear;
    }
    .popover{
        padding:20px;
        color:#fff;
        border:none;
        background-color:#333
    }
    .popover.fade{
        animation:scaleDown .2s cubic-bezier(0,0,.2,1)
    }
    .popover.fade.in{
        animation:scale .2s cubic-bezier(0,0,.2,1)
    }
    .popover.top{
        margin-top:-3px;
        margin-left:4px
    }
    .popover.top .arrow{
        border-right-color:transparent
    }
    .popover.top .arrow::after{
        border-top-color:#333
    }
    .popover.bottom{
        margin-left:4px
    }
    .popover.bottom .arrow{
        border-bottom-color:#333
    }
    .popover.bottom .arrow::after{
        border-bottom-color:#333
    }
    .popover.left{
        margin-top:4px;
        margin-left:-3px
    }
    .popover.left .arrow{
        border-left-color:#333
    }
    .popover.left .arrow::after{
        border-left-color:#333
    }
    .popover.right{
        margin-top:4px
    }
    .popover.right .arrow{
        border-right-color:#333
    }
    .popover.right .arrow::after{
        border-right-color:#333
    }
    .popover .popover-title{
        padding:0;
        margin-bottom:10px;
        color:#fff;
        font-family:Sailec-Medium,Helvetica,sans-serif;
        font-size:1rem;
        font-weight:500;
        background-color:transparent;
        border-bottom:none
    }
    .popover .popover-content,.popover .popover-content p{
        padding:0;
        margin:0;
        line-height:1.29;
        border:none;
        font-size:.875rem;
        font-family:National-Book,Helvetica,sans-serif;
        color:rgba(255,255,255,.75)
    }