@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

.block1_m{
	display: none;
	}	

.accordion__item .accordion__title {
	position: relative;
	display: block;
	text-decoration: none;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	cursor: pointer;
}


.cf2OTb{
color:#ffffff !important;}

.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
	top: 13px;
	right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: auto;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	margin-right: -10px;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: -12px;
}

.accordion__item .accordion__rotate {
	transform: rotate(270deg) !important;
		-ms-transform: rotate(270deg) !important;
}
.accordion__item .accordion__content {
	display: none;
}



*{
	margin: 0; padding: 0;
}

.kitpremidx td, .kitvincitorisx td {
	display: block;
}


.indizio .txt_indizio:nth-child(2) {
  font-weight: normal;
  width: 450px;
  text-align: center;
  padding: 0 10px; 
  min-height: 56px;
}


.bigsize{
	font-size: 40px;
	font-weight: bold;
}

.tail_sconto {
	position: fixed;
	top: 100px;
	background-color: #003F7C;
	width: 400px;
	color: #fff;
	z-index: 9999999999;
	margin-left: -125px;
	font-family: Open Sans;
	padding: 20px;
	right: 0;
	text-align: center;
	display: none;
}

.chartsx{
	width: 46%;
	float: left;
}

.chartdx{
	width: 46%;
	float: right;
}

.list_user li {
	color: #fff;
	list-style: none;
	font-size: 22px;
	border-top: solid #FFF 2px !important;
	margin: 25px 0 8px 0;
	padding: 25px 30px 0px 40px;
	font-family: Open Sans;
}


.bg2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ce0ed+0,7adceb+8,73d9ea+14,6fd9ea+14,65d7e9+22,66d6e9+24,62d6e8+25,57d4e7+41,51d2e6+67,51d2e6+100 */
background: #8ce0ed!important;  /* Old browsers */
background: -moz-linear-gradient(left,  #8ce0ed 0%, #7adceb 8%, #73d9ea 14%, #6fd9ea 14%, #65d7e9 22%, #66d6e9 24%, #62d6e8 25%, #57d4e7 41%, #51d2e6 67%, #51d2e6 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #8ce0ed 0%,#7adceb 8%,#73d9ea 14%,#6fd9ea 14%,#65d7e9 22%,#66d6e9 24%,#62d6e8 25%,#57d4e7 41%,#51d2e6 67%,#51d2e6 100%)!important;  /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #8ce0ed 0%,#7adceb 8%,#73d9ea 14%,#6fd9ea 14%,#65d7e9 22%,#66d6e9 24%,#62d6e8 25%,#57d4e7 41%,#51d2e6 67%,#51d2e6 100%)!important;  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ce0ed', endColorstr='#51d2e6',GradientType=1 )!important;  /* IE6-9 */

}

