h1{
	color:#fecc6c;
	text-shadow: 2px 2px rgba(0,0,0,0.7);
	}
	#section0{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section1{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	
	#section2{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section3{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section4{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section5{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section6{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section7{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section8{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section9{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section10{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section11{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section12{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section13{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section14{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section15{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section16{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section17{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section18{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section0.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section1.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section2.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
	
	#section3.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section4.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section5.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
	#section6.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		background-color: none;		
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
	#section7.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section8.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section9.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		background-color: none;		
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section10.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		background-color: none;		
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section11.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section12.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section13.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section14.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section15.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section16.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section17.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section18.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
/* ************************************************************ Nicholas **************************************************************** */
.msgnick {
    display: inline-block;
        text-indent:0em;
		cursor: pointer;
}

.msgnick:hover .toolnick {
    display: block;	 	
}

.toolnick {
    display: none;
        width: auto;
		height: auto;
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: black;       
        left: 1274px;
		top: 272px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
		border: 1px solid white;
        z-index: 181; 
}
/* ********************************************* Bonus ********************************************************* */
.msgBonus {
    display: inline-block;
        text-indent:0em;
		cursor: pointer;
}

.msgBonus:hover .toolBonus {
    display: block;
	background-image: url(../images/tabella.png); 	
}

.toolBonus {
    display: none;
        width: 444px;
		height: 386px;
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: white;       
        left: 34%;
		top: 170px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
        z-index: 181; 
}
/* ********************************************* Taglie Lamalucente ********************************************************* */
.pop-map {
    display: inline-block;
        text-indent:0em;
		cursor: pointer;
}

.pop-map:hover .tool-map {
    display: block;
	
}

.tool-map {
    display: none;
        width: auto;
		height: auto;
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: black;       
        left: 824px;
		top: 490px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
		border: 1px solid white;
        z-index: 181; 
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
/* *********************************************  ********************************************************* */
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  width: auto;  
  color: white;
  text-align: left;
  border-radius: 6px;
  padding: 8px 8px 8px 8px;
  position: absolute;
  z-index: 999;
  position: absolute;
  top: 90%;
  right: -240px;
  margin-top: 8px;
  opacity: 0;
  transition: opacity 0.3s; 
  text-align: justify; 
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/* **************************************************************************************************************** */
.msgpopupW {
    color: #3f80bf;
    cursor: pointer;
}

.msgpopupW:hover .tooltipW {
    display: block;
}

.tooltipW {
    position: absolute;
    white-space: nowrap;
    display: none;
    background-image: url(../boss-tgl/scroll-tgl.png);    
    padding: 5px;
	width: 294px;
	height: 480px;
    z-index: 1000;
    color: black;
	margin-left: 8px;
}
/* ****************************************** TIP 3 ********************************************************* */
.msgInfo {
    color: #3f80bf;    
}

.msgpopupInfo:hover .tipInfo {
    display: block;
	cursor: pointer;
}
.tipInfo {
	position: absolute;
    white-space: nowrap;	
    display: none;       
    padding: 5px;
	width: 294px;
	height: 480px;
    z-index: 1000;
    color: white;
	margin-left: 8px;   	
}
#tip {font-family: 'Playfair Display SC', serif; color: white; font-size:20px; text-shadow: 1px 1px #000; text-align: center;}
/* ****************************************** TIP 3 ********************************************************* */

.pop-next {
    display: inline-block;
        text-indent:0em;		
}

.pop-next:hover .tool-next {
    display: block;
	
}

.tool-next {
    display: none;
        width: calc(200px);
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: black; 
        font-weight: bold;		
        right: 440px;
		top: 820px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
        z-index: 181; 
		background: red;
}
.tool-next {
    text-decoration:none;
    position:relative;
}
.tool-next span {
    display:none;
}
.tool-next:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
}
#overlak {
  position: absolute; 
  width: 100%;
  height: auto;  
  z-index: 1;
  bottom: 0;
  left: 0;
}
#pipa {
  position: absolute; 
  width: 142px;
  height: 428px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#shiro {
  position: absolute; 
  width: 246px;
  height: 437px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#varesh {
  position: absolute; 
  width: 246px;
  height: 435px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
