@import "../includes/fonts.css";

/*******************************************************************************
 * RESET DE PROPRIEDADES GERAIS                                        - INÍCIO 
 ******************************************************************************/
html, body {
	overflow-x: hidden;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: none;
	position: relative;
	background: url(../imagens/rep.jpg) center repeat-y;
	font-family: 'montserrat-regular';
}

.centraliza_conteudo {
	width: 990px;
	margin: auto;
	margin-left: 24%;
}

.centraliza_conteudo2 {
	width: 1240px;
	margin: auto;
}

a{
	text-decoration: none;
	color: #fff;
}

@keyframes draw {
	0% {fill-opacity: 0;stroke-dashoffset: 853;}
	25% {fill-opacity: 0;stroke: #FFFFFF;}
	50% {fill-opacity: 1;stroke: #FFFFFF;}
	100% {fill-opacity: 1;stroke-dashoffset: 0;stroke: #FFFFFF;}
}

body #anchor-box{
	position: fixed;
	top: 400px;
	right: 0px;
	width: 150px;
	z-index: 999999999;
}

body #anchor-box ul{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}

body #anchor-box li{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	color: #bbb;
	font-family: 'montserrat-light';
	font-size: 15px;
	list-style: circle;
}

body #anchor-box li:hover{
	color: #3db87b !important;

}

@media screen and (max-width: 1500px){
	body #anchor-box{
		right: 30px;
	}

	body #anchor-box li span{
		display: none;
	}

	body #anchor-box li:hover span{
		display: block;
	}

	body #anchor-box ul{
		direction: rtl;
		list-style-position: inside;
	}

	body #anchor-box .linha{
		float: right !important;
		border-left: 0px !important;
		border-right: solid 2px #3db87b !important;
		margin-right: -11px !important;
	}
}

body #anchor-box .linha{
	float: left;
	margin: 3px;
	height: 12px;
	width: 100%;
	border-left: solid 2px #3db87b;
	margin-left: -12px;
}

.anchor{
	position: absolute;
	top:-100px;
}

#como-funciona-anchor{
	margin-top: 405px;
}

header{
	width: 100%;
	position: relative;
}

section{
	width: 100%;
	position: relative;
	z-index: 888888 !important;
}
/*******************************************************************************
 * RESET DE PROPRIEDADES GERAIS                                           - FIM  
 ******************************************************************************/


/*******************************************************************************
 * EFEITO DE ANIMACAO                                                   - INICIO  
 ******************************************************************************/

.slideanim {
	visibility:hidden;
	visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {
	visibility: visible;
	animation: slide 1s;
}
.slideanim::after {
	/* useful when its child elements are float:left; */
	content: "";
	display: table;
	clear: both;
}
@keyframes slide {
	0% {
		opacity: 0;
		transform: translateX(50%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}



/*******************************************************************************
 * EFEITO DE ANIMACAO                                                      - FIM  
 ******************************************************************************/

/*******************************************************************************
 * HEADER - MENU                                                        - INICIO  
 ******************************************************************************/
#header-capa {
	background-image: url('../imagens/topo/fundo-topo.jpg');
	width: 100%;
	height: 636px;
	-webkit-box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.3);
	z-index: 999999999;
}

#header-capa #transparencia-topo {
	background-image: url('../imagens/topo/frente-topo.png');
	width: 100%;
	height: 636px;
}

#topo {
	float: left;
	width: 100%;
}

.menu-entrar-aberto {
	border-radius: 21px 21px 0 0 !important;
}

.menu-perfil-aberto {
	background-color: #fff !important;
}

#topo #logo-topo {
	background-image: url('../imagens/topo/logo-topo.png');
	height: 139px;
	width: 139px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;

}

#topo #menu {
	width: calc(96% - 139px);
	float: right;
	margin-top: 3%;
}

.nav-link:hover{
	font-family: 'montserrat-regular';
	color: #3db87b;
}

nav ul.nav{
	width: 100%;
}

@media screen and (max-width: 1280px) {
	#topo #menu .menu-btn {
		display: block;
	}
	#topo #menu #menu-itens {
		display: none;
	}
	#topo #menu {
		margin-top: 4%;
	}
	#topo #menu #menu-cadastro .campos-login {
		top: 32px !important;
		right: 26px !important;
	}
	#topo #menu #menu-fixo-topo .campos-login {
		top: 32px !important;
		right: 24px !important;
	}
}

#topo #menu #menu-itens a {
	color: white;
	text-decoration: none;
	transition: background-color 0.5s ease;
}

#topo #menu #menu-itens a:hover {
	color: #3db87b;
	text-decoration: none;
}

#topo #menu #menu-itens li {
	margin-left: 3%;
	float: left;
}

#topo #menu #menu-cadastro {
	float: right;
	width: calc(310px + 4%);
}

#topo #menu #menu-perfil {
	width: calc(310px + 4%);
	top: 34px;
}

#topo #menu #menu-cadastro #botao-cadastro {
	font-family: 'montserrat-light';
	font-size: 21px;
	float: left;
	color: #fff;
	text-decoration: none;
}

#topo #menu #menu-cadastro .botao-entrar {
	float: left;
	margin-top: -9px;
	margin-left: 32px;
	padding-top: 9px;
	padding-bottom: 10px;
	padding-left: 32px;
	padding-right: 33px;
	border: 3px solid #3db87b;
	border-radius: 21px;
	transition: background-color 0.5s ease;
	text-decoration: none;
	color: #fff;
	font-family: 'montserrat-light';
	font-size: 20px;
}

#topo #menu #menu-cadastro .botao-entrar:hover {
	background-color: #3db87b;
}

#topo #menu #menu-cadastro .campos-login {
	display: none;
	position: absolute;
	right: 68px;
	width: 250px;
	background-color: #fff;
	top: 40px;
	border-radius: 4px 0 4px 4px;
	transition: display 1s ease;
}

#topo #menu #menu-fixo-topo .campos-login {
	top: 83px !important;
	right: 54px !important;
}

#topo #menu #menu-cadastro  .campos-login input {
	width: 80%;
	height: 30px;
	float: left;
	background-color: #F2F2F2;
	margin-left: 10%;
	border: none;
	border-radius: 4px;
	margin-top: 15px;
	padding-left: 10px;
}

#topo #menu #menu-cadastro  .campos-login #btn-entrar, .recuperar #btn-recupera
{
	width: 80%;
	height: 30px;
	float: left;
	color: #fff;
	background-color: #3db87b;
	margin-left: 10%;
	border: none;
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 7px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	font-size: 16px;
}

#topo #menu #menu-cadastro  .campos-login #esqueceu {
	float: left;
	text-decoration: none;
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 10px;
	color: #333333;
}

#topo #menu #menu-cadastro  .campos-login #logar-invalido {
	display: none;
	float: left;
	width: 100%;
	font-size: 15px;
	border-top: 2px solid #D2D2D2;
	color: red;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#topo #menu .opcoes_menu_topo {
	position: fixed;
	z-index: 999999999;
	right: 0px;
}

#topo #menu #menu-cadastro.opcoes_menu_topo.flutua {
	top: 38px;
}

#topo #menu #menu-perfil.opcoes_menu_topo.flutua {
	top: 20px;
}

@media screen and (max-width: 1570px) {
	#topo #logo-topo {
		margin-left: 2%;
		height: 120px;
		width: 120px;
	}
	#topo #menu {
		width: calc(98% - 120px);
	}
	#topo #menu #menu-itens {
		font-size: 20px;
		margin-left: 2%;
		width: calc(87% - 260px);
	}
	#topo #menu #menu-itens li {
		margin-left: 2%;
	}
	#topo #menu #menu-perfil #planos, #topo #menu #menu-perfil #nome-usuario
	{
		font-size: 20px !important;
	}
	#topo #menu #menu-cadastro {
		width: calc(260px + 2%);
	}
	#topo #menu #menu-perfil {
		width: calc(260px + 2%);
	}
	#topo #menu #menu-cadastro #botao-cadastro {
		font-size: 19px;
	}
	#topo #menu #menu-cadastro .botao-entrar {
		font-size: 18px;
		border-radius: 21px;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 27px;
	}
	#topo #menu #menu-fixo-topo .campos-login {
		top: 78px !important;
		right: 30px !important;
	}
	#topo #menu #menu-cadastro .campos-login {
		top: 85px;
		right: 31px;
	}
}

#topo #menu #menu-perfil a {
	text-decoration: none;
}

#topo #menu #menu-perfil #planos {
	float: left;
	color: #0094E6;
	font-size: 22px;
	margin-right: 15px;
	margin-top: 17px;
}

#topo #menu #menu-perfil .perfil-topo {
	float: left;
	width: 71%;
	background: url("../imagens/topo/seta-menu-topo.png") no-repeat;
	background-position: 96% 25px;
	border-radius: 3px;
}

#topo #menu #menu-perfil .perfil-topo a {
	width: 80%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: 15px;
	margin-left: 10%;
	color: #4d4d4d;
	float: left;
	background-color: #F2F2F2;
	border-radius: 3px;
}

#topo #menu #menu-perfil .perfil-topo a:hover {
	background-color: #E2F8F1;
}

#topo #menu #menu-perfil .perfil-topo #img-perfil-topo {
	float: left;
	margin: 4px 8px 0 18px;
}

#topo #menu #menu-perfil .perfil-topo #nome-usuario {
	float: left;
	margin-left: calc(50% - 100px);
	margin-top: 20px;
	color: #fff;
	font-size: 20px;
}

.menu-perfil-aberto #nome-usuario {
	color: #4d4d4d !important;
}

#topo #menu #menu-perfil .perfil-topo .opcoes-header {
	display: none;
	float: left;
}

#topo #menu #menu-perfil .perfil-topo .opcoes-header #linha-cinza-header
{
	content: "";
	border-bottom: 1px solid #D2D2D2;
	margin-top: 15px;
	width: 88%;
	margin-left: 6%;
}

#topo #menu #menu-perfil .perfil-topo .opcoes-header #btn-plano {
	background-color: #0094E6;
	color: #fff;
}

#topo #menu #menu-perfil .perfil-topo .opcoes-header #sair {
	width: 45px;
	background-color: #fff;
	float: right;
	font-size: 16px;
	margin-bottom: 5px;
	margin-right: 8%;
}

#topo #menu-fixo-topo {
	width: 100%;
	height: 105px;
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	background-image: url("../imagens/topo/topo-fixo.png");
	background-repeat: no-repeat;
	z-index: 9999999;
	box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.3);
}

#topo #menu-fixo-topo #logo-topo {
	width: 105px;
}

