ul li{
  font-size: 1.5em;
}

/* ACCORDION///////////////////////////////////////////////////////////////// */

.accordion-heading a {
  color: #fff;
  border: 2px solid #494e62;
  font-size: 1.4em;
  padding: 1px 10px 7px;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.accordion-heading a:hover,
.accordion-heading a:focus,
.accordion-heading a:active{
  background-color: #626262;
  border: 2px solid #626262;
}

.accordion-heading-hover{
  color: #2a3358;
  background-color: #fff;
}

.accordion-heading a i{
  font-size: 1.8em;
  margin-right: 10px;
  vertical-align: sub;
}

id-perguntas-frequentes .accordion-body {
  color: #fff;
  background-color: #2a3358;
  font-size: 1.3125em;
  padding: 20px;
  margin-bottom: 10px;
}

.collapse {
  text-align: justify;
}

/* HOVER///////////////////////////////////////////////////////////////////// */

.grid {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: rgba(28, 33, 55, 1);
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
  border-right: 2px solid #fff;
}

.grid figure:hover,
.grid figure:active,
.grid figure:focus{
  background: rgb(34, 43, 82);
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

figure.effect-lily:hover img,
figure.effect-lily:active img,
figure.effect-lily:focus img{
  opacity: 0.5;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
  max-width: none;
  width: 100%;
  opacity: 0.2;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,0,300px);
  transform: translate3d(0,0,300px);

}

figure.effect-lily figcaption {
  text-align: left;
}

figure.effect-lily figcaption > div {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 72%;
}

figure.effect-lily h2,
figure.effect-lily p,
figure.effect-lily a{
  -webkit-transform: translate3d(0,15px,0);
  transform: translate3d(0,15px,0);
}

figure.effect-lily a {
  display: inline-block;
  color: #222b52;
  border-radius: 100px;
  padding: 6px 13px 8px;
  text-transform: none;
  background-color: #fff;
}

figure.effect-lily h2 {
  text-align: center;
  font-size: 3em;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  margin-bottom: 6px;
}

figure.effect-lily p {
  color: rgba(255,255,255,0.8);
  display: block;
  font-size: 1.4em;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  text-transform: none;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

figure.effect-lily:hover p {
  opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  font-size: 1.4em;
  text-transform: none;
  text-align: center;
  line-height: 27px;
  margin-top: 8px;
  white-space: inherit;
}

@media screen and (max-width: 50em) {
  .content {
    padding: 0 10px;
    text-align: center;
  }
  .grid figure {
    display: inline-block;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}

/* BACKGROUND FANCYBOX/////////////////////////////////////////////////////// */

div.pp_overlay,
.fancybox-overlay,
#Modal-Redes{
  background: rgba(25, 27, 56, 0.9)!important;
  opacity: 1!important;
}

/* RESET DOS LINKS///////////////////////////////////////////////////////////////// */
*,
*:hover,
*:focus,
*:active{
  outline: none;
}

a,
a:hover,
a:active,
a:focus{
  text-decoration: none;
}

/* FONTES ////////////////////////////////////////////////////////////////// */

@font-face {
  font-family: 'ionicons';
  src:url('../../fonts/ionicons.eot');/* para IE */
  src:url('../../fonts/ionicons.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/ionicons.woff') format('woff'),
    url('../../fonts/ionicons.ttf') format('truetype'),
    url('../../fonts/ioniconssvg#newsgoth_cn_btregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../../fonts/Roboto-Light.eot');
  src: url('../../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Roboto-Light.woff2') format('woff2'),
    url('../../fonts/Roboto-Light.woff') format('woff'),
    url('../../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../../fonts/Roboto-Regular.eot');
  src: url('../../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../../fonts/Roboto-Regular.woff') format('woff'),
    url('../../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}






.fancybox-opened .fancybox-title {
  font-size: 1.3em;
  text-align: center;
  font-family: 'Roboto';
}


/* GLOBAL//////////////////////////////////////////////////////////////////// */

body{
  font-family:'Roboto';
  font-size: 14px;
}

a{
  outline: none!important;
  text-decoration: none!important;
}

.title-escuro{
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  margin: 0 0 26px 0;
  font-family:'Roboto-Regular';
}

.title-escuro i{
  color: #078bd3;
  margin-right: 10px;
}
#id-videos .title-escuro i,
#id-videos .stl-produto-index h3 i,
#id-sobre-audios h2 i,
#noticia-links h2 i {
  color: #626262;
}
#id-galeriadefotos .title-escuro i {
  color: #1c2137;
}
.title-claro{
  color: #222b52;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  margin: 0 0 26px 0;
  font-family:'Roboto-Regular';
}

.title-claro i{
  color: #078bd3;
  margin-right: 10px;
}

.title-branco{
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  margin: 0 0 26px 0;
  font-family:'Roboto-Regular';
}

.title-branco i{
  color: #222b52;
  margin-right: 10px;
}

.btn-claro,
.btn-claro-branco,
.btn-escuro,
.btn-escuro-branco{
  border-radius: 100px;
  padding: 10px 0;
  font-size: 1.4em;
  text-align: center;
}

.btn-claro i,
.btn-claro-branco i,
.btn-escuro i,
.btn-escuro-branco i,
#content-noticia a i {
  vertical-align: baseline;
  margin-right: 10px;
}

#content-noticia{
  margin-bottom: 50px;
}