.bg3{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2ac94+0,f2ac94+10,ffe7cc+100 */
background: #f2ac94 !important; /* Old browsers */
background: -moz-linear-gradient(left, #f2ac94 0%, #f2ac94 10%, #ffe7cc 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f2ac94 0%,#f2ac94 10%,#ffe7cc 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f2ac94 0%,#f2ac94 10%,#ffe7cc 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ac94', endColorstr='#ffe7cc',GradientType=1 ) !important; /* IE6-9 */

max-height: 515px !important;	
	
}

.ground{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d7e18b+0,d1de85+20,c5d979+44,a1c854+100 */
background: #d7e18b !important; /* Old browsers */
background: -moz-linear-gradient(left, #d7e18b 0%, #d1de85 20%, #c5d979 44%, #a1c854 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d7e18b 0%,#d1de85 20%,#c5d979 44%,#a1c854 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d7e18b 0%,#d1de85 20%,#c5d979 44%,#a1c854 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e18b', endColorstr='#a1c854',GradientType=1 ) !important; /* IE6-9 */
}

.bg3 .block1{
	margin: 20px auto 0 auto !important;
}

.bg3 .block1sx {
    bottom: -86px !important;
}


.privacy button{
    background-color: #ccc;
    border: 0;
    padding: 5px 10px;
    margin: 10px;
    font-size: initial;
	cursor:pointer;
}

.privacy h2 {
    font-size: inherit;
}

.privacy ol, .privacy ul{
	margin: 20px;
}

.privacy ol li, .privacy ol li {
	margin: 0;
	padding: 0;
}

.block_content ol{
	margin: 0 30px;
}

.copied{display: none;}

.block_content a{color: #ffffff;}

.tabwin {
	width: 100%;
}


.privacy a{color:#ffffff;}

.kitpremisx{
	float: left; 
	width: 40%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 50px;
	font-size: 25px;
}

.kitpremidx{
	float: right; 
	width: 55%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 100px;
	font-size: 25px;
}

.kitvincitorisx{
	float: left; 
	width: 55%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 100px;
	font-size: 25px;
}

.kitvincitoridx{
	float: right; 
	width: 40%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 60px;
	font-size: 25px;
}

.kitvincitorisx a {color: #ffffff !important;}

.kitpremisx ul, .kitvincitoridx ul, .kitvincitorisx ul, .kitpremidx ul  {padding: 0; margin: 20px 30px;}

.winner li{
list-style: inherit !important;
border-top: 0 !important;
margin: 10px 50px !important; 
padding: 0 !important;
}

.winner {
  margin: 15px 0;
}

.overlay {
 height: 100%;
	width: 100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:999;
	background-color: #ffffff8a;
}

.tab_account {
	text-align: left;
	margin: 30px auto;
}

.invito{max-width: 900px;}

.breakword{word-wrap: anywhere;}

.tabhead{
	background-color: #003F7C;
}

.vincitori, .gameintro p{
	font-size: 23px;
	color: #ffffff;
	font-family: Open Sans;
	margin: 20px auto;
	max-width: 1200px;
}

.accordion{
	font-size: 23px;
	color: #ffffff;
	font-family: Open Sans;
	max-width: 1200px;
	margin:0 auto;
}

.gameintro p a{
	color: #ffffff;
}

.indizio_on{
	background-color: #EE4C7B;
	border-radius: 21px;
	padding: 8px 10px !important;
	position: relative;
}

.indizio_on p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
}


.indizio_on:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 0 14px 27px;
    border-color: transparent transparent #EE4C7B transparent;
    top: 44%;
    left: -27px;
    margin-top: -7px;
}

.dotted {
	border: solid #FFF 2px !important;
	border-radius: 25px;
	width: max-content;
	padding: 4px 25px;
	min-width: 300px;
	margin: 20px auto;
}


.dotted2{
	border: solid #0084a4 2px !important;
	border-radius: 25px;
	width: max-content;
	padding: 4px 25px;
	min-width: 300px;
	margin: 20px auto;
}

.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.notelogin {
    font-size: 0.9em;
    font-weight: normal;
}

.floating-label2 {
	position: absolute;
	font-size: .8em;
	margin-top: -76px;
	margin-left: 68px;
	color: #575756;
	transition: 0.2s ease all;
	font-family: Open Sans;
	pointer-events: none;
	display: block;
	opacity: 1;
}

.floating-label {
	position: absolute;
	font-size: .8em;
	margin-top: -56px;
	margin-left: 16px;
	color: #575756;
	transition: 0.2s ease all;
	font-family: Open Sans;
	pointer-events: none;
	display: block;
	opacity: 1;
}

.title3 {
    font-size: 40px;
    font-family: Fredoka One;
    color: #ffffff;
	margin: 20px 0;
}

.title4 {
    font-size: 40px;
    font-family: Fredoka One;
	color: rgb(131, 208, 192);
	margin: 20px 0;
}

.user_risp {
	background-color: #ffffff;
	color: #EB3367;
	text-transform: uppercase;
	padding: 6px 30px;
	border-radius: 30px;
	font-family: Fredoka One;
	margin: 15px auto 25px auto;
	width: max-content;
	min-width: 70%;
}

.user_risp2 {
	background-color: #ffffff;
	color: #00ADBA;
	text-transform: uppercase;
	padding: 6px 30px;
	border-radius: 30px;
	font-family: Fredoka One;
	margin: 15px auto 25px auto;
	width: max-content;
	min-width: 70%;
	font-size: 32px;
    font-weight: bold;
	text-align: center;
}


.strip3{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15bbc5+0,15bbc5+100 */
background: #15bbc5; /* Old browsers */
background: -moz-linear-gradient(top, #15bbc5 0%, #15bbc5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #15bbc5 0%,#15bbc5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #15bbc5 0%,#15bbc5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15bbc5', endColorstr='#15bbc5',GradientType=0 ); /* IE6-9 */
}

input:not(:focus):valid ~ .floating-label, input:not(:focus):valid ~ .floating-label2{
  opacity: 0;
}

.bg_gameuser
{
 background: #69c1ce; /* Old browsers */
background: -moz-linear-gradient(left, #69c1ce 0%, #42b0bd 52%, #17a0ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #69c1ce 0%,#42b0bd 52%,#17a0ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #69c1ce 0%,#42b0bd 52%,#17a0ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c1ce', endColorstr='#17a0ad',GradientType=1 ); /* IE6-9 */
}

.partecipare{cursor: pointer;}
.riserva{ margin-top:-15px;}
.ui-effects-transfer { border: solid #FFF 1px; background-color:#ffffff7a; border-radius: 20px; }

.shake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: 3;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

@keyframes pulse2_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}


.flip {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }
  @keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  } 


.bgcolor {
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbb3cc+0,faacc6+29,f89dba+56,f587a9+79,f3799e+90,f16891+100 */
background: #fbb3cc; /* Old browsers */
background: -moz-linear-gradient(left, #fbb3cc 0%, #faacc6 29%, #f89dba 56%, #f587a9 79%, #f3799e 90%, #f16891 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fbb3cc 0%,#faacc6 29%,#f89dba 56%,#f587a9 79%,#f3799e 90%,#f16891 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fbb3cc 0%,#faacc6 29%,#f89dba 56%,#f587a9 79%,#f3799e 90%,#f16891 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb3cc', endColorstr='#f16891',GradientType=1 ); /* IE6-9 */
 
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 


.floating {   
    animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 30px; 
    margin-top: 5px; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px) rotate(2deg); } 
    50%  { transform: translate(0, 15px) rotate(-2deg); } 
    100%   { transform: translate(0, -0px) rotate(2deg); }     
} 


.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 



.show{display: block !important;}


.showmex {
	position: fixed;
	width: 80%;
	margin: 0 10%;
	opacity: 1;
	color: #ffffff;
	font-size: 45px;
	text-shadow: 2px 2px 1px rgba(150, 150, 150, 1);
	font-weight: bold;
	z-index: 9999;
	font-family: 'Fredoka One', cursive;
	top: 25%;
	text-align: center;
	display: none !important;	
}


.shownotify_invit, .shownotify_fase  {
	background-color: #ffffff;
	text-align: center;
	padding: 10px;
	position: relative;
	z-index: 999;
	width: 300px;
	border-radius: 30px 0 30px 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	display: none;
	float: right;
	margin: -20px 0 -110px 0;
}

.close_notify, .close_notify_fase {
	color: #ffffff;
	background-color: #003F7C;
	width: auto;
	/* display: inline-block; */
	max-width: 100px;
	margin: 10px auto 0 auto;
	border-radius: 30px;
	padding: 4px;
	cursor: pointer;
}

.read_more{
	color: #EB3367;
}

.txt_username {
    float: left;
    margin: 26px 5%;
    color: #fff;
    font-size: 22px;
    padding: 5px 0;
	font-family: 'Fredoka One', cursive;
}

.title5 {
    color: #fff;
	font-family: 'Fredoka One', cursive;
	font-size: 36px;
}

.arrowdown::after {
    content: "\203A";
    margin: 0 8px 0 10px;
    transform: rotate(90deg);
    display: inline-block;
    padding: 0 5px;
}

.arrowup::after {
    content: "\203A";
    margin: 0 8px 0 10px;
    transform: rotate(0deg);
    display: inline-block;
    padding: 0 5px;
}


  .txtintro3{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  animation-delay: 1s;
 
  }


  .txtintro4{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  animation-delay: 2s;
 
  }

  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 

  @-webkit-keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  }
  @keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  } 
  
  .playintro, .btn_small{
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 2s;
  }
  @-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }
  @keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  } 
  
  .txtintro1, .txtintro2{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  animation-delay: 0.5s;
  }


  .read_rules{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 3.5s;
  }


  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.pulse
{
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}



.pulse2
{
	animation-name: pulse2_animation;
	animation-duration: 5000ms;
	animation-iteration-count: 2;
	animation-timing-function: linear;
}

.menu a .fa-home {
	color: #ffffff;
}

.nav_login{ cursor:pointer;}

.gamearea{
	display: none;
	margin: 0 auto;
}

.gameintro {
    text-align: center;
    margin: 60px auto 0 auto;
	width: 100%;
}

.gameintro_in {
    max-width: 1400px;
    margin: 0 auto;
	width: 90%;
	padding: 50px 5%;
}

.blockfasi {
	margin-top: -30px;
}

.blockfasi img {
  width: 100%;
  margin-left: 12px;
}

.quadro_fase_on {
  display: inline-block;
  width: 28%;
  position: relative;
  top: 65px;
  margin: 20px 8%;
}

.quadro_fase_on img {
  width: 100%;
  margin-bottom: -15px;
}


.quadro_fase_off{display: inline-block; width: 25%;}

.txtintro1, .txtintro4{
	font-family: 'Open Sans', sans-serif;
	color:#ffffff;
	font-size: 25px;
	margin: 0;
	font-weight: bold;
	text-align: center;
}

.txtgame{
	font-family: 'Open Sans', sans-serif;
	color:#EB3367;
	font-size: 24px;
	margin: 0;
	font-weight: bold;
	text-align: center;
}

.txtintro2{
	font-family: 'Open Sans', sans-serif;
	color:#EB3367;
	font-size: 20px;
	margin: 0;
	font-weight: bold;
}

.txtintro3{
	font-family: 'Fredoka One', cursive;
	color:#ffffff;
	font-size: 68px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}


.footer_intro {
    width: 100%;
    text-align: center;
    max-width: 1400px;
    margin: 30px auto 0px auto;
}

.footer_intro img{
    width: 100%;
}

.footer_gameuser {
    width: 100%;
    text-align: center;
    max-width: 1400px;
    margin: 30px auto 0px auto;
}

.footer_gameuser img{
    width: 100%;
}

.info {
	font-size: 20px;
	color: #ffffff;
	width: 85%;
	padding: 0 2.5%;
	max-width: 1400px;
	margin: 0 auto;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}

