@import url('https://fonts.googleapis.com/css?family=Audiowide|Monoton|Poiret+One|Raleway');
@import url('https://fonts.googleapis.com/css2?family=Bahnschrift:wght@100&display=swap');
@import "https://unpkg.com/open-props@1.6.17/easings.min.css";

@keyframes shake {
  50% {
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
body {
  font-family: 'Bahnschrift', sans-serif; 
  font-weight: 100;
  font-size: 14px; 
  overflow-x: hidden;
  padding-top: 70px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bahnschrift', sans-serif; 
}
.faqt{
  font-size: 16px;
}
ul {
list-style: none;
}

/* width */

ol li::before{
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
}
.bullet{
  list-style-type: disc;
  margin-left: 30px;
}
a, .sidelink{
  text-decoration: none; 
}
a:hover{
  color: #36223b;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
.obrastatus {
  list-style: none;
  padding: 15px 0 10px;
  margin-left: 0;
}
@media(min-width: 992px) {
  .lineborder:not(:first-child), 
  .lineborder:not(:first-child) {
    border-left: 1px dotted #00325444;
  }
  .lineborder:not(:last-child),
  .lineborder:not(:last-child) {
    border-right: 1px dotted #00325444;
    margin-right: -1px;
  }
}

img, .responsive {
  max-width: 100%;
}
 #spinner-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(255, 255, 255, 0.9);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      transition: opacity 0.3s ease;
    }

    /* Spinner animation */
    .spinner {
  width: 60px;
  height: 60px;
  background-color: #56285c;
  border-radius: 100%;
  margin: 40px auto;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {

    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }



    /* Hide overlay smoothly */
    .hidden {
      opacity: 0;
      pointer-events: none;
    }

    
.footerlink:hover{
  color: #EE7214;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
.nohvr:hover{
  text-decoration: none;
  color:#3e2944;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.bluetext {
  color: #3e2944;
}
.blur {filter: blur(20px);}
.fa-angles-right {
  color: #3e2944;
}
.fa-angles-right:hover {
  animation: shake var(--ease-elastic-in-1) 800ms infinite ;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
}

.btn-bd-primary {
  --bd-violet-bg: #3e2944;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #3e2944;
  --bs-btn-hover-border-color: #053758;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #04548a;
  --bs-btn-active-border-color: #04548a;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}
p{
  text-align: justify;
}
.title{
  text-align: justify;
  font-size: 14px;
  line-height: 22px;
}
.title2{
  font-size: 20px;
  margin-top: 100px;
  margin-bottom: 35px;
  line-break:auto;
  white-space:normal;
  overflow-wrap: break-word;
}
@media screen and (max-width:600px){
  .title2{
    font-size: 20px;
    margin-top: 60px;
  }
  .layoutorla {
    padding-top: 15%;
  }
  #div1 {
    order: 1;
  }
  #div2 {
    order: 2;
  }
}

.sectitle{
  font-size: x-large; 
  margin: 50px auto 20px auto;
}
.sectitlet{
  font-size: x-large; 
  text-align: center;
  margin-bottom: 20px;
}
.projtitle{
  font-size: 48px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #1a1a1a;
}
@media screen and (max-width: 800px) {
  .projtitle{
    font-size: 28px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .projtitle{
    font-size: 24px !important;
  }
}
@media screen and (max-width: 480px) {
  .projtitle{
    font-size: 20px !important;
  }
}
.contline{
  line-height: 40px;
}
.layout{
  padding: 2% 5% 3% 2%;
}

.layoutrans{
  padding: 2% 5% 0 2%;
}

@media screen and (max-width: 600px){
  .layout{
    padding: 5px;
  }
  .layoutrans{
    padding: 0 1% 0 1%;
  }
}

.equipe1 {
  margin-top: auto; 
  text-align: justify; 
  padding-left: 30px; 
  line-height: 25px;
}
.equipe2{
  margin-top: 10px; 
  text-align: justify; 
  padding-left: 60px; 
  line-height: 18px;
}
#primeirospanlic{
	padding-top: 0px;
}

.licspan {
  padding-top: 70px;
  display: inline-block;
  }
/* Progress bar */
#progress-bar {
  --scrollAmount: 0%;
  
  background-image: linear-gradient(120deg, #3e2944 0%, #5a189a 100%);
  width: var(--scrollAmount);

  /*  background: linear-gradient(to right, #F24E1E var(--scrollAmount), transparent 0);
  width: 100%; */
  
  height: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
  border-bottom-right-radius: 5px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.iconsizing {
padding-top: 70px;
display: inline-block;
}

* {
  box-sizing: border-box;
  font-family: 'Bahnschrift';
}
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #79b7eb;
}

::selection {
  color: white;
  background: #79b7eb;
}
/* Create two equal columns that floats next to each other */
.column1 {
  float: left;
  width: 15%;
  padding: 25px;
  background-color: #eeeeee; 
}
.column2 {
  float: left;
  width: 85%;
  padding: 10px;
}

.text, .btn-group {
  width: 100%;
}

.paragraph {
  width: 100%;
  padding: 2% 5% 2% 2%;
  margin-top: auto; 
  text-align: justify;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column1 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
    text-align: center;
  }
}
html {
scroll-behavior: smooth;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #808080 (128, 128, 128, 0.856); 
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #d9c2e0; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background-color:#a78caf;
}
/* Handle on click */
::-webkit-scrollbar-thumb:active {
background-color:#796580;
}
::-webkit-scrollbar {
width: 5px;
}
/* Navbar */
nav {
  position: fixed;
  top: 0;
  z-index: 900;
  width: 100%;
  background: #242526f3;
}
nav .wrapper{
  max-width: 1300px;
  padding: 0px 30px;
  height: 70px;
  line-height: 70px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-btn:hover, .closebtn:hover {
  color: #dbd4d4;
}
.logo:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.nav-link{
  color: #000;
}
.wrapper .nav-links{
  display: inline-flex;
}
.nav-links li{
  list-style: none;
}
.nav-links li a{
  color: #f2f2f2;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  padding: 9px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.nav-links li a:hover{
  background: #3A3B3C;
}
.nav-links .mobile-item{
  display: none;
}
.nav-links .drop-menu, .nav-links .drop-menu2{
  position: absolute;
  background: #242526f3;
  width: 180px;
  line-height: 45px;
  top: 70px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
  transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
}
.nav-links li:hover .drop-menu, .nav-links li:hover .drop-menu2,
.nav-links li:hover .mega-box{
  transition: all 0.3s ease;
  top: 50px;
  opacity: 1;
  visibility: visible;
}
.drop-menu li a, .drop-menu2 li a {
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}

.mega-box{
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 30px;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  max-height: 150px;
  transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
}
.mega-box .content{
  background: #242526f3;
  padding: 0 10px 0 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.mega-box .content .row{
  width: calc(25% - 30px);
  line-height: 40px;
}
.content .row img{
  width: 80%;
  height: 300px;
  object-fit: cover;
}
.content .row header, #headerlink{
  color: #f2f2f2;
  font-size: 20px;
  font-weight: 500;
  padding-top: 40px;
}
#headerlink:hover{
  background: transparent;
}
#headerlink{
  display: block;
  position: relative;
  padding: 2px 0;
  line-height: 25px;
}

/* Fade in */
#headerlink::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 0.1em;
  background-color: rgb(247, 83, 33);
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

#headerlink:hover::after,
#headerlink:focus::after {
  opacity: 1;
  transform: translate3d(0, 2px, 0);
}


/* Scale from center */
#headerlink:nth-child(3) a::after {
  opacity: 1;
  transform: scale(0);
  transform-origin: center;
}

#headerlink:nth-child(3) a:hover::after,
#headerlink:nth-child(3) a:focus::after{
  transform: scale(1);
}

.content .row .mega-links{
  margin-left: -40px;
  border-left: 1px solid rgba(255,255,255,0.09);
}
.row .mega-links li{
  padding: 0 20px;
}
.row .mega-links li a{
  padding: 0px;
  padding: 0 20px;
  color: #d9d9d9;
  font-size: 17px;
  display: block;
}
.row .mega-links li a:hover{
  color: #f2f2f2;
  width: 100%;
}
.wrapper .btn{
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}
.wrapper .btn.close-btn{
  position: absolute;
  right: 30px;
  top: 10px;
}

