/** Vai pro style **/
*{
  font-family: 'Averta Regular',sans-serif;
}

.page-title {
  max-width: 989px;
  padding: 17px 0 33px 0;
  margin-bottom:0;

  h1{
    color: #003bd1;
    font-family: averta-semibold, sans-serif;
    font-size: 36px;
    margin-bottom: 4px;
  }
}

.inst-iel p{
	color:#393939;
	font-family:'Averta Light';
}

.page-title.institucional{  

    .inst-iel{
      width:100%;
      height:45px;
      background:url(../image/inst-firjaniel.png) no-repeat left center;
      display: flex;
		
    }

    h1{
      opacity:0;
      width: 245px;
    }

    h2{
      padding-top: 3px;
    }

}

.banner-institucional .img-banner .texts-banner{
  top: 70%;
}

.banner-institucional.inst-iel .img-banner .title-banner h1{
  color: #263b59;
}

.contact-box{
  padding: 30px;

  *{
    color: #fff;
    font-family: 'Averta Regular',sans-serif;
  }

  span{
    font-family: averta-semibold;
    display: block;
    font-size: 18px;
    margin-bottom:10px;
  }

  .contact-email{

    a{
      background: #fff;
      display: block;
      text-align:center;
      font-size: 14px;
      font-family: 'Averta Regular',sans-serif;
      text-transform: uppercase;
      padding: 10px 0;
      cursor: pointer;
      transition: .5s; 
      margin-bottom:15px;
    }

    a{
      color: ;      
    }
  }
}

.contact-box.inst-iel{
  background: #263b59;

  .contact-email{

    a{
      color: #263b59;      
    }

    a:hover{
      background: #393230;
      color: #fff;      
    }
  }
}

.cta-box{
  max-width: 989px;

  > div{
    padding: 20px;
    background: #263b59;/* Pro iel só*/
    width: 100%;

    h2{
      color: #fff;
      font-family: 'Averta Regular',sans-serif;
      font-weight: normal;
      font-size: 1.6rem;
    }

    p{
      color: #fff;
    }

    a{
      display: inline-block;
      background:#fff;
      color: #263b59;/* Pro iel só*/
      padding: 7px 12px;
      text-transform: uppercase;
      transition: .5s;
      margin-right: 10px;
    }

    a:hover{
      background: #393230;
      color: #fff;
    }
  }

  
}

.help-box{
  max-width: 989px;
  display: block;

  h2{
      color: #263b59;
      font-family: 'Averta Regular',sans-serif;
      font-weight: normal;
      font-size: 1.6rem;
    }
}

/** fim pro style  **/

.inst-content{
  display: flex;
  max-width: 989px;
  padding: 17px 0 33px 0;
  margin-bottom: 0;

  .cont-left{
    width: 70%;
    padding-right:10px;

    h2{
      color: #263b59;
    }

    h3{
      color: #263b59;
      font-size: 1.5rem;
      margin-bottom: 20px;
      padding-top: 10px;
    }
	  
	  p{
	  	font-family:'Averta Light';
		color:#393939;
	  }

    .accordion-button{
      background:none;
    }

    .faq{

      .faq-content{

        .faq-item{

          .accordion-header{

            .accordion-button{
              font-family: 'Averta Regular',sans-serif;
              line-height: 29px;
              font-size: 20px;
              font-weight: normal;
              color: #263b59;
              padding: 5px 0 5px 25px;
            }

            .accordion-button::after{
              color: #d8d8d8 !important;
              font-size: 24px;
              left: 0;
              top: 4px;
            }
          }
        }
      }
    }

    .list-beneficios{
      padding-left: 0;

      li{
        background:url(../image/institucional/check_consultoria-b.png) no-repeat left center;
        padding-left: 50px;
        min-height: 53px;
        margin-bottom: 15px;
        background-size: 40px;
      }

      h4{
        font-size: 17px;
        margin-bottom: 5px;
        color: #263b59
      }
    }

    .list-consultor{
      padding-left: 0;

      li{
        display: flex;
      }

      .img-consultor{

        img{
          display: block;
          margin: 10px 20px 0 0;
          height: 100px;
          width: auto;
          border-radius: 50%;
          border: 3px solid #d8d8d8;
        }
      }

      .info-consultor{
        h4{

          a{
            display:inline-block;
            width: 18px;
            height: 18px;
            color: #f5f5f5;
            background:url(../image/institucional/icone-lkdin.png) no-repeat left center;
            background-size: 18px;
            font-size:0;
            vertical-align: top;
            margin-top: 7px;
            transition: .5s;
          }

          a:hover{
            opacity:.5;
          }
        }
      }
    }

    .list-contratação{
      padding-left: 0;
      display: flex;

      li{
        width: 33%;

        img{
          display: block;
          width: 70px;
          margin: 0 auto 10px auto;
        }

        h5{
          margin-bottom: 5px;
          font-family: 'Averta Regular',sans-serif;
          font-weight: normal;
          font-size: 18px;
          color: #263b59;
          text-align: center;

        }

        p{
          font-size: 12px;
          text-align: center;
          padding: 0 10px;
        }

      }
    }
  }

  .cont-right{
    width: 30%;

    .social-share{
      display: flex;

      > div {
        margin-right: 5px;
      }
    }
  }
}