.info_button {
    width: auto;
	display: inline-block;
	cursor: pointer;
}

.block_game {
	text-align: center;
	margin: 5% auto 0 auto;
	max-width: 840px;
	width: 90%;
	color: #ffffff;
	font-family: 'Fredoka One', cursive;
	position: relative;
	  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.block_risp {
	background-color: #EB3367;
	padding: 10px 50px;
	border: solid 2px #fff;
	border-radius: 45px;
	margin: 20px auto 50px auto;
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	max-width: 870px;
}

.block_complete {
	text-align: center;
	margin: 10% auto 0 auto;
	max-width: 700px;
	width: 90%;
	color: #ffffff;
	font-family: 'Fredoka One', cursive;
	position: relative;
	font-size: 40px;
}

.panel {
  max-height: 0;
  overflow: hidden;
}

.indizi {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	color: #ffffff;
	padding: 20px 0 50px 0;
	font-family: 'Open Sans', sans-serif;
}

.indizio {
	font-size: 20px;
	border-bottom: solid #FFFFFF80 1px !important;
	padding: 25px 0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

.txt_indizio {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  min-width: 130px;
  font-weight: bold;
  vertical-align: middle;
}

.list_indizi{
		  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;

}

.lock {
  background-color: #b3b3b3;
  border-radius: 21px;
  padding: 8px 23px;
  max-width: 250px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.imgpg {
	margin-top: 15px;
	max-width: 700px;
	width: 100%;
}

.endgame .block_complete{	
	min-height: initial !important;
	display: none;
	margin: 5% auto 0 auto;
}

#userword {
	border: 0;
	color: #333;
	font-size: 25px;
	outline: none;
	width: 90%;
	max-width: 600px;
	padding: 10px 20px;
	border-radius: 25px;
	margin: 0 auto 20px auto;
	text-align: center;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}



#word_btn {
    background-color: #003f7c;
    font-size: 30px;
    border: 0;
    color: #fff;
    border-radius: 50%;
    padding: 5px 8px;
    cursor: pointer;
	outline: none;
}

#action_btn {
  font-size: 30px;
  border: 0;
  color: #fff;
  cursor: pointer;
  background: transparent;
  font-family: 'Fredoka One', cursive;
	text-transform: uppercase;
}

.alert {
	color: #fff;
	font-size: 20px;
	padding: 10px;
	margin: 0 auto;
	text-transform: uppercase;
	display: none;
}


.footer_game {
    width: 100%;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto 0px auto;
}

.footer_game img{
	width: 100%;
}

.baloon {
	max-width: 192px;
	position: absolute;
	left: 50%;
	margin-top: -270px;
	margin-left: 200px;
	background: url("../image/ruota/baloon_ruota.png");
	background-repeat: no-repeat;
	height: 309px;
	width: 243px;
	background-size: contain;
	line-height: 22px;
	padding: 40px 10px;
	display: none;
	z-index: 999;
}

.point_residuo {
	color: #ffffff;
	font-size: 54px;
	font-family: 'Fredoka One', cursive;
	display: inline-block;
	vertical-align: middle;
}

.baloon span{display: block;}

.frase1{
	color: #ffffff;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.txt_residuo {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

/* fine giochi */

a:hover, a:active, a:focus {
    outline: none;
    border: 0;
}

.menu .social_icon {
    vertical-align: middle;
}

.menu .social_icon i {
    margin: 0 2px !important;
}

.block_privacy{margin:0 0 0 10px;}

.required, .error-msg, .success-msg{
color: #ffffff !important;
font-family: 'Open Sans', sans-serif;
font-size: 20px; 
font-weight: bold;
display: block;	
}

.g-recaptcha {
    margin: 10px;
}

.txt_small{
	font-size: 0.8em;
}

.txt4{
	color: #ffffff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
}

.home_play {
    display: block;
    margin: 0 auto 40px auto;
    text-decoration: none;
}

.success {
	border: solid #FFF 2px !important;
	padding: 20px;
	margin: 5px 2% 20px 2%;
	color: #ffffff;
	border-radius: 30px;
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
}

.hidden{
	display: none !important;
}

.hideword, .exitword{
	opacity: 0.3;
	width: 70% !important;
	font-size: 0.7em;
	margin: 10px 10% !important;
	opacity:0.2;
}

.nextword {
    opacity: 0.4;
    width: 70% !important;
    font-size: 0.8em;
	margin: 10px 10% !important;
}

.usernav {
    color: #ffffff;
    width: 100%;
    text-align: center;
	font-family: 'Fredoka One', cursive;
	font-weight: 300;
	margin: 30px 0 0 0;
	letter-spacing: 1px;
}

.usernav li a {
	color: #ffffff;
	display: block;
	font-size: 22px;
	border-bottom: solid 1px #ffffff47;
	padding: 15px 5%;
	text-decoration: none;
}


.success-msg {
    border: solid #FFF 2px !important;
    padding: 20px;
    border-radius: 30px;
    max-width: 620px;
    margin: 10px auto;
}

.error-field{
background: #ff8d8d !important;	
color: #ffffff !important;
}

input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
	font-size: 25px;
font-family: 'Open Sans', sans-serif;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #ccc;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
  background:#ffffff;
	
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #666;
  color: #ffffff;
}

.error-msg{
 font-family: 'Open Sans', sans-serif;
 font-size: 22px;
    border: solid #FFF 2px !important;
    padding: 20px;
    border-radius: 30px;
    margin: 10px auto;	
}

#login-btn, #reset-btn, #forgot-btn  {
	display: block;
	color: #ffffff;
	font-size: inherit;
	font-family: inherit;
	text-transform: inherit;
	letter-spacing: inherit;
	cursor: pointer;
	text-align: center;
	width: 100%;
}


.btn_out{
	max-width: 500px;
    margin: 0 auto;
}

#forgot-btn:hover {
  background: #003F7C !important;
  -webkit-box-shadow: 0px 0px 0px 5px #003F7C !important;
  box-shadow: 0px 0px 0px 5px #003F7C;
}


#signup-btn {
    background: #003F7C;
    border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    font-family: 'Fredoka One', cursive;
    font-size: 40px;
    padding: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
	display: block;
	width: 100%;
}

.btn_out2 {
    background: #EB3367;
    border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
    margin: 0 auto;
    display: inline-block;
}

.btn2 {
	background: transparent;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	font-family: 'Fredoka One', cursive;
	font-size: 24px;
	padding: 5px 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	display: block;
	min-width: 85px;
	-webkit-box-shadow: 0px 0px 0px 5px #EB3367; 
box-shadow: 0px 0px 0px 5px #EB3367;
}

.btn2 a{
	color: #ffffff;
	text-decoration: none;
}

.row-input {
	margin: 15px 2%;
	width: 45.7%;
	display: inline-block;
}

.logotop {
	float: left;
	max-width: 165px;
	margin-top: 2px;
	margin-right: 20px;
}

.parag1{
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;

}

.parag2{
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
}

.title_white {
	border-style: solid;
	border-color: #ffffff;
	border-color: #ffffff;
	border-width: 2px;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	font-family: Fredoka One;
	font-size: 40px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 50px auto;
	padding: 5px 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	background: transparent;
	cursor: pointer;
}

.logotop img{width: 100%;}

.clear{clear: both;}