@media screen and (max-width: 970px) {
  .wrapper .btn{
    display: block;
  }
  .wrapper .nav-links{
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #242526;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
    transition: all 0.3s ease;
  }
  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 5px;
  }
  ::-webkit-scrollbar-track {
    background: #242526;
  }
  ::-webkit-scrollbar-thumb {
    background: #3A3B3C;
  }
  #menu-btn:checked ~ .nav-links{
    left: 0%;
  }
  #menu-btn:checked ~ .btn.menu-btn{
    display: none;
  }
  #close-btn:checked ~ .btn.menu-btn{
    display: block;
  }
  .nav-links li{
    margin: 15px 10px;
  }
  .nav-links li a{
    padding: 0 20px;
    display: block;
    font-size: 20px;
  }
  .nav-links .drop-menu, .nav-links .drop-menu2{
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }
  #showDrop:checked ~ .drop-menu,
  #showDrop2:checked ~ .drop-menu2,
  #showMega:checked ~ .mega-box{
    max-height: 100%;
  }
  .nav-links .desktop-item{
    display: none;
  }
  .nav-links .mobile-item{
    display: block;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }
  .nav-links .mobile-item:hover{
    background: #3A3B3C;
  }
  .drop-menu li, .drop-menu2 li{
    margin: 0;
  }
  .drop-menu li a, .drop-menu2 li a {
    border-radius: 5px;
    font-size: 18px;
  }
  .mega-box{
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mega-box .content{
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .mega-box .content .row{
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255,255,255,0.08);
  }
  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2),
  .mega-box .content .row:nth-child(3){
    border-top: 0px;
  }
  .content .row .mega-links{
    border-left: 0px;
    padding-left: 15px;
  }
  .row .mega-links li{
    margin: 0;
  }
  .content .row header, #headerlink{
    font-size: 19px;
  }
}
nav input{
  display: none;
}

.body-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
.body-text div{
  font-size: 45px;
  font-weight: 600;
}
@media screen and (min-width:800px){
  .squarecarousel{
    width: 50%;
    text-align: center;
  }
}
/* Carousel base class */
.carousel {
  margin-bottom: 2rem;
  display: block;
}
.carousel-inner img {
  width: 100%;
}
.carousel-inner {
  vertical-align: middle;
  max-height: 500px;
}

.slider-container {
  position: relative;
  max-height: 600px;
  max-width: 800px;
}

.mySlides {
  display: none;
  
}
.carousel-control-prev,
.carousel-control-next {
  width: 56px;
  height: 56px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(0,0,0,0.12);
  transition: width .18s ease, height .18s ease, background .18s ease;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 28px 28px !important;
}

@media (max-width: 768px) {
  .carousel-indicators button {
    width: 9px;
    height: 9px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    width: 44px;
    height: 44px;
    background: rgba(0,0,0,0.14);
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-size: 20px 20px !important;
  }
}
@media (max-width: 480px) {
  .carousel-indicators button {
    transform-origin: center;
    transform: scale(0.92);
  }
  .carousel-indicators {
    transform-origin: center;
    transform: scale(0.82);
  }

  .carousel-control-prev,
  .carousel-control-next {
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,0.12);
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-size: 16px 16px !important;
  }
}
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 80px;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: #3e29445d;
  border-radius: 20px;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 20;
}

.caption-container {
  text-align: center;
  background-color: #222;
  padding: 10px 16px 5px 10px;
  color: white;

}
/* Thumb-carousel isolado: miniaturas abaixo do slide principal */
#thumbCarouselWrapper {
  --thumb-gap: .5rem;
  max-width: 100%;
  margin: 0 auto;
}

/* limita altura do slide principal e mantém responsivo */
#thumbCarouselWrapper .thumbs-carousel-main .carousel-inner img {
  max-height: 520px;
  object-fit: cover;
  width: 100%;
}

/* row de miniaturas */
#thumbCarouselWrapper .thumbs-row {
  gap: var(--thumb-gap);
  flex-wrap: nowrap;
  justify-content: center;
  padding: .25rem 0;
  width: 100%;
}

/* botão que envolve a miniatura (acessível) */
#thumbCarouselWrapper .thumb {
  --thumb-size: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--thumb-size);
  height: var(--thumb-size);
  flex: 1 1 var(--thumb-size);
  max-width: var(--thumb-size);
  min-width: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

/* imagem da miniatura */
#thumbCarouselWrapper .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
  opacity: .8;
  border: 2px solid transparent;
  transition: opacity .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

/* estado ativo */
#thumbCarouselWrapper .thumb.active img,
#thumbCarouselWrapper .thumb:focus img {
  opacity: 1;
  transform: translateY(-2px);
  border-color: rgba(62,41,68,0.9);
  box-shadow: 0 6px 14px rgba(0,0,0,.12);
}

/* hover */
#thumbCarouselWrapper .thumb:hover img {
  opacity: 1;
  transform: translateY(-2px);
}

/* adaptividade: encolher visualmente em telas menores */
@media (max-width: 768px) {
  #thumbCarouselWrapper .thumb {
    --thumb-size: 58px;
  }
  #thumbCarouselWrapper .thumbs-carousel-main .carousel-inner img {
    max-height: 420px;
  }
}

@media (max-width: 480px) {
  #thumbCarouselWrapper .thumb {
    --thumb-size: 44px;
  }
  #thumbCarouselWrapper .thumbs-carousel-main .carousel-inner img {
    max-height: 300px;
  }
}

/* garante que os controles do carousel usado aqui sejam escopados por id
   e não sobrescrevam regras globais do site */
#thumbCarousel .carousel-control-prev,
#thumbCarousel .carousel-control-next {
  width: 48px;
  height: 48px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 6px;
  background: rgba(0,0,0,0.12);
}

/* icone escalado para este carousel apenas */
#thumbCarousel .carousel-control-prev-icon,
#thumbCarousel .carousel-control-next-icon {
  background-size: 22px 22px !important;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 12%;
}
    .swiper {
      width: 100%;
      height: 50vh;
      margin-top: 30px;
    }

    .swiper-slide {
      display: flex !important;
      flex-direction: row;
      height: 100%;
    }

    .slide-image,
    .slide-text {
      flex: 1 1 50%;
      height: 100%;

    }

    .slide-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .slide-text {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      font-size: 1rem;
      padding: 6rem;
      background: #3e2944;
      color: #fff;
      text-align: center;
    }
.slide-text h2 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  color: white;
}
.slide-text p {
  font-size: 1rem;
  color: #cccccc;
  margin: 0;
}
    .swiper-button-next,
    .swiper-button-prev {
      width: 56px !important;
      height: 56px !important;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 8px;
      transition: width .18s ease, height .18s ease;
      z-index: 900;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      display: none !important;
    }

    .swiper-button-prev i,
    .swiper-button-next i {
      display: none !important;
    }

    .swiper-button-prev {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255%2C255%2C255%2C0.75)'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
      background-size: 28px 28px !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
    }

    .swiper-button-next {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255%2C255%2C255%2C0.75)'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
      background-size: 28px 28px !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
    }

    @media (max-width: 768px) {
      .swiper-button-next,
      .swiper-button-prev {
        width: 44px !important;
        height: 44px !important;
        background-size: 20px 20px !important;
      }
    }

    @media (max-width: 480px) {
      .swiper-button-next,
      .swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
        background-size: 16px 16px !important;
      }
    }

    .swiper-pagination-bullet {
      background: white;
      opacity: 0.7;
    }

    .swiper-pagination-bullet-active {
      background: #e2dfdf !important;
    }

    /* RESPONSIVE STACKING ON MOBILE */
    @media screen and (max-width: 768px) {
      .swiper {
        height: auto !important;
      }

      .swiper-slide {
        flex-direction: column !important;
        height: auto !important;
        min-height: 480px;
        align-items: stretch;
      }

      .slide-image {
        flex: 0 0 220px;
        width: 100%;
        overflow: hidden;
      }

      .slide-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      .slide-text {
        flex: 1 1 auto;
        align-self: stretch;
        padding: 24px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      }
    }

    
.circle {
    width: 200px;
    height: 200px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    margin: 5% 18% 10% 0%;
    background-color: #3e2944;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 5px;
    position: relative;
    left:8%;
    
    }
    .circle:hover{
      background-color: #04224b;
      color:#e4dfdf;
    }

    .square {
    width: 200px; /*200px*/
    height: 200px; /*200px*/ 
    -moz-border-radius: 5px; /*5px*/
    -webkit-border-radius: 50px; /*50px*/
    border-radius: 50px; /*50px*/
    display: inline-block;
    margin: 5% 18% 10% 0%;
    background-color: #3e2944;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 10px;
    position: relative;
    /*left: 8%;*/
    }
    .square:hover{
      background-color: #3e2944;
      color:#e4dfdf;
    }

    /*Alinhando o square, deixando só se precisar, mas os valores são iguais*/
    @media screen and (max-width: 768px) {
      .square {
        left: 8%;
       
       }
     }
    @media screen and (max-width: 992px) {
      .square {
        left: 8%;
      
      }
      
    }
    @media screen and (max-width: 1500px) {
      .square {
        left: 8%;
      
      }
    }
    
    @media (min-width: 1500px) {
      .square {
        left: 8%;
      
      }
    }




    .sqtxt{
      color: #ffffff;
       text-align:center;
    }

    .sqtxt1 {
      font-size: 14px; margin-right: 1%;
    }

    .sqtxt:hover{
      color:rgb(226, 226, 226);
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
    }

    /*
=====================================
CSS for <iframe> embedded Google Map
=====================================
*/
.mapWrapper {
  position: relative;
  /*
  Do math with the height of your iframe divided by the width, then converted to percent
  In this example the height is 400 and the width is 600
  400 / 600 = .66666667
  which is 66.6666667% */
  height: 100%;
  width: 100%;
  border: none;
  max-width: 100%;

}
.mapWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  border: none;
}
.wise-iframe-wrapper {
  position: relative;
  padding-bottom: 56.10%;
  height: 0;
  overflow: hidden;
}

