@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');

*{
	margin: 0; padding: 0;
}

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


.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;
}

.close_sconto {
    text-align: right;
    margin: -20px 0;
    font-size: 30px;
	cursor: pointer;
}

.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;
}

.christmas .block1 {
    margin: 61px auto 0 auto !important;
}

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

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

.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:#575756;}

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

.input-invito {
	/* background: #FFFFFF; */
	background: #ffffff;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	border: 0;
	padding: 5px 3%;
	font-size: 24px;
	font-family: Open Sans;
	outline: none;
	margin: 5px 5px 5px 10px;
}	


.open{ cursor:pointer;}

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

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

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

.kitvincitorisx a {color: #1D1D1B !important;}

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

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

.tab_account{
	text-align: left;
}

.chart, .tab_account{
	font-size: 20px;
	color: #ffffff;
	font-family: Open Sans;
	margin: 30px auto;
}

.chart td,  .tab_account td{padding: 5px;}

.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;
}


.dotted{
	border: dotted 4px #ffffff;
	border-radius: 29px;
	width: max-content;
	padding: 10px;
	min-width: 300px;
	margin: 0 auto;
}

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

.notelogin {
    font-size: 1.1rem;
    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;
}


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

.bg_gameuser
{
  background : #09ACCE;
}

.partecipare{cursor: pointer;}
.riserva{ margin-top:-15px;}
.ui-effects-transfer { border: 1px dotted #ffffff; 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 {
 
  -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  {
	margin: 0 auto;
	background-color: #ffffff;
	text-align: center;
	padding: 10px;
	position: absolute;
	z-index: 999;
	width: 300px;
	left: 50%;
	border-radius: 30px 0 30px 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	top: 90px;
	margin-left: 382px;
	display: none;
}

.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;
}


.rules {
	position: fixed;
	width: 550px;
	margin: 6% 0 6% -310px;
	background-color: #fffffff2;
	top: 10%;
	left: 50%;
	z-index: 9999;
	padding: 25px 35px;
	color: #575757;
	border-radius: 20px;
	overflow: auto;
	display: none;
	height: 58%;
}

.rules p{
	margin: 10px 0;
}

.close_rules {
	float: right;
	position: absolute;
	cursor: pointer;
	font-size: 1.5rem;
	top: 10px;
	right: 20px;
}

.title_rules{ 
font-size: 25px;
margin: 30px 0;
font-weight: bold;
}

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

.block_parolamagica {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: 350px;
    z-index: 9;
	max-width: 300px;
	text-align:center;
	width:100%;
}

.block_parolamagica table {
	width:100%;
}

.block_indizi, .block_indizio_0 {
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    font-size: 32px;
    font-family: 'Fredoka One', cursive;
}


.indizio_0{text-transform: uppercase;}


.img_parolamagica img{
	width: 200px;
	cursor: pointer;
}

.read_rules {
    color: #ffffff;
    margin: 30px 0 0 0;
    font-size: 25px;
	font-family: 'Open Sans', sans-serif;
}

.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;
}


.txt_parolamagica {
display: none;
color: #ffffff;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
text-align: center;	
background-color: #003f7c;
padding: 10px;
border-radius: 20px;
margin: -24px auto;
position: relative;	
}

.txt_parolamagica input {
    padding: 5px 10px;
    border-radius: 30px;
    border: 0;
    font-size: 16px;
	outline: 0;
	width: 83%;
}

#magicword_btn {
    font-size: 37px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0px;
    color: #ffffff;
    vertical-align: middle;
	cursor:pointer;
	outline: none;
}


  .txtintro3{
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 1s;
  }
  @-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{
  -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: 3.5s;
  }
  @-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: both;
  animation-fill-mode: both;
  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: 30px auto;
	width: 100%;
}

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

.txtintro1{
	font-family: 'Open Sans', sans-serif;
	color:#EB3367;
	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: 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;
}

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

