.header1 
{
  padding: 1% 0;
  border-bottom: 1px solid #a5a5a5;
  font-family: 'Montserrat';
  position: absolute;
  top: 0;
}

.header1 a.logo img 
{

  width: 35%;

}

.header1 .infos span 
{

  font-size: 13px;

  color: #888888;

}

.header1 .infos h6 
{

  font-size: 17px;

  color: #363636;

  margin-bottom: 3px;

}

.header1 .infos img 
{

  margin: 10px 0;

}

.header1 a.whats 
{

  display: block;

  text-decoration: none;

  width: 100%;
  text-align: center;

  background: #9abc24;

  padding: 5px 0;

  color: white;

  border: 2px solid #9abc24;

}

.header1 a.whats:hover 
{

  background: transparent;

  color: #9abc24;

  transition: 1s;

}

.header2 
{

  font-family: 'Montserrat';

  padding: 1.1% 0 0%;

}

.header2 ul.links 
{

  list-style: none;

  display: inline-flex;

  padding: 0;

  width: 100%;

}

.header2 ul.links a 
{

  color: #4c4771;

  text-decoration: none;

  text-align: center;

  display: block;

  position: relative;

  width: fit-content;

  margin: auto;

}

.header2 ul.links a:hover 
{

  border-bottom: 2px solid #ff833f;

}

.header2 ul.links a.active 
{

  border-bottom: 2px solid #ff833f;

}

.header2 ul.links a i 
{

  color: #ff833f;
  font-size: 20px;

  position: absolute;

  top: 3px;

  right: -20px;

}

.header2 ul.links a:hover i 
{

  transform: rotate(180deg);

  transition: .5s;

}

.header2 ul.links li 
{

  margin: 0 0px;

}

.dropbtn 
{
}

.header2 .dropdown 
{

  position: relative;

  display: inline-block;

}

.header2 .dropdown-content 
{

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 280px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 999;

}

.header2 .dropdown-content a 
{

  color: black;

  text-align: initial !important;

  padding: 12px 16px;

  display: block;

  width: 100% !important;

  text-decoration: none;

  display: block;

}

.header2 .dropdown-content a:hover 
{

  background-color: #ddd;

  font-weight: 500;

}

.header2 .dropdown:hover .dropdown-content 
{

  display: block;

}

.header2 .dropdown:hover .dropbtn 
{
}

#benner img.banner 
{

  width: 100%;

  position: relative;

}

#benner .carousel-indicators li 
{

  box-sizing: content-box;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  width: 10px;

  height: 10px;

  margin-right: 3px;

  border-radius: 20px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: transparent;

  background-clip: padding-box;

  border: 2px solid white;

  transition: opacity .6s ease;

}

#benner a.esquerda 
{

  width: 8%;

  z-index: 100;

}

#benner a.direita 
{

  width: 8%;

  z-index: 100;

}

.infobanner 
{

  position: absolute;

  z-index: 99;

  top: 30%;

  font-family: 'Montserrat';

  animation-name: entra;

  animation-duration: 1s;

}

@keyframes entra 
{

  0% 
  {
    right: 40%;
}
100% 
{
    right: 0%;
}
}

.principio 
{

  font-family: 'Montserrat';

  padding: 0 !important;

  position: relative;

}

.principio .caixa 
{

  position: absolute;

  z-index: 9;

  top: 170px;

  text-align: right;

}

.principio img 
{

  width: 100%;

  position: relative;

  z-index: 1;

}

.principio h2 
{

  font-size: 30px;

  color: #34465a;

}

.principio h2 span 
{

  color: #ff833f;

}

.principio p 
{

  color: #34465a;

  font-size: 15px;

  display: inline-table;

}

.principio label 
{

  background: #ff833f;

  width: 50%;

  height: 3px;

  display: inline-block;

  float: right;

}

.principio .caixa2 
{

  position: absolute;

  z-index: 9;

  top: 470px;

  width: 100%;

}

.principio .caixa2 img.campo 
{

  position: absolute;

  width: 100%;

  z-index: -1;

}

.principio .caixa2 h4 
{

  color: #34465a;

  margin: 30px 0px 0 70px;

}