.wise-iframe-wrapper iframe,
.wise-iframe-wrapper object,
.wise-iframe-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.noborder {
  border: none;
}
/* This sets an overlay element that covers the map and helps prevent people from zooming the map while scrolling. */
.overlay {
 background:transparent;
 position:relative;
 width:100%;
 height:100%;
 z-index: 1;
}


.go-top {
  background-color: #ffffffe3;
  box-shadow: 1px 1.732px 12px 0px rgba( 0, 0, 0, .14 ), 1px 1.732px 3px 0px rgba( 0, 0, 0, .12 );
  transition : all 1s ease;
  bottom: 2em;
  left: 2em;
  color: #222;
  font-size: 20px;
  display: none;
  position: fixed;
  text-decoration: none;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 100%;
  z-index: 999;
}

.go-top:hover {
  background: #3e2944e7;
  color: #ffffff;
}
.go-top .fa-angle-up:hover {
  color: #ffffff;
}

  .resp:hover {
    background-color:#238383; 
    color: #f0f0f0;
  }
  .resp:active {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background-color:rgb(2, 80, 80);
    box-shadow: 3px 3px 5px #6b6a6ab2;
    color: #bbbbbb;
    transform: translateY(4px);
  }
  .respborder {
    text-align: center;
    margin-top: 20px;
  }
  
  @media screen and (max-width: 800px) {
    .resp{
      font-size: 16px;
      display: block;
      height: 15vh; 
      line-height: 4vh; 
      width: 55vw;
      margin: 0 auto;
    }
  }
  
  #container {
    width: 100%;
    height: 100%;
  }

  .gsc-control-cse {
    border: 0 !important;
    padding: 4% 20% 0 !important;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
}
  form.gsc-search-box,
  table.gsc-search-box {
    margin-bottom: 0 !important;
}
  .gcse-search-box {
    border: 0 !important;
}
  .gcse-search-box-tools .gcse-search-box .gcse-input {
    padding-right: 0 !important;
}

  #gsc-i-id1 {
    color: #000 !important;
    text-indent: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: none !important;
}
  #gsc-i-id1::-webkit-input-placeholder {
    color: #000 !important;
}
  #gsc-i-id1::-as-input-placeholder {
    color: #fff;
}
  #gsc-i-id1::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
  #gsc-i-id1::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
  .gsib_b {
    display: none !important;
} 
  .gsc-search-button -v2 {
    padding: 40px !important;
    outline: none !important;
    border: none !important;
    cursor: pointer;
}
  .gsc-search-button-v2:hover , gsc-search-button-v2:hover {
    cursor: pointer;
}
  .gsc-search-button-v2:hover , gsc-search-button-v2:hover {
    background-color: #dae0e6 !important;
    background-image: none !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
}
  .gsc-search-button -v2:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: #b7c9da !important;
    background-image: none !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

  
  .fade-in{
    -webkit-animation: fade-in 2s ease;
    -moz-animation: fade-in ease-in-out 2s both;
    -ms-animation: fade-in ease-in-out 2s both;
    -o-animation: fade-in ease-in-out 2s both;
    animation: fade-in 2s ease;
    visibility: visible;
  }
  
  @-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
  @-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
  @-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
  @keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
  .funcbtn, .collapsed{
    background: none; 
    border: 1px transparent; 
    text-align: left;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #222222;
  }
 .functbtn:hover, .collapsed:hover{
    color:#3e2944;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .fa-chevron-up {
    transition: .3s transform ease-in-out;
    font-size: 12px;
  }
  .collapsed .fa-chevron-up {
    transform: rotate(180deg);
  }

.collapsing {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


  .scroll {transition: 25s;}
  a {
    -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s;
    text-decoration: #EE7214;
  }

 /* Style the list */
 ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
  cursor: default;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
  cursor: default;
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #3e2944;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #5b2569;
  text-decoration: underline;
} 
#sr_searchform {
  /* div enclosing search form */
  padding: 15px;
}
#sr_searchbox {
  /* searchbox input element */
  border-radius: 4px;
  font-family: 'Bahnschrift';
  font-size: 11pt;
  padding: 5px;
  border: 1px solid #D7DDE3;
  box-shadow: inset 0px 1px 2px #CED1D5;
}
#sr_searchbutton {
  /* searchbutton input element */
  border-radius: 4px;
  font-size: 11pt;
  font-family: 'Bahnschrift';
  padding: 5px;
  background-color: #EEEEEE;
  font-weight: bold;
  text-shadow: 0px 1px 1px #FFFFFF;
  color: #000000;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}
#sr_searchbutton:hover{
  color: #3e2944;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}
#sr_searchbutton:active {
  /* searchbutton input element */
  font-family: 'Bahnschrift';
  background-color: #919191;
  color: #057070;
  -o-transition:0.2s;
  -ms-transition:0.2s;
  -moz-transition:0.2s;
  -webkit-transition:0.2s;
  transition:0.2s;
}
.sr_count {
  /* div enclosing search result counter */
  color: #8496A8;
  margin: 20px 0px 20px 0px;
}
.sr_container {
  /* div enclosing list of results */
  margin-top: 20px;
}
.sr_item {
  /* div enclosing each result item */
  margin: 0px 0px 20px 0px;
}
.sr_link {
  /* link tag of search result title */
  font-size: 13pt;
}
.sr_link_key {
  /* keyword within link tag of search result title */
  font-weight: bold;
}
.sr_url {
  /* div tag of search result url */
  color: #339933;
}
.sr_url_key {
  /* keyword within search result url */
  font-weight: bold;
}
.sr_text {
  /* div tag of search result page excerpt */
  padding: 1px;
}
.sr_text_key {
  /* keyword within search result page excerpt */
  font-weight: bold;
}
.sr_pages {
  /* div enclosing result page numbers */
  padding: 10px 0px 10px 0px;
}
.sr_currpage {
  /* span enclosing current page number */
  padding: 7px 10px;
  background-color: #EEEEEE;
  border-radius: 4px;
  color: #8496A8;
}
.sr_page {
  /* link tag with result page numbers*/
  padding: 7px 10px;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid transparent;
}
.sr_page:hover {
  /* link tag with result page numbers*/
  background-color: #EBEEF1;
}
.sr_powered {
  /* div enclosing Findberry branding text at the bottom */
display: none;
}

/* Special effects */
#sr_searchbutton:hover, .sr_page:hover {
  box-shadow: 0px 0px 4px #CFD1D6;
}
#sr_searchbutton, .sr_currpage, .sr_page:hover {
  border: 1px solid #D7DDE3;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, #E8E8E8),
    color-stop(1, #FDFDFD)
  );
  background-image: -webkit-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -moz-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -o-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -ms-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
}
#sr_searchbox:hover {
  box-shadow: inset 0px 2px 3px #CED1D5;
  border-color: #9AA9B8;
}
input[type=text], select, textarea {
  width: 50%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  -webkit-box-align: center;
  box-align: center;
}

input[type=telNo], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

input[type=reset] {
  background-color: #A52A2A;
  color:white;
  padding: 12px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=reset]:hover {
  background-color:#5e1f1f;
}

#apfilter, #aofilter, #cfilter, #efilter{
  width:100px;
  margin:0;
}

#filter{
  width:10%;
}

#blocoTodos, #apblocotodos, #aoblocotodos, #cblocotodos, #eblocotodos{
  display: block;
}

#blocoFiltrar, #apblocofiltrar, #aoblocofiltrar, #cblocofiltrar, #eblocofiltrar{
  display: none;
}

@media(max-width:1173px){
  .phpinput{
    width:100% !important;
  }
}

.IFBuscaFiltrada{
  height:400px;
  width:100%;
  border:none;
}

 @Media(max-width:500px)
 {
    .IFBuscaFiltrada
    {
      height:700px;
      width: 100%;
    }
 }

