@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 992px) {
	.hideMobile {
		display: none !important;
	}
	
	.nav-container nav .superTop {
		position: fixed;
		top: 0;
		right: 0;
		width: auto;
	}
		.nav-container nav .superTop .main-link {
			padding: 0;
			line-height: 38px;
			text-align: left;
			padding-left: 24px;
			padding-right: 10px;
		}
			.nav-container nav .superTop .main-link:before {
				display: inline-block;
				height: 34px;
				width: 20px;
				background-size: 20px;
			}
	
	/* PR FORZARE IN CASO DI APP - DA REPLICARE UGUALE SU CUSTOM.APP.CSS */
	.body-container {
		flex-direction: column;
	}

	.nav-container {
		position: relative;
		height: 80px;
		width: 100%;
		order: 1;
		box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
		z-index: 101;
	}
		nav ul {
			width: 100%;
			display: flex;
			flex-direction: row;
		}
			nav ul>li {
				flex: 1;
				text-align: center;
				width: 25%;
			}
				nav ul>li>.main-link {
					position: relative;
					display: block;
					color: #000;
					font-weight: normal;
					font-size: 12px;
					cursor: pointer;
					padding: 0 10px;
					padding-top: 50px;
					line-height: 20px;
					margin: 5px 10px;
					border-radius: 5px;
					opacity: 0.6;
				}
				nav>ul>li>.main-link:before {
					top: 0;
					left: 0;
					width: 100%;
					height: 42px;
					background-size: 42px;
				}
				nav ul>li>.main-link.active:after {
					content: ' ';
					position: absolute;
					display: block;
					bottom: -5px;
					left: 0;
					width: 100%;
					height: 5px;
					background-color: #008448;
				}
	/* FINE DA REPLICARE */
	
	.body-content {
		order: 0;
	}
}


@media screen and (max-width: 480px) {
	nav ul>li>.main-link {
		font-size: 11px;
		padding-top: 50px;
		margin: 5px 5px;
	}
}