.btn-claro{
  background-color: #078bd3;
  color: #fff;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.btn-claro:hover,
.btn-claro:focus,
.btn-claro:active{
  background-color: #222b52;
  color: #fff;
}
.btn-claro-branco{
  background-color: #078bd3;
  color: #fff;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.btn-claro-branco:hover,
.btn-claro-branco:focus,
.btn-claro-branco:active{
  background-color: #fff;
  color: #222b52;
  border-radius: 100px;
}

.btn-escuro{
  background-color: #1c2137;
  color: #fff;
  border-radius: 100px;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}



.btn-escuro-branco{
  background-color: #222b52;
  color: #fff;
  border-radius: 100px;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}



.empty {
  color: #1c2137;
  background-color: #e3e3e3;
  text-align: center;
  font-size: 1.6em;
  display: block;
  padding: 20px;
  margin-bottom: 20px;
}

.breadcrumb {
  background-color: #d9d9d9;
  color: #1c2137;
  font-size: 1.3em;
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
}

.stl-dropshadow {
  -webkit-box-shadow: 0 0 62px rgba(137, 132, 177, 0.5);
  -moz-box-shadow: 0 0 62px rgba(137, 132, 177, 0.5);
  box-shadow: 0 0 62px rgba(137, 132, 177, 0.5);
  padding: 30px;
  margin-top: 10px;
  z-index: 0;
  margin-bottom: 30px;
  background-color: #fff;
}

#pag-mapa .stl-dropshadow div a.link-re, 
#pag-mapa .stl-dropshadow div button.link-re {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  color: #372e73;
  background-color: #fff;
  border: 3px solid #372e73;
  font-size: 1.5625em;
  display: inline-block;
  padding: 5px 13px;
  text-align: center;
  text-decoration: none!important;
}

.link-re:hover, .link-re:focus, .link-re:active {
  color: #fff!important;
  background-color: #0c83c5!important;
  border-color: #0c83c5!important;
}

.stl-dropshadow h2 {
  background: #494e62;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-size: 1.6em;
}

.stl-sub{
  margin-bottom: 15px;
}

.img-pag {
  border: 15px #363a4e solid;
  border-radius: 20px;
  margin-bottom: 35px;
}

#pag-produto h1, 
#pag-galeria-de-fotos h1, 
#pag-galeria-de-videos h1, 
#pag-clientes h1, 
#pag-contato h1, 
#pag-empresa h1, 
#pag-personalidades h1,
#pag-personalidade h1, 
#pag-mensagens h1,
#pag-mensagem h1,
#pag-artigos h1,
#pag-artigo h1,
#pag-sobre h1,
#pag-error h1, 
#pag-links h1, 
#pag-noticia h1, 
#pag-noticias h1, 
#pag-parceiros h1, 
#pag-pergunta h1, 
#pag-perguntas-frequentes h1, 
#pag-produtos h1, #pag-produto h1, 
#pag-servicos h1, 
#pag-servico h1, 
#pag-mapa h1, 
#pag-video h1,
#pag-livros h1,
#pag-livro h1{
  font-size: 2.8em;
  text-transform: uppercase;
  padding-bottom: 6px;
  color: #363a4e;
}

#pag-produto, 
#pag-galeria-de-fotos, 
#pag-galeria-de-videos, 
#pag-clientes, 
#pag-contato, 
#pag-empresa,
#pag-personalidade, 
#pag-personalidades, 
#pag-mensagem, 
#pag-mensagens,
#pag-sobre, 
#pag-audios,
#pag-mensagem, 
#pag-mensagens, 
#pag-error, 
#pag-links, 
#pag-noticia, 
#pag-noticias, 
#pag-parceiros, 
#pag-pergunta, 
#pag-perguntas-frequentes, 
#pag-produtos, 
#pag-produto, 
#pag-servicos, 
#pag-livro,
#pag-livros, 
#pag-servico, 
#pag-mapa, 
#pag-video {
  font-family: 'Roboto';
  padding-bottom: 30px;
}

.breadcrumb a {
  color: #363a4e;
  text-decoration: none;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  content: "/\00a0";
  color: #363a4e;
}

#text-contact .accordion-group .accordion-inner {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.4em;
  border: 2px #cad4ff solid;
}

#text-contact .accordion-group .accordion-inner a {
  text-decoration: none;
  font-size: 1.4em;
  display: block;
  padding: 10px;
  margin: 0 12px;
  border-radius: 8px;
  color: #372e73;
  background-color: #cad4ff;
}

.link-re {
  color: #626262;
  background-color: #fff;
  border: 3px solid #626262;
  font-size: 1.3em;
  display: inline-block;
  padding: 5px 13px;
  text-align: center;
  text-decoration: none!important;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.down {
  padding-right: 0;
  padding-top: 20px;
}


.stl-right {
  float: right;
}

.menu-categ h3 {
  font-size: 1.4em;
  padding: 15px 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: #1c2137;
  color: #fff;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.menu-categ h3:hover, 
.menu-categ h3:focus .menu-categ h3:active, 
.menu-categ h3.active {
  background-color: #494e62;
}

.menu-categ li a:hover, 
.menu-categ li a:focus, 
.menu-categ li a.active {
  background-color: #494e62;
  color: #fff;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.menu-categ h3 a {
  padding: 3px 10px;
  cursor: pointer;
  text-decoration: none;
  display: block;
  color: #fff;
}

.descricao {
  text-align: justify;
  font-size: 1.4em;
  padding: 20px 15px 30px;
}

#pag-galeria-de-videos #videos .detail a {
  background-color: #1c2137;
  color: #fff;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#pag-galeria-de-videos #videos .detail a:hover,
#pag-galeria-de-videos #videos .detail a:focus,
#pag-galeria-de-videos #videos .detail a:active{
  background-color: #494e62;
}

#pag-galeria-de-videos #videos .detail a {
  cursor: pointer;
  display: block;
  padding: 10px 10px;
  text-align: center;
  font-size: 1.6em;
  margin-top: 0;
  margin-bottom: 15px;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
  background-color: #494e62;
  border-color: #494e62;
  color: #fff!important;
}

.breadcrumb>.active {
  color: #0178b9;
}

