@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900&display=swap');
*{
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
}

body{
  overflow-x: hidden
}

.modaloverlay{
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: rgb(0, 0, 0);
  opacity: 0.5;
  display: none;
}
.remove-overflow{
  overflow:hidden !important;
}
.modalback{
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: rgb(255, 250, 250);
  opacity: 0.5;
  transition: 1s;
  top: 0;
}
.modalaviso{
  position: fixed;
  text-align: center;
  top: 35%;
  left: 40%;
  border-radius: 5px;
  padding: 3%;
  z-index: 1000;
  width: 15%;
  min-height: 12%;
  font-size: 25px;
  transition: 1s;
}

.hide{
  position: absolute;
  z-index: 9999;
  top: 14px;
  right: 14px;
  font-size: 20px;
  color: black;
  opacity: 0.7;
  transition: 0.3s;
  cursor: pointer;
}
.hide:hover{
  transform: rotate(90deg);
  opacity: 1;
}
.ease *{
  transition: all .5s ease
}
.backdanger{
  background: linear-gradient(135deg, 
    rgb(158, 25, 25) 0%, rgb(158, 25, 25) 23%,
    rgb(199, 40, 40) 23%, rgb(199, 40, 40) 27%,
    rgb(228, 54, 54) 27%, rgb(228, 54, 54) 73%,
    rgb(199, 40, 40) 73%, rgb(199, 40, 40) 78%,
    rgb(158, 25, 25) 78%, rgb(158, 25, 25) 100%
    );
}
.zom:active{
  border: 1px solid #000000;
  transform: scale(0.7,0.7);
  transition: all 0.5s ease;
}
body{
    background-color:#9b9b9b00;
    color: #000000a2;
    font-size: 14px;
}
.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topo{
    /* background:url('../imagens/layout-site.jpg') no-repeat center;
    background-size: cover; */
    opacity: 1;
    width: 100%;
    height: 170px;
    position: relative;
    bottom: -30px;
    margin-top: -30px;
}
img#logotipo-topo{
  margin: 10px;
  width: 300px;
  left: 25%;
  top: 4%;
  position: absolute;
}
.caixa-pesquisa{
  position: absolute;
  top: 95px;
  right: 10%;
  background: #333333;
  height: 20px;
  border-radius: 30px;
  padding: 6px;
}

.s{
  padding: 4px;
}
.m{
  padding: 8px;
}

.btn-pesquisa{
  cursor: pointer;
  text-decoration: none;
  color:#f1c40f;
  float: right;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.1s ease;
}
 .txt-pesquisa{
    padding: 0px !important;
    border: none;
    background: none;
    outline: none;
    float:left;
    color: #ffffff;
    font-size: 16px;
    transition: 0.4s;
    margin-top: 2px;
    margin-left: 7px;
    margin-right: 7px;
    width: 140px
    /* padding: 0 6px; */
}
input.txt-pesquisa:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 30px #333333 inset;
  -webkit-text-fill-color: #f1c40f !important;
}
.btn-all{
  padding: 5px 15px;
  border: rgb(66, 66, 66) 1px solid;
  cursor: pointer;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #333333;
  outline-color: #FEC229;
  transition: all .5s linear;
  font-size: 16px;
  font-weight:bold ;
}
.btn-all:hover{
  border: #000000 1px solid;
  background-color: #FEC229;
  color: #000000;
}


/* DIV Container MARGEM */
.container-pai{
  margin: 30px 10% 5px 10%;
  overflow: hidden;
  display: flex;
  min-height: 70vh;
}
/* top dir botom esq*/
.container-esquerdo{
  padding: 10px;
  width: 20%;
  /*
  position: relative;
  float: left;
*/
}
.container-central{
  /*
  float: left;
  position: relative;
  overflow: none;
  */
  width: 100%;  
 /* margin: 0 0 20px 25% ;*/
}
.container-central h1{
  padding-left: 3%;
  font-weight: bolder 
}
/* Accordion-list */
.middle{
  position: absolute;
  right:-75px;
  top: 45%;
  transform: translate(-50%,-50%);
}
.accordion{
  width: 150px;
  list-style: none;
  overflow: hidden;
}
.item-acc{
  border-top: 1px solid #e9d200;
  overflow: hidden;
}
.btn-acc{
  text-decoration: none;
  display: block;
  padding: 16px 20px;
  background: #e9d200;
  color: #2b2b2bd5;
  position: relative;
}
.btn-acc:before{
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background:#e9d200;
  left: 20px;
  bottom: -7px;
  transform: rotate(45deg);
}
.btn-acc i{
  margin-right: 10px;
}
.saccordion{
  background: #333;
  overflow: hidden;
  transition: max-height 0.3s;
  max-height: 0;
}
.saccordion a{
  text-decoration: none;
  display: block;
  padding: 16px 26px;
  color: white;
  font-size: 14px;
  margin: 4px 0;
  position: relative;
}
.saccordion a:before{
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  background: #e9d200;
  left: 0;
  top: 0;
  transition: 0.3s;
  opacity: 0;
}
.saccordion a:hover:before{
  opacity: 1;
}
.item-acc:target .saccordion{
  max-height: 10em;
}

