@font-face {
    font-family: opensans;
    src: url(opensans/OpenSans-Regular.woff);
}

@font-face {
    font-family: opensans-bold;
    src: url(opensans/OpenSans-Bold.woff);
}

@font-face {
    font-family: opensans-extrabold;
    src: url(opensans/OpenSans-ExtraBold.woff);
}

@font-face {
    font-family: opensans-BoldItalic;
    src: url(opensans/OpenSans-BoldItalic.woff);
}

@font-face {
    font-family: RobotoSlab-Regular;
    src: url(opensans/Roboto-Regular.ttf);
}

@font-face {
    font-family: axiforma-Black;
    src: url(axiforma/Axiforma-Black.woff2);
}

*{
	margin: 0;
	padding: 0;
	font-family: opensans;
}

/*---------** GERAL ** ---------- */

.row-eq-height {
  	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
  	display:         flex;
}

.btn-portal {
	padding: 10px 30px;
	margin-top: 15px;
	background: #d04d8b;
	font-size: 20px;
	margin: auto;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: opensans-bold;
	border-radius: 50px;
}

.btn-portal:hover, .btn-portal:focus {
	/* background: #86D4EF; */
	color: #FFF;
	text-decoration: none;
}

.btn-regulamento {
	padding: 10px 30px;
	margin-top: 15px;
	background: #86D4EF;
	font-size: 3em;
	margin: auto;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: opensans-bold;
	border-radius: 50px;
	position: absolute;
    bottom: 30px;
}

.btn-regulamento:hover, .btn-regulamento:focus {
	color: #FFF;
	text-decoration: none;
}

.contentBottom{
    position: absolute;
    bottom: 10px;
 	height: 100px;
}

.p-0{padding:0px !important}

.radius{border-radius: 20px}