main{
  padding: 40px 0 0;
  background-image: -webkit-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: -moz-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: -o-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: -ms-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: linear-gradient(to top, #dcdcdc 1%, #fff);
}

.menu-categ ul {
  padding: 0;
}

.menu-categ li {
  list-style: none;
}

.menu-categ li a {
  text-decoration: none;
  display: block;
  margin: 5px 0;
  padding: 7px 12px;
  font-size: 1.4em;
  background-color: #d9d9d9;
  color: #1c2137;
}

main .img-center {
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.img-center {
  background: white;
  width: 100%;

  text-align: center;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.img-center img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#id-pagprodutos a h3, 
#id-paglinks div h3, 
#id-pagparceiros div h3, 
#id-pagperg-freq a h3, 
#id-pagservicos a h3,
#id-pagmensagens a h3,
#id-pagpersonalidades a h3,
#id-paglivros a h3{
  font-size: 1.4em;
  text-align: center;
  margin: 0;
  padding: 0 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 48px;
  color: #1c2137;
  background-color: #e3e2ec;
  margin-bottom: 15px;
}

#id-pagprodutos a, 
#id-paglinks a, 
#id-pagparceiros > div > div, 
#id-pagperg-freq a, 
#id-pagservicos a,
#id-mensagens a,
#id-pagpersonalidades a{
  text-decoration: none;
  z-index: 0;

}

#pag-produto p, 
#pag-galeria-de-fotos p, 
#pag-clientes p, 
#pag-contato p, 
#pag-empresa p, 
#pag-audios p, 
#pag-error p, 
#pag-links p, 
#pag-noticia p, 
#pag-noticias p, 
#pag-parceiros p, 
#pag-pergunta p, 
#pag-perguntas-frequentes p, 
#pag-produtos p, 
#pag-produto p, 
#pag-servicos p, 
#pag-servico p, 
#pag-mapa p, 
#pag-video p,
#pag-mensagem p,
#pag-mensagens p,
#pag-artigo p,
#pag-artigos p,
#pag-personalidades p,
#pag-personalidade p,
#pag-livros p,
#pag-livro p,
#pag-sobre p{
  font-size: 1.5em;
}

.stl-sub img {
  border: 5px #363a4e solid;
}

.stl-sub span {
  color: #4153a1;
  font-size: 1.3em;
  text-align: left;
  display: none;

}
.stl-sub span.date-new {
  display: block;
}
.stl-sub span i {
  font-size: 1.6em;
  vertical-align: middle;
  color: #0c83c5;
}
.stl-audio h3 {
  text-align: center;
  color: #1c2137;
}

#linkspg li a {
  background-color: #9a9ead;
  color: #fff;
  display: block;
  padding: 15px 10px;
  font-size: 1.6em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
#linkspg li a i {
  color: #494e62;
}
#linkspg li a:hover, 
#linkspg li a:focus, 
#linkspg li a:active {
  background-color: #494e62;
  outline: 3px solid #494e62;
  color: #fff;
}
#linkspg li a:hover i, 
#linkspg li a:focus i, 
#linkspg li a:active i {
  color: #9a9ead;
}
#id-paglinks ul li {
  list-style: none;
}

#linkspg {
  -webkit-padding-start: 0;
}

#pag-galeria-de-fotos #fotos li {
  list-style: none;
}

#pag-galeria-de-fotos #fotos li a {
  display: block;
  margin: 10px 0 10px;
}

/* HEADER//////////////////////////////////////////////////////////////////// */
#id-header{}

#id-logo-redes-sociais-menu{
  background-color: #efefef;
  background-image: -webkit-linear-gradient(to top, rgb(220, 220, 220) 1%, rgb(255, 255, 255));
  background-image: -moz-linear-gradient(to top, rgb(220, 220, 220) 1%, rgb(255, 255, 255));
  background-image: -o-linear-gradient(to top, rgb(220, 220, 220) 1%, rgb(255, 255, 255));
  background-image: -ms-linear-gradient(to top, rgb(220, 220, 220) 1%, rgb(255, 255, 255));
  background-image: linear-gradient(to top, rgb(220, 220, 220) 1%, rgb(255, 255, 255));
}



#content-logo-redes-sociais-menu {
  min-height: 175px;
  height: auto;
}

#content-logo-header {
  padding: 12px 0;
}

#content-decoracao {
  background-color: #9bc8e0;
  min-height: 135px;
  height: auto;
}

#content-welcome-principal-redesociais-menu{
  background-color: #1c2137;
  text-align: center;
  height: auto;
  padding-bottom: 18px;
}

#content-welcome span {
  color: #fff;
  font-size: 1.15em;
  line-height: 62px;
  display: block;
}
#content-welcome span i {
  margin-right: 10px;
}

.unav-burger {
  width: 55px;
  height: 55px;
  background-color: rgba(44, 42, 49, 0);
  border: 2px #ffffff solid;
  border-radius: 3px;
  z-index: 999;
}

.unav-burger span, .unav-burger span::before, .unav-burger span::after {
  border-radius: 40px;
  background-color: #fff;
}

.unav-burger-open span {
  background-color: #fff0;
}

.unav nav {
  background-color: #494e62;
  font-family: 'Roboto';
  padding: 0;
  z-index: 99;
  overflow-x: auto;
  height: auto;
  z-index: 9999;
}

#navigation{
  display: inline-table;
  margin: 0 auto;
  padding: 0;
}

#navigation h3 {
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  line-height: 44px;
  margin: 0;
  background-color: #6b6e7d;
}

.unav a {
  font-size: 1.1em;
  padding-top: 5px;
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px #5a6282 solid;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.f-nav-active{
  width: 50px;
  height: 50px;
  position: fixed;
  top: 0;
  right: 0;
  margin: 10px;
  background-color: #106ca3;
  border: none!important;
}

.f-nav-active-content{
  top: 70px!important;
}

.f-nav-active:hover,
.f-nav-active:active,
.f-nav-active:focus{
  border:none!important;
}

.unav-item:hover, .unav-item.active {
  background-color: #34394e;
}

.btn-topo{
  color: #fff;
  font-size: 2.4em;
  background-color: #2c2a3100;
  border: 2px #ffffff solid;
  border-radius: 3px;
  z-index: 999;
  width: 55px;
  height: 55px;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
  outline: none;
  margin: 0 auto;
}

.btn-topo:hover,
.btn-topo:active,
.btn-topo:focus{
  color: #fff;
  border: 2px #106ca3 solid;
}

.unav-burger:hover,
.unav-burger:focus,
.unav-burger:active {
  border: 2px #106ca3 solid;
}

.unav-burger:hover span:before,
.unav-burger:focus span:before,
.unav-burger:active span:before,
.unav-burger:hover span,
.unav-burger:focus span,
.unav-burger:active span,
.unav-burger:hover span:after,
.unav-burger:focus span:after,
.unav-burger:active span:after{
  background-color: #fff;
}