.pici {
  position: absolute; 
  width: 568px;
  height: 970px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#ipno {
  position: absolute; 
  width: 365px;
  height: 737px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#evennia {
  position: absolute; 
  width: 286px;
  height: 294px;  
  z-index: 727;
  top: 32%;
  left: 28%;  
}
#salma {
  position: absolute; 
  width: 286px;
  height: 294px;  
  z-index: 727;
  top: 32%;
  left: 43%;
}
#livia {
  position: absolute; 
  width: 286px;
  height: 294px;  
  z-index: 727;
  top: 32%;
  left: 58%;
}
#pausa {
  position: absolute;   
  z-index: 2;
  bottom: 24px;
  margin-left: 49%;
  margin-right: 49%;   
}
#phVideo {font-family: 'Cinzel Decorative', cursive;  
  font-size: 22px;
  background: none;
  text-shadow: 1px 1px black;
  border: none;
  color: #ffec9f;	
  text-shadow: 2px 2px rgba(0,0,0,0.7);
  cursor: pointer;
  }
#fhVideo {font-family: 'Cinzel Decorative', cursive;  
  font-size: 22px;
  background: none;
  text-shadow: 1px 1px black;
  border: none;
  color: #ffec9f;	
  text-shadow: 2px 2px rgba(0,0,0,0.7);
  cursor: pointer;
  }
  #nhVideo {font-family: 'Cinzel Decorative', cursive;  
  font-size: 22px;
  background: none;
  text-shadow: 1px 1px black;
  border: none;
  color: #ffec9f;	
  text-shadow: 2px 2px rgba(0,0,0,0.7);
  cursor: pointer;
  }

#toppone {
  position: absolute; 
  width: 100%;
  height: 82px;  
  z-index: 1;
  top: 0;  
  margin-right: auto;  
  margin-left: auto;
}
#bordo {
  position: absolute; 
  width: 100%;
  height: 128px;  
  z-index: 1;
  bottom: 0;
  left: 0;  
}
#bordoA {
  position: absolute; 
  width: 200px;
  height: 90px;  
  z-index: 1;
  top: 0;
  left: 24px;
}
#bordex {
  position: absolute; 
  width: 100%;
  height: 64px;  
  z-index: 1;
  top: 967px;
  margin-left: auto;
  margin-right: auto;
}
#bordey {
  position: absolute; 
  width: 100%;
  height: 64px;  
  z-index: 1;
  top: 1072px;
  margin-left: auto;
  margin-right: auto;
}
table.table1 {background: none;}
table.table1 td {font-size: 12px; text-align: center; border: 1px solid silver;padding: 4px;}
table.table2 {background: none;}
table.table2 td {font-size: 12px; text-align: center; border: 1px solid silver;padding: 4px; color: #fff;}
#ev {background: green; color: white;}
#ex {color: gray;}
#berte{ position: absolute; width:321px; height:154px; right: 354px; top: 242px; z-index:999999;}
#berte1{ width:390px; height:98px; z-index:999999;}
.responsive {width: 100%; height: auto;}
sml {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
     font-size: 18px;
	 text-align:center;
	 font-weight: normal;
	 color: #ffeaaf;	 
	 text-shadow: 1px 1px #000;
	 }
@font-face {
    font-family: "titoli";
    src: url("../fonts/GW.ttf");
}
#titolo {
		font-family: 'titoli';
		font-size: 42px;
		color: white;
		text-align: left;
		line-height: 0.5em;
		text-shadow: 2px 2px 3px black;
}
#sub-titolo {
		font-family: 'Playfair Display SC', serif;
		font-size: 24px;
		color: #fecc6c;
		text-align:justify;
		line-height: 1em;		
}
#sub-tit {
		font-family: 'Playfair Display SC', serif;
		font-size: 24px;
		color: #000;
		text-align:justify;
		line-height: 1em;		
}
 #fall {
	font-family: titoli;
	font-size: 36px;
	color: #ffec9f;	
	text-shadow: 2px 2px rgba(0,0,0,0.7);	
 }
#venti {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fecc6c;
  font-size: 24px; 
  margin-top: 0;    
}
wt {
  color: #fecc6c;
  text-align:left;
  font-size: 16px;  
  }
 wc {
  color: #fff;
  text-align:left;
  font-size: 18px; 
  font-weight: normal;  
  text-shadow: 1px 1px black;	
  }
 wx {
  color: orange;
  text-align:left;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 1px 1px black;	
  }
  bx {
  color: #fecc6c;
  text-align:left;
  font-weight: normal;
  font-size: 16px;   
  }
 cl {
  color: white;
  text-align:left;
  font-size: 24px; 
  text-shadow: 1px 1px black;  
  }
bn {
  color: #fff;
  text-align:left;
  font-size: 16px;
  line-height: 1.5em;
  }
#con {
  background:#990000; padding-left: 8px; text-align: center; border-radius: 7px;
  }
 #hi {background: #fff; color: #000;}
 table {max-height: 560px;}
