.ZHQuiz-alternative{
	cursor: pointer;
	transition: all ease-out 222ms;
	-webkit-transition: all ease-out 222ms;
	-moz-transition: all ease-out 222ms;
	-ms-transition: all ease-out 222ms;
	-o-transition: all ease-out 222ms;
}

.ZHQuiz-alternative-wrong{
	    background-color: rgb(50, 50, 50) !important;
}
.ZHQuiz-alternative-right{
	    background-color: rgb(186, 0, 0) !important;
		transform: scale(1.05);
}
#box-respostas .ZHQuiz-alternative:hover{
	/* transform: scale(1.05);
	-webkit-transform: scale(1.05); */
	background-color: rgb(186,0,0);
}
#box-respostas .ZHQuiz-alternative:active{
	transform: translateY(4px);
	-webkit-transform: translateY(4px);
}



/* #container-quiz
{
	min-height: calc(100vh + 280px);
	max-height: calc(100vh + 280px);
	height: calc(100vh + 280px);
	min-width: 100vw;
	max-width: 100vw;
	width: 100vw;
	
} */

#container-quiz.newHeight
{
	min-height: calc(100vh + 170px);
	max-height: calc(100vh + 170px);
	height: calc(100vh + 110px);
}


@media only screen and (min-width: 1024px) 
{
	body,
	.primaryContainer{
		min-width: 100vw;
		max-width: 100vw;
		width: 100vw;
		min-height: 100vh;
		max-height: 100vh;
		height: 100vh;
		overflow: hidden;
	}
	
	#container-quiz
	{
		min-height: 100vh;
		max-height: 100vh;
		height: 100vh;
		min-width: 45vw;
		max-width: 45vw;
		width: 45vw;
		overflow: hidden;
	}
	#box_texto 
	{
		
		float: none;
		height: 621px;
		margin-left: auto;
		margin-top: 20px;
		clear: none;
		width: 80%;
		position: absolute;
		top: initial;
		left: 15%;
		bottom: 20%;
		display: block;
		margin-right: auto;
	}
	
	#box-vermelho
	{
		min-height: 100vh;
		max-height: 100vh;
		height: 100vh;
		min-width: 55vw;
		max-width: 55vw;
		width: 55vw;
		overflow: hidden;
		position: relative;
	}
	
	.ZHFlipPage-container,
	.ZHFlipPage
	{
		overflow: hidden;
	}
	/* #box-rolinho-maior {
		left:38%;
	} */
	
	#box-rolinho-maior.rolinho-maior-first-question{
		left:80%;
		top:17.5%;
	}
	
	#box-rolinho-maior.move-rolo-maior-question1{
		left:26% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question2{
		left:23% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question3{
		left:23% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question4{
		left:26% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question5{
		left:28% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question6{
		left:23% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question7{
		left:33% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question8{
		left:32% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question9{
		left:32% !important;
	}
	#box-rolinho-maior.move-rolo-maior-question10{
		left:32% !important;
	}
	
	

	#box-rolinho-maior.question1{
		top:17.5%;
		left:65%;
	}
	#box-rolinho-maior.question2{
		top:24.5%;
		left:71%;
		
	}
	#box-rolinho-maior.question3{
		top:31%;
		left:75%;
		
	}
	#box-rolinho-maior.question4{
		top:37.6%;
		left:75%;
	}
	#box-rolinho-maior.question5{
		top:44.2%;
		left:73%;
	}
	#box-rolinho-maior.question6{
		top:50.8%;
		left:73%;
	}
	#box-rolinho-maior.question7{
		top:57.4%;
		left:60%;
	}
	#box-rolinho-maior.question8{
		top:63.8%;
		left:54%;
	}
	#box-rolinho-maior.question9{
		top:70.3%;
		left:48%;
	}
	#box-rolinho-maior.question10{
		top:77%;
		left:48%;
	}
	

}
.escalar {
    /* transform: scale(1.2); */
    position: absolute;
    height: 75%;
    max-height: 100vh;
    bottom: 50%;
	left: 50%;
    top: initial;
    display: inline-block;
    transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    -o-transform: translate(-50%,50%);
    -moz-transform: translate(-50%,50%);
	z-index:40;
}


