/*UNITY STYLING*/
.webgl-content * {border: 0; margin:0; padding:0;}
.webgl-content {/*position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/}

.webgl-content #unityContainer{background-color:#262262!important;}
.webgl-content .logo, .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.webgl-content .logo {background: url('progressLogo.Light.png') no-repeat center / contain; width: 128px; height: 128px;}
.webgl-content .progress {height: 18px; width: 141px; margin-top: 90px;background-color:#262262;border:1px solid #ffffff;}
.webgl-content .progress .empty {/*background: url('progressEmpty.Light.png') no-repeat right / cover;*/ float: left!important; width: 400px; height: 100%; display: inline-block;background-color:green;display:none;}
.webgl-content .progress .full {/*background: url('progressFull.Light.png') no-repeat left / cover;*/ float: left!important; width: 0%; height: 100%; display: inline-block;background-color:#ffffff;}

.webgl-content .logo.Dark {background-image: url('progressLogo.Dark.png');}
.webgl-content .progress.Dark .empty {background-image: url('progressEmpty.Dark.png');}
.webgl-content .progress.Dark .full {background-image: url('progressFull.Dark.png');}

.webgl-content .footer {padding: 5px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 18px;background-color:#e2e3e4;height:48px;margin-top:-20px;z-index:4000;position:absolute;right: 0.75em;
    left: 0.75em;}
.webgl-content .footer .webgl-logo, .title, .fullscreen {height: 100%; display: inline-block; background: transparent center no-repeat;}
/*.webgl-content .footer .webgl-logo {background-image: url('webgl-logo.png'); width: 204px; float: left;}*/
.webgl-content .footer .title {margin-right: 10px; float: right;}
.webgl-content .footer .fullscreen {background-image: url('fullscreen-ab.png'); background-size:cover; width: 38px;height:38px; float: right;background-color:#54585a}

/*import fonts*/
@font-face {
    font-family: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotoregular') format('svg');
    font-weight: bold;
    font-style: bold;
}


/*CUSTOM STYLING*/
h1, h2, .h1, .h2 {
    font-family: "robotolight", "Arial", "sans-serif";
    font-weight: 100;
    font-size:28px;
    letter-spacing: -0.01em;
    
}
body {
    margin: 0;
    font-family: "robotoregular", "Arial", "sans-serif";
    font-size: 13px;
    line-height: 22px;
    color: #333333;
    background-color: #ffffff;
}
b, strong{font-family: "robotobold", "Arial", "sans-serif";}
.bg-blue{background-color:#262262;z-index:1;position:absolute;width:100%;}
.logo{width:256px; height:auto;border:0;outline:0;padding:1em 0;}
footer{bottom:0;position:absolute;width:100%;border-top:1px solid #e2e3e4;}
footer p{margin-bottom:0;}
.card{margin:0;padding:0;border:2px solid red;}
.page-wrap{height:100vh;position:relative;min-height:860px;}