html { 
		height:100%; 
	}
		
	body { 
		height:100%; 
		overflow:hidden; 
		margin:0; 
		padding:0; 
		font-family: mainfont; 
		font-size:16px; 
		color:#FFFFFF;
		background: #000000;
	}

	#loadinginfo {
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		pointer-events:none;
		z-index:2;
		background: rgba(0,0,0,0);
		font-family:mainfont;
		font-size:14px;
		text-align: center;
		line-height:40px;
	}

	#gradient-top{
		  position: absolute;
		  left:0;
		  right:0;
		  top: 0;
		  width: 100%;
		  height: 100px;
		  background: rgb(0,0,0);
		  background: -moz-linear-gradient(0deg, rgba(4,13,30,0) 0%, rgba(4,13,30,1) 150%);
		  background: -webkit-linear-gradient(bottom, rgba(4,13,30,0) 0%, rgba(4,13,30,1) 150%);
		  background: -o-linear-gradient(0deg, rgba(4,13,30,0) 0%, rgba(4,13,30,1) 150%);
		  background: -ms-linear-gradient(0deg, rgba(4,13,30,0) 0%, rgba(4,13,30,1) 150%);
		  z-index: 1;
		  opacity: 0;
		  -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
		}

	#footer{
		  position: absolute;
		  display: none;
		  right:0;
		  bottom: 0px;
		  z-index: 9999;
		  font-size:10px;
		  color:#ffffff;
		  background: rgba(0,0,0, 0);
		  font-family: mainfont;
		  padding: 2px;
		  user-select: none;
	}

	#pano {

    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
	}

	@keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Firefox < 16 */
	@-moz-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 5; }
	}

	/* Internet Explorer */
	@-ms-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Opera < 12.1 */
	@-o-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	.noselect {
		  -webkit-touch-callout: none; /* iOS Safari */
		    -webkit-user-select: none; /* Safari */
		     -khtml-user-select: none; /* Konqueror HTML */
		       -moz-user-select: none; /* Old versions of Firefox */
		        -ms-user-select: none; /* Internet Explorer/Edge */
		            user-select: none; /* Non-prefixed version, currently
		                                  supported by Chrome, Opera and Firefox */
	}
	a:link { color:#FFFFFF; text-decoration: none; }
	a:visited { color:#FFFFFF; text-decoration: none; }
	a:hover { color:#e81e52; text-decoration: none; }
	a:active { color:#FFFFFF; text-decoration: underline; }