.bgindovinami
{
  background : -moz-linear-gradient(0% 50% 0deg,rgba(131, 208, 192, 1) 0%,rgba(208, 239, 233, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(131, 208, 192, 1) ),color-stop(1,rgba(208, 239, 233, 1) ));
  background : -o-linear-gradient(0deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#83D0C0', endColorstr='#D0EFE9' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83D0C0',endColorstr='#D0EFE9' , GradientType=1);
}

.bgindovinami3
{
  background : -moz-linear-gradient(0% 50% 0deg,rgba(131, 208, 192, 1) 0%,rgba(208, 239, 233, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(131, 208, 192, 1) ),color-stop(1,rgba(208, 239, 233, 1) ));
  background : -o-linear-gradient(0deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#83D0C0', endColorstr='#D0EFE9' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(131, 208, 192, 1) 0%, rgba(208, 239, 233, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83D0C0',endColorstr='#D0EFE9' , GradientType=1);
}

.bgruota
{
  background : -moz-linear-gradient(0% 50% 0deg,rgba(167, 147, 188, 1) 0%,rgba(219, 211, 229, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(167, 147, 188, 1) ),color-stop(1,rgba(219, 211, 229, 1) ));
  background : -o-linear-gradient(0deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A793BC', endColorstr='#DBD3E5' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A793BC',endColorstr='#DBD3E5' , GradientType=1);
}

.bgruota3
{
  background : -moz-linear-gradient(0% 50% 0deg,rgba(167, 147, 188, 1) 0%,rgba(219, 211, 229, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(167, 147, 188, 1) ),color-stop(1,rgba(219, 211, 229, 1) ));
  background : -o-linear-gradient(0deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A793BC', endColorstr='#DBD3E5' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(167, 147, 188, 1) 0%, rgba(219, 211, 229, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A793BC',endColorstr='#DBD3E5' , GradientType=1);
}

.bgparole_concatenate
{
  background : -moz-linear-gradient(-31.68% 50% 0deg,rgba(63, 169, 245, 1) 0%,rgba(76, 175, 246, 1) 5.86%,rgba(121, 193, 249, 1) 27.44%,rgba(156, 207, 252, 1) 48.24%,rgba(181, 218, 254, 1) 67.78%,rgba(196, 224, 255, 1) 85.56%,rgba(201, 226, 255, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  background : -webkit-gradient(linear,-31.68% 50% ,113.98% 50% ,color-stop(0,rgba(63, 169, 245, 1) ),color-stop(0.0586,rgba(76, 175, 246, 1) ),color-stop(0.2744,rgba(121, 193, 249, 1) ),color-stop(0.4824,rgba(156, 207, 252, 1) ),color-stop(0.6778,rgba(181, 218, 254, 1) ),color-stop(0.8556,rgba(196, 224, 255, 1) ),color-stop(1,rgba(201, 226, 255, 1) ));
  background : -o-linear-gradient(0deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FA9F5', endColorstr='#C9E2FF' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FA9F5',endColorstr='#C9E2FF' , GradientType=1);
}

.bgparole_concatenate3
{
  background : -moz-linear-gradient(-31.68% 50% 0deg,rgba(63, 169, 245, 1) 0%,rgba(76, 175, 246, 1) 5.86%,rgba(121, 193, 249, 1) 27.44%,rgba(156, 207, 252, 1) 48.24%,rgba(181, 218, 254, 1) 67.78%,rgba(196, 224, 255, 1) 85.56%,rgba(201, 226, 255, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  background : -webkit-gradient(linear,-31.68% 50% ,113.98% 50% ,color-stop(0,rgba(63, 169, 245, 1) ),color-stop(0.0586,rgba(76, 175, 246, 1) ),color-stop(0.2744,rgba(121, 193, 249, 1) ),color-stop(0.4824,rgba(156, 207, 252, 1) ),color-stop(0.6778,rgba(181, 218, 254, 1) ),color-stop(0.8556,rgba(196, 224, 255, 1) ),color-stop(1,rgba(201, 226, 255, 1) ));
  background : -o-linear-gradient(0deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FA9F5', endColorstr='#C9E2FF' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(63, 169, 245, 1) 0%, rgba(76, 175, 246, 1) 5.86%, rgba(121, 193, 249, 1) 27.44%, rgba(156, 207, 252, 1) 48.24%, rgba(181, 218, 254, 1) 67.78%, rgba(196, 224, 255, 1) 85.56%, rgba(201, 226, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FA9F5',endColorstr='#C9E2FF' , GradientType=1);
}

.bgremojibus{
  background : -moz-linear-gradient(-31.68% 50% 0deg,rgba(246, 120, 176, 1) 0%,rgba(247, 133, 183, 1) 8.54%,rgba(251, 168, 202, 1) 34.63%,rgba(253, 193, 216, 1) 59.3%,rgba(254, 208, 224, 1) 81.76%,rgba(255, 213, 227, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(246, 120, 176, 1) 0%, rgba(247, 133, 183, 1) 8.54%, rgba(251, 168, 202, 1) 34.63%, rgba(253, 193, 216, 1) 59.3%, rgba(254, 208, 224, 1) 81.76%, rgba(255, 213, 227, 1) 100%);
  background : -webkit-gradient(linear,-31.68% 50% ,113.98% 50% ,color-stop(0,rgba(246, 120, 176, 1) ),color-stop(0.0854,rgba(247, 133, 183, 1) ),color-stop(0.3463,rgba(251, 168, 202, 1) ),color-stop(0.593,rgba(253, 193, 216, 1) ),color-stop(0.8176,rgba(254, 208, 224, 1) ),color-stop(1,rgba(255, 213, 227, 1) ));
  background : -o-linear-gradient(0deg, rgba(246, 120, 176, 1) 0%, rgba(247, 133, 183, 1) 8.54%, rgba(251, 168, 202, 1) 34.63%, rgba(253, 193, 216, 1) 59.3%, rgba(254, 208, 224, 1) 81.76%, rgba(255, 213, 227, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(246, 120, 176, 1) 0%, rgba(247, 133, 183, 1) 8.54%, rgba(251, 168, 202, 1) 34.63%, rgba(253, 193, 216, 1) 59.3%, rgba(254, 208, 224, 1) 81.76%, rgba(255, 213, 227, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F678B0', endColorstr='#FFD5E3' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(246, 120, 176, 1) 0%, rgba(247, 133, 183, 1) 8.54%, rgba(251, 168, 202, 1) 34.63%, rgba(253, 193, 216, 1) 59.3%, rgba(254, 208, 224, 1) 81.76%, rgba(255, 213, 227, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F678B0',endColorstr='#FFD5E3' , GradientType=1);
}

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

/*calendario*/

.boxtile {
    width: 800px;
    margin: 50px auto;
}
.tile{display: inline-block;}
.tile img{width: 100%;}

.tile button{background: none;}

.tile {
    position: relative;
    margin:5px;
    width: 150px;
    height: 150px;
    z-index : 1;
    float:left;
	-webkit-perspective: 1000;
    perspective: 1000;
}

.navicon{
	margin-right: 20px;
}

.f1_card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 1.0s linear;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}

.tile.active{
z-index: 9 !important;
}

.tile.active .f1_card {
    -webkit-transform: rotateY(180deg) scale(1.3);
    transform: rotateY(180deg) scale(1.3);
    box-shadow: -3px 3px 3px #6b8f9b;
}


.tile button {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
	cursor: pointer;
}


.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.face.back {
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
    color: white;
    text-align: center;
    background-color: #E30613;
    padding: 20% 0;	
	cursor: pointer;
}

/* Ruota */

#wheel {
  display: inline-block;
  width: 90%;
  max-width: 700px;
  height: 90%;
  max-height: 700px;
  transition: transform 10s cubic-bezier(.5,.1,.15,1);
  transform: rotate(0deg);
  z-index: 1;
  pointer-events: none;

}

#peg {
	display: block;
	width: 4%;
	height: auto;
	position: absolute;
	margin-top: 25px;
	left: 48%;
	z-index: 2;
	max-width: 85px;
}

#ruota_btn {
	font-size: 54px;
	border-radius: 30px;
	width: auto;
	color: #A793BC;
	background: #ffffff;
	border: none;
	display: block;
	margin: 30px auto;
	padding: 1px 45px;
	text-transform: uppercase;
	font-family: 'Fredoka One', cursive;
	cursor: pointer;
}

#ruota_btn:hover, #ruota_btn:focus {
  background: #003F7C;
  color: #ffffff;
}


#add_point_ruota{
	font-size: 35px;
	border-radius: 30px;
	width: auto;
	color: #A793BC;
	background: #ffffff;
	border: none;
	display: block;
	margin: 5px auto 0 auto;
	padding: 10px 45px;
	font-family: 'Fredoka One', cursive;
	cursor: pointer;
	position: relative;
	z-index: 9;
}

#add_point_ruota:hover, #add_point_ruota:focus {
  background: #003F7C;
  color: #ffffff;
}


.block_ruota{
	position: relative;
	text-align: center;
}

.block_buttonruota {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0;
    top: 305px;
}

.strip_gameuser {
	background: #91D9E9;
	height: 350px;
	margin: -259px 0 -130px 0;
}

.stripruota1{
  background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(170, 151, 191, 1) 0%,rgba(189, 174, 206, 1) 11.86%,rgba(205, 194, 219, 1) 26.22%,rgba(216, 207, 226, 1) 40.43%,rgba(219, 211, 229, 1) 54.2%,rgba(214, 205, 225, 1) 64.52%,rgba(202, 190, 215, 1) 77.71%,rgba(180, 163, 199, 1) 92.4%,rgba(167, 147, 188, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(170, 151, 191, 1) ),color-stop(0.1186,rgba(189, 174, 206, 1) ),color-stop(0.2622,rgba(205, 194, 219, 1) ),color-stop(0.4043,rgba(216, 207, 226, 1) ),color-stop(0.542,rgba(219, 211, 229, 1) ),color-stop(0.6452,rgba(214, 205, 225, 1) ),color-stop(0.7771,rgba(202, 190, 215, 1) ),color-stop(0.924,rgba(180, 163, 199, 1) ),color-stop(1,rgba(167, 147, 188, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#AA97BF', endColorstr='#A793BC' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AA97BF',endColorstr='#A793BC' , GradientType=1);
	
height: 127px;
margin: -86px 0;	

}


.stripruota2{
  background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(170, 151, 191, 1) 0%,rgba(189, 174, 206, 1) 11.86%,rgba(205, 194, 219, 1) 26.22%,rgba(216, 207, 226, 1) 40.43%,rgba(219, 211, 229, 1) 54.2%,rgba(214, 205, 225, 1) 64.52%,rgba(202, 190, 215, 1) 77.71%,rgba(180, 163, 199, 1) 92.4%,rgba(167, 147, 188, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(170, 151, 191, 1) ),color-stop(0.1186,rgba(189, 174, 206, 1) ),color-stop(0.2622,rgba(205, 194, 219, 1) ),color-stop(0.4043,rgba(216, 207, 226, 1) ),color-stop(0.542,rgba(219, 211, 229, 1) ),color-stop(0.6452,rgba(214, 205, 225, 1) ),color-stop(0.7771,rgba(202, 190, 215, 1) ),color-stop(0.924,rgba(180, 163, 199, 1) ),color-stop(1,rgba(167, 147, 188, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#AA97BF', endColorstr='#A793BC' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(170, 151, 191, 1) 0%, rgba(189, 174, 206, 1) 11.86%, rgba(205, 194, 219, 1) 26.22%, rgba(216, 207, 226, 1) 40.43%, rgba(219, 211, 229, 1) 54.2%, rgba(214, 205, 225, 1) 64.52%, rgba(202, 190, 215, 1) 77.71%, rgba(180, 163, 199, 1) 92.4%, rgba(167, 147, 188, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AA97BF',endColorstr='#A793BC' , GradientType=1);
	
height: 350px;
margin: -96px 0 -170px 0;

}


.stripruota1_3{
/* 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 */
height: 260px;
margin: -118px 0;

}


.stripruota2_3{
/* 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 */
	
height: 350px;
margin: -185px 0 -170px 0;

}

/*indovinami */

.indizio_0 {
    border-radius: 29px;
    padding: 10px;
	max-width: 680px;
	margin: 0 auto;
	color: #003F7C;
}

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

}

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

}

.stripindovinami1{
    background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(208, 239, 233, 1) 0%,rgba(131, 208, 192, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(208, 239, 233, 1) ),color-stop(1,rgba(131, 208, 192, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0EFE9', endColorstr='#83D0C0' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0EFE9',endColorstr='#83D0C0' , GradientType=1);
	
height: 127px;
margin: -86px 0;	

}


.stripindovinami2{
    background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(208, 239, 233, 1) 0%,rgba(131, 208, 192, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(208, 239, 233, 1) ),color-stop(1,rgba(131, 208, 192, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0EFE9', endColorstr='#83D0C0' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(208, 239, 233, 1) 0%, rgba(131, 208, 192, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0EFE9',endColorstr='#83D0C0' , GradientType=1);
	
height: 350px;
margin: -96px 0 -170px 0;

}


.stripindovinami1_3{
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 */
	
height: 260px;
margin: -95px 0;

}


.stripindovinami2_3{
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 */
	
height: 350px;
margin: -160px 0 -170px 0;

}


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

.list_indizi{
	margin: 30px auto 20px auto;
}

.input_indovinami {
	margin: 20px auto 60px auto;
	max-width: 500px;
	position: relative;
	z-index: 999;
}


/* remojibus */

.imgrebus{
	width: 100%;
	margin: 50px auto 5px auto;
	max-width: 800px;
}

.diagramma{
	font-size: 26px;
	color: #003F7C;
	margin: 10px auto;
	font-family: 'Open Sans', sans-serif;
}

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

.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;
}

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

.block_rebus, .block_indovinami, .block_complete {
 min-height:560px;
}

.stripremojibus1{
  background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(255, 213, 227, 1) 0%,rgba(255, 208, 224, 1) 26.02%,rgba(253, 193, 214, 1) 58.06%,rgba(251, 168, 198, 1) 93.12%,rgba(251, 162, 194, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(255, 213, 227, 1) ),color-stop(0.2602,rgba(255, 208, 224, 1) ),color-stop(0.5806,rgba(253, 193, 214, 1) ),color-stop(0.9312,rgba(251, 168, 198, 1) ),color-stop(1,rgba(251, 162, 194, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5E3', endColorstr='#FBA2C2' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5E3',endColorstr='#FBA2C2' , GradientType=1);
	
	height: 127px;
	margin: -86px 0;		
}


.stripremojibus2{
  background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(255, 213, 227, 1) 0%,rgba(255, 208, 224, 1) 26.02%,rgba(253, 193, 214, 1) 58.06%,rgba(251, 168, 198, 1) 93.12%,rgba(251, 162, 194, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(255, 213, 227, 1) ),color-stop(0.2602,rgba(255, 208, 224, 1) ),color-stop(0.5806,rgba(253, 193, 214, 1) ),color-stop(0.9312,rgba(251, 168, 198, 1) ),color-stop(1,rgba(251, 162, 194, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5E3', endColorstr='#FBA2C2' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5E3',endColorstr='#FBA2C2' , GradientType=1);
	
height: 200px;
margin: -90px 0;		
}
	
.stripremojibus1_3{
/* 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 */
	
height: 280px;
margin: -125px 0;	
}

.stripremojibus2_3{
/* 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 */

height: 350px;
margin: -160px 0;	
	
}

/* Parole concatenate */


.stripconcatenate1{
 background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(201, 226, 255, 1) 0%,rgba(196, 224, 255, 1) 14.44%,rgba(181, 218, 254, 1) 32.22%,rgba(156, 207, 252, 1) 51.76%,rgba(121, 193, 249, 1) 72.56%,rgba(76, 175, 246, 1) 94.14%,rgba(63, 169, 245, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(201, 226, 255, 1) ),color-stop(0.1444,rgba(196, 224, 255, 1) ),color-stop(0.3222,rgba(181, 218, 254, 1) ),color-stop(0.5176,rgba(156, 207, 252, 1) ),color-stop(0.7256,rgba(121, 193, 249, 1) ),color-stop(0.9414,rgba(76, 175, 246, 1) ),color-stop(1,rgba(63, 169, 245, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9E2FF', endColorstr='#3FA9F5' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9E2FF',endColorstr='#3FA9F5' , GradientType=1);
	
	height: 127px;
	margin: -86px 0;		
}



.stripconcatenate2{
  background : -moz-linear-gradient(2.39% 61.69% 3.01deg,rgba(201, 226, 255, 1) 0%,rgba(196, 224, 255, 1) 14.44%,rgba(181, 218, 254, 1) 32.22%,rgba(156, 207, 252, 1) 51.76%,rgba(121, 193, 249, 1) 72.56%,rgba(76, 175, 246, 1) 94.14%,rgba(63, 169, 245, 1) 100%);
  background : -webkit-linear-gradient(3.01deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  background : -webkit-gradient(linear,2.39% 61.69% ,97.88% 38.24% ,color-stop(0,rgba(201, 226, 255, 1) ),color-stop(0.1444,rgba(196, 224, 255, 1) ),color-stop(0.3222,rgba(181, 218, 254, 1) ),color-stop(0.5176,rgba(156, 207, 252, 1) ),color-stop(0.7256,rgba(121, 193, 249, 1) ),color-stop(0.9414,rgba(76, 175, 246, 1) ),color-stop(1,rgba(63, 169, 245, 1) ));
  background : -o-linear-gradient(3.01deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  background : -ms-linear-gradient(3.01deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9E2FF', endColorstr='#3FA9F5' ,GradientType=0)";
  background : linear-gradient(86.99deg, rgba(201, 226, 255, 1) 0%, rgba(196, 224, 255, 1) 14.44%, rgba(181, 218, 254, 1) 32.22%, rgba(156, 207, 252, 1) 51.76%, rgba(121, 193, 249, 1) 72.56%, rgba(76, 175, 246, 1) 94.14%, rgba(63, 169, 245, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9E2FF',endColorstr='#3FA9F5' , GradientType=1);

height: 350px;
margin: -96px 0 -170px 0;
}


.stripconcatenate1_3{
/* 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 */
	
 height: 280px;
 margin: -110px 0;	
}



.stripconcatenate2_3{
/* 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 */
height: 350px;
margin: -190px 0 -170px 0;
}


.blockon {
    background-color: #003f7c;
    border-radius: 30px;
    padding: 10px 5%;
    width: auto;
    margin: 15px auto;
    border: solid 2px #fff;
}

.blockoff {
    background-color: #fff;
    border-radius: 30px;
    padding: 10px 5%;
    margin: 10px auto !important;
    width: 90%;
    display: block;
	color: #003f7c;
	max-width: 450px;
}

.blockoff table {
    width: 100%;
}

#userword {
    border: 0;
    color: #003f7c;
    font-size: 25px;
    outline: none;
    margin: 5px 0;
    width: 90%;
}

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

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

.catena {
    text-align: center;
    font-size: 30px;
    position: relative;
    z-index: 999;
    color: #fff;
	width: 90%;
	max-width: 480px;
	margin: 30px auto 0 auto;
	font-family: 'Open Sans', sans-serif;
}

.catena table{
	margin: 0 auto;
}

.footer_game {
    width: 100%;
    text-align: center;
    max-width: 1200px;
    margin: -310px 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-family: 'Fredoka One', cursive;
	font-size: 40px;
	letter-spacing: 1px;
	line-height: normal;
}

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

.frase3 {
    color: #ffffff;
    font-size: 30px;
    font-family: 'Fredoka One', cursive;
    letter-spacing: 1px;
	line-height: normal;
}

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

.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;
}

.g-recaptcha {
    margin: 10px;
}

.txt_small{
	font-size: 0.8em;
}

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

.success {
	border: dotted 4px #ffffff;
	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: dotted 2px #ffffff;
    padding: 15px 5%;
	text-decoration: none;
}


.success-msg {
    border: dotted 4px #fff;
    padding: 20px;
    border-radius: 30px;
    max-width: 620px;
    margin: 10px auto;
}

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

#indizio_btn {
	background: #83D0C0;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	color: #ffffff;
	display: inline-block;
	border: 0;
	font-family: 'Fredoka One', cursive;
	cursor: pointer;
}

.remove_point {
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 22px;
    vertical-align: 6px;
}


.indizio1,.indizio2,.indizio3,.indizio4{
	display: inline-block;
}

.indizio1{
	background: #003f7c;
	padding: 5px;
	border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
	width: 47%;
    margin: 6px auto;
	color: #ffffff;

}

.indizio2{
	 background: #003f7c;
	padding: 5px;
	border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
	width: 47%;
    margin: 6px auto;
	color: #ffffff;

}

.indizio3{
	 background: #003f7c;
	padding: 5px;
	border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
	width: 47%;
     margin: 6px auto;
	color: #ffffff;

}

.indizio4{
	 background: #003f7c;
	 padding: 5px;
	 border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
	width: 47%;
     margin: 6px auto;
	color: #ffffff;
}

.list_indizi table {
	border: 4px dotted #fff;
	border-radius: 29px;
	padding: 0 15px;
	min-height: 80px;
}

.indiziosx {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    text-align: center;
}

.indiziodx{
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
}

.input_indovinami #userword{
	width: 100%;
}

.off{opacity: 0.4;
	background-color: #83D0C0;
}

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: dotted 4px #fff;
    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;
}

#signup-btn {
    background: #EB3367;
    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: 164px;
	margin-top: -20px;
	margin-right: 40px;
}

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

}

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

}

.title_white {
	border-style: dotted;
	border-color: #ffffff;
	border-color: #ffffff;
	border-width: 4px;
	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{margin-top: 30px;}
.space2{margin-top: 60px;}

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

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

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

.strip1{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f997c1+0,f997c1+100&1+0,1+100,0.25+100 */
background: -moz-linear-gradient(left, rgba(249,151,193,1) 0%, rgba(249,151,193,0.25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(249,151,193,1) 0%,rgba(249,151,193,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(249,151,193,1) 0%,rgba(249,151,193,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f997c1', endColorstr='#40f997c1',GradientType=1 ); /* IE6-9 */
	
max-height: 625px;
padding: 0 5%;

position: relative;	
}

.closeslidemenu{display: none;}

.header{
	width: 95%;
	padding: 40px 2.5% 80px 2.5%;
	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: 25px;}

.header_game {
    width: 95%;
    padding: 40px 2.5% 0px 2.5%;
	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: dotted 2px #ea3266;
	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: 4px dotted;
    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: 22px;
	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: #EB3367;}

.menu li a:hover{color: #EB3367;}

.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: #ff7bac;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
	margin-right: -4px;
}

.navlogin{
	margin-top: 5px;
}

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

.block1sx{
	width: auto;
	float: left;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 20px;
}

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

.block1dx{
	width: auto;
	float: right;
    padding: 0;	
}

.blistex_stick{width: 100%; max-width: 935px;}

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

.closeslidemenu{
	display: none;
}

.strip2{	background : -moz-linear-gradient(2.14% 57.94% 3.01deg,rgba(255, 213, 227, 1) 0%,rgba(255, 208, 224, 1) 26.02%,rgba(253, 193, 214, 1) 58.06%,rgba(251, 168, 198, 1) 93.12%,rgba(251, 162, 194, 1) 100%);
	background : -webkit-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
	background : -webkit-gradient(linear,2.14% 57.94% ,98.14% 42.01% ,color-stop(0,rgba(255, 213, 227, 1) ),color-stop(0.2602,rgba(255, 208, 224, 1) ),color-stop(0.5806,rgba(253, 193, 214, 1) ),color-stop(0.9312,rgba(251, 168, 198, 1) ),color-stop(1,rgba(251, 162, 194, 1) ));
	background : -o-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
	background : -ms-linear-gradient(3.01deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5E3', endColorstr='#FBA2C2' ,GradientType=0)";
	background : linear-gradient(86.99deg, rgba(255, 213, 227, 1) 0%, rgba(255, 208, 224, 1) 26.02%, rgba(253, 193, 214, 1) 58.06%, rgba(251, 168, 198, 1) 93.12%, rgba(251, 162, 194, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5E3',endColorstr='#FBA2C2' , GradientType=1);

	padding: 50px 0 0 0;
	
}

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


.button_accedi
{
  background : #EB3367;
  background : rgba(235, 51, 103, 1);
  border-radius : 29px;
  -moz-border-radius : 29px;
  -webkit-border-radius : 29px;
	color: #ffffff;
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
    font-family: 'Fredoka One', cursive;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
}


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



.registrati a {text-decoration: none;}

.dot {
	border: dotted #FFFFFF 4px !important;
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	padding: 5px 25px;
	color: #ffffff;
		-webkit-box-shadow: 0px 0px 0px 5px #EB3367; 
box-shadow: 0px 0px 0px 5px #EB3367;
	
}

.btn_out2 a{text-decoration: none;}

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

.link_registrati{
  text-align: center; 
  display: block;
  font-family : Open Sans;
  font-weight : bold;
  font-size : 25px;
  color : #EB3367;
  color : rgb(235, 51, 103); 
  text-decoration : underline;
  margin: 20px auto;
  width: max-content;
}

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


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

.title_green{  border-style : dotted;
  border-color : #83D0C0;
  border-color : rgba(131, 208, 192, 1);
  border-width : 4px;
  border-radius : 29px;
  -moz-border-radius : 29px;
  -webkit-border-radius : 29px;
  font-family : Fredoka One;
  font-size : 40px;
  color : #83D0C0;
  color : rgb(131, 208, 192);
	text-align: center;
	width: 480px;
	margin: 50px auto;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.title_green2{ 
  font-family : Fredoka One;
  font-size : 40px;
  color : #83D0C0;
  color : rgb(131, 208, 192);
	text-align: center;
	max-width: 650px;
	margin: 50px auto 20px auto;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

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

.cloud img{ margin: 0 30px;}



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

.wavepremi {
	width: 100%;
	margin: -450px 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: 600px;
	color: #EB3367;
	position: relative;
}

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

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

.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 -30px 0;
}

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

.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: #EB3367; 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;
}

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

.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: #83d0c0;
-webkit-box-shadow: 0px 0px 0px 5px #83d0c0; 
box-shadow: 0px 0px 0px 5px #83d0c0;
}

.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: dotted 4px;

}

.linedot2{
	width: 100%; 
	border-top:dotted 4px #ffffff;
}

.open{	padding: 30px 0;}

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

	


@media screen and (max-width: 1540px) and (min-width: 1151px) {

	
.stripruota2_3 {
	height: 350px;
	margin: -150px 0 -170px 0;
}	
	
.bg3 .block1dx {
    margin-bottom: -13%;
}	
	
.christmas .block1dx {
    margin-bottom: -17%;
}
	
.christmasground .intro {
	margin: 120px auto 20px auto;
}	
		
	
.btn2{font-size: 18px;}
.input-invito{ font-size: 18px;}	
	
.open{	padding: 20px 0;}
	
.vincitori, .gameintro p, .accordion{
	font-size: 20px;
}	
	
.chart, .tab_account{
	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;}	
	
.wavepremi {
	width: 100%;
	margin: -350px auto -8px auto;
	text-align: center;
	position: relative;
	z-index: 1;
}	
	
.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: 90px;
	margin-left: inherit;
	right: 2.5%;
}	
	
.indiziosx {
    font-size: 18px;
}
	
.block_indizi {
	max-width: 510px;
}	

.block_indizi, .block_indizio_0 {
    font-size: 26px;
}	
	
.block_indovinami{
	width: 90%;
	padding: 0 5%;
	margin: 20px auto 40px auto;
}	
	
.remove_point {
    font-size: 18px;
    vertical-align: 4px;
}		
		
.read_rules {
    font-size: 24px;
}
	
.catena {
    font-size: 26px;

}	
	
.gameover {
    font-size: 40px;
    margin: -20px 0;
}	
	
.block_parolamagica {
    margin-left: 320px;
	max-width:250px;
}

.txt_parolamagica {
font-size:18px;
}

.img_parolamagica img {
    width: 160px;
}		
	
.logo_m img {
    max-width: 200px;
}

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

.txtintro1{
    font-size: 24px;
}	
	
.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 2.5%;
}	
	

	
.menu {
    font-size: 17px;
}
	
.user {
    font-size: 28px;
}	

	
.block1dx {
	width: 72%;
	float: right;
	padding: 0;
	margin-bottom: -9%;
}	
	
	
.block1sx {
    width: 24%;
    float: left;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 20px;
}
	
	
.logoblock {
	width: 85%;
	max-width: 280px;
}	
	
.blockfase {
    margin: 10px 0 5px 0;
}	
	
.blockfase img {
    max-width: 80px;
	width: 25%;
}		

	
.blistex_stick {
    max-width: 850px;
}	
	
.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{margin-top: 24px}	
.space2{margin-top: 50px;}	
	
.usernav li a {
    font-size: 20px;
}
	
#totalpoint {
    font-size: 35px;
    vertical-align: -6px;
    margin: 0 10px;
    line-height: 30px;
}	
	
	
#wheel {
	max-width: 550px;
	max-height: 550px;
}
	
	
#ruota_btn {
	font-size: 40px;
	margin: 0 auto;
}
	
.userpoint {
    margin: -14px 1% 0 0;
}	
	
.footer_game {
    max-width: 900px;
    margin: -230px auto 0px auto;
}	
	
.wave3 {
    margin: -40px 0 -8px 0;
}	
	
.baloon {
	max-width: 175px;
	position: absolute;
	left: 50%;
	margin-top: -240px;
	margin-left: 144px;
	height: 310px;
	width: 242px;
	line-height: 22px;
	padding: 40px 10px;
}
	
.point_residuo {
    font-size: 45px;
}	

.frase1 {
    font-size: 36px;
}	
	
.frase2 {
    font-size: 18px;
}	
	
.frase3 {
    font-size: 32px;
}	
	
.frase4 {
    font-size: 18px;
}	
	
#add_point_ruota {
	font-size: 30px;
	border-radius: 30px;
	width: auto;
	color: #A793BC;
	background: #ffffff;
	border: none;
	display: block;
	margin: 5px auto 0 auto;
	padding: 8px 40px;
	font-family: 'Fredoka One', cursive;
	cursor: pointer;
}
	
#peg {
    margin-top: 32px;
}	
	
	
.block_buttonruota {
    top: 268px;
}	
	
.txt_username {
    font-size: 24px;
}	
	
.header_in_game .menu_m {
    font-size: 28px;
	margin-top:-5px;
}
	
.diagramma{
	font-size: 24px;
}	
	
.block_rebus, .block_complete  {
	font-size: 34px;
	text-align: center;
	max-width: 600px;
}

.block_rebus, .block_indovinami, .block_complete {
 min-height:400px;
}
	
.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: 1150px) and (min-width: 551px) {
	
.stripchristmas1 {
    height: 208px;
    margin: -115px 0;
}	
	
.stripconcatenate2_3 {
    margin: -110px 0 -170px 0;
}	

.stripruota2_3 {
	margin: -115px 0 -170px 0;
}	
	
.boxtile {
    width: 480px;
    margin: 50px auto;
}	
	
.bg3 .block1sx {
    bottom: -74px !important;
}	

	
.success, .success-msg {
	font-size: 18px;
}
	
.stripindovinami2 {
	height: 220px;
}	

.stripindovinami2_3 {
margin: -93px 0 -170px 0;
}		
	
.title4, .title5 {
	font-size: 18px;
}	
	
.vincitori, .gameintro p, .accordion{
	font-size: 18px;
}	
	
.chart, .tab_account{
	font-size: 16px;
}	
	
.space2{margin-top: 30px;}	
	
.kitpremisx{
	float: none; 
	width: 100%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 40px;
	font-size: 20px;
	text-align: right;
}

.kitpremidx{
	float: none; 
	width: 100%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 40px;
	font-size: 20px;
}

.kitvincitorisx{
	float: none; 
	width: 100%;
	color: #1D1D1B;
	font-family: Open Sans;
	margin-top: 40px;
	font-size: 20px;
}

.kitvincitoridx{
float: none; 
	width: 100%;
	color: #1D1D1B;
	font-family: Open Sans;
	margin-top: 40px;
	font-size: 20px;
	text-align: right;
}	
	
.kitpremisx img, .kitvincitoridx img {
	max-width: 400px;
}	
	
.title3, .title4{font-size: 32px;}	
	
.title5 {font-size: 24px;}	
	
.wavepremi {
	width: 100%;
	margin: -350px auto -8px auto;
	text-align: center;
	position: relative;
	z-index: 1;
}		
	
	
.floating-label {
	margin-top: -45px;
	margin-left: 2.6%;
}

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

.block_rebus, .block_indovinami, .block_complete {
 min-height:400px;
}



#magicword_btn {
	font-size: 25px;
}
	
.stripremojibus2 {
    margin: -90px 0 -126px 0;
}

.stripremojibus2_3 {
    margin: -110px 0 -126px 0;
}	

.stripchristmas2 {
	margin: -140px 0 -210px 0;
}	
	
.read_rules {
    font-size: 22px;
}	

.block_parolamagica {
	left: auto;
	width: 200px;
	right: 5%;
	top: 420px !important;
}
	
.block_buttonruota {
	position: absolute;
	text-align: center;
	width: 200px;
	padding: 0;
	top: 0%;
	left: 50%;
	height: 100%;
	margin: 220px 0 0 -100px;
}

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

.catena {
    font-size: 24px;
}		
	
.txt_username {
    font-size: 22px;
}		
	
.stripruota2 {
	height: 220px;
	margin: -9% 0 -110px 0;
}
	
.title_white {
	font-size: 25px;
	}
	
.input-box-330 {
	padding: 12px 5%;
	margin: 15px auto;
}
	
	.menu{width: 15%;}
	
.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;
}
	.menu ul{
		position: absolute;
		top: 60px; 
		left: 0;
		background-color: #ffffff;
		width: 100%;
		text-align: center;
		z-index: 9999;
	}
	
	.closeslidemenu{
		position: absolute; 
		z-index: 99999;
		left: 5%;
		top: 20px;
		color: #ea3266;
		font-size: 30px;
		cursor: pointer;
		
	}
	
	.menu li::after {
  		content: "";
		margin: 0;
    }
	
.menu li {
	color: #003F7C;
	display: block;
	font-size: 18px;
	border-bottom: dotted 2px #ea3266;
	padding: 15px 5%;
}

	.menu li a{
	color: #003F7C;
	}
	
	.menu_m{display: block; font-size: 40px; color: #ffffff;}
	
	.menu_m .fa-bars{cursor: pointer;}

	.block1sx {
    width: auto;
    float: none;
    padding: 0;
    text-align: center;
    position: inherit;
    bottom: auto;		
}

	
.block1dx {
    width: auto;
    float: none;
    padding: 0;
}	
	
.strip1 {
    background: -moz-linear-gradient(left, rgba(249,151,193,1) 0%, rgba(249,151,193,0.25) 100%);
    background: -webkit-linear-gradient(left, rgba(249,151,193,1) 0%,rgba(249,151,193,0.25) 100%);
    background: linear-gradient(to right, rgba(249,151,193,1) 0%,rgba(249,151,193,0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f997c1', endColorstr='#40f997c1',GradientType=1 );
    max-height: inherit;
    padding: 0 5%;
    position: inherit;
}	

.header {
    width: 95%;
    padding: 20px 2.5% 45px 2.5%;
    margin: 0 auto;
}
	
.logoblock {
    max-width: 230px;
    margin-top: -95px;
}
		
.blockfase img {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}

.periodofase {
	font-size: 18px;
	display: inline-block;
	margin: 5px 0 5px 10px;
	max-width: 160px;
	text-align: left;
}
	
.blistex_stick {
    margin-bottom: -13%;
}	
	
.intro {
    margin: 5% auto 20px auto;
	width:90%;
	font-size:18px;
	max-width:450px;
}	
	
.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: 160px;}	
	
.header {
	padding: 21px 2.5%;
	margin: 0 auto;
}	
	
.link_registrati {
    font-size: 20px;
 }
	
.title_green {
    max-width: 350px;
    margin: 50px auto;
	font-size: 25px;
}
	
	
.cloud {
    max-width: 1400px;
    margin: -60px auto 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}	
	
.cloud img {
    margin: 0 1%;
    width: 47%;
    max-width: 334px;
}

.cloud2 {
	max-width: none;
}	
	
.cloud img:last-child {
    margin: -23px 0 50px 0;
}
	
.title_green {
    max-width: 350px;
    margin: 50px auto 30px auto;
    font-size: 23px;
    width: 80%;
}	
	
.block_social {
    font-size: 19px;
}
	
.block_social i {
    font-size: 50px;
    margin: 20px 10px;
}	
		


	
.fa-user {
    margin-top: 10px;
}	
	
.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 {
    font-size: 25px;
}
	
.string {
    font-size: 18px;
}
	
.gioca, .registrati {
	font-size: 23px;
	padding: 5px;
	width: auto;
	display: block;
	max-width: 300px;

}
	

	
.linedot {
    margin: 15px 0 25px 0;
}
	
.input-box-330, .input-box2 {
    font-size: 16px;
}	

.closeslidenav .fa-times {
	font-size: 30px;
}
	
.dot {
    padding: 5px;
}	
	
.logoblock{display: none;}	
	
.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;
}	
	
.logotop{
		display: none;
	}	
	
.blistex_stick {
	width: 100%;
	max-width: 720px;
	margin-bottom: -12%;
	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;
}	
		
.block_content {
	padding: 20px 5%;
}
	
.parag1 {
	font-size: 20px;
	color: #575756;
	font-family: 'Open Sans', sans-serif;
}	
	
.parag2{
	font-size: 18px;
	color: #575756;
	font-family: 'Open Sans', sans-serif;

}

.menu_m{
font-size:30px;
	}
	
.error-msg{
 font-size: 18px;
}	

.required{
	font-size: 16px;
}		

	
.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;
}	
	

	
#peg {
	width: 6%;
	margin-top: 30px;
	left: 48%;
	max-width: 43px;
}

.stripruota1 {
	margin: -20px 0;
}	

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

.footer{ font-size:14px;}
	
#add_point_ruota {
	font-size: 22px;
	border-radius: 30px;
	width: auto;
	color: #A793BC;
	background: #ffffff;
	border: none;
	display: block;
	margin: 5px auto 0 auto;
	padding: 8px 24px;
	font-family: 'Fredoka One', cursive;
	cursor: pointer;
}	
	
.point_residuo {
    color: #ffffff;
    font-size: 35px;
    font-family: 'Fredoka One', cursive;
    display: inline-block;
    vertical-align: middle;
}	
	
.txt_residuo {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}	
	
	
.frase1 {
    font-size: 22px;
}	
.frase2 {
    font-size: 14px;
}	
.frase3 {
    font-size: 23px;
}
	
.frase4 {
    font-size: 14px;
}	
	
.baloon {
	max-width: auto;
	position: absolute;
	margin-top: -188px;
	margin-left: 13%;
	height: 285px;
	background-size: contain;
	line-height: 20px;
	padding: 28px 10px;
	width: 130px;
}
	
.header_game {
    width: 85%;
    padding: 23px 7.5% 0 7.5%;
    margin: 0 auto;
}	
	
.header_game .logo_m {
   display: block;
   width: 44%;
   margin: 0px 3%;
}
	
	
#wheel {
    max-width: 450px;
    max-height: 450px;
}	
	
.stripruota1 {
    margin: -92px 0;
}	
	
.stripruota1_3 {
    margin: -92px 0;
}	
	
.userpoint {
	float: none;
	padding: 0;
	font-size: 15px;
	display: inline-block;
	position: absolute;
	top: 70px;
	right: 7.5%;
	text-align: center;
	border: 0;
	margin-right: -40px;
	width: 114px;
}
	
#totalpoint {
    font-size: 25px;
    font-family: Fredoka One;
    vertical-align: -5px;
    display: block;
    margin: 3px 10px;
    line-height: 20px;
    text-align: center;
}	

.header_in_game .menu_m {

	margin-top:0;
}
	
.txtintro3 {
    font-size: 45px;
}	
	
.txtintro1{
    font-size: 22px;
}	
	
.txtgame {
    font-size: 17px;
}		
	
.txtintro2 {
    font-size: 19px;
}	
	
.footer_intro, .footer_gameuser {
    max-width: 1000px;
}	
	
.header_game {
    padding: 21px 7.5% 0 7.5%;
}	
	
.info {
    font-size: 14px;
}	
	

.txt_parolamagica {
font-size:14px;
}	

.img_parolamagica img{
    width: 110px;
}

.footer_intro, .footer_gameuser {
    margin: 40px auto 0px auto;
}		
	
.footer_game {
    margin: -180px auto 0px auto;
}	
	
.gameover {
    font-size: 30px;
    margin: -5% 0;
}	
	
.showmex {
	font-size: 35px;
}	

	
.title_rules{
font-size: 22px;
margin:10px 0;
}
	
.txt_username {
    margin: 14px 5%;
}	


.rules {
	position: fixed;
	width: 70%;
	margin: 6% 10%;
	background-color: #fffffff2;
	top: 10%;
	left: 0;
	z-index: 999;
	padding: 5%;
	color: #575757;
	border-radius: 20px;
	overflow: auto;
	display: none;
}

#ruota_btn {
	font-size: 30px;
	margin: 0 auto;
	padding: 1px 20px;
}
	
.catena{
	font-size: 20px;	
	max-width: 300px;
}	
	
#userword {
    font-size: 20px;
}	
	
	
.indiziodx{
	font-size: 22px;
}	
	
	
.block_indizi,.block_indizio_0 {
    font-size: 26px;
}	

.indizio1, .indizio2, .indizio3, .indizio4 {
    display: block;
}	
	
#indizio_btn {
	display: block;
}	

.indiziosx {
    font-size: 17px;
}
	
	
#indovinami_btn, #rebus_btn {
    font-size: 26px;
    padding: 5px 8px;
}	
	
.remove_point {
    font-size: 16px;
    vertical-align: 3px;
}		
	
.block_indovinami {
	max-width: 1000px;
	width: 90%;
	padding: 0 5%;
	margin: 50px auto;
	min-height: 660px;
}	
	
.diagramma{
	font-size: 22px;
}	
	
.block_rebus, .block_complete{
	font-size: 24px;
	max-width: 400px;
 }
	
.shownotify_invit, .shownotify_fase  {
	padding: 14px;
	width: 290px;
	left: inherit;
	font-size: 14px;
	top: 119px;
	margin-left: inherit;
	right: 7%;
}	

.input_indovinami {
    margin: 20px auto 30px auto;
}

.strip_gameuser {
    margin: -187px 0 -130px 0;
	height: 250px;
}	

.title5{display: block;}	
	
.btn2{font-size: 16px;}
.input-invito{ font-size: 18px;}	
	
.open{	padding: 15px 0;}
	
}


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

.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;
}	
	
.input-invito {
	margin: 6px 5px 0 0;
	width: 57%;
}	
	
.space2{margin-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%;
}

.block_rebus, .block_indovinami, .block_complete {
 min-height:400px;
}

.catena {
    font-size: 24px;
	max-width: 265px;
}	
	
#word_btn {
	font-size: 20px;
	padding: 6px 9px;
}	
	
.blockoff {
	background-color: #fff;
	border-radius: 30px;
	padding: 10px 5%;
	margin: 10px auto !important;
	width: 90%;
	color: #003f7c;
}	

.wave3 {
    margin: 20px 0 -8px 0;
}	
	
.wave {
	margin: 0 0 -5px 0;
}
	

	
.txt_username {
    font-size: 22px;
}		
	
.stripruota2 {
	height: 200px;
	margin: -9% 0 -110px 0;
}
	
.title_white {
	font-size: 25px;
	}
	
.input-box-330 {
	padding: 12px 5%;
	margin: 15px auto;
}
	
.menu{width: 15%;}
	
.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;
}

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

	.menu li a{
	color: #003F7C;
	}
	
	.menu_m{display: block; font-size: 40px; color: #ffffff;}
	
	.menu_m .fa-bars{cursor: pointer;}

	.block1sx {
    width: auto;
    float: none;
    padding: 0;
    text-align: center;
    position: inherit;
    bottom: auto;		
}

	
.block1dx {
    width: auto;
    float: none;
    padding: 0;
}	
	
.strip1 {
    background: -moz-linear-gradient(left, rgba(249,151,193,1) 0%, rgba(249,151,193,0.25) 100%);
    background: -webkit-linear-gradient(left, rgba(249,151,193,1) 0%,rgba(249,151,193,0.25) 100%);
    background: linear-gradient(to right, rgba(249,151,193,1) 0%,rgba(249,151,193,0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f997c1', endColorstr='#40f997c1',GradientType=1 );
    max-height: inherit;
    padding: 0 5%;
    position: inherit;
}	

.header {
    width: 95%;
    padding: 20px 2.5% 45px 2.5%;
    margin: 0 auto;
}
	
.logoblock {
    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%;
}		

.periodofase {
	font-size: 18px;
	display: inline-block;
	margin: 5px 0 5px 10px;
	max-width: 155px;
	text-align: left;
}
	
.blistex_stick {
    margin-bottom: -13%;
}	
	
	
	
.intro {
    margin: 5% auto 20px auto;
	width:90%;
	font-size:18px;
	max-width:450px;
}	
	
.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: 160px;}	
	
.header {
	padding: 15px 2.5%;
	margin: 0 auto;
}	
	
.link_registrati {
    font-size: 20px;
 }
	
	
	
.cloud {
    max-width: 1400px;
    margin: -60px auto 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}	
	
.cloud img {
    margin: 0 1%;
    width: 47%;
    max-width: 334px;
}

.cloud2 {
	max-width: none;
}	
	
.cloud img:last-child {
    margin: -23px 0 50px 0;
}
	
.title_green {
    max-width: 350px;
    margin: 40px auto 30px auto;
    font-size: 23px;
    width: 80%;
}	
	
.block_social {
    font-size: 19px;
}
	
.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 {
    padding: 5px;
}	
	
.logoblock{display: none;}	
	
.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;
}	
	
.logotop{
		display: none;
	}	
	
.blistex_stick {
	width: 100%;
	max-width: 720px;
	margin-bottom: -12%;
	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;
	color: #575756;
	font-family: 'Open Sans', sans-serif;
}	
.parag2{
	font-size: 14px;
	color: #575756;
	font-family: 'Open Sans', sans-serif;

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

.required{
	font-size: 14px;
}	
	
.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;
}	
	

	
#peg {
	width: 6%;
	margin-top: 30px;
	left: 47%;
	max-width: 85px;
}	
	
.stripruota1 {
	margin: -20px 0;
}	

.stripruota1_3 {
	margin: -20px 0;
}	
	

.footer{ font-size:14px;}
	
#add_point_ruota {
	font-size: 19px;
	border-radius: 30px;
	width: auto;
	color: #A793BC;
	background: #ffffff;
	border: none;
	display: block;
	margin: 5px auto 0 auto;
	padding: 8px 10px;
	font-family: 'Fredoka One', cursive;
	cursor: pointer;
}
	
.point_residuo {
    color: #ffffff;
    font-size: 35px;
    font-family: 'Fredoka One', cursive;
    display: inline-block;
    vertical-align: middle;
}	
	
.txt_residuo {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}	
	
	
.frase1 {
    font-size: 22px;
}	
.frase2 {
    font-size: 14px;
}	
.frase3 {
    font-size: 22px;
}
	
.frase4 {
    font-size: 14px;
}	
	
.baloon {
	max-width: auto;
	position: absolute;
	margin-top: -188px;
	margin-left: 1%;
	height: 285px;
	background-size: contain;
	line-height: 18px;
	padding: 28px 10px;
	width: 130px;
}
	
.header_game {
    width: 85%;
    padding: 23px 7.5% 0 7.5%;
    margin: 0 auto;
}	
	
.header_game .logo_m {
   display: block;
   width: 44%;
   margin: 0px 3%;
}
	
	
#wheel {
    max-width: 450px;
    max-height: 450px;
}	
	
