@charset "UTF-8";
/*
--------------------------------------------
ESTRUTURAÇÃO BASE (Palupa Framework v1.1)
--------------------------------------------
** IMPORTS
** VARIÁVEIS
** ESTILOS GERAIS PARA AS PÁGINAS
*** BODY
**** TOPO
**** RODAPÉ
**** COPYRIGHT
**** PÁGINA INICIAL
**** PÁGINAS INTERNAS
**** EXTRAS
**** BOTÕES
**** @MEDIA
*/
body {
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative; }

/*PG*/
  a:hover, a:focus, button:hover, button:focus, input:hover, input:focus {
    text-decoration: none;
    outline: none; }

  .botao {
    width: 230px;
    background-color: #433e72;
    padding: 0 10px;
    line-height: 47px;
    color: #b6b4c9;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    letter-spacing: .1em;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

  .botao svg {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 2px; }

  .botao svg path {
    fill: #b6b4c9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  .botao:hover {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #1a1642 !important;
    border-color: transparent !important;
    color: #fff !important; }

  .botao:hover svg path {
    fill: #fff !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

  .titulo {
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    color: #342d6f; }

  .titulo-caixa {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: .2em;
    font-weight: 400;
    border: 1px solid #585189;
    margin: 0 auto 40px;
    display: block;
    color: #342d6f;
    width: 225px;
    line-height: 55px; }

  .subtitulo {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px; }

  .titulo-pg {
    min-height: 280px;
    padding: 150px 0 0;
    background: url(img/fundo-internas.jpg) no-repeat;
    background-size: cover;
    padding-left: 10%; }

  .titulo-pg .titulo {
    display: inline-block;
    font-size: 26px;
    color: #2d2482; }

  .titulo-pg p {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: #323136;
    vertical-align: middle;
    margin-left: 10px; }

  .titulo-pg .subtitulo {
    color: #2d2482;
    font-size: 16px;
    font-weight: 600;
    text-transform: none; }

  .navegador {
    text-align: center; }

  .navegador a {
    background-color: #433e72;
    width: 46px;
    height: 36px;
    display: inline-block;
    padding-top: 7px;
    border: 1px solid transparent;
    margin: 15px 1px; }

  .navegador a:hover {
    border-color: #2d2482;
    background-color: transparent; }

  .navegador a:hover svg path {
    fill: #2d2482; }

  .navegador .esquerda svg {
    transform: rotate(180deg); }

/*TOPO*/
  .topo .navbar {
    font-size: 18px;
    position: absolute;
    z-index: 9999;
    width: 100%;
    min-height: 135px;
    margin-bottom: 2px; }

  .topo .navbar .navbar-header {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
    width: 100%; }

  .topo .navbar .navbar-header h1 {
    display: block;
    margin: 30px auto;
    text-indent: -9999em;
    width: 190px;
    height: 76px;
    background: url(img/logo.png) no-repeat;
    background-size: cover; }

  .topo .navbar .navbar-header .navbar-collapse {
    text-align: center;
   }

  .topo .navbar .navbar-header .navbar-collapse li {
    padding: 0 15px; }


  .topo .navbar .navbar-header .navbar-collapse li a {
    display: inline-block;
    padding: 56px 0;
    color: #4b4c4c;
    text-transform: uppercase;

    border-top: 4px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  .topo .navbar .navbar-header .navbar-collapse li a:hover, .topo .navbar .navbar-header .navbar-collapse li a:focus {
    color: #fff !important;
    border-color: #fff;
    background-color: transparent;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  .internas .navbar {
    position: relative; }

  .internas .navbar .navbar-header {
    background-color: #e0deec; }

  .internas .navbar .navbar-collapse {
    background-color: #57509b;
    border-left: 2px solid #fff; }

  .internas .navbar .navbar-collapse li a {
    color: #d5d3e6 !important; }
   .internas .menuEnergia{
    padding: 0!important;
  }
     .internas .menuEnergia a{
       background: #2d2482;
       max-width: 120px;
       padding: 15px 0 0!important;
    }
    .internas .menuEnergia a:before{
      content: '';
      display: block;
      width: 70px;
      height: 70px;
      border-radius: 100%;
      background: #57509b url(img/iconeEnergia.png);
      background-repeat: no-repeat!important;
      margin: 0 auto 10px;


      background-position: center!important;
    }
       .internas .menuEnergia a:hover:before{
        transform: rotate(360deg) ;
        -webkit-transform: rotate(360deg) ;
        -moz-transform: rotate(360deg) ;
        -o-transform: rotate(360deg) ;
        -ms-transform: rotate(360deg) ;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all 0.5s ease-in-out;
        background: #2d2482 url(img/iconeEnergia.png);
       }
   .internas  .menuEnergia a:after{
     content: '';
     display: inline-block;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 25px 61px 0 61px;
     border-color: #2d2482 transparent transparent transparent;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
         -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
     bottom: -25px;
    }
   .internas  .menuEnergia a:hover:after{
          -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
       border-color: #57509b transparent transparent transparent;
     }

/*FOOTER*/
  footer {
    overflow: hidden;
    position: relative;
    padding-top: 50px; }

  footer .sociais {
    margin-bottom: 100px; }

  footer .sociais ul {
    list-style-type: none;
    text-align: center; }

  footer .sociais ul li {
    display: inline-block;
    margin: 0 5px; }

  footer .sociais ul li a i {
    font-size: 25px;
    color: #b7b3d3;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  footer .sociais ul li a:hover i {
    color: #1a1642;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  footer .fundo-skew {
    position: absolute;
    z-index: -1;
    background-color: #eaeaeb;
    width: 100%;
    height: 300px;
    -webkit-transform: skewY(-6deg);
    -moz-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    -o-transform: skewY(-6deg);
    transform: skewY(-6deg); }

  footer .fundo-skew:before {
    content: '';
    display: block;
    height: 70px;
    background-color: #f5f4f5;
    width: 100%;
    border-bottom: 2px solid #fff;
    margin-top: -50px; }

  footer .conteudo {
    background-color: #eaeaeb;
    margin-top: 280px;
    padding-bottom: 50px; }

  footer .conteudo .info {
    margin-top: -50px; }

  footer .conteudo .info img {
    display: inline-block;
    vertical-align: top; }

  footer .conteudo .info .info-contato {
    display: inline-block;
    padding: 30px 35px; }

  footer .conteudo .info .info-contato .titulo {
    font-size: 32px;
    font-weight: 700; }

  footer .conteudo .info .info-contato h3 {
    margin: 0;
    color: #484092;
    font-size: 16px;
    line-height: 140%; }

  footer .conteudo .info .info-contato h3 strong {
    text-transform: uppercase; }

  footer .conteudo .mapadosite {
    text-align: center;
    margin-top: -100px; }

  footer .conteudo .mapadosite .titulo {
    color: #5a51b6;
    font-size: 18px;
    margin-bottom: 20px; }

  footer .conteudo .mapadosite .links {
    list-style-type: none;
    text-align: left;
    max-width: 150px;
    display: block;
    margin: 0 auto; }

  footer .conteudo .mapadosite .links li {
    margin-bottom: 5px; }

  footer .conteudo .mapadosite .links li a {
    color: #5a51b6;
    font-size: 14px;
    font-weight: 400; }

  footer .conteudo .mapadosite .links li a:hover {
    color: #1a1642; }

  footer .copyright {
    background-color: #1a1642;
    text-align: center; }

  footer .copyright p {
    line-height: 50px;
    font-weight: 400;
    color: #8a82d4;
    margin: 0; }

/*PÁGINA INICIAL*/
  .pg-inicial {
    margin-bottom: 200px; }

  .pg-inicial section.row {
    margin-top: 100px; }

  .pg-inicial .carrossel {
    position: relative; }

  .pg-inicial .carrossel .item {
    height: 940px;
    position: relative;
    background-size: cover !important; }

  .pg-inicial .carrossel .item .texto-carrossel {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    max-width: 352px;
    text-transform: uppercase;
    margin-right: 6%; }

  .pg-inicial .carrossel .item .texto-carrossel .titulo {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    line-height: 120%; }

  .pg-inicial .carrossel .item .texto-carrossel h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 25px;
    max-width: 250px; }

  .pg-inicial .carrossel .item .texto-carrossel .botao {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  .pg-inicial .carrossel button {
    position: absolute;
    top: 60%;
    background-color: #433e72;
    opacity: .7;
    border: none;
    width: 62px;
    height: 62px;
    border-radius: 100%;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  .pg-inicial .carrossel button svg {
    vertical-align: middle; }

  .pg-inicial .carrossel button:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #1a1642 !important;
    opacity: 1; }

  .pg-inicial .carrossel button:hover svg path {
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  .pg-inicial .carrossel .navegacaoCarrosselT {
    left: 13px;
  z-index: 99;
    padding-right: 7px;
  }

  .pg-inicial .carrossel .navegacaoCarrosselF {
    right: 13px;
  z-index: 99;
    padding-left: 7px;
  }

  .pg-inicial #sobre {
    margin-top: 1px; }

  .pg-inicial #sobre .titulo {
    background-color: #2d2482;
    color: #fff;
    padding: 50px 35px; }

  .pg-inicial #sobre .titulo p {
    display: block;
    max-width: 188px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 94%; }

  .pg-inicial #sobre .titulo p span {
    display: block;
    font-weight: 300; }

  .pg-inicial #sobre .subtitulo {
    padding: 35px 45px; }

  .pg-inicial #sobre .subtitulo h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    color: #2d2482;
    display: inline-block;
    margin-bottom: 20px; }

  .pg-inicial #sobre .subtitulo svg {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 5px; }

  .pg-inicial #sobre .subtitulo svg path {
    fill: #a09ad8; }

  .pg-inicial #sobre .subtitulo .texto {
    font-weight: 400;
    font-size: 15px;
    text-transform: none;
    line-height: 155%; }

  .pg-inicial #diferenciais .conteudo {
    padding: 0 5%; }

  .pg-inicial #diferenciais .conteudo .titulo {
    border-bottom: 4px solid #8f8bb4;
    display: inline-block; }

  .pg-inicial #diferenciais .conteudo ul {
    display: block;
    padding: 35px 0;
    text-align: center; }

  .pg-inicial #diferenciais .conteudo ul li {
    text-align: left;
    display: inline-block;
    max-width: 163px;
    margin: 20px 15px;
    vertical-align: text-top;
    color: #a09ad8;
    position: relative;
    opacity: 0; }

  .pg-inicial #diferenciais .conteudo ul li svg {
    margin: 0 0 20px 10%; }

  .pg-inicial #diferenciais .conteudo ul li svg path {
    fill: #443d82; }

  .pg-inicial #diferenciais .conteudo ul li h5 {
    display: block;
    margin: 0;
    font-weight: 700;
    color: #443d82;
    font-size: 23px;
    text-transform: none; }

  .pg-inicial #diferenciais .conteudo ul li p {
    font-weight: 400;
    font-size: 14px;
    text-transform: lowercase;
    width: 100%;
    margin: 0;
    color: #443d82; }

  .pg-inicial #diferenciais .conteudo ul li:after {
    content: '';
    border-bottom: 4px solid #443d82;
    height: 4px;
    padding-top: 5px;
    width: 105px;
    display: block;
    margin: 0; }

  .pg-inicial #diferenciais .conteudo ul .animado {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 1; }

  .pg-inicial #diferenciais .conteudo ul .animado svg path {
    fill: #443d82;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

  .pg-inicial #diferenciais .conteudo ul .animado h5 {
    color: #443d82;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

  .pg-inicial #diferenciais .conteudo ul .animado p {
    color: #443d82;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

  .pg-inicial #diferenciais .conteudo ul .animado:after {
    bottom: 65px;
    position: absolute;
    border-color: #443d82;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

  .pg-inicial #postagens .titulo {
    padding-left: 5%; }

  .pg-inicial #postagens .fundo {
    padding: 20px 0;
    background-color: #e7e5f5; }

  .pg-inicial #postagens .fundo .conteudo {
    display: block;
    margin: 0 auto;
    max-width: 230px;
    color: #323136; }

  .pg-inicial #postagens .fundo .conteudo img {
    display: block; }

  .pg-inicial #postagens .fundo .conteudo strong {
    display: block;
    max-width: 220px;
    margin: 5px 0;
    text-transform: uppercase;
    font-size: 16px;
    min-height: 45px; }

  .pg-inicial #postagens .fundo .conteudo p {
    max-width: 230px;
    font-size: 15px; }

  .pg-inicial #postagens .fundo .conteudo .botao {
    width: 56px;
    float: right;
    background-color: #342d6f; }

  .pg-inicial #postagens .mais {
    width: 236px;
    border: 1px solid #5a558b;
    color: #5a558b;
    background-color: #e7e5f5;
    font-weight: 600;
    display: block;
    margin: 60px auto; }

  .pg-inicial #postagens .mais p {
    display: inline-block;
    margin: 0; }

  .pg-inicial #postagens .mais svg {
    display: inline-block; }

  .pg-inicial #postagens .mais svg path {
    fill: #5a558b; }

  .pg-inicial #cases {
    margin-top: 100px; }

  .pg-inicial #cases .titulo {
    padding-left: 5%; }

  .pg-inicial #cases .area-cases .caixa {
    min-height: 412px;
    background-size: cover !important;
    position: relative; }

  .pg-inicial #cases .area-cases .caixa:hover .lente {
    width: 295px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

  .pg-inicial #cases .area-cases .caixa .lente {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

  .pg-inicial #cases .area-cases .caixa .lente .conteudo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #323136; }

  .pg-inicial #cases .area-cases .caixa .lente .conteudo strong {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    display: block; }

  .pg-inicial #cases .area-cases .caixa .lente .conteudo p {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    display: block; }

  .pg-inicial #cases .area-cases .caixa .lente .conteudo .botao {
    border: 2px solid #8c8bab;
    color: #362f6f;
    display: block;
    width: 230px;
    background-color: transparent;
    font-weight: 400; }

  .pg-inicial #clientes .caixa {
    width: 225px;
    height: 150px;
    display: block;
    margin: 20px auto;
    position: relative;
    background-color: #e7e5f5; }

  .pg-inicial #clientes .caixa:hover {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -ms-transform: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -o-transform: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background-color: transparent; }

  .pg-inicial #clientes .caixa:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0); }

  .pg-inicial #clientes .caixa:hover svg {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1; }

  .pg-inicial #clientes .caixa img {
    max-height: 150px;
    max-width: 210px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7; }

  .pg-inicial #clientes .caixa svg {
    position: absolute;
    opacity: 0;
    bottom: 10px;
    right: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

