body{
  background: #003443
}
.content-breadcrumb nav .breadcrumb .breadcrumb-item:nth-child(5){
  display: none;
}
/* nome secao */
.nome-secao{
  margin: 25px auto 25px;
  position: relative;
}
.nome-secao .secao-podcast{
  padding-left: 35px;
  background-size: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url(../img/ic-microfone-branco.svg);
}
.nome-secao p{
  color: #fff;
  font-family: 'Roboto',sans-serif;
  font-weight: bold;
  font-size: 22px;
  margin: 0;
  position: relative;
  width: max-content;
}
.nome-secao p{
}
.nome-secao p:after{
  content: '';
  width: 30px;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 8px;
  right: -32px;
}
@media(max-width:768px){
.nome-secao{
  margin-bottom: 10px;
}
}

/* introd */
.secao.podcasts{
  background: #003443;
  padding-bottom: 0;
  overflow-x: hidden;
  padding-top: 19px;
  
}
.secao.podcasts .cont-full > header{
  position: relative;
  height: 400px;
}
.secao.podcasts .cont-full > header:before{
  content: '';
  height: 100%;
  width: 5000px;
  left: -2000px;
  position: absolute;
  top: 0;
  background: #1A4956;
}
.secao.podcasts .content-intro{
  padding: 0 50px;
  position: relative;
  z-index: 2;
}
.secao.podcasts .content-intro > div{
width: 100%;
display: block;
}
.secao.podcasts .content-intro .ic-mic{
  position: relative;
  display: block;
  background-image: url(../img/ic-microfone-branco.svg);
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 48px;
}
.secao.podcasts .content-intro .titulo{
  text-align: center;
  color: #0ff;
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
}
.secao.podcasts .content-intro .titulo:before{
  content: '';
  width: 6%;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 47%;
  background: #0ff;
}
.secao.podcasts .content-intro .gravata h6{
  color: #fff;
  font-size: 17px;
  font-weight: 100;
  font-family: 'Roboto',sans-serif;
  line-height: 22px;
  text-align: center;
}
.content-compartilhe{
  text-align: center;
}
.content-compartilhe p{
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 100;
  color: #fff;
  font-family: 'Roboto',sans-serif;
  position: relative;
  width: 90px;
  margin: 5px auto;
}
.content-compartilhe p span{
  width: 20px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../img/ic-share.svg);
}
.content-compartilhe > .addthis{
  width: fit-content;
  margin: 0 auto;
}
.secao.podcasts .content-image-more {
  position: relative;
}
.secao.podcasts .content-image-more .bg-image{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  bottom: 20px;
  position: relative;
}
.conteudo-texto-more .conteudo-corpo-more{
  text-align: left !important;
  margin: 45px auto;
  color: #fff;
  font-family: 'Roboto',sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 100;
}
@media (max-width:1200px){
.secao.podcasts .cont-full > header{
  max-width:100%;
  padding: 0;
}
.secao.podcasts .cont-full > header:before{
  display:none
}
.secao.podcasts .content-image-more{
  position:absolute;
  max-width: 100%;
  height: 100%;
  flex: 0 0 100%;
  z-index:1;
  opacity:.4;
  padding: 0;
}
.secao.podcasts .content-image-more .bg-image{
  top:0
}
.secao.podcasts .content-intro{
  flex:0 0 100%;
  max-width:100%;
}
}
@media(max-width:768px){
.conteudo-texto-more .conteudo-corpo-more{
  font-size:16px;
  line-height:28px
}
.secao.podcasts .content-intro .titulo{
  font-size:24px
}
.secao.podcasts .content-intro{
  padding:0 30px;
}
.secao.podcasts .cont-full > header{
  height:450px
}
}
/* end */