#topo #menu-fixo-topo #menu-itens {
	width: calc(90% - 411px) !important;
	margin-top: 36px !important;
	font-size: 21px !important;
}

#topo #menu-fixo-topo #menu-cadastro {
	width: 310px !important;
	margin-right: 3% !important;
	margin-top: 35px !important;
}

#topo #menu-fixo-topo #menu-perfil {
	width: 310px !important;
	margin-right: 3% !important;
	margin-top: 20px !important;
}

@media screen and (max-width: 1570px) {
	#topo #menu-fixo-topo #menu-itens {
		width: calc(81% - 260px) !important;
		margin-top: 36px !important;
		font-size: 19px !important;
	}
	#topo #menu-fixo-topo #menu-cadastro {
		width: 257px !important;
		margin-right: 2% !important;
	}
	#topo #menu-fixo-topo #menu-perfil {
		margin-right: 2% !important;
	}
}

#topo #menu-fixo-topo .menu-btn {
	margin-top: 32px;
	transition: background-color 0.5s ease;
}

#topo .menu-btn:hover {
	background-color: #358f62;
}

.pushy-left {
	background-color: #3db87b !important;
}

.pushy-content ul {
	color: #fff;
	list-style: disclosure-closed;
}

.pushy a {
	color: #fff !important;
}

.menu-btn {
	display: none;
	float: left;
	width: 100px;
	padding: 10px;
	margin-bottom: 30px;
	margin-left: 55px;
	margin-top: -5px;
	background: #3db87b;
	color: #FFF;
	text-align: center;
	border: 0;
}

/*******************************************************************************
 * HEADER - MENU                                                          - FIM  
 ******************************************************************************/

/*******************************************************************************
 * HEADER - QUESTOES                                                    - INICIO  
 ******************************************************************************/
#questao-header{
	float: right;
	margin-right: 14%;
	margin-top: 40px;
}

@media screen and (max-width: 1570px) {
	#questao-header{
		margin-right: 7%;
	}
}

@media screen and (max-width: 1280px) {
	#questao-header{
		margin-right: 3%;
	}
}

#questao-header #resolva-questao{
	color: #123825;
	font-family: 'montserrat-regular';
	font-size: 18px;
	background-color: #3db87b;
	transition: all 0.5s ease;
	border: 3px solid #3db87b;
	border-radius: 2px 14px 2px 14px;
	padding-top: 9px;
	padding-bottom: 10px;
	padding-left: 75px;
	padding-right: 75px;
	margin-top: 25px;
}

#questao-header #resolva-questao:hover{
	background-color: #358f62;
	border-color: #358f62;
}

#questao-header #resolva-questao a{
	text-decoration: none;
	color: #fff;
}

#questao-header #tipo-questao-header #box-itens-header{
	list-style: none;
	color: white;
	font-size: 16px;
	padding: 0;
	float:left;
}

#questao-header #tipo-questao-header #box-itens-header a{
	text-decoration: none;
	color: #fff;
}

#questao-header #tipo-questao-header #box-itens-header a:visited{
	color: #fff;
}

#questao-header #tipo-questao-header #box-itens-header .item-header .imagem-icone{
	transition: background-color 0.5s ease;
}

#questao-header #tipo-questao-header #box-itens-header .item-header:hover .imagem-icone{
	background-color: #3db87b;
}
/* CONCURSOS */

#questao-header #tipo-questao-header #box-itens-header #concursos{
	margin-left: 28px;
}

#questao-header #tipo-questao-header #box-itens-header #concursos .imagem-icone{
	background-image: url("../imagens/topo/concurso-branco.png");
	background-size:30px;
}

/* ENEM */

#questao-header #tipo-questao-header #box-itens-header #enem .item-header{
	margin-left: 15px;
}

#questao-header #tipo-questao-header #box-itens-header #enem span{
	margin-left: 15px;
}

#questao-header #tipo-questao-header #box-itens-header #enem .imagem-icone{
	background-image: url("../imagens/topo/enem-branco.png");
	background-size:35px;
}

/* MILITARES */

#questao-header #tipo-questao-header #box-itens-header #militares span{
	margin-left: 5px;
}

#questao-header #tipo-questao-header #box-itens-header #militares .imagem-icone{
	background-image: url("../imagens/topo/militares-branco.png");
	background-size:35px;
}

/* OAB */

#questao-header #tipo-questao-header #box-itens-header #oab{
	margin-left: 77px;
}

#questao-header #tipo-questao-header #box-itens-header #oab span{
	margin-left: 21px;
}

#questao-header #tipo-questao-header #box-itens-header #oab .imagem-icone{
	background-image: url("../imagens/topo/oab-branco.png");
	margin-top: 50px;
	background-size:35px;
}

/* VESTIBULAR */

#questao-header #tipo-questao-header #box-itens-header #vestibular span{
	margin-left: 3px;
}

#questao-header #tipo-questao-header #box-itens-header #vestibular .imagem-icone{
	background-image: url("../imagens/topo/vestibular-branco.png");
	margin-top: 50px;
	background-size:38px;
}

#questao-header #tipo-questao-header #box-itens-header li{
	margin-left: 30px;
	float: left;
}

#questao-header #tipo-questao-header #box-itens-header .imagem-icone{
	border: 2px solid #3db87b;
	border-radius: 18px 2px 18px 2px;
	background-repeat: no-repeat;
	background-position: center;
	height: 33px;
	padding: 5px;
	width: 40px;
	margin-left: 12px;
	margin-bottom: 15px;
	margin-top: 10px;
}

/*******************************************************************************
 * HEADER - QUESTOES                                                       - FIM  
 ******************************************************************************/

/*******************************************************************************
 * HEADER - SLIDER                                                      - INICIO  
 ******************************************************************************/
#slider {
	height: 442px;
	padding-top: 136px;

}

.letra{
	text-align: center;
}

.letra-corrida{
	font-family: freehand;
	color: #ffff93;
	font-size: 45.6px;
}

.letra-impacto{
	font-family: swiss-black;
	font-size: 37px;
	color: #ffff33;
}

.letra-sub{
	font-family: montserrat-bold;
	color: #ffff93;
	font-size: 19.5px;
}

.imagem-slider{
	background-size: contain;
	background-position: center bottom -33px;
	background-repeat: no-repeat;
}

@media screen and (max-width: 500px) {
	.letra-corrida{
		font-family: freehand;
		color: #ffff93;
		font-size: 35.6px;
	}

	.letra-impacto{
		font-family: swiss-black;
		font-size: 30px;
		color: #ffff33;
	}

	.letra-sub{
		font-family: montserrat-bold;
		color: #ffff93;
		font-size: 15.5px;
	}
}

.icone_slide {
	height: 100%;
	width: 37vw;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom center;
}

.botao-direciona{
	margin-top: 20px;
	text-align: center;
}

#botao-cadastrar-topo {
	font-family: 'montserrat-regular';
	font-size: 18px;
	background-color: #00b0cf;
	transition: background-color 0.5s ease;
	border-radius: 22px;
	-webkit-box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.4);
	max-width: 320px;
	height: 45px;
	border: none;
	margin: 0 auto;
	cursor: pointer;
	color: #fff;
	position: relative;
	z-index: 3;
	padding: 0 30px;
}

#botao-cadastrar-topo:hover {
	background-color: #009eba;
}

/*******************************************************************************
 * HEADER - SLIDER                                                         - FIM  
 ******************************************************************************/

/*******************************************************************************
 * HEADER - MAIN                                                        - INICIO
 ******************************************************************************/

#main .title{
	font-family: montserrat-semibold;
	font-size: 30px;
	color: white;
	width: 100%;
	text-align: center;
}

#main .title-quem-somos{
	background-color: #123825;
	padding: 10px;
	border-radius: 0px 22px 0px 22px;
	text-transform: uppercase;
}

#main .text{
	text-align: center;
	font-family: source-serif-pro-regular;
	color: #4d4d4d;
	font-size: 19px;

	margin-top: 20px;
}

#main .icones-quem-somos{
	max-width: 320px;
	margin: 15px auto;
}

#main .icones-quem-somos .col-4{
	background-size: 50px;
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 56px;
	text-align: center;
}

#main .icones-quem-somos .quem{
	background-size: 65px;
	background-image: url("../imagens/institucional/conheca_quem.svg");
}

#main .icones-quem-somos .porque{
	background-image: url("../imagens/institucional/conheca_porque.svg");
}

#main .icones-quem-somos .como{
	background-image: url("../imagens/institucional/conheca_como.svg");
}

#main .aprovei-geral{
	background-color: #123825;
}

#main .title-aprovei-geral{
	font-family: montserrat-bold;
	color: #3db87b;
	font-size: 40px;
}

#main .text-aprovei-geral{
	font-size: 17px;
	color: white;
}

.flexslider2{
	margin-top: 10px;
	margin-bottom: 20px;
}

.flexslider2 li{
	padding: 130px 40px 0px 40px !important;
	background-repeat: no-repeat;
	background-size: 150px;
	background-position: center top;
	font-family: "Montserrat Thin";
	font-size: 19px;
	color: white;
	text-align: center;
}

.divisoria-capa{
	width: 100%;
	background-color: rgba(18, 56, 37, 0.9);
	height: 15px;
	border-bottom: 5px solid #3db87b;
}

.fundo-quem-somos{
	position: absolute;
	top: 72px;
	height: 350px;
	width: 100%;
	background-color: #eaeaea;
}

/*******************************************************************************
 * HEADER - MAIN                                                           - FIM
 ******************************************************************************/

/*******************************************************************************
 * INCLUDES/QUESTOES.PHP                                                - INICIO  
 ******************************************************************************/
#questao {
	float: left;
	width: 70%;
	margin-left: 15%;
}

#questao #titulo-secao-questao {
	font-family: 'montserrat-semibold';
	font-size: 22px;
	background-color: #3db87b;
	border-radius: 2px 22px 2px 22px;
	width: 90%;
	margin-left: 5%;
	height: 50px;
	float: left;
	margin-top: 55px;
	color: #fff;
	line-height: 55px;
	position: relative;
	z-index: 1;
}

#questao #titulo-secao-questao span {
	margin-left: 50px;
}

#menu-questao {
	width: 215px;
	height: 1000px;
	background-color: #123825;
	font-family: 'montserrat-regular';
	font-size: 22px;
	margin-left: 7%;
	color: #fff;
	float: left;
	z-index: 0;
	position: absolute;
	text-align: center;
	border-radius: 0 0 5px 5px;
}

#menu-questao ul {
	list-style: none;
	float: left;
	margin-top: 165px;
	padding: 0;
}