/*QUEM SOMOS*/
  .pg-quem-somos #sobre-nos {
    font-size: 18px;
    margin-bottom: 135px; }

  .pg-quem-somos #sobre-nos .caixa {
    min-height: 500px;
    background-color: #e0deec; }

  .pg-quem-somos #sobre-nos .caixa .col-md-4 {
    background: url(img/quem-somos.jpg) no-repeat;
    background-size: cover;
    height: 500px; }

  .pg-quem-somos #sobre-nos .caixa .col-md-4 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .pg-quem-somos #sobre-nos .caixa .col-md-8 {
    padding: 117px 56px; }

  .pg-quem-somos #sobre-nos .caixa .col-md-8 .conteudo p {
    line-height: 220%; }

  .pg-quem-somos #numeros {
    margin-bottom: 150px; }

  .pg-quem-somos #numeros .conteudo {
    text-align: center; }

  .pg-quem-somos #numeros .conteudo svg {
    display: inline-block; }

  .pg-quem-somos #numeros .conteudo .numero {
    display: inline-block;
    font-size: 45px;
    font-weight: 600;
    color: #2d2482;
    vertical-align: top;
    line-height: 97px; }

  .pg-quem-somos #numeros .conteudo span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 300;
    color: #2d2482;
    vertical-align: middle;
    line-height: 100%;
    padding-bottom: 60px;
    margin-left: 5px; }

  .pg-quem-somos #numeros .conteudo span strong {
    display: block; }

  .pg-quem-somos #numeros .col-md-12 {
    margin-top: 150px;
    text-align: center; }

  .pg-quem-somos #numeros .col-md-12 p {
    color: #2d2482;
    font-weight: 400;
    font-size: 18px; }

  .pg-quem-somos #numeros .col-md-12 p strong {
    display: block;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px; }