.box-principal{
  float: left;
  background: #f1f1f1;
  text-align: center;
}
.box-principal h1{
  color:rgba(0, 0, 0, 0.74);
  display: inline-block;
  text-transform: uppercase;
  border-bottom: 4px solid #e9d200;
  font-size: 20px;
  padding-bottom: 10px;
  margin-top: 40px;
}
/*serviços card*/
.cen{
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  padding: 20px;
}
.service{
  display: inline-block;
  width: calc(100% / 3);
  margin: 0 -2px;
  padding: 20px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.4s;
}
.service:hover{
  background: #ddd;
}
.service i{
  color: #e9d200;
  font-size: 34px;
  margin-bottom: 30px;
}
.service h2{
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
  color:#000;
}
.service p{
  color: rgb(48, 44, 44);
  font-size: 15px;
  font-weight: 500;
}

/*NOTICIAS*/
.noticias{
  transition: all 0.5s ease;
  border: 1px solid rgba(25, 0, 255, 0);
  width: 100%;
  height: fit-content; 
}

/* Todas as noticias visualização em card*/
.container-ultimas-noticias{
  float: left;
  width: 100%;
  border: 1px solid rgba(255, 0, 0, 0);
  margin: 30px 0 30px 0;
  font-size: 18px;
}
.container-ultimas-noticias a.btn-simple{
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color:#000;
  background-color: rgba(255, 255, 255, 0.329);
  padding: 2px 5px;
  border-radius: 5px;
  transition: all 0.2s ease;
}
.container-ultimas-noticias a.btn-simple:hover{
  font-size: 18px;
}
.container-ultimas-noticias .line{
  background-color: rgba(0, 0, 0, 0.342);
  color:#fff;
  height: 100%;
  width: 100%;
}
.container-ultimas-noticias h4{
  padding-top: 10px;
  height: 70%;
}
.container-ultimas-noticias p{
  position: relative;
  bottom: 0;
}
.btn-ver-tudo{
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  background-color: #ffab00;
  padding: 5px 10px;
  border-radius: 5px;
  transition: all 0.2s ease;
}
.btn-ver-tudo:hover {
  font-size: 16px;
  background-color: #0000005e;
}

/* buttons */
.btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 0px 8px;
  font-size: 16px;
  cursor: pointer;
  margin: 3px;
  text-decoration: none;
}

.verde {
  border-color: #4CAF50;
  color: green;
}
.verde:hover {
  background-color: #4CAF50;
  color: white;
}
.verde-focus {
  background-color: #4CAF50;
  color: white;
}

.azul {
  border-color: #2196F3;
  color: dodgerblue
}
.azul:hover {
  background: #2196F3;
  color: white;
}
.azul-focus {
  background: #2196F3;
  color: white;
}

.amarelo {
  font-size: large;
  font-weight: bold;
  border-radius: 3px;
  border-color: #ff9800;
  color: #ff9800;
  transition: all .5s ease;
}
.amarelo:hover {
  background: #ff9800;
  color: white;
}
.amarelo-focus {
  border-color: #494949;
  background: #2c2c2c;
  color: white;
}

.vermelho {
  border-color: #f44336;
  color: red
}
.vermelho:hover {
  background: #f44336;
  color: white;
}
.vermelho-focus {
  background: #f44336;
  color: white;
}

.default {
  border-color: #e7e7e7;
  color: black;
}
.default:hover {
  background: #e7e7e7;
}


.card-noticia2 {
  height: 200px;
  text-align: center;
  background-color: #747272;
  box-sizing: border-box; 
  transition: all .2s;
  cursor: pointer;
  border: 2px solid white;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  /* padding: 16px; */
}
.card-noticia2:hover{
  /* transform: scale(1.04,1.04); */
  opacity: 0.8;
  border: 2px solid black;
}
.txtcenter{
  text-align: center;
}
.invisible{
  opacity: 0;
}
.column-noticia {
  float: left;
  width: 33%;
  padding: 10px 10px;
  box-sizing: border-box; 
}
.row-noticia {margin: 0 -5px;}

