/* gerais & tools */
* {outline: none !important;}
html {width: 100%; height: 100%; overflow-x: hidden !important;}
body {font-family: 'Source Sans Pro', sans-serif; color: #4D565E; width: 100%; height: 100%; overflow-x: hidden !important;}
pre {border: 1px solid #ddd; padding: 20px; margin: 0px; line-height: 15px; font-family: sans-serif; background: #f6f6f6; color: #666;}
.icon-lg {font-size: 50px !important;}
.nir-110 {width: 110px; height: 110px; border-radius: 50%; background-size: cover !important;}
.absolute-center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.list-style-none {list-style: none;}
.spinner-border-lg {width: 4rem; height: 4rem;}
.spinner-border-sm {width: 1.5rem; height: 1.5rem;}
.cursor-pointer {cursor: pointer;}
.integracao-govtrans {display: none;}

/* colunas */
.cols-2, .cols-3, .cols-4, .cols-5 {columns: 1;}

/* bootstrap rewrite */
select.form-control {appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='grey' width='28px' height='28px'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: top 50% right 10px;}
.form-inline .form-control {border: 0; height: 40px;}
.btn.focus, .btn:focus {outline: 0; box-shadow: none;}
.btn,
.btn {padding: .375rem 1.5rem; font-weight: 600; color: #fff; font-size: 1.15rem;}
.btn-sm {padding: 0 8px; height: 31px; line-height: 0; display: inline-block; font-weight: 600; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn-lg {padding: .75rem 2rem;}
.btn-sm.btn-outline-success {color: #28a745; border-color: #28a745; background: none;}
.navbar-expand .navbar-nav .nav-link {padding: 1.25rem 1rem; font-weight: 600; position: relative;}
.navbar-expand .navbar-nav .dropdown .nav-link::after {display: none; content: ""; border-top: 0; border-right: 10px solid transparent; border-bottom: 8px solid; border-left: 10px solid transparent; position: absolute; bottom: 0; left: 50%; margin-left: -10px;}
.navbar-expand .navbar-nav .dropdown.nav-item:hover .nav-link::after {display: block;}
.navbar-expand .navbar-nav .dropdown-menu {position: absolute; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 7px #00000029; border-radius: 0px 0px 3px 3px;  top: 100%; border: none; margin: 0; color: #4D565E;}
.navbar-expand .navbar-nav .dropdown:hover>.dropdown-menu {display: block;}
.link-decoration-none:hover {text-decoration: none;}
.link-decoration-none:focus {text-decoration: none;}
.nav-item {list-style: none;}

/* tipografia */
.font-light {font-weight: 300 !important;}
.font-regular {font-weight: 400 !important;}
.font-semibold {font-weight: 600 !important;}
.font-bold {font-weight: 700 !important;}
.font-size-8 {font-size: .5rem !important;}
.font-size-9 {font-size: .563rem !important;}
.font-size-10 {font-size: .625rem !important;}
.font-size-11 {font-size: .688rem !important;}
.font-size-12 {font-size: .75rem !important;}
.font-size-13 {font-size: .813rem !important;}
.font-size-14 {font-size: .875rem !important;}
.font-size-15 {font-size: .938rem !important;}
.font-size-16 {font-size: 1rem !important;}
.font-size-17 {font-size: 1.063rem !important;}
.font-size-18 {font-size: 1.125rem !important;}
.font-size-19 {font-size: 1.188rem !important;}
.font-size-20 {font-size: 1.250rem !important;}
.font-size-21 {font-size: 1.313rem !important;}
.font-size-22 {font-size: 1.375rem !important;}
.font-size-23 {font-size: 1.438rem !important;}
.font-size-24 {font-size: 1.500rem !important;}
.font-size-25 {font-size: 1.563rem !important;}
.font-size-26 {font-size: 1.625rem !important;}
.font-size-27 {font-size: 1.688rem !important;}
.font-size-28 {font-size: 1.750rem !important;}
.font-size-29 {font-size: 1.813rem !important;}
.font-size-30 {font-size: 1.875rem !important;}
.font-size-32 {font-size: 2rem !important;}
.font-size-36 {font-size: 2.250rem !important;}
.font-size-40 {font-size: 2.500rem !important;}
.font-size-45 {font-size: 2.813rem !important;}
.font-size-48 {font-size: 3rem !important;}
.line-height {line-height: initial !important;}
.line-height-10 {line-height: .625rem !important;}
.line-height-15 {line-height: .938rem !important;}
.line-height-20 {line-height: 1.25rem !important;}
.line-height-25 {line-height: 1.563rem !important;}
.line-height-30 {line-height: 1.875rem !important;}
.line-height-40 {line-height: 2.5rem !important;}
.line-height-48 {line-height: 3rem !important;}
.line-height-50 {line-height: 3.125rem !important;}
.underline {text-decoration: underline !important;}
.h4 {font-weight: 700; font-size: 1.55rem;}

/* BUGFIX: fontAwesome icons */
.fa.fa-exchange,
.fa.fa-angellist{font: normal normal normal 14px/1 FontAwesome;}
.fab.fa-facebook:before{left: -5%; position: relative;}
.fab.fa-youtube:before{position: relative; left: -10%;}

/* social media colors */
.social-media .bg-facebook{background: #999;}
.social-media .bg-facebook{background: #4e71ba;}
.social-media .bg-facebook-f{background: #4e71ba;}
.social-media .bg-twitter{background: #00acee}
.social-media .bg-linkedin{background: #0e76a8}
.social-media .bg-camera{background: #F77737}
.social-media .bg-instagram{background: #F77737}
.social-media .bg-bitcoin{background: #F79937}
.social-media .bg-blogger-b{background: #F79937}
.social-media .bg-blogger{background: #F79937}
.social-media .bg-youtube{background: #e62626}

/* border */
.border-none {border: none !important;}
.border-2 {border-style: solid; border-width: 2px !important;}
.border-3 {border-style: solid; border-width: 3px !important;}
.border-4 {border-style: solid; border-width: 4px !important;}
.border-5 {border-style: solid; border-width: 5px !important;}

/* rounded */
.rounded-8 {border-radius: 8px !important;}
.rounded-10 {border-radius: 10% !important;}
.rounded-15 {border-radius: 15% !important;}
.rounded-20 {border-radius: 20% !important;}
.rounded-25 {border-radius: 25% !important;}
.rounded-30 {border-radius: 30% !important;}
.rounded-35 {border-radius: 35% !important;}
.rounded-40 {border-radius: 40% !important;}
.rounded-45 {border-radius: 45% !important;}
.rounded-50 {border-radius: 50% !important;}
.rounded-10px {border-radius: 10px !important;}
.rounded-15px {border-radius: 15px !important;}
.rounded-20px {border-radius: 20px !important;}
.rounded-25px {border-radius: 25px !important;}
.rounded-30px {border-radius: 30px !important;}
.rounded-35px {border-radius: 35px !important;}
.rounded-40px {border-radius: 40px !important;}
.rounded-45px {border-radius: 45px !important;}
.rounded-50px {border-radius: 50px !important;}

/* shadow */
.shadow-hover-none:hover {box-shadow: none!important;}
.shadow-hover-xs:hover {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.shadow-hover-sm:hover {box-shadow: 0px 2px 6px #00000029 !important;}
.shadow-hover:hover {box-shadow: 0 .2rem 1rem rgba(0,0,0,.15) !important;}
.shadow-hover-lg:hover {box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;}
.shadow-none {box-shadow: none!important;}
.shadow-xs {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.shadow-sm {box-shadow: 0px 2px 6px #00000029 !important;}
.shadow {box-shadow: 0 .2rem 1rem rgba(0,0,0,.15) !important;}
.shadow-lg {box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;}

/* fill */
.fill-white {fill: #fff;}
.fill-gray-a {fill: #4D565E !important;}
.fill-gray-b {fill: #82888E !important;}
.fill-gray-c {fill: #B8BBBD !important;}
.fill-gray-d {fill: #EDEDED !important;}
.fill-transparencia {fill: #2C8A22 !important;}
.fill-esic {fill: #D99E12 !important;}
.fill-ouvidoria {fill: #1D85C0 !important;}

/* sizes */
.h-5px {height: 5px !important;} .h-10px {height: 10px !important;} .h-15px {height: 15px !important;} .h-20px {height: 20px !important;} .h-25px {height: 25px !important;} .h-30px {height: 30px !important;} .h-35px {height: 35px !important;} .h-40px {height: 40px !important;} .h-45px {height: 45px !important;} .h-50px {height: 50px !important;} .h-55px {height: 55px !important;} .h-60px {height: 60px !important;} .h-65px {height: 65px !important;} .h-70px {height: 70px !important;} .h-75px {height: 75px !important;} .h-80px {height: 80px !important;} .h-85px {height: 85px !important;} .h-90px {height: 90px !important;} .h-95px {height: 95px !important;} .h-100px {height: 100px !important;} .h-105px {height: 105px !important;} .h-110px {height: 110px !important;} .h-115px {height: 115px !important;} .h-120px {height: 120px !important;} .h-125px {height: 125px !important;} .h-130px {height: 130px !important;} .h-135px {height: 135px !important;} .h-140px {height: 140px !important;} .h-145px {height: 145px !important;} .h-150px {height: 150px !important;} .h-155px {height: 155px !important;} .h-160px {height: 160px !important;} .h-165px {height: 165px !important;} .h-170px {height: 170px !important;} .h-175px {height: 175px !important;} .h-180px {height: 180px !important;} .h-185px {height: 185px !important;} .h-190px {height: 190px !important;} .h-195px {height: 195px !important;} .h-200px {height: 200px !important;}

/* spacing */
.p-6 {padding: 5rem !important;}
.pt-6 {padding-top: 5rem !important;}
.pr-6 {padding-right: 5rem !important;}
.pb-6 {padding-bottom: 5rem !important;}
.pl-6 {padding-left: 5rem !important;}
.px-6 {padding-left: 5rem !important; padding-right: 5rem !important;}
.py-6 {padding-top: 5rem !important; padding-bottom: 5rem !important;}
.m-6 {margin: 5rem !important;}
.mt-6 {margin-top: 5rem !important;}
.mr-6 {margin-right: 5rem !important;}
.mb-6 {margin-bottom: 5rem !important;}
.ml-6 {margin-left: 5rem !important;}
.mx-6 {margin-left: 5rem !important; padding-right: 5rem !important;}
.my-6 {margin-top: 5rem !important; padding-bottom: 5rem !important;}

/* scrollbars */
*::-webkit-scrollbar {width: 12px;}
*::-webkit-scrollbar-track {background-color: #fff;}
*::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 16px;}
*::-webkit-scrollbar-corner {border-radius: 5px; background-color: #ddd;}

/* opacidade */
.opacity-none {opacity: 1 !important;}
.opacity-0 {opacity: 0 !important;}
.opacity-1 {opacity: .2 !important;}
.opacity-2 {opacity: .4 !important;}
.opacity-3 {opacity: .6 !important;}
.opacity-4 {opacity: .8 !important;}
.opacity-5 {opacity: 1 !important;}

/* blur */
.blur-10 {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.blur-20 {backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.blur-30 {backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);}
.blur-40 {backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);}
.blur-50 {backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}

/* forms */
.form input.form-control,
.form textarea.form-control,
.form select.form-control {border: 2px solid #ededed; color: #82888E; font-weight: 600;}
.form input.form-control,
.form select.form-control {height: 48px;}
.form .label {font-size: .813rem; color: #82888E; font-weight: 600;}
.form .btn {margin-top: 31px; height: 48px;}
.form .input-group-prepend .input-group-text {border-right: none; margin-right: -43px;}
.form .input-group-prepend .form-control {padding-left: 40px;}
.form .input-group-text {border: 2px solid #ededed; background: #fff; z-index: 0;}
.form-inline label.error,
.form-group label.error {color: red; margin: 0; padding: 0; justify-content: flex-start;}

/* alerts toasty */
.jq-toast-wrap {width: 300px;}
.jq-toast-single.jq-has-icon {background-position: 20px center; padding: 25px 20px 25px 70px;}
.jq-toast-single .jq-toast-heading {padding: 0; margin: 0; font-size: 20px; line-height: 25px;}

/* tables */
.table {background: #EDEDED40; color: #82888E;}
.table thead th {color: #4D565E; font-size: 1rem; font-weight: 600; border-top: none;}
.table thead th,
.table tbody td {border-color: #EDEDED;}
.simple-table thead th{font-size: 14px; border: none; padding: 8px;}
.simple-table thead th:first-child{padding-left: 0;}
.simple-table thead th:last-child{padding-right: 0;}
.simple-table tbody td {padding: 8px;}
.simple-table tbody td:first-child {padding-left: 0;}
.simple-table tbody td:last-child {right: 0;}

/* data tables */
.dt-buttons,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {display: none;}

/* export data table */
#export-tooltip {display: none; position: absolute; bottom: 48px; right: 3px; width: max-content; z-index: 6;}
#export-tooltip::before {content: ""; width: 0; height: 0; position: absolute; bottom: -7px; right: 20px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #ededed; display: block;}

/* scroll bar */
.scrollbar {overflow-y: auto;}
.scrollbar::-webkit-scrollbar {width: 12px;}
.scrollbar::-webkit-scrollbar-track {border-radius: 8px;}
.scrollbar::-webkit-scrollbar-thumb {border-radius: 8px;}

/* accordion sanfona */
.accordion .collapsed-icon {display: none;}
.accordion .uncollapsed-icon {display: block;}
.accordion .collapsed .collapsed-icon {display: block}
.accordion .collapsed .uncollapsed-icon {display: none;}

/* autocomplete */
.autocomplete {display: none;background: white; z-index:10; position: absolute; left: 0; right: 0; max-height: 300px; overflow-y: auto; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);}
.autocomplete .autocomplete-list {list-style: none; margin: 0; padding: 0;}
.autocomplete li {padding: 0 1rem;}
.autocomplete li:hover {background-color: #ededed;}
.autocomplete li + li {margin-top: 0.5rem;}

/* topo */
.main-header .main-logo {height: 70px; width: auto;}
.main-header .main-menu .nav-link {color: #fff; display: flex; align-content: center; flex-wrap: wrap; height: 100%;}
.main-header .main-menu .nav-item.active .nav-link::after {display: block; content: ""; border-top: 0; border-right: 10px solid transparent; border-bottom: 8px solid; border-left: 10px solid transparent; position: absolute; bottom: 0; left: 50%; margin-left: -10px;}
.main-header .main-menu .dropdown-toggle::after {display: none;}
.main-header .main-menu.fixed {position: fixed; width: 100%; top: -65px; z-index: 1029; transition: top .5s ease-in-out;}
.main-header .main-menu.fixed.show {top: 39px;}
.main-header .link-acesso-a-informacao::after {content: ""; display: none; position: absolute; width: 100%; height: 3px; bottom: -9px;}
.main-header .link-acesso-a-informacao:hover.color-transparencia::after {background: #2C8A22; display: block;}
.main-header .link-acesso-a-informacao:hover.color-e-sic::after {background: #D99E12; display: block;}
.main-header .link-acesso-a-informacao:hover.color-ouvidoria::after {background: #1D85C0; display: block;}
.main-header .link-acesso-a-informacao:hover .box-transparencia-dados {display: block !important;}
.main-header .box-transparencia-dados {top: 30px; width: 180px;}
.main-header.scrolled #b-menu {display: block !important;}
.main-header.scrolled #links-acesso-a-informacao {display: block !important;}

/* rodape */
.ctn-logo-footer {width: 175px; height: 175px; background: #fff; border-radius: 50%;}
.logo-footer {position: relative; width: 70%; height: 70%; top: 15%; left: 15%; background-repeat: no-repeat; background-size: contain; background-position: center center;}

/* paginacao */
.pagination .page-item .page-link {width: 40px; height: 40px; text-align: center; border-radius: .25rem; margin: 0 .5rem; font-weight: 700;}
.pagination .page-item:first-child .page-link {margin: 0 .5rem; }

/* banner avisos */
#aviso-banner.show {display: flex !important; justify-content: center !important; align-items: center !important;}
#aviso-banner .modal-content {overflow: unset;}
#aviso-banner .modal-dialog {width: 100%;}
#aviso-banner .modal-dialog img {max-width: 100% !important;}
#aviso-banner .close {position: absolute; top: -40px; right: 0; z-index: 1000; padding: 0 5px;}

/* banner sidebar */
.side-banner {width: 100%; height: auto;}

/* calendario */
.calendar .day,
.calendar .empty,
.calendar .header-day {width: 14.285%; padding: 11px 0;}
.calendar .event {font-weight: 600; cursor: pointer;}

/* sliders - https://owlcarousel2.github.io/OwlCarousel2 */
.ctn-slider.owl-carousel .owl-nav button.owl-next .material-icons,
.ctn-slider.owl-carousel .owl-nav button.owl-prev .material-icons {font-size: 55px; border-width: 4px !important;}
.ctn-slider.owl-carousel .owl-nav button.owl-next,
.ctn-slider.owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; transform: translateY(-30%);}
.ctn-slider .owl-prev {left: -75px;}
.ctn-slider .owl-next {right: -75px;}
.ctn-slider .owl-dots {text-align: center; height: 0;}
.ctn-slider .owl-dots .owl-dot {width: 10px; height: 10px; background: #EDEDED; border-radius: 50%; margin: 8px; position: relative; top: -40px;}

/* home - slider */
#slider-home .slider-home-item{background-size: cover; background-position: center center; height: 150px;}
#slider-home .owl-nav {position: relative; width: 100%; margin: 0 auto; display: none;}
#slider-home .owl-nav .owl-prev {left: 5%; top: -70px;}
#slider-home .owl-nav .owl-next {right: 5%; top: -70px;}

/* home - destaques */
#slider-destaques .destaques-item {height: 120px; overflow: hidden;}
#slider-destaques .owl-dots .owl-dot {top: 20px;}
#slider-destaques .owl-carousel .owl-stage {padding: 5px 0;}
#slider-destaques .owl-stage-outer {padding: 10px; margin: -10px;}
#slider-destaques .destaques-ctn-img {max-width: 45%;}

/* home - secretarias */
.secretarias .ctn-slider .owl-dots .owl-dot {top: 0;}
#secretarias-slider .owl-stage-outer {padding: 20px; margin: -20px;}

/* home - publicacoes */
.modulo-resumo-publicacoes {}
.modulo-resumo-publicacoes .table thead th,
.modulo-resumo-publicacoes .table tbody td {padding: 10px 5px 5px 15px;}

/* home - modal lgpd */
#gdpr-modal .close {width: 24px; height: 24px; position: relative; top: -5px;}
#gdpr-modal #accordion-gdpr i {transition: 0.2s;}
#gdpr-modal #accordion-gdpr button[aria-expanded="true"] i {transform: rotate(90deg);}
#gdpr-modal #accordion-gdpr .accordion-item {border-width: 1px; border-style: solid; border-radius: 4px;}
#gdpr-modal #accordion-gdpr p {line-height: 16px;}

/* galerias de fotos e videos */
.galeria-thumb {box-shadow: inset 0px -70px 70px -30px rgb(0 0 0 / 40%); transition: box-shadow .2s ease-in-out; background-size: cover; background-position: center center; height: 90px; position: relative; left: -10%; width: 120%;}
.galeria-thumb:hover {box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);}
.galeria-fotos .galeria-media {transition: all .1s ease-in-out; background-size: cover; background-position: center center; height: 100px; cursor: pointer; overflow: hidden; display: block; position: relative;}
.galeria-fotos .galeria-media .galeria-media-icon {top: 120%; transition: top .2s ease-in-out;}
.galeria-fotos .galeria-media:before {display: block; content: ""; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity .3s ease-in-out;}
.galeria-fotos .galeria-media:hover:before {opacity: .6;}
.galeria-fotos .galeria-media:hover .galeria-media-icon {top: 50%;}
.galeria-fotos .row-expand-2 .galeria-media {height: 200px;}
.galeria-fotos .row-pull-1 .galeria-media {margin-top: -100px;}
.galeria-fotos #gal-img {height: auto; width: auto; max-width: 100%; max-height: 450px;}
.galerias-video .ctn-slider .owl-dots .owl-dot {top: 35px;}
.galerias-video .play-outer {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 75px; background: #B8BBBD; border-radius: 50%; opacity: .8;}
.galerias-video .play-inner {position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 18px solid transparent; border-right: 15px solid transparent; border-bottom: 18px solid transparent; border-left: 25px solid transparent;}
.galerias-video #yt-player {width: 100%;}
.galeria-vertical .galeria-thumb {height: 90px;}
.galeria-vertical .play-outer {width: 30px; height: 30px;}
.galeria-vertical .play-inner {border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid transparent;}
#fotos-home.ctn-slider .owl-dots .owl-dot {top: 35px;}

/* pagina transparencia */
.page-transparencia .main-list .list-link:hover .icon-container {fill: #fff !important; border: none !important;}
.page-transparencia .main-list .list-link:hover .icon-container .icon {fill: #fff !important;}

/* pagina carta de servicos */
.home-carta-de-servicos .nav-categorias .link:hover span{color: #fff !important;}
.page-servicos .nav-categorias .link:hover span{color: #fff !important;}
.page-servicos .atendimentos .material-icons:first-child {border-left: none !important;}
.page-inner-categorias-servico .atendimentos .material-icons:first-child {border-left: none !important;}

/* pagina vacinacao COVID-19 */
.circle-charts .percent {position: relative; width: 150px; height: 150px; border-radius: 50%;}
.circle-charts .percent .number {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.circle-charts .percent .number h2 {color: #777; font-weight: 700; font-size: 40px; transition: 0.5s;}
.circle-charts .percent .number h2 span {font-size: 24px; color: #777; transition: 0.5s;}
.circle-charts .card:hover .percent .number h2 {font-size: 60px;}
.circle-charts svg {position: relative; width: 150px; height: 150px;}
.circle-charts svg circle {width: 100%; height: 100%; fill: none; stroke: #EDEDED; stroke-width: 10; stroke-linecap: round; transform: translate(5px, 5px);}
.circle-charts svg circle:nth-child(2) {stroke-dasharray: 440; stroke-dashoffset: 440;}

/* google maps */
#map .map-icon {width: 36px !important; height: 36px !important;}

/*
 * RESPONSIVE
 * Extra small devices (portrait phones, less than 576px)
 * No media query for `xs` since this is the default in Bootstrap
 * -----------------------------------------------------------------------------
 */

/* SM INVERTED (landscape phones)*/
@media (max-width: 767px) {

  /* correcoes para ocultar */
  #links-acesso-a-informacao,
  #agenda-divisor {display: none !important;}

  /* fotos e videos na home */
  .home-fotos-videos {background: #444;}
}

/* SM (landscape phones)*/
@media (min-width: 576px) {

  /* sizes */
  .h-sm-5px {height: 5px !important;} .h-sm-10px {height: 10px !important;} .h-sm-15px {height: 15px !important;} .h-sm-20px {height: 20px !important;} .h-sm-25px {height: 25px !important;} .h-sm-30px {height: 30px !important;} .h-sm-35px {height: 35px !important;} .h-sm-40px {height: 40px !important;} .h-sm-45px {height: 45px !important;} .h-sm-50px {height: 50px !important;} .h-sm-55px {height: 55px !important;} .h-sm-60px {height: 60px !important;} .h-sm-65px {height: 65px !important;} .h-sm-70px {height: 70px !important;} .h-sm-75px {height: 75px !important;} .h-sm-80px {height: 80px !important;} .h-sm-85px {height: 85px !important;} .h-sm-90px {height: 90px !important;} .h-sm-95px {height: 95px !important;} .h-sm-100px {height: 100px !important;} .h-sm-105px {height: 105px !important;} .h-sm-110px {height: 110px !important;} .h-sm-115px {height: 115px !important;} .h-sm-120px {height: 120px !important;} .h-sm-125px {height: 125px !important;} .h-sm-130px {height: 130px !important;} .h-sm-135px {height: 135px !important;} .h-sm-140px {height: 140px !important;} .h-sm-145px {height: 145px !important;} .h-sm-150px {height: 150px !important;} .h-sm-155px {height: 155px !important;} .h-sm-160px {height: 160px !important;} .h-sm-165px {height: 165px !important;} .h-sm-170px {height: 170px !important;} .h-sm-175px {height: 175px !important;} .h-sm-180px {height: 180px !important;} .h-sm-185px {height: 185px !important;} .h-sm-190px {height: 190px !important;} .h-sm-195px {height: 195px !important;} .h-sm-200px {height: 200px !important;}

  /* home - slider */
  #slider-home .slider-home-item {height: 250px;}
  #slider-home .owl-nav .owl-next,
  #slider-home .owl-nav .owl-prev {top: -120px;}
  #slider-home.ctn-slider .owl-dots .owl-dot {top: -50px;}

  /* banner avisos */
  #aviso-banner .modal-dialog {min-width: 500px !important; min-height: 330px !important;}
}

/* MD (tablets)*/
@media (min-width: 768px) {

  /* sizes */
  .h-md-5px {height: 5px !important;} .h-md-10px {height: 10px !important;} .h-md-15px {height: 15px !important;} .h-md-20px {height: 20px !important;} .h-md-25px {height: 25px !important;} .h-md-30px {height: 30px !important;} .h-md-35px {height: 35px !important;} .h-md-40px {height: 40px !important;} .h-md-45px {height: 45px !important;} .h-md-50px {height: 50px !important;} .h-md-55px {height: 55px !important;} .h-md-60px {height: 60px !important;} .h-md-65px {height: 65px !important;} .h-md-70px {height: 70px !important;} .h-md-75px {height: 75px !important;} .h-md-80px {height: 80px !important;} .h-md-85px {height: 85px !important;} .h-md-90px {height: 90px !important;} .h-md-95px {height: 95px !important;} .h-md-100px {height: 100px !important;} .h-md-105px {height: 105px !important;} .h-md-110px {height: 110px !important;} .h-md-115px {height: 115px !important;} .h-md-120px {height: 120px !important;} .h-md-125px {height: 125px !important;} .h-md-130px {height: 130px !important;} .h-md-135px {height: 135px !important;} .h-md-140px {height: 140px !important;} .h-md-145px {height: 145px !important;} .h-md-150px {height: 150px !important;} .h-md-155px {height: 155px !important;} .h-md-160px {height: 160px !important;} .h-md-165px {height: 165px !important;} .h-md-170px {height: 170px !important;} .h-md-175px {height: 175px !important;} .h-md-180px {height: 180px !important;} .h-md-185px {height: 185px !important;} .h-md-190px {height: 190px !important;} .h-md-195px {height: 195px !important;} .h-md-200px {height: 200px !important;}

  /* colunas */
  .cols-2 {columns: 2;}
  .cols-3 {columns: 3;}
  .cols-4 {columns: 4;}
  .cols-5 {columns: 5;}

  /* home - slider */
  #slider-home .slider-home-item {height: 350px;}
  #slider-home .owl-nav {display: block;}
  #slider-home .owl-nav .owl-next,
  #slider-home .owl-nav .owl-prev {top: -175px;}
  #slider-home.ctn-slider .owl-dots .owl-dot {top: -60px;}

  /* galerias de fotos */
  .galeria-fotos .ctn-gal-img {max-width: 60%;}
  .galeria-fotos .galeria-media {height: 250px;}
  .galeria-fotos .row-expand-2 .galeria-media {height: 500px;}
  .galeria-fotos .row-pull-1 .galeria-media {margin-top: -250px;}
  .galeria-fotos .outer-flag-right:before {display: block; content: ""; position: absolute; width: 10000px; height: 100%; z-index: -1; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;}

  /* galerias de videos */
  .galeria-thumb {height: 250px;}
}

/* LG (desktops)*/
@media (min-width: 992px) {

  /* sizes */
  .h-lg-5px {height: 5px !important;} .h-lg-10px {height: 10px !important;} .h-lg-15px {height: 15px !important;} .h-lg-20px {height: 20px !important;} .h-lg-25px {height: 25px !important;} .h-lg-30px {height: 30px !important;} .h-lg-35px {height: 35px !important;} .h-lg-40px {height: 40px !important;} .h-lg-45px {height: 45px !important;} .h-lg-50px {height: 50px !important;} .h-lg-55px {height: 55px !important;} .h-lg-60px {height: 60px !important;} .h-lg-65px {height: 65px !important;} .h-lg-70px {height: 70px !important;} .h-lg-75px {height: 75px !important;} .h-lg-80px {height: 80px !important;} .h-lg-85px {height: 85px !important;} .h-lg-90px {height: 90px !important;} .h-lg-95px {height: 95px !important;} .h-lg-100px {height: 100px !important;} .h-lg-105px {height: 105px !important;} .h-lg-110px {height: 110px !important;} .h-lg-115px {height: 115px !important;} .h-lg-120px {height: 120px !important;} .h-lg-125px {height: 125px !important;} .h-lg-130px {height: 130px !important;} .h-lg-135px {height: 135px !important;} .h-lg-140px {height: 140px !important;} .h-lg-145px {height: 145px !important;} .h-lg-150px {height: 150px !important;} .h-lg-155px {height: 155px !important;} .h-lg-160px {height: 160px !important;} .h-lg-165px {height: 165px !important;} .h-lg-170px {height: 170px !important;} .h-lg-175px {height: 175px !important;} .h-lg-180px {height: 180px !important;} .h-lg-185px {height: 185px !important;} .h-lg-190px {height: 190px !important;} .h-lg-195px {height: 195px !important;} .h-lg-200px {height: 200px !important;}

  /* home - slider */
  #slider-home .slider-home-item {height: 500px;}
  #slider-home .owl-nav .owl-next,
  #slider-home .owl-nav .owl-prev {top: -255px;}
}

/* XL (large desktops)*/
@media (min-width: 1200px) {}