.playcanvas-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	z-index: 5;
	display: block;

	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.playcanvas-wrapper * {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none;
}

.playcanvas-wrapper.no-visible {
	display: none;
}

#application-canvas {
	position: absolute;
	top: -36%; /* was -50 */
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

#application-canvas:focus {
	outline: none;
}

#pcapp-menu-main-container {
	z-index: 100;
}

#pcapp-popin-wrapper.popin-wrapper {
    z-index: 10300;
}

.fade-box {
	display: none;
}

.playcanvas-wrapper #pcapp-menu-skip-intro-container a#pcapp-menu-skip-intro:hover,
.playcanvas-wrapper #pcapp-carousel-mobile-nav .pcapp-carousel-button:hover {
	transition: all .3s;
	opacity: 1;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	#application-canvas {
		top: -17%;
	}
}

/* Large devices (desktops, 1025px and up)*/

@media (min-width: 1025px) {

	#application-canvas {
		top: 0;
		left: -11%;
  }

	#pcapp-menu-main-container {
			z-index: 500;
	}

	#application-splash-wrapper {
		background-color: #f5f5f5 !important;
		left: -9.5% !important;
	}

	.fade-box {
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		right: 11%;
		left: auto;
		width: 21%;
		height: auto;
		background: linear-gradient(to left, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);
	}

	.playcanvas-wrapper #pcapp-menu-skip-intro-container, .playcanvas-wrapper #pcapp-howto {
		left: 39%; /* 50% -11% center skip button */
	}

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/* IPAD LANDSCAPE */
@media (min-width: 900px) and (max-width: 1024px) {
	#application-canvas {
		top: 0;
		left: -5%;
        right: 0;
        bottom: 0;
        width: 110%;
        height: 110%;
	}
}