@media (min-width:800px){
.organograma
{  max-width: 80%;
  max-height: auto;
  margin-left: 90px;
}}
@media screen and (max-width: 800px){
.organograma{
  max-width: 100%;
  height: auto;
  margin-left: 10px;
}
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 2fr));
  grid-gap: 2em;
  padding: 15px;
}

@media screen and (max-width: 800px){
  .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 2em;
  }
}
/* hover styles */
.location-listing {
  position: relative;
  margin: 1% 0.5% 1% 1%;
}

@media screen and (max-width: 768px) {
  .location-listing {
    margin: 0 0 10px 0;
    padding: 0;
  }
}

.location-image {
  line-height: 0;
  overflow: hidden;
  border-radius: 15px;

}

.location-image img {
  filter: blur(0px);
  -webkit-transition: filter 0.3s ease-in;
  -moz-transition: filter 0.3s ease-in;
  -o-transition: filter 0.3s ease-in;
  transition: filter 0.3s ease-in;
  transform: scale(1.1);
  height: 40%;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}


.location-title {
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  color: white;
  text-shadow: 3px 3px 5px #000000;
  
  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-title:hover{
  color: white;
}

.location-listing:hover .location-title {
  opacity: 1;
}

.location-listing:hover .location-image img {
  filter: blur(2px);
  opacity: 0.7;
}


/* for touch screen devices */
@media (hover: none) { 
  .location-title {
    opacity: 1;
  }
  .location-image img {
    filter: blur(2px);
  }
}
.cnc-filter {
  filter: contrast(60%);
}
.cont {
  background-color: #636262;
  margin-right: 50px;
  border-radius: 5px;
  padding: 15px;
  border: 0px transparent;
  width: 140%;
  line-break:auto;
  white-space:normal;
  overflow-wrap: break-word;
  font-size: 12px;
  border-left: 0px solid #222222;
  height: all;
  margin-top: 10px;
  padding-right: 20px;
}
@media screen and (max-width: 600px){
  .cont {
    text-align: center;
    margin-right: 15px;
    margin-bottom: 30px;
    padding: 10px;
    width: 80%;
  }
  #bannerlurn {
  margin-top: 5%;
  }
}

.contatouteis{
	text-align:left; 
	position: relative; 
	left: 25%; 
	top: 4%;
}
@media screen and (max-width: 600px){
  .contatouteis{
    text-align:left; 
    position: relative; 
    left: 5%; 
    top: 7%;
  }
}

.contato{
  width:100%;
  height:100%; 
  padding-top: 5%; 
  padding-bottom: 5%; 
  background-color:  #333333;
  color: white;
}
.cttl{
  position: relative; 
  left: 5%;
}
.logofooter{
  height:30px;
  width:all; 
  position:
   relative;
    left: 4%; 
}
.end {
  font-size: 12px;
  width: 100%;
  text-align: center;
  cursor:default; 
}
.text a {
  text-decoration: underline;
}
.text a:hover{
  color: #3e2944;
}
.urb {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  color: #333333; 
  margin: 0 0 25px 74px; 
  font-size: 22px;
  cursor: default;
}

#bluetext {
  color: #3e2944;
}

.urbcnt{
  padding: 5px 0px 0px 10px;
}
.urblogo{
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();
   height:40px;
    width:40px; 
    position: relative; 
    right: 3%;
}
.doclink{
  text-align: justify; 
  font-size: 20px;
  line-height: 30px; 
  margin-left: 15px;
}
.icn{
  line-height: 30px;
  border: none;
  font-size: 13px;
}
.fa{
  border: none;
}
.fa:hover, .icn:hover {
  color: #3e2944;
  transform: 0.4s;
}
.fa-heart:hover{
  color:#c97c7c;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;
}


@keyframes pulse {
  /*   Outward Pulse */
    25% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
  /*   Inward Pulse */
    75% {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  
   .pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: infinite; 
  }  
  
.headerdown{
  font-size: 8px;
  float:right;
  margin: 1px 1px 1px 1px;
}
.headerdown:hover{
  text-decoration: none;
  color: #ffffff;
}
.list{
  text-align: left; 
  line-height: 30px;
}

.marginart{
  margin-left: 50px !important;
  text-align: justify !important; 
  line-height: 30px !important;
}

.disc{
	list-style-type: disc;
}

#display
{
	display: none;
}

.limarginPD92_2 {
  margin-left: 35px;
}

.limm{
  margin-left: 50px;
}
.listyle{
  margin-left: 25px;
  text-align: left; 
  line-height: 30px;
  list-style-type: decimal;
}
.title, .sectext{
  font-size: 16px; 
  text-align: left;
}
.barradelado{
  background-color: #eeeeee; 
  display: table-cell; 
  overflow: hidden;
  height: "myFunction(heighid2)" ;
}
.navtext {
  color:#333333;  
  text-align: center; 
  margin-left: 1%;
}

.ftext{
  font-size: medium;
  text-align: center;
  cursor: default;
}
sub{
  line-break: strict;
  overflow-wrap: break-word;
}

/*Novos Ajustes com Bootstrap*/
/*Seção Scroll Bootstrap, 5 columns*/

.col-xs-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    
}

.col-xs-15 {
  width: 20%;
  float: left;
}
.col-sm-15 {
  width: 20%;
  float: left;
}


@media screen and (max-width: 768px) {
  .col-sm-15 {
    width: 100%;
  }
}

@media (min-width: 768px) {
.col-sm-12 {
      width: 100%;
      float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
      width: 20%;
      float: left;
  }
}


/*NewContact, Bootstrap*/
/*Padding*/

@media screen and (max-width: 768px) {
  #NewContact #contato1 {
    padding-left: 0%;
    
  }
 
}

@media screen and (max-width: 992px) {
  #NewContact #contato1 {
    padding-left: 10%;
  
  }
  
}
@media screen and (max-width: 1500px) {
  #NewContact #contato1 {
    padding-left: 18%;
  
  }
}

@media (min-width: 1500px) {
  #NewContact #contato1 {
    padding-left: 25%;
  
  }
}


#NewContact .contato1{
  text-align:left; 
  position: relative; 
  left: 5%; 
} 
#NewContact {
  width:100%;
  height:100%; 
  padding-top: 1%;
  padding-bottom: 2%;
  background-color:  #1f2229;
  color: white;
}

 .cntr{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    width: 90%;
    height: 90vh;
  }
  
.fact-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

#indexbtn {
  background-color: #3e2944 !important;
  border: none !important;
}
#indexbtn:hover {
  background-color: #FFFFFF !important;
  color: #3e2944 !important;
  border: 1px solid #3e2944 !important;
}

 .hm{
   float:left;
   margin-bottom:40px;
   margin-right: 10px;
   shape-outside: ellipse(); 
 }
 @media (min-width:600px){
 .container-fluid{
  text-align: left;
 }
}
@media (min-width:600px){
  .lic{
  text-align: left;
  margin-left: 50px;
  padding-right: 300px;
  }
 }
 .lic{text-align: left;}
.fa-stack{
display: inline-block;
vertical-align:middle;
margin:10px;
text-decoration: none;
}
.lictitle{
  font-weight: bold; font-size: 12px;  text-indent: 3px;
}
.lictxt{
  color:rgb(102, 121, 133); font-size: 11px;
}
.link{
  text-decoration: underline;
}
.link:hover, .sidelink:hover{
  text-decoration: underline;
}

.bttitle{
  font-size: large; text-align: left; line-height: 40px;
}

.sidebar .nav-link .fa{
  padding-right: 30px;
}
.sidebar .nav-link:hover {
  color: white !important;
  transition: 0.3s ease;
  background-color: #3e2944;
  text-decoration: none;
}
.sidebar .nav-link:active {
  color: #cccaca !important;
  transition: 0.3s ease;
  background-color: #211225;
  text-decoration: none;
}
.sidebar {
  flex-shrink: 0;
  background-color: #f8f9fa;
  color: #333333 !important;
  align-self: stretch;
}

.full-height-row {
    display: flex;
    align-items: stretch;
    min-height: 0 !important;
}

.full-height-row main,
.full-height-row .layout,
.full-height-row .col,
.full-height-row article {
  flex: 1 1 auto;
  min-width: 0;
}

/* --- Sidebar responsiva --- */

/* Celulares — sidebar ocupa toda a largura (empilha) */
@media (max-width: 575px) {
  .full-height-row {
    flex-direction: column;
  }
  .sidebar {
    width: 100% !important;
  }
}

/* Tablets pequenos / notebooks pequenos */
@media (min-width: 576px) and (max-width: 991px) {
  .sidebar {
    width: 260px !important; /* confortável em telas menores */
    flex-shrink: 0;
  }
}

