.dialog-container{
    background:rgba(0,0,0,0.2);
    position:fixed;
    width:100%;
    height:100%;
    z-index:100;
    display:none;
    top:0;
}
.dialog{
    margin:100px auto;
    background:white;
    width:800px;
    border-radius:1rem;
    max-height: calc(100% - 200px);
    vertical-align: top;
     box-shadow: 0.3rem 0.3rem 0.3rem #999;
   
}
.dialog-content{
    padding:1rem;
}
.dialog img{
  width:100%;
  height:100%;
  vertical-align:top;
}
.dialog-close-button{
    width:2rem;
    position:relative;
    margin-left: calc(100% - 2rem);
    margin-top:-20px;
    display:inline-block;
    background:#0066cc;
    padding:5px;
    color:white;
    text-decoration: none;
    text-align:center;
    border-radius: 1rem;   
    cursor:pointer;
}
.dialog-top-bar{
    
}
.dialog-top-bar a{
    
}
.dialog-title{
    background:#0066cc;
    color:white;
    padding:1rem;
    border-radius:1rem 1rem 0  0;
}
.dialog-content{
    padding:1rem;
}

.sb-slider{
    width:100%;
    display: flex;
    overflow:hidden;
}
.sb-slider .row{
    padding: 100px;
}

.sb-wzp-widget{
    background:#009900;
    color:white;
    position:fixed;
    top: calc( 100% - 100px);
    left: calc(100% - 100px);
    padding:0.5rem;
    border-radius: 150px;
    z-index:10;
}
.sb-wzp-widget a{
    color:white;
}

@media screen and ( max-width: 1000px){
    .dialog{
        width: calc(100%);
    }
}