html {
	margin: 0;
	padding: 0;
}
body{
	width:100%;
	font-family: 'Chivo', sans-serif;
	font-size: 1.25em;
	margin: 0;
	padding: 0;
	
}
nav, footer{
	display: block;
}
#pagina_uno{
	margin: 0;
	padding: 0;
}
.pagina_fixed{
	position:fixed;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
                /*  inizio FIXED */
#fixed{
	display:inline-block;
	position:fixed;
	left:0;
	top:0;
	z-index:1050;
	width: 100%;
    }


.nero{
	background-color: rgba(2, 2, 2,0.8);
	
}
#navy {
	position:absolute;
	z-index:1050;
	top:0;
	display : inline-block;
	cursor: pointer;
}
.barra, .barra1, .barra2{
	width: 2em;
	height: 0.25em;
	border-radius:0.5em;
	background-color: #CBD3D2;
	transition: 0.4s;
}
.barra1{
	margin: 0.4em 0;
	}
.barra, .barra2{
	margin: 0;
}	
.change .barra {
	z-index:1;
    -webkit-transform: rotate(-45deg)  translate(-0.55em, 0.4em);
    transform: rotate(-45deg)  translate(-0.55em, 0.4em);
}

.change .barra1 {opacity: 0;}

.change .barra2 {
	z-index:1;
    -webkit-transform: rotate(45deg) translate(-0.5em, -0.4em);
    transform: rotate(45deg) translate(-0.5em, -0.4em);
}
.logo, .logo1{            /*  LOGO HOME E ACEDI */
	width:2.65em;
	height:2.5em;
	position:absolute;
	padding: 0;
	margin: 0;
}
.accedi, .registrati{
	position:fixed;
	width:7.95em;
	height:2em;
    line-height:2.1;
	color: #CBD3D2;
	font-size:0.944em;
	font-weight: 900;
	text-transform:uppercase;
	text-align: center;
	border: 2px solid #CBD3D2;
	border-radius: 0.555em 1.944em;
	cursor: pointer;
}
.registrati{
	display:none;
}
                     /*   FINE FIXED  E INIZIO ACEDI   */
                    
 #form_login{
	display:none;
	position: absolute;
	z-index:2;
	left:0;
	top:0;
	text-align:center;
	background-image: url("menu_bily.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height:100%;
	overflow: auto;
	padding: 0;
	margin: 0;
	}
                    
#login{
	text-align:left;
	background-color: #F2F2F2;
	border:1px solid #999999;
	border-radius:0.166em;
	color:#212121;
	padding: 0.666em 1.111em;
	margin: 22%  8% 0.166em;
}
 h4 {
    width:100%;
    border-bottom: 1px solid #012856;	
    font-size: 1.111em;
    font-weight:normal;	
    margin:0;
    padding: 0;
   }
   
input[type=text], input[type=password]{
	width: 100%;
	height:2.2em;
	margin: 0.5em 0;
	padding:0.2em 0.166em;
	font-family: 'Chivo', sans-serif;
	font-weight: 600;
    font-size: large;
 	background:#F2F2F2;
    border-bottom: 1px solid #212121;
	border-left:none;
	border-top:none;
	border-right: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
#log_in{
	width: 100%;
	height:2em;
	text-transform:uppercase;
	background: #008080;
	color:#f2f2f2;
	border-radius: 2em;
	font-family: 'Chivo', sans-serif;
	font-weight: 700;
	letter-spacing:0.07em;
	font-size:1.05em;
	margin:0 0 0.7em 0;
	line-height: 1.2;
  }
.bibi{
	font-size: 0.8em;
	padding: 0;
	margin-top:0.166em;
	margin-bottom: 0.555em;
  } 
.select{
	width: 1.5em;
	height: 1.5em;	
}
  
.in_log{
	text-shadow: 0.02em  0.02em 0.02em #000000, 0.02em -0.02em 0.02em #000000, -0.02em  0.02em 0.02em #000000,-0.02em -0.02em 0.02em #000000;
	color:#F2F2F2;
	border-color: #F2F2F2;
}
.sotto_login{
	width:auto;
	height: 3em;
	border-radius:0.166em;
	border:1px solid #012856;
	background-color: #F2F2F2;
	margin:0 8%;
	padding:2% 3%;
}
    
.chiudi{
	float: left;
	 width: auto;
	 height: 2em;
	 margin: 0.35em 0.4em;
	 border:none;
	 color: #212121;
	 background-color: rgba(204, 204, 204, 0.7);
	 padding: 0 0.5em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	 }
	 