#menu-questao ul a {
	text-decoration: none;
	color: #fff;
}

#menu-questao li {
	float: left;
	margin-bottom: 35px;
	margin-left: 49px;
}

#menu-questao li .imagem-icone {
	transition: all 0.5s ease;
}

#menu-questao li:hover .imagem-icone {
	background-color: #3db87b;
	border-color: #3db87b;
}

#menu-questao .imagem-icone {
	border: 3px solid #fff;
	border-radius: 18px 2px 18px 2px;
	background-repeat: no-repeat;
	background-position: center;
	height: 60px;
	padding: 5px;
	width: 70px;
	margin-left: 13px;
	margin-bottom: 15px;
	margin-top: 10px;
}

/* CONCURSOS */
#menu-questao #concursos .imagem-icone {
	background-image: url("../imagens/topo/concurso-verde.png");
}

#menu-questao #concursos:hover .imagem-icone {
	background-image: url("../imagens/topo/concurso-branco.png");
	background-size: 45px;
}

/* ENEM */
#menu-questao #enem .imagem-icone {
	background-image: url("../imagens/topo/enem-verde.png");
}

#menu-questao #enem:hover .imagem-icone {
	background-image: url("../imagens/topo/enem-branco.png");
	background-size: 57px;
}

#menu-questao #enem span {
	margin-left: 10px;
}

/* MILITARES */
#menu-questao #militares .imagem-icone {
	background-image: url("../imagens/topo/militares-verde.png");
}

#menu-questao #militares:hover .imagem-icone {
	background-image: url("../imagens/topo/militares-branco.png");
	background-size: 53px;
}

#menu-questao #militares span {
	margin-left: 10px;
}

/* OAB */
#menu-questao #oab .imagem-icone {
	background-image: url("../imagens/topo/oab-verde.png");
}

#menu-questao #oab:hover .imagem-icone {
	background-image: url("../imagens/topo/oab-branco.png");
	background-size: 52px;
}

#menu-questao #oab span {
	margin-left: 10px;
}

/* VESTIBULAR */
#menu-questao #vestibular .imagem-icone {
	background-image: url("../imagens/topo/vestibular-verde.png");
}

#menu-questao #vestibular:hover .imagem-icone {
	background-image: url("../imagens/topo/vestibular-branco.png");
	background-size: 61px;
}

#display-questao #borda {
	content: "";
	float: left;
	width: 95%;
	min-height: 730px;
	border-right: 2px solid #d5d5d5;
	border-bottom: 2px solid #d5d5d5;
	border-top: 0px;
	border-radius: 0 0 16px 0;
	margin-left: 4%;
	margin-top: 45px;
}

#display-questao {
	float: left;
	width: calc(88% - 221px);
	margin-left: calc(7% + 215px);
	margin-bottom: 90px;
}

#busque-questao {
	background-color: #e1e1e1;
	font-family: 'montserrat-semibold';
	font-size: 20px;
	color: #4d4d4d;
	border-radius: 2px;
	background-image: url("../imagens/questao/lupa.png");
	background-repeat: no-repeat;
	background-position: 10px 15px;
	height: 60px;
	margin-left: 30px;
	margin-top: 20px;
}

#busque-questao span {
	border-left: solid 2px #888888;
	margin-left: 45px;
	padding-left: 10px;
	margin-top: 17px;
	position: absolute;
}

#busque-questao #seta-pesquisa {
	margin-right: 15px;
	margin-top: 20px;
	position: relative;
	float: right;
}

#filtro-questao {
	width: calc(100% - 65px);
	display: none;
	float: left;
	margin-left: 50px;
	margin-top: 30px;
	font-family: 'montserrat-regular';
}

#filtro-questao span {
	float: left;
	font-size: 18px;
	margin-right: 60px;
}

@media screen and (max-width: 1600px) {
	#filtro-questao span {
		margin-right: 0;
	}
}

@media screen and (max-width: 1320px) {
	#filtro-questao span {
		width: 94px;
		margin-top: -13px;
	}
}

#filtro-questao input[type="radio"] {
	display: none;
}

#filtro-questao input[type="radio"]+label {
	display: inline-block;
	float: left;
	height: 30px;
	padding: 0 0 0 25px;
	margin: 0 20px 10px 20px;
	margin-bottom: 0px;
	background-image: url("../imagens/questao/radio-unselected.png");
	background-repeat: no-repeat;
	margin-bottom: 10px;
	font-size: 15px;
}

@media screen and (max-width: 1060px) {
	#filtro-questao input[type="radio"]+label {
		margin-left: 10px;
	}
}

#filtro-questao input[type="radio"]:checked+label {
	background-image: url("../imagens/questao/radio-selected.png");
}

@media screen and (max-width: 1615px) {
	#filtro-questao input[type="radio"]+label {
		margin-right: 0;
	}
}

@media screen and (max-width: 1320px) {
	#filtro-questao input[type="radio"]+label {
		margin-right: 0;
	}
}

#filtro-questao #filtros-salvos {
	float: right;
	width: 250px;
	height: 40px;
	background-color: #fff;
	transition: background-color 0.5s ease;
	border: 2px solid #3db87b;
	border-radius: 2px;
	font-size: 17px;
	color: #123825;
	margin-top: -11px;
}

#filtro-questao #filtros-salvos:hover {
	background-color: #3db87b;
}

@media screen and (max-width: 1430px) {
	#filtro-questao #filtros-salvos {
		width: 150px;
	}
}

@media screen and (max-width: 1227px) {
	#filtro-questao #filtros-salvos {
		float: left;
		margin-top: 0px;
		margin-bottom: 10px;
	}
}

#filtro-questao #filtros-container {
	width: 100%;
	float: left;
}

#filtro-questao #palavra-chave {
	width: calc(100%/ 6 - 30px);
	min-width: 150px;
	height: 30px;
	float: left;
	font-size: 15px;
	color: #333333;
	background-color: #f2f2f2;
	border: none;
	border-radius: 2px;
	padding-left: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
}

#filtro-questao #palavra-chave:focus {
	background-color: #b8e6cf;
}

#filtro-questao select {
	width: calc(100%/ 6 - 30px);
	min-width: 150px;
	height: 30px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	padding-left: 15px;
	font-size: 15px;
	background-color: #f2f2f2;
	background-image: url("../imagens/questao/seta.png");
	background-repeat: no-repeat;
	background-position: 92% 11px;
	background-size: 15px;
	color: #333333;
	border: none;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#filtro-questao select:focus {
	background-color: #b8e6cf;
}

#filtro-questao #filtrar {
	width: 250px;
	height: 40px;
	float: right;
	border: none;
	border-radius: 2px;
	color: #fff;
	background-color: #3db87b;
	transition: background-color 0.5s ease;
	margin-top: 15px;
}

#filtro-questao #filtrar:hover {
	background-color: #358f62;
}

@media screen and (max-width: 1430px) {
	#filtro-questao #filtrar {
		width: 150px;
	}
}

#filtro-questao ul {
	width: 100%;
	float: right;
	list-style: none;
	font-family: 'montserrat-light';
	font-size: 13px;
	color: #4d4d4d;
}

#filtro-questao ul li {
	float: right;
}

#filtro-questao ul #limpar {
	border: none;
	background-color: #fff;
	background-image: url("../imagens/questao/limpar.png");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-right: 20px;
}

#filtro-questao ul #salvar {
	border: none;
	background-color: #fff;
	background-image: url("../imagens/questao/salvar.png");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
}

#info-questao {
	float: left;
	width: 100%;
}

#info-questao ul {
	list-style: none;
	padding: 0;
	display: flex;
	margin-left: 50px;
	border-bottom: 2px solid #888888;
	padding-bottom: 20px;
	text-align: center;
	width: calc(100% - 80px);
	margin-top: 35px;
}

#info-questao ul li {
	margin-left: 2%;
	border-right: 2px solid #3db87b;
	font-family: 'montserrat-light';
	font-size: 17px;
	color: #333333;
	padding-right: 2%;
	float: left;
}

#info-questao ul li label {
	font-family: 'montserrat-regular';
	font-size: 16px;
	color: #333333;
	float: left;
	margin-top: -3px;
}

#info-questao ul #id-questao {
	height: 50px;
	min-width: 180px;
	background-color: #888888;
	border-color: #888888;
	border-radius: 2px;
	font-family: 'montserrat-regular';
	font-size: 21px;
	color: #fff;
	margin: 0;
	padding: 0;
}

#info-questao ul #id-questao #numero {
	border-right: 2px solid #fff;
	padding-right: 4%;
	margin-left: 11%;
	margin-top: 17px;
	height: 20px;
	float: left;
	line-height: 17px;
}

@media screen and (max-width:1500px) {
	#display-questao #info-questao ul #id-questao #numero {
		margin-left: 6%;
	}
	#display-questao #info-questao ul #id-questao {
		min-width: 150px;
	}
}

#display-questao #info-questao ul #id-questao #codigo {
	margin-left: 4%;
	margin-top: 12px;
	float: left;
}

#display-questao #info-questao ul #prova {
	border: none;
	text-align: left;
	padding: 0;
	width: auto;
	float: left;
	padding-right: 2%;
}

#questao-box {
	width: 100%;
	float: left;
}

#questao-box ul {
	list-style: none;
	float: left;
	width: calc(100% - 50px);
	margin-top: 25px;
	margin-left: 50px;
	padding: 0;
}

#questao-box ul li {
	margin-left: 50px;
	float: left;
	width: calc(100% - 129px);
	margin-top: 20px;
}

#questao-box #titulo-questao {
	font-family: 'source-serif-pro-bold';
	font-size: 23px;
	color: #4d4d4d;
}

#questao-box #conteudo-questao {
	font-family: 'source-serif-pro-regular';
	font-size: 20px;
	color: #4d4d4d;
}

#questao-box #resolucao-questao {
	float: left;
	margin-left: 100px;
	font-family: 'montserrat-regular';
	font-size: 19px;
	color: #4d4d4d;
	margin-top: 30px;
}

#questao-box #resolucao-questao input[type=radio] {
	display: none;
}

#questao-box #resolucao-questao input[type=radio]+label {
	display: inline-block;
	min-height: 30px;
	padding: 0 0 0 25px;
	margin: 0 10px 0 0;
	background-image: url("../imagens/questao/radio-unselected.png");
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin-bottom: 10px;
}

#questao-box #resolucao-questao input[type=radio]:checked+label {
	background-image: url("../imagens/questao/radio-selected.png");
}