.principio .caixa2 h4 b 
{

  color: #ff833f;

}

.principio .fale 
{

  position: relative;

}

.principio .fale .chamada 
{

  margin: 0 auto;

  position: absolute;

  left: 0;

  right: 0;

  z-index: 99;

  top: 540px;

}

.principio .fale .chamada a 
{

  width: 65%;

  background: green;

  color: white;

  text-align: center;

  display: block;

  padding: 5px 20px;

  border-radius: 20px;

  text-decoration: none;

  margin: auto;

  transition: 1s;

  border: 3px solid green;

}

.principio .fale .chamada a:hover 
{

  background: transparent;

  color: green;

}

.principio .fale .chamada a:hover i 
{

  transform: rotate(359Deg);

  transition: 1s;

}

.principio .fale .chamada i 
{

  text-align: center;

  font-size: 45px;

  line-height: normal;

}

.principio .fale .chamada 

.valor 
{

  padding: 3% 0;

  font-family: 'Montserrat';

}

.valor .titulo p 
{

  color: #34465a;

  font-size: 22px;

}

.valor .titulo 
{

  margin-bottom: 30px;

}

.valor h2 
{

  color: #34465a;

  text-align: right;

}

.valor .divi 
{

  display: block;

  width: 3px;

  background: #ff833f;

  height: 100%;

  margin: auto;

}

.valor img 
{

  display: block;
  margin: 30px auto 30px;
  height: 120px;

}

.valor .figuras p 
{

  text-align: center;

}

.valor .figuras .borda 
{

  border-right: 1px solid silver;

}

.bege 
{

  background: url(../img/bg-reciclavel.png);

  background-repeat: no-repeat;

  background-size: 100%;

}

.ultima 
{

  background: url(../img/bg-reciclavel-fim.png);

  background-repeat: no-repeat;

  background-size: 100%;

}

.bege img.todo 
{

  width: 100%;

}

.oque 
{

  font-family: 'Montserrat';

  padding: 100px 0 50px;

}

.oque .row 
{

  width: 100%;

}

.oque span 
{

  color: #34465a;

  font-size: 18px;

  font-weight: 600;

}

.oque h2 
{

  font-size: 28px;

  text-align: center;

  border: 2px #ff5e3f;

  color: #ff5e3f;

  border-style: dashed;

  border-radius: 30px;

  padding: 5px 0;

  font-weight: 700;

  margin-bottom: 30px;

}

.oque h2 b 
{

  color: #34465a;

  font-weight: 700;

}

.beneficio 
{

  font-family: 'Montserrat';

  padding: 3% 0;

}

.beneficio h2 
{

  color: #ff5e3b;

  font-size: 30px;

}

.beneficio ul 
{

  list-style: none;

}

.beneficio li 
{

  color: #284155;

  margin: 20px 0;

}

.beneficio img.seta 
{

  width: 100%;

  margin: 15px 0;

}

.beneficio .abaixa 
{

  margin: 45px 0 0;

}

.beneficio .figuras img.voa 
{

  position: absolute;

}

.beneficio .figuras .caixa 
{

  padding: 40px 17px;

}

.beneficio .figuras .caixa p 
{

  color: #284155;

  font-size: 15px;

}

.beneficio .figuras img.gases 
{

  width: 100%;

}

.beneficio .direita img.processo 
{

  display: block;

  margin: 0 auto 30px;

}

.beneficio .direita .espaco 
{

  padding: 0 90px;

}

.beneficio .direita p 
{

  color: #284155;

  text-align: center;

}

.beneficio img.seta2 
{

  transform: rotate(180deg);

  width: 100%;

  bottom: -400px;

}


.aqueci 
{

  padding: 3% 0;

  font-family: 'Montserrat';

}

.aqueci .row 
{

  width: 100%;

}

.aqueci .caixa 
{

  display: block;

  margin: 50px 130px 0;

}

.aqueci h2 
{

  color: #284155;

  margin-bottom: 0;

}

.aqueci span 
{

  background: #ff833f;

  width: 50%;

  height: 3px;

  display: block;

  margin: 5px 0;

}