.space1{padding-top: 30px;}
.space2{padding-top: 60px;}

.logo_m {
    float: left;
    width: 60%;
    padding: 0 5%;
	display: none;
	text-align: center;
}

.logo_m img{width: 100%; max-width: 240px;}

.stripred{
	background-color: #EB3367;
	padding: 50px 0 0 0;
}

.strip1{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbb3cc+0,faacc6+29,f89dba+56,f587a9+79,f3799e+90,f16891+100 */
background: #fbb3cc; /* Old browsers */
background: -moz-linear-gradient(left, #fbb3cc 0%, #faacc6 29%, #f89dba 56%, #f587a9 79%, #f3799e 90%, #f16891 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fbb3cc 0%,#faacc6 29%,#f89dba 56%,#f587a9 79%,#f3799e 90%,#f16891 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fbb3cc 0%,#faacc6 29%,#f89dba 56%,#f587a9 79%,#f3799e 90%,#f16891 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb3cc', endColorstr='#f16891',GradientType=1 ); /* IE6-9 */
	
max-height: 594px;
padding: 0 5%;

position: relative;	
}

.closeslidemenu{display: none;}

.header{
	width: 100%;
	padding: 40px 0 80px 0;
	margin: 0 auto;
}

.header_in{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.navlogged{ text-align: left !important;}

.navlogged .fas {
	float: left;
	/* display: block; */
	width: 38px;
	text-align: center;
	margin: 0;
}

.header_game {
    width: 95%;
    padding: 40px 0 0 0;
	max-width: 1400px;
	margin: 0 auto;
}

.header_in_game .fa-user {
    margin-top: 0;
}

.header_game .usernav{
	text-align: left;
}

.header_game .menublock {
	display: none;
	background-color: #ffffff;
	height: 100% !important;
	top: 0;
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 999;
	font-family: 'Fredoka One', cursive;
	font-weight: 300;
	overflow: auto;
	letter-spacing: 1px;
	max-width: 650px;
	-webkit-box-shadow: 5px 0px 22px -4px #000000; 
box-shadow: 5px 0px 22px -4px #000000;
}
.header_game .menu ul{
		position: absolute;
		top: 60px; 
		left: 0;
		background-color: #ffffff;
		width: 100%;
		text-align: center;
		z-index: 9999;
	}
	
.header_game .closeslidemenu{
		position: absolute; 
		z-index: 99999;
		left: 5%;
		top: 20px;
		color: #ea3266;
		font-size: 30px;
		cursor: pointer;
		
	}
	
.header_game .menu li::after {
  		content: "";
		margin: 0;
    }
	
.header_game .menu li {
	color: #003F7C;
	display: block;
	font-size: 18px;
	border-bottom: solid 1px #ffffff47;
	padding: 15px 5%;
}

.header_game .menu li a{
	color: #003F7C;
	}
	

.header_game .menu_m .fa-bars{cursor: pointer;}

.header_game .logo_m {
    display: block;
    width: 49.5%;
    padding: 0;
	margin-top:-20px;
}

.userpoint {
    float: right;
    width: auto;
    color: #fff;
    border: 2px solid;
    border-radius: 30px;
    padding: 8px 1%;
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    vertical-align: middle;
    display: inline-block;
    margin: -16px 1% 0 0;
}

#totalpoint {
    font-size: 45px;
    font-family: Fredoka One;
    vertical-align: -10px;
    display: inline-block;
    margin: 0 10px;
    line-height: 35px;
}

.header_in_game .menu_m {
    display: block;
    font-size: 30px;
    color: #ffffff;
	margin-top:-10px;
}

.header_in_game .menu {
    width: 20%;
    margin-right: 5%;
}

.menu{
	float: left;
	width: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 600;
}

.menu li{
	color: #ffffff;
	display: inline;
	margin: 0;
	padding: 0
}

.menu li a{
	color: #ffffff;
	text-decoration: none;
}

.menu .current a{color: #003f7c;}

.menu li a:hover{color: #003f7c;}

.usernav .current2 a{
	color: #EB3367; 
	background-color:#ffffff;
}

.usernav li a:hover{
	color: #EB3367;
	background-color:#ffffff;
}

.menu li::after {
  content: "|";
	margin: 0 5px 0 10px;
}

.menu li:last-child::after {
  content: "";
	margin: 0;
}

.user {
	float: right;
	width: auto;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
	margin-right: -4px;
}

.navlogin{
	margin-top: 5px;
}

.block1 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.block1sx {
	width: 30%;
	float: left;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 60px;
	max-width: 590px;
	color: #ffffff;
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.logo2 {
  margin: -12px auto;
  max-width: 400px;
}

.blockfase{margin: 20px 0 5px 0;}

.block1dx {
	float: right;
	padding: 0;
	width: 60%;
	margin-top: -30px;
}

.blistex_stick{
	width: 100%; 
	max-width: 790px; 
	margin-left: 8px;
}

.periodofase{color: #ffffff; 
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 600;
 }

.closeslidemenu{
	display: none;
}

.strip2{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee4c7b+0,ee4c7b+2,f0608a+8,f37399+16,f587a9+26,f9a0bd+44,fab0ca+67,fbb4cd+100 */
background: #ee4c7b; /* Old browsers */
background: -moz-linear-gradient(left, #ee4c7b 0%, #ee4c7b 2%, #f0608a 8%, #f37399 16%, #f587a9 26%, #f9a0bd 44%, #fab0ca 67%, #fbb4cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ee4c7b 0%,#ee4c7b 2%,#f0608a 8%,#f37399 16%,#f587a9 26%,#f9a0bd 44%,#fab0ca 67%,#fbb4cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ee4c7b 0%,#ee4c7b 2%,#f0608a 8%,#f37399 16%,#f587a9 26%,#f9a0bd 44%,#fab0ca 67%,#fbb4cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4c7b', endColorstr='#fbb4cd',GradientType=1 ); /* IE6-9 */

}

.intro {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	margin: 65px auto 20px auto;
	max-width: 780px;
	clear: both;
}

.btn_small {
	background: #003F7C;
	border-radius: 25px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 25px;
	color: #ffffff;
	text-align: center;
	margin: -32px auto;
	font-family: 'Fredoka One', cursive;
	font-size: 19px;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	width: 100%;
}

.button_accedi {
	background: #003F7C;
	border-radius: 25px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 25px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	font-family: 'Fredoka One', cursive;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	width: max-content;
}

.button_accedi:hover,  .gioca .dot:hover, .registrati .dot:hover, .btn_out .dot:hover, #signup-btn:hover
{
  background : #EB3367;
		-webkit-box-shadow: 0px 0px 0px 5px #EB3367; 
box-shadow: 0px 0px 0px 5px #EB3367;	
}	

.block_risp .button_accedi:hover,  .block_risp .dot:hover
{
  background : #00ADBA;
 -webkit-box-shadow: 0px 0px 0px 5px #00ADBA; 
 box-shadow: 0px 0px 0px 5px #00ADBA;	
}	

.registrati a {text-decoration: none;}

.dot {
  border: solid #FFF 2px !important;
  border-radius: 29px;
  -moz-border-radius: 29px;
  -webkit-border-radius: 25px;
  padding: 5px 25px;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 5px #003F7C;
  box-shadow: 0px 0px 0px 5px #003F7C;
  width: auto;
	background: #003F7C;
}

.btn_out2 a{text-decoration: none;}

.dot:hover {
  background : #EB3367;	
-webkit-box-shadow: 0px 0px 0px 5px #EB3367; 
box-shadow: 0px 0px 0px 5px #EB3367;
}

.link_registrati{
  text-align: center; 
  display: block;
  font-family : Open Sans;
  font-weight : bold;
  font-size : 25px;
  color : #ffffff;
  text-decoration : underline;
  margin: 20px auto;
  width: max-content;
}

.link_registrati:hover{
  color : #003F7C;
}

.strip4{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dffdff+33,8bdbe1+53,17bcc7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dffdff 33%, #8bdbe1 53%, #17bcc7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dffdff 33%,#8bdbe1 53%,#17bcc7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#dffdff 33%,#8bdbe1 53%,#17bcc7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#17bcc7',GradientType=0 ); /* IE6-9 */

}

.strip5{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f9ba8+0,18a0ad+11,42b0bd+42,62becb+69,81cbd8+98,81cbd8+100 */
background: #0f9ba8; /* Old browsers */
background: -moz-linear-gradient(left, #0f9ba8 0%, #18a0ad 11%, #42b0bd 42%, #62becb 69%, #81cbd8 98%, #81cbd8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0f9ba8 0%,#18a0ad 11%,#42b0bd 42%,#62becb 69%,#81cbd8 98%,#81cbd8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0f9ba8 0%,#18a0ad 11%,#42b0bd 42%,#62becb 69%,#81cbd8 98%,#81cbd8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9ba8', endColorstr='#81cbd8',GradientType=1 ); /* IE6-9 */
}

.strip6{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#69c1ce+0,42b0bd+52,17a0ad+100 */
background: #69c1ce; /* Old browsers */
background: -moz-linear-gradient(left, #69c1ce 0%, #42b0bd 52%, #17a0ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #69c1ce 0%,#42b0bd 52%,#17a0ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #69c1ce 0%,#42b0bd 52%,#17a0ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c1ce', endColorstr='#17a0ad',GradientType=1 ); /* IE6-9 */
	
padding: 50px 0;	
}

.txt3{
color: #0084A4 !important;
	
}

.title_green, .title_green2 {
	font-family: Fredoka One;
	font-size: 40px;
	color: #00ADBA;
	text-align: center;
	max-width: 950px;
	margin: 50px auto 20px auto;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
}



.cloud {
	width: 90%;
	max-width: 1400px;
	margin: -85px auto 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.cloud img {
  margin: 0 25px;
	width: 28%;
}

.wave2 {
	width: 100%;
	margin: -30% auto -8px auto;
	text-align: center;
	position: relative;
	z-index: 1;
}



.block_social {
	font-family: Open Sans;
	font-weight: bold;
	font-size: 25px;
	margin: 50px auto 20px auto;
	text-align: center;
	display: block;
	padding: 0 5%;
	max-width: 900px;
	color: #003F7C;
	position: relative;
}

.block_social .social_icon a{	
	color: #003F7C;
}

.block_social .social_icon a:hover{	
	color: #EB3367;
}	

.block_social i{
	font-size: 85px;
	margin: 20px 10px;
}

.footer{
	background-color: #003F7C;
	color: #ffffff;
	width: auto;
	padding: 40px 5%;
	font-family: Open Sans;
}

.footer_in{
	max-width: 1400px;
	margin: 0 auto;
}

.footersx{
	float: left;
	width: 60%;
}

.footerdx{
	float: right; 
	text-align: right;
	padding: 5% 0;
}

.footer a{color: #ffffff;
text-decoration: none;
}

.footer a:hover{
	color: #EB3367;
}

.wave3 {
    margin: -70px 0 -8px 0;
}

.wave {
	margin: 0 0 -20px 0;
}

.title1{font-size: 56px; text-align: center;
font-family: Fredoka One;
color: #ffffff;
text-transform: uppercase;
}

.title2{font-size: 40px; text-align: center;
font-family: Fredoka One;
color: #ffffff;
padding: 0 2.5%;
}

.title6{font-size: 24px;}

.menu_m{display: none;}

.footer p{padding: 20px 0;}

.slidecontent{position: fixed; right: 0; top: 0; width: 660px; z-index: 9999; background-color: #003f7c; height: 100% !important; display: none; overflow: auto; 
box-shadow: -5px 1px 10px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: -5px 1px 10px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -5px 1px 10px -1px rgba(0,0,0,0.75);}


.closeslidenav .fa-times{
	color: #ffffff; 
	font-size: 40px;
	margin: 20px 5% 20px 20px;
	float: right;
	padding: 5px;
	cursor: pointer;
}

.block_login{
	text-align: center;
 	font-family : Fredoka One;
	color: #ffffff;
	width: 90%;
	padding: 0 5%;
}

.title2{text-transform: uppercase;}


.block_content{
	width: 90%;
    max-width: 1165px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding: 0 5%;
}

.block_content table td {
padding: 0; margin: 0;
}

.linkwhite{
 color: #ffffff;	
}

.string {
    font-family: Open Sans;
    font-size: 22px;
    display: block;
    margin: 8px auto 30px auto;
	color: #ffffff;
}

.string_privacy{    
	font-family: Open Sans;
    font-size: 18px;
    margin: 10px 10px;
	color: #ffffff;
	}

.string2 {
    font-family: Open Sans;
    font-size: 22px;
    margin: 20px 10px;
	color: #ffffff;
}

.input-box-330 {
	background: #FFFFFF;
	background: #ffffff;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	border: 0;
	padding: 12px 20px;
	margin: 5px auto 20px auto;
	width: 90%;
	max-width: 450px;
	font-size: 24px;
	font-family: Open Sans;
	outline: none;
}


.input-box2 {
	background: #FFFFFF;
	background: #ffffff;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	border: 0;
	padding: 12px 3%;
	font-size: 24px;
	font-family: Open Sans;
	outline: none;
	width: 94%;
}

.margin{margin: 10px;}



.block_login .input-box-330{
	display: block;
}	

.gioca .dot{
 background: #FF7BAC;
-webkit-box-shadow: 0px 0px 0px 5px #FF7BAC; 
box-shadow: 0px 0px 0px 5px #FF7BAC;	
}
.registrati .dot {
 background: #00ADBA;
-webkit-box-shadow: 0px 0px 0px 5px #00ADBA; 
box-shadow: 0px 0px 0px 5px #00ADBA;
}

.gioca, .registrati {
    border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
    color: #ffffff;
    text-align: center;
    max-width:inherit;
    margin: 10px auto 20px auto;
    font-family: 'Fredoka One', cursive;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
	display: block;
	width: max-content;
	
}

.linedot{
	margin: 90px 0 40px 0;
	border-top: solid 1px;

}

.linedot2{
	width: 100%; 
	border-top:solid 1px #ffffff;
}

.open{	padding: 30px 0;}

.menu .social_icon{
	font-size: 1.3em;
}

.cloud2 {
  top: 70px;
  position: relative;
}

	


@media screen and (max-width: 1300px) and (min-width: 992px) {

#action_btn {
  font-size: 24px;
}	
	
.logotop {
  margin-top: 0px;
  max-width: 156px;	
}
	
.btn_small {
	margin: -25px auto 0 auto;
	font-size: 16px;
}	
	
.imgpg {
	max-width: 600px;
}	
	
.stripruota2_3 {
	height: 350px;
	margin: -150px 0 -170px 0;
}	
	
.bg3 .block1dx {
    margin-bottom: -13%;
}	

.block1 {
  margin: 0 auto;
}	
		
	
.btn2{font-size: 18px;}
.input-invito{ font-size: 18px;}	
	
		
.title4, .title5 {
	font-size: 21px;
}
	
.kitpremisx{
	margin-top: 50px;
	font-size: 23px;
}

.kitpremidx{
	margin-top: 100px;
	font-size: 23px;
}

.kitvincitorisx{
	margin-top: 100px;
	font-size: 23px;
}

.kitvincitoridx{
	margin-top: 60px;
	font-size: 23px;
}	
	
.title3, .title4, .title5 {font-size: 32px;}	
	
.strip_gameuser {
    margin: -240px 0 -130px 0;
}	

.footer_intro {
	width: 100%;
	text-align: center;
	max-width: 1200px;
	margin: -68px auto 0px auto;
}

.footer_gameuser{
	width: 100%;
	text-align: center;
	max-width: 1200px;
	margin: 0 auto 0px auto;
}	

.shownotify_invit, .shownotify_fase  {
	padding: 15px;
	position: absolute;
	width: 292px;
	left: inherit;
	border-radius: 30px 0 30px 30px;
	font-size: 14px;
	top: 75px;
	margin-left: inherit;
	right: 2.5%;
	float: none;
	margin: 5px 0 0 0;
}	
		
	
	
.logo_m img {
    max-width: 200px;
}

.header_game {
    padding: 40px 0 0px 0;
}	
	
.footer_intro, .footer_gameuser {
    max-width: 1300px;
}	
	
.header_game .menublock {
max-width:480px;
}

.txtintro1, .txtintro4 {
  font-size: 22px;
}
	
.txtgame {
    font-size: 23px;
}		
	
.txtintro2 {
    font-size: 20px;
}	
	
.txtintro3 {
    font-size: 60px;
}	
	
.slidecontent{width: 480px;}

.logotop img {
    max-width: 140px;
}

.btn_out {
	max-width: 400px;
}


#signup-btn {
	font-size: 30px;
}

input[type="checkbox"] + label {
    font-size: 17px;
}
	
	
.gioca, .registrati {
	font-size: 28px;
	padding: 5px;
}	
	
	
.menu li::after {
  content: "|";
	margin: 0 3px 0 6px;
}	
	
.header {
  padding: 40px 0 60px 0;
  width: 100%;
}
		
.menu {
    font-size: 16px;
}
	
.strip1 {
  padding: 0 2.5%;
}	
	
.user {
    font-size: 28px;
}	

	
.block1dx {
	width: 60%;
	float: right;
	padding: 0;
	margin-bottom: 0;
	margin-top: -48px;
}	
	
	
.block1sx {
    width: 35%;
    float: left;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 25px;
	font-size: 25px;
}
	
.strip1 { 
	max-height: 420px;
}	
		
.title1 {
  font-size: 48px;
}	
	
.logoblock, .logoblock2 {
	width: 85%;
	max-width: 180px;
}	
	
.logo2 {
  margin: -5px auto;
  max-width: 300px;
}	
	
.blockfase {
    margin: 10px 0 5px 0;
}	
	
.blockfase img {
    max-width: 80px;
	width: 25%;
}		

	
.blistex_stick {
    max-width: 600px;
}	
	
.periodofase {
    font-size: 18px;
}	
	
.block1 {
    margin: 20px auto 0 auto;
}	
	
.intro {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin: 8% auto 20px auto;
    max-width: 590px;
}	
	
.button_accedi {
    max-width: 395px;
    font-size: 28px;
}	
	
.link_registrati {
    font-size: 22px;
    margin: 18px auto;
}	
	

.cloud img {
    margin: 0 3%;
    width: 27%;
}	
	
.cloud2 {
	max-width: none;
}	
	
.wave2 {
    margin: -240px auto -8px auto;
}	

	
.cloud {
    margin: -85px auto 0 auto;
}	
	
.cloud img {
    margin: 0 3%;
    width: 27%;
    max-width: 300px;
}	
	
.title_green, .title_white {
    font-size: 29px;
    max-width: 400px;

}	
	
.block_social {
    font-size: 20px;
    margin: 50px auto 20px auto;
    max-width: 570px;
}	
	
.block_social i {
    font-size: 60px;
    margin: 20px 10px;
}	

.title6 {
    font-size: 21px;
}	
	
.footersx img{
	max-width: 140px
	}	
	

.gioca, .registrati {
    font-size: 28px;
}

.linedot{
	margin: 70px 0 30px 0;
}	
	
.open{	padding: 20px 0;}
	
.title2{
	font-size: 28px;
	}	
	
	.string{
		font-size: 20px;
	}	
	
.input-box-330 {
    max-width: 420px;
    font-size: 18px;
 }
	
	
.input-box2 {
	font-size: 18px;
}	
	
.closeslidenav .fa-times {
    font-size: 35px;
}	

.space1{padding-top: 20px}	
.space2{padding-top: 30px;}	
	
.usernav li a {
    font-size: 20px;
}
	


.footer_game {
    max-width: 900px;
    margin: 0 auto 0px auto;
}	
	
.wave3 {
    margin: -40px 0 -8px 0;
}	
	

.frase1 {
    font-size: 26px;
}	
	
.frase2 {
    font-size: 18px;
}	
	
.frase3 {
    font-size: 32px;
}	
	
.frase4 {
    font-size: 18px;
}	
	
.indizi {
  width: 90%;
  padding: 30px 5%;
}	
	
.txt_username {
    font-size: 24px;
}	
	
.header_in_game .menu_m {
    font-size: 28px;
	margin-top:-5px;
}

.floating-label {
	margin-top: -48px;
	margin-left: 14px;
}

.floating-label2 {
	margin-top: -68px;
	margin-left: 22px;
}	
	
.success, .success-msg {
	font-size: 20px;
}	

}


	
@media screen and (max-width: 992px) {

.indizio .txt_indizio:nth-child(2) {
 width: auto;
 max-width: 450px;	
 margin: 0 auto;
 min-height: inherit;	
}	
	
.success, .success-msg {
	font-size: 16px;
}	

.ground .intro {
    margin: 10% auto 20px auto;
}		
	
.btn2{font-size: 14px;}
.input-invito{ font-size: 16px;}	
	
.open{	padding: 10px 0;}

.strip_gameuser {
    margin: -187px 0 -130px 0;
	height: 250px;
}	
	
.space2{padding-top: 30px;}
	
.floating-label {
	margin-top: -45px;
	margin-left: 2.6%;
}
	
.title4, .title5 {
	font-size: 16px;
}	

.title5{display: block;}	
	
.floating-label2 {
	margin-top: -60px;
	margin-left: 4%;
}


#word_btn {
	font-size: 20px;
	padding: 6px 9px;
}	
	

.wave3 {
    margin: 20px 0 -8px 0;
}	
	
.wave {
	margin: 0 0 -10px 0;
}
	
.home_play {
  margin: 0 auto 30px auto;
}	
	

.txt_username {
    font-size: 22px;
}		
	
	
.title_white {
	font-size: 25px;
	}
	
.input-box-330 {
	padding: 12px 5%;
	margin: 15px auto;
}
	
.menu{width: 15%;}
	
.menublock {
	display: none;
	background-color: #003F7C;
	height: 100% !important;
	top: 0;
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 999;
	font-family: 'Fredoka One', cursive;
	font-weight: 300;
	overflow: auto;
	letter-spacing: 1px;
}

.menu ul{
		position: absolute;
		top: 60px; 
		left: 0;
		background-color: #003F7C;
		width: 100%;
		text-align: center;
		z-index: 9999;
	}
	
	.closeslidemenu{
		position: absolute; 
		z-index: 99999;
		left: 5%;
		top: 20px;
		color: #ffffff;
		font-size: 30px;
		cursor: pointer;
		
	}
	
	.menu li::after {
  		content: "";
		margin: 0;
    }
	
.menu li {
	color: #ffffff;
	display: block;
	font-size: 18px;
	border-bottom: solid 1px #ffffff47;
	padding: 15px 5%;
}

	.menu li a{
	color: #ffffff;
	}
	

	.menu li a:hover, .menu .current a{
	color: #ea3266;
	}	
	
	
	.menu_m{display: block; font-size: 40px; color: #ffffff;}
	
	.menu_m .fa-bars{cursor: pointer;}

	.block1sx {
    width: auto;
    float: none;
    padding: 8% 0 0 0;
    text-align: center;
    position: inherit;
    bottom: auto;	
	font-size: 20px;
	margin: 0 auto;	
	order: 2;	
}
	
.block1dx {
  margin-top: 0;
}	
		
.block1dx {
    width: auto;
    float: none;
    padding: 0;
}	
	
.strip1 {
    max-height: inherit;
    padding: 0 5%;
    position: inherit;
}	

.header {
    width: 100%;
    padding: 20px 0 45px 0;
    margin: 0 auto;
}
	
.logoblock, .logoblock2 {
    max-width: 230px;
    margin-top: -95px;
}
		
.blockfase img {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}
	
.bg3 .blistex_stick {
    margin-bottom: -20%;
}	
	
.intro {
	margin: 0px auto;
	padding: 5% 0px 15px 0;
	width: 90%;
	font-size: 18px;
}

.periodofase {
	font-size: 18px;
	display: inline-block;
	margin: 5px 0 5px 10px;
	max-width: 155px;
	text-align: left;
}
	
.quadro_fase_on {
	top: 0;
}	
	
.button_accedi {
    max-width: 350px;
    margin: 0 auto;
    width: 80%;
	font-size:23px;
}
	
.header .logo_m{
	display: block;
}
	
.header_game .logo_m {
    display: block;
	width: 60%;
}	
	
.logo_m img{max-width: 180px;}	
	
.header {
	padding: 15px 0;
	margin: 0 auto;
}	
	
.link_registrati {
    font-size: 20px;
 }
	
	
	
.cloud {
    max-width: 1400px;
    margin: 0 auto 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}	
	
.cloud img {
  margin: 0 2%;
  width: 98%;
  max-width: 270px;
}

.cloud2 {
  top: -12px;
  position: relative;
}
	
.cloud img:last-child {
  margin: 0;
}
	
.title_green {
    max-width: 350px;
    margin: 30px auto 20px auto;
    font-size: 23px;
    width: 80%;
}	
	
.block_social {
    font-size: 18px;
}
	
.block_social i {
    font-size: 50px;
    margin: 20px 10px;
}	
		
	
.fa-user {
    margin-top: 5px;
}	
	
.footersx {
    float: none;
	width: 90%;
	padding: 0 5%;
	text-align: center;
}	
	
.footersx img {
max-width: 100px;	
}	
	
.title6 {
    font-size: 20px;
	margin: 10px
}	
	
.footerdx {
    float: none;
    text-align: center;
    padding: 20px 0;
}	
	
	
.slidemainmenu{
	width: 100%;
}	
		
.slidecontent, .slidenav{
	width: 100%; max-width:450px;
}	
	
.title2, .title3, .title4, .title5 {
    font-size: 21px;
}
	
.string {
    font-size: 18px;
}
	
.gioca, .registrati {
	font-size: 23px;
	padding: 5px;
	width: auto;
	display: block;
	max-width: 300px;
}
	

.linedot {
    margin: 10px 0 20px 0;
}
	
.user {
    margin-right: 5px;
}	
	
.input-box-330, .input-box2 {
    font-size: 16px;
}	

.closeslidenav .fa-times {
	font-size: 30px;
	margin: 14px 5% 20px 20px;
	}
	
.dot {
  margin: inherit auto;
  padding: 5px 0;
	max-width: 350px;
width: 98%;
}
	
.logoblock{display: none;}	

.logoblock2 {
  max-width: 140px;
  margin-top: -2%;
  width: 80%;
}	
	
	
.gioca, .registrati {
	font-size: 21px;
	padding: 5px;
}	
	
.button_accedi {
	max-width: 350px;
	margin: 0 auto;
	width: 80%;
	font-size: 21px;
}	
	
	
.block1 {
	margin: 30px auto 0 auto;
	text-align: center;
	display: -webkit-grid; /* Safari */
  	display: grid;
}	
	
.logotop{
		display: none;
	}	
	
.blistex_stick {
	width: 100%;
	max-width: 600px;
	margin-bottom: -11%;
	text-align: center;
}
	
.input-box2 {
	/* background: #FFFFFF; */
	background: #ffffff;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	border: 0;
	padding: 13px 3%;
	font-family: Open Sans;
	outline: none;
	width: 95%;
}
	
input[type="checkbox"] + label {
	font-size: 18px;
}	
	
.string2 {
	font-size: 18px;
}	

.title_green2{ 
  font-size : 25px;
	margin: 20px auto 10px auto;
}
		
.block_content {
	padding: 20px 5%;
}
	
.parag1 {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}	
.parag2{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;

}
	
.menu_m, .user {
	font-size: 25px;
	margin-top: 8px;
}	
	
.error-msg{
 font-size: 18px;
}	

.required {
  font-size: 14px;
  margin: 5px;
}	
	
.btn_out {
	max-width: 400px;
}	
	
#signup-btn {
	font-size: 30px;
}	

.row-input {
    margin: 20px 0%;
    width: 98.8%;
    display: block;
}

#signup-btn {
	font-size: 22px;
}

.btn_out {
    max-width: 280px;
}

.menu .social_icon {
border-bottom: 0 !important;
}	
	
.menu .social_icon i {
    margin: 0 5px !important;
	font-size: 35px;
}	
	
.string_privacy {
	font-size: 14px;
}	


.footer{ font-size:14px;}
	
.frase1 {
    font-size: 18px;
}	
.frase2 {
    font-size: 14px;
}	
.frase3 {
    font-size: 22px;
}
	
.frase4 {
    font-size: 14px;
}	
	
.indizi {
  width: 90%;
  padding: 10px 5% 30px 5%;
}	
	
.txt_indizio {
  min-width: 150px;
	display: block;
}	
	
.lock {
  margin: 10px auto;
  display: block;
}
	
.header_game {
  width: 90%;
  padding: 23px 5% 0 5%;
  margin: 0 auto;
}	
	
.indizio {
  font-size: 16px;
	padding: 5px 0 10px 0;
}	
	
.indizio .txt_indizio:nth-child(1) {
margin: 10px auto;
}		

.indizio_on {
  margin: 0 auto 10px auto !important;
}	
	
	
.indizio_on p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:inherit
}	
	
.header_game .logo_m {
  display: block;
  width: 50%;
  margin: 0px;
}
	
.header_in_game .menu_m {

	margin-top:0;
}
	
.txtintro3 {
    font-size: 42px;
}	
	
.txtintro4{
    font-size: 16px;
}	
	
.txtintro1{
    font-size: 18px;
}		
	
.txtgame {
    font-size: 14px;
}		
	
.txtintro2 {
    font-size: 16px;
}	
	
.footer_intro, .footer_gameuser {
    max-width: 1000px;
}	
	
.header_game {
    padding: 21px 0 0 0;
}	
	
.footer_intro, .footer_gameuser {
    margin: 40px auto 0px auto;
}		
	
.footer_game {
    margin: -45px auto 0px auto;
}
			
.showmex {
	font-size: 34px;
}	
	
.txt_username {
    margin: 14px 5%;
}	

	
.header_in_game .menu_m {
    display: block;
    font-size: 25px;
    color: #ffffff;
    margin-top: 3px;
}
		
#userword {
	font-size: 14px;
	width: 95%;
	padding: 10px 2.5%;
}	
		
.shownotify_invit, .shownotify_fase {
  padding: 15px;
  width: 245px;
  right: 6%;
  font-size: 13px;
  top: 60px;
  margin-left: 0;
  position: absolute;
  margin: 5px 0 0 0;	
}	
	
.kitpremisx {
  float: none;
  width: 100%;
  color: #ffffff;
  margin-top: 20px;
  font-size: 16px;
  text-align: center;
}

.kitpremidx{
	float: none; 
	width: 100%;
	margin-top: 30px;
	font-size: 16px;
}

.kitvincitorisx{
	float: none; 
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
}

.kitvincitoridx{
float: none; 
	width: 100%;
	color: #1D1D1B;
	font-family: Open Sans;
	margin-top: 20px;
	font-size: 16px;
	text-align: right;
}	
	
.kitpremisx img, .kitvincitoridx img {
	max-width: 300px;
}	
	
.gameintro p, .accordion{
	font-size: 14px;
}

.gameintro_in {
	min-height:inherit;
}
	
.title1 {
  font-size: 25px;
}	

.stripred{
	padding: 20px 0 0 0;
}	
	
.arrowup::after, .arrowdown::after  {
    padding: 0 2px;
}
	
.blockfasi {
  margin-left: 0;
	margin-top: 0;
  display: grid;
}	
	
.gameintro_in {
  padding: 30px 5%;
}	
	
.imgpg {
	max-width: 500px;
}	
	
.gameintro {
  margin: 30px auto 0 auto;
}	
	
.block1_m{
	display: block;
	}	
.block1_d{
	display: none;
	}	

.logo2 {
	margin: 0 auto -10px auto;
	width: 100%;
	max-width: 180px;
}	
	
.block_risp {
	background-color: #EB3367;
	padding: 10px 2.5%;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	width: 90%;
}	
		
	
.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
	top: 26px;
	right: -5px;
	font-size: 25px;
	margin-right: 22px;
	margin-top: -34px;
}
	
.alert {
	font-size: 12px;
}	
	
#action_btn {
	font-size: 18px;
}	

	
.quadro_fase_off {
	display: block;
	width: 92%;
	margin: 30px auto;
	max-width: 380px;
}
	
.order2{order: 2;}	
.order3{order: 3;}	
	
.quadro_fase_on {
	display: block;
	width: 92%;
	top: 0;
	margin: 20px auto 0 auto;
	max-width: 380px;
	order: 1;
}
	
.btn_small {
	margin: -20px auto 46px auto;
	font-size: 19px;
	max-width: 350px;
	width: 100%;
}	
	
.user_risp2 {
	font-size: 25px;
}
	
.list_user li {
	font-size: 18px;
	margin: 16px 0 8px 0;
	padding: 14px 15px 0px 28px;
}
	
.txt4 {
  font-size: 18px;
}
	
.chartsx, .chartdx {
	width: 100%;
	float: none;
	margin: 40px auto;
	text-align: center ;
}
	
.strip6 {
  padding: 30px 0;
}	
	
.space1{padding-top: 10px}	
.space2{padding-top: 20px;}		
	
.error-msg {
  font-size: 16px;
}	
	
	
.dotted, .dotted2 {
  padding: 4px 5%;
  min-width: initial;
}	
	
	
.indizio_on:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 7px 10px;
    top: -2px;
    left: 50%;
    margin-left: -7px;
}	
		

}