td {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	text-align: left;
	color: #fff;
	padding: 4px;
	
	}
th {	
	
	font-size: 18px;
	text-align: center;	
	color: #997f5a;
	padding: 2px;		
	}
small{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: white;
	  }
nicu{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: red;
	line-height: -18px;
	  }
 #m-screen { top:100px; left:24px; right:auto; transform: translate (0,0);position: absolute; z-index:999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff;}
 #r-screen { top:102px; right:24px; left:auto; transform: translate (0,0);position: absolute; z-index:999; text-align:center; font-family: Arial, Helvetica, sans-serif; }

 #l-screen { top:36px; left:24px; right:auto; transform: translate (0,0);position: absolute; z-index:999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff;}
 #f-screen { top:36px; right:24px; left:auto; transform: translate (0,0);position: absolute; z-index:999; text-align:center; font-family: Arial, Helvetica, sans-serif;	font-size: 14px; color: #fff;}
 #musica { top:92px; right:40px; bottom:40px; left:auto; transform: translate (0,0);position: fixed; z-index:999;}
.xtable {font-size: 14px; margin-left: 4px;}
.xtable td{font-size: 13px; padding: 2px; text-align:center; border: 1px solid gray;color: #fff;}
.BonusTable {font-size: 14px; margin-left: 4px;}
.BonusTable td{font-size: 13px; padding: 2px; text-align:center; border: 1px solid #fedb9c;color: #fff; font-weight: normal;}
.BonusTable th{font-size: 16px; padding: 2px; text-align:center; border: 1px solid #fedb9c;color: #fedb9c; font-weight: bold; border: none;}
.ytable {font-size: 12px; margin-left: -8px;}
.ytable td{font-size: 12px; padding: 4px; text-align:center; border: 1px solid gray;}
.ecc {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  color: gray;
}
 #dom {background: red; color: #ffec9f;}

 .ttip {
    text-decoration:none;
    position:relative;
    cursor:pointer;
}
.ttip span {
    display:none;
}
.ttip:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
    background: rgba(0,0,0,0.5);
	font-weight: bold;
	padding: 24px 12px 12px 12px;
    color: white;
    text-align: left;
    margin-left: -80px;	
	margin-top: 6px;
}
#d {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fecc6c;
  font-size: 20px;    
}
#x {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 0.5em;
  font-size: 20px; 
  text-shadow: 1px 1px #000;  
}
#x1 {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
  font-size: 20px;  
}
#ll {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
  font-size: 20px;  
}
b {color: white;}
#overluy{
  position:fixed;
  z-index:99999;
  top:24%;
  left:25%;
  bottom:25%;
  right:25%;
  background:none;
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}
.player {
    width: 48px;
    height: 48px;	
    cursor: pointer;
 }
 #necroDX {
  position: absolute;  
  z-index: 2;
  bottom: 0; 
  right: 0;
}
#necroSX {
  position: absolute;  
  z-index: 2;
  bottom: 0; 
  left: 0;
}
mt { 
     font-family: "titoli";
	 font-size: 18px;
	 color: brown;
	 font-weight: bold;	 
	 text-shadow: 1px 1px #fff;
	 }
nt { font-family: 'Cinzel Decorative', cursive;
	 font-size: 16px;
	 line-height: 2.5em;
	 color: #000;	 
     font-weight: bold;	 
	 }
.resp {
width: 100%;
 max-width: 687px;
height: auto;
}
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;	
	color: white;	
	}
px:before {
    content: ' \2023';
	width: 24px;
	height: 24px;
	color: #fff;
	padding-right: 4px;
}
#mn { font-family: 'Poppins', sans-serif;
	  color: #fecc6c;
	  font-size: 12px;
      cursor: pointer;
	  background: none;
	  border: none;
	  padding: 0 8px 0 6px;
	  line-height: 1.5em;
	  text-shadow: 2px 2px 2px #000;
	  /* background-color: rgba(160,0,0,0.5);  */
	  }
#mn:hover {      
	  color: #fff;	
      font-weight: bold;	  
	  line-height: 1.5em;
      transition: 0.5s;
	  text-decoration: underline;
	  text-underline-offset: 0.6em;
  }
#bax { font-family: 'Poppins', sans-serif;
      width: 162px;
	  height: 46px;
	  background-image: url(../img/btn_off.png);
	  background-repeat: no-repeat;
	  color: #fecc6c;
	  font-size: 14px;
      cursor: pointer;	  
	  padding: 18px 0 0 20px;
	  line-height: 1em;
	}
#bax:hover {  
      width: 162px;
	  height: 46px;
	  background-image: url(../img/btn_on.png);
	  color: #422f1e;	
      font-weight: bold;	  
	  line-height: 1em;
      transition: 0.5s;
  }  