/*SERVIÇOS*/
  .pg-servicos #servicos {
    margin: 5px 0 220px; }

  .pg-servicos #servicos .serv {
    background-size: cover !important;
    position: relative;
    min-height: 450px; }

  .pg-servicos #servicos .serv .lente {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%; }

  .pg-servicos #servicos .serv .lente h2 {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 10px 0 0 13px; }

  .pg-servicos #servicos .serv .animado {
    width: 90%;
    height: 90%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

  .pg-servicos #servicos .serv .conteudo {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 350px;
    padding: 15% 0 10%;
    z-index: 3; }

  .pg-servicos #servicos .serv .conteudo i {
    display: inline-block;
    font-size: 34px;
    vertical-align: sub;
    color: rgba(51, 51, 51, 0.8); }

  .pg-servicos #servicos .serv .conteudo h3 {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    color: #2d2482;
    margin: 0 0 8px 10px; }

  .pg-servicos #servicos .serv .conteudo ul {
    list-style-type: none; }

  .pg-servicos #servicos .serv .conteudo ul li h3 {
    font-size: 16px;
    font-weight: 600;
    color: #262626;
    margin: 0 0 8px; }

/*PÁGINA DE CASES*/
  .pg-cases-categoria .cases ul{
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 0;
  }
    .pg-cases-categoria .cases ul li{
      min-height: 370px;
          width: 33%;

      display: inline-block;
      vertical-align: top;
      margin: 15px 0;
    }
      .pg-cases-categoria .cases ul li a{
        background-position: center!important;
        background-size: cover!important;
        width:100%;
        min-height: 255px;
        display: block;
        text-decoration: none;
        color:#282828;
      }
      .pg-cases-categoria .cases ul li a .fotoCase{
        height: 370px;
        background-position:center!important;
        background-size:cover!important;
        max-width: 305px;
        margin: 0 auto;
        position: relative;

      }
      .pg-cases-categoria .cases ul li a .lente{
        background:transparent;
        width: 0;
        height: 0;
        transition:All .5s ease;
        -webkit-transition:All .5s ease;
        -moz-transition:All .5s ease;
        -o-transition:All .5s ease;
        position: absolute;
        bottom: 0;
      }
        .pg-cases-categoria .cases ul li:hover .lente{
          background:rgba(45, 36, 130, 0.81);
          width: 95%;
          height: 350px;
          transition:All .5s ease;
          -webkit-transition:All .5s ease;
          -moz-transition:All .5s ease;
          -o-transition:All .5s ease;
          padding-top: 55%;

        }

        .pg-cases-categoria .cases ul li a span{
          display: block;
          max-width: 122px;
          text-align: center;
          font-size: 16px;
          color: #000;
          font-weight: 500;

          text-transform: uppercase;
          color: #fff;
          opacity: 0;
          transition: All .5s ease;
          -webkit-transition: All .5s ease;
          -moz-transition: All .5s ease;
          -o-transition: All .5s ease;
          position: relative;
          margin: 0 auto;
        }
          .pg-cases-categoria .cases ul li a span:before{
            content: '';
            display: block;
            background: url(img/btnCase.png);
            width: 21px;
            height: 15px;
            background-position: center!important;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            right: 0;

          }
        .pg-cases-categoria .cases ul li:hover span{
          transition:All .5s ease;
          -webkit-transition:All .5s ease;
          -moz-transition:All .5s ease;
          -o-transition:All .5s ease;
          opacity: 1;
        }
      .pg-cases-categoria .descricaoCase{
        max-width: 100%;
        min-height: 150px;
        margin: 0 auto;
        text-align: left;
        background: #f2f2f2;
        text-align: center;
        padding-bottom: 5px;
      }
      .pg-cases-categoria .descricaoCase .iconeTitulo{
        max-width: 295px;
        margin: 0 auto;
      }
        .pg-cases-categoria .descricaoCase img{
          display: inline-block;
          vertical-align: baseline;
          margin: 0 5px;
          max-width: 55px;

        }
          .pg-cases-categoria .descricaoCase h2{
            text-transform: uppercase;
            font-weight: 700;
            color: #282828;
            font-size: 19px;
            color:#2d2482;
            position: relative;
            display: inline-block;
            text-align: left;
              max-width: 220px;
          }

        .pg-cases-categoria .descricaoCase p{
          font-size: 15px;
          max-width: 250px;
          margin: 0 auto;
          color:#747474;
          text-align: left;


        }