@media screen and (max-width: 768px) {
	
.indizio .txt_indizio:nth-child(1) {
margin: 10px auto;
}	

.indizio .txt_indizio:nth-child(2) {
  max-width: 450px;
  margin: 0 auto;
  min-height: 46px;
}	

.block1sx {
  width: 90%;
  font-size: 16px;
}	
	
.intro {
  width: 90%;
  font-size: 16px;	
}	
	
.usernav li a {
    font-size: 18px;
}
	
.blistex_stick {
  max-width: 400px;
}	
	
.button_accedi {
  font-size: 18px;
}	
	
.link_registrati {
  font-size: 18px;
}
	
.logo2 {
  max-width: 190px;
  display: block;
  margin: 0 auto;
}
	
.title_green {
  font-size: 20px;
}	
	
.cloud2 {
  top: 0;
}	
	
.block_social {
  font-size: 16px;
}	
	
.title1, .title2, .title3, .title4, .title5 {
  font-size: 20px;
}
	
.title_green2 {
  font-size: 18px;
  margin: 20px auto 10px auto;
}	
	
#signup-btn {
  font-size: 20px;
}	
	
.quadro_fase_on {
  max-width: 280px;
}
	
.quadro_fase_off {
  display: block;
  width: 92%;
  margin: 5px auto;
  max-width: 280px;
}	
	