.stripruota1 {
    margin: -72px 0;
}	
	
.stripruota1_3 {
    margin: -72px 0;
}		
	
.userpoint {
	float: none;
	padding: 0;
	font-size: 15px;
	display: inline-block;
	position: absolute;
	top: 65px;
	right: 7.5%;
	text-align: center;
	border: 0;
	margin-right: -26px;
	width: 96px;
}
	
#totalpoint {
	font-size: 22px;
	font-family: Fredoka One;
	vertical-align: -5px;
	display: block;
	margin: 1px 5px;
	line-height: 20px;
	text-align: center;
}

.header_in_game .menu_m {

	margin-top:0;
}
	
.txtintro3 {
    font-size: 42px;
}	
	
.txtintro1{
    font-size: 20px;
}	
	
.txtgame {
    font-size: 14px;
}		
	
.txtintro2 {
    font-size: 16px;
}	
	
.footer_intro, .footer_gameuser {
    max-width: 1000px;
}	
	
.header_game {
    padding: 21px 7.5% 0 7.5%;
}	
	
.info {
    font-size: 14px;
}	
	
.block_parolamagica {
	left: auto;
	width: 200px;
	right: 5%;
	top: 420px !important;
}

.txt_parolamagica {
font-size:14px;
}	

.img_parolamagica img{
    width: 110px;
}