/* Notebooks médios */
@media (min-width: 992px) and (max-width: 1399px) {
  .sidebar {
    width: 320px !important; /* não aperta o conteúdo */
    flex-shrink: 0;
  }
}

/* Monitores grandes / telas cheias */
@media (min-width: 1400px) {
  .sidebar {
    width: 350px !important; /* seu tamanho ideal */
    flex-shrink: 0;
  }
}

/* Conteúdo ocupa o resto do espaço */
.full-height-row main,
.full-height-row .layout,
.full-height-row .col,
.full-height-row article {
  flex: 1 1 auto;
  min-width: 0; /* evita overflow */
}
@media (min-width: 768px) {
  .full-height-row {
    flex-direction: row;
    min-height: 100%;
  }
  .main-content {
  flex-grow: 1;
}
}
.sqr{
  background-color: #eee;
  width: 50%;
  padding: 20px;
  border-radius: 15px;
  float:left;
  line-break:auto;
  white-space: pre-line;
  overflow-wrap: break-word;
  margin-right: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px){
  .sqr{
    width: 100%;
  }
}
.sqrs{
  width: 30%;
  background-color: #eee;
  padding: 20px;
  border-radius: 15px;
  float:left;
  line-height: 30px;
  line-break:auto;
  white-space: pre-line;
  overflow-wrap: break-word;
  margin-right: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px){
  .sqrs{
    width: 100%;
  }
}
.sqrp{
  background-color: #eee;
  padding: 10px;
  border-radius: 5px;
  float:left;
  line-break:auto;
  white-space: pre-line;
  overflow-wrap: break-word;
  margin: 5px;
}
#Galeria {
  width: 90%;
}


@media screen and (max-width: 768px) {
  #Galeria {
  width: 100%;
}
}

@media screen and (max-width: 992px) {

}
@media screen and (max-width: 1500px) {

}

@media (min-width: 1500px) {

}
.hidden {
  display: none;
}
.indttl{
  position: relative;
  text-align: center;
}


#divimgrevleiurb{
  background-image: url(../img/lurn/RevisãoLeiUrbNit.jpeg);
  background-repeat: no-repeat;
  object-fit: cover;
}



/*ajustanto tamanho dos mapas em projetos*/
/*
=====================================
CSS for <iframe> embedded Google Map
=====================================
*/
.mapWrapperProj {
  position: relative;
  /*
  Do math with the height of your iframe divided by the width, then converted to percent
  In this example the height is 400 and the width is 600
  400 / 600 = .66666667
  which is 66.6666667% */
  padding-bottom: 50%;
  align-items: center;
  left: 10%;
}
.mapWrapperProj iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 90%;
}

/* This sets an overlay element that covers the map and helps prevent people from zooming the map while scrolling. */
.overlayProj {
 background:transparent;
 position:relative;
 width:100%;
 height:100%;
 z-index: 1;
}

@media print {
  html {
    position: relative;
    min-height: 100%;
     }
  nav, .breadcrumb, .sidebar, .logos, .logom, .resp, .contact, .sqr, .bt_menu, .myBtn, .tcase, .mcase, .menu, header, footer, aside, form, … {
    display: none;
    visibility: hidden;
  }
    #printable, #printable * {
    visibility: visible;
  }
  #printable {
    display: block;
top: 15px;
left: 0;
width:100%!important;
padding:0!important;
margin:0!important;
position: relative;
  }
  @page :first {
    margin: 100%
 }
}

/*estilo de mobilidade*/

#mobilidade {
  padding: 12px 0px 0px 10px; margin-top: 30px;
}

#mobilidade #mobtitle_1 {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  color: #333333; 
  margin: 10px 0 10px 75px; 
  font-size:22px;
  cursor: default;
}

#mobilidade #mobtitle_1 img {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  height:40px; 
  width:40px; 
  position: relative; 
  right: 3%;
}

#mob2 {
  padding:all 16px;
}

/*estilo novidades*/
#subsecretarias #news_1 {
  padding: 12px 0px 0px 10px; margin-top: 30px;
}

#subsecretarias #news_1 #newstitle_1 {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  color: #333333; 
  margin: 10px 0 0 45px; 
  font-size: 26px;
  cursor: default;
  font-weight: lighter;
}


/*estilo de NewConsulteAqui, Bootstrap*/
#divcons #consulteh1 {
  color:#333333; 
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  margin: 40px 0 30px 48px; 
  font-size: 26px;
  cursor:default;
  font-weight: lighter;
}

#divcons #consulteh1 img {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  height:60px;
  width:60px; 
  position: relative; 
  right: 2%;
}

@media screen and (max-width: 768px) {
  #subsecretarias #news_1 {
    padding: 8px 0px 0px 5px;
    margin-top: 15px;
  }
  
  #subsecretarias #news_1 #newstitle_1 {
    margin: 8px 0 0 25px;
    font-size: 26px;
  }
  
  #divcons #consulteh1 {
    margin: 20px 0 20px 25px;
    font-size: 26px;
  }
  
  #divcons #consulteh1 img {
    height: 50px;
    width: 50px;
  }
}

/*coluna1*/
#divcons #servcoluna1 {
  margin-top: auto;
}

#divcons #servcoluna1 #servcoluna1_Ul_1 {
  text-align: left;
}

#divcons #servcoluna1 #EIV3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();  
  float: left; 
  padding: 10px;
}

#divcons #servcoluna1 #Compur3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();  
  float: left; 
  padding: 10px;
}

#divcons #servcoluna1 #EIV3 #EIV3Col {
  width: 60%;
}

#divcons #servcoluna1 #EIV3 #EIV3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna1 #EIV3 #EIV3desc {
  color:rgb(102, 121, 133); 
  font-size: 14px;
}

#divcons #servcoluna1 #Compur3 #Compur3Col {
  width: 60%;
}

#divcons #servcoluna1 #Compur3 #Compur3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna1 #Compur3 #Compur3Desc {
  color:rgb(116, 137, 150); 
  font-size: 14px;
}

/*coluna2*/

#divcons #servcoluna2 {
  margin-top: auto;
}

#divcons #servcoluna2 #servcoluna2Ul_1 {
  text-align: left;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();  
  float: left;
  padding: 10px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col {
  width: 60%;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col {
  width: 60%;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col #Sigeo3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col #Sigeo3Desc {
  color:rgb(116, 137, 150); 
  font-size: 14px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  float: left; 
  padding: 10px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 #Parcerias3Col {
  width: 60%;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 #Parcerias3Col #Parcerias3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 #Parcerias3Desc {
  color:rgb(116, 137, 150); 
  font-size: 14px;
}


/*Estilo de onde estamos*/
#ondeestamos #ondeestamos_1 {
  height:100%;
}

#ondeestamos #ondeestamos_1 #ondeestamosTitle {
    color:#333333; 
    filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
    margin: 40px 0 10px 62px; 
    font-size: 22px;
    cursor:default;
  }

#ondeestamos #ondeestamos_1 img#ondeestamosImgLogo {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  height:60px;
  width:60px; 
  position: relative; 
  right: 2%;
}
.maplgd-hero{
  text-align: center;
  padding: 8% 0 6% 0;
  font-size: large;
  background-image: url('../img/hero.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: white;
  margin: 0;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.maplgd-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../img/hero.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(3px);
  z-index: 1;
}

.maplgd-hero::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.65) 30%);
  z-index: 1;
}

.maplgd-content {
  position: relative;
  z-index: 2;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px;
}

.maplgd-title {
  font-size: 3.5rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin-bottom: 3rem;
  text-transform: uppercase;
  text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.4);
  line-height: 1.2;
}

.maplgd-address {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.25rem;
  font-size: 1.1rem;
  text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
}

.maplgd-address i {
  font-size: 1.5rem;
  margin-top: 0.25rem;
  opacity: 0.95;
}

.maplgd-address-text {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 2;
}

