body {
     display: block;
     font-family: verdana, arial, sans-serif;
}
 .outer {
     background:
        url('/images/background.jpg') no-repeat center center fixed;
     /* Firefox 3.6+ */
     -moz-background-size: 100%;
     /* Safari 3.1+ & Chrome 4.0+ */
     -webkit-background-size: 100%;
     /* Opera 9.6+ */
     -o-background-size: 100%;
     /* Modern browsers */
     background-size: 100%;
     background-position: center;
     display: table;
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0px;
     right: 0px;
     margin: 0;
     padding: 0;
}
 .win-scroll {
     box-sizing: border-box;
}
 .flex-column {
}
 #lightbox {
     margin-top: clamp(40px, 4vw, 40px);
     margin-left: auto;
     margin-right: auto;
     position: relative;
     max-width: 440px;
     width: calc(100% - 40px);
     padding: 44px;
     margin-bottom: 28px;
     background-color: #fff;
     -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
     box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
     min-width: 320px;
     min-height: 338px;
     overflow: hidden;
}
 .lightbox-cover {
     background-color: white;
     opacity: 0;
     filter: alpha(opacity=0);
     z-index: -1;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     transition: all .5s ease-in;
     -o-transition: all .5s ease-in;
     -moz-transition: all .5s ease-in;
     -webkit-transition: all .5s ease-in;
}
 .banner-logo {
     max-height: 36px;
     vertical-align: middle;
     border: 0;
}
 .redirect-type-block {
     text-align: center;
     margin: 0;
     position: absolute;
     top: 80%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .no-js-content {
     min-width: 440px;
     padding-top: 1em;
}
 .middle {
    vertical-align: middle;
    display: table-cell;
    background-color: rgba(0,0,0,0.55);
}