.aqueci p 
{

  color: #284155;

  font-size: 17px;

}

.aqueci .laranja 
{

  position: relative;

}

.aqueci .laranja img 
{

  position: absolute;

  z-index: 1;

}

.aqueci .laranja h5 
{

  position: absolute;

  z-index: 9;

  top: 35px;

  left: 125px;

  color: white;

}

.aqueci img.banner 
{

  width: 100%;

}

.poupa 
{

  padding: 3% 0 0;

  font-family: 'Montserrat';

}

.poupa .titulo .caixa img 
{

   position: relative;

   width: 100%;

   z-index: 1;

}

.poupa .titulo .caixa 
{

  position: relative;

  z-index: 9;

}

.poupa .titulo .caixa h2 
{

  color: white;

  position: absolute;

  z-index: 9;

  top: 25px;

  font-size: 25px;

  left: 100px;

}

.poupa .titulo 
{

  margin-bottom: 40px;

}

.poupa h3 
{

  color: #4c4771;

  font-weight: 600;

  line-height: 35px;

  margin-bottom: 30px;

}

.poupa h3 span 
{

  background: #4c4771;

  color: white;

  padding: 2px 15px;

  border-radius: 25px;

}

.poupa img.banner 
{

  width: 85%;

  display: block;

}

.infobanner h4 
{

  color: white;

  font-size: 30px;

  line-height: 45px;

}


.entenda 
{

  padding: 3% 0 ;

  font-family: 'Montserrat';

}

.entenda .titulo span 
{

  display: block;

  text-align: center;

  margin: auto;

}

.entenda .titulo h2 
{

  color: #ff5e3b;

  font-weight: 600;

  text-align: center;

  border: 3px #ff5e3b;

  border-style: dashed;

  margin: auto;

  padding: 3px 0px;

  width: 55%;

  border-radius: 29px;

  font-size: 30px;

  margin-bottom: 40px;

}

.entenda .trilho 
{

  position: relative;

}

.entenda img.eixo 
{

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  top: 110px;

  z-index: -2;

}

.entenda .resultado 
{

  padding: 6% 0;

}

.entenda .esquema img 
{

  display: block;

  margin: auto;

  position: relative;

  z-index: 9;

}

.entenda a.bot 
{

  display: block;

  width: fit-content;

  margin: auto;

  filter: grayscale(1);

}

.entenda a.bot:hover 
{

  filter: grayscale(0);

}

/*.entenda a.bot.active 
{

  filter: grayscale(0);

}*/

.entenda a.bot:focus 
{

  filter: grayscale(0);

}

.entenda .esquema2 img 
{

  display: block;

  margin: auto;

  position: relative;

  z-index: 9;

}

.papel 
{

  padding: 3% 0 ;

  font-family: 'Montserrat';

}

.papel img 
{

  display: block;

  margin-bottom: 30px;

}

.papel h3 
{

  background: #00b300;

  color: white;

  width: 70%;

  text-align: center;

  padding: 5px 0;

  border-radius: 30px;

  margin-bottom: 30px;

}

.papel h6 
{

  text-align: center;

  font-weight: 600;

}

.papel .figuras img 
{

  display: block;

  margin: 0 auto 20px;

}

.empresa 
{

  padding: 110px 0px;

  font-family: 'Montserrat';

  background: url(../img/banner-oportunidade.png);

  background-repeat: no-repeat;

  background-size: 45%;

  background-position: right;

}

.empresa h2 
{

  color: #284155;

  font-weight: 700;

  font-size: 30px;

}

.empresa h2 b 
{

  font-weight: 700;

  color: #ff833f;

}

.empresa ul 
{

  list-style: none;

  padding: 0;

  margin: 0 0px 0 50px;

  width: 100%;

}

.empresa li 
{

  margin: 27px 0;

}

.empresa img.linha 
{

  position: absolute;

}

.cor 
{

  background: #f8f8f8;

}

.infobanner h4 b 
{
   background: #ff833f;
   padding: 5px;
}