.row-noticia:after {
  content: "";
  display: table;
  clear: both;
  box-sizing: border-box; 
}
/* loading */
.loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #FEC229;
  border-radius: 50%; 
  width: 50px;
  height: 50px;
  animation: spin 0.5s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*Noticias em destaque*/
.n-principal{
  background-color: rgba(104, 88, 0, 0);
  height: 300px;
  padding: 10px;  
  transition: all 0.5s ease;
}
.n-principal input[type="radio"]{
  display: none;
}

.n-principal #imagem1:checked ~ .img-principal#img1{
  display: unset;
}
.n-principal #imagem2:checked ~ .img-principal#img2{
  display: unset;
}
.n-principal #imagem3:checked ~ .img-principal#img3{
  display: unset;
}
.n-principal #imagem4:checked ~ .img-principal#img4{
  display: unset;
}
.n-principal .img-principal img{
  width: 100%;
  max-height: 300px;
  /* border-radius: 8px; */
}
.descricao_imagem{
  transition:all 0.5s linear;
  position: absolute;
  display: inline-block;
  opacity: 0;
  text-align: justify;
  font-size: 18px;
  padding: 10px;
  max-width: 100%;
  max-height: 52%;
  overflow: hidden;
  pointer-events: none;
  background-color:  #0000005b;
  color: #f3f3f3;
}
.img-principal:hover .descricao_imagem{
  opacity: 1;
}

.n-principal .img-principal:hover{
  -webkit-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.75);
  background-color:  #ffab00;
}
.n-principal .img-principal{
  background-color:  #000000e1;
  position: relative;
  width:60%;
  max-width: 500px;
  float: left;
  display:none;
  transition: all 0.4s ease;
  /* box-shadow: 0 0 6px; */
  /* border-radius: 10px; */
}

.n-principal .list-right{
  width: 40%;
  height: 100%;
  float: left;
  transition: all 0.4s ease;
}
.n-principal .list-right label{
  cursor: pointer;
  transition: all 0.4s ease;
}
.n-principal .list-right .item h2{
  padding-left: 4px;
  padding-top: 1%;
  transition: all 0.4s ease;
}
.n-principal .list-right .item:hover h2, .n-principal .list-right .item:hover span{
  /* color: #317dd3; */
  color: #ffab00;
}
.n-principal .list-right .item {
  color: rgba(0, 0, 0, 0.726);
}
.n-principal .list-right .item .data-noticia{
  float: right;
  margin-right: 10px;
  transition: all 0.4s ease;
}
.n-principal .list-right .item .subtitulo{
  float: left;
  /* font-size: 18px; */
  padding-left: 4px;
}
.n-principal .list-right .item.ativa{
  background-color: #000000e1;
  transition: all 0.4s ease;
}
.n-principal #imagem1:checked ~ .list-right #item1{
  margin-left: 0;
  color: #ffab00;
  background-color: rgb(77, 77, 77);
  /* border-radius: 0 10px 10px 0; */
}
.n-principal #imagem2:checked ~ .list-right #item2{
  margin-left: 0;
  color: #ffab00;
  background-color: rgb(77, 77, 77);
  /* border-radius: 0 10px 10px 0; */
}
.n-principal #imagem3:checked ~ .list-right #item3{
  margin-left: 0;
  color: #ffab00;
  background-color: rgb(77, 77, 77);
  /* border-radius: 0 10px 10px 0; */
}
.n-principal #imagem4:checked ~ .list-right #item4{
  margin-left: 0;
  color: #ffab00;
  background-color: rgb(77, 77, 77);
  /* border-radius: 0 10px 10px 0; */
}
.n-principal .list-right .item{
  border-bottom: 3px solid;
  margin-left: 4%;
  padding-left: 2%;
  margin-top: 3%; 
  width: 100%;
  height: 60px;
  transition: all 0.4s ease;
}
.n-principal .list-right .item:hover {
  border-right: 2px solid #ffab00;
  border-bottom: 3px solid #ffab00;
  /* border-bottom: none; */
  border-radius: 0 10px 10px 0;
}

/* Visualiza Noticia  */
.imagem-noticia{
transition: all 0.8s ease;
}
.imagem-noticia:hover{
  opacity: 0.7;
}
.corpo-noticia{
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;box-shadow: 0 0 6px; width: 97%; text-align: justify;
}

.corpo-noticia h1.titulo{
  background-color: rgba(51, 51, 51, 0.295); padding: 30px;color:#ffffff;text-align: left
}
.corpo-noticia .texto{
  padding: 20px
}
.corpo-noticia .texto h2.subtitulo{
  color:#333;
}
.corpo-noticia .texto p{
  padding-bottom: 10px;color:#333; line-height: 1.5em;
}
/* .corpo-noticia .texto img{
  box-shadow: 0 0 2px;margin: auto;display: table;max-width: 100%;max-height: 90%
} */