#questao-box #resolucao-questao #botao-confirma {
	font-family: 'montserrat-bold';
	font-size: 20px;
	color: #fff;
	background-color: #00b0cf;
	transition: background-color 0.5s ease;
	border: none;
	border-radius: 30px;
	width: 200px;
	height: 50px;
	float: left;
	margin-top: 15px;
}

#questao-box #resolucao-questao #botao-confirma:hover {
	background-color: #009eba;
}

#questao-box #resolucao-questao #acertou, #questao-box #resolucao-questao #errou
{
	display: none;
	float: left;
	width: 165px;
	height: 28px;
	background-image: url("../imagens/questao/acertou.png");
	background-repeat: no-repeat;
	background-size: contain;
	color: #00a352;
	font-family: 'montserrat-regular';
	font-size: 30px;
	background-position: left;
	margin-top: 25px;
	margin-left: 30px;
}

#questao-box #resolucao-questao #errou {
	background-image: url("../imagens/questao/errou.png");
	color: red;
}

#questao-box #resolucao-questao #acertou span, #questao-box #resolucao-questao #errou span
{
	margin-top: -7px;
	float: left;
	margin-left: 38px;
}

/*******************************************************************************
 * INCLUDES/QUESTOES.PHP                                                   - FIM  
 ******************************************************************************/

/*******************************************************************************
 * INCLUDES/3PASSOS.PHP                                                 - INICIO  
 ******************************************************************************/
#passos {
	background-image: url("../imagens/passos/fundo.png");
	width: 100%;
	border-bottom: 5px solid #3db87b;
}

#passos .box-titulo {
	width: 100%;
	float: left;
	text-align: center;
	line-height: 45px;
	height: 65px;
	margin-top: 20px;
}

#passos #titulo-passos {
	font-family: 'montserrat-bold';
	font-size: 45px;
	border-bottom: 5px solid #3db87b;
	color: #fff;
	padding-bottom: 15px;
}

@media screen and (max-width: 1350px) {
	#passos #titulo-passos {
		font-size: 40px;
	}
}

#passos .container-caixa-dialogo {
	float: left;
	width: calc(50% - 5px);
}

#passos .caixa-dialogo {
	width: 400px;
	height: 250px;
	float: right;
	margin-top: 30px;
	margin-right: 120px;
	border-radius: 6px 6px 6px 30px;
	background-color: #fff;
	transition: background-color 0.5s ease;
	-webkit-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	transition: border 0.5s ease;
}

#passos .caixa-dialogo:hover {
	border-top: 12px solid #3db87b;
}

#passos .caixa-dialogo .titulo-caixa {
	background-color: #3db87b;
	width: 363px;
	height: 36px;
	float: left;
	color: #fff;
	font-family: 'montserrat-bold';
	font-size: 22px;
	margin-top: 20px;
	margin-left: -3px;
	padding-left: 45px;
	padding-top: 7px;
}

#passos .caixa-dialogo:hover .titulo-caixa {
	width: calc(100% - 20px);
	font-family: 'montserrat-bold';
	font-size: 23px;
	margin-top: 23px;
	margin-left: 20px;
	color: #4d4d4d;
	background-color: #fff;
	padding: 0;
}

#passos .caixa-dialogo .conteudo {
	display: none;
	font-family: 'source-serif-pro-regular';
	font-size: 19px;
	color: #4d4d4d;
	margin-left: 20px;
	margin-top: 15px;
}

#passos .caixa-dialogo:hover .conteudo {
	display: block;
}

#passos .caixa-dialogo .icones {
	width: 100%;
	float: left;
	margin-top: 50px;
}

.ponta-1 {
	width: 36px;
	height: 36px;
	float: right;
	right: calc(50% + 96px);
	position: absolute;
	margin-top: 140px;
	background-image: url("../imagens/passos/ponta-1.png");
	background-repeat: no-repeat;
}

.linha-verde-1 {
	border-right: 5px solid #3db87b;
	content: "";
	height: 121px;
	margin-top: -30px;
	float: left;
}

@media screen and (max-width:1350px) {
	#passos .container-caixa-dialogo {
		float: left;
		width: calc(75% - 41px);
	}
	.ponta-1 {
		right: calc(25% + 135px);
	}
}

/* QUEM SOMOS - INICIO */
#passos #quem-somos {
	font-family: 'montserrat-regular';
	font-size: 20px;
	background-image: url("../imagens/passos/bola-1.png");
	background-repeat: no-repeat;
	background-position: 50% 78px;
	float: left;
	color: #4d4d4d;
	padding-bottom: 15px;
	margin-top: 30px;
	width: 100%;
}

@media screen and (max-width: 1350px) {
	#passos #quem-somos {
		background-position: 75% 78px;
	}
}

#passos .caixa-quem-somos #quem {
	float: left;
	background-image: url("../imagens/passos/quem.png");
	background-repeat: no-repeat;
	height: 82px;
	width: 75px;
	margin-left: 45px;
	padding-right: 20px;
	border-right: 1px solid #3db87b;
}

#passos .caixa-quem-somos #quem span {
	float: left;
	margin-top: 60px;
}

#passos .caixa-quem-somos #porque {
	float: left;
	background-image: url("../imagens/passos/porque.png");
	background-repeat: no-repeat;
	height: 82px;
	width: 75px;
	margin-left: 32px;
	padding-right: 10px;
	border-right: 1px solid #3db87b;
}

#passos .caixa-quem-somos #porque span {
	float: left;
	margin-top: 60px;
	width: 80px;
	margin-left: -10px;
}

#passos .caixa-quem-somos #como {
	float: left;
	background-image: url("../imagens/passos/como.png");
	background-repeat: no-repeat;
	height: 62px;
	width: 75px;
	margin-left: 30px;
	margin-top: -3px;
}

#passos .caixa-quem-somos #como span {
	float: left;
	margin-top: 63px;
}

#linha-verde-2 {
	border-right: 5px solid #3db87b;
	content: "";
	height: 250px;
	margin-top: 208px;
	float: left;
	margin-left: -5px;
}
/* QUEM SOMOS - FIM */

/* COMO FUNCIONA - INICIO */
#passos #como-funciona {
	font-family: 'montserrat-regular';
	font-size: 20px;
	background-image: url("../imagens/passos/bola-2.png");
	background-repeat: no-repeat;
	background-position: 50% 78px;
	float: left;
	color: #4d4d4d;
	margin-top: -107px;
	width: 100%;
}

#passos .caixa-como-funciona {
	float: left;
	border-radius: 6px 6px 30px 6px;
	margin-left: -10px;
}

#passos .caixa-como-funciona #voce {
	background-image: url("../imagens/passos/voce.png");
	background-repeat: no-repeat;
	width: 38px;
	height: 60px;
	margin-left: 40px;
	margin-right: 20px;
	float: left;
}

#passos .caixa-como-funciona #voce span {
	margin-top: 50px;
	float: left;
	margin-left: -5px;
}

#passos .caixa-como-funciona #colegas {
	background-image: url("../imagens/passos/colegas.png");
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	margin-left: 15px;
	float: left;
}

#passos .caixa-como-funciona #colegas span {
	margin-top: 50px;
	float: left;
	margin-left: -10px;
}

#passos .caixa-como-funciona #retorno {
	background-image: url("../imagens/passos/retorno.png");
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	margin-right: 27px;
	margin-left: 15px;
	float: left;
}

#passos .caixa-como-funciona #retorno span {
	margin-top: 50px;
	float: left;
	margin-left: -10px;
}

#passos .caixa-como-funciona .seta {
	background-image: url("../imagens/passos/seta.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 30px;
	float: left;
	margin-top: 25px;
}

#como-funciona #ponta-2 {
	background-image: url("../imagens/passos/ponta-2.png");
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	float: left;
	margin-top: 137px;
	margin-left: 5%;
}

#linha-verde-3 {
	border-right: 5px solid #3db87b;
	content: "";
	height: 250px;
	margin-top: 208px;
	float: left;
	margin-left: calc(50% - 5px);
}

@media screen and (max-width: 1520px) {
	#passos .caixa-como-funciona {
		width: 400px;
		height: 250px;
		float: right;
		margin-top: 30px;
		margin-right: 120px;
		border-radius: 6px 6px 6px 30px;
	}
	#como-funciona #ponta-2 {
		float: right;
		right: 96px;
		position: absolute;
		margin-top: 140px;
		background-image: url("../imagens/passos/ponta-1.png");
		background-repeat: no-repeat;
	}
	#passos #container-como-funciona {
		float: left;
		width: calc(50% - 5px);
		position: absolute;
	}
}

@media screen and (max-width:1350px) {
	#passos #como-funciona {
		background-position: 75% 78px;
	}
	#passos #como-funciona #linha-verde-3 {
		margin-left: calc(75% - 41px);
	}
	#passos #como-funciona #container-como-funciona {
		width: calc(75% - 41px);
	}
}

/* COMO FUNCIONA - FIM */

/* FAÇA PARTE - INICIO */
#passos #faca-parte {
	width: 100%;
	margin-top: -95px;
	float: left;
	font-family: 'montserrat-regular';
	font-size: 20px;
	background-image: url("../imagens/passos/bola-3.png");
	background-repeat: no-repeat;
	background-position: 50% 78px;
	color: #4d4d4d;
}

@media screen and (max-width:1350px) {
	#passos #faca-parte {
		background-position: 75% 78px;
	}
}

#passos .caixa-faca-parte #cadastre {
	float: left;
	background-image: url("../imagens/passos/cadastre.png");
	background-repeat: no-repeat;
	height: 82px;
	width: 118px;
	margin-left: 25px;
	padding-right: 16px;
	border-right: 1px solid #3db87b;
	background-position: 37px 0px;
	text-align: center;
}

#passos .caixa-faca-parte #cadastre span {
	float: left;
	margin-top: 60px;
	width: 120px;
}

#passos .caixa-faca-parte #gratis {
	float: left;
	background-image: url("../imagens/passos/gratis.png");
	background-repeat: no-repeat;
	height: 82px;
	width: 86px;
	margin-left: 17px;
	padding-right: 12px;
	border-right: 1px solid #3db87b;
	background-position: center;
	text-align: center;
	background-position: 3px 24px;
}

#passos .caixa-faca-parte #gratis span {
	float: left;
	margin-top: 60px;
	width: 80px;
}

#passos .caixa-faca-parte #mensal {
	float: left;
	background-image: url("../imagens/passos/mensal.png");
	background-repeat: no-repeat;
	height: 62px;
	width: 82px;
	margin-left: 20px;
	margin-top: -3px;
	background-position: center;
	text-align: center;
}