.footer_intro, .footer_gameuser {
    margin: 40px auto 0px auto;
}		
	
.footer_game {
    margin: -45px auto 0px auto;
}
	
.gameover {
    font-size: 30px;
    margin: -5% 0;
}	
	
.showmex {
	font-size: 34px;
}	
	
.block_buttonruota {
	position: absolute;
	text-align: center;
	width: 200px;
	padding: 0;
	top: 0%;
	left: 50%;
	height: 100%;
	margin: 44% 0 0 -100px;
}
	
.title_rules{
font-size: 22px;
margin:10px 0;
}
	
.txt_username {
    margin: 14px 5%;
}	


.rules {
	position: fixed;
	width: 70%;
	margin: 18% 10%;
	background-color: #fffffff2;
	top: 10%;
	left: 0;
	z-index: 999;
	padding: 5%;
	color: #575757;
	border-radius: 20px;
	overflow: auto;
	display: none;
}

#ruota_btn {
	font-size: 30px;
	margin: 0 auto;
	padding: 1px 20px;
}
	
.read_rules {
    font-size: 18px;
	margin: 15px 0 0 0;
}	
	
.header_in_game .menu_m {
    display: block;
    font-size: 25px;
    color: #ffffff;
    margin-top: 3px;
}
	
.catena{
	font-size: 18px;
}	
		
