/* FONT */
.pixelify-sans {font-family: "Pixelify Sans", serif;font-optical-sizing: auto;font-style: normal;}
.montserrat {font-family: "Montserrat", serif;font-optical-sizing: auto;font-style: normal;}
:root {
    --cnvs-body-font: "Montserrat", serif;
    --cnvs-primary-font: "Montserrat", serif;
    --cnvs-secondary-font: "Pixelify Sans", serif;
}
::selection {
    background-color: blue; /* Colore di sfondo dell'evidenziazione */
    color: white; /* Colore del testo evidenziato */
}

/* DEFAULT */
body {background: #000000;}
.rosso{color:#CB2C1E;}
.giallo{color:#FFFF55;}
.black{color:#000000;}
.bgGrigio{background:#1B1B1B;}
.bgGrigioC{background:#1C1C1C;}
.bgNero{background:#000000;}
.imgSfondo{background-image: url('../images/Raggruppa 208.png');background-size: cover;
	background-position: top;background-repeat: repeat;
	-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	position:relative;}

@media (max-width: 767px) {
.containerFull{width: 95%;max-width: 95%;}
.imgSfondo{background-image: url('../images/Raggruppa 214.png');background-position: center;
	background-repeat: no-repeat;}
.sfondoMobile{background: rgba(0, 0, 0, 0.5);}
}

/* INDEX */
.uptitleIndex{color: #E93323;font-size: 1.1rem;line-height: 1.2rem;font-weight: 600;}
.titleIndex{color: #ffff55;font-size: 12rem;line-height: 10rem;text-shadow: 1px 5px #ff0000;}
.subtitleIndex{font-size: 3.5rem;font-weight: 600;}
.rispostaSiNo{font-size: 2.5rem;font-weight: 400;color:#ffffff;
	display: inline-flex;align-items: center; position: relative;}
.rispostaSiNo:hover{color:#DEDD49;}
#slider{display:block !important;}

@keyframes pulsazione {
  0%, 100% {
    transform: scale(1);  /* Dimensioni normali */
  }
  50% {
    transform: scale(1.3);  /* Ingrandimento più evidente */
  }
}

.rispostaSi::before {content: "";width: 30px; height: 30px;background-image: url('../images/Poligono 2.png');
	background-size: contain;background-repeat: no-repeat;margin-right: 8px; visibility: visible;
	animation:  pulsazione 1.5s infinite;}	

@media(min-width: 769px) {
.rispostaNo::before {content: "";width: 30px; height: 30px;background-image: url('../images/Poligono 2.png');
	background-size: contain;background-repeat: no-repeat;margin-right: 8px; visibility: hidden;}
.rispostaNo:hover::before {visibility: visible;}
}
@media(max-width: 769px) {
.titleIndex{font-size: 7rem;line-height: 8rem;}
.subtitleIndex{font-size: 2rem;}
.verticalMMobile{min-height: 80%;}
.verticalMMobileSi{min-height: 100%;}
}
@media(max-width: 710px) {
.uptitleIndex{line-height: 1.4rem;}
.titleIndex {font-size: 6rem;line-height: 7rem;}
.subtitleIndex {font-size: 1.6rem;}	
.rispostaSiNo {font-size: 2rem;font-weight: 600;}
}
@media(max-width: 620px) {
.uptitleIndex{font-size: 1.05rem;font-weight: 700;}
.titleIndex {font-size: 5rem;line-height: 6rem;}
.subtitleIndex {font-size: 1.5rem;}	
.rispostaSiNo {font-size: 1.8rem;}
}
@media(max-width: 510px) {
.uptitleIndex{font-size: 1rem;}
.titleIndex {font-size: 4.2rem;line-height: 6rem;}
.subtitleIndex {font-size: 1.4rem;}	
.rispostaSiNo {font-size: 1.5rem;}
}
@media(max-width: 435px) {
.uptitleIndex{font-size: 1rem;}
.titleIndex {font-size: 3.7rem;line-height: 6rem;}
.subtitleIndex {font-size: 1.3rem;line-height: 1.6rem;}
}

/* NO */
.rispostaAbbRitorna{font-size: 2.1rem;font-weight: 400;color:#ffffff;
	display: inline-flex;align-items: center; position: relative;}
.rispostaAbbRitorna:hover{color:#DEDD49;}
.rispostaAbbRitorna::before {content: "";width: 30px; height: 30px;background-image: url('../images/Poligono 2.png');
	background-size: contain;background-repeat: no-repeat;margin-right: 8px; visibility: visible;
	animation:  pulsazione 1.5s infinite}

@media(max-width: 710px) {
.rispostaAbbRitorna {font-size: 2rem;font-weight: 600;}
}
@media(max-width: 620px) {
.rispostaAbbRitorna {font-size: 1.8rem;}
}
@media(max-width: 510px) {
.rispostaAbbRitorna {font-size: 1.5rem;}
}

/* SI */
.readyBg::before,.readyBg::after {content: "";position: absolute;background-size: contain;
	background-repeat: no-repeat;}

.readyBg::before {left: 0;top: 50%;transform: translateY(-50%);width: 20%;height: 55%;max-height: 100%;
    background-image: url('../images/Raggruppa 206.png');}
.readyBg::after {right: 30px;bottom: 20px;width: 20%;height: 40%;max-height: 100%;
    background-image: url('../images/Raggruppa 189.png');}
	
.titleReady{color: #ffff55;font-size: 6.2rem;line-height: 6.5rem;text-shadow: 1px 5px #ff0000;font-weight: normal;}
.subtitleReady{font-size: 2.5rem;line-height: 2.8rem;font-weight: 600;}
.subtitle2Ready{font-size: 1.4rem;line-height: 1.7rem;}
.beforeTriangolo{display: inline-flex;align-items: center; position: relative;}
.beforeTriangolo::before{content: "";width: 50px; height: 50px;background-image: url('../images/Poligono 2.png');
	background-size: contain;background-repeat: no-repeat;margin-right: 8px;}
.beforeNoTriangolo{display: inline-flex;align-items: center; position: relative;}
.beforeNoTriangolo::before{content: "";width: 50px; height: 50px;margin-right: 8px;}

@keyframes shakePulsante {
	0%,
	100% {
		transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70% {
		transform: translateX(-10px);
	}

	20%,
	40%,
	60% {
		transform: translateX(10px);
	}

	80% {
		transform: translateX(8px);
	}

	90% {
		transform: translateX(-8px);
	}
}
@keyframes vibrateButton {
	0% {
		transform: translate(0);
	}

	10% {
		transform: translate(-2px, -2px);
	}

	20% {
		transform: translate(2px, -2px);
	}

	30% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(2px, 2px);
	}

	50% {
		transform: translate(-2px, -2px);
	}

	60% {
		transform: translate(2px, -2px);
	}

	70% {
		transform: translate(-2px, 2px);
	}

	80% {
		transform: translate(-2px, -2px);
	}

	90% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}

.btnStartMissione{box-shadow: 7px 7px 0px 0px #eb3323;background: #FFFF55;font-weight: 700;font-size: 1.7rem;
    color: #000000 !important;}
.btnStartMissione.shakePulsante{animation: shakePulsante 2s ease 0s infinite normal forwards;}
.btnStartMissione.vibrateButton{animation: vibrateButton 2s ease 0s infinite normal forwards;}

.btnStartMissione:hover{box-shadow: -7px -7px 0px 0px #eb3323;background: #FFFF55;color: #000000 !important;}

@media(max-width: 769px) {
.titleReady{font-size: 3.5rem;line-height: 3.5rem;}
.subtitleReady{font-size: 2rem;}
.subtitle2Ready{font-size: 1.5rem;}
}
@media(max-width: 710px) {
.titleReady {font-size: 2.5rem;line-height: 7rem;}
.subtitleReady {font-size: 1.6rem;}	
.subtitle2Ready {font-size: 1.2rem;}	
}
@media(max-width: 620px) {
.titleReady {font-size: 4rem;line-height: 5rem;}
.subtitleReady {font-size: 1.5rem;}	
.subtitle2Ready {font-size: 1.1rem;}	
}
@media(max-width: 510px) {
.titleReady {font-size: 3.5rem;line-height: 4.5rem;}
.subtitleReady {font-size: 1.4rem;}	
.subtitle2Ready {font-size: 1.2rem;}	
}
@media(max-width: 435px) {
.titleReady {font-size: 3rem;line-height: 4rem;}
.titleProntoASalireDiLivello {font-size: 2.6rem;line-height: 3rem;}
.subtitleReady {font-size: 1.3rem;line-height: 1.6rem;}
.subtitle2Ready {font-size: 1.1rem;line-height: 1.4rem;}
}

.section.dark {background-color: #000000;}
.subtitReady {color: #ffffff;font-size: 4rem;line-height: 4.2rem;font-weight: normal;}
.iconlist.customList li {font-size: 1.4rem;line-height: 1.7rem;}
.iconlist.customList > li i:first-child, .iconlist.customList > li img:first-child {color: #FFFF55;}
.boxContorno{font-size: 1.5rem;line-height: 1.7rem;padding: 20px;text-align: center;}
.boxContorno.bordoRosso{border: 3px solid #EB3323;}
.boxContorno.bordoGiallo{border: 3px solid #FFFF55;}
.titleLivello{border: 3px solid #FFFF55;width: 100%;background: #000;}
.imgLivello{max-width: 35%;}
.vh-10 {height: 10vh !important;} 

.container-flex {display: flex;align-items: stretch;gap: 50px;}
.image-container {flex: 0 0 25%;}
.image-container img {width: 100%;height: 100%;object-fit: cover;} 
.text-container {flex: 1;padding: 30px;display: flex;align-items: center;}
.text-container {flex-direction: column;}
.PaddingGameMaster1{padding-top:65px;}
.boxGameMaster1{position: absolute;top: -62px;width: auto;padding: 5px 30px;right: 0;}
.PaddingGameMaster2{padding-bottom:65px;} 
.boxGameMaster2{position: absolute;bottom: -61px;width: auto;padding: 5px 30px;left: 0;}

.sectionMission{padding-bottom:10rem;}
.sectionMission::after {content: "";position: absolute;background-size: contain;background-repeat: no-repeat;
    left: 15%;bottom: -40px;width: 35%;height: 35%;max-height: 100%;background-image: url("../images/Raggruppa 197_1.png");}
.sectionBgGiallo{background-image: url("../images/Raggruppa 204.png"); 
    background-size: contain;background-repeat: repeat-x;background-color: transparent;}
.iconListBig span{font-size:1.9rem;line-height: 2rem;}
.iconListBig li {position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.iconListBig .icon-img {width: 60px !important;height: auto !important;vertical-align: middle;
	margin-right: 2.7rem !important;}
	
@media(max-width: 768px) {	
.a_capo_mobile{display:block;} 
.btnStartMissione {font-size: 1.0rem;}

.readyBg{background-image: url('../images/mobile/Raggruppa 210.png');background-position: bottom;}

.readyBg::before {left: 15px;top: 70%;transform: translateY(-50%);width: 20%;height: 30%;max-height: 100%;
    background-image: url('../images/mobile/Raggruppa 209.png');}
.readyBg::after {right: 30px;bottom: 20px;width: 20%;height: 40%;max-height: 100%;
    background-image: url('../images/Raggruppa 189.png');}
.button.button-xlarge {--cnvs-btn-padding-x: 20px;}	
.subtitReady {font-size: 2rem;line-height: 2.4rem;}
.centerMobile{text-align:center;}
.iconlist.customList li {font-size: 1.1rem;}
.containerFluidMobile{max-width: 80%;}
.boxGameMaster1{display:none;} 
.boxGameMaster2{display:none;}
.sectionMission::after {left: 42%;bottom: 10px;}
.iconListBig span {font-size: 1rem;line-height: 1.5rem;font-weight: 400;}
}
@media(max-width: 1024px) {	
.sectionBgGiallo {background-size: cover;background-repeat: no-repeat;}

}

/* mobile height media query*/
@media(max-width: 768px) {	
	.vh-100-mobile{height:auto !important;}
}
@media screen and (max-height: 939px) {
	.vh-100-mobile{height:auto !important;}
}

.imgSfondoNew::after {content: "";position: absolute;background-size: cover;
	background-repeat: no-repeat;left: 0;bottom: 0%;width: 100%;height: 30%;max-height: 100%;
    background-image: url('../images/Raggruppa 208_tagliato.png'); z-index: -1;}
.imgSfondoNew{padding-bottom:100px;}
@media(max-width: 768px) {	
.imgSfondoNew{padding-top:80px; padding-bottom:100px;}
.imgSfondoNew::before {content: "";position: absolute;background-size: cover;
	background-repeat: no-repeat;left: 0;top: 0%;width: 100%;height: 30%;max-height: 100%;
    background-image: url('../images/Raggruppa 213_tagliato_up_2.png');}	
.imgSfondoNew::after {content: "";position: absolute;background-size: cover;
	background-repeat: no-repeat;left: 0;bottom: 0%;width: 100%;height: 30%;max-height: 100%;
    background-image: url('../images/Raggruppa 213_tagliato_down_2.png');    z-index: -1;}

}