/*PÁGINA  LISTA DE CASES*/
  .pg-cases-lista  .cases ul{
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 0;
  }
    .pg-cases-lista  .cases ul li{
      min-height: 370px;
          width: 33%;
      display: inline-block;
      vertical-align: top;
      margin: 15px 0;
    }
      .pg-cases-lista  .cases ul li a{
        background-position: center!important;
        background-size: cover!important;
        width:100%;
        min-height: 255px;
        display: block;
        text-decoration: none;
        color:#282828;
      }
      .pg-cases-lista  .cases ul li a .fundoCase{
        background: #f2f2f2;

      }
        .pg-cases-lista  .cases ul li a .fotoCase{
          height: 283px;
          background-position:center!important;
          background-size:cover!important;
          max-width: 305px;
          margin: 0 auto;
          position: relative;

        }
      .pg-cases-lista  .cases ul li a .lente{
        background:transparent;
        width: 0;
        height: 0;
        transition:All .5s ease;
        -webkit-transition:All .5s ease;
        -moz-transition:All .5s ease;
        -o-transition:All .5s ease;
        position: absolute;
        bottom: 0;
      }
        .pg-cases-lista  .cases ul li:hover .lente{
          background:rgba(45, 36, 130, 0.81);
          width: 95%;
          height: 260px;
          transition:All .5s ease;
          -webkit-transition:All .5s ease;
          -moz-transition:All .5s ease;
          -o-transition:All .5s ease;
          padding-top: 45%;

        }

        .pg-cases-lista  .cases ul li .lente span{
          display: block;
          max-width: 122px;
          text-align: center;
          font-size: 16px;
          color: #000;
          font-weight: 500;

          text-transform: uppercase;
          color: #fff;
          opacity: 0;
          transition: All .5s ease;
          -webkit-transition: All .5s ease;
          -moz-transition: All .5s ease;
          -o-transition: All .5s ease;
          position: relative;
          margin: 0 auto;
        }
          .pg-cases-lista  .cases ul li .lente span:before{
            content: '';
            display: block;
            background: url(img/btnCase.png);
            width: 21px;
            height: 15px;
            background-position: center!important;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            right: 0;

          }
        .pg-cases-lista  .cases ul li:hover span{
          transition:All .5s ease;
          -webkit-transition:All .5s ease;
          -moz-transition:All .5s ease;
          -o-transition:All .5s ease;
          opacity: 1;
        }
      .pg-cases-lista  .descricaoCase{
        max-width: 100%;
        height: 150px;
        margin: 0 auto;
        text-align: left;
        text-align: center;
      }
      .pg-cases-lista  .descricaoCase .iconeTitulo{
        max-width: 295px;
        margin: 0 auto;
      }
        .pg-cases-lista  .descricaoCase span{
          display: block;
          font-weight: 400;
          text-transform: uppercase;
          font-size: 20px;
          text-align: left;
          color: #2d2482;
          max-width: 300px;
          margin:15px auto 0;
        }
          .pg-cases-lista  .descricaoCase h2{
            text-transform: uppercase;
            font-weight: 700;

            font-size: 19px;
            color:#2d2482;
            position: relative;
            margin:0 auto 10px;
            text-align: left;
              max-width: 300px;
          }

        .pg-cases-lista  .descricaoCase p{
          font-size: 15px;
          max-width:300px;
          margin: 0 auto;
          color:#747474;
          text-align: left;


        }