div.content-galery *{
  transition: all 0.2s ease;
}

div.content-galery{
  float: left;margin: 30px 0px; width:100%;
}
div.gallery {
  margin-top: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  position: relative;

}

div.gallery:hover {
  border: 1px solid rgb(68, 65, 65);
  z-index: 1;
}

div.desc {
  color: #ffffff;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: rgba(0, 0, 0, 0.322);
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 30%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
  .imagem-noticia {
    height: 200px !important;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


.corpo-noticia .texto legend{
  text-align: center; margin-bottom: 15px;
}
.corpo-noticia .texto p.bottom{
  text-align: right;
  padding-top: 20px;
}
/* Footer */
.footer-desk{
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 16px;
  display: table;
  overflow: hidden;
}
.ic-ft{
  display: inline-flex;
  width: 80%;
  margin: 10px;
  /* padding-left: 70px; */
  padding-left: 15%;
}
.ic-ft i{
font-size: 20px;
color: #FEC229;

}
.ic-ft:hover label{
  color: #FEC229;
}
.ic-ft label{
  margin-left: 10px;
  cursor: pointer;
}
.lbl-ft{
  color: #c4c4c4;
}
.footer-desk .cop-bottom{
  padding-top: 12px;
  text-align: center;
  background-color: #000000;
  float: left;
  height: 30px; 
  width: 100%;
  font-size: 12px;
}
.footer-desk .info{
  height: 400px; 
  float: left; 
  list-style: none; 
  width: 50%; 
  background-color: #141414ed;
}
.footer-desk .info a{
  transition: all 0.4s ease;
  width: 100%;
}
.footer-desk .info a:hover{
  color: #FEC229;
}
.footer-desk .uteis{
  height: 400px; 
  float: right; 
  width: 50%;
  color: #141414ed; 
  background-color:#FEC229;
}
.footer-desk .uteis .tabela-links{
  padding-top: 40px; width: 60%;margin: auto
}
.footer-desk .uteis ol{
  list-style: none
}
.footer-desk li{
  padding: 30px 0 0 0
}
.cont-foot{
  margin: 3% 15%;
  position: relative;
}
.footer-desk .uteis a{
  /* font-size: 20px; */
  font-weight: 700;
  text-decoration: none;
  color: #141414ed;
  transition: all 0.4s ease;
}
.footer-desk .uteis a:hover{
  color: rgb(54, 54, 54);
  border-bottom: 3px solid;
  border-top: 3px solid;
}

/*Slider*/
.slider-top {
  position: relative;
  margin: 0;
  width: 100%;
  /* height: max-content; */
  overflow: hidden;
  /* background-color: #333333; */
}
.textoDescritivo{
  text-align: justify;
  padding-right:30px;
  padding-left:30px;
  padding-top:15px;
  margin-bottom: 30px;
  font-size: 18px;
}
.textoDescritivo p{
  margin-top: 30px;
}
.textoDescritivo a{
  color:rgb(255, 255, 255);
  background-color:#FEC229;
  padding: 1px 15px;
  border-radius: 4px;
}
.mySlides {
  display: none; 
  overflow: hidden;
}
.slider-top img {
  width: 100%;
  max-width: 1400px;
  max-height: 400px;
}

/* Slideshow container */
.slideshow-container {
  max-width:1400px;
  width: 100%;
  max-height: 400px;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  /* background-color: rgba(0, 0, 0, 0.479); */
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: 900;
  font-size: 50px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev{
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: rgba(0,0,0,0.8);
}

/* Texto da imagem */
.slider-top .text {
  position: absolute;
  background-color: rgba(49, 49, 49, 0.438);
  color: #e9e9e9;
  font-size: 18px;
  padding: 10px 0 10px 0 ;
  width: 100%;
  text-align: center;
}
.shadowhover:hover{
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.37);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.37);
  box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.37);
}
/* dots Indicador cicular */
.dot {
  top: -35px;
  position: relative;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 2px;
  background-color: rgba(0, 0, 0, 0.479);
  border: 1px solid #ffffff;
  /* border-radius: 50%; */
  display: inline-block;
  transition: background-color 0.4s ease;
}

.active, .dot:hover {
  background-color: #f1c40f;
}
/* Voltar para o topo btn */
#topBtn i {
  transition: all .5s ease;
}
#topBtn {
  display: none;
  position: fixed; 
  bottom: 20px;
  right: 40px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #333333; 
  color: white; 
  cursor: pointer; 
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%; 
  font-size: 20px; 
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