.infobanner a.sb 
{
  color: #ff833f;
  display: block;
  width: 60%;

  text-align: center;
  border: 2px solid #ff833f;
  padding: 5px 0;

  font-weight: 500;
  margin-top: 25px;

}

.infobanner a.sb:hover 
{
  background: #ff833f;
  color: white;

  transition: 1s;
  text-decoration: none;
}

.roxo 
{
  background: #443d6b;
  padding: 3% 0 1%;
  color: white;

  font-family: 'Montserrat';
}

.roxo h2 
{
  font-weight: 600;
  font-size: 38px;
  text-align: center;
}

.roxo p 
{
  text-align: center;
}

.galpao 
{
  padding: 4% 0;
  font-family: 'Montserrat';
  position: relative;
}

.galpao .img 
{
  background: url(../img/galpao-img.png);

  background-size: 60%;
  background-repeat: no-repeat;
}

.galpao img 
{
  position: absolute;
  bottom: -35px;
  right: 100px;
}

.galpao .caixa 
{
  background: #ff833f;
  color: white;
  padding: 100px 30px;

  margin: 9% 0;
}

.galpao .caixa p 
{
  font-size: 20px;
}

.galpao .caixa a 
{
  color: white;
  display: block;
  width: 50%;

  border: 2px solid white;
  text-align: center;
  padding: 5px 0;

  float: right;
  text-decoration: none;
}

.galpao .caixa a:hover 
{
  background: white;
  color: #ff833f;

  transition: 1s;
}


.pontos 
{
  font-family: 'Montserrat';
  padding: 2% 0;

  text-align: center;
}

.pontos h1 
{
  font-size: 30px;
  color: #443d6b;
  line-height: 40px;

  margin: 0;
}

.pontos h1 b 
{

  background: #ff833f;

  color: white;

  padding: 3px 10px;

}

.pontos label 
{

  background: #443d6b;

  display: block;

  height: 2px;

  width: 25%;

  margin: 10px auto;

}

.pontos h6 
{

  font-weight: 700;

  margin: 6% 0 0;

}

.pontos span 
{

  margin: 0 0 20px;

  display: block;

}

.pontos img.fixa 
{

  width: 80%;

  margin: auto;

  display: block;

  z-index: 10;

}

.pontos a.caixa 
{
  position: relative;

  padding: 15px 0px;

  width: 100%;

  display: block;
}

.pontos a.caixa img.ponti 
{
  position: absolute;

  transform: rotate(180deg);

  left: 0;

  right: 0;

  top: 0;

  width: 92%;

  margin: auto;

  z-index: 1;

  filter: grayscale(1);

}

.pontos a.caixa:hover img.seta 
{
  display: block !important;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  transition: .5s;
}

.pontos a.caixa:hover img.ponti 
{

  transform: rotate(0deg);

  bottom: 0px;

  top: 0px;

  transition: 1s;

  filter: grayscale(0);
}

.responsa 
{
  background: url(../img/banner-2.png);

  background-size: 100%;
  background-repeat: no-repeat;

  padding: 5% 0;
  font-family: 'Montserrat';

  margin: 2% 0;
}

.responsa h3 
{
  color: #443d6b;
  font-size: 28px;
}

.responsa h3 b 
{
  background: #ff833f;
  color: white;
  padding: 3px 10px;
}

.responsa p 
{
  font-size: 15px;
}

.responsa a 
{
  color: #ff833f;
  text-decoration: none;
}

.responsa a:hover 
{
  color: #ff833f;
  text-decoration: none;

  padding: 0px 5px;
  transition: 1s;
} 

.caminhao 
{
  padding: 6% 0;
  background: url(../img/banner-eficiente.png);

  background-repeat: no-repeat;
  background-size: 75%;

  font-family: 'Montserrat';
  background-position: right;

  margin: 2% 0;
}

.caminhao h3 
{
  color: #443d6b;
  font-size: 28px;
  font-weight: 400;
}

.caminhao h3 b 
{
  color: #ff833f;
  font-weight: 600;
}


.insta h1 
{
  text-align: right;
  font-family: 'Montserrat';
  font-size: 20px;

  font-weight: 500;
  color: #443d6b;
  position: relative;

  margin: 3% 0;
}