/* PÁGINA CASE DETALHADO */
  .pg-caseDetalhado{

  }
    .pg-caseDetalhado .carrosselCase{
      position: relative;
    }
      .pg-caseDetalhado .carrosselCase .owl-dots {

        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        border-radius: 5px;

        transform: rotate(0);
        -webkit-transform: rotate(90);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
      }
      .pg-caseDetalhado .carrosselCase .owl-dot span{
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 7px;
        border: 1px solid transparent;
        border-radius: 20px;
        background: #fff;
      }
      .pg-caseDetalhado .carrosselCase .owl-dot.active span{
        background:#0173c6;
      }
      .pg-caseDetalhado .item{
        min-height: 400px;
        background-position: center!important;
        background-size: cover!important;
        padding: 50px 0

      }
        .pg-caseDetalhado .item .textoDestaque{
          min-height: 290px;
          width: 100%;
          max-width: 900px;
          background: rgba(255, 255, 255, 0.74);
          padding-top: 65px;
        }
          .pg-caseDetalhado .item .textoDestaque h2{
            text-transform: uppercase;
            font-size: 25px;
            font-weight: 800;
            max-width: 450px;
           margin: 0 auto 25px;
           color:#2d2482;
          }
          .pg-caseDetalhado .item .textoDestaque p{
              margin: 0 auto 10px;
            max-width: 450px;
             color:#2d2482;
            font-weight: 500;
            font-size: 16px;
            padding:0 15px;
            position: relative;
          }
            .pg-caseDetalhado .item .textoDestaque p:before{
              content: '';
              display: block;
              width: 8px;
              height: 8px;
              border-radius: 100%;
              background: #2d2482;
              position: absolute;
              left:0;
              top: 50%;
              transform: translateY(-50%);


            }
    .pg-caseDetalhado .sessaoDetalhesCase{

    }
      .pg-caseDetalhado .sessaoDetalhesCase{
        width: 80%;
        margin: 0 auto;
      }
      .pg-caseDetalhado .sessaoDetalhesCase img{
        margin: 35px auto;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 800;

       text-align: center;
        color: #2d2482;
      }
        .pg-caseDetalhado .sessaoDetalhesCase p{
          font-size: 17px;
            line-height: 30px;
            padding:10px;
        }
        .pg-caseDetalhado .sessaoDetalhesCase strong{
          font-size: 30px;
          color: #2d2482;
        }
      .pg-caseDetalhado .sessaoDetalhesCase .col-md-5{

      }
      .pg-caseDetalhado .sessaoDetalhesCase .areaVideo{
        position: relative;
        height: 380px;
        overflow: hidden;
        background-position: center!important;
        background-size: cover!important;
      }

        .pg-caseDetalhado .sessaoDetalhesCase video{
          position: absolute;
          width: 100%;
          height:100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
    .pg-caseDetalhado .sessaoDetalhesCase .escopoProjeto{
      background-position: center!important;
      background-size: cover!important;
      min-height: 500px;
      padding:10px;
      margin-top:50px;
    }
      .pg-caseDetalhado .sessaoDetalhesCase .escopoProjeto h5{
        text-transform: uppercase;
        font-size: 28px;
        font-weight: 600;
        color:#747474;
        margin:0;
      }
      .pg-caseDetalhado .sessaoDetalhesCase .escopoProjeto span{
        color:#747474;
         text-transform: uppercase;
         font-size: 15px;
         display: block;
         margin-bottom: 40px;

      }
      .pg-caseDetalhado .sessaoDetalhesCase .escopoProjeto ul{
        list-style-type: none;
        padding: 0;
      }
        .pg-caseDetalhado .sessaoDetalhesCase .escopoProjeto ul li{

          margin: 10px 0;
          color: #2d2482;
          font-weight: 500;
          font-size: 17px;
          position: relative;
        }
     .pg-caseDetalhado .sessaoDetalhesCase .sobreProjeto{
       min-height: 500px;
       padding:10px;
       margin-top:50px;
    }
      .pg-caseDetalhado .sessaoDetalhesCase .sobreProjeto h5{
        font-size: 28px;
        text-transform: uppercase;
         color:#747474;
         margin:0;
      }
      .pg-caseDetalhado .sessaoDetalhesCase .sobreProjeto span{
        text-transform: uppercase;
        font-size: 28px;
        font-weight: 600;
        color:#747474;
        margin:0;
        display: block;
        line-height: 25px;
      }
      .pg-caseDetalhado .sessaoDetalhesCase .sobreProjeto ul{
        list-style-type: none;
        padding: 0;
        margin-top: 20px;
      }
        .pg-caseDetalhado .sessaoDetalhesCase .sobreProjeto ul li{
          display: block;
          width: 100%;
          background:#efeef5;
          padding: 10px;
          margin:2px 0;
          text-align: center;
        }
          .pg-caseDetalhado .sessaoDetalhesCase .sobreProjeto ul li:hover{
           color:#fff;
           background:#2d2482;
          }
      .pg-caseDetalhado .paginador{
        text-align: center;
      }
        .pg-caseDetalhado .paginador a{
          text-align: center;
          display: inline-block;
          margin: 0 ;
          border: solid 1px;
          padding: 5px 15px;
          color:#363070;
        }
         .pg-caseDetalhado .paginador a:hover{
          text-align: center;
          display: inline-block;
          margin: 0 1px;
          border: solid 1px;
          padding: 5px 15px;
          background: #363070;
          color:#fff;

        }

/*CLIENTES*/
  .pg-clientes #clientes {
    margin-bottom: 145px; }

  .pg-clientes #clientes .caixa {
    width: 225px;
    height: 150px;
    display: block;
    margin: 10px auto;
    position: relative;
    background-color: #e7e5f5; }

  .pg-clientes #clientes .caixa:hover {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -ms-transform: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -o-transform: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background-color: transparent; }

  .pg-clientes #clientes .caixa:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0); }

  .pg-clientes #clientes .caixa:hover svg {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1; }

  .pg-clientes #clientes .caixa img {
    max-width: 210px;
    max-height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7; }

  .pg-clientes #clientes .caixa svg {
    position: absolute;
    opacity: 0;
    bottom: 10px;
    right: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