.maplgd-street {
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.maplgd-district {
  font-size: 1rem;
  font-weight: 300;
  opacity: 0.95;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 1200px) {
  .maplgd-title {
    font-size: 3rem;
  }
}

@media screen and (max-width: 992px) {
  .maplgd-title {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .maplgd-hero {
    padding: 7% 0 8% 0;
    min-height: 300px;
  }
  
  .maplgd-title {
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
    letter-spacing: 1px;
  }
  
  .maplgd-address {
    font-size: 1rem;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
  }
  
  .maplgd-address i {
    font-size: 1.35rem;
  }
  
  .maplgd-address-text {
    text-align: center;
  }
  
  .maplgd-street {
    font-size: 1.05rem;
  }
  
  .maplgd-district {
    font-size: 0.95rem;
  }
}

@media screen and (max-width: 480px) {
  .maplgd-title {
    font-size: 1.85rem;
  }
  
  .maplgd-street {
    font-size: 1rem;
  }
  
  .maplgd-district {
    font-size: 0.9rem;
  }
}
/*Estilo do botão do Sigeo*/

.resp.sigeo1_1{
  padding: 35px 45px;
  font-size: medium;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .resp.sigeo1_1{
    padding: 27px 32px;
    font-size: 17px;
    text-align: center;
  }
    .maplgd-title {
    font-size: 2.5rem;
  }
}


/*identação da lista do plano diretor*/
.identPD92_1 {
  text-indent: 10px;
}


.loc{
  width:50%;  
  border:0; 
}
@media screen and (max-width:800px){
.loc{
  width: 100%
}
}
noscript {
   width:100%;
   height:100%; /* will cover the text displayed when javascript is enabled*/
   z-index:100000; /* higher than other z-index */
   position:absolute;
}
noscript #div100{
    display:block;
    height:100%;
    background-color:#eee;

}
.fa-external-link-alt{
  font-size: 8px !important;
  color: #7c7a7a;
  padding: 2px;
  text-decoration: none;
}
.nstxt{
    background-color: #f1f1f1;
    border: none;
    color: black;
    text-align: center;
    font-size: 16px;
    position: fixed;
    z-index: 998;
    width: 100%;
    line-height: 30px;
}
.logons{
margin: 10px;
}
 .plic{
   padding-bottom: 30px;
 }

 .pesquisa{
   border: none;
   width: 100%;
   text-align: center;
   font-size: 12pt;
   margin-top: 15px;
 }
 .avançada{
  text-align:center; 
  font-size: 10pt; 
 }
 
 .pmuslink:hover{
  color: #EE7214;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
p strong{
	font-family: 'Bahnschrift', sans-serif;	
}
.h1title{
	color:#FFF;
	font-size:3rem;
}
.h1title span{
	font-family: 'Bahnschrift', sans-serif;
}
.h2title{
	color:#FFF;
	text-transform:uppercase;	
	font-size:1.8rem;
	font-family: 'Bahnschrift', sans-serif;	
}
.h3title{
	color:#FFF;
	text-transform:uppercase;		
	font-family: 'Bahnschrift', sans-serif;
  font-size:1.2rem;
}

.bg-light{
	background-color:rgba(255, 255, 255, 0.8);
}

.bg-footer{
	background:#ef883d;
}

.nav-item a:hover, .nav-item a:active{
	color:#ef883d;
}
.nav-border{
	border-right:#FFF 1px solid;
}
.mainBox{
	padding:150px 0;
}
.pointer{
  margin-left: 20%;
}
.button {
    background-color: #448383;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	width:120px;
	height:120px;
	box-shadow: 2px 2px 6px #333333c9;
	margin:25px;
	cursor:pointer;
}
.button:hover{
    background-color: #eb7736;	
}

.buttonO{
    background-color: #eb7736;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	box-shadow: 2px 2px 6px #333333c9;
	cursor:pointer;
}
.buttonO:hover{
  background-color: #448383;	
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.round {border-radius: 100%;}

.button2 {
  background-color: #574786;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
width:120px;
height:120px;
box-shadow: 2px 2px 6px #333333c9;
margin:25px;
cursor:pointer;
}
.button2:hover{
  background-color: #eb7736;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;		
}
.mtop{
  padding: 55px;
}
.button02{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  box-shadow: 2px 2px 6px #333333c9;
  cursor:pointer;
  margin: 10px;
  border-radius: 5px;
}
.button02:hover{
  background-color: #448383;	
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;	
}
.button03{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  box-shadow: 2px 2px 6px #333333c9;
  cursor:pointer;
  margin-bottom: 5%;
  border-radius: 5px;
}
.button03:hover{
  background-color: #ca5a19;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;	
}
.button03-ofc1{
  background-color: #eb7736;
  margin-top: 10%;
  border-radius: 25px;
  width: 100%;
  min-width: 50px;  
  max-width: 400px; 
  height: 100px;
  font-size: 26px;
  margin-bottom: 0;
}

.button03-ofc2{
  background-color: #3e2944;
  border-radius: 15px;
}
.button03-ofc2:hover{
  background-color: #0a2750;
  border-radius: 15px;
}


.button04{
  background-color: #574786;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  box-shadow: 2px 2px 6px #333333c9;
  cursor:pointer;
  margin: 0 4% 3% 0;
  border-radius: 5px;
}
.button04:hover{
  background-color: #2f2157;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;	
}
.buttons3d {
  margin-top: 10%;
}

@media screen and (max-width:768px) {
  .buttons3d {
    margin-top: 10%;
  }
}
.linktitle{
  color:white;
  font-size: 30px;
  margin-top: 30px;
  padding-bottom: 20px;
}
.links{
  color: black;
  padding: 30px;
  font-size: 18px;
}
.revisao, .bg-purple{
  padding-bottom: 18px;
}
.bg-purple{
	background:#574786;
  color: white;
}
.bg-blue{
	background:#3e2944;
  color: white;
}
.bg-purple h1{
	color:#eb7736;
}
.bg-grey{
	background:#448383;
}
.bg-grey h1{
	color:#eb7736;
}
.bg-rev {
  background-color: #7a3d8b;
  object-fit: cover;
}
.miolo-txt{
	padding:2% 2%;
}
.miolo-txt2{
	padding:2% 2%;
}
.title-txt{
	padding:5% 5%;
	font-size:1.8em;
}
.title-txt2{
	padding:3% 5%;
	font-size:1.8em;
}
.bg-orangedark{
	background-color: #eb7736;
	color:#FFF;
}
.bg-orange {
	background-color: #ef883d;
	color:#FFF;
}
.icons{
	padding:15px;
}
@media (min-width: 1200px){
.containerbox{
  padding: 30px 200px 30px 200px;
}
}
.pmus2019{
  margin-left:auto;
  margin-right:auto;
}
  
.iconDownload{
	padding:20px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width: 900px) {
    .h1text {
        font-size: 36px;
    }
    .h2text {
        font-size: 24px;
    }
    .pmustext{
      font-size: 18px;
    }
	.iconDownload{
		font-size:11px;
		padding:10px;
	}
  .containerbox{
    padding: 10px 100px 10px 100px;
  }

  .pmuslink{
    font-size: 16px;
  }
}
.containerbox2{
  padding-top: 40px;
}
.downloadicon:hover{
  color: #574786;
}
.downloadicon{
  font-size: 14px;
}
.downloads{
padding-top: 40px;
}
 .logopmus{
  background-image: url(img/pmus/bgMain.webp);
  width: 100%;
}
.buttonO{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
box-shadow: 2px 2px 6px #333333c9;
cursor:pointer;
}
.buttonO:hover{
  background-color: #448383;	
}
.buttonO2{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
box-shadow: 2px 2px 6px #333333c9;
cursor:pointer;
margin-bottom: 20px;
}
.buttonO2:hover{
  background-color: #574786;
}	
.round {border-radius: 100%;}

.bg-grey{
background:#448383;
object-fit: cover ;
}
.bg-grey h1{
color:#eb7736;
}
.miolo-txt{
padding:5% 5%;
}
.miolo-txt2{
padding:2% 5%;
}
.title-txt{
padding:15% 5%;
font-size:1.8em;
}
.title-txt2{
padding:3% 5%;
font-size:1.8em;
}

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

.overlayhb {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.945);
  overflow-x: hidden;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  
}

.overlayhb-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  z-index: 999;
}

.overlayhb a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #616161;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 999;
}

.overlayhb a:hover, .overlayhb a:focus {
  color: #f1f1f1;
}

.overlayhb .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlayhb a {font-size: 20px}
  .overlayhb .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.hmbutton{
  font-size:28px;
  cursor:pointer;
  background-color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 3% 0 0 5%;
}
.hmbutton:hover{
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #39274E;
}

