.novi-backdrop{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:7000;
    position:fixed;
    overflow-x:hidden;
    overflow-y:auto;
    background:rgba(0,0,0,0.75);
    opacity:0;
    animation-name:fadeIn;
    animation-duration:.4s;
    animation-fill-mode:forwards;
}
.novi-overlay{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.novi-overlay:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
}.novi-overlay__container{
    width:100%;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:8000;
    padding:0 15px;
}
.novi-overlay__content{
    position:relative;
    background:transparent;
    padding:40px 0;
    width:auto;
    margin:15px auto;
    width:100%;
    max-width:800px;
    animation-name:fadeZoomIn;
    animation-duration:.4s;
    opacity:0;
    animation-fill-mode:forwards;
    animation-timing-function:cubic-bezier(0.075,0.82,0.165,1);
}
.novi-overlay__content--video{
    padding:0;
    height:394px;
}
.novi-overlay__content--video .novi-overlay-close{
    top:-25px;
    right:0;
    background-image:url(close.svg);
}
.novi-overlay-close{
    padding:0;
    background:none;
    position:absolute;
    top:15px;
    right:0;
    display:block;
    width:15px;
    height:15px;
    z-index:1;
    border:0;
    background-size:100%;
    background-repeat:no-repeat;
    background-position:100% 0;
    background-image:url(close.svg);
}
.novi-overlay-close:hover,
.novi-overlay-close:focus,
.novi-overlay-close:active{
    outline:none;
    cursor:pointer;
}
.no-scroll{
    overflow:hidden;
}
@keyframes fadeZoomIn{from{opacity:0;transform:scale(0.5) translateY(300px);}to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.overlay-popup-cont {
    background: #fff;
    padding: 40px;
}