.gameintro_in {
  padding: 25px 5%;
}
	
.txtintro3 {
  margin: 0 0 5px 0;
}	
	
.block_risp {
	background-color: #EB3367;
	padding: 10px 50px;
	border: solid 2px #fff;
	border-radius: 45px;
	margin: 15px auto 30px auto;
	font-family: 'Open Sans', sans-serif;
	max-width: 870px;
}
	
.block_risp {
  padding: 12px 2%;
  font-size: 16px;
  width: 94%;
  border-radius: 20px;	
}	
	
.accordion__item .accordion__title .accordion__arrow {
  position: absolute;
  top: 0;
  right: -5px;
  font-size: 18px;
  margin-right: 15px;
  margin-top: 0;
}
	
#userword {
  font-size: 13px;
  width: 92%;
  padding: 10px 3%;
}
	
#action_btn {
  font-size: 16px;
}	

.btn_small {
  font-size: 18px;
}	
	
.title2.dotted {
  width: 95%;
  padding: 8px 2.5%;
  max-width: 300px;	
}	
		
.dot, .dotted, .dotted2 {
	border-width: 1px !important;
}
	
.indizi {
  padding: 0 5% 30px 5%;
}
	
.lock {
  margin: 5px auto;
}	
	
.blockfasi img {
  margin-left: 6px;
}	
	
.indizio_on {
  margin: 10px;
}	
	

	
.indizio {
  font-size: 16px;
  padding: 5px 0 10px 0;
  border-bottom: solid 2px #fff; 		
}	
	
.required {
  font-size: 12px;
  margin: 5px;
}		
	
}