.unav-burger-open:hover span,
.unav-burger-open:focus span,
.unav-burger-open:active span{
  background-color: rgba(255, 255, 255, 0);
}

#content-principal,
#content-redes-sociais-header,
#content-menu{
  padding: 0;
}

#content-menu a i{
  color: #0c83c5;
}

.modal-body {
  width: 100%;
  position: relative;
  padding: 20px 15px 15px;
  display: inline-block;
}

#Modal-Redes #id-redes-topo a[title="Curtir"] {
  margin-bottom: 10px;
}

#Modal-Redes ul li a, #Modal-Redes #id-redes-topo a {
  background: none;
  border-radius: 8px;
  list-style: none;
  padding: 10px;
  text-decoration: none;
  font-size: 1.6em;
  color: #2f4878;
  text-align: center;
  border: 2px #1c2137 solid;
  display: inline-block;
}

#Modal-Redes ul li a:hover, #Modal-Redes ul li a:focus, 
#Modal-Redes ul li a:active, #Modal-Redes ul li a:hover i, 
#Modal-Redes ul li a:focus i, #Modal-Redes ul li a:active i, 
#Modal-Redes #id-redes-topo a:hover, #Modal-Redes #id-redes-topo a:focus, 
#Modal-Redes #id-redes-topo a:active {
  background-color: #2f4878;
  color: #fff;
  border: 2px #2f4878 solid;
}

#Modal-Redes ul {
  text-align: center;
  width: 100%;
  padding: 0;
  display: inline-block;
}

#Modal-Redes ul li a,
#Modal-Redes #id-redes-topo a {
  padding: 0!important;
}

#Modal-Redes #redes-topo ul li {
  display: inline-block;
}

.modal-footer button {
  width: 30%;
  float: right;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.btn-modal {
  border: 2px #494e62 solid;
  border-radius: 5px;
  background-color: #494e62;
  font-size: 1.4em;
  padding: 3px;
  color: #ffffff;
  display: block;
  text-align: center;
}

.btn-modal:hover, 
.btn-modal:focus, 
.btn-modal:active {
  text-decoration: none;
  background-color: #1c2137;
  color: #fff;
  border-color: #1c2137;
}

#Modal-Redes ul li a i,
#Modal-Redes #id-redes-topo a i {
  font-size: 1.6em;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-size: 2em;
  text-align: center;
}

.modal-header .close {
  margin-top: -25px;
  font-size: 4em;
}

/* BANNER//////////////////////////////////////////////////////////////////// */

#content-banner{
  padding: 0 0 15px 0;
  background-image: -webkit-linear-gradient(bottom, #dcdcdc 1%, #fff);
  background-image: -moz-linear-gradient(bottom, #dcdcdc 1%, #fff);
  background-image: -o-linear-gradient(bottom, #dcdcdc 1%, #fff);
  background-image: -ms-linear-gradient(bottom, #dcdcdc 1%, #fff);
  background-image: linear-gradient(to top, #dcdcdc 1%, #fff);
}



.no-js .owl-carousel, 
.owl-carousel.owl-loaded {
  display: block;
  margin: 0 auto;
}

#content-banner img{
  z-index: 9;
  position: relative;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
  background: #222b52;
  width: 22px;
  height: 22px;
}

.owl-theme .owl-dots .owl-dot span {
  width: 22px;
  height: 22px;
  background: #ffffff;
}

#id-banner .owl-theme .owl-nav [class*=owl-]{
  width: 80px;
  height: 80px;
  margin: 0;
}

#id-banner .owl-theme .owl-prev{
  left: 0;
  position: absolute;
  top: 40%;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#id-banner .owl-theme .owl-next{
  right: 0;
  position: absolute;
  top: 40%;
}

#id-banner .owl-theme .owl-dots{
  margin: 4px auto;
  display: table;
  padding: 10px;
  background-image: -webkit-linear-gradient(top, #dcdcdc 1%, #fff);
  background-image: -moz-linear-gradient(top, #dcdcdc 1%, #fff);
  background-image: -o-linear-gradient(top, #dcdcdc 1%, #fff);
  background-image: -ms-linear-gradient(top, #dcdcdc 1%, #fff);
  background-image: linear-gradient(top, #dcdcdc 1%, #fff);
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  position: relative;
  z-index: 1;
}

#id-banner .owl-theme .owl-dots .owl-dot.active span, 
#id-banner .owl-theme .owl-dots .owl-dot span{
  width: 22px;
  height: 22px;
}

#id-banner .owl-theme .owl-nav [class*=owl-]{
  background: none;
  background-image: url(../../../public/img/arrow-banner.png);
  background-position: center;
  background-repeat: no-repeat;
}

#id-banner .owl-theme .owl-nav [class*=owl-]:hover,
#id-banner .owl-theme .owl-nav [class*=owl-]:focus,
#id-banner .owl-theme .owl-nav [class*=owl-]:active{
  background: none;
  background-image: url(../../../public/img/arrow-banner-hover.png);
  background-position: center;
  background-repeat: no-repeat;
}

#id-banner .owl-theme .owl-dots .owl-dot.active span, 
#id-banner .owl-theme .owl-dots .owl-dot span{
  background-color: #fff;
}

#id-banner .owl-theme .owl-dots .owl-dot.active span, 
#id-banner .owl-theme .owl-dots .owl-dot:hover span{
  background-color: #1c2137;
}

#id-banner .owl-theme .owl-nav {
  margin-top: -4px;
}

.title-banner{
  z-index: 10;
  text-align: center;
  position: relative;
  margin-top: -30%;
  background-color: rgba(255, 255, 255, 0.5);
}

.title-banner h2{
  font-size: 2em;
  text-align: center;
  color: #fff;
  padding: 10px 75px 0 75px;
}

.title-banner a {
  background-color: #fff;
  color: #212a4f;
  border-radius: 100px;
  font-size: 1.35em;
  padding: 7px 19px;
  display: block;
  width: 50%;
  margin: 0px auto;
  position: relative;
  top: 20px;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.title-banner a:hover,
.title-banner a:focus,
.title-banner a:active {
  background-color: #212a4f;
  color: #fff;
}


/* FOOTER//////////////////////////////////////////////////////////////////// */

#id-logo-redes-sociais{
  background-color: #fff;
}