.insta 
{
  padding: 3% 0;
  font-family: 'Montserrat';
}

.insta a.vai 
{
  background: transparent;
  color: #ff833f;

  font-size: 16px;
  display: block;
  width: 100%;
  text-align: center;

  padding: 5px 0;
  border-radius: 0px;
  margin: 10px auto;
  text-decoration: none;

  border: 2px solid #ff833f;
}

.insta a.vai:hover 
{
  background: #ff833f;
  color: white;

  transition: 1s;
}

.insta a.voa 
{
  width: 100%;
  height: 275px;
  display: block;

  position: absolute;
}

.rodape 
{
  padding: 3% 0;
  background: #212121;
  font-family: 'Montserrat';

  color: white;
}

.rodape p 
{
  font-size: 14px;
}

.rodape .infos h6 
{
  margin: 10px 0 0;
}

.rodape .infos a 
{
  color: white;
  text-decoration: none;
  margin: 5px 0 0;

  display: block;
}

.rodape .infos a:hover 
{
  color: #ff833f;
  text-decoration: none;

  transition: 1s;
}

.rodape .infos i 
{
  font-size: 30px;
  display: block;
  text-align: right;
}

.rodape .infos i.roda 
{
   transform: rotate(90deg);
}

.rodape .infos 
{
  margin-bottom: 15px;
}

.rodape a.logo img 
{
   margin: 0 0 15px;
}

.rodape ul.links 
{
  list-style: none;
  padding: 0;
}

.rodape ul.links a 
{
  color: white;

  text-decoration: none;

  margin-bottom: 10px;

  display: block;

  width: fit-content;

  transition: 1s;
}

.rodape ul.links a:hover 
{
  padding: 0 5px;
  color: #ff833f;
}

.rodape h5 
{
  font-weight: 600;
}

.rodape label 
{
   display: block;

   width: 40%;
   height: 3px;

   background: white;

   margin-bottom: 15px;
}

.rodape ul.redes 
{
  list-style: none;

  padding: 0;

  display: inline-flex;
}

.rodape ul.redes a 
{
  color: white;
  font-size: 25px;
}

.rodape ul.redes a:hover 
{
  color: #ff833f;
}

.rodape ul.redes a:hover i 
{
  transform: rotate(359deg);

  transition: 1s;
}

.rodape ul.redes li 
{
  margin: 0 10px;
}

.rodape .certifica img 
{
  margin: 0 0 35px;
  width: 40%;
}

.rodape2 
{
  background: #0f0f0f;

  color: white;

  font-family: 'Montserrat';

  padding: 1% 0;
}

.rodape2 p 
{
  text-align: center;

  margin: 0;

  font-size: 13px;
}

.rodape2 a.wecan 
{
  color: white;

  font-family: 'Libre Franklin';

  text-decoration: none;
}

.rodape2 a.wecan:hover 
{
  color: gold;

  transition: 1s;
}

.rodape2 a.wecan span 
{
  color: gold;

  font-family: 'Poppins';

  font-size: 30px;

  line-height: 0px;
}


.nos 
{
  font-family: 'Montserrat';

  background: url(../img/banner-sobre-nos.png);

  background-repeat: no-repeat;

  background-size: 55%;

  background-position: right;

  padding: 6% 0;

  margin-bottom: 3%;

  background-position: right;

}

.nos h2 
{
  color: #443d6b;
}

.nos h2 span 
{
  color: #ff833f;
}

.nos h2 b 
{
  color: white;

  background: #ff833f;

  padding: 5px 10px;
}

.somos 
{
  font-family: 'Montserrat';
}

.somos .valores p 
{
  text-align: center;

  font-size: 15px;
}

.somos .valores img 
{
  display: block;

  margin: 65px 0 20px;
}

.somos .valores img:hover 
{
  transform: rotateY(360deg);

  transform-style: preserve-3d;

  perspective: 1000px;

  transition: 1s;
}

.somos h2 
{
  color: #ff833f;

  font-size: 32px;

  font-weight: 600;

  margin-bottom: 20px;
}