#userword {
    font-size: 16px;
}

.stripconcatenate2{	
margin: -40px 0 -170px 0;	
}	
	
.stripconcatenate1{		
margin: -60px 0;	
}
	
.stripconcatenate2_3{	
margin: -40px 0 -170px 0;	
}	
	
.stripconcatenate1_3{		
margin: -60px 0;	
}	

.indiziodx{
	font-size: 18px;
}	
	
.block_indizi,.block_indizio_0 {
    font-size: 20px;
}	

.indiziosx {
    font-size: 16px;
}	
	
.indizio1, .indizio2, .indizio3, .indizio4 {
	width: 90%;
	float: none;
}
	
.indizio1, .indizio2, .indizio3, .indizio4 {
    display: block;
}	
	
#indizio_btn {
	display: block;
}		
	
#indovinami_btn, #rebus_btn {
    font-size: 25px;
    padding: 5px 8px;
}	
	
.remove_point {
    font-size: 14px;
    vertical-align: 3px;
}
	
.stripindovinami2{
height: 250px;
margin: -45px 0 -170px 0;
}
	

	
.stripindovinami2_3{
height: 250px;
margin: -60px 0 -170px 0;
}
	
.list_indizi {
	margin: 20px auto 10px auto;
}	
	
.stripremojibus2 {
margin: -40px 0 -90px 0;	
}	