#id-copy-assinatura{
  background-color: #0c83c5;
}

#id-copy-assinatura span{
  color: #fff;
  font-size: 1.4em;
  line-height: 62px;
  display: block;
  text-align: center;
}

#content-logo-redes-sociais {
  padding: 43px 0;
}

#content-redes-sociais{
  text-align: center;
}

#content-redes-sociais h2{
  font-size: 1.8em;
  color: #222b52;
}

#content-redes-sociais a{
  border: 3px #222b52 solid;
  border-radius: 100%;
  width: 65px;
  height: 65px;
  display: inline-block;
  color: #232c53;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#content-redes-sociais a:hover,
#content-redes-sociais a:focus,
#content-redes-sociais a:active{
  background-color: #222b52;
  color: #fff;
}

#content-redes-sociais a i{
  font-size: 2.4em;
  margin: 22%;
}

#assinatura-web{

}

#assinatura-web .assinaturaDireita{

  top: -46px;
  bottom: 0;
  right: 0;
}

#assinatura-web2{

}

/* INDEX///////////////////////////////////////////////////////////////////// */

#id-mensagem{
  padding: 40px 0;
}

.content-img-mensagem img {
  border: 10px solid #1c2137;
}

.content-mensagem{
  padding: 0 40px;
  height: 307px;
  overflow: hidden;
}

.content-mensagem h3{
  color: #222b52;
  font-size: 2em;
}

.content-mensagem p{
  color: #6b6b6c;
  font-size: 1.3em;
}

.content-mensagem p a{
  color: #222b52;
}

#id-videos{
  padding: 60px 0;
  background-color: #1c2137;
}

#content-video{
  padding: 0;
}

.button-ler-mais{
  padding: 15px 40px;
  font-size: 1.3em;
}

#content-video a {
  background: red;
}
#content-video .img-center{
  background: none;
  border: none;
  padding-top: calc(100% - 33%);
}

.stl-produto-index{
  text-align: center;
}

.stl-produto-index img{
  border: 5px #2c3041 solid;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.stl-produto-index h3{
  color: #fff;
  margin: 10px 3% 26px;
  padding: 0;
  height: 54px;
}

.stl-produto-index h3 i{
  color: #078bd3;
  margin-right: 10px;
}



#id-noticias-perguntasfrequentes {
  padding: 60px 0;
  background-image: -webkit-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: -moz-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: -o-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: -ms-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: linear-gradient(to top, #ccced7 1%, #fff);
}

#id-perguntas-frequentes .accordion-body {
  color: #fff;
  background-color: #494e62;
  font-size: 1.3125em;
  padding: 20px;
  margin-bottom: 10px;
}

#id-perguntas-frequentes .accordion-body {
  color: #fff;
  background-color: #494e62;
  margin-top: -10px;
}

#id-perguntas-frequentes{
  margin-bottom: 22px;
  height: auto;
  background-color: #1c2137;
  padding: 40px 30px;
}

#id-artigos{
  padding: 40px 0;
}

#content-artigos{
  padding: 10px 0 30px;
}

.hover .grid{
  padding: 0 15px;
}

.hover figure.effect-lily figcaption > div {
  height: 100%;
}


.hover figure.effect-lily img {
  max-width: none;
  width: 100%;
}

.hover figure.effect-lily img {
  -webkit-transform: translate3d(0,0, 0);
  transform: translate3d(0,0,0);
}

.hover figure.effect-lily figcaption > div {
  padding: 37%;
}

.hover figure.effect-lily figcaption > div i{
  display: inline-flex;
  font-size: 2em;
  background-color: #fff0;
  border: 2px #fff solid;
  color: #fff;
  padding: 0 9px 1px;
  border-radius: 0;
  margin: 18% 0 0 0;
}
.hover .grid:hover figure, 
.hover .grid:active figure, 
.hover .grid:focus figure{
  border:none;
  background: rgb(34, 43, 82);
}

#id-personalidades-linksuteis{
  background-color: #fff;
}

#id-personalidades{
  margin-bottom: 30px;
}

#content-personalidades {
  padding: 40px 0;
}

#content-personalidades img{
  transform: scale(1.3);
}

#content-personalidades a{
  display: block;
}

#content-personalidades .title-claro {
  margin-bottom: 0;
}
#id-livros{
  padding: 40px 0;
}

#content-livros{
  padding: 10px 0 30px;
}

div#amplitude-right {
  max-height: 612px!important;
}

div#amplitude-right div.song{
  background-color: #f1f1f1;
}

#id-sobre-audios{
  padding: 60px 0;
  background: #1c2137;
}

#content-sobre-audios{
  padding: 0;
}

#content-audio{
  margin-bottom: 30px;
}

#id-linksuteis{
  margin-bottom: 15px;
}

#id-linksuteis a {
  color: #fff;
  border: 3px solid #fff;
  font-size: 1.4em;
  padding: 1px 10px 7px;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#id-linksuteis a:hover,
#id-linksuteis a:focus,
#id-linksuteis a:active{
  color: #2a3358;
  background-color: #fff;
}

#id-linksuteis a i {
  font-size: 1.8em;
  margin-right: 10px;
  vertical-align: sub;
}
#sobre {
  padding-top: 30px;
}
#content-sobre {
  background: #222b52;
}
#content-sobre p {
  color: #fff;
  padding: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  font-size: 1.4em;
}
#btn-sobre {
  padding-top: 30px;
  padding-bottom: 30px;
}
#id-galeriadefotos{
  padding: 60px 0 0 0;
  background-color: #909092;
}

#content-galeriadefotos{
  padding: 10px 0 30px;
}

#content-galeriadefotos .grid {
  padding: 0;
}

#content-galeriadefotos .grid figure {
  border: 0;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#content-galeriadefotos figure.effect-lily figcaption > div {
  padding: 30%;
  display: none;
}

#content-galeriadefotos figure.effect-lily figcaption > div span{
  display: block;
  margin-top: 10px;
}