#passos .caixa-faca-parte #mensal span {
	float: left;
	margin-top: 63px;
	width: 84px;
}

#faca-parte #botao-cadastrar {
	font-family: 'montserrat-regular';
	font-size: 18px;
	color: #fff;
	background-color: #00c4d4;
	transition: background-color 0.5s ease;
	border: none;
	border-radius: 7px 19px 7px 19px;
	width: 270px;
	height: 40px;
	float: left;
	margin-top: 30px;
	margin-left: 74px;
}

#faca-parte #botao-cadastrar:hover {
	background-color: #00b3c2;
}

#linha-verde-4 {
	border-right: 5px solid #3db87b;
	content: "";
	height: 250px;
	margin-top: 208px;
	float: left;
}
/* FAÇA PARTE - FIM */

/*******************************************************************************
 * INCLUDES/3PASSOS.PHP                                                    - FIM  
 ******************************************************************************/

/*******************************************************************************
 * INCLUDES/CONCURSOS.PHP                                               - INICIO  
 ******************************************************************************/
#concursos-capa #fundo-topo {
	background-image: url("../imagens/concursos/fundo-topo.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	float: left;
}

.titulo-secao {
	font-family: 'montserrat-bold';
	font-size: 45px;
	color: #3db87b;
	border-bottom: 2px solid #123825;
	margin-top: 50px;
	padding-bottom: 10px;
}

@media screen and (max-width:1200px) {
	.tutlo-secao {
		font-size: 40px;
	}
}

.owl-carousel .owl-prev, .owl-carousel .owl-next {
	position: absolute;
	top: 50%;
	margin: auto !important;
}

.owl-carousel .owl-prev {
	left: -90px;
}

.owl-carousel .owl-next {
	right: -90px;
}

#concursos-capa .carousel {
	margin-top: 25px;
}

.indicador-status {
	border-radius: 12px 12px 0px 0px;
	width: calc(100% - 15px);
	height: 43px;
	color: #fff;
	font-family: 'montserrat-bold';
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 5px;
}

@media screen and (max-width: 1400px) {
	.indicador-status {
		font-size: 22px;
	}
}

@media screen and (max-width: 1200px) {
	.indicador-status {
		font-size: 20px;
	}
}

@media screen and (max-width: 1100px) {
	.indicador-status {
		font-size: 18px;
	}
}

.aberta .indicador-status {
	background-color: #1d5a3c;
}

.liberado .indicador-status {
	background-color: #2a8054;
}

.andamento .indicador-status {
	background-color: #38a86e;
}

.concurso-info {
	border-radius: 12px 12px 0px 0px;
	width: calc(100% - 18px);
	height: 500px;
	color: #fff;
	font-family: 'montserrat-bold';
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 5px;
	border: 2px solid;
	border-radius: 0px 0px 72px 0px;
	-webkit-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
}

.aberta .concurso-info {
	border-color: #1d5a3c;
}

.liberado .concurso-info {
	border-color: #2a8054;
}

.andamento .concurso-info {
	border-color: #38a86e;
}

#concursos-capa .concurso-info .imagem-curso {
	margin-top: 45px;
	margin-left: 11%;
	border-bottom: 2px solid black;
	padding-bottom: 25px;
	width: 78%;
}

.aberta .imagem-curso {
	border-bottom-color: #1d5a3c !important;
}

.liberado .imagem-curso {
	border-color: #2a8054 !important;
}

.andamento .imagem-curso {
	border-color: #38a86e !important;
}

.veja-mais {
	font-family: 'montserrat-regular';
	font-size: 21px;
	color: #fff;
	border: none;
	border-radius: 20px;
	width: 50%;
	height: 40px;
	float: left;
	margin-top: -30px;
	margin-left: 23%;
}

@media screen and (max-width: 1160px) {
	.veja-mais {
		width: 51%;
		margin-left: 18%;
		font-size: 17px;
	}
}

.aberta .veja-mais {
	transition: background-color 0.5s ease;
	background-color: #1d5a3c !important;
}

.liberado .veja-mais {
	transition: background-color 0.5s ease;
	background-color: #2a8054 !important;
}

.andamento .veja-mais {
	transition: background-color 0.5s ease;
	background-color: #38a86e !important;
}

.aberta .veja-mais:hover {
	background-color: #133625 !important;
}

.liberado .veja-mais:hover {
	background-color: #1d5a3c !important;
}

.andamento .veja-mais:hover {
	background-color: #2a8054 !important;
}

.concurso {
	font-family: 'montserrat-light';
	font-size: 20px;
	color: #4d4d4d;
	float: left;
	margin-left: 15px;
	margin-top: 30px;
	text-align: left;
}

.concurso span {
	width: 100%;
	float: left;
	color: #4d4d4d;
	font-family: 'montserrat-regular';
	font-size: 21px;
}

.inscricao {
	width: calc(100% - 44px);
	float: left;
	margin-top: 30px;
	margin-left: 16px;
	padding-left: 28px;
	font-family: 'montserrat-regular';
	font-size: 18px;
}

.aberta .inscricao {
	background-image: url('../imagens/concursos/aberta.png');
	background-repeat: no-repeat;
	color: #1d5a3c;
}

.andamento .inscricao {
	background-image: url('../imagens/concursos/andamento.png');
	background-repeat: no-repeat;
	color: #2a8054;
}

.liberado .inscricao {
	background-image: url('../imagens/concursos/liberado.png');
	background-repeat: no-repeat;
	color: #38a86e;
}

.vaga {
	width: calc(100% - 44px);
	float: left;
	margin-top: 10px;
	margin-left: 16px;
	padding-left: 28px;
	color: #666666;
	font-family: 'montserrat-regular';
	font-size: 18px;
	background-image: url('../imagens/concursos/vagas.png');
	background-repeat: no-repeat;
}

.remuneracao {
	width: calc(100% - 44px);
	float: left;
	margin-top: 10px;
	margin-left: 19px;
	padding-left: 23px;
	color: #666666;
	font-family: 'montserrat-regular';
	font-size: 18px;
	background-image: url('../imagens/concursos/remuneracao.png');
	background-repeat: no-repeat;
}

/*******************************************************************************
 * INCLUDES/CONCURSOS.PHP                                                  - FIM  
 ******************************************************************************/

/*******************************************************************************
 * INCLUDES/NOTICIAS.PHP                                                - INICIO  
 ******************************************************************************/
#noticias-capa .carousel {
	margin-top: 64px;
	padding: 0;
}

#noticias-capa .noticia-imagem {
	width: 100%;
	height: 204px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: cover;
}

#noticias-capa .titulo-noticia {
	font-family: 'montserrat-bold';
	font-size: 27px;
	color: #4d4d4d;
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1250px) {
	#noticias-capa .titulo-noticia {
		font-size: 24px;
	}
}

#noticias-capa .conteudo-noticia {
	width: 100%;
	float: left;
	text-align: justify;
	color: #4d4d4d;
	font-family: 'source-serif-pro-regular';
	font-size: 19px;
}

#noticias-capa .veja-mais {
	width: 200px;
	height: 45px;
	margin-bottom: 80px;
	margin-top: 40px;
	border-radius: 20px;
	border: 2px solid #3db87b;
	background-color: #fff;
	color: #123825;
	transition: background-color 0.5s ease;
	font-family: 'montserrat-regular';
	font-size: 21px;
	float: right;
}

#noticias-capa .veja-mais:hover {
	background-color: #3db87b;
}

@media screen and (max-width: 1250px) {
	#noticias-capa .veja-mais {
		width: 150px;
		font-size: 18px;
	}
}
/*******************************************************************************
 * INCLUDES/NOTICIAS.PHP                                                   - FIM  
 ******************************************************************************/

/*******************************************************************************
 * INCLUDES/SOCIAL.PHP                                                  - INICIO  
 ******************************************************************************/
#social-capa #titulo-social {
	font-family: 'montserrat-bold';
	font-size: 38px;
	color: #3db87b;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

#social-capa iframe{
	height: 181px;
	width: 450px;
}

#social-capa #facebook-widget {
	width: 100%;
	height: 181px;
	margin-top: 30px;
	text-align: center;
	-webkit-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
}

#social-capa #facebook-logo {
	width: 100%;
	height: 50px;
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	background-image: url('../imagens/social/facebook.png');
	background-repeat: no-repeat;
	background-position: right;
}

#social-capa #instagram-widget {
	width: 100%;
	height: 181px;
	margin-top: 30px;
	text-align: center;
	background-color: black;
	-webkit-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 9px 8px 5px 0px rgba(0, 0, 0, 0.3);
}

#social-capa #instagram-logo {
	width: calc(80% - 30px);
	height: 50px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	background-image: url('../imagens/social/instagram.png');
	background-repeat: no-repeat;
	background-position: left;
}
/*******************************************************************************
 * INCLUDES/SOCIAL.PHP                                                     - FIM  
 ******************************************************************************/

/*******************************************************************************
 * INCLUDES/RODAPE.PHP                                                  - INICIO  
 ******************************************************************************/
#rodape {
	background-image: url(../imagens/rodape/fundo.png);
	background-repeat: no-repeat;
	background-size: 101% 943px;
	background-position: bottom;
	width: 100%;
	height: 943px;
	margin-top: -250px;
}

#rodape-esquerda {
	margin-top: 500px;
}

#imagem-rodape {
	width: 235px;
	height: 185px;
	float: right;
	margin-right: 14%;
	background-image: url(../imagens/rodape/logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
}

#rodape-direita {
	margin-top: 425px;
	position: relative;
}

#formulario-contato {
	max-width: 345px;
	height: 485px;
}

#formulario-contato .titulo-form {
	font-family: 'montserrat-bold';
	font-size: 19px;
	color: #fff;
	margin-bottom: 15px;
}

#formulario-contato #linha-verde-contato {
	content: "";
	border-bottom: 4px solid #3db87b;
	padding-bottom: -5px;
	width: 35%;
	float: right;
	margin-top: 11px;
}

#formulario-contato .campo {
	width: 100%;
	height: 45px;
	border: none;
	border-radius: 3px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#formulario-contato .campo input {
	width: 100%;
	height: 100%;
	font-family: 'montserrat-regular';
	font-size: 18px;
	color: #4d4d4d;
	border-radius: 3px;
	border: none;
	padding-left: 15px;
}

#formulario-contato .campo-mensagem {
	height: 125px;
}

#formulario-contato #btn-submit {
	width: 100%;
	height: 45px;
	border: none;
	border-radius: 3px;
	background-color: #3db87b;
	transition: background-color 0.5s ease;
	color: #fff;
	font-family: 'montserrat-regular';
	font-size: 20px;
}