.forgot{
	width:50%;
	float:right;
    font-size:smaller;
    color: #012856;
    margin:0.4em 0.4em;
    padding:0;
    cursor:pointer;
    text-decoration:underline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   }
   
@media only screen and (min-width: 500px){
	#login{
		height:auto;
		margin: 12% 25% 0;
	}
   .sotto_login{
   	margin: 0.166em 25% 0;
   }
   .imgE{
     margin: 0;
     transform: scale(1);
   }

}

                       /*    FINE ACEDI INIZIO MENU */
#menu{
    display:none;
    position:fixed;
	z-index:4;
	width:100%;
	height:100%;
	overflow-y:scroll;
	margin:0;
	top:0;
	left:0;
	background-image: url("menu_bily.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    }
    
ul li a  {
 	text-decoration: none;
	color: #F3F2F2;
	margin: 0.4em 0;
	display:inline-block;
	}	
#menu ul li a{
	text-decoration: none;
	display:inline-block;
	list-style-type:none;
	}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}	
a{
	position:relative;
	cursor:pointer;
	padding:0.2em 0.4em;
	transition:all 1s;
 }	
 a:hover, a:active{
 	background-color: rgba(255,255,255,0.3);
 	border-radius: 1em;
 }
 b, aside {                     /* refirimento Jquery (text aside) */ 
    position: fixed;
    z-index:1;
    min-width: 5.555em;
	color: #E6AB3C; 
	font-size:0.833em;
	padding: 0.166em;
}
                         /*    FINE MENU E INIZIO TESTATA  */
     
#testata{
	position:fixed;
	z-index:-2;
	width:100%;
	height:100%!important;
	padding: 0;
	margin: 0;
	background-image: url("biliardo_italiana_bily1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#anima_bily{
	width:100%;
	height:90%;
	text-align:center;
	position:absolute;
	z-index:1;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:900;
	font-size:2em;
	color:#CBD3D2;
	text-shadow: 0.02em  0.02em 0.02em #000000, 0.02em -0.02em 0.02em #000000, -0.02em  0.02em 0.02em #000000,-0.02em -0.02em 0.02em #000000;
	margin:0;
	padding:0;
	}