.stripremojibus2_3 {
margin: -60px 0 -90px 0;
height: 150px;	
}		
	
.stripchristmas2 {
margin: -76px 0 -225px 0;	
}	
	
.diagramma{
	font-size: 20px;
}	
	
.block_rebus, .block_complete {
	font-size: 22px;
	max-width: 400px;
}	

#magicword_btn {
	font-size: 23px;
}
	
.shownotify_invit, .shownotify_fase {
	padding: 15px;
	width: 245px;
	right: 7%;
	font-size: 13px;
	top: 108px;
	left: inherit;
	margin-left: inherit;
}	
	
.list_indizi table {
	border: 4px dotted #fff;
	border-radius: 29px;
	padding: 0 15px;
	min-height: 55px;
}	
	
.input_indovinami {
    margin: 20px auto 30px auto;
}

.block_indovinami {
	max-width: 680px;
	width: 90%;
	padding: 0 5%;
	margin: 30px auto;
	min-height: 560px;
}	

	
.kitpremisx{
	float: none; 
	width: 100%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 20px;
	font-size: 16px;
	text-align: right;
}

.kitpremidx{
	float: none; 
	width: 100%;
	color: #ffffff;
	font-family: Open Sans;
	margin-top: 20px;
	font-size: 16px;
}

.kitvincitorisx{
	float: none; 
	width: 100%;
	color: #1D1D1B;
	font-family: Open Sans;
	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;
}
	
.chart, .tab_account{
	font-size: 14px;
}	
	
.gameintro_in {
	min-height: 260px;
}

.stripred{
	padding: 20px 0 0 0;
}	
	
.arrowup::after, .arrowdown::after  {
    padding: 0 2px;
}
	
	.tabwin	{
		font-size: 14px;
	}
	
.boxtile {
    width: 320px;
    margin: 50px auto;
}	
	
	
.stripremojibus1_3 {
    height: 140px;
    margin: -60px 0;
}	
	
.stripruota2_3 {
	height: 300px;
	margin: -75px 0 -150px 0;
}	
	
.stripruota1_3 {
    height: 186px;
    margin: -60px 0;
	
 }
	
.stripconcatenate2_3 {
    margin: -65px 0 -170px 0;
    height: 250px;	
}	
	
.stripconcatenate1_3 {
    height: 220px;
}	
	
.stripchristmas1 {
    height: 120px;
    margin: -60px 0;
}	
	
.stripindovinami1_3 {
    height: 120px;
    margin: -60px 0;
}
	
}