#formulario-contato #btn-submit:hover {
	background-color: #358f62;
}

#rodape #marca-ed {
	width: 150px;
	height: 30px;
	position: absolute;
	right: 30px;
	bottom: 0;
	background-image: url("../imagens/rodape/logo-ed.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

@media screen and (max-width: 1600px) {
	#rodape{
		background-size: auto 943px;
	}

	#anchor-box{
		display: none;
	}
}

@media screen and (max-width: 780px) {
	#rodape{
		margin-top: 0px;
		background-position: center -280px;
		height: auto;
	}

	#rodape-esquerda {
		margin-top: 60px;
	}

	#rodape-direita {
		margin-top: 20px;
	}

	#imagem-rodape{
		width: 118px;
		height: 83px;


		float: none;
		margin: 0 auto;
		padding-top: 30px;
	}

	#formulario-contato {
		margin: 0 auto;
	}

	.titulo-secao{
		font-size: 26px !important;
	}

	#titulo-social{
		font-size: 23px !important;
	}
}


/*******************************************************************************
 * INCLUDES/RODAPE.PHP                                                     - FIM  
 ******************************************************************************/

/*******************************************************************************
 * 2ºNIVEL                                                              - INICIO  
 ******************************************************************************/
#header-2nivel {
	background-image: url('../imagens/2nivel/fundo-topo.jpg');
	width: 100%;
	height: 300px;
	-webkit-box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.3);
	z-index: 999999999;
}

#header-2nivel #transparencia-topo {
	background-image: url('../imagens/topo/frente-topo.png');
	width: 100%;
	height: 300px;
}

#header-2nivel #titulo-segundo-nivel {
	width: 76%;
	margin-left: 24%;
	margin-top: 35px;
	float: left;
	text-align: left;
	color: #fff;
	font-family: 'montserrat-bold';
	font-size: 40px;
}

#fundo-cima-2nivel {
	width: 100%;
	height: 550px;
	position: absolute;
	top: 300px;
	background-image: url("../imagens/2nivel/fundo-cima.png");
	background-repeat: no-repeat;
}

#fundo-baixo-2nivel {
	width: 100%;
	height: 550px;
	position: relative;
	bottom: 700px;
	background-image: url("../imagens/2nivel/fundo-baixo.png");
	background-repeat: no-repeat;
}

#conteudo-2nivel {
	margin-top: 75px;
	margin-bottom: 50px;
	text-align: justify;
	font-family: 'source-serif-pro-regular';
	font-size: 20px;
	color: #4d4d4d;
}

@media screen and (max-width:1616px) {
	#conteudo-2nivel {

	}
}

@media screen and (max-width:1320px) {
	#conteudo-2nivel {

	}
}

/* NOTICIAS_HISTORICO.PHP */
#conteudo-2nivel .container-noticias {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin-top: -40px;
	position: relative;
}

#conteudo-2nivel .container-noticias a {
	float: left;
	width: calc(100%/ 3 - 15px * 3);
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	color: #4d4d4d;
	text-decoration: none;
	font-family: 'montserrat-regular';
	font-size: 19px;
}

#conteudo-2nivel .container-noticias .foto_noticia {
	width: 100%;
	height: 150px;
	margin-top: 20px;
	background-size: cover;
	background-repeat: no-repeat;
}

#conteudo-2nivel .container-noticias .data_noticia {
	margin-top: 5px;
	font-family: 'montserrat-light';
	font-size: 14px;
	color: #396f54;
}

#conteudo-2nivel .container-noticias .titulo_noticia {
	font-family: 'montserrat-bold';
}

#conteudo-2nivel .container-noticias .conteudo_noticia {
	font-family: 'sans-serif-pro-light';
	font-size: 13px;
}

/* NOTICIAS.PHP */
#conteudo-2nivel .header-noticia {
	height: 300px;
	width: 100%;
	margin-top: 30px;
	position: relative;
}

#conteudo-2nivel .noticia-imagem {
	width: 50%;
	height: 300px;
	float: left;
	margin-right: 30px;
	background-size: cover;
	background-repeat: no-repeat;
}

#conteudo-2nivel .infos-noticia {
	width: 46%;
	position: absolute;
	bottom: 0;
	right: 0;
}

#conteudo-2nivel .data-noticia {
	float: left;
	font-family: 'montserrat-light';
	font-size: 18px;
	color: #396f54;
	position: relative;
}

#conteudo-2nivel .titulo-noticia {
	float: left;
	font-family: 'montserrat-bold';
	font-size: 42px;
	position: relative;
}

#conteudo-2nivel .conteudo-noticia {
	float: left;
	width: 100%;
}

#conteudo-2nivel .titulo-secao {
	width: 100%;
	margin-left: 0;
	margin-top: 45px;
	float: left;
}

#conteudo-2nivel .tags {
	float: left;
	width: 45%;
	padding-left: 30px;
	margin-top: -15px;
	background-image: url("/imagens/2nivel/tag-noticia.svg");
	background-size: 18px;
	background-position: 0px 2px;;
	background-repeat: no-repeat;
}

#conteudo-2nivel .tag-noticia {
	font-family: 'montserrat-regular';
	font-size: 15px;
	float: left;
	margin-right: 20px;
}

#conteudo-2nivel .pesquisa {
	height: 40px;
	width: 46%;
	border: 3px solid #4d4d4d;
	float: right;
	margin-top: -15px;
	padding-left: 10px;
	font-family: 'montserrat-regular';
	font-size: 17px;
	background-image: url("../imagens/questao/lupa.png");
	background-repeat: no-repeat;
	background-position: 96%;
	background-size: 20px;
}

#conteudo-2nivel .noticias-relacionadas {
	width: 100%;
	float: left;
	margin-top: 0;
	margin-bottom: -10px;
}

#social-icones {
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 50px;
	padding-left: 195px;
}

#social-icones div {
	width: 45px;
	height: 45px;
	float: left;
	margin-right: 10px;
}

#social-icones .icone-social-0:hover {
	background-image: url(/imagens/2nivel/0-verde.svg) !important;
}

.icone-social-1:hover {
	background-image: url(/imagens/2nivel/1-verde.svg) !important;
}

.icone-social-2:hover {
	background-image: url(/imagens/2nivel/2-verde.svg) !important;
}

.icone-social-3:hover {
	background-image: url(/imagens/2nivel/3-verde.svg) !important;
}

.icone-social-4:hover {
	background-image: url(/imagens/2nivel/4-verde.svg) !important;
}

.icone-social-5:hover {
	background-image: url(/imagens/2nivel/5-verde.svg) !important;
}

.icone-social-6:hover {
	background-image: url(/imagens/2nivel/6-verde.svg) !important;
}

.icone-social-7:hover {
	background-image: url(/imagens/2nivel/7-verde.svg) !important;
}

.icone-social-8:hover {
	background-image: url(/imagens/2nivel/8-verde.svg) !important;
}

.icone-social-9:hover {
	background-image: url(/imagens/2nivel/9-verde.svg) !important;
}

/* CADASTRO.PHP */
#conteudo-2nivel #cadastrar {
	width: 46%;
	float: left;
	margin-right: 8%;
}

#conteudo-2nivel .titulo-cadastro, , .recuperar .titulo-cadastro {
										 font-size: 30px;
									 }

#conteudo-2nivel #logar {
	width: 46%;
	float: left;
}

#conteudo-2nivel #logar label, #conteudo-2nivel #cadastrar label,
.recuperar label {
	float: left;
	width: 100%;
	margin-top: 20px;
	font-family: 'montserrat-regular';
	font-size: 18px;
	color: #4d4d4d;
}

#conteudo-2nivel #logar input, #conteudo-2nivel #cadastrar input,
.recuperar input {
	float: left;
	width: 100%;
	height: 45px;
	margin-top: 10px;
	padding-left: 15px;
	background-color: #f2f2f2;
	font-size: 20px;
	color: #333333;
	border: none;
	border-radius: 2px;
}

#conteudo-2nivel #cadastrar select, .recuperar select {
	width: 100%;
	height: 45px;
	float: left;
	padding-left: 15px;
	font-size: 15px;
	background-color: #f2f2f2;
	background-image: url("../imagens/questao/seta.png");
	background-repeat: no-repeat;
	background-position: 94% 15px;
	background-size: 25px;
	color: #333333;
	border: none;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#conteudo-2nivel .btn-cadastro, .recuperar #btn-recupera {
	height: 55px !important;
	background-color: #3db87b !important;
	color: #fff !important;
	font-family: 'montserrat-regular' !important;
	font-size: 22px !important;
	margin-top: 20px !important;
	margin-bottom: 20px;
	cursor: pointer;
}

#conteudo-2nivel #logar a {
	float: left;
	text-decoration: none;
	margin-top: 20px;
	font-size: 15px;
	font-family: 'montserrat-regular';
	color: #4d4d4d;
}

/* QUESTOES-2NIVEL.PHP */
#conteudo-2nivel #menu-questao {
	height: 215px;
	width: 100%;
	margin: 0;
	position: relative;
}

#conteudo-2nivel #menu-questao ul {
	height: 130px;
	width: 100%;
	margin: 0;
	margin-top: 45px;
	position: relative;
}

#conteudo-2nivel #menu-questao ul #concursos {
	margin-left: 12.5%;
}

#conteudo-2nivel #busque-questao {
	float: left;
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}

#conteudo-2nivel #filtro-questao {
	width: 98%;
	margin-left: 15px;
}

#conteudo-2nivel #filtro-questao span {
	margin-right: 0px;
	font-size: 16px;
}

#conteudo-2nivel #filtro-questao label {
	margin-right: 0px;
}

#conteudo-2nivel #filtro-questao #filtros-salvos {
	width: 150px;
}

#conteudo-2nivel #filtro-questao #filtros-container input,
#conteudo-2nivel #filtro-questao #filtros-container select {
	width: calc(100%/ 4 - 22px);
	margin-left: 10px;
	margin-right: 10px;
}

#conteudo-2nivel #filtro-questao #filtros-ativos {
	float: left;
	width: 100%; //
height: 50px;
	margin-top: 15px;
	background-color: #e1e1e1;
	line-height: 50px;
	text-align: center;
}

#conteudo-2nivel #filtro-questao #filtros-ativos .filtro {
	margin-left: 17px;
	padding-right: 16px;
	background-image: url("/imagens/2nivel/close-button.svg");
	background-size: 11px;
	background-repeat: no-repeat;
	background-position: right;
}

