
/* per mobile */
	
	.icon-scroll::before {    
		background: #fff;    
	}
	
	.icon-scroll {    
		box-shadow: inset 0 0 0 1px #fff;
		border: 1px solid #fff;    
	}
	
	body, html {
		overflow-x:hidden !important; 	
		font-family: 'Montserrat', sans-serif;
	}
	
	#scrolly {margin-top:12px;}
	
	.zigolotto {
		position:absolute !important;
		bottom:3% !important;
		right:75% !important;
		z-index:5001 !important;
		width:20% !important;
	}
	
	.zigolotto2 {
		position: absolute !important;
		bottom: 0% !important;
		right: 66% !important;
		z-index: 5001 !important;
		width: 13% !important;
	}
	
	.zigolotto {
        -webkit-animation: zigulani 2s forward linear;
        animation: zigulani 2s forward linear;
		transform-origin: center center;		
    }
	@-webkit-keyframes zigulani {
         0% { transform:translateX(-20%); }
		 30% { transform:translateX(5%); }
         90% { transform:translateX(10%); }
         100% { transform:translateX(20%); }
    }
	@keyframes zigulani {
         0% { transform:translateX(-20%); }
		 30% { transform:translateX(5%); }
         90% { transform:translateX(10%); }
         100% { transform:translateX(20%); }
    }
	
	
	#turn-device {
	 position: fixed; 
	 top: 0; 
	 left: 0; 
	 width: 100%; 
	 height: 100%; 
	 display: none;
	 z-index: 9999;
	 background-color: #333;
	}

	#turn-device p {
	 margin-top: 50px;
	 text-align: center; 
	 color: #fff;
	}

	#turn-device .turn-icon {
	 transition: All 0.5s ease;
	 -webkit-transition: All 0.5s ease;
	 -moz-transition: All 0.5s ease;
	 -o-transition: All 0.5s ease;
	 transform: rotate(90deg);
	 -webkit-transform: rotate(90deg);
	 -moz-transform: rotate(90deg);
	 -o-transform: rotate(90deg);
	 -ms-transform: rotate(90deg);
	 display: block;
	 width: 100%;
	 height: 64px;
	 margin-bottom: 10px;
	 background: url(turn-mob-device.png) center no-repeat;
	}

	#turn-device .turn-icon.rotate {
	 transform: rotate(0deg);
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	}
	
	#----logo-grande {display:block;}
	
@media screen and (min-width: 1px) and (max-width: 500px) {

	#----logo-grande {display:block;}
	
	.menoso {
    right: 5px;
    top: 5px;
    padding: 0 2px 2px 2px;
   
	}

}

p {
	margin:1em 0;
	line-height:1.3em;
	font-size:17px;	
}

.t100vh {margin-top:100vh;}
.t200vh {margin-top:200vh;}
.t300vh {margin-top:300vh;}
.t400vh {margin-top:400vh;}
.t500vh {margin-top:500vh;}
.t600vh {margin-top:600vh;}

@media screen and (min-height: 601px) and (max-height: 700px) {

	.t100vh {top:130vh;}
	.t200vh {top:230vh;}
	.t300vh {top:330vh;}
	.t400vh {top:430vh;}
	.t500vh {top:530vh;}
	.t600vh {top:630vh;}
	
}

@media screen and (min-height: 1px) and (max-height: 600px) {

	.t100vh {top:150vh;}
	.t200vh {top:250vh;}
	.t300vh {top:350vh;}
	.t400vh {top:450vh;}
	.t500vh {top:550vh;}
	.t600vh {top:650vh;}
	
}

@media screen and (min-width: 601px) and (max-width: 7000px) {
	
	.prima-animazione {margin-top:10% !important;}

}

#logo-grande-mob {
	
	position:fixed;
	z-index:100001;
	left:10px;
	top:10px;
	width:50px;
	
}

.mioh2 {font-size:2em}
.mioh3 {font-size:1.2em}
.exo2 {font-family: 'Montserrat', sans-serif;}

.logo-interno-mob {width:60px !important; margin-left:10px !important; margin-top:10px !important;}

.filter-button {
    padding: 3px 3px;
    margin-bottom: 6px;
    margin-right: 3px;
    line-height: 1.2;
}

#uppaggio {
	left: 15px !important;
}