.somos h2 span 
{
  color: white;

  background: #ff833f;

  padding: 5px 10px;
}

.somos p 
{
  font-size: 15px;
}

.unidade 
{
  font-family: 'Montserrat';

  background: url(../img/arvore-.png);
  background-size: 28%;

  background-repeat: no-repeat;
  padding: 5% 0 0;
}

.unidade img.img 
{
  display: block;
  margin: 0 auto 10%;
  font-weight: 600;
}

.unidade h2 
{
  text-align: center;
  color: #ff833f;

  font-weight: 700;
  margin-bottom: 5%;
}

.unidade h3 
{

  color: #ff833f;

  margin-top: 20%;

  margin-bottom: 5%;

}

.unidade h3 i 
{
  color: #443d6b;
}

.campinas 
{
  background: #f0f0f0;
  padding: 3% 0;
}

.campinas img.img 
{
  display: block;
  margin: auto;
  font-weight: 600;
}

.campinas h3 
{
  color: #ff833f;
  margin-top: 10%;
}

.campinas h3 i 
{
  color: #443d6b;
}

.moni 
{
  font-family: 'Montserrat';

  padding: 3% 0;
}

.moni h3 
{
  color: #ff833f;

  font-weight: 500;

  margin: 0% 0 5%;

  font-size: 30px;

  line-height: 45px;

}

.moni h3 b 
{
  color: white;

  background: #ff833f;

  padding: 5px 10px;
}

.moni ul 
{
  list-style: none;

  padding: 0px;
}

.moni img 
{

  display: block;

  margin: auto;

}

.moni .cada 
{
  margin-bottom: 5px;
}

.moni p span 
{
  font-weight: 600;
}

.moni li 
{
  margin-bottom: 10px;
}

.frota 
{
  padding: 4% 0;

  background: url(../img/tira-frota-de-caminhao.png);

  background-size: 65%;

  background-repeat: no-repeat;

  font-family: 'Montserrat';

  margin: 3% 0;

}

.frota p 
{
  color: #443d6b;

  font-size: 30px;
}

.frota p span 
{
  color: #ff833f;
}

.insta2 
{
  font-family: 'Montserrat';

  padding: 3% 0;
}

.insta2 h3 
{
  color: #ff833f;

  font-weight: 500;

  margin: 0% 0;

  font-size: 28px;
}

.insta2 a.ir 
{
  color: #ff833f;

  text-align: center;

  display: block;

  width: 100%;

  border: 2px solid;

  padding: 10px 0;

  text-decoration: none;

  font-weight: 500;

  margin: 15px 0 0;
}

.insta2 p 
{
  margin-bottom: 5%;
}

.insta2 a.ir:hover 
{
  color: white;

  text-decoration: none;

  background: #ff833f;

  transition: 1s;
}

.insta2 a.voa 
{
   height: 220px;

   position: absolute;

   left: 0;

   right: 0;

   width: 100%;
}

.insta a.voa 
{
  position: absolute;

  right: 0;

  left: 0;

  width: 100%;

  height: 275px;
}

.insta2 iframe 
{
  height: 225px;
}

.ambiente 
{
  padding: 6% 0;

  background-size: 90%;

  background: url(../img/banner-solucoes-ambientais.png);

  font-family: 'Montserrat';

  background-repeat: no-repeat;

  background-position: right;

}

.ambiente h3 
{
   color: #443d6b;

   font-size: 30px;
}

.ambiente span 
{
  width: 50%;

  background: #ff833f;

  display: block;

  height: 3px;
}

.ambiente2 
{

  padding: 3% 0;

  font-family: 'Montserrat';

  background: #f3f3f3;

}

.ambiente2 ul 
{

  list-style: square;

}

.ambiente2 img 
{
  margin-top: 30%;
}

.aparas 
{
  font-family: 'Montserrat';

  padding: 3% 0;
}

.aparas img 
{
  width: 100%;
}

.aparas h2 
{

  color: white;

  font-size: 30px;

  font-weight: 600;

  line-height: 45px;

  margin-bottom: 5%;

}