/*BLOG*/
  .pg-blog #blog .categorias {
    background-color: #2d2482;
    text-align: center; }

  .pg-blog #blog .categorias ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

  .pg-blog #blog .categorias ul li {
    display: inline-block;
    line-height: 64px; }

  .pg-blog #blog .categorias ul li a {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 25px;
    letter-spacing: 0.1em; }

  .pg-blog #blog .categorias ul li a:hover {
    font-weight: 700; }

  .pg-blog #blog .postagens {
    background-color: #e0deec;
    margin-bottom: 100px; }

  .pg-blog #blog .postagens .row {
    padding: 30px 0;
    border: 0 solid transparent;
    border-bottom: 1px solid #c1bed5;
    border-style: dashed;
    margin: 0 10% 30px; }

  .pg-blog #blog .postagens .row .caixa {
    background-size: cover !important;
    background-position: center !important;
    width: 218px;
    height: 195px;
    display: block;
    margin: 5px auto;
    position: relative; }

  .pg-blog #blog .postagens .row .caixa .lente {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 13px 25px; }

  .pg-blog #blog .postagens .row .caixa .lente .dia {
    padding-right: 15px;
    display: inline-block;
    font-weight: 600;
    font-size: 45px;
    color: #323136;
    border-right: 1px solid #323136;
    line-height: 120%; }

  .pg-blog #blog .postagens .row .caixa .lente .mes {
    padding-left: 15px;
    display: inline-block; }

  .pg-blog #blog .postagens .row .caixa .lente .mes p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    display: block;
    font-size: 22px;
    line-height: 100%; }

  .pg-blog #blog .postagens .row .caixa .lente .mes strong {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    font-size: 25px;
    line-height: 100%; }

  .pg-blog #blog .postagens .row .conteudo {
    width: 218px;
    margin: 0 auto; }

  .pg-blog #blog .postagens .row .conteudo .subtitulo {
    font-size: 16px;
    font-weight: 700;
    line-height: 160%; }

  .pg-blog #blog .postagens .row .conteudo p {
    font-size: 15px;
    font-weight: 400;
    line-height: 160%; }

  .pg-blog #blog .postagens .row .conteudo .botao-post {
    display: block;
    width: 45px;
    margin: 20px auto 0;
    position: relative;
    height: 45px; }

  .pg-blog #blog .postagens .row .conteudo .botao-post svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .pg-blog #blog .postagens .row .conteudo .botao-post svg path {
    fill: #585389; }

  .pg-blog #blog .postagens .row .conteudo .botao-post:hover {
    background-color: #342d6f; }

  .pg-blog #blog .postagens .row .conteudo .botao-post:hover svg path {
    fill: #fff; }

/*POSTAGEM*/
  .pg-blog-single #single {
    background-color: #e0deec;
    margin-bottom: 100px; }

  .pg-blog-single #single .categorias {
    background-color: #2d2482;
    text-align: center; }

  .pg-blog-single #single .categorias ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

  .pg-blog-single #single .categorias ul li {
    display: inline-block;
    line-height: 64px; }

  .pg-blog-single #single .categorias ul li a {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 25px;
    letter-spacing: 0.1em; }

  .pg-blog-single #single .categorias ul li a:hover {
    font-weight: 700; }

  .pg-blog-single #single .post .caixa {
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 320px;
    display: block;
    margin: 25px 0 40px;
    position: relative; }

  .pg-blog-single #single .post .caixa .lente {
    position: absolute;
    bottom: 0;
    width: 219px;
    height: 75px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 13px 25px;
    left: 5%; }

  .pg-blog-single #single .post .caixa .lente .dia {
    padding-right: 15px;
    display: inline-block;
    font-weight: 600;
    font-size: 45px;
    color: #c4c4c5;
    border-right: 1px solid #c4c4c5;
    line-height: 120%; }

  .pg-blog-single #single .post .caixa .lente .mes {
    padding-left: 15px;
    display: inline-block; }

  .pg-blog-single #single .post .caixa .lente .mes p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    display: block;
    font-size: 22px;
    line-height: 100%;
    color: #c4c4c5; }

  .pg-blog-single #single .post .caixa .lente .mes strong {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    color: #c4c4c5;
    font-size: 25px;
    line-height: 100%; }

  .pg-blog-single #single .post .subtitulo {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #2a2a2a;
    margin-bottom: 40px;
    line-height: 140%;
    padding: 0 5%; }

  .pg-blog-single #single .post .texto {
    font-size: 15px;
    font-weight: 400;
    color: #2a2a2a;
    line-height: 160%;
    padding: 0 5%;
    margin: 0 0 120px; }

  .pg-blog-single #comentarios {
    margin-bottom: 140px; }

/*EQUIPE*/
  .pg-equipe #equipe {
    margin-bottom: 10px; }

  .pg-equipe #equipe .caixa {
    min-height: 690px;
    background-color: #eae9f2; }

  .pg-equipe #equipe .caixa .col-md-4 {
    background: url(img/equipe.jpg) no-repeat;
    background-size: cover;
    height: 690px; }

  .pg-equipe #equipe .caixa .col-md-4 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .pg-equipe #equipe .caixa .col-md-8 {
    padding: 75px 56px; }

  .pg-equipe #equipe .caixa .col-md-8 .conteudo p {
    line-height: 220%; }

  .pg-equipe #equipe .caixa .col-md-8 .conteudo span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #2d2482;
    font-weight: 600;
    margin-top: 70px; }

  .pg-equipe #fale-conosco {
    background: url(img/fundo-internas2.jpg) no-repeat;
    background-size: cover;
    min-height: 559px;
    background-position: center;
    margin-bottom: 45px;
    position: relative; }

  .pg-equipe #fale-conosco .conteudo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center; }

  .pg-equipe #fale-conosco .conteudo p {
    color: #2d2482;
    font-weight: 700;
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    margin: 5px 20px 10px; }

  .pg-equipe #fale-conosco .conteudo p span {
    font-weight: 300; }

  .pg-equipe #fale-conosco .conteudo svg {
    display: inline-block;
    margin: 0 10px;
    vertical-align: sub; }

  .pg-equipe #fale-conosco .conteudo svg path {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

  .pg-equipe #fale-conosco .conteudo:hover svg path {
    fill: #6c65a7;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all 0.5s ease-in-out; }