#topBtn:hover {
  background-color: rgb(141, 141, 141);
  color: #000;
}

#topBtn:active i{
transform: scale(2);
}

/* All noticias */
.block-ntc:hover , .block-ntc:hover .cont-ntc{
  background-color: #00000046;
  border-radius:2px 
}
.cont-ntc{
  text-align:center;color:#fff;background-color: #00000085;width: 100%;height: 100%;transition: all 0.5s linear;
}

.block-ntc {
  float: left;
  width: 23%;
  padding: 0.5%;
  margin: 0.5%;
  cursor: pointer;
}
.ntc{
  width: 98%;
  padding: 2%;
}
/* Clearfix (clear floats) */
.ntc::after {
  content: "";
  clear: both;
  display: table;
}
/* Seção de serviços */

.services-section *{
  margin: 0;
  padding: 0;
  /* font-family: "montserrat",sans-serif; */
  box-sizing: border-box;
}

.services-section{
  background-size: cover;
  margin: 0px 0 60px 0;
  padding: 30px 0;
}
.inner-width{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  overflow: hidden;
}
.section-title{
  text-align: center;
  
  text-transform: uppercase;
  font-size: 30px;
}
.border{
  width: 100%;
  height: 10px;
  background: #FEC229;
  margin: 40px auto;
}
.services-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.service-box{
  width: 30%;
  margin: 8px 4px;
  text-align: center;
  cursor: pointer;
  transition: all .5s linear;
}

.service-icon{
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 15px 0px;
  transition: all 0.3s linear;
  border: 3px solid #333333;
  background: #FEC229;
  color: #333;
}
.service-icon i{
  margin: 19px auto;
  font-size: 26px;
  transition: all 0.3s linear;
}
.service-icon img{
  transition: all 0.3s linear;
  margin: 15px auto;
}
.service-box:hover .service-icon i{
  transform: rotate(45deg);
  color: #333333;
}
.service-box:hover .service-icon img{
  transform: rotate(45deg);
}
/* padding: 0 0; */
.service-box:hover .service-icon{
  transform: rotate(-45deg);
  border-radius: 0%;
}
.service-box:hover *{
  color: #141414
}

.service-title{
  font-size: 18px;
  margin-bottom: 5px;
}

a{
  text-decoration: none;
  color: #141414;
}


/* Fading animação */
.fade2 {
  -webkit-animation-name: fade2;
  -webkit-animation-duration: .4s;
  animation-name: fade2;
  animation-duration: .4s;
  transition: all .5s ease;
  border-radius: 20px;
  margin-top: 25px;
}

@-webkit-keyframes fade2 { 
  from {opacity: .7; -webkit-filter: blur(8px);} 
  to {opacity: 1;  -webkit-filter: blur(0px);}
}

@keyframes fade2 {
  from {opacity: .7; filter: blur(8px);} 
  to {opacity: 1; filter: blur(0);}
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: .6s;
  animation-name: fade;
  animation-duration: .6s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media screen and (max-width:350px){
  .topo #logotipo-topo{
    margin: 1px;
    padding: 1px;
    width: 100%;
  }
  .prev, .next{
    top: 10%;
  }
}
@media only screen and (max-width: 450px) {
  .slider-top .text {font-size: 15px}
  .prev, .next{
    top:20%;
  }
}
/* Responsive columns */
@media screen and (max-width: 800px) {
  .column-noticia {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 500px) {
  .service{
    width: 100%;
  }

}

@media screen and (max-width:800px) {
  .box-menu-lateal{
    display: unset;
  }
  .container-esquerdo{
    display: none;
  }
  .slider-top{
    background-color: rgba(51, 51, 51, 0);
  }
  .dot{
    display: none;
  }
  img#logotipo-topo {
    margin: 10px;
    width: 250px;
    left:0;
    max-width: 100%;
}
.noticias{
  width: auto;
}
  .middle{
    visibility: hidden;
  }
  .service{
    width: 50%;
  }
}

/* Seção de serviços resposiva */
@media screen and (max-width:960px) {
  .service-box,.block-ntc{
    width: 44%;
    margin: 0;
  }
   .sub-bar *{
    font-size: 90%;
  }
  .modalaviso{
    width: 90%;
    min-height: 15%;
    left: 2%;
    right: 2%;
    top: 40%;
  }
}

@media screen and (max-width:768px) {
  .service-box,.block-ntc{
    width: 49%;
  }
}

/* @media screen and (max-width:480px) {
  .service-box,.block-ntc{
    width: 100%;
  }

} */