.aparas h2 span 
{

  background: #ff833f;

  padding: 5px 10px;

}

.coleta 
{
  font-family: 'Montserrat';

  padding: 3% 0 0;
}

.coleta h2 
{

  color: white;

  font-size: 30px;

  font-weight: 600;

  line-height: 45px;

  margin-bottom: 5%;

}

.coleta p 
{
  margin-bottom: 10%;
}

.coleta h2 span 
{

  background: #ff833f;

  padding: 5px 10px;

}

.coleta img.principal 
{
  width: 100%;
}

.frota2 p 
{
  color: #443d6b;

  font-size: 30px;
}

.frota2 p span 
{
  color: #ff833f;
}

.frota2 
{
  padding: 30px 0;

  font-family: 'Montserrat';

  margin: 0% 0;

}

.materiais 
{
  padding: 40px 0;

  font-family: 'Montserrat';
}

.materiais h2 
{

  color: white;

  font-size: 30px;

  font-weight: 600;

  line-height: 45px;

  margin-bottom: 5%;

}

.materiais h2 span 
{

  background: #ff833f;

  padding: 5px 10px;

}

.materiais img 
{
  width: 100%;
}

.persona 
{
  padding: 40px 0;

  font-family: 'Montserrat';
}

.persona img.principal 
{
  width: 100%;
  margin: 0px;
}

.persona img 
{
  width: 100%;
  margin: 30px 0 0;
}

.persona h2 
{

  color: white;

  font-size: 30px;

  font-weight: 600;

  line-height: 45px;

  margin: 30px 0;

}

.persona h2 span 
{

  background: #ff833f;

  padding: 5px 10px;

}

.estrutura 
{
  background: url(../img/banner-estrutura.png);

  background-repeat: no-repeat;

  background-size: 70%;

  background-position: right;

  padding: 7% 0;

  font-family: 'Montserrat';
}

.estrutura h3 
{
   color: #443d6b;

   font-size: 30px;
}

.estrutura span 
{
   width: 50%;

   background: #ff833f;

   display: block;

   height: 3px;
}

.unidades 
{
  padding: 3% 0;

  font-family: 'Montserrat';
}

.unidades h2 
{
  text-align: center;

  color: #443d6b;

  font-weight: 600;

}

.unidades span 
{
  background: #ff833f;

  display: block;

  width: 20%;

  height: 3px;

  margin: 0px auto 20px;

}

.unidades h3 
{
  font-size: 24px;

  text-align: center;

  font-weight: 400;
}

.unidades h4 
{
  font-size: 24px;

  color: #ff833f;

  text-align: center;

  font-weight: 600;
}

.unidades p 
{
  text-align: center;

  margin-bottom: 30px;
}

.unidades iframe 
{
   width: 75%;

   border-radius: 100%;

   height: 390px;

   margin: auto;

   display: block;
}

.galpam 
{
  font-family: 'Montserrat';

  padding: 30px 0;
}

.galpam h4 
{
  text-align: center;

  font-weight: 600;

  margin: 10px 0;
}

.galpam img 
{
  display: block;

  width: 100%;

  margin: 0 auto 30px;

  position: relative;

}

.galpam .modal-dialog 
{

  max-width: 750px;

  margin: 1.75rem auto;
}

.galpam .modal-dialog button.close 
{
  position: absolute;

  top: 20px;

  right: 25px;

  z-index: 9;

  color: white;

  cursor: pointer;

  font-size: 35px;

  text-shadow: 0 0px 5px #000000b8;
}

.contato 
{
  padding: 7% 0;

  background: url(../img/banner-contato.png);

  background-size: 100%;

  background-repeat: no-repeat;

  font-family: 'Montserrat';
}

.contato h3 
{
  text-align: center;

  color: white;

  font-weight: 700;

  text-transform: uppercase;

}

.campos 
{
  font-family: 'Montserrat';

  background: url(../img/arvore2.png);

  background-position: right;

  background-repeat: no-repeat;

  padding: 4% 0;
}

.campos h2 
{
  color: #443d6b;

  font-size: 30px;

  font-weight: 500;

}