/*CONTATO*/
  .pg-contato .mapa {
    height: 340px;
    overflow: hidden;
    position: relative; }

  .pg-contato .mapa iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .pg-contato #contato {
    background: url(img/fundo-internas2.jpg) no-repeat;
    margin-bottom: 200px; }

  .pg-contato #contato .conteudo {
    margin: 65px auto 90px;
    max-width: 60%; }

  .pg-contato #contato .conteudo .titulo {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2d2482;
    margin: 0;
    line-height: 120%; }

  .pg-contato #contato .conteudo .subtitulo {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
    color: #262626;
    margin-bottom: 15px; }

  .pg-contato #contato .conteudo p {
    font-size: 16px;
    color: #262626;
    font-weight: 400; }

  .pg-contato #contato .formulario {
    padding: 0 10px; }

  .pg-contato #contato .formulario form {
    max-width: 430px;
    display: block;
    margin: 0 auto; }

  .pg-contato #contato .formulario label {
    display: block;
    color: #2d2482;
    font-weight: 400; }

  .pg-contato #contato .formulario input {
    display: block;
    width: 100%;
    line-height: 40px;
    max-width: 430px;
    margin-bottom: 30px;
    border: 1px solid #b1afc8;
    color: #2d2482;
    padding-left: 10px;
    font-size: 15px; }

  .pg-contato #contato .formulario input:focus {
    background-color: #2d2482;
    color: #fff; }

  .pg-contato #contato .formulario textarea {
    display: block;
    width: 100%;
    max-width: 430px;
    margin-bottom: 30px;
    border: 1px solid #b1afc8;
    color: #2d2482;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 15px;
    resize: none;
    height: 146px; }

  .pg-contato #contato .formulario textarea:focus {
    background-color: #2d2482;
    color: #fff; }

  .pg-contato #contato .formulario #botao {
    width: 212px;
    float: right;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 600;
    letter-spacing: .1em;
    color: #342e6f;
    background-color: #f4f3fa; }

  .pg-contato #contato .formulario #botao:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #2d2482;
    color: #fff; }

  .pg-contato #contato .dados {
    padding: 20px 5%; }

  .pg-contato #contato .dados img {
    margin-bottom: 45px; }

  .pg-contato #contato .dados p {
    color: #3a3a3a; }

  .pg-contato #contato .dados p span {
    display: block; }
  .pg-contato .border{
    border:1px solid #b1afc8;
  }
/*MERCADO LIVRE DE ENERGIA*/
  .pg-livreEnergia{

  }
    .pg-livreEnergia h5{
      font-size: 26px;
      text-transform: uppercase;
      color:#2d2482;
      text-align: center;
      margin:20px 0;

    }
    .pg-livreEnergia .textoApresentativo{
      margin-top: 90px;
    }
      .pg-livreEnergia .textoApresentativo .textoEnergia{
            color: #5f5f5f!important;
      }
        .pg-livreEnergia .textoApresentativo .textoEnergia p{
          padding: 0 20px;
          line-height: 29px!important;
          font-size: 16px;
        }
      .pg-livreEnergia .textoApresentativo .fotoEnergia{
        width: 100%;
        max-width: 390px;
        height: 345px;
        margin:0 auto;
        border:1px solid #7896b2;
        background-position:center!important;
        background-size:cover!important;
      }
    .pg-livreEnergia .quemPode{
      margin:100px 0;
    }
      .pg-livreEnergia .quemPode img{
        margin:0 auto;
      }
      .pg-livreEnergia .quemPode .textoQuemPode{
         padding: 0 10px;

          line-height: 29px!important;
          font-size: 16px!important;
          color:#5f5f5f!important;
      }
      .pg-livreEnergia .quemPode .textoQuemPode p{
         padding: 0 20px;
          line-height: 29px;
          font-size: 16px;
      }
    .pg-livreEnergia .beneficios{
      text-align: center;
    }
      .pg-livreEnergia .beneficios .col-md-3{
        margin:0 auto;
      }
     .pg-livreEnergia .beneficios .beneficiosItem{
        background: #ededed;
        padding: 40px 10px;
       min-height: 470px;
        width: 100%;
        max-width: 274px;
        margin: 20px auto;

      }
        .pg-livreEnergia .beneficios .beneficiosItem img{
          margin:0 auto;
        }
        .pg-livreEnergia .beneficios .beneficiosItem span{
            display:block;
            text-align: center;
            font-size: 19px;
            font-weight: bold;
            margin:10px 0;
        }
        .pg-livreEnergia .beneficios .beneficiosItem p{
          font-size: 16px;
        }
    .pg-livreEnergia .infoEnergia{
       margin:100px 0;
    }
      .pg-livreEnergia .infoEnergia .textoInfo{

      }
        .pg-livreEnergia .infoEnergia .textoInfo p{
           padding:5px  10px;

          font-size: 16px;
        }
     .pg-livreEnergia figure{
        width: 100%;
        height: 185px;
        background-position: center!important;
        background-size: cover!important;
      }
      .pg-livreEnergia .informativoLeft{
        background: #2d2582;
        padding: 50px 0;
        height: 150px;
        margin:1px;
      }
        .pg-livreEnergia .informativoLeft p{
           color: #fff;
           margin: 0;
           font-weight: 100;
           max-width: 330px;
           margin: 0 auto;
           font-size: 18px;
           line-height: 20px;
           position: relative;
          }
          .pg-livreEnergia .informativoLeft p:before{
             content: '';
             background: url(img/iconeeeee.png);
             display: block;
             width: 63px;
             height: 63px;
             position: absolute;
             left: -73px;
             top: -15px;

            }
        .pg-livreEnergia .informativoRight{
          background: #cac8e0;
          padding: 50px 0;
          height: 150px;
          margin:1px;
        }
        .pg-livreEnergia .informativoRight p{
           color: #2d2582;
           margin: 0;
           font-weight: 100;
           max-width: 330px;
           margin: 0 auto;
           font-size: 18px;
           line-height: 20px;
           position: relative;
        }
          .pg-livreEnergia .informativoRight p:before{
             content: '';
             background: url(img/ecioeeeee2.png);
             display: block;
             width: 55px;
             height: 65px;
             position: absolute;
             left: -73px;
             top: -15px;

            }
    .pg-livreEnergia .frase{
      text-align: center;
      margin:50px 0;
    }
      .pg-livreEnergia .frase img{
        margin-bottom: 10px
      }
      .pg-livreEnergia .frase p{
        font-size: 20px;
        color:#2d2482;
      }
  .pg-livreEnergia .casesEnergia{

  }
    .pg-livreEnergia .casesEnergia ul{
      padding: 0;
      font-size: 0;
      list-style: none;
      text-align: center;
    }
      .pg-livreEnergia .casesEnergia ul li{
        display: inline-block;
        height: 285px;
        width: 32.3%;
        margin: 0 1px;
        vertical-align: top;
      }
        .pg-livreEnergia .casesEnergia ul li a{
          display: block;
          width: 100%;
          height: 285px;
          background-position: center!important;
          background-size: cover!important;
        }
          .pg-livreEnergia .casesEnergia ul li a .lente{
            background: url(img/lentet.png);
            height: 285px;
            text-align: left;
            padding: 95px 10px;
            transition:All .5s ease;
            -webkit-transition:All 1s ease;
            -moz-transition:All 1s ease;
            -o-transition:All 1s ease;
            width: 100%;
            max-width: 100%;

          }
             .pg-livreEnergia .casesEnergia ul li a:hover .lente{

              height: 140px;

              padding: 8px 10px;

              max-width: 250px;
              transition:All 1s ease;
              -webkit-transition:All 1s ease;
              -moz-transition:All 1s ease;
              -o-transition:All 1s ease;


            }
            .pg-livreEnergia .casesEnergia ul li a h2{
              color:#fff;
              font-weight: 100;
              text-transform: uppercase;
              font-size:20px;
              margin:0;
            }
            .pg-livreEnergia .casesEnergia ul li a h3{
              color:#fff;
              font-weight: 100;
              text-transform: uppercase;
              font-size:20px;
              margin:0;
              font-weight: bold;
              max-width: 294px;
            }
            .pg-livreEnergia .casesEnergia ul li a h4{
               color:#fff;
              font-weight: 100;
              text-transform: uppercase;
              font-size:16px;
              margin: 25px 0 0;
            }