#content-galeriadefotos figure.effect-lily img {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  max-height: 420px;
  min-height: 200px;
  height: auto;
}

#content-galeriadefotos .grid figure:hover figcaption > div, 
#content-galeriadefotos .grid figure:active figcaption > div, 
#content-galeriadefotos .grid figure:focus figcaption > div{
  display: block;
}

#content-galeriadefotos .grid figure:hover, 
#content-galeriadefotos .grid figure:active, 
#content-galeriadefotos .grid figure:focus {
  background: #fff;
  opacity: 0.70;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}

#content-galeriadefotos figure.effect-lily figcaption > div i {
  margin: 28% 0 0 0;
}

#id-conhecamais{
  padding: 60px 0;
  background-image: -webkit-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: -moz-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: -o-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: -ms-linear-gradient(to top, #dcdcdc 1%, #fff);
  background-image: linear-gradient(to top, #dcdcdc 1%, #fff);
}
.btn-msg {
  text-align: right;
  right: 110px;
  top: 10px;
}
.btn-msg a {
  padding: 10px 20px;
}
#content-conhecamais{
  padding-top: 10px;
}

#content-conhecamais .grid figure {
  background: rgb(255, 255, 255);
}

#content-conhecamais .grid figure {
  border: 0;
}

#content-conhecamais .owl-theme .owl-nav [class*=owl-],
#id-mensagem .owl-theme .owl-nav [class*=owl-]{
  width: 50px;
  height: 40px;
  margin: 4px;
}

#content-conhecamais .owl-theme .owl-next,
#id-mensagem .owl-theme .owl-next{
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#content-conhecamais .owl-nav [class*=owl-]{
  background: none;
  background-image: url(../../../public/img/icn-arrow-x.png);
  background-position: 10px;
  background-repeat: no-repeat;
}
#id-mensagem .owl-nav [class*=owl-]{
  background: none;
  background-image: url(../../../public/img/icn-arrow-xs.png);
  background-position: 10px;
  background-repeat: no-repeat;
}

#content-conhecamais .owl-theme .owl-nav [class*=owl-]:hover,
#content-conhecamais .owl-theme .owl-nav [class*=owl-]:focus,
#content-conhecamais .owl-theme .owl-nav [class*=owl-]:active,
#id-mensagem .owl-theme .owl-nav [class*=owl-]:hover,
#id-mensagem .owl-theme .owl-nav [class*=owl-]:focus,
#id-mensagem .owl-theme .owl-nav [class*=owl-]:active{
  opacity: 0.70;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
#id-mensagem .owl-theme .owl-nav {
  position: absolute;
  right: 0;
  margin-top: 0px;
}
#content-conhecamais .owl-theme .owl-nav {

  margin-top: 30px;
}

#content-conhecamais figure.effect-lily img {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

#content-conhecamais .grid figure:hover, 
#content-conhecamais .grid figure:active, 
#content-conhecamais .grid figure:focus {
  background: #fff;
  opacity: 0.70;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}

#content-conhecamais figure.effect-lily figcaption > div {
  padding: 0;
}

#content-conhecamais figure.effect-lily figcaption > div i {
  margin: 0;
  display: none;
  bottom: 10px;
  right: 10px;
  position: absolute;
}

#content-conhecamais .grid figure:hover div i{
  display: inline-block;
  color: #078bd3;
  border-color: #078bd3;
}

#pag-contato .stl-dropshadow span{
  font-size: 1.6em;
  display: block;
  text-align: center;
}

#pag-contato .stl-dropshadow label{
  font-size: 1.3em;
  margin-top: 10px;
  margin-bottom: 10px;
}

#pag-contato .stl-dropshadow .link-re{
  margin-top: 20px;
  margin-bottom: 10px;
}

#text-contact span{
  text-align: center;
  font-size: 1.6em;
  margin: 40px 0;
  display: block;
}

#text-contact .accordion-group h2,
#emails h2{
  text-align: center;
  padding: 10px;
}

#text-contact .accordion-group .accordion-heading a,
#list-mail span{
  font-size: 1.6em;
  margin: 0 0 5px 0!important;
  text-align: center;
  padding: 6px 0 8px;
  display: block;
  text-decoration: none;
}

#text-contact .accordion-group .accordion-inner{
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.4em;
}

#text-contact .accordion-group .accordion-inner a{
  text-decoration: none;
  font-size: 1.4em;
  display: block;
  padding: 10px;
  margin: 0 12px;
  border-radius: 8px;
}

#text-contact .accordion-group .accordion-inner span{
  text-align: center;
  font-size: 1.6em!important;
  margin: 10px 0!important;
  display: block;
}

#text-contact .accordion-group h2, #telefones h2 {
  text-align: center;
  padding: 10px;
}

#text-contact .accordion-group .accordion-heading a, #list-telefones span {
  font-size: 1.6em;
  margin: 0 0 5px 0!important;
  text-align: center;
  padding: 6px 0 8px;
  display: block;
  text-decoration: none;
}

#text-contact .accordion-group .accordion-heading a, #list-telefones a{
  display: block;
  text-align: center;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 1.8em;
  text-decoration: none;
}

#text-contact .accordion-group h2, #telefones h2 {
  text-align: center;
  padding: 10px;
  background-color: #4153a1;
  color: #fff;
}

#text-contact .accordion-group .accordion-heading a, 
#list-telefones a {
  background-color: #cad4ff;
  color: #474650;
  display: block;
  text-align: center;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 1.8em;
  text-decoration: none;
}

#text-contact .accordion-group .accordion-heading a i, 
#list-telefones span i {
  color: #fff;
  font-size: 1em;
  vertical-align: text-bottom;
}

#text-contact .accordion-group .accordion-heading a, 
#list-mail span {
  background-color: #cad4ff;
  color: #474650;
  font-size: 1.6em;
  margin: 0 0 5px 0!important;
  text-align: center;
  padding: 6px 0 8px;
  border-color: #cad4ff;
  display: block;
  text-decoration: none;
}

#text-contact .accordion-group h2, 
#emails h2 {
  background-color: #4153a1;
  color: #fff;
  text-align: center;
  padding: 10px;
}

#text-contact .accordion-group .accordion-heading a i, 
#list-mail span i {
  color: #fff;
}