span{
	display: list-item;
	text-align: center;
	list-style-type: none;
}
span:nth-of-type(1){
	animation-delay: .05s;
	-webkit-animation-delay: .05s;
}
 span:nth-of-type(2){
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
 span:nth-of-type(3){
	animation-delay: 2s; 
	-webkit-animation-delay:2s;
}

span{
	opacity: 0;
	transform: scale(0.85, 0.4);
	-webkit-animation: myBily  3.05s forwards;
	-moz-animation: myBily  3.05s forwards;
	-ms-animation: myBily  3.05s forwards;
}
@keyframes myBily{
	0% {
		transform: scale(0.85,0.4);
		-webkit-transform:scale(0.85,0.4);
		-moz-transform:scale(0.85,0.4);
		opacity: 1;
	     }     
 
100%{
		transform: scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		opacity:1;
	}
}
@-webkit-keyframes myBily{
	0% {
		transform: scale(0.85,0.4);
		-webkit-transform:scale(0.85,0.4);
		-moz-transform:scale(0.85,0.4);
		opacity: 1;
	     }     
	100%{
		transform: scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		opacity:1;
	}
}
.registrati1{
	position:relative;
	z-index:auto;
	width: 8em;
	height:2em;
	margin:0;
	padding:0;
	font-family: 'Chivo', sans-serif;
	font-size: 0.6em;
	font-weight:800;
	text-transform:uppercase;
	text-shadow: 0.02em  0.02em 0.02em #1F5E1F, 0.02em -0.02em 0.02em #1F5E1F, -0.02em  0.02em 0.02em #1F5E1F,-0.02em -0.02em 0.02em #1F5E1F;
	background:#009B14;
	color:#F2F2F2;
	border-radius: 2em;
	border: 3px solid #009B14;
	letter-spacing:0.07em; 
	box-shadow: 0 0 1px 3px rgba(255,255,255,0.4);
}
 
                           /*    FINE TESTATA E INIZIO TEXT   */
.text{
	position:absolute;
	width: 100%;
	z-index:1;
	overflow-x:hidden;
	margin:0;
	padding:0;
	text-align:center;
	background: inherit;
	}

.text1{
	height:100%;
	text-align:left;
	background-color: #FAFAFA;
	color: #212121;
	padding: 1em;
	margin: 0.5em 0  3em 0;
	font-size:0.6em;
	box-shadow: 0 0.2em 0.7em rgba(0,0,0,0.2);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.text2{
	width: 54%;
	margin: 0.6em;
	padding-left: 0.2em;
	font-size:1.15em;
}
h3{
	padding:0 0 1em 0;
	margin: 0;
	font-size:1.6em;
	font-weight: 900;
	color: rgba(19, 19, 19,0.8);
}

.anteprima{
	position: relative;
	float:right;
	min-height: 20em;
	min-width: 10.5em;
	background-image: url("Home_Statistiche_prospettiva.png");
    background-position:top;
    background-size: cover;
    background-repeat: no-repeat;
}
.registrati2, .artLivello{
  width:auto;
  height: auto;	
  margin: 1em;
  padding: 0.4em 1em;
  text-align:center;
  color:#212121;
  background:inherit;
  text-transform: uppercase;
  border-radius: 1.2em;
  border: 3px solid #009B14;
}
.livello, .livello1{
	position: relative;
	padding: 0;
}

.text4{
	font-size: 1.15em;
	padding: 1.5em 0.2em;
}
.hidden{
	display: none;
}
.cambia{
	float: right;
	clear:both;
	margin: 0;
	padding: 0;
}

.imgA{
	position: relative;
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	background-image: url("Livello_di_Goco_trasparente.png");
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
} 

.imgE{
	position: relative;
	width: 100%;
	height:100%;
    transform: scale(0.9);
	padding:0;
	margin: 4em 0 0 0;
	background-image: url("Bily_streaming_obs_blu.png");
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.imgB{
	position: relative;
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	background-image: url("Home_grafico_2d.png");
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.text3{
	position:relative;
	padding: 0 0 1em 0;
	font-size: 1.3em;
}
.buttons{
	position: relative;
	text-align: center;
	width: 100%;
	min-height: 3em;
	padding: 0;
	margin: 1em 0;
}
.ita, .gor, .car{
	width: 32%;
	height: 100%;
	color: #212121;
	background: inherit;
	border: 3px solid #009B14;
	border-radius: 1.2em;
	padding: 0.3em 0.3em;
	margin:0;
	font-weight:500;
	font-size: 1em;
	text-transform:uppercase;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.livello3{
	position:relative;
	display: flex;
	-webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
	flex-wrap: nowrap;
	overflow-x:auto; 
	-webkit-overflow-scrolling:touch;
	padding: 0;
	margin: 0;
}
.livelloBlock{
	width: 100%;
	overflow-x: hidden;
}
.green_button{
	background:#009B14;
	color: #F2F2F2; 
}
.livello3{
	&::-webkit-scrollbar{
		display: none;
	}
}
.imgC, .imgD, .imgW{
    flex:0 0 auto;
     -webkit-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
     -moz-flex: 0 0 auto;
    width: 100%;
    height:100%;
    padding: 0;
    
}
.imgC{
	margin-right: 1em;
	background-image: url("italiana_smart.png");
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.imgD{
	margin-right:1em;
	background-image: url("goriziana_smart.png");
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.imgW{
	margin:0;
	background-image: url("carom_smart.png");
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.playS{
	position:relative;
	left: 27%;
	margin:0;
	padding:0;
	border-radius: 0.5em;
	background-image: url("google-play-badge.png");
	background-size: 100%;
	cursor: pointer;
}



                             /*    FINE TEXT E INIZIO FOOTER   */
 footer {
 	background-color: rgba(32,41,47,0.7);
    color: #F2F2F2;
    padding:1.111em;
    margin: 0;
    text-align: center;
	box-shadow: 0 0.2em 0.7em rgba(0,0,0,0.2);
	  }	
      
.info {
	min-height:2.222em;
	}
.espandi{
	float: right;
}	
.privacy{
	margin-top:1.111em;
}	

 #sotto{
	position:relative;
	margin-left: 0.277em;
}
#up{
	position:relative;
	margin-left:0.2em;
	display: none;
}
button {
    border-radius:0.166em;
    border:1px solid #F2F2F2;
    width:5.555em;
    height: 1.944em;
    line-height:1.2;
    font-size: 1.125em;
	color: #F2F2F2;
	padding:0.2em;
	cursor: pointer;
	background: inherit
}
h4{
	border-bottom: 1px solid #F2F2F2;
}
.chi {
	display: none;
	text-align:inherit;
	margin-top:0.833em;
	padding:0.555em;
    color: #F2F2F2;
}

                     /*  FINE FOOTER */