/*MEDIA*/
  @media (max-width: 1200px) {
    .correcaoContainerX{
      width: 100%;
    }
    footer .conteudo .info img {
      width: 150px; }

    footer .conteudo .info .info-contato {
      padding: 0 0 0 25px; } }
  @media (max-width: 990px) {
    .pg-livreEnergia .casesEnergia ul li{
      display: block;

    width: 100%;
    max-width: 353px;

    margin: 10px auto;
    }
    .pg-inicial #postagens .fundo .conteudo .botao {
      margin-bottom: 50px; }

    .titulo-pg {
      min-height: 150px;
      padding: 50px 0 50px 5%; }
      .pg-cases-categoria .cases ul li{
        width: 50%;
      }

    footer .conteudo .mapadosite {
      margin-top: 30px; }

    footer .conteudo .mapadosite .links {
      max-width: none;
      text-align: center;
      padding: 0 !important; }

    footer .conteudo .mapadosite .links li {
      display: inline-block;
      margin: 0 10px; }

    .pg-contato #contato {
      margin-bottom: 100px; }

    .pg-contato #contato .dados {
      padding: 100px 5% 0; }

    .pg-contato #contato .dados img {
      margin: 10px auto; }

    .pg-contato #contato .formulario #botao {
      float: none;
      margin: 0 auto; }
      .pg-caseDetalhado .sessaoDetalhesCase .escopoProjeto{
        text-align: center;
      }
      .pg-caseDetalhado .sessaoDetalhesCase .sobreProjeto{
        text-align: center;
      }
      .pg-caseDetalhado .sessaoDetalhesCase{
        width: 100%;
      }
      .pg-caseDetalhado .item .textoDestaque{
        max-width: 100%;
        padding: 65px 10px;
      }
      .pg-cases-lista  .cases ul li{
        width: 50%;
      }
    }
    @media(max-width: 767px){
      .navbar-toggle .icon-bar{
       background:#57509b;
       z-index: 999;
      }
      .navbar-toggle{
         border-color:#57509b;
         margin:20px;
         z-index: 9999;
      }
      .topo .navbar .navbar-header .navbar-collapse li a{
        padding: 15px;
      }
      .navbar-nav{
        text-align: left;
        background-color: #2d2482;
      }
      .navbar-nav li{
        border-bottom: 1px solid #fff;
      }
      .navbar-nav li a{
        color: #fff !important;
      }
      .menuEnergia a{
        max-width: 100%;
        margin: 0 auto;
        display: block!important;
        text-align: center;
      }
      .menuEnergia a:after{
          border-width: 28px 125px 0 125px;
      }
    }
  @media (max-width: 600px) {
    .titulo-pg {
      min-height: 190px;
      padding: 50px 0 20px 5%; }

    .pg-case-single #escopo .titulo-caixa {
      width: 220px; }

    .pg-inicial .carrossel .item {
      height: 650px; }

    .pg-inicial #cases .area-cases .caixa .lente {
      background-color: rgba(255, 255, 255, 0.5); }

    .pg-inicial #cases .area-cases .caixa .lente .conteudo .botao {
      background-color: rgba(255, 255, 255, 0.4); }

    .pg-inicial #cases .area-cases .caixa:hover .lente {
      width: 100%; }
    .pg-cases-categoria .cases ul li{
      width: 100%;
    }
      .pg-cases-lista  .cases ul li{
        width: 100%;
      }
      .pg-livreEnergia .informativoLeft{
        height: inherit;
        min-width: 200px;
      }
       .pg-livreEnergia .informativoLeft{
        height: inherit;
        min-width: 200px;
      }
      .pg-livreEnergia .informativoRight{
        height: inherit;
        min-width: 200px;
      }
      .pg-livreEnergia .informativoRight p{
        padding: 10px;
      }
      .pg-livreEnergia .informativoLeft p{
        padding: 10px;
      }
      .pg-livreEnergia .informativoRight p:before{
        position: inherit;
        left: inherit;
        top: inherit;
        margin: 10px auto;
      }
      .pg-livreEnergia .informativoLeft p:before{
        position: inherit;
        left: inherit;
        top: inherit;
        margin: 10px auto;
      }
  }
  @media (max-width: 500px) {
    .pg-inicial .carrossel .item .texto-carrossel {
      margin: 0;
      padding: 15px; }

    .pg-inicial .carrossel .item {
      height: 450px; }

    .pg-servicos #servicos .serv .conteudo {
      padding: 25% 10% 10%; }

    footer .conteudo .info img {
      display: block;
      margin: 0 auto 10px; }
  .pg-caseDetalhado .carrosselCase .owl-dots{
    display: none!important;
    }
  }
  .h1-titulo, .h3-subtitulo{
    font-weight: 600;
    color: #2d2482;
  }

  /*# sourceMappingURL=site.css.map */