#pag-contato .alert {
  font-size: 20px;
  text-align: center;
}

/* ERROR//////////////////////////////////////////////////////////////////////*/

#pag-error strong{
  font-size: 3em;
  margin: 30px 0;
  display: block;
}

#pag-error span{
  font-size: 1.8em;
  margin: 15px 0;
  display: block;
}

#pag-error h1{
  padding-top: 0;
}

#pag-error{
  padding-top: 0;
}


/* MANUAL - 22/01 */
/*Downloads - index************************************************************/

#main-downloads .stl-audio,
#main-audios .stl-audio {
  margin-bottom: 20px;
}

#main-downloads .stl-audio a h3,
#main-audios .stl-audio a h3 {
  background-image: none;
  color: #372e73;
  margin: 0;
  font-size: 1.4em;
  text-align: center;
}

#main-audios .stl-audio a h3 {
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#id-pag-downloads-audios {
  height: auto;
  position: relative;
  padding-top: 30px;
  padding-bottom: 40px;
  color: #372e73;
}

#id-pag-downloads-audios h2 {
  font-size: 2.6875em;
  line-height: 95px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 300;
}

#id-pag-downloads-audios h2 i {
  font-size: 1.4em;
  vertical-align: sub;
}

#id-lista-downloads {
  display: block;
}

.stl-list-downloads {
  color: #222b52;
  background-image: -webkit-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: -moz-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: -o-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: -ms-linear-gradient(to top, #ccced7 1%, #fff);
  background-image: linear-gradient(to top, #ccced7 1%, #fff);
  margin-bottom: 10px;
  display: inline-block;
  padding: 15px 0;
  width: 100%;
}

.stl-list-downloads img {
  border: 5px #fff solid;
}

.stl-list-downloads h3 {
  font-size: 1.5em;
  margin: 5px 0 9px 0;
  color: #222b52;
  font-weight: 400;
  text-transform: uppercase;
}

.stl-list-downloads h3 a {
  color: #222b52;
}

.stl-list-downloads span {
  font-size: 1em;
  display: none;
  margin-bottom: 10px;
  color: #222b52;
}

.stl-list-downloads span i {
  margin-right: 4px;
  color: #222b52;
}

.stl-list-downloads a.download {
  background-image: -webkit-linear-gradient(bottom, #efefef 1%, #fff);
  background-image: -moz-linear-gradient(bottom, #efefef 1%, #fff);
  background-image: -o-linear-gradient(bottom, #efefef 1%, #fff);
  background-image: -ms-linear-gradient(bottom, #efefef 1%, #fff);
  background-image: linear-gradient(to top, #efefef 1%, #fff);
  background-color: #fff;
  font-size: 1.2em;
  padding: 4px 20px 7px;
  border-radius: 100px;
  display: inline-block;
  color: #858390;
}

.stl-list-downloads a i {
  color: #078bd3;
  font-size: 1.2em;
  margin-right: 4px;
}
#id-lista-audios {
  width: 100%;
  display: inline-block;
}

.stl-list-audios {
  width: 50%;
  display: inline-block;
  float: left;
  margin-bottom: 15px;
  padding: 10px;
}

.stl-list-audios img {
  border: 6px #222b52 solid;
}

.stl-list-audios h3 {
  color: #222b52;
  font-size: 1.4em;
  line-height: 25px;
  margin: 10px 0 5px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.stl-list-audios span {
  font-size: 1.1em;
  font-weight: 600;
  color: #222b52;
}

.stl-list-audios span i {
  color: #ccc;
}
#content-conhecamais .img-center {
  border: none;
}
#content-galeriadefotos a {
  padding-right: 0;
  padding-left: 0;
}
#content-conhecamais .image-center,
#content-galeriadefotos a .image-center,
#id-pagparceiros .image-center {
  background:#fff;
  width: 100%;
  padding-top: 100%;
  padding-top: calc(100% - 3px);
  text-align: center;
  margin: 0;
  position: relative;
  overflow: hidden;
}

#content-conhecamais .image-center img,
#content-galeriadefotos a .image-center img,
#id-pagparceiros .image-center img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 15px;
  background: none;
}
#id-pagparceiros .image-center {
  border: 10px #494e62 solid;
  padding-top: calc(100% - 20px);
}
#id-pagparceiros .image-center img {
  padding: 0;
}
#content-galeriadefotos span {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 100%;
  padding: 15%;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
#content-galeriadefotos span i {
  display: inline-flex;
  font-size: 2em;
  background-color:  #fff0;
  border: 2px  #fff solid;
  color: #fff;
  padding: 0 9px 1px;
  border-radius: 0;
  margin: 28% 0 0 0;
}
#content-galeriadefotos span > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content-galeriadefotos span em {
  display: block;
  margin-top: 10px;
  font-style: normal;
}
#content-galeriadefotos a:hover span,
#content-galeriadefotos a:focus span,
#content-galeriadefotos a:active span {
  display: block;
  font-weight: bold;
}
#content-galeriadefotos a:hover img,
#content-galeriadefotos a:focus img,
#content-galeriadefotos a:active img {
  opacity: .5;
}
#content-galeriadefotos a .image-center img {
  transform: scale(1.5);
  transition: 0.5s;
}
#links-galerias a .image-center {
  border: 10px #494e62 solid;
  background:#494e62 ;
  width: 100%;
  padding-top: calc(100% - 20px);
  text-align: center;
  margin: 0;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
}
#links-galerias a .image-center img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(1.2);
}
#content-artigos .grid figure {
  margin-bottom: 0;
}

#content-personalidades a.btn-escuro-branco {
  padding: 10px 20px;
  display: inline-block;
}
.img-center {
  padding-top: calc(100% - 6px);
  margin-bottom: 15px;
}
.img-center img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.img-center a {
  display: block!important;
}
#content-personalidades .img-center {
  background: rgba(28, 33, 55, 1);
  width: 100%;
  padding-top: 100%;
  padding-top: calc(100% - 0px);
  text-align: center;
  margin: 0;
  margin-bottom: -5px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
