@import url('https://fonts.googleapis.com/css?family=Hind:400,700');
*{font-family: 'Hind', sans-serif;}
body{margin-top: 70px;}
#menu {background-color: #fff;}
#menu img{padding-top: 10%;}
#menu nav{margin-left: 7%;}
#menu .nav {margin-top: 2.5%; font-size: 12px;}
#menu .nav li{padding: 1px 15px;}
#menu .navbar-nav a {color: #222221; font-weight: 700;border-bottom: 5px solid #fff; padding: 0px;}
#menu .navbar-nav a:hover {border-bottom: 5px solid #78232a; background-color: transparent;}
#slider img {width: 100%;}
#qsomos {margin-bottom: 1%;}
#qsomos .bg {background: url('../images/bg-quemsomos.gif') no-repeat bottom center; padding-bottom: 4.5%; margin-top: 10%; margin-bottom: 5%;}
#qsomos .bg h2{color: #fff; text-align: center; padding-top: 20px; font-weight: 700;}  
#qsomos p {text-align: justify;}
#qsomos h3{text-align: center; color: #78232a; font-weight: 700; padding-bottom: 5%;}
#qsomos h4{margin-top: 6%; color: #7f323d; font-weight: 700;}
#qsomos .qsomos-texto{margin-bottom: 1%;}
#qsomos .obj{margin-top: 5%;}
#qsomos .hexagon-active{background-image: url('../images/bg-objetivo.gif'); background-repeat: no-repeat; background-size: 340px 380px; background-position: center; height: 390px;}
#qsomos .hexagon-active p{width: 200px; margin: 0 auto; color: #fff; font-size: 14px; padding-top: 155px; text-align: center;}
#qsomos .hexagon{background-image: url('../images/bg-objetivo-red.gif'); background-repeat: no-repeat; background-size: 340px 380px;  background-position: center; height: 390px;}
#qsomos .hexagon p{width: 200px; margin: 0 auto; color: #000; font-size: 14px; padding-top: 75px; text-align: center;}
#qsomos .meio p {padding-top: 115px; text-align: center;}
#missao {background-image: url('../images/bg-missao-visao-valores.jpg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: top center; text-align: center; padding-top: 5%; padding-bottom: 5%;}
#missao img {display: block; margin: 0 auto;}
#videos {background: url('../images/bg-videos.jpg') no-repeat top center; background-color: #f3f3f3; position: relative;}
#videos .card-principal{margin-top: 5%;}
#slvj-video-embed {width: 100%; height: 100%;}
#others-videos {background-color: #f3f3f3; padding-top: 5%; position: relative; padding-bottom: 5%;}
#others-videos h4{font-weight: 700; padding-bottom: 4%; text-align: center;}
#others-videos p{text-align: center; margin-top: 5%;}
#servicos{overflow: hidden; padding-top: 10%; position: relative;}
#servicos .borda{border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; border-radius: 55px; margin-top: 4%;}
#servicos .bg {background: url('../images/bg-services.gif') no-repeat bottom center; padding-bottom: 5%; margin-top: -10%; margin-bottom: 5%;}
#servicos h2{color: #fff; text-align: center; padding-top: 20px; font-weight: 700;}  
#servicos .itens {padding-top: 5%; background-image: url('../images/bg-servicos.gif'); background-size: 100% 100%;  padding-bottom: 10%;}
#servicos .bottom{padding-bottom: 15%;}
#servicos .bottom h4{padding-bottom: 6%;}
#servicos p{font-size: 14px; overflow: hidden; text-align: justify;}
#servicos .itens img{float: left; padding-right: 20px; width: 15%;}
#servicos h4{text-transform: uppercase; color: #000; font-weight: bold; font-size: 16px; padding-top: 5%; padding-bottom: 2%;}
.item1, .item2, .item3, .item4, .item5, .item6{margin-bottom: 10%;}
.item1 img{padding-top: 1px;}
.item2 img{padding-top: 18px;}
.item4 p{padding-top: 5px;}
.item5 {margin-top: 14%;}
.item6 {margin-top: 16%;}
#blog-thumbnail {margin-bottom: 10%;}
#blog-thumbnail hr{padding: 0; margin: 0; margin-bottom: 40px;}
#blog-thumbnail img{float: left;}
#blog-thumbnail h3 {color: #232321;}
#blog-thumbnail h4{color: #232321; margin-left: 110px;} 
#blog-thumbnail h6{color: #c6c6c6; margin-left: 110px;}
#blog-thumbnail a {color: #232321;}
#blog-thumbnail a:hover {text-decoration: none; color: #78232a;}
#blog {margin-bottom: 5%;}
#blog .cards {margin-bottom: 5%;}
#blog .cards .data{background-color: #7f323d; color: #fff; padding-top: 15px; padding-bottom: 15px; font-weight: 700; font-size: 15px; line-height: 15px;}
#blog .cards .data span{font-weight: 400; font-size: 13px;}
#blog .conteudo {background-color: #eeeeee; padding: 20px;}
#blog .conteudo img{float: left; padding-right: 10%}
#blog .conteudo .bloco h3 {color: #78232a; margin-top: 5%;}
#blog .conteudo .bloco p {color: #232321;}
#blog .conteudo .bloco .btn { float: right; margin-top: 5%;}
#exibir-post {margin-top: 10%; margin-bottom: 10%;}
#exibir-post h1{color: #78232a; padding-bottom: 0;}
#exibir-post h5{color: #c6c6c6; margin-bottom: 5%;}
#banner {position: relative; z-index: 2;}
#sessao {padding-top: 6%; padding-bottom: 6%;  margin-top: -2%;position: relative; background-color: #7f323d; z-index: 1;}
#sessao h2{text-align: center; color: #fff; border: 2px solid #fff; width: 330px; margin: 0 auto; padding-top: 1%; padding-bottom: 1%;}
#sessao h3{color: #fff; margin-bottom: 30px;}
#sessao p{color: #fff; text-align: justify;}
#sessao .left{padding-right: 5%;}
#sessao .right{padding-left: 5%;}
#sessao img{border:1px solid #fff; display: block;  margin: 0 auto; margin-top: 140px;}
#seta img{margin: 0 auto;}
#parceiros {padding-top: 1%; padding-bottom: 10%;}
#parceiros .bg {background: url('../images/bg-quemsomos.gif') no-repeat bottom center; padding-bottom: 5%; margin-top: 10%; margin-bottom: 5%;}
#parceiros .bg h2{color: #fff; text-align: center; padding-top: 20px; font-weight: 700;}  
#parceiros img{display: block; margin: 0 auto;}
#contato {background-image: url('../images/bg-contato.jpg'); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 3%; padding-bottom: 5%;}
#contato h2{color: #fff; padding-bottom: 5%;}
#contato iframe {border: 3px solid #fff; padding: 5px;}
#contato p{color: #fff; font-size: 16px;}
#fale-conosco {background-image: url('../images/bg-fale-conosco.png'); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 5%; padding-bottom: 5%;}
#fale-conosco h2{color: #7f323d; font-weight: bold; padding-top: 18%; font-size: 38px;}
footer{text-align: center; color: #fff; background-color: #7f323d; padding-top: 1%; padding-bottom: 1%;}
footer a{color: #fff;}

@media(max-width: 768px){

	body{margin-top: 170px;}
	span.icon-bar{background-color: #000; margin: 0 auto;}
	#menu {background-color: #fff; padding-bottom: 5%;}
	#menu button{padding-left: 0px; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 5%;}
	#menu img{padding-top: 5%; width: 50%; margin: 0 auto;}
	#menu .logodecisao img {width: 30%;}
	#bs-example-navbar-collapse-1 a{text-align: center;}
	#qsomos .bg h2{color: #fff; text-align: center; padding-top: 10px; padding-bottom: 25px; font-weight: 700;}  
	#qsomos img{margin: 0 auto;}
	#sessao h2{text-align: center; color: #fff; border: 2px solid #fff; width: 230px; margin: 0 auto; padding-top: 2%; padding-bottom: 1%; margin-bottom: 20px;}
	#servicos .bg {background: url('../images/bg-services.gif') no-repeat bottom center; padding-bottom: 30px; padding-top:0; margin-top: -10%; margin-bottom: 8%;}
	#servicos .itens {padding-top: 5%; background-image:none; padding-bottom: 10%;}
	#servicos h2{color: #fff; text-align: center; padding-top: 2%; font-weight: 700; padding-bottom: 2%;} 
	#parceiros .bg h2{color: #fff; text-align: center; padding-top: 10px; padding-bottom: 20px; font-weight: 700;}  
	#fale-conosco {text-align: center;}
	#fale-conosco h2{margin-bottom: 20px;}
	#fale-conosco a img{margin-bottom: 20px;}
	#exibir-post {margin-bottom: 10%;}

}