@-webkit-keyframes colorPortugal {
	8%{fill:url(#g1);}
	16%{fill:url(#g2);}
	24%{fill:url(#g3);}
	32%{fill:url(#g4);}
	40%{fill:url(#g5);}
	48%{fill:url(#g6);}
	56%{fill:url(#g7);}
	64%{fill:url(#g8);}
	72%{fill:url(#g9);}
	80%{fill:url(#g10);}
	88%{fill:url(#g11);}
	100%{fill:url(#g12);}
	
}
@keyframes colorPortugal {
	8%{fill:url(#g1);}
	16%{fill:url(#g2);}
	24%{fill:url(#g3);}
	32%{fill:url(#g4);}
	40%{fill:url(#g5);}
	48%{fill:url(#g6);}
	56%{fill:url(#g7);}
	64%{fill:url(#g8);}
	72%{fill:url(#g9);}
	80%{fill:url(#g10);}
	88%{fill:url(#g11);}
	100%{fill:url(#g12);}
}

.animeportugal{
	display: block !important;
	-webkit-animation: colorPortugal 666ms linear;
	animation: colorPortugal 666ms linear;
}

.portugal.portugalpintado {
	display:	block;
	fill:		url(#g12);
}


.portugal{
	display: none;
	fill:url(#g1);
}


.ZHQuiz-result{
	display: none;
}
.ZHQuiz-image-container{
	display:none;
}
/* .image-result{
	width: 65vw;
    min-width: 65vw;
    max-width: 65vw;
    height: 35vh;
    min-height: 35vh;
    max-height: 35vh;
    position: relative;
    margin-bottom: 5%;
    /* overflow: hidden; 
} */

@media only screen and (min-width: 320px)
{
	.ZHQuiz-image-container{
		overflow: hidden;
		height: 50%;
		min-height: 50%;
		max-height: 50%;
		width: 65%;
		min-width: 65%;
		max-width: 65%;
		position: relative;
		top: 15%;
		max-width:320px;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
	
	.ZHQuiz-image-container>.image-result{
		/* overflow: hidden; */
		height: auto;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		position: relative;
		margin-bottom: 15px;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		text-align: center;
	}
	.p2{
		position: relative;
		float: none;
		font-size: 1.2em;
		line-height: 1em;
		font-family: 'Source Sans Pro';
		font-weight: 200;
		margin-top:	15px;
	} 
	
	.p1{
		position: relative;
		float: none;
		font-size: 1.6em;
		line-height: 1em;
		font-family: 'Source Sans Pro';
		font-weight: 600;
		margin-top:	15px;
	}
	
	.imagesets{
		position: relative;
		height:	auto;
		width:100%;
		max-width: 300px;
	}
	
	#botao2{ 
		float: none;
		height: 54px;
		margin-left: auto;
		margin-top: 100px;
		clear: none;
		width: 280px;
		border-top-left-radius: 55px;
		border-bottom-left-radius: 55px;
		border-top-right-radius: 55px;
		border-bottom-right-radius: 55px;
		background-color: rgb(255, 0, 0);
		position: relative;
		top: 0px;
		left: 0px;
		margin-right: auto;
		transition: all ease-out 222ms;
		-webkit-transition: all ease-out 222ms;
		-moz-transition: all ease-out 222ms;
		-ms-transition: all ease-out 222ms;
		-o-transition: all ease-out 222ms;
		cursor:pointer;
	}
	#botao2:hover{
		background-color: rgb(186,0,0);
		transform: scale(1.05);
	}	
	
	
	#textresultado{
		float: left;
		font-size: 1.4em;
		width: 100%;
		height: auto;
		text-align: center;
		font-weight: 400;
		line-height: 1em;
		margin-left: 0%;
		margin-top: 16px;
		clear: none;
		min-height: 37px;
		font-family: 'Source Sans Pro';
		color: rgb(255, 255, 255);
	}
	
}