/* ver mais */
.secoes.podcasts .intro:before{
  display: none;
}
.itens-podcasts:before{
  display: none;
}
.content-ver-mais{background: rgb(0 40 55);/* margin: 50px 0; */padding: 50px 15px;}
.content-ver-mais .secoes.podcast{
  margin-bottom: 0;
  padding: 0;
}
.content-ver-mais .secoes.podcast article{
 position: relative;
}
.secoes.podcast .intro{
  margin-bottom: 0;
  padding: 0;
  position: relative;
  margin-bottom: 30px;
}
.secoes.podcast .intro h3{font-family: 'Roboto',sans-serif;font-size: 28px;font-weight: 100;margin: 0;color: #fff;}
.secoes.podcast .intro h3 span{
  width: 60px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 65px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../img/ic-mores.svg);
}
.secoes.podcast .item-destaque{
  padding: 0 15px;
}
.secoes.podcast .item-podcast{
  border: none;
  /* height: 250px; */
}
.secoes.podcast .itens-podcast{
background: none;
}
.secoes.podcast .item-podcast .title-podcast{padding: 0;height: 100%;}
.secoes.podcast .item-podcast .title-podcast a{
  margin: 0 15px;
  padding: 0;
  display: block !important;
}
.secoes.podcast .item-podcast .txt-title{
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  padding: 0;
}
.secoes.podcast .item-podcast .col-md-4{display: none !important;}
.secoes.podcast .item-podcast .ic-play{
  display: none;
}
.secoes.podcast .item-podcast .bg-image{
  position: relative;
  width: 100%;
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.secoes.podcast .item-podcast .bg-image:before{
  content:"";
  display: block;
  position:absolute;
  width:100%;
  height:100%;
  background: rgb(0 35 50 / 50%);
  transition: all ease .3s;
}
.secoes.podcast .item-podcast .bg-image:after {
  content:"ouvir";
  position:absolute;
  display: block;
  width:45px;
  height:72px;
  left:50%;margin-left:-23px;
  top:50%;margin-top:-36px;
  background: url('../img/ic-play-branco.svg') center top no-repeat;
  background-size:35px;
  padding-top:35px;
  text-align:center;
  color:#fff
}
.secoes.podcast .item-podcast .txt-title .txt{
  padding: 10px;
  position: relative;
}
.secoes.podcast .item-podcast .txt-title .txt h4{
  font-size: 22px;
}
.secoes.podcast .item-podcast .txt-title .txt p{
  font-size: 18px !important;
}
a.ver-todos{
  position:absolute;
  width:130px;
  height:40px;
  top:10px;
  right: 22px;
  color:#fff;
  font-size:15px;
  border:1px solid rgb(255 255 255 / .2);
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:20px;
}
a.ver-todos:after{
  content:"";
  width:14px;
  height:14px;
  background:url(../img/ic-seta-azul.svg) no-repeat;
  background-size:contain;
  margin-left:10px
}
.seta_esquerda, .seta_direita{
  position:absolute;
  width:40px;
  height:80px;
  left:-25px;
  top:50%;
  margin-top:-40px;
  background:url(../img/ic-seta-circulo.svg) no-repeat center;
  z-index:5;
}
.seta_direita{
  left:auto;
  right:-25px;
  transform:rotate(180deg)
  
}

@media(max-width:768px){
a.ver-todos{
      position:relative;
      right: 0;
      margin: 20px auto 0;
  }
}
/* end */



/* audio podcast  */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#v-player{max-width:560px;margin:20px auto;width: 100%;border: none;}
#podcast-player{
border:1px solid #E7E9F0;
border-radius: 35px;
padding:20px 25px 10px;
width: 100%;
background: #fff;
}
#controls,
.second-part{
color:#879EB4;
font-weight:500;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.first-part,
.second-part{ 
position:relative;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.second-part{
 flex-grow: 1;
 position: relative;
 top: -4px;
 padding: 0px 0px 0 20px;
}
#controls i{
cursor:pointer;
top: -5px;
position: relative;
}
#play,
#pause{
padding:0 15px;
font-size: 26px;
color: #003443;
}
#pause{
display:none;
}
#prev-15,
#next-15{
position:relative;
display: inline-block;
color:#879EB4;
min-width:30px;
height: 30px;
cursor:pointer;
transition:all 0.2s ease-in-out;
background-color:#C3CED9;
top: 0;
}
#prev-15:hover,
#next-15:hover{
color:#6868d5;
background-color:#6868d5;
}
#prev-15::before,
#next-15::before{
content: "";
position: absolute;
background:url("../img/arrow-sec-white.svg") center no-repeat;
background-size: contain;
width: 30px;
height: 100%;
left: 0;
top: 0;
}
#prev-15::before{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#prev-15::after,
#next-15::after{
content:'15';
position:absolute;
line-height:30px;
width:30px;
text-align:center;
top:0;
left:0;
font-size:16px;
}
#controls .time.current{
/* min-width: 45px; */
text-align:right;
}
#controls .time.till-end{
min-width: 50px;
text-align:left;
}
#controls .progress-bar {
margin:0 10px;
width:100%;
position:relative;
height:8px;
border-radius: 50px;
overflow:hidden;
}
#controls .default-bar{
position:absolute;
top:0;
left:0;
width: 100%;
height: 8px;
background-color: #E7E9F0;
border-radius: 50px;
}
#controls .fill-bar {
position:absolute;
top:0;
left:0;
width: 0;
height: 8px;
background-color: #6868d5;
border-radius: 50px;
}
#controls #seek{
position:absolute;
top:0;
left:0;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 8px;
background-color: rgba(0,0,0,0);
border-radius:50px;
outline: none; 
cursor:pointer;
}
#controls #seek::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 8px;
height: 8px;
background: transparent;
cursor: pointer;
}
#controls #seek::-moz-range-thumb {
width: 8px;
height: 8px;
background: transparent;
cursor: pointer;
}
#controls #speed{
position:relative;
cursor:pointer;
line-height:30px;
min-width:40px;
text-align:center;
}
#controls #speed::before{
content:'';
position:absolute;
top:0;
left:0;
border:1px solid #C3CED9;
border-radius:4px;
width:40px;
height:30px;
transition:all 0.2s ease-in-out;
}
#controls #speed:hover{
color:#6868d5;
}
#controls #speed:hover::before{
border-color:#6868d5;
}

@media (max-width: 767px){
#controls{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align:center;
}
.first-part,
.second-part{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 10px 0 0;
  flex-wrap: wrap;
  justify-content: center;
}
#controls .progress-bar{
  width: 62%;
}
#controls .time.till-end{
  min-width:20px
}
#podcast-player{
  padding:15px 0
}
#controls #speed{
  margin: 0 62px;
}
}