body {
	padding-top: 80%;
	background: url('../images/bg-mobile.png') no-repeat top center #060606;
	background-size: 100% auto;
}

body.etapa3 {
	/*background: url('../images/bg-desktop3.png') no-repeat top center #060606;*/
}

.logo { margin: 2rem auto; }

.bg-mobile { z-index: -1; position: relative; }

@media (min-width: 780px) {
	.bg-mobile { display: none; }
	.logo { display: none; }

	body {
		padding-top: 0;
		background: url('../images/bg-desktop.png') no-repeat top center #060606;
		background-size: 100% auto;
	}
}

ul { list-style-type: none; }

.chau { font-family: 'chau_philomene_oneregular'; }
.nunito { font-family: 'Nunito', sans-serif;  }

h1, .btn { font-family: 'chau_philomene_oneregular'; font-weight: normal; }
p { font-family: 'Nunito', sans-serif; }

.txt-center {  text-align: center; }
.txt-upper { text-transform: uppercase;  }

.fs-big { font-size: 40px; }
.fs-medium { font-size: 20px; }
.fs-mediuner { font-size: 16px; }
.fs-small { font-size: 12px; }

@media (max-width: 780px) {
	.etapa3 .fs-medium { font-size: 14px; }
}

.color-dark { color: #E6D0C5; }
.color-dark2 { color: #6D5853; }
.color-medium { color: #A89995; }
.color-light { color: #E6D0C5; }

.mrg-t-1 { margin-top: 1rem; }
.mrg-t-2 { margin-top: 2rem; }
.mrg-t-3 { margin-top: 3rem; }

.mrg-b-1 { margin-bottom: 1rem; }
.mrg-b-2 { margin-bottom: 2rem; }
.mrg-b-3 { margin-bottom: 3rem; }
.mrg-b-3 { margin-bottom: 3rem; }
.mrg-b-14 { margin-bottom: 14px; }

.pos-r { position: relative; }

.btn {
	letter-spacing: 3px;
	color: #E6D0C5;
	border: none;
	border-radius: 60px;
	padding: 22px 48px;
	margin: 2rem 0;
	cursor: pointer;
	background: #A42628;
}

/* ------------------------ */
/* ETAPA 1 */

.etapa1 {
	width: 100%;
	overflow: auto;
}

@media (min-width: 780px) {
	.etapa1 {
		position: fixed;
		top: 50%;
		width: 100%;
		overflow: auto;
	}
}

.etapa1 .container {
	margin: 0 auto;
	max-width: 600px;
}

/* ------------------------ */
/* ETAPA2 */

.etapa2 {
	width: 100%;
	overflow: auto;
}

@media (min-width: 780px) {
	.etapa2 {
		/*position: fixed;*/
		width: 100%;
/*		bottom: 0;
		right: 0;
		left: 0;*/
		overflow: auto;
		margin-top: 365px;
	}
}

.etapa2 .container {
	max-width: 495px;
	padding: 0 12px;
	background: url('../images/bg-quiz.png') no-repeat top center #FFFFFF;
	background-size: 100% auto;
	border-top: 6px solid #A42628;
}

.progress {
	width: 91px;
	height: 35px;
	background: url('../images/adorno1.png') no-repeat top center;
	margin: 0 auto;
	text-align: center;
}

.pergunta {
	overflow: hidden;
	/*width: 93%;
	margin: 0 auto;*/
}



@media (min-width: 780px) {
	.pergunta { overflow: hidden; }
}

.respostas {
	background: #F9F3F1;
	border-radius: 8px;
	background-size: 100% auto;
	padding: 1rem 1rem 1px;
	max-width: 500px;
}

@media (min-width: 780px) {
	.etapa2 .container {
		/*width: 495px;*/
		padding: 0 3rem;
	}

	.respostas {
		/*background: url('../images/bg-respostas.png') no-repeat top center;*/
		background-size: 100% auto;
		max-width: 500px;
		/*padding: 1rem 1rem 3rem;*/
	}
}

.respostas .check {
	width: 20px;
	height: 20px;
	background: url('../images/icon-check.png') no-repeat center center;
	margin: 7px 1rem 1rem;
	float: left;
}

.respostas .selected .check {
	background: url('../images/icon-checked.png') no-repeat center center;
}

.respostas p {
	/*height: 1rem;*/
	vertical-align: middle;
	padding-top: 0.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #A89995;
	cursor: pointer;
}

.respostas li:hover p, .respostas .selected p {
	color: #6D5853;
}

.respostas .last p { border: none; }

.etapa2 .btn-holder {
	/*width: 100%;*/
	max-width: 300px;
	background: #A42628;
	color: #E6D0C5;
	border: none;
	border-radius: 60px;
	padding: 1rem 1.5rem;
	margin: 2rem auto;
	display: block;
	font-size: 0;
	text-align: center;
}

.etapa2 .btn-holder button {
	width: 50%;
	border: none;
	background: transparent;
	cursor: pointer;
}

.arrow {
	width: 19px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.arrow-l { background: url('../images/arrow-l.png') no-repeat; }
.arrow-r { background: url('../images/arrow-r.png') no-repeat; }

.divisor {
	width: 1px;
	height: 100%;
	background-color: #872223;
	position: absolute;
	left: 50%;
	top: 0;
}

/* ------------------------ */
/* ETAPA3 */

.etapa3 {
	width: 100%;
	overflow: auto;
	margin-top: 0;
	background-color: #000;
}

@media (max-width: 779px) {
	.etapa3 {
		margin-top: -80%;
	}
}

@media (min-width: 780px) {
	.etapa3 {
		width: 100%;
		min-height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: transparent;
	}

	.etapa3:before {
		width: 100%;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .8);
		content: '';
	}
	.container-etapa3 {
		max-width: 493px;
		text-align: center;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
	}

	.container-etapa3.veronica {
		padding-top: 187px;
		background: url('../images/bg-veronica.jpg') no-repeat center top #060606;
	}

	.container-etapa3.clara {
		padding-top: 187px;
		background: url('../images/bg-clara.jpg') no-repeat center top #060606;
	}

	.container-etapa3.natalie {
		padding-top: 187px;
		background: url('../images/bg-natalie.jpg') no-repeat center top #060606;
	}

	.container-etapa3.luiza {
		padding-top: 187px;
		background: url('../images/bg-luiza.jpg') no-repeat center top #060606;
	}
}

.etapa3 img { margin: 0 auto; padding: 0; }
.etapa3 .container { text-align: center; }
.etapa3 .btn-holder {
	/*width: 100%;*/
	max-width: 300px;
	background: transparent;
	color: #E6D0C5;
	border: 1px solid #872223;
	border-radius: 60px;
	padding: 15px 1.5rem 4px;
	margin: 1.5rem auto;
	display: block;
	font-size: 0;
	text-align: center;
}

.etapa3 .btn-holder a {
	width: 50%;
	text-decoration: none;
	border: none;
	background: transparent;
	display: inline-block;
	cursor: pointer;
}

.social {
	width: 28px;
	height: 41px;
	display: inline-block;
	vertical-align: middle;
}

.reload {
	height: 21px;
	background: url('../images/refazer.png') no-repeat;
}

.twt { background: url('../images/icon-twt.png') no-repeat; }

.fb { background: url('../images/icon-facebook.png') no-repeat; }

.personagem-desktop { display: none; }

.resultado-meta { display: none; }

@media (min-width: 780px) {
	.personagem-mobile { display: none; }
	.personagem-desktop { display: block; }
	.resultado-meta { display: block; }
}

.personagem-mobile {
	background-repeat: no-repeat;
	background-size: 125% auto;
	background-position: top center;
	width: 100%;
	height: 420px;
	position: relative;
	z-index: 999;
}

@media (min-width: 400px) {
	.personagem-mobile { background-size: cover; }
}

@media (min-width: 550px) {
	.personagem-mobile { background-size: contain; }
}

.personagem-mobile.veronica {
	background-image: url('../images/veronica.png');
}

.personagem-mobile.luiza {
	background-image: url('../images/luiza.png');
}

.personagem-mobile.clara {
	background-image: url('../images/clara.png');
}

.personagem-mobile.natalie {
	background-image: url('../images/natalie.png');
}

@media (min-width: 780px) {
	body.veronica {
		background-image: url('../images/resultados/veronica.jpg');
		background-color: #060606;
	}

	body.luiza {
		background-image: url('../images/resultados/luiza.jpg');
		background-color: #060606;
	}

	body.clara {
		background-image: url('../images/resultados/clara.jpg');
		background-color: #060606;
	}

	body.natalie {
		background-image: url('../images/resultados/natalie.jpg');
		background-color: #060606;
	}

	.divisor-h {
		width: 40px;
		height: 1px;
		margin: 0 auto;
		background-color: #E6D0C5;
		margin-bottom: 1rem;
	}
}


@media (max-width: 1366px) {
	body.veronica {
		background-size: 1366px auto;
	}

	body.luiza {
		background-size: 1366px auto;
	}

	body.clara {
		background-size: 1366px auto;
	}

	body.natalie {
		background-size: 1366px auto;
	}
}

.btnreload {
	padding: 3px 10px;
	margin: 6px 0 0;
}

.resultado-meta {
	text-align: center;
	/*margin-top: 3rem;*/
}

.resultado-meta p.fs-mediuner {
	margin-bottom: 1rem;
}

.etapa1cont {

}