.topleft{
  position: absolute;
  z-index: 1;
}
.orlatitle{
  background-color: #39274E;
  padding: 10px 30px;
  color: white;
  font-size: x-large;
}
.textoorla{
  line-height: 20px;
  font-size: 12px;
  row-gap: 30px;
  margin: 0 20px 20px 0;
  text-align: justify;
}
.logosmubw {
  width: 30%;
  margin: 20px;
}
.logoiab{
  width: 5%;
  margin: 20px;
}
.logouia{
  max-width: 20%;
  margin: 20px;
}
.btnorla{
  background-color: #39274E;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
box-shadow: 2px 2px 6px #333333c9;
margin: 10px 2%;
cursor:pointer;
}
.btnorla:hover{
  background-color: #303030;
  color: white;	
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;	
}
@media (min-width: 1000px){
.layoutorla{
  padding: 2% 2% 3% 5%;
}
}
.listadados {
  color: #818181;
  font-style: italic;
  text-align: justify;
  line-height: 40px;
}
.indigopercent{
  background-color: #39274E;
  padding: 2px;
  color: white;
  font-size: 16px;
}
.dgpercent {
  background-color: #4a4a4a;
  padding: 2px;
  color: white;
  font-size: 16px;
}
.dmgpercent{
  background-color: #818181;
  padding: 2px;
  color: white;
  font-size: 16px;
}
.mgpercent{
  background-color: #aaaa;
  padding: 2px;
  font-size: 16px;
}
.lgpercent{
  background-color: #d4d4d4;
  padding: 2px;
  font-size: 16px;
}

.imgfluxos{
  width: 50%;
  margin: auto;
  display: block;
}
@media screen and (max-width: 800px)
{
  .imgfluxos {
    width: 100%;
  }
}

.imgresultados{
  width: 90%;
}
.hrproj{
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #3e294400, #3e2944, #3e294400);
  width: 50%;
  margin: auto;
  display: block;
}

#indexblue{
  background-color: #255291;
  border-radius: 20px;
}

.smalltext {
  margin-left: 15px;
  margin-right: 15px;
}

.btn-hover {
  width: 220px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  margin: 12px;
  height: 55px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.btn-hover:hover {
  background-position: 100% 0;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.btn-hover:focus {
  outline: none;
}
.btn-hover.color-1 {
  background-image: linear-gradient(to right, #82b7ce, #8cddb6, #95e0bc, #83c2a4);
  box-shadow: 0 4px 15px 0 rgba(81, 155, 152, 0.75);
}
.btn-hover.color-2 {
  background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
  box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btn-hover.color-5 {
  background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.btn-hover.color-3 {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.btn-hover.btn-3 {
  background-image: linear-gradient(to right, #b0fccc 0%, #abdcf5 51%, #b6facf 100%);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.btn-hover.color-4 {
  background-image: linear-gradient(to right, #eb6a6a, #ff9a44, #ef9d43, #e75516);
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.btn-hover.color-7 {
  background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.btn-hover.color-9 {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.ghost-button { 
  display: inline-block; 
  width: 200px; 
  padding: 8px; 
  color: #3e2944; 
  border: 1px solid #3e2944;
  border-radius: 10px; 
  text-align: center; 
  outline: none; 
  text-decoration: none; 
  text-transform: uppercase;
}
  .ghost-button:hover, .ghost-button:active, .ghost-button::after { 
    background-color: #3e2944; 
    color: #ffffff; 
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .h4{
    font-size: 1rem;
  }
  .right-0 {
    right: 0;
  }
  
  .top-0 {
    top: 0;
  }
  
  .h-100 {
    height: 100%;
  }
  
  a.text-secondary:focus,
  a.text-secondary:hover {
    text-decoration: none;
    color: #22343e;
  }
  
  .target .fa-plus {
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  
  .target a[aria-expanded=true] .fa-plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
.card-box {
    padding: 15px;
    background-color: #fdfdfd;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0px 0px 8px 0px #d4d4d4;
    transition: 0.5s;
}
.card-box:hover {
	border: 1px solid #007bff;
}
.card-box p {
    color: #808080;
    text-align: left;
}
.palink {
  display: inline-block; 
  background-color: #50aaa9;
  border: 1px solid transparent;
  color: white;
  border-radius: 6px;
  padding: 2px;
  font-size: 12px;
}
@media screen and (max-width: 600px){
  .buttons3d {
    margin-top: 5%;
  }
}
#divlurn1995{
  max-height:300px;
  overflow-y: scroll;
}

.lurnpjustify{
  text-align:justify;
}
#tiny {
  font-size: 6px;
}

.callout {
  background-color: #fff;
   border: 1px solid #e4e7ea;
    border-left: 4px solid #c8ced3;
    border-radius: .25rem;
  margin: 1rem 0;
      padding: .75rem 1.25rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.callout h4 {
      font-size: 1.3125rem;
  margin-top: 0;
   margin-bottom: .8rem
}
.callout p:last-child {
  margin-bottom: 0;
}

.callout-default {
  border-left-color: #777;
  background-color: #f1f1f1;
}
.callout-default h4 {
  color: #777;
}

.callout-primary {
  background-color: #d2eef7;
  border-color: #b8daff;
  border-left-color: #17a2b8;
}
.callout-primary h4 {
  color: #20a8d8;
}

.callout-success {
 background-color: #dff0d8;
  border-color: #d6e9c6;
  border-left-color: #28a745;
}
.callout-success h4 {
      color: #3c763d;
}

.callout-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  border-left-color: #d32535;
}
.callout-danger h4 {
  color: #a94442;
}

.callout-warning {
 background-color: #fcf8e3;
  border-color: #faebcc;
  border-left-color: #edb100;
}
.callout-warning h4 {
  color: #f0ad4e;
}

.callout-info {
  background-color: #ebf5f8;
  border-color: #b8daff;
  border-left-color: #148ea1;
}
.callout-info h4 {
  color: #31708f;
}

.callout-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}
#tombamento-input,
#zoneamento-input,
#acessibilidade-input,
#legislacao-input,
#myInput {
  background-image: url('img/assets/search.webp');
  background-position: 15px 16px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#tombamento-table,
#zoneamento-table,
#acessibilidade-table,
#legislacao-table,
#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
}

#tombamento-table th,
#zoneamento-table th,
#acessibilidade-table th,
#legislacao-table th, 
#myTable th, #tombamento-table td,
#zoneamento-table td,
#acessibilidade-table td,
#legislacao-table td,
#myTable td {
  text-align: left;
  padding: 20px;
}

#tombamento-table tr,
#zoneamento-table tr,
#acessibilidade-table tr,
#legislacao-table tr,
#myTable tr {
  border-bottom: 1px solid #ddd;
}

#tombamento-table tr:nth-child(even),
#zoneamento-table tr:nth-child(even),
#acessibilidade-table tr:nth-child(even),
#legislacao-table tr:nth-child(even),
#myTable tr:nth-child(even) {
  background-color: #f2f2f2;
}
#tombamento-table th:last-child,
#zoneamento-table th:last-child,
#acessibilidade-table th:last-child,
#legislacao-table th:last-child,
#myTable th:last-child, #tombamento-table td:last-child,
#zoneamento-table td:last-child,
#acessibilidade-table td:last-child,
#legislacao-table td:last-child,
#myTable td:last-child {
  text-align: center;
}

/* To display the block as level element */
#tombamento-table tbody,
#zoneamento-table tbody,
#acessibilidade-table tbody,
#legislacao-table tbody,
#myTable tbody, #tombamento-table thead,
#zoneamento-table thead,
#acessibilidade-table thead,
#legislacao-table thead,
#myTable thead {
  display: block;
} 

thead tr th {
  height: 15px; 
  line-height: 15px;
}

#tombamento-table tbody,
#zoneamento-table tbody,
#acessibilidade-table tbody,
#legislacao-table tbody,
#myTable tbody {
    
  /* Set the height of table body */
  height: 300px; 
    
  /* Set vertical scroll */
  overflow-y: auto;
    
  /* Hide the horizontal scroll */
  overflow-x: hidden; 
}

@media screen and (max-width: 435px) {
  #tombamento-table tbody,
  #zoneamento-table tbody,
  #acessibilidade-table tbody,
  #legislacao-table tbody,
  #myTable tbody {
    font-size: 10px;
  }
}


tbody td, thead th {
  width : 500px;
}
td {
  text-align:center;
}

/* Estilos do Pop-up da Lei Urbanística */

.lumodal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.0rem;
  height: auto;
  width: 90%;
  padding: 0.1rem;
  max-width: 1198px;
  min-height: 0;
  z-index: 1000;
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  background-color: white;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.lumodal img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.lumodal .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lumodal input {
  padding: 0.7rem 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 0.9em;
}

.lumodal p {
  font-size: 0.9rem;
  color: #777;
  margin: 0.4rem 0 0.2rem;
}

.button {
  cursor: pointer;
  border: none;
  font-weight: 600;
}

.btnlu {
  display: inline-block;
  padding: 0.8rem 1.0rem;
  font-weight: 700;
  background-color: #574786;
  color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 1em;
}

.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0.5rem 0.8rem;
  background: #eee;
  border-radius: 50%;
}

.hidden {
  display: none;
}

.overlaypup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 999;
}
.btnpup{
  background-color: #3e2944;
  color: white;
  font-size: large;
  font-weight: bold;
  padding: 10px;
}
@media only screen and (max-width: 1386px) {
  .lumodal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.0rem;
    height: auto;
    width: 90%;
    padding: 0.1rem;
    max-width: 800px;
    min-height: 0;
    z-index: 1000;
    top: 50%;
    left: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 10px;
  }

  .lumodal img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }
  
  .lumodal .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .lumodal input {
    padding: 0.7rem 1rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 0.9em;
  }
  
  .lumodal p {
    font-size: 0.9rem;
    color: #777;
    margin: 0.4rem 0 0.2rem;
  }
  
  .button {
    cursor: pointer;
    border: none;
    font-weight: 600;
  }
  .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0.5rem 0.8rem;
    background: #eee;
    border-radius: 50%;
  }
  
  .hidden {
    display: none;
  }
  
  .overlaypup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index: 999;
  }
}

