body {   font-family: 'DM Sans Regular';   color: #7c858c; } a {   color:#ea8d2c } .upper-header {   background: #ebf1f5;   } img.pjflogo {   max-width:310px;   margin: 0 auto; } header {   box-shadow: 0 9px 12px 0 rgb(0 0 0 / 5%), 0 3px 1px -2px rgb(0 0 0 / 3%), 0 1px 5px 0 rgb(0 0 0 / 5%); } header .redes-sociais {   background: white;   padding: 5px 30px;   text-align:center; } header .redes-sociais a {   color:#7c858c;   transition:0.5s ease; } header .redes-sociais a:hover {   color:#e18a36 } .upper-header .toright {   display:none; } .slide-banner .slick-dots {   display:none; }  .slick-slider ul.slick-dots li button {   background: #e18a36; } .slick-slider .slick-arrow {   color: #e18a36; }  a.logo {   display: block;   background: url(//empavjf.com.br/__empav/imgs/logo2.png) no-repeat center center;   width: 212px;   height: 61px;   background-size: 100%;   text-indent: -9999px;   margin-right:20px; } .real-header .container {   display:flex;   padding:25px 0;   align-items: center; } .sidebar-trigger-mainmenu {   margin-left:auto;   color:#e18a36;   font-size:22px; } .sidebar-quitter-mainmenu {   position:absolute;   right:5px;   top:5px; } .sidebar-mainmenu {   padding: 20px; } .sidebar-mainmenu a.logo {   max-width:100%;   margin-bottom:15px;   margin-top:5px; } .sidebar-mainmenu .mainmenu li {   margin-bottom:5px; } .mainmenu a {   color:#7c858c;   transition:0.5s ease;   border-bottom:3px solid transparent;   } .mainmenu a:hover, .mainmenu li.selected a {   border-bottom:3px solid #ea8d2c;   color:#212f34; } .boxitem-servicos {   text-align:   center;  position: relative;   max-width: 480px; } .boxitem-servicos .round-icon img{   border-radius:50%;   border:10px solid rgba(255,255,255,0.3);   margin:0 auto; } .boxitem-servicos .tititem {color: #0b3b5e;font-size: 24px;font-family: 'DM Sans Bold';} .slide-servicos {   margin-top: -220px; } .boxitem-servicos .round-icon {  position: absolute;   left: 50%;   margin-left: -50px;   top: -50px; } .boxitem-servicos .art-bg {   background: white;   margin: 50px 5px 5px;   padding-top: 50px;   box-shadow: 0 9px 12px 0 rgb(0 0 0 / 5%), 0 3px 1px -2px rgb(0 0 0 / 3%), 0 1px 5px 0 rgb(0 0 0 / 5%);   } .boxitem-servicos .imagewrap {   padding: 0 10px 10px; } .jf-admin {   padding: 30px 0;   text-align: center; } .textjf {   margin-top: 20px;   max-width: 350px;   font-size: 18px;   margin:20px auto 0 } .jf-admin .container {   border-bottom: 1px solid #d7d7d7;   padding-bottom: 30px; } .orange-ball {  position:relative;   color: white;   text-align: center;   width: 180px;   height: 180px;   border-radius: 50%;   line-height: 1; font-size: 18px;   border: 10px solid rgba(234,141,43,0.2);   margin:0 auto; } .orange-ball .textover {   padding: 23px; } .orange-ball:before {   content:   '';   background:#ea8d2b;   position:   absolute;  top:0;   bottom:0;   left: 0;   right:0;   display:   block;   border-radius: 50%;   z-index:-1; } .boxitem-agenda, .boxitem_noticias{   margin:0 5px; } .logo-acao img {   margin:0 auto; } .bignumber {   font-family: 'DM Sans Bold';   font-size: 50px;   line-height: 1; } h1 {   color:#213035;  font-family: 'DM Sans Bold'; } h1.withmini {   position:   relative;   text-align: center; }  h1.withmini div {   font-size:14px;   text-transform:uppercase;   letter-spacing: 3px;   color:#7c858c;   margin-bottom:15px;   position:relative; } h1.withmini:before {   content:'';   display:block;   background:#ea8d2b;   width:40px;   height:2px;   margin:0 auto 15px } .qualidades {   margin: 15px 0;   text-align: center; } .qualidades .qual i {   color:#ea8d2b; } .qualidades .qual {   margin-bottom:10px;   color:#213035;   font-family: 'DM Sans Bold'; } a.squarebtn, form.sample button,a.mod-backtopage {   background:#ea8d2b;   color:   white;   padding: 20px 25px;   text-transform:   uppercase;   transition:0.5s ease;   display: inline-block;   } a.squarebtn:hover {   background:#d7760f; } .wrapbutton {   margin-top:50px;   text-align: center; } .box {   padding:60px 0 } .boxitem-acesso {   position:   relative;   margin: 0 5px;   max-width: 300px; } .boxitem-acesso a {   transition:0.5s ease; } .boxitem-acesso .iconarea img {   width:100px;   position:   absolute;   top:-50px;   left:50%;   margin-left:-50px;   z-index: 1; } .boxitem-acesso .iconarea {   position:relative } .boxitem-acesso .iconarea:after {   width: 0;   height: 0;   border-style: solid;   border-width: 10px 10px 0 10px;   border-color: #ea8d2b transparent transparent transparent;   content:  '';  left:50%;   margin-left:-10px;  position: absolute;   top: 50px;   z-index: 1; } .boxitem-acesso .art-bg {   margin-top:50px;   background:#e9eff3;   padding:80px 20px 20px;   text-align:  center;   transition:0.5s ease;   position: relative;   height: 260px;   display: flex;   flex-wrap: wrap;   align-items: center;   justify-content: center; } .boxitem-acesso .tititem {   font-size:24px;   font-family:'DM Sans Bold';   color:#213035;   transition:0.5s ease; } .boxitem-acesso .txtitem {   color:#7c858c;   transition:0.5s ease; } .boxitem-acesso .buttonwrap i {   background:#213035;  position:absolute;   top:0;   left:0;   bottom:0;   display:flex;   align-items:center;   justify-content:center;   width:57px;   transition:0.5s ease; } .boxitem-acesso .buttonwrap {   margin-top:50px; } .boxitem-acesso .buttonwrap .linkbtn{   background:#ea8e2b;   color:   white;   position:   relative;   padding:20px 20px 20px 80px;   display:   block;   margin:20px;   text-transform:   uppercase;   font-size: 13px;   transition:0.5s ease; }   .boxitem-acesso .art-bg:after {  width: 0;  height: 0;  border-style: solid;  border-width: 20px 20px 0 20px;  border-color: #e9eff3 transparent transparent transparent;  content:  '';  position:  absolute;  bottom: -20px;  left: 50%;  margin-left: -20px;   transition:0.5s ease; } .boxitem-acesso a:hover .art-bg {   background:#213035;   color:white; } .boxitem-acesso a:hover .art-bg .tititem, .boxitem-acesso a:hover .art-bg .txtitem {   color:white; } .boxitem-acesso a:hover .art-bg:after { border-color: #213035 transparent transparent transparent; } .boxitem-acesso a:hover .buttonwrap .linkbtn{   background:#213035; } .boxitem-acesso a:hover .buttonwrap i {   background:#ea8e2b; } .box.solicitacao {   background: url(//empavjf.com.br/__empav/imgs/bgacao2.jpg) no-repeat center center;   background-size:cover;   color:white;   text-align:center; } .box.solicitacao h1 {   color:white } .boxitem-agenda a {   display: block;  position:   relative; } .boxitem-agenda .datawrap { color: #ea8d2b;   text-align:   center;   line-height:1;   padding: 2px 5px;   background: white;   margin-right: 10px;   width:45px;   flex-shrink: 0; } .boxitem-agenda .datawrap .daydata {   font-size:24px;   font-family:'DM Sans Bold' } .boxitem-agenda .datawrap .monthdata {   font-size:12px;   text-transform:uppercase; } .boxitem-agenda .tititem {   bottom:50px;   width: calc(100% - 20px);   margin-left: 20px;   background: white;   position: relative;   padding: 20px 45px 20px 15px;   font-family:   'DM Sans Bold';   color:#0b3b5e;   height: 111px; } .boxitem-agenda .minitxt {   display:block;   text-transform:uppercase;   font-size:12px;   color:#ea8d2b;   font-family:'DM Sans Regular' } .boxitem-agenda .tititem i {   position:absolute;   right:0;   background:#213035;   color:white;   top:0;   bottom:0;   width:40px;   display:flex;   align-items:center;   justify-content:center;   transition:0.5s ease; }  .boxitem-agenda a:hover img {   filter:none;   -webkit-filter:none; } .boxitem-agenda a:hover .tititem i {   background:#ea8d2b } .box.mid-gray {   position:relative; } .box.mid-gray:before {   content:   '';   display:   block;   position:   absolute;   height: 465px;   background:#ebf1f5;   width:100%;   top: 0; } .boxitem_noticias a{   position:relative;   display:block; } .boxitem_noticias .wrapimg {   position:relative; } .boxitem_noticias a .wrapimg:after {   display:   block;   content:  '';   position:   absolute;   background:   white;   border:1px solid #CCC;   border-bottom:   none;   top:86px;   width: 100%;   bottom:0;   z-index: 0;   box-sizing: border-box; } .boxitem_noticias img {   margin:0 10px;   width: calc(100% - 20px);   z-index: 2;   position:relative;  }  .boxitem_noticias .tititem {  border: 1px solid #CCC;  border-top: none;  background: white;  padding: 10px 20px;  font-family: 'DM Sans Bold';  font-size: 18px;  color: #1f2d32;  height: 137px; } .boxitem-servicos .txtitem {   padding:0 20px;   height: 350px;   color:#7c858c; } body.inicial .boxitem-servicos .txtitem, body.inicial .boxitem-servicos .txtitem .reticencias {   height:109px; } .list-itens-servicos.list-itens-grid {   grid-template-columns: repeat(auto-fit,270px); } body.interna .boxitem-servicos .round-icon {   top:0; } .contformwrap {   position: relative; } h1.page_title .inside_page_title {   border-bottom: 3px solid #e18a36; } .falebox {   background:   url(//empavjf.com.br/__empav/imgs/bgcont.jpg) no-repeat center center;   background-size:   cover;   color:   white;   padding: 30px 40px; } .falebox h1 {   font-size:20px;   color:white;   margin-top:0; } form.sample input.input, form.sample textarea.input, form.sample select.input {   border-radius: 0; } form.sample button {   background:#213035;   padding:10px 40px;   border-radius:0;   font-size:13px; }  .coldecor {   display:none; } .add-box {   padding:20px;   margin-top:20px; } iframe.wrapgooglemap {   height: 535px; } .wrapmap {   margin: 30px 0 0; } footer {   background:url(//empavjf.com.br/__empav/imgs/bgfoot.jpg) no-repeat bottom center #1f2d32;   padding:124px 0;   text-align:center; } footer a.logo {   background-color:white;   background-size:90%;   border-radius:10px;   margin:0 auto 20px; } .frase {   margin-bottom:20px; }  footer .info {   display: flex;   text-align:left;   margin-bottom:10px;   } footer .info i {   color:#ef8b2c;   margin-top:5px;   margin-right:5px; } footer .info .infodata .bolder {   color:white;   font-family:'DM Sans Bold' } footer .redes-sociais {   display:flex;  justify-content:center;   margin-top:20px; } footer .redes-sociais a {   background:#ef8b2c;   color:white;   width:40px;   height:40px;   display:flex;   align-items:center;   justify-content:center;   border-radius:50%;   margin: 0 5px;   transition:0.5s ease;   } footer .redes-sociais a:hover {   background:#d7760f; } body.interna .insidecontent {   padding:60px 0 } body.transparencia .insidecontent, body.licitacao .insidecontent {   background: #ebf0f4; } .boxitem-expand {   margin-bottom:5px } .boxitem-expand a.tititem {   display: block;   background: white;   padding: 10px 50px 10px 20px;   font-family: 'DM Sans Bold';   font-size: 20px;   color: #2e3639;   position: relative;   border-bottom:2px solid #ebf0f4   } .boxitem-expand a.tititem:after {   position:   absolute;   content:   '\f054';   -webkit-font-smoothing: antialiased;   display: inline-block;   font-style: normal;   font-variant: normal;   text-rendering: auto;   line-height: 1;   font-family: "Font Awesome 5 Free";   font-weight: 900;   text-align: center;   width: 1.25em;   right:20px;   background: #ea8d2c;   width:30px;   height:30px;   color:   white;   display:   flex;   top: 50%;   margin-top:-15px;   align-items: center;   justify-content: center;   transition: 0.5s ease; } .boxitem-expand a.clicked.tititem:after {   transform: rotate(90deg); } .boxitem-expand .txtitem {   padding:10px 20px;   background:white;   } .anexoswrap .anexostit {   display:none; } .anexoswrap .arquivos-anexos {  list-style-type:   none;   margin: 20px 0 0 0;   padding: 0; } .anexoswrap .arquivos-anexos li {  } .anexoswrap .arquivos-anexos li a{   color:black;   display: flex;   justify-content: left;   align-items: center;   margin-bottom: 10px; } .anexoswrap .arquivos-anexos li a i {   display:block;  font-size:40px;   flex-shrink: 0; } .wrapbutton.tocenter {   text-align: center; } body.interna .boxitem_noticias {   margin-bottom: 30px; } form.not-search .formbutton-align {  margin-top: 0;   position: absolute;   top:3px;   right:5px;   } form.not-search .formbutton-align button {   padding:5px;   background:transparent;   color:black;   box-shadow:none;   font-size:18px }  form.not-search {   position:   relative;  margin: 0 auto 30px; } form.not-search input.input {   border-radius:30px;   padding: 10px 20px; } ul li.liHasDrop ul {   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);   border-top: 3px solid #ea8d2c;   background: white; } ul li.liHasDrop a:hover, ul li.liHasDrop a, ul li.liHasDrop ul li a, ul li.liHasDrop ul li a:hover {   border-bottom:0;   transition:   none;   color: #7c858c; } ul li.liHasDrop.hover a {   color: #212f34; } ul li.liHasDrop > a:after {   content:   '\f078';   -webkit-font-smoothing: antialiased;   display: inline-block;   font-style: normal;   font-variant: normal;   text-rendering: auto;   line-height: 1;   font-family: "Font Awesome 5 Free";   font-weight: 900;   text-align: center;   width: 1.25em;   font-size: 12px;   margin-left: 3px; } ul li.liHasDrop ul li a:hover {   color:#ea8d2c; } .sideBarWrapper ul li.liHasDrop {   position:relative; } .sideBarWrapper ul li.liHasDrop ul {   width:100% } .sideBarWrapper ul li.liHasDrop li {   padding: 5px 10px; } .boxitem-agenda {   width:30% } .flip-card {   height:390px } .flip-card {   background-color: transparent; perspective: 1000px;  }  .flip-card-inner {   position: relative;   width: 100%;   height: 100%;   text-align: center;   transition: transform 0.8s;   transform-style: preserve-3d;  }  .flip-card:hover .flip-card-inner {   transform: rotateY(180deg);  }  .flip-card-front, .flip-card-back {   position: absolute;   width: 100%;   height: 100%;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;  }  .flip-card-front {   background-color: #bbb;   color: black;   background-size:cover;   background-repeat:no-repeat;   background-position: center center;  }  .flip-card-back {   background-color: #ea8d2b;   color: white;   transform: rotateY(180deg);   padding: 40px 20px;  }  .boxitem-agenda .agenda-item { display: flex; align-items: center; margin-bottom: 2px; line-height: 1;  }  .boxitem-agenda .ag-bairro { text-align: left;  }  .boxitem-agenda .agenda-item:nth-child(2n) {   background: rgba(255,255,255,0.3);  }  .titlefilter {   font-size: 18px;   font-weight: bold; }