@font-face {

  font-family: 'Helvetica 87 Heavy Condensed';

  font-style: normal;

  font-weight: normal;

  src: local('Helvetica 87 Heavy Condensed'), url('HelveticaNeue-HeavyCond.woff') format('woff');

}



*{

	padding: 0;

	margin: 0

}

body{

	font-family: 'Helvetica 87 Heavy Condensed';

	color: #fff;

  overflow-x: hidden;

}

p{

  text-align: center;

  color: #fff;

  font-size: 1.2rem;

  line-height: 26px

}

h2{

  color: #8a3134;

  font-family: 'Helvetica 87 Heavy Condensed';

  font-size: 1.2rem;

  line-height: 26px;

  text-align: justify;

}

h3{

  color: #8a3134;

  font-family: 'Helvetica 87 Heavy Condensed';

  font-size: 1rem;

  line-height: 26px;

}

label{

  color: #8a3134

}

span{

  padding: 10px;

  -moz-border-radius:20px; -webkit-border-radius:20px; border-radius: 20px;

}

.img-fluid{

  max-width: 100%;

  height: 85px;

}

.box-azul{    

	background-color: #8a3134

}

.float{

	float: left;

}

.floatright{

	float: right;

	padding: 5px 0

}

.right{

	text-align: right;

	padding-right: 30px

}

.row {

  margin-right: 0 !important;

  margin-left: 0 !important;

}

.textcenter{

  text-align: center;

}

.space{

	padding: 60px;

}

.info{

 text-align: center;

}

.roxo{

  margin-top: -90px;

  text-align: center;

  align-content: center;

  color: #FFF;

  font-size: 1.2rem;

  line-height: 26px

}

.navbar-light .navbar-nav .nav-link {

	color: #fff

}

.navbar-light:hover .navbar-nav:hover .nav-link:hover {

	color: #ccc

}

.navbar-toggleable-md .navbar-nav .nav-link {  

  padding: 17px 1.7rem 1em 2rem;

  font-size: 20px;

}

.navbar-light .navbar-toggler {

  background-color: #8a3134;

  outline: none

}

.navbar-nav{

  color: #000

}

.navbar-light .navbar-nav .nav-link.active {

  color: #fff;

  border-bottom: solid 2px #fff;

  font-weight: bold;

}

.fix{

  position: fixed;

  width: 100%;

  z-index: 99;

  opacity: 0.9;

}

.hr-text {

  line-height: 1em;

  position: relative;

  outline: 0;

  border: 0;

  font-size: 2rem;

  color: black;

  text-align: center;

  height: 1.5em;

  opacity: 1;

}

.hr-text:before {

  content: '';

  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));

  background: linear-gradient(to right, transparent, #818078, transparent);

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  height: 1px;

}

.hr-text:after {

  content: attr(data-content);

  position: relative;

  display: inline-block;

  color: black;

  padding: 0 .5em;

  line-height: 1.5em;

  color: #818078;

  background-color: #fff;

}

.box1{

  position: relative;

  width: 80%;

  height: 150px;

  margin: -20px auto 0;

  background-color: #fff;

  -webkit-box-shadow: 0 0 10px 0 #787878;

  box-shadow: 0 0 10px 0 #787878;

}

.box2{

  width: 80%;

  height: 300px;

  margin: 70px auto 0;

  background-color: #fff;

}

.border{

  width: 33%;

  color: #8a3134;

  font-size: 1.3rem;

  font-weight: bold;

  border-bottom: solid 3px #8a3134;

}

.trabalhe {

  width: 100%;

  padding: 10px;

  background-color: #8a3134;

  color: #fff;

}

.box-servicos{

  float: left;

  margin: 12px;

  border: solid 1px;

  color: #8a3134;

  -moz-border-radius:20px; -webkit-border-radius:20px; border-radius: 20px;

}

.caixa{

  width: 95%;

  margin-top: 40px;

  padding: 20px;

  border: solid 1px #8a3134;

  text-align: center;

  color: #8a3134;

  font-size: 1em;

}

.caixaempresa{

  width: 100%;

  padding: 30px;

  height: 190px;

  border: solid 1px #8a3134;

  color: #8a3134;

  font-size: 0.9em;

  line-height: 30px;

}

.box-correcao{

  position: relative;

  width: 80%;

  height: 10px;

  margin: 0px auto;

  background-color: #fff;

}

.empresa{

  position: relative;

  width: 90px;

  padding: 10px;

  margin: -55px 0px 20px 0px;

  background-color: #8a3134;

  color: #fff;

  border-radius: 5px;

}

.caixamsg{

  width: 100%;

  height: 190px;

  padding: 30px;

  color: #fff;

  font-size: 0.9em;

  background-color: #8a3134;

  border-radius: 10px;

}

.parceiro{

  float: left;

}

.texto{

  float: left;

  color: #fff;

  font-size: 1.3em;

  padding: 10px;

}

.texto-comentario{

  color: #fff;

  font-size: 1em;

}



@media (max-width: 767px){

  .border{

    width: 50%

  }

  .right{

   text-align: left;

   padding-right: 0

 }

 .navbar-toggleable-md .navbar-nav .nav-link {

   padding-right: .1rem;

   padding-left: .1rem;    

   padding-top: 12px;   		

 }

 .box-azul-space{

   background-color: #8a3134;

   height: 60px

 }

 .box-azulx{

  background-color: #8a3134

}

.navbar-light .navbar-nav .nav-link {

  color: #fff

}

.box2{

  display: none

}

.box1{

  width: 90%;

  height: 484px;

  margin: -20px auto;

}

.space{

  padding: 20px;

}

.container {

  width: 100%;

}

.offset-1{

  margin-left: 0;

}

}

.modal-content{

  color:#AAA;

}