#content-personalidades a h3 {
  color: #fff;
  background-color: #606373;
  margin: 0;
  padding: 20px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
  margin-top: -1px;
}

#content-personalidades a:hover h3, 
#content-personalidades a:active h3, 
#content-personalidades a:focus h3 {
  background-image: none;
  background-color: #1c2137;
  color: #fff;
}
#content-personalidades .img-center i {
  font-size: 2em;
  position: absolute;
  z-index: 10;
  color: #fff;
  top: 40%;
  left: 40%;
  transition: 0.5s;
  display: none;
  border: 2px solid #fff;
  padding: 5px 10px;
}
#content-personalidades a:hover .img-center i,
#content-personalidades a:focus .img-center i,
#content-personalidades a:active .img-center i {
  display: block;
}
.downloads,
#audios,
#noticia,
#links {
  margin-bottom: 26px;
}

.downloads a{
  font-size: 1.2em;
}

#content-personalidades .img-center {
  padding-top: calc(100% - 10px);
  border: 5px solid #606373;
}
.downloads .img-center,
.img-download .img-center {
  padding-top: calc(100% - 0px);
  background: transparent;
}

.downloads .img-center img {
  border: 5px solid #494e62;
}
.downloads .img-center span,
#content-personalidades .img-center span {
  position: relative;
  z-index: 10;
  transition: 0.5s;
  display: none;
  padding: 5px 0;
  border-radius: 25px;
  margin-top: -50%;
  margin-left: 25%;
  width: 50%;
}
.downloads a h3 {
  text-align: center;
  font-size: 1.4em;
  color: #fff;
}
.downloads a:hover span,
.downloads a:focus span,
.downloads a:active span {
  display: block;
  color: #1c2137;
  border: 1px solid #fff;
  background: #fff;
  opacity: 1;
}
.img-center img {
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.downloads a:hover .img-center img,
.downloads a:focus .img-center img,
.downloads a:active .img-center img,
#content-galeriadefotos a:hover .img-center,
#content-galeriadefotos a:focus .img-center,
#content-galeriadefotos a:active .img-center,
#content-personalidades a:hover .img-center,
#content-personalidades a:focus .img-center,
#content-personalidades a:active .img-center {
  border: 5px solid #1c2137;
  background-color: #1c2137;
}
#content-galeriadefotos a:hover .image-center,
#content-galeriadefotos a:focus .image-center,
#content-galeriadefotos a:active .image-center {
  background-color: #1c2137;
}

#content-personalidades a:hover .img-center img,
#content-personalidades a:focus .img-center img,
#content-personalidades a:active .img-center img,
#content-galeriadefotos a:hover .image-center img,
#content-galeriadefotos a:focus .image-center img,
#content-galeriadefotos a:active .image-center img {
  opacity: .5;
  transform: scale(1.25);
}
#id-downloads a.btn-escuro-branco,
#id-audios a.btn-escuro-branco,
#noticia-links a.btn-escuro-branco,
#id-videos a.btn-claro-branco {
  background-color: #626262;
  padding: 10px 20px;
}
#id-mensagem a.btn-claro,
#noticia-links a.btn-escuro,
#id-noticias-perguntasfrequentes a.btn-escuro,
#id-galeriadefotos a.btn-escuro {
  background: #1c2137;
  padding: 10px 20px;
}

#id-downloads a.btn-escuro-branco:hover,
#id-downloads a.btn-escuro-branco:focus,
#id-downloads a.btn-escuro-branco:active,
#id-audios a.btn-escuro-branco:hover,
#id-audios a.btn-escuro-branco:focus,
#id-audios a.btn-escuro-branco:active,
#id-noticias-perguntasfrequentes a.btn-escuro:hover,
#id-noticias-perguntasfrequentes a.btn-escuro:focus,
#id-noticias-perguntasfrequentes a.btn-escuro:active,
#id-mensagem a.btn-claro:hover,
#id-mensagem a.btn-claro:focus,
#id-mensagem a.btn-claro:active,
#id-videos a.btn-claro-branco:hover,
#id-videos a.btn-claro-branco:focus,
#id-videos a.btn-claro-branco:active,
#noticia-links a.btn-escuro-branco:hover,
#noticia-links a.btn-escuro-branco:focus,
#noticia-links a.btn-escuro-branco:active,
#content-personalidades a.btn-escuro-branco:hover,
#content-personalidades a.btn-escuro-branco:focus,
#content-personalidades a.btn-escuro-branco:active {
  color: #ffff;
  background-color: #909092;
}
#id-galeriadefotos a.btn-escuro:hover,
#id-galeriadefotos a.btn-escuro:focus,
#id-galeriadefotos a.btn-escuro:active {
  color: #ffff;
  background-color: #626262;
}
#audios a {
  background: #494e62;
  display: block;
  list-style: none;
  color: #fff;
  padding: 8px 15px;
  margin: 10px 0;
  font-size: 1.3em;
  text-overflow: ellipsis;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
#audios a i,
#noticia a i,
#links a i {
  display: inline-block;
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 10px;
}
#audios a:hover,
#audios a:focus,
#audios a:active {
  background: #626262;
}
#id-galeriadefotos a.btn-claro-branco  {
  padding: 10px 20px;
}
#noticia-links {
  padding: 30px 0;
  background: #1c2137;
}
#noticia a,
#links a {
  display: block;
  color: #fff;
  list-style: none;
  padding: 8px 15px;
  margin: 10px 0;
  font-size: 1.3em;
  text-overflow: ellipsis;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
  border: 2px solid #606373;
}
#noticia a:hover,
#links a:hover {
  background: #606373;
}
.stl-produto-index:hover img,
.stl-produto-index:focus img,
.stl-produto-index:active img {
  border: 5px #626262 solid;
}
.triangle div {
  width: 0; 
  height: 0; 
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #1c2137;
  display: block;
  margin: 0 auto;
}
#id-galeriadefotos a.btn-escuro {
  display: inline-block;
  margin-bottom: 30px;
}
.leia-mais {

}
.logo-footer a {
  display: inline-block;
}
.logo-footer a img {
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.logo-footer a:hover img {
  opacity: .7;
}

.btvideoindex{
  top: 25px;
  position: relative;
}