.playcanvas-wrapper {
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	z-index: 5;
	display: block;*/

	overflow: hidden;

	-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!important;
	/*top:-50%; disabled*/
    top: 0!important;
	left: 0!important;
	right: 0!important;
	bottom: 0!important;
	width: 100%!important;
	height: 100%!important;
}

#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%; disabled
	}*/
}

/* Large devices (desktops, 1025px and up)*/

@media (min-width: 1025px) {

	#application-canvas {
		top: 0;
		/*left: -11%; /*temporaneamente disabilitato*/
		left:0;
  }

	#pcapp-menu-main-container {
			z-index: 500;
	}

	#application-splash-wrapper {
		background-color: #f5f5f5 !important;
		/*left: -9.5% !important; /*temporaneamente disabilitato*/
		left:0;
	}

	.fade-box {
		position: absolute;
		display: none; /*temporaneamente disabilitato*/
		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%;
	}
}

/** OVERRIDE */

.pcapp-alexa-command-button:hover {
	text-decoration: none!important;
}

/* ----------- LAPTOP ----------- */
@media screen and (min-width: 1025px) {
    
    #pcapp-menu-main li:before {
        top: 21px!important;
    }

	/*#pcapp-zoom-buttons {
        right: 15%!important;
    }*/
}

/* ----------- DESKTOP ----------- */
@media screen and (min-width: 1440px) {
    /* Zoom buttons */
    /*#pcapp-zoom-buttons {
		right: 15%!important;
    }*/
}

/** FONTS

"Graphik-Semibold"
	font-family: Graphik!important;
	font-weight: 600!important;

"Graphik-Medium"
	font-family: Graphik!important;
	font-weight: 500!important;		

"Graphik-Regular"
	font-family: Graphik!important;
	font-weight: 400!important;		
*/

.pcapp-howto-arrow {
	font-family: Graphik!important;
	font-weight: 600!important;
}
#pcapp-howto-text {
	font-family: Graphik!important;
	font-weight: 600!important;
}
a.pcapp-menu-skip-intro {
	font-family: Graphik!important;
	font-weight: 500!important;
}
#pcapp-carousel-items {
	font-family: Graphik!important;
	font-weight: 600!important;
}
#pcapp-menu-main-container {
	font-family: Graphik!important;
	font-weight: 600!important;
}
#pcapp-menu-main li {
	font-family: Graphik!important;
	font-weight: 600!important;
}
h2#pcapp-popin-title, h2.pcapp-popin-title {
	font-family: Graphik!important;
	font-weight: 600!important;
}
p#pcapp-popin-text, p.pcapp-popin-text {
	font-family: Graphik!important;
	font-weight: 400!important;
}
button.pcapp-popin-btn-close {
	font-family: Graphik!important;
	font-weight: 500!important;
}
#pcapp-menu-mobile-items li {
		font-family: Graphik!important;
	font-weight: 600!important;
}
#pcapp-menu-mobile-items li a {
		font-family: Graphik!important;
	font-weight: 600!important;
}
#pcapp-menu-mobile-items ul.pcapp-sub-menu-main li a {
	font-family: Graphik!important;
	font-weight: 400!important;
}
#pcapp-db-indicator .pcapp-db-indicator-label {
		font-family: Graphik!important;
	font-weight: 600!important;
}
.pcapp-zoom-buttons-title {
	font-family: Graphik!important;
	font-weight: 400!important;
}