#conteudo-2nivel #resultados-pesquisa #quantidade-resultados {
	margin-top: 15px;
	float: left;
	width: 100%;
	font-family: 'montserrat-regular';
	font-size: 25px;
	color: #123825;
}

#conteudo-2nivel #resultados-pesquisa #display-questao {
	width: 100%;
	margin: 0;
	margin-top: 50px;
}

#conteudo-2nivel #resultados-pesquisa #paginas-resultado {
	width: 100%;
	float: left;
	display: inline;
	text-align: center;
	margin-top: 15px;
}

#conteudo-2nivel #resultados-pesquisa #paginas-resultado #seta-esquerda
{
	float: left;
	width: 26px;
	height: 41px;
	margin-right: 15px;
	margin-left: 43%;
	background-image: url("../imagens/questao/seta.png");
	background-repeat: no-repeat;
	background-position: 94% 15px;
	background-size: 25px;
	transform: rotate(90deg);
	display: inline;
	text-align: center;
}

#conteudo-2nivel #resultados-pesquisa #paginas-resultado #seta-direita {
	float: left;
	width: 26px;
	height: 41px;
	margin-left: 15px;
	background-image: url("../imagens/questao/seta.png");
	background-repeat: no-repeat;
	background-position: 94% 15px;
	background-size: 25px;
	transform: rotate(270deg);
	display: inline;
	text-align: center;
}

#conteudo-2nivel #resultados-pesquisa #paginas-resultado a {
	text-decoration: none;
	color: #4d4d4d;
	font-family: 'montserrat-bold';
	font-size: 30px;
	float: left;
	margin-right: 7px;
	display: inline;
	text-align: center;
}

/* CONCURSOS-2NIVEL.PHP */
#conteudo-2nivel #display-concurso {
	float: left;
	width: 100%;
}

#conteudo-2nivel #display-concurso .titulo-secao {
	border: none;
	margin-bottom: 75px;
}

#conteudo-2nivel #box-concurso {
	margin-top: 15px;
	float: left;
	width: 45%;
	margin-right: 60px;
	padding-left: 25px;
	-webkit-box-shadow: 2px 6px 5px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 6px 5px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 6px 5px 4px rgba(0, 0, 0, 0.3);
}

#conteudo-2nivel #box-concurso .imagem-concurso {
	width: 90%;
	margin-left: 7px !important;
	margin-top: 30px;
}

#conteudo-2nivel #box-concurso .linha-cinza {
	float: left;
	content: "";
	width: calc(100% - 25px);
	border-bottom: 1px solid #264837;
	margin-top: 15px;
	margin-bottom: 15px;
}

#conteudo-2nivel #box-concurso .info {
	float: left;
	width: calc(100% - 44px);
	margin-top: 15px;
	margin-left: 0;
	padding-left: 23px;
	color: #333333;
	font-family: 'montserrat-regular';
	font-size: 18px;
}

#conteudo-2nivel #box-concurso .concurso {
	font-family: 'montserrat-thin';
	font-size: 23px;
	padding-left: 0;
}

#conteudo-2nivel #box-concurso .concurso span {
	float: left;
	width: calc(100% - 44px);
	margin-top: 15px;
	margin-left: 0;
	color: #333333;
	font-family: 'montserrat-regular';
	font-size: 18px;
}

#conteudo-2nivel #box-concurso .inscricao {
	background-image: url('../imagens/concursos/aberta.png');
	background-repeat: no-repeat;
	color: #1d5a3c;
}

#conteudo-2nivel #box-concurso .vaga, #conteudo-2nivel #box-concurso .remuneracao
{
	background-position: 0 50%;
}

#conteudo-2nivel #box-concurso .titulo-subsecao {
	color: #3db87b;
	font-size: 25px;
	margin-left: 0px;
	padding: 0;
}

#conteudo-2nivel #box-concurso .pagina-concurso {
	background-image: url('../imagens/2nivel/pagina-concurso.png');
	color: #00b0cf;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#conteudo-2nivel #box-concurso .data-concurso {
	background-image: url('../imagens/2nivel/data-concurso.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#conteudo-2nivel #box-concurso .orgao {
	background-image: url('../imagens/2nivel/Ministerio.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#conteudo-2nivel #box-concurso .banca-concurso {
	background-image: url('../imagens/2nivel/Banca.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#conteudo-2nivel #box-concurso .btn-download {
	float: left;
	width: 80%;
	border-radius: 5px;
	margin-bottom: 40px;
	margin-left: 6%;
}

#conteudo-2nivel #box-concurso .btn-download #escuro-pdf {
	float: left;
	width: 20%;
	height: 50px;
	background-color: #0AA774;
	border-radius: 5px 0 0 5px;
}

#conteudo-2nivel #box-concurso .btn-download #escuro-pdf .pdf {
	margin-left: calc(50% - 18px);
	margin-top: 11px;
}

#conteudo-2nivel #box-concurso .btn-download #claro-nome {
	float: left;
	width: 80%;
	height: 50px;
	background-color: #00BA7E;
	border-radius: 0 5px 5px 0px;
	color: #fff;
	font-family: 'montserrat-bold';
	text-align: center;
	line-height: 50px;
}

#conteudo-2nivel .box-concurso-info {
	margin-top: 15px;
	float: left;
	width: 45%;
}

#conteudo-2nivel .box-concurso-info #titulo-concurso-info {
	width: 100%;
	color: #333333;
	float: left;
	font-family: 'montserrat-bold';
	font-size: 27px;
	margin-bottom: 15px;
}

#conteudo-2nivel .box-concurso-info #texto-concurso-info {
	width: 100%;
	color: #333333;
	float: left;
	margin-bottom: 75px;
}

#conteudo-2nivel #outros-concursos {
	float: left;
	width: 100%;
}

#conteudo-2nivel #outros-concursos .status {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: calc(100%/ 3 - 20px);
}

/********AREA-CLIENTE.PHP******/
#conteudo-2nivel #pagina-cliente {
	float: left;
	width: 100%;
}

#conteudo-2nivel #pagina-cliente #box-imagem {
	position: relative;
	float: left;
	width: 34%;
	height: 43%;
	margin-right: 45px;
	margin-bottom: 15px;
	margin-top: 30px;
	background-color: #F2F2F2;
}

#conteudo-2nivel #pagina-cliente #box-imagem img {
	float: left;
	margin: calc(50% - 140px) 0 0 calc(50% - 140px);
}

#conteudo-2nivel #pagina-cliente #dados-cliente {
	position: relative;
	float: left;
	width: 59%;
	height: 39%;
	margin-top: 30px;
	background-color: #F2F2F2;
	padding-left: 23px;
	padding-top: 30px;
}

#conteudo-2nivel #pagina-cliente #dados-cliente span {
	float: left;
	font-family: 'montserrat-regular';
	width: 100%;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#conteudo-2nivel #pagina-cliente #dados-cliente #nome {
	width: 95%;
	border-bottom: 1px solid #4d4d4d;
	font-size: 35px;
	padding-bottom: 5px;
}

#conteudo-2nivel #pagina-cliente #dados-cadastro {
	position: relative;
	float: left;
	width: 97%;
	padding-bottom: 30px;
	background-color: #F2F2F2;
	padding-top: 30px;
	padding-left: 30px;
	font-family: 'montserrat-regular';
}

#conteudo-2nivel #pagina-cliente #dados-cadastro #nome-secao {
	width: 95%;
	font-size: 24px;
	border-bottom: 1px solid #4d4d4d;
	color: #3db87b;
	padding-bottom: 5px;
}

#conteudo-2nivel #pagina-cliente #dados-cadastro label {
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 16px;
}

#conteudo-2nivel #pagina-cliente #dados-cadastro input, #conteudo-2nivel #pagina-cliente #dados-cadastro select,
#conteudo-2nivel #pagina-cliente #dados-cadastro select option {
	float: left;
	width: 95%;
	height: 45px;
	padding-left: 15px;
	border: 1px solid #D9ECE6;
	background-color: #D9ECE6;
	margin-top: 10px;
}

#conteudo-2nivel #pagina-cliente .botoes-edit {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#conteudo-2nivel #pagina-cliente .editar-btn, .recuperar #btn-recupera {
	text-decoration: none;
	color: #4d4d4d;
	font-family: 'montserrat-regular';
	font-size: 12px;
}

#conteudo-2nivel #mensagem {
	height: 30px;
}

.logar-janela #msg_formulario3 {
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}

#pagina-cliente #msg_formulario3 {
	height: 20px;
	float: left;
}

/*******************************************************************************
 * 2ºNIVEL                                                                 - FIM  
 ******************************************************************************/
#popup {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9999999999;
	display: none;
	background: rgba(0, 0, 0, 0.8);
	overflow-x: hidden;
}

#div {
	position: relative;
	top: 5%;
	width: 600px;
	margin: 0 auto;
	background: white;
	padding: 10px 50px 30px 50px;
	border: 1px solid black;
	text-align: center;
	overflow: hidden;
}

#close-div {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 99999;
}

.recuperar #msg_formulario3 {
	float: left;
	text-align: center;
	width: 100%;
}

.esqueceu {
	cursor: pointer;
}

/** PLANOS **/
#menu-plano {
	width: 150px;
	background-color: #f2f2f2;
	font-family: 'montserrat-regular';
	font-size: 22px;
	color: #fff;
	float: left;
	z-index: 0;
	margin-left: 40px;
	margin-top: -140px;
	text-align: center;
	border-radius: 0 0 5px 5px;
}

#menu-plano ul {
	list-style: none;
	margin: 0px;
	padding: 180px 0px 0px 0px;
}

#menu-plano ul li {
	margin-bottom: 40px;
	color: #777777;
}


#menu-plano .imagem-icone {
	border: 3px solid #777777;
	border-radius: 18px 2px 18px 2px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	height: 60px;
	padding: 5px;
	width: 70px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px
}

#menu-plano #img_planos .imagem-icone{
	background-image: url("/imagens/icone_planos_01.svg");
}

#menu-plano #dados .imagem-icone{
	background-image: url("/imagens/icone_seusdados_02.svg");
}

#menu-plano #pagamento .imagem-icone{
	background-image: url("/imagens/icone_pagamento_02.svg");
}

#menu-plano #finalizar .imagem-icone{
	background-image: url("/imagens/icone_finalizado_02.svg");
}

#menu-plano #dados.ativo .imagem-icone{
	background-image: url("/imagens/icone_seusdados_01.svg");
}

#menu-plano #pagamento.ativo .imagem-icone{
	background-image: url("/imagens/icone_pagamento_01.svg");
}

