@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
/**
| Desenvolvido por fastwebmaker@fastwebmaker.com.br
| Leonardo Rubens
| David Martins
*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Source Sans Pro', sans-serif;
	transition: all 0.5s ease-in-out;
}
.container{
	max-width: 100%;
	margin: 0 auto;
}
img{
	max-width: 100%;
}
/*Modal form feed*/
.feed-plate{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	visibility: hidden;
}
.feed-active{
	opacity: 1;
	visibility: visible;
}
/*form feed*/
.form-feed{
	width: 500px;
	height: 0;
	margin: 5px;
	overflow: hidden;
	background-color: #fff;
	z-index: 12;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
	padding: 5px;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.2s;
}
.form-feed-active{
	height: 300px;
	opacity: 1;
	visibility: visible;
}
.form-feed form{
	height: 100%;
	background-color: #376439;
	padding: 5px;
	border-radius: 5px;
	color: #fff;
}
.form-feed form p img{
	width: 50px;
	margin: 0 auto;
}
.form-feed form img{
	width: 50px;
	display: block;
	margin: 100px auto;
}
.form-feed form p{
	min-height: 50px;
	font-size: 25px;
	text-align: center;
}
.form-feed form label{
	display: block;
	margin: 5px 0;
}
.form-feed form input{
	width: 100%;
	height: 30px;
	display: block;
	margin: 5px 0;
	padding-left: 5px;
	border:1px solid #ccc;
}
.form-feed form input[type='submit']{
	width: 150px;
	margin: 30px auto;
	background-color: #fff;
}
/*****************/
.content{
	background-color: #fdfef9;
	margin-bottom: 250px;
	padding-top: 250px;
}
.top{
	width: 100%;
	min-height: 250px;
	margin-bottom: 10px;
	background-image: url(../img/logo/bg-top-logo.jpg);
	background-position: right top;
	background-size: 100% 40px;
	background-repeat: no-repeat;
	background-color: #fff;
	position: fixed;
	z-index: 6;
	top: 0;
}
.top .logo{
	width: 70%;
	height: 200px;
	padding-top: 40px;
	margin: 0 auto;
	display: flex;
}
/*controle da imagem no banner do topo*/
.top .img-logo{
	width: 25%;
}
.img-logo img{
	max-width: 100%;
	height: 135px;
}
.top .social-top{
	width: 75%;
	position: relative;
}
.social-top .redes-social{
	width: 200px;
	position: absolute;
	bottom: 10px;
	/*right: 0;*/
	left: 0;
}
.redes-social img{
	width: 30px;
	opacity: 0.7;
	cursor: pointer;
}
.redes-social img:hover{
	opacity: 1;
}
/****************************/
.top .menu{
	width: 100%;
	height: 50px;
	/*background-color: #deeac2;*/
	/*border-bottom: 5px solid #bdd585;*/
	border-bottom: 5px solid #376439;
}
/*menu mobile*/
.m-mobile{
	width: 100%;
	display: block;;
	background-color: #ddd;
	border-bottom: 5px solid #bdd585;
	z-index: 7;
	position: fixed;
	padding: 5px;
	top: -100%;
	overflow: auto;
	height: 100%;
}
.m-top{
	top: -100% !important;
}
.mobile-active{
	top: 0;
}
.m-mobile ul{
	list-style: none;
}
.m-mobile ul li{
	text-align: center;
	height: 50px;
	margin: 5px 0;
	line-height: 50px;
}
.m-mobile ul li:hover{
	background-color: #376439;
}
.m-mobile ul li:hover a{
	color: #fff !important;
}
.m-mobile ul li a{
	text-decoration: none;
	color: #333;
}
.btn-menu{
	display: block;
	width: 40px;
	height: 40px;
	padding: 2px;
	background-color:  #376439;
	position: fixed;
	right: 10px;
	top: 50px;
	z-index: 7;
	cursor: pointer;
	display: none;
}
.btn-in{
	display: block;
	width: 100%;
	height: 5px;
	position: relative;
	top: 50%;
	margin-top: -2.5px;
	background-color: #fff;
}
.btn-in:before,
.btn-in:after{
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	position: relative;
	top: 5px;
	background-color: #fff;
}
.btn-in:before{
	top: -10px;
}
/********/
.menu ul{
	width: 80%;
	height: 50px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0 10px;
	box-shadow: 0px 2px 5px #ccc;
	background-color: #376439;
	/*background-color: #bdd585;*/
}
/*menu ativado e fixo*/
.menu-fixed{
	width: 100%;
	position:fixed;
	top:0;
	z-index: 5;
	background-color : #fff;
}
.menu-fixed ul{
	width: 80%;
}
/***************************/
.menu ul li{
	width: 100px;
	text-align: center;
}
.menu ul li a{
	width: 100%;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.menu ul li a:hover{
	color: #fff;
	/*background-color: #deeac2;*/
	border-bottom: 5px solid #fff;
}
.btn-active{
	color: #fff;
	border-bottom: 5px solid #fff;
}
.menu ul li.logo-fixed{
	width: 120px;
}
/*//seções de conteudo*/
.content .sections{
	width: 80%;
	margin: 0 auto;
	/*background-color: #bdd585;#376439*/
	background-color: #376439;
}
.section{
	padding: 5px;
	margin: 5px 0;
	min-height: 500px;
	background-color: #fff;
	position: relative;
}
.section h1{
	position: absolute;
	font-size: 2em;
}
/*sessão quem somos*/
.quem{
	position: relative;
}
.quem p{
	background-color: #ebebeb;
	position: absolute;
	top: 50%;
	margin-top: -100px;
	font-size: 30px;
	height: 200px;
	overflow: auto;
	padding: 25px 10px;
	border-radius: 5px;
}
/*sessao noticias*/
.noticias{
	/*background-color: red !important;*/
}
.in-news{
	margin-top: 50px;
	background-color: #ebebeb;
	height: 500px;
	border-radius: 5px;
	padding: 5px;
	overflow: auto;
}
.in-news ul{
	list-style: none;
}
.in-news ul li:first-child{
	height: 25px;
	margin-bottom: 20px;
	display: block;
	padding-left: 10px;
	font-size: 20px;
	font-style: italic;
	background-color: transparent !important;
	color: #000!important;
}
.in-news ul li{
	width: 100%;
	height: 40px;
	margin: 5px 0;	
	background-color: #ddd;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-radius: 5px;
}
.in-news ul li p{
	width: 50%;
	text-align: center;
}
.in-news ul li:nth-of-type(odd){
	background-color: #376439;
	color: #fff;
}
.in-news ul li span a{
	text-decoration: none;
	border:1px solid #fff;
	padding: 5px 10px;
	color: #333;
}
.in-news ul li span a:hover{
	background-color: #fff;
}
/*sessao livros*/
.livros{
	/*background-color: red;*/
}
.in-livro{
	list-style: none;
	margin-top: 50px;
}
.in-livro li{
	padding: 5px;
	margin: 10px 0;
	display: flex;
	justify-content: space-around;
	background-color: #ebebeb;
	border-radius: 5px;
}
.in-livro li .livro{
	width: 200px;
}
.in-livro .livro img{
	max-width: 100%;
}
.in-livro .livro-desc{
	width: 60%;
	padding: 5px;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}
.livro-desc .btn-link a{
	display: inline-block;
	margin-top: 5px;
	background-color: #376439;
	color: #fff;
	padding: 10px;
	text-decoration: none;
}
/*sessao artigos*/
.artigos{
	/*background-color: red;*/
}
.in-artigos{
	margin-top: 50px;
	padding: 5px;
	height: 500px;
	overflow: auto;
	background-color: #ebebeb;
	border-radius: 5px;
}
.header{
	height: 25px;
	margin-bottom: 20px;
	display: block;
	padding-left: 10px;
	font-size: 20px;
	font-style: italic;
	list-style: none;
	display: flex;
	justify-content: space-around;
}
.single-art{
	display: flex;
	justify-content: space-around;
	background-color: #ddd;
	list-style: none;
	margin: 5px;
	border-radius: 5px;
}
.single-art:nth-of-type(odd){
	background-color: #376439;
	color: #fff;
}
.single-art li:first-child{
	width: 70%;
}
.single-art li{
	margin: 5px;
	height: 30px;
	line-height: 30px;
}
.single-art li a{
	text-decoration: none;
	border:1px solid #fff;
	padding: 5px 10px;
	color: #333;
}
.single-art li a:hover{
	background-color: #fff;
}
/*sessao cursos*/
.cursos{
	/*background-color: red;*/
}
.in-cursos{
	margin-top: 50px;
	padding: 5px;
	height: 500px;
	overflow: auto;
	border-radius: 5px;
	background-color: #ebebeb;
}
.tb-cursos{
	width: 100%;
	border-spacing: 0;
}
.tb-cursos thead th{
	border: 1px solid #333;
	border-left: none;
	border-right: none;
	height: 35px;
	font-weight: bold;
	text-align: center;
}
.tb-cursos tbody{
	background-color: #ddd;
}
.tb-cursos tbody:nth-of-type(odd){
	background-color: #376439;
	color: #fff;
}
.tb-cursos tbody td{
	height: 40px;
	text-align: center;
}
.tb-cursos tbody td a{
	text-decoration: none;
	border:1px solid #fff;
	padding: 5px 10px;
	color: #333;
}
.tb-cursos tbody td a:hover{
	background-color: #fff;
}
/*sassao profissionais*/
.prof{
	/*background-color: red;*/
}
.in-prof{
	margin: 50px 0 20px;
	min-height: 200px;
	padding: 5px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background-color: #ebebeb;	
	border-radius: 5px;
}
.in-prof article{
	width: 300px;
	min-height: 200px;
	margin: 5px;
	background-color: #ddd;
	border-radius: 5px;
	padding: 5px;
}
.img-prof{
	width: 200px;
	height: 200px;
	background-color: #fff;
	border-radius: 50%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.img-prof .resume{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	opacity: 0;	
	visibility: hidden;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	border-radius: 50%;
	font-size: 2em;
}
.resume span:first-child{
	font-size: 3em;
}
.img-prof a{
	display: block;
	padding: 15px;
	color: #fff;
}
.in-prof article:hover .resume{
	opacity: 1;
	visibility: visible;
}
.img-prof img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.in-prof article h2{
	text-align: center;
	margin-top: 10px;
}
.prof-desc{
	width: 100%;
	margin-top: 10px;
	padding: 5px;
	max-height: 200px;
	overflow: auto;
}
.prof-desc p{
	margin: 5px 0;
}
/*sessao links*/
.links{
	/*background-color: red;*/
}
.in-links{
	margin-top: 50px;;
	height: 500px;
	overflow: auto;
	border-radius: 5px;
	background-color: #ebebeb;
	padding: 5px;
}
.tb-links{
	width: 100%;
	border-spacing: 0;
}
.tb-links tr{
	background-color: #376439;
	color: #fff;
}
.tb-links tr:nth-of-type(odd){
	background-color: #ddd ;
	color: #000;
}
.tb-links tr:last-child td{
	border-bottom: none;
}
.tb-links tr td{
	height: 40px;
	text-align: center;
	border: 1px solid #333;	
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.tb-links tr td a{
	text-decoration: none;
	border:1px solid #fff;
	padding: 5px 10px;
	color: #333;
}
/*sessao contato(formulario)*/
.contato{
	/*background-color: red;*/
}
.in-form{
	margin-top: 50px;
	min-height: 500px;
	border-radius: 5px;
	padding: 5px;
	background-color: #ebebeb;
}
.in-form label{
	display: block;
	margin: 5px 0;
}
.in-form input{
	width: 200px;
	height: 30px;
	padding-left: 5px;
	border:1px solid #ccc;
}
.in-form input[name='tel']{
	width: 110px;
}
.in-form textarea{
	width: 100%;
	height: 200px;
}
.in-form input[type='submit']{
	height: 35px;
	margin: 10px 0;
	font-size: 20px;
	border: none;
	background-color: #376439;
	color: #fff;
	cursor: pointer;
}
/*loader do formularios*/
.tag-form img{
	width: 100px;
	display: block;
	margin: 150px auto; 
}
/*sessao do rodape*/
.bottom{
	min-height: 180px;
	width: 100%;
	position: fixed;
	z-index: -3;
	bottom: 0;
	background-color: #376439;
	color: #fff;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 10px;
	font-size: 20px;
}
.in-bottom{
	width: 50%;
}
.in-bottom strong{
	display: block;
}
.in-bottom span{
	display: block;
	margin-left: 10px;
}
.copyright{
	width: 50%;
	text-align: center;
	display: flex;
	flex-direction: column;
	border-left: 1px solid #333;
}
.copyright a{
	text-decoration: none;
	color: #777;
}
.logo-bottom{
	width: 150px;
	margin: 10px auto;
}
.return{
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 55;
	bottom: 20px;
	right: 5px;
	display: none;
	border-radius: 5px;
	padding: 0 5px;
	background-color: #376439;
	text-align: center;
	line-height: 40px;
	font-size: 25px;
	cursor: pointer;
	border:1px solid #333;
}
@media screen and (max-width: 820px){

	.content{
		/*background-color: red;*/
	}
	.top .logo{
		width: 80%;
	}
	.top .logo .img-logo{
		width: 200px;
	}
	.menu{
		/*display: none;*/
		height: 0 !important;
		overflow: hidden;
	}
	.btn-menu{
		display: block;
	}
}
@media screen and (max-width: 520px){
	.in-prof article{
		width: 100%;
	}
	.content{
		/*background-color: red;*/
	}
	.logo{
		display: block !important;
		min-height: 220px !important;
	}
	.img-logo{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.social-top{
		width: 100% !important;
		height: 50px;
	}
	.redes-social{
		position: relative !important;
		top: 10px;
		margin: 0 auto !important;
	}
	.in-livro li{
		width: 100%;
		flex-direction: column;
	}
	.livro-desc{
		width: 100% !important;
	}

	.form-feed{
		width: 300px;
		margin-left: -150px;
	}

}
@media screen and (max-width: 420px){
	.bottom{
		font-size: 15px;
	}
	.logo-bottom{
		width: 100px;
	}
}