/*-------- Barra --------*/

.barra{
  background-color: #BDBFC1;
  padding: 0 5%;
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.barra p{
  font-size: 1em;
  line-height: 1.25em;
  color: #4B4B4D;
}

.barra .right{
  text-align: right;
}

.barra a svg{
  color: #4B4B4D;
  font-size: 1.25em;
  margin-right: .5em;
}

.action{
  margin-bottom: 0 !important;
}

.action h2{
  font-size: 1.25em;
  font-weight: bold;
}

.action .col:nth-of-type(1){
  background-color: #FDD503;
}

.action .col:nth-of-type(1) h2{
  color: #373435;
}

.action .col:nth-of-type(2){
  background-color: #14127B;
}

.action .col:nth-of-type(2) h2{
  color: #FEFEFE;
}

.action .col:nth-of-type(3){
  background-color: #20171A;
}

.action .col:nth-of-type(3) h2{
  color: #E8B100;
}


/*-------- menu --------*/

nav{
  background-color: #fff !important;
  box-shadow: none !important;
  height: 100px !important;
}

nav div{
  display: flex;
  align-items: center;
}

.button-collapse{
  color: black !important;
}

nav a{
  color: currentColor !important;
}

nav li{
  color: #4B4B4D !important;
}

nav .right{
  position: absolute;
  top: 10px;
  right: 20px;
}

nav .right li{
  display: block !important;
  float: none;
  text-align: left !important;
  line-height: 1.25em;
}

nav .right li a{
  padding: 0;
}

nav .right li:last-child{
  margin-left: -1.1em;
}

nav .right li:first-child{
  font-size: 1.25em;
  font-weight: bold;
  color: #3E4095 !important;  
}

nav .right span{
  color: #3E4095;
  font-weight: bold;
}

nav .btn{
  background-color: #34af23 !important;
  color: white !important;
  padding: 0 2em !important;
}

.banner{
  margin-bottom: 0 !important;
}

.banner img{
  width: 100%;
  height: auto;
  margin-bottom: -6px;
}

/*-------- Serviços --------*/

.servico{
  background-color: #E6E7E8;
  padding: 5%;
  margin-bottom: 0 !important;
}

.servico svg{
  color: #727376;
  width: 50px !important;
  height: 50px;
  border: 1px solid #727376;
  border-radius: 50%;
  padding: 10px;
}

.servico h2{
  font-size: 1.5em;
  font-weight: bold;
  color: #727376;
  margin-bottom: 0;
}

.servico p{
  font-size: 1em;
  line-height: 1.25em;
  color: #848688;
  margin: 0;
}

.servico .col{
  margin-top: 2em;
}

/*-------- moura --------*/

.moura{
  padding: 5%;
  padding-bottom: 0;
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.moura img{
  width: 100%;
  height: 400px;
  object-fit: contain;
  object-position: bottom;
  margin-bottom: -6px;
  margin-top: 2em;
}

.moura h2{
  font-size: 2em;
  font-weight: bold;
  color: #727376;
}

.moura p{
  font-size: 1em;
  line-height: 1.25em;
  color: #848688;
}

.moura .btn{
  background-color: #FDD503 !important;
  border-radius: 1em;
  color: #727376;
  font-weight: bold;
}

/*-------- missao --------*/

.missao{
  background-color: #D2D3D5;
  margin-bottom: 0 !important;
  position: relative;
}

.missao .container{
  padding: 5% !important;
}

.missao h2{
  font-size: 2em;
  font-weight: bold;
  color: #4B4B4D;
}

.missao p{
  font-size: 1em;
  color: #4B4B4D;
  line-height: 1.25em;
}

.missao svg{
  color: #FDD503;
  font-size: 3em;
}

.missao .borda{
  width: 0; 
  height: 0; 
  border-top: 50px solid transparent;
  border-bottom: 0px solid transparent;   
  border-right: 220vh solid #D2D3D5; 
  position: absolute;
  right: 0;
  top: -50px;
}

/*-------- Contato --------*/

.contato{
  background-color: #E6E7E8;
  padding: 5%;
  margin-bottom: 0 !important;
}

.contato h2{
  font-size: 2em;
  font-weight: bold;
  color: #727376;
  max-width: 400px;
  margin: 1em auto;
}

.contato input{
  background-color: #727376 !important;
  border: none !important;
  margin: .2em 0 !important;
}

.contato textarea{
  background-color: #727376 !important;
  border: none !important;
  margin: .2em 0 !important;
  height: 7.4rem !important;
  padding-left: 1em !important;
  width: calc(100% - 1em) !important;
}

.contato .btn{
  background-color: #2C2D48 !important;
  margin-top: 1em;
}

/*-------- Footer --------*/

.footer{
  background-color: #2C2D48;
  padding: 5%;
  margin-bottom: 0 !important;
}

.footer a{
  color: currentColor;
}

.footer h2{
  font-size: 1.25em;
  color: #E6E7E8;
}

.footer h3{
  font-size: 1.25em;
  color: #FDD503;
  margin-bottom: 0;
}

.footer p{
  color: white;
  line-height: 1.25em;
  margin-top: 0;
}

.footer input{
  background-color: white !important;
  border: none !important;
  margin-bottom: 0 !important;
}

.footer button{
  color: #E6E7E8; 
  background-color: transparent;
  border: none;
}

.footer li{
  color: #E6E7E8;
}

.copy{
  margin-bottom: 0 !important;
  background-color: #E6E7E8;
  padding: .7em;
}

.copy h2{
  font-size: 1.2em;
  color: #606062;
  margin: 0;
  text-align: center;
}

/*-------- TIPOGRAFIA --------*/

@font-face{
  font-family: 'bahnschrift';
  src: url(../fonts/bahnschrift.ttf);
}

@font-face{
  font-family: 'caviardreams';
  src: url(../fonts/caviardreams.ttf);
}

address{
  font-style: normal;
}

strong{
  font-weight: bold !important;
}

figcaption{
  display: none !important;
}

figure{
  margin: 0 !important;
}

fieldset {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

input{
  padding-left: 1em !important;
  width: calc(100% - 1em) !important;
}

.limite{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}