#menu-plano #finalizar.ativo .imagem-icone{
	background-image: url("/imagens/icone_finalizado_01.svg");
}

#menu-plano .item-menu-questao.ativo .imagem-icone{
	background-color: #3db87b;
	border: 3px solid #3db87b;
}

#menu-plano .item-menu-questao.ativo.passou .imagem-icone{
	background-color: transparent !important;
	border: 3px solid #1d5a3c;
}


#titulo-secao-plano {
	font-family: 'montserrat-semibold';
	font-size: 22px;
	background-color: #3db87b;
	border-radius: 2px 22px 2px 22px;
	width: 100%%;
	margin-top: 55px;
	color: #fff;
	position: relative;
	z-index: 1;
	padding: 30px;
}

#planos .container {
	float: left;
	padding: 40px 30px;
	width: 990px;
}

.box-planos .plano {
	width: 30%;
	margin-right: 5%;
	float:left;
}

.box-planos .plano:last-child {
	margin-right: 0px;
}
#planos .container .box-planos .plano .titulo-plano {
	font-family: 'montserrat-bold';
	font-size: 19px;
	padding: 15px 0px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	background-color: #1d5a3c;
	border-radius: 12px 12px 0px 0px;
	margin-bottom: 10px;
}

#planos .container .box-planos .plano .conteudo-plano{
	border: 3px solid #1d5a3c;
	border-radius: 0px 0px 73px 0px;
	font-family: 'montserrat-regular';
	padding: 20px;
	color: #1d5a3c;
	font-size: 14.5px;
	-webkit-box-shadow: 1px 11px 13px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 11px 13px -11px rgba(0,0,0,0.75);
	box-shadow: 1px 11px 13px -11px rgba(0,0,0,0.75);
}

#planos .container .box-planos .plano .conteudo-plano .valor-plano{
	font-size: 25px;
	margin: 10px 0px;
}

#planos .container .box-planos .plano .conteudo-plano .valor-plano span{
	font-family: 'montserrat-bold';
	font-size: 65px;
}

#planos .container .box-planos .plano .conteudo-plano .descricao-plano{
	text-align: center;
}

#planos .container .box-planos .plano .conteudo-plano .contratar-plano{
	width: 90%;
	background-color: #1d5a3c;
	border-radius: 100px;
	text-align: center;
	font-family: 'montserrat-bold';
	font-size: 19px;
	color: white;
	text-transform: uppercase;
	margin: 20 auto;
	padding: 5px 0px;
	-webkit-box-shadow: 1px 11px 13px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 11px 13px -11px rgba(0,0,0,0.75);
	box-shadow: 1px 11px 13px -11px rgba(0,0,0,0.75);
	cursor: pointer;
}

#planos .container .box-planos .plano .conteudo-plano .divisoria-plano{
	width: 90%;
	height: 2px;
	margin: 0 auto;

	background-color: #1d5a3c;
}

#planos .container .box-planos .plano .conteudo-plano .diferenciais-plano{
	margin-top: 15px;
}

#planos .container .box-planos .plano .conteudo-plano .diferenciais-plano .titulo-diferenciais{
	text-align: center;
	text-transform: uppercase;
}

#planos .container .box-planos .plano .conteudo-plano .diferenciais-plano ul{
	padding-left: 0px;
	font-size: 13px;
	list-style: none;
	color: #4d4d4d;
}

#planos .container .box-planos .plano .conteudo-plano .diferenciais-plano ul li::before {
	color: #1d5a3c;
	content: "\2022";
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-rigth: 20px;
}

#planos .container .box-planos .plano .conteudo-plano .veja-mais-plano{
	width: 70%;
	background-color: #1d5a3c;
	border-radius: 100px;
	text-align: center;
	font-size: 19px;
	color: white;
	text-transform: uppercase;
	margin: 20 auto;
	margin-bottom: -35px;
	padding: 5px 0px;
}

#planos form{
	width: 100%;
}

#planos form label{
	display: inline-block;
}

#planos form input{

}

#planos form .campos{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#planos form .campo:last-child{
	margin-right: 0;
}

#planos form .campo{
	float: left;
	margin-right: 5%;
}

#planos form .campo.w100{
	width:100%;
	margin-right: 0;
}

#planos form .campo.w30{
	width: 30%;
}

#planos form .campo.w65{
	width: 65%;
}

#planos form input, #planos form select{
	padding: 13px;
	background-color: #f2f2f2;
	border-radius: 2px;
	border: 0px;
	width: 100%;
}

#planos form select option{
	border: none;
}

#planos form .botoes{
	margin-top: 20px;
	float:right;
}

#planos form .botoes input{
	width: 170px;
	text-align: center;
	cursor: pointer;
	border: 2px solid #3db87b;
	border-radius: 50px;
	font-size: 20px;
	font-family: 'montserrat-bold';
}

#planos form .botoes .btn-voltar{
	background-color: white;
	color: #3db87b;
	margin-right: 10px;
}

#planos form .botoes .btn-confirmar{
	background-color: #3db87b;
	color: white;
}

#planos form .informacoes-compra{
	font-size: 16px;
	font-family: 'montserrat-regular';
	color: white;
	background-color: #123825;
	padding: 15px;
	width: calc(100% - 30px);
}

#planos .final{
	padding-top: 60px;
}

#planos .final .titulo{
	font-family: 'montserrat-bold';
	font-size: 35px;
	color: #3db87b;
	text-align: center;
}

#planos .final .texto{
	font-family: 'montserrat-regular';
	font-size: 18px;
	color: #4d4d4d;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#planos .final img{
	width: 400px;
	height: auto;
	margin-top: 40px;
	margin-left: 230px;
}

.btn-verde, .btn-branco{
	width: 170px;
	text-align: center;
	cursor: pointer;
	border: 2px solid #3db87b;
	border-radius: 50px;
	font-size: 20px;
	font-family: 'montserrat-bold';
	padding: 13px 0px;
}

.btn-verde{
	background-color: #3db87b;
	color: white;
}

.btn-branco{
	background-color: white;
	color: #3db87b;
}

#planos .final .btn-verde.btn-finalizar{
	margin: 0px auto;
	margin-top: 40px;
}

#planos .final.erro .botoes{
	width: 368px;
	margin: 0 auto;
	margin-top: 40px;
}

#planos .final.erro .botoes .btn-branco{
	float:left;

}

#planos .final.erro .botoes .btn-verde{
	float:right;

}

#planos .final.erro img{
	margin-left: calc(50% - 200px);
}

#planos .final.erro .titulo{
	color: #e8505b;
}

.mensagem-plano{
	color: red;
	margin-bottom: 30px;
}

.mensagem-plano a{
	color: red;
	font-weight: bold;
}

/* EXTRATO */

.box_extrato{
	padding: 10px 40px;
}

.box_extrato .topo_extrato{
	border-bottom: 2px solid #123825;
	overflow: hidden;
	padding-bottom: 5px;
}

.box_extrato .topo_extrato .titulo{
	float:left;
	font-family: "montserrat-bold";
	font-size: 25px;
	color: #3db87b;
}

.box_extrato .topo_extrato .referencia{
	float:right;
	font-family: "montserrat semibold";
	font-size: 22px;
	color: #1d5a3c;
}

.box_extrato .pagamento{
	margin-top: 10px;
	padding: 15px 20px;
	border: 1px solid #4d4d4d;
	overflow: hidden;
}

.box_extrato .pagamento .topo_pagamento{
	border-bottom: 0.5px solid #1d5a3c;
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.box_extrato .pagamento .topo_pagamento .data_pagamento{
	float:right;
	font-family: "montserrat-regular";
	font-size: 14.5px;
	color: #4d4d4d;
}

.box_extrato .pagamento .topo_pagamento .tipo{
	float:left;
	font-family: "montserrat semibold";
	font-size: 23px;
	color: #4d4d4d;
}

.box_extrato .pagamento .box_esquerda{
	width: 880px;
	float: left;
	line-height: 34px;
}

.box_extrato .pagamento .box_direita{
	width: 200px;
	float: left;
}

.box_extrato .pagamento .nome{
	font-family: "montserrat-regular";
	color: #4d4d4d;
	font-size: 23px;
}

.box_extrato .pagamento .plano{

	font-family: "montserrat semibold";
	color: #4d4d4d;
	font-size: 23px;
}

.box_extrato .pagamento .plano span{
	color: #38a86e;
}

.box_extrato .pagamento .valor{
	font-family: "montserrat semibold";
	font-size: 20px;
	color: #4d4d4d
}

.box_extrato .pagamento .valor span{
	color: #878787;
	font-size: 28px;
}

.box_extrato .pagamento .credito span{
	color: #38a86e;
}


.box_extrato .credito_disponivel{
	text-align: right;
	margin-top: 20px;

	font-family: "montserrat semibold";
	font-size: 25px;
	color: #4d4d4d;
}

.box_extrato .credito_disponivel span{
	color: #38a86e;
	font-size: 35px;
}

.navbar-toggler-icon {
	background-image: url("../imagens/hamburguer.png") !important;
	background-size: 150% !important;
}

.navbar-toggler {
	color: white !important;
	border: 1px solid white !important;
}

@media screen and (max-width: 990px){
	#navbarNav{
		position: absolute;
		top: 134px;
		background: #123825;
		width: 100%;
		padding: 20px 30px;
		z-index: 99999999999;
		left: 0px;
		border-bottom: 3px solid #38a86e;
	}

	nav.navbar.scrollTop #navbarNav{
		top: 90px;
	}
}

nav.navbar.scrollTop{
	background-color: #123825;

}

nav.navbar.scrollTop #logo-topo{
	height: 90px !important;
	width: 90px !important;
}

.redes-mobile{
	width: 210px;
	margin: 0 auto;
}
.redes-mobile .icone-rede{
	width: 90px;
	height: 90px;
	background-color: #123825;
	float: left;
	background-position: center;
	background-size: 60px;
	background-repeat: no-repeat;
	border-radius: 20px 0px 20px 0px;
}

.redes-mobile .icone-rede.facebook-mobile{
	background-image: url("../imagens/institucional/facebook.png");
}

.redes-mobile .icone-rede.instagram-mobile{
	background-image: url("../imagens/institucional/instagram.png");
	margin-left: 30px;
}

.redes-sociais-mobile{
	position: relative;

	padding-bottom: 30px;
}

.redes-sociais-mobile .fundo-verde{
	position: absolute;
	width: 100%;
	height: 50px;
	background-color: #38a86e;
	z-index: -1;
	top: 61px;
}

@media (min-width: 1300px){
	.container.expand-container {
		max-width: 1240px !important;
	}
}