/* Responsive */
@media (max-width:768px) {
    .inst-content > * {
      width: 100%;
    }    
}

.list-consult{

  ul{
    padding: 0;
    li{      
      margin-bottom:15px;      

      a{
        display: flex;
        transition:.5s;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.19);
      }

      a:hover{
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.60);
      }

      .consult-img{
        width: 30%;
        height: auto;

        img{
          display: block;
          width: 100%;
          height: auto;
        }
      }

      .consult-info{
        width: 70%;
        color: #263b59;
        background:url(../image/institucional/barra-item.png) no-repeat right center;
        background-size: 30px auto;
        span{
          padding:0 10px;
          font-size: 14px;
        }

        h3{
          padding:0 40px 0 10px;
        }

        p{
          padding:0 40px 0 10px;
        }
      }
    }
  }
}

.detail-btn{

  a {
      background: #263b59;
      color: #fff;
      display: inline-block;
      text-align: center;
      font-size: 14px;
      font-family: 'Averta Regular',sans-serif;
      text-transform: uppercase;
      padding: 10px 15px;
      cursor: pointer;
      transition: .5s;
      margin: 30px 0;
  }

  a:hover{
    background:#212529;
  }
}


.noticias {
  max-width: 989px;
  display: block;
  margin-top:0;
}

.news-filtro{
  display:flex;
  flex-wrap:wrap;
  float: right;
  width:43%;

  >* {
    width:50%;
    padding-left: 5px;
  }
}

.news-lista{
  clear: both;
  padding-top: 10px;

  ul{
    padding: 0;

    li{
      clear:both;
      margin-bottom: 20px;
    }
  }

  .list-img{
    width: 120px;
    height: 120px;
    float: left;
    margin-right:15px;
  }

  .list-info{
    padding-top: 5px;

    .info-editoria{
      font-size:14px;
      text-transform: uppercase;
      line-height: 14px;
    }

    .info-editoria.editoria-firjan{
      color: #003bd1;
    }

    h3{
      font-size:18px;
      font-family: "averta-semibold";
      color: #212529;
      a{
        font-size:18px;
        font-family: "averta-semibold";
        color: #212529;
        transition:.5s;
      }
      a:hover{
        color: #003bd1;
      }
    }

    .info-tempo{
      font-size:12px;
    }
  }

  .more-news{
    display:block;
    cursor: pointer;
    text-align: center;
    padding: 7px;
    color: #fff;
    background: #003bd1;
    transition:.5s;
    text-transform: uppercase;
  }

  .more-news:hover{
    background: #212529;
  }
}


select{
  display: block;
  width: 100%;
  padding:10px;
  /*border: 1px solid #003bd1;*/
  background:#003bd1;
  color: #fff;
  text-transform: uppercase;
  font-size:12px;
  font-family: 'Averta Regular',sans-serif;
  border-radius: none;

  option{
    background:#fff;
    border: none;
    color: #212529;
    border-radius: none;
  }
}

/* Responsive */
@media (max-width:768px) {
    .responsive-two-columns > * {
       width:100%;
    }

    .news-filtro{
      width: 100%;
    }

    .page-title{
      padding: 17px 0 33px 18px;
    }

    .filtro-regiao{
      margin-left: -5px;
      width: 100%;
      margin-bottom: 20px;
    }

    .filtro-editoria{
      margin-left: -5px;
      width: 100%;
    }
}