.campos h3 
{
  color: #443d6b;

  font-size: 30px;

  font-weight: 500;

  text-align: center;

}

.campos .meio 
{

  margin: 0 auto;

}

.campos p 
{
  color: #443d6b;
}

.campos h6 
{

  color: #443d6b;

  font-size: 17px;

  font-weight: 300;

  text-align: center;

}

.campos input 
{
  width: 100%;

  margin: 5px 0;

  padding: 10px;

  border: 1px solid gray;

}

.campos input:focus 
{

  box-shadow: 0 0 10px #443d6b;

  transition: .5s;

}

.campos input:hover 
{

  box-shadow: 0 0 10px #443d6b7a;

  transition: .5s;

}

.campos textarea 
{

  width: 100%;

  padding: 10px;

  border: 1px solid gray;

  margin: 5px 0;

}

.campos textarea:hover 
{

  box-shadow: 0 0 10px #443d6b7a;

  transition: .5s;

}

.campos textarea:focus 
{

  box-shadow: 0 0 10px #443d6b;

  transition: .5s;

}

.campos button 
{
  background: #9abc24;

  color: #443d6b;

  text-align: center;

  width: 100%;

  font-size: 20px;

  font-weight: 400;

  border: 0px;

  padding: 5px 0;

  text-transform: uppercase;
}

.campos button:hover 
{

  box-shadow: inset 0px 50px 0px #ff833f;

  transition: 1s;

}

.cookieConsentContainer 
{

  opacity: 1;

  display: none;

  background: #ff833f;

  font-family: 'Montserrat';

  position: fixed;

  left: 10px;


  width: 40%;

  padding: 20px 30px;

  z-index: 99;

  bottom: 10px;

  box-shadow: 0 0 20px;

}

.cookieConsentContainer p 
{
  font-size: 12px;

  margin: 0;
  color: white;
}

.cookieConsentContainer .cookieButton a 
{

  background: #443d6b;

  color: white !important;

  display: block;

  width: 80%;

  margin: auto;

  text-align: center;

  padding: 8px 0;

  text-transform: uppercase;

  font-size: 15px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0px;

  cursor: pointer;
}

.cookieConsentContainer .cookieButton a:hover 
{

  background: white;

  color: #443d6b !important;

  transition: 1s;

}

#myBtn 
{

  /*display: none;*/

  position: fixed;

  bottom: 13%;

  right: 3%;

  z-index: 99;

  border: none;

  outline: none;

  background-color: #000a;

  color: white;

  cursor: pointer;

  padding: 15px 30px;

  border-radius: 10px;

  font-size: 18px;

}

#myBtn:hover 
{

  background-color: #000;

}
.resultado p:nth-child(2),
.resultado p:nth-child(3),
.resultado p:nth-child(4),
.resultado p:nth-child(5),
.resultado p:nth-child(6),
.resultado p:nth-child(7)
{
    display: none;
}
.resultado p{
    text-align: center;
    text-transform: uppercase;
}
.faleComEspecialista {
    background: #293f57;
    color: #fff;
    padding: 90px 0;
    text-align: left;
    text-transform: uppercase;
}
.faleComEspecialista a {
    background: #0f0;
    display: block;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    border-radius: 5px;
    padding: 10px 0;
    animation: callToAction 2.5s infinite;
}
.faleComEspecialista a:hover{
    text-decoration: none;
    background: #fff;;
}
@keyframes callToAction {
    0% {
        background: #0f0;
    }
    50% {
        background: #fff
    }
    100% {
        background: #0f0;
    }
}
.faleComEspecialista a:hover{
    background: #;
}
.valor {
    padding: 50px 0;
}

#navbar {
  overflow: hidden;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  animation: intro 1s;
  z-index: 999;
  background: white;
}

@keyframes intro {

  from {
    top: -200px;
  }
  to {
    top: 0px;
  }
}

.sticky + .content {
  padding-top: 60px;
}

#navbar.sticky .header1 {
  display: none;
}

#navbar.sticky {
  border-bottom: 1px solid silver;
  box-shadow: 0 0 10px #00000030;
}

.spaceTop {
  height: 115px;
}