.branco{color:#FFF !important}

.azul{color:#343b59}

.verde{color:#00463b !important}

.amarelo{color: #bad257}

/*----------**HOME**----------*/

/*---------**BANNER**----------*/

.banner {

    background: url(../_img/2026/banner.png) center center;
    background: -webkit-image-set(url(../_img/2026/banner.avif) 1x, url(../_img/2026/banner.webp) 1x, url(../_img/2026/banner.png) 1x) center center;
    background: image-set(url(../_img/2026/banner.avif) type("image/avif"), url(../_img/2026/banner.webp) type("image/webp"), url(../_img/2026/banner.png) type("image/png")) center center;
	background-position: top;
	background-size: cover;
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	padding-top: 50px;
    height: 89vh;
}

.banner .container{
    height: 100%;
}

.banner .row{
    align-items: center;
    height: 100%;
    display: flex;
}

.banner img{
	margin-top: 50px;
    margin-bottom:40px;
}


/*---------**FIM BANNER**----------*/

/*---------**OBJETIVO**----------*/

.objetivo{
	display: table;
	width: 100%;
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	padding: 70px 0px;
}

.objetivo p{text-align: left;color:#FFF;font-size: 1.15em;}

.objetivo p span{font-family: opensans-bold;}

.objetivo .tituloObjetivo{
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.objetivo .caixa{
	margin: 10px;
    /* width: 100%; */
	padding: 40px;
	font-size: 1.5em;
	text-align: left;
}

.objetivo .caixa h2{
	font-family: axiforma-Black;
	font-size: 3em;
	text-align: left;
}

.objetivo .fundoVerde{
	background-color: #24a68e;
}

.objetivo .fundoRosa{
	background-color: #d04d8b;
}

.objetivo table tr td{border-top-style: unset !important;}

/*---------**FIM OBJETIVO**----------*/

/*---------**PROVAS**----------*/

.provas{
	background-color: #5590c2;
	display: table;
	position: relative;
	background-repeat: no-repeat;
	width: 100%;
	padding: 50px 0;
}

.provas h2{
	font-family: opensans-bold;
	color: #FFF;
	font-size: 3em;
}

.provas h2 span{
	font-family: opensans-extrabold;
	color: #ffb32f;
	font-size: 2em;
}

.provas p {
	color:#FFF;
	font-family: opensans;
	/* font-size: 1.2em; */
	font-size: 1.4em;
	text-align: left;
	margin-top:15px;
}

.provas p span{
	font-family: opensans-BoldItalic
}

.content-materia{
	background-color: #482b5c;
}

.content-materia.portugues{
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	padding: 30px 80px;
	margin-bottom: 100px;
}

.content-materia.matematica{
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	padding: 30px 80px;
}

.franjinha{
	float: right;
    position: relative;
    margin-right: -100px;
    z-index: 1000;
    margin-top: 75px;
}

.milena{
	margin-left:-70px;
    margin-top: 50px;
    display: flex;
}



/*---------**CALENDARIO**------------*/

.calendario{
	background-color: #24a68e;
	background-position: center;
	display: table;
	width: 100%;
	text-align: center;
	position: relative;
    background-size: cover;
}

.calendario .first{
	display: flex;
}

.calendario .personagens{
	display: flex;
	align-items: center;;
}

.calendario .row{
	margin: 50px 0;
}

.calendario h1{
	font-family: axiforma-Black;
	color:#009c89;
	font-size:6em;
}

.calendario h2{
	font-size:3.5em;
}

.calendario h3{
	font-size:2.3em;
}

.calendario h2, .calendario h3{
	font-family: opensans-bold;
}

.calendario .etapa{
	color:#FFF;
	background-color: #00463b;padding: 10px 20px;
	border-radius: 10px;
	font-size:1.3em;
	font-family: opensans-bold;
}

.calendario .data{
	color:#FFF;
	font-size:1.2em;
	font-family: opensans;
}

.calendario .data span{
	font-family: opensans-bold;
	display: block;
}


/*---------**FIM CALENDARIO**------------*/

/*---------**INSCRIÇÕES**------------*/

.inscricoes{
	background-color: #482f53;
	display: table;
	width: 100%;
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	padding: 50px 0px 100px 0px;
}

.inscricoes h1{
	font-size:4em;
	color:#FFF;
	font-family: opensans-extrabold;
}

.inscricoes .row{margin-bottom: 20px;}

.inscricoes label{
	text-align: left;
	float:left;
	color:#FFF;
	font-family: opensans-bold;
}

.inscricoes label span{color:#ffcc66;}

.inscricoes .btn-portal{background-color:#ba007c;}

.inscricoes .btn-portal:hover{background-color: #86D4EF;}

.inscricoes .form-control{
	background-color: transparent !important; 
	border:none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    border-bottom: 2px solid #86D4EF; 
    border-radius: 0px;
    font-family: opensans-bold;
    color:#FFF;
}

/*---------**FIM INSCRIÇÕES**------------*/

/*---------**FIM HOME**----------*/

/*---------**SUCESSO**----------*/

.sucesso{
	background: url(../_img/sucesso.jpg);
	background-position: center;
	background-size: cover;
	height: 250px;
	background-repeat: no-repeat;;
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
}

/*---------**FIM SUCESSO**----------*/
.linha{
	background: url(../_img/turmaMonica.jpg);
	background-position: center;
	display: block;
	width: 100%;
	text-align: center;
	bottom: 0;
    position: absolute;
    height: 86px;
}

.linha2 {
	    background: url(../_img/turmaMonica.jpg);
	    background-position: center;
	    display: block;
	    width: 100%;
	    text-align: center;
	    position: absolute;
	    height: 86px;
        z-index: 8;
	}

.menuLateral{
    background: url(../_img/banner.jpg);
    /* position: absolute;
    top: 0;
    bottom: 0; */
    padding-top: 26px;
}

.principal{
	position: relative;
	/* height: 800px; */
	min-height: 78vh;
	display: table;
    width: 100%;
}

.relogio p{
	font-size: 46px;
}

.racha{
 	background: url(../_img/fundoRoxo.png);
 	background-size: 100% 100%;
 	background-repeat: no-repeat;
    margin-bottom: 30px;
    font-weight: bold;
    color:#FFF;
}


/* .banner .inscrevase {
	width: 530px;
	height: 300px;
	float: right;
	margin-top: 280px;
	background: url(../_img/fundotexto.png);
	color: #fff;
}
.banner .inscrevase h2{
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 60px 100px 30px 100px;
} */

/*sobre*/

.formularioCadastro{
	background-color: #372440;
	border-radius: 20px;
	padding: 40px;
	margin-top: 50px;
}

.bordaFim{
	border-right: 2px solid #FFF;
}

/*form*/
option{
	color: black !important;
}

.linhaForm{
	display: flex;
	align-items: end;
}

/*footer*/

.cp{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

footer .copyright p {
	padding-top: 45px;
	color: #aaa;
	text-align: right;
}


/*regulamento*/

.regulamento h2 {
	text-align: center;
	margin: 50px 0;
}
.regulamento .textoregulamento {
	color: #000;
	padding: 0px 50px 70px 50px;
}

/*ranking*/
.ranking {
	margin-bottom: 50px;
}
.rankingbanner{
	background: url(../_img/tituloranking.jpg);
	background-position: center;
	width: 100%;
	height: 380px;
}
.etaparanking {
	margin-top: 50px;
}
.etaparanking img {
	width: 1050px;
}
.etaparanking .filtros {
	/*width: 500px;*/
	color: #85c6ce;
	margin:auto;
	margin-top: 10px;
	font-weight: bold;
	/*height: 60px;*/
}
.etaparanking .filtros select{
	border: 2px solid #85c6ce;
	background: none;
	margin-left: 10px;
	color: #000;
	padding: 5px;
	width: 150px;
}
.etaparanking table {
	margin-top: 40px;
	margin: auto;
	color: #fff;
	width: 800px;
	text-align: center;
}
.etaparanking table th{
	color: #85c6ce;
	padding: 5px;
}
.etaparanking table td{
	padding: 5px;
	/*margin-right: 3px 50px;*/
}

/*premios*/

.premios {
	text-align: center;
	height: 500px;
}

.premios .lugares{
	width: 250px;
	padding: 15px 30px;
	color: #000;
	float: left;
}
.premios .lugar2 {
	margin-right: 60px;
}
.premios .lugar1 {
margin-right: 50px;	
}

.border-error{
	border-color: red !important;
}

.warning-style {
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	border-radius: 3px;
	padding: 5px;
}



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

	.banner{
		background-position: left;
	}

	.row-eq-height {display: unset}

	.banner img{margin: 20px 0}

	.objetivo{padding: 40px 0}

	.objetivo .caixa p{font-size: 1em !important}

	.objetivo .caixa{
		margin-bottom: 30px;
		font-size: 1em;
		display: table;
	}

	.bordaFim{
		border-bottom: 2px solid #FFF;
		border-right: unset;
	}

	.objetivo .caixa h2, .objetivo .fundoAmarelo  h2{
		font-size: 1.7em;
	}

	.provas h2{font-size: 1em}

	.franjinha{
		display:none;
		/* margin-right: unset */
	}

	.milena{
		/* margin-left:unset;
		display: block; */

		display:none;
	}

	.content-materia.portugues {
		border-top-left-radius: unset;
		border-bottom-left-radius: unset;
		padding: 30px 40px;
	}

	.content-materia.matematica {
		border-top-right-radius: unset;
		border-bottom-right-radius: unset;
		padding: 30px 40px;
	}

	

	.calendario .first{
		display: block;
	}

	.calendario h1 {font-size: 3em;}

	.calendario h2 {font-size: 2.5em;}

	.objetivo .row{margin: unset;}

	.objetivo table tr td p{text-align: center;}

	.inscricoes h1 {font-size: 2em;}

	#cadastro .btn-portal{margin-top: 20px;}

	.etapa{margin-bottom: 20px}

	.linhaForm{display: block}
	
	.cp{flex-direction: column}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	.row-eq-height {display: unset}

	.cp{flex-direction: column}

	.banner{
		height: 38vh;
	}

	.banner .col-sm-12{margin:30px 0}

	.franjinha{
		display:none;
		/* margin-right: unset */
	}

	.milena{
		/* margin-left:unset;
		display: block; */

		display:none;
	}

	.objetivo{padding: 40px 0}

	.objetivo .caixa p{font-size: 1em !important}

	.objetivo .caixa{
		margin-bottom: 30px;
		font-size: 1em;
		display: table;
	}

	.provas img, .banner img{margin: auto}

	.provas p{margin: 20px 0}

	.calendario{background-position: left}
}

/* @media screen and (min-width: 1700px) {
	.milena{
		display: block !important;
	}
} */