.LeiShort {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  opacity: .5;
  width: 20px;
}

@media (max-width: 768px) {
  .LeiBanner img {
    max-width: 100%; /* Resize image to fit the width of the viewport */
    height: auto;
  }
}

b.title {
  display: flex;
  margin-left: 23px;
}

.margin-w3-center {
  margin: 2rem;
}

a.resp.resp-planodir {
  font-size: 16px;
  height: auto;
}


img#bannerlurn {
  margin-top: 2.5%;
  height: auto;
}
#tpb{
  width: 100%;
  height: 150px;
  background-image: url(https://transparencia.niteroi.rj.gov.br/banner-principal.feef9ab39896fc696b4a.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#trb{
  width: 100%;
  height: 150px;
  background-image: url(https://www.gov.br/cgu/pt-br/assuntos/subsecretarias/2024/04/cgu-divulga-6o-boletim-com-resumo-de-decisoes-da-lei-de-acesso-a-informacao/lai.jpg/@@images/de87f65b-c965-46c7-919d-c736ca6f0384.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#fqb{
  width: 100%;
  height: 150px;
  background-image: url(https://images.pexels.com/photos/5428834/pexels-photo-5428834.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#dab{
  width: 100%;
  height: 150px;
  background-image: url(https://www.arcgis.com/sharing/rest/content/items/9367bbb228ad4581a22a404292ad7535/resources/civitas_geoportal.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#geo  {
width: 100%;
height: 150px;
background-image: url('https://www.arcgis.com/sharing/rest/content/items/4c3b8e7afb0944bab115cf6aec477964/resources/Captura de tela 2023-09-13 144257_Easy-Resize.com.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#dat {
  width: 100%;
  height: 150px;
  background-image: url(https://images.pexels.com/photos/6696153/pexels-photo-6696153.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#pab{
  width: 100%;
  height: 150px;
  background-image: url(https://images.pexels.com/photos/3184424/pexels-photo-3184424.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.btn-copy-citation {
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 0 0 2vh 0;
  font-size: 1.2rem;
  margin-left: 1rem;
  transition: color 0.3s ease;
}

.btn-copy-citation:hover {
  color: #666;
}
.citation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.citation-title {
  margin: 0;
  padding-bottom: 2vh;
}
.instagram-embed {
  background:#FFF; 
  border:0; 
  border-radius:3px;
  box-shadow:0 0 1px rgba(0,0,0,0.5); 
  margin:1px; 
  max-width:658px; 
  min-width:326px; 
  width:100%; 
  padding:0;
}
.form-control-lg {
  font-size: 16px;
  line-height: 34px;
  color: #5e5e5e;
}

.i-down {
  position: absolute; 
  right: 12px; 
  top: 50%; 
  transform: translateY(-50%); 
  pointer-events: none; 
  color: #6c757d;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.i-search {
  position: absolute; 
  left: 12px; 
  top: 50%; 
  transform: translateY(-50%); 
  color: #6c757d;
  pointer-events: none;
}

.search-input.form-control-lg {
  padding-right: 35px;
}

.form-control.with-search-icon {
  padding-left: 38px;
}
.icon-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.i-down.rotated {
  transform: translateY(-50%) rotate(180deg);
}

/* Rotate chevron up while the native select is open (focused) */
select:focus + .i-down {
  transform: translateY(-50%) rotate(180deg);
}

/* Estilos para busca interna */
#searchForm {
  max-width: 500px;
  margin: 0 auto;
}

#searchForm .input-group {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(62, 41, 68, 0.15);
}

#searchForm .form-control {
  border: none;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  color: #212529;
  background-color: #ffffff;
}

#searchForm .form-control::placeholder {
  color: #999;
}

#searchForm .form-control:focus {
  border: none;
  box-shadow: inset 0 0 0 0;
  outline: none;
  background-color: #ffffff;
}

#searchForm .btn {
  border: none;
  background-color: #3e2944;
  color: #ffffff;
  padding: 0.5rem 0.9rem;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.3s ease;
}

#searchForm .btn:hover {
  background-color: #2d1f32;
}

#searchForm .btn:active {
  background-color: #1f1522;
}

@media (max-width: 768px) {
  #searchForm {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
  }
  
  #searchForm .form-control {
    padding: 0.45rem 0.6rem;
    font-size: 0.85rem;
  }
  
  #searchForm .btn {
    padding: 0.45rem 0.75rem;
    font-size: 0.85rem;
  }
}

/* Modal de resultados */
#searchModal .modal-content {
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

#searchModal .modal-header {
  background: linear-gradient(135deg, #3e2944 0%, #4a3251 100%);
  border: none;
  padding: 1.25rem;
}

#searchModal .modal-title {
  font-weight: 600;
  color: #ffffff;
  font-size: 1.1rem;
}

#searchModal .btn-close {
  position: relative;
  opacity: 1;
  width: 2rem;
  height: 2rem;
  background: none;
  border: none;
}

#searchModal .btn-close::before,
#searchModal .btn-close::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 3px;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  border-radius: 2px;
}

#searchModal .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

#searchModal .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#searchModal .btn-close:hover::before,
#searchModal .btn-close:hover::after {
  background-color: #f0f0f0;
}

#searchModal .modal-body {
  padding: 1.5rem;
}

/* Resultado individual */
.search-result-item {
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  transition: all 0.3s ease;
}

.search-result-item:last-child {
  border-bottom: none;
}

.search-result-item:hover {
  background-color: #f8f7fa;
  border-left: 4px solid #EE7214;
  padding-left: calc(1rem - 4px);
}

.search-result-title {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
}

.search-result-title a {
  color: #3e2944;
  text-decoration: none;
  transition: color 0.3s ease;
}

.search-result-title a:hover {
  color: #EE7214;
  text-decoration: underline;
}

.search-result-preview {
  color: #666;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

.search-result-url {
  color: #999;
  font-size: 0.85rem;
  margin-bottom: 0;
}

/*  Mapa ArcGIS */
/* Desktop e tablet */
arcgis-embedded-map {
  height: 800px !important;
  width: 100% !important;
  display: block;
}

/* Tablet médio */
@media screen and (max-width: 992px) {
  arcgis-embedded-map {
    height: 600px !important;
  }
}

/* Tablet pequeno */
@media screen and (max-width: 768px) {
  arcgis-embedded-map {
    height: 400px !important;
    touch-action: pan-y;
  }
}

/* Mobile */
@media screen and (max-width: 600px) {
  arcgis-embedded-map {
    height: 300px !important;
    touch-action: pan-y;
  }
}

    .pol-sidebar {
      float: right;
      width: 220px;
      margin: 0 0 24px 32px;
      border: 1px solid #d0d8e4;
      border-radius: 6px;
      padding: 16px 18px;
      background: #f5f8fc;
    }
    .pol-sidebar h3,
    .pol-sidebar h4 {
      font-size: 10pt; color: #003366; margin: 0 0 10px 0;
      text-transform: uppercase; letter-spacing: 0.04em;
    }
    .pol-sidebar a {
      display: block; font-size: 9.5pt; color: #003366;
      text-decoration: none; margin-bottom: 6px;
      padding-left: 8px; border-left: 3px solid transparent;
    }
    .pol-sidebar a:hover { border-left-color: #003366; font-weight: bold; }
    .pol-sidebar ~ p,
    .pol-sidebar ~ h3,
    .pol-sidebar ~ h2,
    .pol-sidebar ~ ul,
    .pol-sidebar ~ ol,
    .pol-sidebar ~ div.callout {
      overflow: hidden;
    }

    @media (max-width: 768px) {
      .pol-sidebar {
        float: none;
        width: 100%;
        margin: 0 0 24px 0;
      }
      .pol-sidebar ~ p,
      .pol-sidebar ~ h3,
      .pol-sidebar ~ h2,
      .pol-sidebar ~ ul,
      .pol-sidebar ~ ol,
      .pol-sidebar ~ div.callout {
        overflow: visible;
      }
    }