#lg { font-family: 'Poppins', sans-serif;
      font-weight: bold;
	  color: #9fb7d5;
	  font-size: 16px;
      cursor: pointer;
	  background: none;
	  border: none;
	  padding: 0 8px 0 6px;
	  line-height: 1.5em;
	  background-color: rgba(0,0,0,0.2);  
	  }
#lg:hover {
      background-color: #233751;
	  color: #fff;
	  font-weight: bold;
      transition: 0.5s;
	  padding: 0 8px 0 24px;
  }
.cicli {font-family: 'Poppins', sans-serif;
      font-weight: bold;
	  color: #9fb7d5;
	  font-size: 16px;
      cursor: pointer;
	  background: none;
	  border: none;
	  padding: 0 8px 0 6px;
	  line-height: 1.5em;
	  background-color: rgba(0,0,0,0.2);  
	  }
.cicli:hover {
      background-color: #233751;
	  color: #fff;
	  font-weight: bold;
      transition: 0.5s;	  
	  text-decoration: underline;
	  text-underline-offset: 0.6em;
  }
 bt {  font-family: Arial, Helvetica, sans-serif;    
	   color: #fff; 
	   font-weight: bold;
       font-size: 14px;	
	   line-height: 1.5em;
	   padding: 0 8px 0 6px;        	   
  }
 ac {  font-family: Arial, Helvetica, sans-serif;    
	   color: #fff; 	   
       font-size: 18px;	          
  }
  tp { font-family: Arial, Helvetica, sans-serif;    
	   color: #fecc6c;	         
	   padding: 4px 0 0 8px;
  }
 vrd {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #0bcf01;
  line-height: 0.5em;
  font-size: 20px; 
  text-shadow: 1px 1px #000;	
}
 #mio-modo {
    opacity: 0;
    position: fixed;
    top: 0;
    left: -197px;
    width: 234px;
    height: auto;
	padding: 0;   
    transition: all 1s linear; 
    position: relative;	
	color: #fff;
    z-index: 0;
    background: rgba(0,0,0,0.5);	
}
#mio-modo.active {
opacity: 1; left: -197px;}
#mio-but {
width: 24px; height: 112px; font-weight: bold; background: #990000; border: none; color: #fecc6c; cursor: pointer; border-left: 2px solid red; border-top-left-radius: 8px; writing-mode: vertical-lr; text-orientation: upright; }
#verticale {writing-mode: vertical-lr; text-orientation: upright; font-size: 36px; }
#ver {writing-mode: vertical-lr; text-orientation: upright; font-size: 14px;}
#team {font-size: 36px; color: white; text-align: left;}
#nu {background: none; border: none; width:36px;}
 	#sectorF{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
.bot {  
  font-family: titoli, Arial, Helvetica, sans-serif;
  width: 196px;
  height: auto;
  background: none; 
  color:#fecc6c;
  font-size: 24px;
  text-shdow: 2px 2px 3px rgb(0,0,0,0.7);
  border: none;
  cursor: pointer;
  }
  #arenaLogo {
  position: absolute;   
  width: 120px;
  height: 48px;    
  float:left;
  margin-left: 64px;
  top: 0;
  z-index:78;
} 
  #arena {
  position: absolute;   
  width: 120px;
  height: 48px;    
  left:24px;
   bottom: 12px;
  z-index:78;
}
 /* ********************************************************************************************** */
 #giugiu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;  
  width: 102px;  
  height: 5%;
  bottom:0; 
  align-items: flex-end;  
  padding-bottom: 78px;
  margin-left: 48%;
  margin-right: 48%;
}

.scatola {
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 100;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}
 /* ********************************************************************************************** */
 #giusu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;  
  width: 100%;  
  height: 5%;
  bottom:0; 
  align-items: flex-end;  
  padding-bottom: 78px;
}

.scatolax {
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 100;
}

.chevron1 {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron1:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron1:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron1:before,
.chevron1:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron1:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron1:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}
.testo {
  display: block;
  margin-top: 75px;
  margin-left: -64px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}
.msgpopupTGL {
    color: #3f80bf;
    cursor: pointer;
}

.msgpopupTGL:hover .tooltipTGL {
    display: block;
}

.tooltipTGL {
    position: absolute;
    white-space: nowrap;
    display: none;
    background-image: url(../boss-tgl/scroll-tgl.png);    
    padding: 5px;
	width: 294px;
	height: 480px;
    z-index: 1000;
    color: black;
	margin-left: 24px;
}